@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; width: 100%; height:100%; position: fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
img {max-width:100%;}

.sub_wrap {padding-top: 84px;}
.sub_wrap #header {background: #fff; transition: all 0.3s 0s ease-in-out;}
.sub_wrap #header .w_gnb .gnb > ul > li > a > span {color:#37404e;}
.sub_wrap #header .w_gnb .gnb > ul > li:hover > a > span {color:#0361ab;}
.sub_wrap #header .w_gnb .gnb > ul > li.on > a > span {color:#0361ab;}
.sub_wrap #header .top_menu > li > a {color: #333;}
.sub_wrap #header .top_menu > li > a > span {background: url(../img/common/top_arrow2.png) no-repeat right center; }
.sub_wrap #header .top_menu .over li a { color: #333;}
.sub_wrap #header .top_menu .over li a:hover {color: #989898;}
.sub_wrap #header .menu_btn .line-top,
.sub_wrap #header .menu_btn .line-middle,
.sub_wrap #header .menu_btn .line-bottom {background: #000; transition: all 0.3s 0s ease-in-out;}
.sub_wrap #header h1 a {background: url(../img/common/logo2.png) no-repeat center center; background-size:cover;}
.sub_wrap #header h1 a img {opacity: 0;}



/* wrap */
#wrap {width:100%; max-width:1920px; overflow:hidden; margin:0 auto; transition: all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:1200px; margin:0 auto; position:relative; box-sizing: border-box; padding-bottom:90px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}
#inner_wrap.wid100 {width: 100%; max-width: 100%; padding-bottom: 0px;}

.inner {max-width:1200px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}

.bg_wrap {background: #f8f8f8}
.bg_wrap .sub_con {background: none;}

/* header */
.top_menu {position: absolute; right:10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-family: 'Roboto', sans-serif; font-size: 13px;}
.top_menu > li > a {display: block; color: #fff; line-height:140%; overflow: hidden; position: relative; z-index: 9;}
.top_menu > li > a > span {display:block; padding-right:20px; background: url(../img/common/top_arrow.png) no-repeat right center; }
.top_menu .over {text-align: left; position: absolute; padding:0px 5px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top:130%; width: 130%; display: none; box-sizing: border-box; background: #fff; border:1px solid #ddd; border-top:none;  }
.top_menu .over li {padding:5px 0px; border-top:1px solid #333; }
.top_menu .over li:first-child {border-top:none; }
.top_menu .over li a {color: #333;}
.top_menu .over li a:hover {color: #989898;}




#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; box-sizing: border-box; transition: all 0.3s 0s ease-in-out;}
#header:after {display: block; content: ""; width:100%; height: 1px; margin-top: -1px; background: #ccc; opacity: 0.5;}
.in_header {max-width:1720px; width:100%; height:84px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9}
.in_header .sitemap {position: absolute; right: 0px; bottom:5px;}
#header h1 {position: absolute; left:10px; top:50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); overflow: hidden;  }
#header h1 a {display: block; overflow: hidden; height: 100%; outline: none; background-size: cover !important}
#header.down {background: #fff; transition: all 0.3s 0s ease-in-out;}
#header.down .w_gnb .gnb > ul > li > a > span {color:#37404e;}
#header.down .w_gnb .gnb > ul > li:hover > a > span {color:#0361ab;}
#header.down .w_gnb .gnb > ul > li.on > a > span {color:#0361ab;}

#header.down .top_menu > li > a {color: #333;}
#header.down .top_menu > li > a > span {background: url(../img/common/top_arrow2.png) no-repeat right center; }
#header.down .top_menu .over li a { color: #333;}
#header.down .top_menu .over li a:hover {color: #333;}

#header.down .menu_btn .line-top,
#header.down .menu_btn .line-middle,
#header.down .menu_btn .line-bottom {background: #000; transition: all 0.3s 0s ease-in-out;}
#header.down h1 a {background: url(../img/common/logo2.png) no-repeat center center; background-size:cover;}
#header.down h1 a img {opacity: 0;}

.m_gnb_on {position:absolute; left:10px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); box-sizing: border-box; display: none;}
.m_gnb_on .menu_btn {margin: 0 auto;}

/* GNB */
.w_gnb {padding:0px 120px 0px 130px; }
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; display: table; width: 100%; text-align: right;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {display:inline-block; zoom:1; *display:inline; position:relative; padding: 0px 30px; box-sizing: border-box;}
.w_gnb .gnb > ul > li > a {display:block; color:#fff; text-align: left;}
.w_gnb .gnb > ul > li > a > span {display:inline-block; font-size:16px; line-height:82px; height:84px; color:#fff; transition: all 0.2s 0s ease-in-out; font-weight:500; box-sizing: border-box;}
/*.w_gnb .gnb > ul > li:hover > a > span {color:#37404e;}
.w_gnb .gnb > ul > li.on > a > span {color:#37404e;}*/

.w_gnb .sub_menu  {position:absolute; left:0px; width:100%; box-sizing:border-box; overflow:hidden; top:100%; margin-top: -2px; line-height:20px; display:none; padding:5px 8px; border: 1px solid #2e3133; border-top:2px solid #0262ac; background: #fff;}
.w_gnb .sub_menu > li {padding:10px 5px; border-top:1px solid #cccccc; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li:first-child {border-top:none;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; text-align:left; color:#333333; padding:2px 0px; line-height:17px; font-weight:300; letter-spacing: -1px;}
.w_gnb .sub_menu > li > a:hover {color:#333333; font-weight: 400;}
.three_depth { display:none;}
.gnb03 .sub_menu {display: none !important;}
.gnb04 .sub_menu {display: none !important;}


#gnb_bar {position:absolute; display:none; left:0%; top:100%; border-bottom: 1px solid #ccc; width:100%; height:120px; background:#000; opacity:0.7; }


.slide_menu_wrap {width:70%; max-width: 500px; box-sizing: border-box; height: 100%;  z-index: 99999; position: fixed; right:-90%; top: 0px; bottom:0px; }
.slide_menu_inner {padding:63px 15px 0px 15px; height: 100%; box-sizing: border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; background: #343434; }
.slide_menu_top {height: 88px; background:url(../img/common/logo.png) no-repeat center center #fff; box-sizing: border-box; border-bottom: 1px solid #4a76b4}
.slide_menu_wrap .m_gnb_on {display:none !important}

.all_close {position: absolute; right:20px; top: 20px; z-index: 99998}
.all_close button {background: none; border: none; outline: none; /*width: 26px; height: 26px;*/ padding: 0px; margin: 0px; }
.all_close .menu_btn {height: 20px !important; width: 30px !important;}
.all_close .menu_btn .line-top, .all_close .menu_btn .line-middle, .all_close .menu_btn .line-bottom {background:#fff !important}
.slide_menu_wrap .gnb > ul {overflow: hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom: 1px solid #474747; transform: translateX(30%); -webkit-transform: translateX(30%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out; border-bottom: 1px solid #474747;}
.slide_menu_wrap .gnb > ul > li > a {display: block; line-height:33px; font-size:18px; color: #fff; padding: 10px 10px 10px 25px; background: url(../img/common/g_plus.png) no-repeat right center; font-weight: 500; } 
.slide_menu_wrap .gnb > ul > li > a.on {background: url(../img/common/g_minus.png) no-repeat right center; } 
.slide_menu_wrap .gnb .sub_menu {background:#333333; border-top:1px solid #474747; display: none; padding: 10px 0px; }
.slide_menu_wrap .gnb .sub_menu > li > a {display: block; line-height:23px; padding:5px 10px 5px 25px; font-size:15px; color:#d6d6d6; } 
.slide_menu_wrap .gnb .sub_menu02{background:#4e4e4e; border-top:1px solid #777777; border-bottom:1px solid #777777; padding:10px 0px; }
.slide_menu_wrap .gnb .sub_menu02 > li > a {display: block; line-height:23px; padding:5px 10px 5px 35px; font-size:13px; color: #d6d6d6;} 
.slide_menu_wrap.on .gnb > ul > li {transform: translateX(0%); -webkit-transform: translateX(0%); transition: all 0.8s 0s ease-in-out; -webkit-transition: all 0.8s 0s ease-in-out;}
.slide_menu_wrap .top_menu {margin:0px -15px 10px -15px; position: relative; right: auto; top:auto; transform: none; -webkit-transform: none;}
.slide_menu_wrap .top_menu .inner {padding: 0px;}
.slide_menu_wrap .top_btns > li {float: left; width:25%; margin: 0px !important; padding: 0px; border: 1px solid #484848; box-sizing: border-box;}
.slide_menu_wrap .top_btns > li {border-left:1px solid #484848; border-left: none;}
.slide_menu_wrap .top_menu .top_btns > li.ico02:before {display: none;}
.slide_menu_wrap .top_btns > li > a {display: block; width: 100%; height: 40px; box-sizing: border-box; padding:10px; background: #1f1f1f; color: #fff; text-align: center;}
.slide_menu_wrap .top_btns {float: none; overflow: hidden;}


/* visual */
.main_visual {width: 100%; position: relative;}
.main_visual .bxslider > li {background-size:cover !important; }
.main_visual .v_frame {max-width:1720px; width:100%; text-align: center; margin: 0 auto; display:table; position: relative;}
.main_visual .v_frame .v_txt {display: table-cell; height: 960px; width: 100%; box-sizing: border-box; padding: 0px 10px; color: #fff; vertical-align: middle; text-align: left;}
.main_visual .v_frame .v_txt .txt1 {font-size: 100px; font-weight: 100; font-family: 'Roboto', sans-serif; line-height:100%;}
.main_visual .v_frame .v_txt .txt2 {font-size:27px; font-weight: 100; line-height:130%; padding-top: 50px;}




.main_visual .v_frame img {max-width: 100%;}

@media (hover: none) {  }





/* footer */
#footerW {clear:both; word-break: keep-all; position: relative; width:100%; background:#2d2d2d;}


#footer_add .top {position:absolute; right:0px; top:0px;}
#footer_add a {color:#c0c0c0}
#footer .addressW {max-width:1720px; box-sizing: border-box; margin: 0 auto; padding:30px 255px 30px 225px; position: relative; font-size:13px; color:#c0c0c0; line-height:21px; font-weight:100; z-index: 9; background: url(../img/common/f_logo.gif) no-repeat 10px 30px;}
#footer .addressW a {color: #c0c0c0}
#footer .addressW address {margin-left: -10px; padding-top: 10px; line-height: 150%; color: #c0c0c0;}
#footer .addressW address span {display: inline-block; padding:2px 10px;}
#footer .addressW address .line {width: 1px; height:12px; background: #4e5460; padding: 0px; }
#footer .addressW address strong {display: inline-block; padding:2px 10px; color: #003876;}
#footer .copy {font-weight: 100; padding:20px 0px 0px 0px;}
#footer .go_top {position: absolute; right:10px; top:30px;}
#footer .go_top a {display: block; border: 1px solid #969696; padding:12px; font-weight: 100;}
#footer .go_top a > span {display: block; text-align: center; padding-top: 10px; line-height: 140%;}
#footer .lang {position: absolute; right:100px; top:45px;}
#footer .lang > li {float: left; padding-left:20px;}
#footer .lang > li:first-child {padding-left:0px;}
#footer .lang > li > a {display: block; padding-left:33px; color: #c0c0c0; line-height:28px; }
#footer .lang > li.ico01 > a {background: url(../img/common/kor.gif) no-repeat left top;}
#footer .lang > li.ico02 > a {background: url(../img/common/eng.gif) no-repeat left top;}






#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}




.sub_visual {height:450px; padding:0px 10px 100px 10px; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover!important; background: url(../img/common/sub_visual.jpg) no-repeat center top;}
.sub_visual .sub_txt {display: table; height: 100%; width: 100%;}
.sub_visual .sub_txt .cell {display: table-cell; vertical-align: middle; height: 100%; color: #fff; text-align: center;}
.sub_visual .sub_txt .cell h2 {font-size:28px; line-height: 130%; font-weight:300;;}
.sub_visual .sub_txt .cell h3 {font-size:85px; line-height: 130%; font-weight: 100;;}

.sub_wrap_1 .sub_visual {background: url(../img/introduce/sub_visual.jpg) no-repeat center top;}
.sub_wrap_2 .sub_visual {background: url(../img/service/sub_visual.jpg) no-repeat center top;}
.sub_wrap_3 .sub_visual {background: url(../img/customer/sub_visual.jpg) no-repeat center top;}
.sub_wrap_4 .sub_visual {background: url(../img/contact/sub_visual.jpg) no-repeat center top;}



#m_lnb {display:none;}


#lnb_wrap {position:relative; min-height:70px; z-index:10; margin-top: -70px; box-sizing:border-box;}
#lnb_wrap .lnb {max-width: 1200px; margin: 0 auto;}
#lnb_wrap .lnbs1 {display: none;}
#lnb_wrap .ico_home {display: none;}
#lnb_wrap .ico_home a {display:block; width:49px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.gif) no-repeat center center #f1592a;}
.lnbs2 ul {text-align: center; font-size: 0px;}
.lnbs2 ul li {color:#fff; display: inline-block; position: relative; padding: 0px 30px;}
.lnbs2 ul li:first-child:before {display: none;}
.lnbs2 ul li:before {display: block; content: ""; width: 1px; height:22px; background: #c4c2c1; position: absolute; left: 0px; top: 50%; margin-top: -11px;}

.lnbs2 ul li a {color:#fff; font-size:22px; display:block; line-height:30px; max-height:70px; padding:20px 0px 20px 0px; box-sizing:border-box; font-weight: 100;}
.lnbs2 ul li.on a {font-weight:500;}
#lnb_tit2 {display: none}



#lnb_tit {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 90% center; cursor:pointer;}
#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}



.title_bar {margin-bottom:50px;}
.title_bar h2 {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; }
.title_bar h2:after {display: inline-block; margin-left: 10px; content: ""; vertical-align: top; width:43px; height: 4px; background: #333333}
.title_bar .s_txt {font-size:42px; color:#000; padding-top:50px; line-height: 140%; font-weight: 100; padding-bottom:10px; word-break: keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition: all 0.2s 0s ease-in-out; font-weight:700; padding: 40px 0px 30px 0px;}


.location {line-height:17px; height:65px; font-size:15px;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:15px; margin-left:10px; background:url(../img/common/location.gif) no-repeat left center; color:#666666; font-weight: 300;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:500;}
.location #location_3 {font-weight:500;}
.location img {vertical-align:top; margin-top:1px;}



.sub_con {min-height:100px; padding:50px; max-width: 1200px; margin: 0 auto; font-size:16px; font-weight: 400; line-height: 160%; word-break: keep-all; margin-top: -110px; background: #fff; box-sizing: border-box;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.sub_con img {max-width: 100%;}
.sub_tit {font-size: 26px; color: #333333; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px;}
.sub_tit_p {font-size: 24px; color: #82308e; line-height: 140%; text-align: center; padding: 20px 0px 10px 0px; font-weight: 700;}
.s_tit {font-size:25px; position: relative; color: #333333; line-height:120%; padding:20px 0px 25px 0px; margin-top:60px; font-weight:700;}
.s_tit .small {display: inline-block; color: #5c5c5c; font-size: 0.85em; font-weight: 100;}
.s_tit:before {display: none; content:""; width:34px; height:6px; background:#333333; position: absolute; left: 0px; top:0%;}
.s_tit.line {border-bottom: 2px solid #356fa8}
.s_tit.tc {text-align: center; background: none !important; padding-left: 0px;}
.ss_tit {font-size:20px; position: relative; color: #333333; line-height: 140%; padding:0px 0px 0px 17px; margin-bottom:10px;  margin-top:45px; font-weight:400;}
.ss_tit:before {display: block; content:""; width:10px; height:10px; background:#0262ac; position: absolute; left: 0px; top:9px;}

.s_titW {overflow: hidden; padding: 50px 0px 25px 0px;}
.s_titW .s_tit {margin-top: 0px; padding-bottom: 0px;}

.sss_tit {color:#333333; position: relative; padding:0px 0px 5px 13px; margin-top:15px; line-height:140%; font-size:1em; font-weight: 400;}
.sss_tit:before {display: block; content: ""; width: 5px; height: 1px; background:#333; position: absolute; left: 0px; margin-top: -2px; top:50%;}
.b_txt {font-size: 18px; color: #494949; line-height: 150%;}
.s_txt_r {text-align: right; margin-top: -35px; height: 20px; padding-bottom:15px;}
.s_txt_r2 {height: 40px; margin-top: -55px;}

.ss_tit .s_txt {font-size:14px; font-weight: 300; margin-left: 10px;}

.introduce {overflow: hidden;}
.introduce .img {width: 50%; float: left;}
.introduce .text_area {width: 50%; float: left; box-sizing: border-box; padding-left:35px;}
.introduce .text_area .txt1 {font-size:43px; line-height: 140%; font-weight: 100; padding-bottom:30px;}
.introduce .text_area .txt3 {text-align: right; font-size: 1.05em; padding-top:40px;}

.vision_wrap {overflow: hidden;}
.vision_wrap .img {width: 50%; float: right; box-sizing: border-box; padding-left:50px;}
.vision_wrap .text_area {width: 50%; float: left; box-sizing: border-box;}
.vision_wrap .text_area .txt1 {font-size:43px; letter-spacing:5px; line-height: 140%; font-weight: 100; padding-bottom:30px; text-transform: uppercase}

.vision_me {text-align: center; position:relative; padding-bottom: 50px;}
.vision_me > ul > li {position:absolute; font-size:1.1em; line-height: 140%; text-align: left; overflow: hidden;}
.vision_me > ul > li .txt_t {display: none;}
.vision_me > ul > li .txt_tt {float: left; color: #000;}
.vision_me > ul > li > span {display: block; padding-left: 137px}
.vision_me > ul > li.txt1 {left:54%; top:110px;}
.vision_me > ul > li.txt2 {left:22%; bottom:0%;}
.vision_me > ul > li.txt3 {left:64%; top:80%;}

.conduct_wrap {background: url(../img/introduce/map.png) no-repeat center 80px; }
.conduct_wrap > h4 {text-align: center; font-size: 43px; line-height: 130%; font-weight: 100; padding-bottom: 30px; }
.conduct_wrap > h4 > strong {display: block; }
.conduct_wrap .conduct {overflow: hidden;}
.conduct_wrap .conduct .img {float: left; width: 50%; box-sizing: border-box; padding-right: 30px;}
.conduct_wrap .conduct > ul {float: left; width: 50%; box-sizing: border-box; padding-left: 30px;}
.conduct_wrap .conduct > ul > li {margin-top:30px; position: relative; padding:20px 0px 20px 120px; min-height: 60px; font-weight: 100; }
.conduct_wrap .conduct > ul > li:first-child {margin-top:0px; }
.conduct_wrap .conduct > ul > li .ico {position: absolute; left: 0px; top: 0px;}
.conduct_wrap .conduct > ul > li .txt_t {display: block; font-size: 1.1em;}
.conduct_wrap .img_m {display: none;}

.sourcing_first {text-align: center; font-weight: 100;}
.sourcing_first:after {display: block; content: ""; width: 1px; height:57px; background: #8a8a8a; margin:30px auto 0px auto;}
.sourcing_first > h3 {font-size: 41px; line-height: 130%; font-weight:500; padding-bottom: 30px;}

.sourcing_step {padding:40px 0px;}
.sourcing_step > ul {overflow: hidden; position: relative;}
.sourcing_step > ul:after {display: block; content: ""; width: 100%; height: 1px; border-top:1px dashed #ccc; position: absolute; left: 0px; top:120px}
.sourcing_step > ul > li {float: left; position: relative; z-index: 9; text-align: center; width: 25%; box-sizing: border-box; padding: 0px 10px;}
.sourcing_step > ul > li .ico {display: block; text-align: center;}
.sourcing_step > ul > li > strong {display: block; font-size: 1.15em; padding-top: 15px; color: #333333;}
.sourcing_step > ul > li:before {display: block; content: ""; width:31px; height: 31px; background: url(../img/service/arrow.png) no-repeat left top; position: absolute; left:-15px; top: 105px;}
.sourcing_step > ul > li:first-child:before {display:none;}

.sourcing_step2 {background: url(../img/service/bg01.jpg) no-repeat center top; background-size:cover; }
.sourcing_step2 .sub_con {background: none;}
.sourcing_step2 .sub_con > ul {overflow: hidden;}
.sourcing_step2 .sub_con > ul > li {float: left; position: relative; z-index: 9; text-align: center; width: 25%; box-sizing: border-box; padding: 0px 10px;}
.sourcing_step2 .sub_con > ul > li .ico {display: block; text-align: center;}
.sourcing_step2 .sub_con > ul > li > strong {display: block; font-size: 1.15em; padding-top: 30px; color: #333333;}

.sub_con .tit {text-align: center; font-size:40px; font-weight: 100; line-height: 140%;}

.brand {overflow: hidden; padding-top: 10px;}
.brand > li {float: left; box-sizing: border-box; padding: 5px; width: 25%;}


.channel {border-top:2px solid #333; border-left:1px solid #d9d9d9; background: #fff; overflow: hidden; margin:50px 0px;}
.channel > li {float: left; text-align: center; width: 25%; box-sizing: border-box; border: 1px solid #d9d9d9; border-left:none; border-top:none; padding:1.5%; }

.marketing_wrap {padding: 40px 0px;}
.marketing_wrap > ul:after {display: block; content: ""; clear: both;}
.marketing_wrap > ul > li {box-sizing: border-box; text-align: center; float: left; width: 33.333%;}
.marketing_wrap > ul > li .box {border-radius:60px; display: table; width:120%; color: #fff; line-height: 140%; font-size:1.15em; color: #fff; margin-left: -10%;}
.marketing_wrap > ul > li .box > p {display: table-cell; vertical-align: middle; height:100px; box-sizing: border-box;  padding: 10px; }
.marketing_wrap > ul > li.step2 { z-index: 9; position: relative;}
.marketing_wrap > ul > li.step3 { z-index:8; }
.marketing_wrap > ul > li.step1 .box {background: #0262ac}
.marketing_wrap > ul > li.step2 .box {background: #fff; opacity:0.8;  color:#000; box-shadow: 0px 0px 3px #d0d0d0}
.marketing_wrap > ul > li.step3 .box {background: #054373}
.marketing_wrap > ul > li .txt {font-size: 1.15em; margin-top: -10px; padding-top: 100px; background: url(../img/service/point01.png) no-repeat center top}
.marketing_wrap > ul > li .txt > li {padding: 2px 0px;}
.marketing_wrap > ul > li.step3 .txt {background: url(../img/service/point02.png) no-repeat center top}

.marketing_wrap2 {border-top:2px solid #333; border-left:1px solid #d9d9d9; margin:20px 0px;}
.marketing_wrap2 > ul {  overflow: hidden;}
.marketing_wrap2 > ul > li {float: left;background: #fff; text-align: center; width:20%; box-sizing: border-box; border: 1px solid #d9d9d9; border-left:none; border-top:none; padding:1.5%; min-height:330px; text-align: center; font-weight:300; position: relative;}
.marketing_wrap2 > ul > li .num {display: block; font-size:42px; color: #e5e5e5; line-height: 140%; font-weight: 700;}
.marketing_wrap2 > ul > li .ico {display: block; padding: 10px 0px;}
.marketing_wrap2 > ul > li > strong {display: block; font-size: 1.05em; padding-bottom: 10px;}
.marketing_wrap2 > ul > li .bul03 {display: inline-block; text-align: left; font-size: 0.95em; font-weight: 100;}
.marketing_wrap2 > ul > li:before {display: block; content: ""; width: 31px; height: 31px; background: url(../img/service/arrow.png) no-repeat left top; position: absolute; left: -15px; top: 50%; margin-top: -15px;}
.marketing_wrap2 > ul > li:first-child:before {display:none;}




.view_tit {padding:20px 10px 20px 10px; background: #f0f1f5; text-align: center; border: 1px solid #ddd; border-top:1px solid #333;}
.view_tit .v_tit {font-size: 1.4em; font-weight:400; line-height: 130%; word-break: break-all;}
.view_tit .v_tit .ico {display: inline-block; border: 1px solid #0c91dd; background: #fff; color: #0c91dd; font-size:1rem; padding: 0px 5px; min-width: 46px; vertical-align: top; margin-right: 4px; text-align: center; height: 24px; line-height: 22px;}
.view_tit .v_list {font-size: 0px; padding-top:0px;}
.view_tit .v_list > li {display: inline-block; color: #003366; vertical-align: top; font-size:1.05rem; padding:5px 10px; position: relative;}
.view_tit .v_list > li:before {display: block; content: ""; width: 1px; height:14px; background: #666; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%)}
.view_tit .v_list > li:first-child:before {display:none;}
.click_count {padding: 10px 0px; text-align: right;}
.t_name {padding: 20px 0px; font-size: 1.15em; color: #666666; line-height: 34px;}
.t_name img {vertical-align: top; padding-left: 5px;}
.br_box {padding: 15px;}
.gray_box {background:#f2f2f2; padding:10px;}

.ico_level {display: inline-block; width: 27px; height: 34px; text-align: center; line-height: 34px; background: url(../img/graduate/ico_level.png) no-repeat center top; color: #000000; }




.radio_group.radio_type1 {margin-left: -3px;}
.radio_group.radio_type1 > li {padding: 5px 0px 0px 3px;}
.radio_group.radio_type1 > li > label {display: block; min-width:30px; text-align: center; padding:0px 12px; height:22px; line-height:20px; font-size: 14px; cursor: pointer; border: 1px solid #003876; background: #fff; border-radius:20px; color: #003876}
.radio_type1 > li > label .ez-radio {display: none;}
.radio_type1 > li > label.ez-selected {background: #003876; color:#fff}



.radio_group {margin:-5px 0px 0px -15px;}
.radio_group > li {display: inline-block; padding: 5px 0px 0px 15px;}
.radio_group .input {width: auto !important;}
.input_etc {position: relative; padding-left: 62px; box-sizing: border-box;}
.input_etc .pa {position: absolute; left: 0px; top: 0px; font-size: 14px; line-height:40px;}

.btn-tc {text-align: center; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tc > a {margin: 0px 20px;}
.btn-tl {text-align: left; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}
.btn-tr {text-align: right; padding: 30px 0px; border-top:2px solid #333333; margin-top: 30px;}

.important {padding-right:15px; position:relative; display:inline-block;}
.important:after {display:inline-block; content:"*"; vertical-align: middle; font-size: 20px; color:#ec5133; position:absolute; right:0px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);line-height: 100%;}
.important2 {padding-left:15px; position:relative; display:inline-block; }
.important2:after {display:block; content:"*"; color:#eb444b; position: absolute; left: 0px; top:50%; font-size: 20px; line-height: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

/*atab*/
.atab { margin-bottom:40px; padding-top: 10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display: table; }
.atab li a {display:table-cell; width: 100%; height:70px; vertical-align: middle; background:#fff; font-size:1.05em; line-height: 130%; padding:0px 0px; text-align:center; color:#000000; box-sizing:border-box; border:1px solid #cccccc; border-left: none; word-break: break-all}
.atab li:first-child a {border-left:1px solid #cccccc;}
.atab li.on a {font-weight: 500; border: 1px solid #333333 !important; background: #333333; color: #fff;}
.atab li.on a:after {display: block; content: ""; width: 20px; height: 20px; background: #fff; position: absolute; left:50%; bottom:-20px; transform: rotate(45deg) translateX(-50%);}


.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin: -1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height: 50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}

.btab {padding-top: 10px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-align: center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display: inline-block; max-width:200px; box-sizing:border-box; position:relative;}
.btab li a {display:block; width: 100%; padding:10px 0px; text-align:center; border: 1px solid #dddddd; color:#333333; box-sizing:border-box; font-size: 15px;}
.btab li.on a {color: #fff; background: #000}

.btab.two li {width:50%;}




.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}

/* 레이어팝 */
#black {display:none; background-color: #000; display: none; height: 100%; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: fixed; top: 0; width: 100%; z-index: 9999;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}
.layerPop .pop_title2 {font-size: 2.5em; color: #333; line-height: 150%; margin-bottom: 10px; padding: 0px 10px; text-align: center;}
.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size: 15px; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto;}
.pop_wrap .x_btn {position: absolute; right:25px; top:50%; margin-top: -13px; display: inline-block; width:26px; height: 26px; cursor: pointer; background: none}
.pop_wrap .pop_head {background: #5ea1e4; position: relative;}
.pop_wrap .pop_head .title {font-size:24px; line-height:150%;  color: #fff; padding:18px 45px 20px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:45px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn1 {position: absolute; right:10px; top:10px; cursor: pointer}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding: 20px 0px 0px 0px; margin-top:15px;}
.pop_body .btn-tc > a {margin: 0px 10px;}


.pop_wrap .btn {border:1px solid #333333; background-color:#333333; color:#fff; padding:12px; display:block; font-size:15px; text-align:center;  width:100%; cursor:pointer; box-sizing:border-box; -moz-box-size:border-box;}
.pop_wrap .btn a {color:#fff;}
.pop_wrap .btn.black {border:1px solid #666666; border-bottom:1px solid #575757; background-color:#666666;}
.pop_wrap .btn button {color:#fff; background:none;  font-size:15px;}


/* 팝업 */

.popup_scroll {max-height:700px; overflow-x:hidden; overflow-y:auto;}

.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align: center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size: 14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto_r; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto_r; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto_r; color:#444444; font-size:22px; line-height:38px;}


.date_picker_two {overflow: hidden; position: relative}
.date_picker_two .date_picker {float: left; width:47%;}
.date_picker {position: relative; padding-right: 40px; box-sizing: border-box;}
.date_picker .input {width: 100%;}
.date_picker img {position: absolute; right: 0px; top:50%; margin-top: -15px; width: 30px; height: 30px;}
.date_picker.two_col .input {width: 100%;}
.date_picker_two .col-sm-2  {float: left; width:47%;}
.date_picker_two .pa {left: 50%; top:0%; line-height: 30px; text-align: center; width: 10px; margin:0px 0px 0px -5px;}


.bt_include {position: relative; padding-right: 100px; box-sizing: border-box;}
.bt_include .add_bt {position: absolute; right: 0px; top: 0px;}
.bt_include select {width: 100%; max-width: 100%;}
.bt_include2 {padding-right:65px; margin: 0 auto;}







/* ------------------------------------------------------------
 * Name      : mobile_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}

.down_file {display: inline-block; vertical-align: middle; color: #0c91dd; margin-left: 10px;}
.down_file > span {display: block; padding-left:23px; background: url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}




/* 980px 이상 */
@media screen and (min-width:980px) {
	
  
    
}


/* 1200px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
 
}

/* 1220px 이하 */
@media screen and (max-width:1219px) {
    
    #inner_wrap {padding:0px 10px 70px 10px;}
    #inner_wrap.no_visual {padding-top:70px;}
    


    .w_gnb .gnb > ul > li > a > span {font-size:16px;}
    
    .main_visual .v_frame .v_txt {font-size:50px;}
    

    
    #footer .go_top {right: 10px;}
    


      
    
    
}
/* 980px 이하 */
@media screen and (max-width:979px) {
    #header h1 {left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
    
    .m_gnb_on {display: block;}
    .w_gnb {display:none;}
	#gnb_bar {display:none !important;}
    .section {padding: 30px 10px;}
    .inner {padding: 0px 10px;}
    .main_visual .v_frame .v_txt {height:800px }
    .main_visual .v_frame .v_txt .txt1 {font-size: 80px;}
    
    #footer .addressW {text-align: center; padding:80px 0px 20px 0px; background-position:center 20px;}

    .sub_con {font-size:15px }
    .atab li a {font-size:19px;}
    
    
    .introduce .img {float: none; width: 100%; text-align: center; padding-bottom: 20px;}
    .introduce .text_area {float: none; width: 100%; padding-left: 0px;}

  
    .vision_wrap .img {float: none; width: 100%; text-align: center; padding-left:0px; padding-bottom: 20px;}
    .vision_wrap .text_area {float: none; width: 100%; padding-left: 0px;}
 
    .vision_me > ul > li {position: relative; margin-top: 20px; left: auto !important; top: auto !important; bottom: auto !important}
    .vision_me > ul > li br {display: none}
    .vision_me > ul > li .txt_t {display:block; font-size: 1.25em; color: #fff; margin-bottom: 5px;}
    .vision_me > ul > li .txt_t > span {display:inline-block; border-radius:30px; padding:10px 15px;}
    .vision_me > ul > li .txt_tt {float: none;}
    .vision_me > ul > li > span {padding: 0px; display: inline; }
    .vision_me > ul > li.txt1 .txt_t > span {background: #f76c21;}
    .vision_me > ul > li.txt2 .txt_t > span {background: #0263ac;}
    .vision_me > ul > li.txt3 .txt_t > span {background: #47c0c8;}
    
    .conduct_wrap .conduct .img {float: none; padding-right: 0px; text-align: center; width: 100%;}
    .conduct_wrap .conduct > ul {float: none; padding-left: 0px; width: 100%;}
    .conduct_wrap .img_m {display: inline-block;}
    .conduct_wrap .img_w {display: none;}
    
    .sourcing_first .br {display: none;}

    
    
    
}

/* 768 이하 */
@media screen and (max-width:767px) {
    #wrap {padding-top: 83px;}
    #header {background: #fff; transition: all 0.3s 0s ease-in-out;}
    #header .w_gnb .gnb > ul > li > a > span {color:#37404e;}
    #header .w_gnb .gnb > ul > li:hover > a > span {color:#37404e;}
    #header .w_gnb .gnb > ul > li.on > a > span {color:#37404e;}

    #header .menu_btn .line-top,
    #header .menu_btn .line-middle,
    #header .menu_btn .line-bottom {background: #000 !important; }
    #header h1 a {background:url(../img/common/logo2.png) no-repeat center center; }
    #header h1 a img {opacity: 0;}
    #header .top_menu > li > a {color: #333;}
    #header .top_menu > li > a > span {background: url(../img/common/top_arrow2.png) no-repeat right center; }
    #header .top_menu .over li a { color: #333;}
    #header .top_menu .over li a:hover {color: #333;}

    
    .main_visual .v_frame .v_txt {height:700px }
    .main_visual .v_frame .v_txt .txt1 {font-size: 60px; text-align: center;}
    .main_visual .v_frame .v_txt .txt2 {font-size: 19px; text-align: center;}

   
	.title_bar .lnbW li a {font-size:15px;}
   
    #footer .addressW {background: none; padding-top:20px; font-size: 12px;}
    #footer .copy {padding-top: 10px;}
    #footer .lang {display: none;}
    #footer .go_top {display: none;}
    
   #lnb_wrap {position:relative; min-height: 10px; margin-top:0px; border-bottom:1px solid #e2e2e2; background:#fff;}
    #lnb_wrap .lnbs1 {display: block;}

    #lnb_wrap .lnb {max-width:1200px; margin:0 auto; position:relative;}
    #lnb_wrap .lnb:after { clear:both; content:""; display:block;}
    #lnb_wrap .lnb .lnbs { float:left; width:196px; border-right:1px solid #e2e2e2; position:relative;}
    #lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:-1px; top:42px; width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2; display:none; background: #fff;}
    #lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

    #lnb_wrap .ico_home {float:left; display: block; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2}
    #lnb_wrap .ico_home a {display:block; width:49px; height:41px; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home2.gif) no-repeat center center;}
    .lnb ul li {color:#666666; display: block; padding: 0px;}
    .lnb ul li.on {display:none !important;}
    .lnb ul li a {color:#666666; font-size:13px; display:block; line-height:20px; min-height:20px; padding:10px 0px 10px 25px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align: left; border-top:none }
    .lnb ul li a:hover {color:#333; border-top:none }

    .lnb ul li .three_depth a {background:#e5e5e5; border-bottom:1px solid #fff; border-top:none; color:#666666; padding:10px 30px 10px 35px;}

    #lnb_tit {font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:41px; height:41px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 300;}
    #lnb_tit2 {display: block; font-size:14px; box-sizing:border-box; padding-left:25px; color:#333; line-height:41px; height:41px; background:url(../img/common/lnb_arrow.png) no-repeat right center; cursor:pointer; font-weight: 500;}
    #lnb_tit.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}
    #lnb_tit2.on {background:url(../img/common/lnb_arrow_on.gif) no-repeat right center;}
    
    
    #lnb_wrap .lnb {padding-left: 62px; position: relative;}
    #lnb_wrap .ico_home {float: none; position: absolute; left: 0px; top: 0px;}
    #lnb_wrap .lnb .lnbs {width:50%; box-sizing: border-box;}

    .sub_visual {padding-top: 0px; height:350px;}
    .sub_visual .sub_txt .cell .sub_tit_s {font-size:32px; padding: 0px 0px 20px 0px;}
    .sub_visual .sub_txt .cell h3 {font-size:55px }
	.sub_con {font-size:15px; padding: 15px; margin-top:-80px;}
	
    .title_bar {margin-bottom:35px;}
	.title_bar h2 {font-size: 2.4em;}
    
    .title_bar .s_txt {font-size: 1.8em; padding-top: 30px;}
    .big_tit {font-size: 2.4em; padding: 30px 0px 20px 0px;}
    .s_tit {font-size:23px;}

	.b_txt {font-size: 15px;}
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
    
 
    /*atab*/
    .atab {margin: -5px -5px 40px -5px;}
    .atab li {padding: 5px;}
    .atab li a {font-size:15px; height: 55px;}
    .atab li.on a:after {width:16px; height:16px; bottom: -18px;}

    .btn-tc > a {margin: 0px;}
    
    .find_cell {padding-right: 0px !important}
    .find_cell .cell {float: left; width: 50%; box-sizing: border-box;}

    .find_cell .bt {display: block; position: relative; right:auto; top:auto; width: 100%; clear: both; padding-top: 5px;}
  
   
    .mb_dis {display: block;}
    .web_dis {display: none;}
    
    
    
    .introduce .text_area .txt1 {font-size:2em;}
    .vision_wrap .text_area .txt1 {font-size:2em; padding-bottom:15px; letter-spacing: 0px;}
    
    .sourcing_step2 {padding: 30px 0px;}
    .sub_con .tit {padding-top: 30px; font-size: 35px;}
    .sourcing_first > h3 {font-size:30px; padding-bottom:20px;}
    
    .sourcing_step > ul > li > strong {font-size:1em; }
    .sourcing_step > ul > li .ico img {max-width:70px;}
    .sourcing_step > ul:after {top: 94px;}
    .sourcing_step > ul > li:before {top:84px; background-size: 20px auto}
    
    .sourcing_step2 .sub_con > ul > li .ico img {max-width:70px;}
    .sourcing_step2 .sub_con > ul > li > strong {font-size:1em; }
    .sourcing_step2 .sub_con > ul > li > strong br {display: none;}
    
    .marketing_wrap > ul > li .box > p {font-size: 14px; padding-top: 15px;}
    .marketing_wrap > ul > li .txt {font-size: 1em;}
    
    .marketing_wrap2 > ul > li {float: none; width: 100%; min-height:120px; text-align: left; padding: 20px 10px 20px 170px;}
    .marketing_wrap2 > ul > li .num {position: absolute; left:20px; top:10px;}
    .marketing_wrap2 > ul > li .ico {position: absolute; left:80px; top:10px;}
    
    .marketing_wrap2 > ul > li:before {left:50%; top: auto; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transfrom: rotate(90deg); -webkit-transform: rotate(90deg);	transform: rotate(90deg); bottom:100%; margin: 0px; margin-bottom: -15px;}
    .marketing_wrap2 > ul > li .bul03 {display: block;}
    .marketing_wrap > ul {padding-top:80px; position: relative;}
    .marketing_wrap > ul > li {width: 50%;}
    .marketing_wrap > ul > li .box {width: 100%; margin: 0px;}
    .marketing_wrap > ul > li.step2 {position: absolute; width: 80%; left: 50%; top: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%);}

    
    
}
/* 600 이하 */
@media screen and (max-width:599px) {

    .pop_wrap .pop_head .title {font-size:18px; color: #fff; padding: 17px 55px 18px 15px !important;}
    .pop_wrap .pop_body {padding:10px;}
	
	#w_lnb {display:none;}
	#m_lnb {display:block;}
    
    .login_wrap {padding:15px;}

    
  
    .bt_include {padding:0px 0px 45px 0px;}
    .bt_include2 {padding:0px 0px 35px 0px;}
    .bt_include .add_bt {position: absolute; right: 0px; top: auto; left: 0px; bottom:0px;}
    .bt_include .add_bt a {display: block;}
    .m_block600 {display: block !important; margin-bottom: 3px !important; float: none !important;}
    

    .br_box {padding:15px;}
    

}



/* 480px 이하 */
@media screen and (max-width:479px) {
    #wrap {padding-top:62px;}
    #header h1 img {width:84px;}
    .in_header {height:62px;}

    
    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding: 10px 10px 10px 5px;}
    
    .main_visual .v_frame .v_txt {height: 450px;}
    .main_visual .v_frame .v_txt .txt1 {font-size: 40px;}
    .main_visual .v_frame .v_txt .txt2 {font-size:16px; padding-top: 20px;}

   
    
    #footer .addressW {font-size:11px; padding: 10px 5px; background-size:160px auto; }
    #footer .go_top {display: none;}
    #footer .copy {font-size:11px;}


    .pop_wrap .pop_head .title {text-align: left !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display: none;}
    .pop_wrap .x_btn {right:15px; }
    
    
	.mb_dis {display: block;}
    #add_date .bt .tooltip {height: 36px; line-height: 34px;}
    

    
    #lnb_wrap {background: url(../img/common/png_50.png) repeat left top #000; margin-top: 0px; border-top:1px solid #9b9a98}
    #lnb_wrap .lnb {padding-left:0px; position: relative;}
    #lnb_wrap .lnb .lnbs:after {display: none;}
    #lnb_wrap .ico_home {display: none}
    #lnb_tit {display: none;}
    #lnb_wrap .lnb .lnbs {width:100%; border: none; box-sizing: border-box;}
    #lnb_tit2 {padding-left:0px; text-align: center; color: #fff; line-height:51px; height:51px; background: url(../img/common/lnb_arrow3.png) no-repeat right center; font-size: 14px;}
    
    #lnb_tit2.on {background:url(../img/common/lnb_arrow3_on.png) no-repeat right center;}
    #lnb_wrap .lnb .lnbs .copy_menu {top:52px; border: none; box-shadow:0px 1px 3px #ccc;}
    #lnb_wrap #gnb_menu {display: none !important;}
    .lnb ul li a {font-size: 14px;}
  

	
    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}

    .s_tit {font-size:19px; padding:15px 0px 15px 0px; margin-top:30px;}
    .s_tit:before {width: 22px; height:3px;}
    .s_tit:after {left: 10px; top:19px;}
    .s_titW {overflow: hidden; padding: 30px 0px 15px 0px;}
    .sub_con > .s_tit:first-child {margin-top: 0px}
	.ss_tit {font-size:16px; margin-top:25px; margin-bottom: 10px; padding-left: 15px;}
    .ss_tit:before {top:8px; width: 6px; height: 6px;}

    .s_txt_r {margin-top: -25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top: -45px;}
	#inner_wrap {padding-bottom: 30px;}
    #inner_wrap.no_visual {padding-top:20px;}
    .sub_visual {height:240px; padding:10px 5px 60px 5px;}
    .sub_visual .sub_txt .cell h2 {font-size: 24px}
    .sub_visual .sub_txt .cell h3 {font-size: 30px;}
    .sub_con {font-size:13px; padding-top: 30px;}
    .layerPop {font-size:0.95em; }
    .title_bar {margin-bottom:20px;}
	.title_bar h2 {font-size:2em; }
	.title_bar .s_txt {font-size: 1.5em; padding-top:15px;}
    .title_bar .s_txt br {display: none;}
    .title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}
    .big_tit {font-size: 2em;}
    
    .view_tit {padding: 10px;}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    
    .w_name {width: 70px;}
    .w_date {width:80px;}
    .m_block {display: block !important; margin-bottom: 3px !important; float: none !important;}
    .scrollbox {height:120px; }
    .atab {margin-bottom: 20px;}
    .atab li {padding:2px;}
    .atab li a {font-size:14px; height:46px;}
 
    
    .input_etc .pa {font-size:13px; line-height:36px;}
    input.input5 {height:36px; padding: 0px 5px; line-height: 34px; font-size: 13px;}
    .textarea {padding:5px 5px; font-size: 13px;}
    .b_table .btnNormalB span {padding: 0px 18px; height: 36px; line-height: 34px; font-size: 13px;}
    .security_code .code .num {height:34px; line-height: 32px; font-size: 14px;}
    .file_input label {height:36px;  line-height:34px; font-size: 13px;}
    .radio_group {margin-top:-5px;}
    .print_bt {display: none !important}
    .gray_box {padding:5px;}
    .down_file > span {background-size:11px auto; padding-left: 16px; }
   
    .br_box {padding:10px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}
    
    .location {font-size: 13px; height:40px;}
    .sub_con {margin-top:-60px; padding-top: 15px;}
    
    .conduct_wrap > h4 {font-size:30px;}
    .conduct_wrap {background-size:contain}
    .conduct_wrap .conduct > ul > li .ico img {width:70px;}
    .conduct_wrap .conduct > ul > li {margin-top:10px; padding: 10px 0px 10px 93px; min-height: 50px;}
    
    .sourcing_first > h3 {font-size: 22px;}
    .sourcing_first:after {height:37px; margin:20px auto 0px auto;}
    .sourcing_step {padding:30px 0px;}
    .sourcing_step > ul {margin: 0px -15px;}
    .sourcing_step > ul > li .ico img {max-width: 50px;}
    .sourcing_step > ul:after {top: 67px;}
    .sourcing_step > ul > li:before {top: 57px;}
    .sourcing_step > ul > li {padding: 0px 3px;}
    .sourcing_step > ul > li > strong {font-size: 0.9em;}
    
    .sourcing_step2 .sub_con > ul {margin: 0px -15px;}
    .sourcing_step2 .sub_con > ul > li .ico img {max-width: 50px;}
    .sourcing_step2 .sub_con > ul > li {padding: 0px 5px;}
    .sourcing_step2 .sub_con > ul > li > strong {font-size: 0.9em;}
    
    .sourcing_step2 {padding: 20px 0px;}
    
    .sub_con .tit {padding-top:20px; font-size:22px;}
    .channel {margin:20px 0px;}
    
    .marketing_wrap2 > ul > li .num {font-size: 32px;}
    .marketing_wrap2 > ul > li .ico {left: 66px; width:40px; top: 5px; }
    .marketing_wrap2 > ul > li {padding-left:117px;}
    
    .marketing_wrap {padding: 30px 0px;}
    .marketing_wrap > ul {margin: 0px -10px;}
    
    
    
    
}




/* 320px 이하 */
@media screen and (max-width:320px) {

    .atab li a {font-size:12px;}
    .title_bar .s_txt {padding-left: 10px;}

    .btns > li {width:100%; float: none; padding:2px 0px;}
    .btn-tc {padding:20px 0px;}
   
}