@charset "utf-8";
/* CSS Document */
body { font-size:16px}
.box0{ width:1920px; max-width:96%; margin:0 auto;}
.box1{ width:1200px; max-width:96%; margin:0 auto;}
.box2 {width:100%; max-width:1180px; margin:0 auto;}/*sub*/
.PC   { display:block !important}
.PHONE{ display:none !important}

.EN{ font-family:'Ms','ns','ng',sans-serif;}
.NS{ font-family:'ns','ng',sans-serif;}

/*sian*/
/*.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}*/
.main_con{ position:relative;}
.main_con .wrap{ z-index:2;}
.main_con1{ background-color:#f5f5f5;}
.main_con2{ margin-top:-40px;}

/*header*/
#header{ position:fixed; top:0; left:0; right:0; z-index:999; background:#fff;}
.scroll #header{ box-shadow:0 3px 8px rgba(0,0,0,.15);}
#header .head_wrap .vm_wrap{ height:80px;}
#header .head_wrap .logo,
#header .head_wrap .etc_wrap{ position:relative; z-index:10;}
#header .head_wrap .etc_wrap > li{ margin-left:1.5em; cursor:pointer;}
#header .head_wrap .etc_wrap .lang{ position:relative; text-transform:uppercase; text-align:center;}
#header .head_wrap .etc_wrap .lang .tit{ color:#1b5b8f;}
#header .head_wrap .etc_wrap .lang .tit .tt{ vertical-align:middle; font-size:.875em; font-weight:600;}
#header .head_wrap .etc_wrap .lang .tit .xi{ vertical-align:middle; font-size:.875em; padding-left:.6em;}
#header .head_wrap .etc_wrap .lang .tit .arrow:before{ content:"\e941";}
#header .head_wrap .etc_wrap .lang .list{ display:none; position:absolute; top:80%; left:-1em; right:-1em; padding:.3em; background:#fff; border:1px solid #bbb; border-top:2px solid #1b5b8f;}
#header .head_wrap .etc_wrap .lang .list > li{ margin-top:1px;}
#header .head_wrap .etc_wrap .lang .list > li:first-child{ margin-top:0;}
#header .head_wrap .etc_wrap .lang .list > li > a{ display:block; padding:.3em 0; font-size:.688em; color:#888; font-weight:600;}
#header .head_wrap .etc_wrap .lang .list > li:hover > a,
#header .head_wrap .etc_wrap .lang .list > li.on > a{ background:#f6f6f6; color:#2c2f34;}
#header .head_wrap .etc_wrap .lang.on .list{ display:block;}

#header .head_wrap .etc_wrap .allBtn .ham{ position:relative; display:block; margin:0 auto;}
#header .head_wrap .etc_wrap .allBtn .ham,
#header .head_wrap .etc_wrap .allBtn .ham:before,
#header .head_wrap .etc_wrap .allBtn .ham:after { width:25px; height:2px; background:#000; transition:.2s;}
#header .head_wrap .etc_wrap .allBtn .ham:before,
#header .head_wrap .etc_wrap .allBtn .ham:after { content:""; position:absolute; left:0;}
#header .head_wrap .etc_wrap .allBtn .ham:before{ top:-10px;}
#header .head_wrap .etc_wrap .allBtn .ham:after { bottom:-10px;}
#header .head_wrap .etc_wrap .allBtn:hover .ham{ background:#1b5b8f;}
#header .head_wrap .etc_wrap .allBtn:hover .ham:before,
#header .head_wrap .etc_wrap .allBtn:hover .ham:after{ left:5px;}

html.on #header .head_wrap .etc_wrap .allBtn .ham{ background-color:transparent !important;}
html.on #header .head_wrap .etc_wrap .allBtn .ham:before,
html.on #header .head_wrap .etc_wrap .allBtn .ham:after { left:0 !important; top:0; bottom:auto; width:40px; height:3px; background:#fff;}
html.on #header .head_wrap .etc_wrap .allBtn .ham:before{ transform: rotate(-45deg);}
html.on #header .head_wrap .etc_wrap .allBtn .ham.ham:after { transform: rotate(45deg);}

#header .gnb_wrap{ margin-right:.5em;}
#header .gnb_wrap .gnb > li{ width:8.5em;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; font-family:'Ms','ns','ng',sans-serif; font-size:1.188em; color:#2c2f34; font-weight:700;}
#header .gnb_wrap .gnb > li .dp1 .vm_tt:before,
#header .gnb_wrap .gnb > li .dp1 .vm_tt:after { content:""; position:absolute; bottom:0; width:0; height:4px; transition:.2s;}
#header .gnb_wrap .gnb > li .dp1 .vm_tt:before{ right:50%; background:#1b5b8f;}
#header .gnb_wrap .gnb > li .dp1 .vm_tt:after { left:50%; background:#8ab2db;}

#header .gnb_wrap .gnb > li:hover .dp1 .vm_tt:before,
#header .gnb_wrap .gnb > li.on .dp1 .vm_tt:before,
#header .gnb_wrap .gnb > li:hover .dp1 .vm_tt:after,
#header .gnb_wrap .gnb > li.on .dp1 .vm_tt:after{ width:50%;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#1b5b8f;}

#header .gnb_wrap .gnb > li .di_wrap{ font-size:1em;}
#header .gnb_wrap .gnb .dp2 li{ display:block;}
#header .gnb_wrap .gnb .dp2 li a{ transition:.2s;}
#header .gnb_wrap .gnb .dp2 .vm_wrap{ height:auto; text-align:left;}
#header .gnb_wrap .gnb .dp2{ display:none; padding:2em 0 3em 1em;}
#header .gnb_wrap .gnb .dp2 > li > a{ padding:.4em 0; font-family:'Ms','ns','ng',sans-serif; font-size:1.063em; color:#2c2f34; font-weight:700; letter-spacing:-1px;}
#header .gnb_wrap .gnb .dp2 > li:hover > a,
#header .gnb_wrap .gnb .dp2 > li.on > a{ color:#a28951;}
#header .gnb_wrap .gnb .dp3{ padding:.2em 0 1em 0;}
#header .gnb_wrap .gnb .dp3 > li > a{ padding:.3em 0; font-size:.813em; color:#8e949c;}
#header .gnb_wrap .gnb .dp3 > li:hover > a,
#header .gnb_wrap .gnb .dp3 > li.on > a{ padding-left:.5em; color:#000; background:#f5f5f5;}

#header.gnbOpen{ border-bottom:1px solid #ddd;}
#header.gnbOpen .head_wrap:before{ content:""; position:absolute; top:80px; left:0; margin-top:-1px; width:100%; height:1px; background:#ddd;}
#header.gnbOpen:before,
#header.gnbOpen:after { content:""; position:absolute; left:0; box-sizing:border-box; font-size:2.250em; line-height:1; text-transform:uppercase;}
#header.gnbOpen:before{ content:attr(data-tit); top:80px; width:30%; height:calc(100% - 80px); padding:1.5em 1em 1em 3em; background:#f5f5f5; font-family:'Ms','ns','ng',sans-serif; color:#2c2f34; font-weight:500; letter-spacing:-1px;}
#header.gnbOpen:after { top:calc(80px + 4.5em); width:calc(30% - 4em); height:45%; margin-left:3em; border-radius:10px; background:url(../images/inc/menu_img1.jpg) no-repeat 50% 50%; background-size:cover;}

#header .siteMap_wrap{ position:fixed; top:0; left:0; width:100%; height:100%; transform:scale(1,0); transition:.3s; visibility:hidden; background:#111418;
-webkit-transform-origin:center top; -ms-transform-origin:center top; transform-origin:center top;}
#header .siteMap_wrap .bg{ position:fixed; top:0; left:0; width:50%; height:0; background:#303641; opacity:0;}
#header .siteMap_wrap .bgR{ left:50%;}
#header .siteMap_wrap .scroll{ position:absolute; top:0; left:0; width:100%; height:100%; overflow-y:auto;}
#header .siteMap_wrap .siteMap{ padding:8em 0 3em 0; margin-top:1em; opacity:0;}
#header .siteMap_wrap .siteMap .tit{ margin-bottom:1em; font-size:2.125em; color:#fff; font-weight:700; text-transform:uppercase;}
#header .siteMap_wrap .siteMap .gnb,
#header .siteMap_wrap .siteMap .gnb ul{ font-size:1em;}
#header .siteMap_wrap .siteMap .gnb ul li{ display:block;}
#header .siteMap_wrap .siteMap .gnb .vm_wrap{ text-align:left; color:#fff;}
#header .siteMap_wrap .siteMap .gnb > li{ width:24%;}
#header .siteMap_wrap .siteMap .gnb > li .dp1{ position:relative; display:inline-block; *display:inline; zoom:1; padding:.3em 0; font-family:'Ms','ns','ng',sans-serif; font-size:1.625em; font-weight:700; letter-spacing:-1px;}
#header .siteMap_wrap .siteMap .gnb > li .dp1:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#8ab2db; transition:.2s;}
#header .siteMap_wrap .siteMap .gnb > li:hover .dp1:after{ width:100%;}
#header .siteMap_wrap .siteMap .gnb .dp2{ padding:1em 0;}
#header .siteMap_wrap .siteMap .gnb .dp2 > li > a{ padding:.4em 0; font-size:.938em; font-weight:700; opacity:.9; font-family:'Ms','ns','ng',sans-serif;}
#header .siteMap_wrap .siteMap .gnb .dp2 > li:hover > a .vm_tt{ text-decoration:underline;}
#header .siteMap_wrap .siteMap .gnb .dp3{ padding:.2em 0 .6em 0;}
#header .siteMap_wrap .siteMap .gnb .dp3 > li > a{ padding:.2em 0 .2em 0; font-size:.750em; opacity:.5; font-family:'Ms','ns','ng',sans-serif;}
#header .siteMap_wrap .siteMap .gnb .dp3 > li:hover > a{ opacity:.8;}

html.on{ overflow-y:hidden !important;}
html.on,
html.on #header{ margin-right:17px;}
html.on #header .gnb_wrap,
html.on #header .etc_wrap .lang,
html.on #footer .goTop{ display:none;}
html.on #header .siteMap_wrap{ transform:scale(1,1); visibility:visible;}
html.on #header .siteMap_wrap .bg{ height:100%; opacity:1; transition:.7s;}
html.on #header .siteMap_wrap .bgL{ transition-delay:.1s;}
html.on #header .siteMap_wrap .bgR{ transition-delay:.3s;}
html.on #header .siteMap_wrap .siteMap{ margin-top:0; opacity:1; transition:.7s; transition-delay:.5s;}

/*footer*/
#footer{ background:#303641;}
#footer .foot_wrap{ padding:2.8em 0;}
#footer .info_wrap{ margin-left:5.6em;}
#footer .info_wrap .menu{}
#footer .info_wrap .menu > li > a{ position:relative; display:block; padding:0 1.4em; font-size:1.063em; color:#fff; font-weight:700; letter-spacing:-.5px;}
#footer .info_wrap .menu > li > a:before{ content:""; position:absolute; left:0; top:15%; width:1px; height:70%; background:#fff; opacity:.3;}
#footer .info_wrap .menu > li:first-child > a{ padding-left:0;}
#footer .info_wrap .menu > li:first-child > a:before{ display:none;}
#footer .info_wrap .menu > li > a:hover{ text-decoration:underline;}
#footer .info_wrap .info{ margin-top:1.5em;}
#footer .info_wrap .info > li{ padding:.5em 0; color:#fff;}
#footer .info_wrap .info .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-right:1.4em; font-size:.938em; opacity:.8;}
#footer .info_wrap .info .tt.web_mail {font-size:.875em; cursor:pointer;}
#footer .info_wrap .info .copy{ font-size:.688em; text-transform:uppercase; opacity:.3;}
#footer .info_wrap .info .tt.pd_st {padding-left:4.1em;}

#footer .goTop{ position:fixed; z-index:999; right:2%; bottom:3em; width:4.5em; height:4.5em; background:#535b69; color:#fff; border-radius:50%; visibility:hidden; opacity:0; transition:.3s;}
#footer .goTop .tt{ display:block; font-size:.750em; font-weight:600;}
#footer .goTop:hover{ background:#1b5b8f;}
.scroll #footer .goTop{ visibility:visible; opacity:1;}

/*contents*/
#contents{}
.subVisual_wrap{ position:relative;}
.subVisual_wrap .subVisual{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.subVisual_wrap .subVisual .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.1,1.1); opacity:0; transition:1s;}
.load .subVisual_wrap .subVisual .bg{ transform:scale(1,1); opacity:1;}
.subVisual_wrap .subVisual .bg_company { background-image:url(../images/sub/sub_visual1.jpg);}
.subVisual_wrap .subVisual .bg_product { background-image:url(../images/sub/sub_visual2.jpg);}
.subVisual_wrap .subVisual .bg_ir      { background-image:url(../images/sub/sub_visual3.jpg);}
.subVisual_wrap .subVisual .bg_pr      { background-image:url(../images/sub/sub_visual4.jpg);}
.subVisual_wrap .subVisual .bg_customer{ background-image:url(../images/sub/sub_visual5.jpg);}

#contents .subTitle{ position:relative; height:16em; padding-bottom:6em; text-align:left; color:#fff;}
#contents .subTitle .tit{ font-size:3.125em; font-weight:500;}
#contents .subTitle .txt{ font-size:1.125em; font-weight:700; padding-top:1em;}

.subNav_wrap{ position:absolute; bottom:0; left:0; width:100%; background:rgba(255,255,255,.8);}
.subNav_wrap .nav .def > .vm_wrap{ height:60px;}
.subNav_wrap .nav .home{ position:relative; z-index:3;}
.subNav_wrap .nav .home > a{ width:75px; background:#2c476b; font-size:1.125em; color:#fff;}
.subNav_wrap .nav .def[class^="depth"]{ position:relative; z-index:1; margin-left:-1px; border:1px solid #bbb; border-top:none; border-bottom:none;}
.subNav_wrap .nav .def[class^="depth"] .tit{ position:relative; min-width:7em; padding:0 4em 0 1.5em; text-align:left; font-size:1.125em; color:#2c2f34; font-weight:700; cursor:pointer; font-family:'Ms','ns','ng',sans-serif;}
.subNav_wrap .nav .def[class^="depth"] .tit:after{ content:"\e941"; font-family:xeicon; position:absolute; top:50%; right:1em; margin-top:-.5em;}
.subNav_wrap .nav .def[class^="depth"] .di_wrap{ font-size:1em;}
.subNav_wrap .nav .gnb li{ display:block;}
.subNav_wrap .nav .gnb .vm_wrap{ text-align:left;}
.subNav_wrap .nav .gnb,
.subNav_wrap .nav .gnb > li,
.subNav_wrap .nav .gnb .dp1,
.subNav_wrap .nav .depth_1 .gnb .dp2,
.subNav_wrap .nav .depth_2 .gnb .dp3,
.subNav_wrap .nav .depth_3 .gnb .dp2 > li,
.subNav_wrap .nav .depth_3 .gnb .dp2 > li > a{ display:none;}
.subNav_wrap .nav .depth_1 .gnb > li,
.subNav_wrap .nav .depth_1 .gnb .dp1{ display:block;}
.subNav_wrap .nav .gnb li.on{ display:block !important;}

.subNav_wrap .nav .gnb{ position:absolute; top:100%; left:-1px; right:-1px; background:#fff; border:1px solid #1b5b8f; border-top:none;}
.subNav_wrap .nav .gnb li a{ padding:1em 2em; font-size:.813em; color:#666;}
.subNav_wrap .nav .gnb li:hover > a,
.subNav_wrap .nav .gnb li.on > a   { font-weight:700;}
.subNav_wrap .nav .gnb li:hover > a{ background:#f6f6f6; color:#2c2f34;}
.subNav_wrap .nav .gnb li.on > a   { background:#1b5b8f; color:#fff;}

.subNav_wrap .nav .def[class^="depth"]:hover{ z-index:2; background:#fff; border-color:#1b5b8f;}
.subNav_wrap .nav .def[class^="depth"]:hover .gnb{ display:block;}

.subNav_wrap .btnPrint{ position:absolute; top:50%; right:0; margin-top:-1.3em; width:2.6em; height:2.6em; border:1px solid rgba(0,0,0,.15); border-radius:50%; color:#8e949c; transition:.2s;}
.subNav_wrap .btnPrint:hover{ border-color:#2c476b; background:#2c476b; color:#fff;}

#contents .conTitle{ padding:1.5em 0;}
#contents .conTitle .tit{ position:relative; padding-bottom:.5em; font-size:2em; color:#2c2f34; font-weight:700; letter-spacing:-1px; font-family:'Ms','ns','ng',sans-serif;}
#contents .conTitle .tit:before,
#contents .conTitle .tit:after { content:""; position:absolute; left:0; bottom:0; width:.6em; height:3px;}
#contents .conTitle .tit:before{ background:#1b5b8f; margin-left:.1em;}
#contents .conTitle .tit:after { background:#8ab2db; margin-left:.7em;}

/*#contents .doc{ padding:0 0 12em 0;}*/
#contents .doc {padding:0 0 8em 0;}
body.wide #contents .doc{ padding:0 0 12em 0;}
body.wide #contents .doc.st{ padding:0 0 0 0;}
body.wide #contents .pageCon{ width:100%; max-width:100%;}

@media print{
#header .gnb_wrap,
#header .etc_wrap,
.subVisual_wrap,
#footer{ display:none}

#header{ border-bottom:2px solid #1b5b8f;}
}

/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:4em !important;}
.page_sec1{ margin-top:2em !important;}
.page_sec2{ margin-top:6em !important;}

/*POP*******************/
.pop .popWrap .popIn{ width:1000px;}

/*MAIN STYLE*******************************/
/**/
.mainVisual_wrap {height:700px !important; overflow:hidden;}
.mainVisual_wrap,
.mainVisual,
.mainVisual .item{ position:relative;}
.mainVisual .item{ z-index:1; overflow:hidden;}
.mainVisual .item .bg{ position: absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.1,1.1); transition:1.5s;}

.mainVisual .slogan_wrap{ position:absolute; left:0; top:30%; width:100%;}
.mainVisual .slogan_wrap .tt1{ font-size:1.125em; color:#fff; text-transform:uppercase; margin-left:3em; opacity:0;}
.mainVisual .slogan_wrap .tt2{ font-size:2.125em; color:#fff; text-transform:uppercase; letter-spacing:-1.5px; line-height:1.3; padding:1em .5em 0 0; margin-top:.7em; margin-left:4em; opacity:0;}
.mainVisual .slogan_wrap .mark{ margin-bottom:.6em;}
.mainVisual .slogan_wrap strong{ font-weight:800;}
.mainVisual .slogan_wrap .line{ position:relative; display:inline-block; *display:inline; zoom:1;}
.mainVisual .slogan_wrap .line:before{ content:""; position:absolute; top:0; left:0; width:0; height:4px; background:#fff; opacity:.4;}
.mainVisual .slogan_wrap .line:after { content:""; position:absolute; top:0; left:0; width:2.5em; height:4px; background:#00235d;}

.mainVisual .item.activeAni .bg{ transform:scale(1,1);}
.mainVisual .item.activeAni .slogan_wrap .tt1{ margin-left:0; opacity:1; transition:1s; transition-delay:.2s;}
.mainVisual .item.activeAni .slogan_wrap .tt2{ margin-left:0; opacity:1; transition:1s; transition-delay:.6s;}
.mainVisual .item.activeAni .slogan_wrap .line:before{ width:100%; transition:1s; transition-delay:.6s;}

.mainVisual_wrap .slick-dots{ position:absolute; bottom:200px; left:0; width:100%;}
.mainVisual_wrap .slick-dots > ul{ width:1200px; max-width:96%; margin:0 auto; font-size:0;}
.mainVisual_wrap .slick-dots > ul > li{ display:inline-block; margin:0 5px;}
.mainVisual_wrap .slick-dots > ul > li button{ position:relative; width:50px; height:8px; border:1px solid #fff; background:transparent;}
.mainVisual_wrap .slick-dots > ul > li button:after{ content:""; position:absolute; z-index:3; bottom:0; left:0; width:0; height:100%; background:#fff;}
.mainVisual_wrap .slick-dots > ul > li.slick-active button:after{ z-index:2; width:100%; transition:4s;}

.mainVisual_wrap .menu_wrap{ position:absolute; top:45%; left:0; width:100%;}
.mainVisual_wrap .menu_wrap .menu > li{ margin-left:1em;}
.mainVisual_wrap .menu_wrap .menu > li:first-child{ margin-left:0;}
.mainVisual_wrap .menu_wrap .menu > li > a{ width:8.8em; border-radius:50%; overflow:hidden;}
.mainVisual_wrap .menu_wrap .menu > li > a:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#00235d; opacity:.7;}
.mainVisual_wrap .menu_wrap .menu .vm_tt{ width:100%;}
.mainVisual_wrap .menu_wrap .menu .icon{ height:4.2em;}
.mainVisual_wrap .menu_wrap .menu .txt{ margin-top:.3em; font-size:1.125em; color:#fff; font-weight:700; letter-spacing:-1px;}
.mainVisual_wrap .menu_wrap .menu > li:hover > a:before{ background:#1b5b8f; opacity:1; transition:.3s;}

.main .shape{ position:absolute; z-index:1; left:50%;}
.main .shape.circle{ border:70px solid #8e949c; border-radius:50%; opacity:.3;}
.main .shape1{ top:20px; margin-left:-1200px; width:680px; height:465px;}
.main .shape2{ top:500px; margin-left:670px; width:440px; height:255px;}
.main .circle.shape1_2{ top:350px; margin-left:-820px; width:65px; height:65px; background:#1b5b8f; border:none; opacity:.8;}
.main .circle.shape2_2{ top:440px; margin-left:750px; width:55px; height:55px; border-width:30px; opacity:.8;}
.main .circle.shape3{ top:100px; margin-left:-1050px; width:250px; height:250px;}
.main .circle.shape4{ top:300px; margin-left:720px; width:170px; height:170px;}
.main .circle.shape5{ top:600px; margin-left:640px; width:170px; height:170px; border-width:30px; border-color:#1b5b8f;}

/*main 타이틀*/
.main_t_w {padding:0 0 30px 0;}
.main_t_w .en {font-size:2.375em; color:#2c2f34; font-weight:600; padding-bottom:5px;}
.main_t_w .ko {font-size:1.5em; color:#8e949c;}

/*main_01*/
.main_con1 {padding:2em 0 10em 0;}
.main_con1 .box1{ padding:15px 15px; overflow:hidden;}
.mainMd_wrap{ position:relative; z-index:10;}
.mainMd_wrap .md_prod { margin-left:-30px;}
.mainMd_wrap .md_prod .slick-list{ overflow:visible;}
.mainMd_wrap .md_prod .item .inner {border-radius:17px; background:#fff; text-align:center; margin-left:30px; box-shadow:3px 3px 10px rgba(0,0,0,.2);}
.mainMd_wrap .md_prod .con_wrap {padding-top:45px;}
.mainMd_wrap .md_prod .con_wrap .t1 {color:#1855d0; font-weight:700; font-size:1.125em;}
.mainMd_wrap .md_prod .con_wrap .t2 {color:#2c2f34; font-weight:700; font-size:1.750em; padding:5px 0 25px 0;}

.mainMd_wrap .md_prod .con_wrap .more_b {color:#466197; border:1px solid #1b5b8f; width:150px; height:40px; display:inline-block; line-height:40px;}
.mainMd_wrap .md_prod .con_wrap .more_b.st {margin-right:5px;}
.mainMd_wrap .md_prod .con_wrap .more_b .tt {font-weight:700; font-size:.688em; padding-right:5px; vertical-align:middle; letter-spacing:.1px;}
.mainMd_wrap .md_prod .con_wrap .more_b .xi {font-size:1em; vertical-align:middle;}

.mainMd_wrap .md_prod .con_wrap .more_b:hover {background:#1b5b8f; transition:.6s; color:#fff;}

.mainMd_wrap .md_prod .img_wrap {padding:50px 0;}

.mainMd_wrap .pagingInfo{ position:absolute; top:.6em; right:0;}
.mainMd_wrap .pagingInfo > i{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1.375em; color:#3c3d3c; font-weight:700;}
.mainMd_wrap .pagingInfo .t2{ padding-top:.2em;}
.mainMd_wrap .pagingInfo .t3{ padding-top:.4em;}
.mainMd_wrap .slick-dots{ position:absolute; top:-3em; right:0;}
.mainMd_wrap .slick-dots > ul{ text-align:right;}
.mainMd_wrap .slick-dots > ul > li{ display:inline-block; margin:0 5px;}
.mainMd_wrap .slick-dots > ul > li button{ width:15px; height:15px; border:none; background:#e4ddd6; border-radius:50%; font-size:0; transition:.3s;}
.mainMd_wrap .slick-dots > ul > li.slick-active button{ background:#1b5b8f;}
.mainMd_wrap .arrow_wrap{ position:absolute; top:50%; left:0; width:100%;}
.mainMd_wrap .arrow_wrap > li{ position:absolute; top:-1.4em; text-align:center; cursor:pointer;}
.mainMd_wrap .arrow_wrap > li.prev{ left:-5em;}
.mainMd_wrap .arrow_wrap > li.next{ right:-5em;}
.mainMd_wrap .arrow_wrap > li .xi{ width:2.3em; line-height:2.3em; background:#3c3d3c; border-radius:50%; font-size:1.375em; color:#fff; transition:.2s;}
.mainMd_wrap .arrow_wrap > li:hover .xi{ background:#e2426c;}

/*main_02*/
.main_con2 {background:#a28951;}
.main_con2 .ti {text-align:center; font-size:1.5em; font-weight:600; border-radius:50px; border:8px solid #a28951; background:#fff; display:table; margin:0 auto; width:464px; height:65px; line-height:65px; color:#a28951; position:absolute; left:50%; top:-40px; margin-left:-232px;}
.main_con2 .main2_con {padding:50px 0 20px 0;}
.main_con2 .main_prod_search{}
.main_con2 .main_prod_search > li{}
.main_con2 .main_prod_search > li .in{}
.main_con2 .main_prod_search > li .in .prod_search_tit{letter-spacing:-1px; color:#fff; font-size:1.875em; padding-bottom:20px; font-weight:600}
.main_con2 .main_prod_search > li .in .prod_search_con{}
.main_con2 .main_prod_search > li .in .prod_search_con .inp_list{ position:relative; width:100%; margin:0 auto; max-width:545px;}
.main_con2 .main_prod_search > li .in .prod_search_con .inp_list > li.inp_wrap{ font-size:0}
.main_con2 .main_prod_search > li .in .prod_search_con .inp_list > li.inp_wrap .inp{width:100%; max-width:425px; box-sizing:border-box; padding:10px 10px; line-height:20px; height:50px; background-color:#fff; color:#8e949c; font-size:.750rem; border-radius:6px; border:1px solid #8e7337; margin-left:70px;}
.main_con2 .main_prod_search > li .in .prod_search_con .inp_list > li.inp_wrap .inp.st1 {max-width:140px; margin-right:10px;}
.main_con2 .main_prod_search > li .in .prod_search_con .inp_list > li.inp_wrap .inp.st2 {max-width:220px;}
.main_con2 .main_prod_search > li .in .prod_search_con .inp_list > li.inp_wrap .inp.m_st {margin-bottom:10px}

.main_con2 .main_prod_search > li .in .prod_search_con .inp_list > li.btn_wrap{ position:absolute; right:0; top:0; width:130px; height:100%;}
.main_con2 .main_prod_search > li .in .prod_search_con .inp_list > li.btn_wrap > .btn{ position:absolute; right:-100px; top:0; width:100%; height:100%; background:#2c2f34; color:#fff; text-align:center; border:1px solid #2c2f34; border-radius:5px;}
.main_con2 .main_prod_search > li .in .prod_search_con .inp_list > li.btn_wrap > .btn .xi{ font-size:1.75em; display:block; padding-bottom:10px;}
.main_con2 .main_prod_search > li .in .prod_search_con .inp_list > li.btn_wrap > .btn .tt{ display: block; font-style:normal; font-size:1.125em; font-weight:700;}

/*main_03*/
/*.main_con3 {padding:90px 0 200px 0;}*/
.main_con3 {padding:90px 0 90px 0;}
.main_con3 .main_con3_in {overflow:hidden;}
.main_con3 .main_con3_in .r_con {float:left; width:54%; margin-right:6%;}
.main_con3 .main_con3_in .l_con {float:right; width:35%;}

.main_con3 .main_con3_in .r_con .con_in {}
.main_con3 .main_con3_in .r_con .con_in .r_ul {overflow:hidden; margin-left:-30px;}
.main_con3 .main_con3_in .r_con .con_in .r_ul .r_li{float:left; width:50%; cursor:pointer;}
.main_con3 .main_con3_in .r_con .con_in .r_ul .r_li .li_in {border-radius:10px;}
.main_con3 .main_con3_in .r_con .con_in .r_ul .r_li.right {margin-top:40px;} 
.main_con3 .main_con3_in .r_con .con_in .r_ul .r_li.right .li_in {background:url(../images/main/investor_bg.jpg) no-repeat center center; height:455px; margin-left:30px;}
.main_con3 .main_con3_in .r_con .con_in .r_ul .r_li.left .li_in {background:url(../images/main/inquiry_bg.jpg) no-repeat center center; height:455px; margin-left:30px; }
.main_con3 .main_con3_in .r_con .con_in .r_ul .r_li.left .li_in.test_bg {background:url(../images/main/bg_test.jpg) no-repeat center center; height:455px; margin-left:30px; }


.main_con3 .main_con3_in .r_con .con_in .r_ul .r_li .li_in .t_w {padding:23em 2em;}
.main_con3 .main_con3_in .r_con .con_in .r_ul .r_li .li_in .t_w .t1 {font-size:1.625em; color:#fff; font-weight:700; padding-bottom:20px;}
.main_con3 .main_con3_in .r_con .con_in .r_ul .r_li .li_in .t_w .t2 {font-size:.938em; color:#fff; font-weight:400; line-height:1.4;}

.main_con3 .main_con3_in .l_con {}
.main_con3 .main_con3_in .l_con .con_in {}
.main_con3 .main_con3_in .l_con .con_in .in_w {position:relative;}
/*.main_con3 .main_con3_in .l_con .con_in .in_w.t_st {border-bottom:1px solid #8e949c; padding-bottom:30px; margin-bottom:30px;}*/
.main_con3 .main_con3_in .l_con .con_in .in_w.t_st {margin-top:100px;}
.main_con3 .main_con3_in .l_con .con_in .in_w .ti {font-weight:700; font-size:1.5em; padding-bottom:20px;}
.main_con3 .main_con3_in .l_con .con_in .in_w .ti_more {position:absolute; right:0; top:0; color:#2c2f34; font-size:1.438em;}
.main_con3 .main_con3_in .l_con .con_in .in_w .ti_more:hover {transform:rotate(40deg); color:#1c5b90; transition:.3s;}

.main_con3 .main_con3_in .l_con .con_in .in_w .t_w {}
.main_con3 .main_con3_in .l_con .con_in .in_w .t_w .list_w {padding-bottom:30px;}
.main_con3 .main_con3_in .l_con .con_in .in_w .t_w .list_w  a {display:block;}
.main_con3 .main_con3_in .l_con .con_in .in_w .t_w .list_w:last-child {padding-bottom:0;}
.main_con3 .main_con3_in .l_con .con_in .in_w .t_w .list_w .tt {line-height:1.7;}
.main_con3 .main_con3_in .l_con .con_in .in_w .t_w .list_w .tt.t1 {font-weight:700; font-size:1.125em; color:#2c2f34; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_con3 .main_con3_in .l_con .con_in .in_w .t_w .list_w .tt.t2 {font-size:.938em; color:#555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_con3 .main_con3_in .l_con .con_in .in_w .t_w .list_w .tt.t3 {font-weight:500; font-size:.813em; color:#999;}
.main_con3 .main_con3_in .l_con .con_in .in_w .t_w .list_w .tt:hover {color:#1c5b90; transition:.3s;}

/*main_04*/
.main_con4 {background:url(../images/main/main_con4_bg.jpg) no-repeat center center; height:350px; margin:0 auto 300px auto;}
.main_con4 .main4_in {overflow:hidden; padding-top:4.5em;}
.main_con4 .main4_in .r_w {float:left; width:25%;}
.main_con4 .main4_in .l_w {float:right; width:75%;}

.main_con4 .main4_in .r_w .r_w_in { margin-top:19%;}
.main_con4 .main4_in .r_w .r_w_in .img_wrap {background:#1c5b90; border-radius:18px; padding:0 1.5em; height:315px;}
.main_con4 .main4_in .r_w .r_w_in .img_wrap .t1 {font-weight:600; color:#fff; font-size:2.125em; padding-top:1.5em;}
.main_con4 .main4_in .r_w .r_w_in .img_wrap .t2 {font-size:1.125em; color:#fff; line-height:1.6; padding:50px 0; padding-top:7em;}
.main_con4 .main4_in .r_w .r_w_in .img_wrap .t3 {color:#fff; font-size:.938em; vertical-align:middle; padding-top:7em;}
.main_con4 .main4_in .r_w .r_w_in .img_wrap .t3 .xi {vertical-align:middle; border:1px solid #fff; width:30px; height:30px; line-height:30px; border-radius:100%; text-align:center; font-size:1.250em; margin-left:1em;}


.main_con4 .main4_in .l_w .l_w_in {overflow:hidden;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li {float:left; width:50%; cursor:pointer;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li {margin-left:30px; position:relative;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .ti {font-weight:700; font-size:1.5em; color:#fff; margin-bottom:30px;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .ti_more {position:absolute; right:0; top:0; color:#fff; font-size:1.438em;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .ti_more:hover {transform:rotate(40deg); color:#1c5b90; transition:.3s;}

.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .t_wrap {padding:0 .5em; margin-top:30px;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .t_wrap .tt {line-height:1.5;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .t_wrap .t1 {color:#2c2f34; font-size:1.125em; font-weight:700;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .t_wrap .t2 {color:#555; font-size:.938em; font-weight:400;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .t_wrap .t3 {color:#999; font-size:.813em; font-weight:500;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .t_wrap .tt:hover {color:#1c5b90; transition:.3s;}

.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .img_wrap {border-radius:10px; overflow:hidden;  position:relative;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .img_wrap .up_bg {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); display:none; transition:.5s; color:#fff; font-size:3em;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .img_wrap .resize {padding-bottom:74.69% !important;}
.main_con4 .main4_in .l_w .l_w_in .l_w_li .in_li .img_wrap .resize .bg {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

.main_con4 .main4_in .l_w .l_w_in .l_w_li:hover .img_wrap .up_bg {display:block; transition:.5s;}

/*main_05*/
.main_con5 {margin-bottom:5em}
.main_con5 .box1.st{overflow:hidden; padding:10px 7px;}
.main_con5 .partner_wrap{ position:relative;}
.main_con5 .partner_wrap .partner{ margin-left:-15px;}
.main_con5 .partner_wrap .partner .slick-list{ overflow:visible;}
.main_con5 .partner_wrap .partner .item .inner {background:#fff; text-align:center; margin-left:15px; box-shadow:3px 3px 10px rgba(0,0,0,.2);}

.main_con5 .partner_wrap .partner .partner_img{ display:block; text-align:center; border:1px solid #e5e5e5;}
.partner_control_box{ position:absolute; top:50%; left:0; width:100%;}
.partner_control_box .control_arrow{ position:relative;}
.partner_control_box .control_arrow > li{ position:absolute; top:0; margin-top:-22px; text-align:center;}
.partner_control_box .control_arrow .prev{ left:-60px;}
.partner_control_box .control_arrow .next{ right:-60px;}
.partner_control_box .control_arrow > li .xi{ width:45px; height:45px; line-height:45px; font-size:1.250em; color:#2c2f34; border:2px solid #dbdee2; border-radius:100%; cursor:pointer; transition:.3s;}
.partner_control_box .control_arrow > li .xi:hover{ background:#303641; border:1px solid #303641; color:#fff; transition:.3s;}


/*partner*/
.partner ul { overflow:hidden; margin:-40px 0 0 -20px; }
.partner ul li { float:left; width:33.33%; }
.partner ul li div { margin:40px 0 0 20px; text-align:center; cursor:pointer; }
.partner ul li div .img { border:1px solid #ddd; padding:10px; box-sizing:border-box; display:table; width:100%; }
.partner ul li div .img span { display:table-cell; vertical-align:middle; height:70px; }
.partner ul li div .img img { max-height:58%; }
.partner ul li div .title { padding:10px 0; font-size:0.875em; border-bottom:1px dashed #ddd; font-family:'Ms','ns','ng',sans-serif; font-weight:400;}
.partner ul li div:hover .img,
.partner ul li div:hover .title { border-color:#666; }

/*서브 타이틀*/
.sub_tit_w {padding:2em 0;}
.sub_tit_w .tit {}

.sub_tw {display:block; text-align:center; margin:5em 0 3em 0;}
.sub_tw .sub_in_ti {text-align:center; font-size:1.375em; letter-spacing:.2px; font-weight:700; color:#777; position:relative; display:inline-block; border-bottom:2px solid #0065a4; padding-bottom:.2em; }
.sub_in_line {width:126px; height:2px; background:#0065a4; margin:.2em auto 2em auto; display:block;}

.sub_tw.rnd1_st {margin:0 0 3em 0;}
.sub_tw.eth_st {margin:0 0 3em 0;}

.sub_tw.st.pd_t {padding-top:3em;}
.sub_tw.st .sub_in_ti {padding-bottom:0; border-bottom:none; color:#111; font-size:2em;}

.sub_tw.st.company {position:relative; margin:0 0 3em 0;}
/*.sub_tw.st.company:before {position:absolute; content:"PHILOSOPHY&SLOGAN"; font-family:'Ms','ns','ng',sans-serif; left:50%; bottom:-25px; display:inline-block; width:860px; margin-left:-430px; font-weight:600; font-size:3em; opacity:.7; letter-spacing:-3.2px; color:#d8eff1; }
*/.sub_tw.st.company .sub_in_ti {font-size:2em;}

.sub_tw.st.motto {position:relative; margin:0 0 4em 0;}
/*.sub_tw.st.motto:before {position:absolute; content:"MOTTO"; font-family:'Ms','ns','ng',sans-serif; left:50%; bottom:-30px; display:inline-block; width:860px; margin-left:-430px; font-weight:600; font-size:3em; opacity:.4; letter-spacing:-3.2px; color:#d8eff1; }
*/.sub_tw.st.motto .sub_in_ti {font-size:2em; color:#fff; position:relative;}
.sub_tw.st.motto .sub_in_ti:before,
.sub_tw.st.motto .sub_in_ti:after { content:""; position:absolute; top:50%; width:100px; height:1px; background:#fff;}
.sub_tw.st.motto .sub_in_ti:before{ left:-130px;}
.sub_tw.st.motto .sub_in_ti:after { right:-130px;}

.sub_tw.st.culture {position:relative;}
/*.sub_tw.st.culture:before {position:absolute; content:"CULTURE"; font-family:'Ms','ns','ng',sans-serif; left:50%; bottom:-25px; display:inline-block; width:860px; margin-left:-430px; font-weight:600; font-size:3em; opacity:.7; letter-spacing:-3.2px; color:#d8eff1; }
*/.sub_tw.st.culture .sub_in_ti {font-size:2em;}

.sub_tw.st.factory {position:relative;}
/*.sub_tw.st.factory:before {position:absolute; content:"FACTORY"; font-family:'Ms','ns','ng',sans-serif; left:50%; bottom:-25px; display:inline-block; width:860px; margin-left:-430px; font-weight:600; font-size:3em; opacity:.7; letter-spacing:-3.2px; color:#d8eff1; }
*/.sub_tw.st.factory .sub_in_ti {font-size:2em;}

/*sub page tab*/
.TAB_W2 .list > li{}
.TAB_W2 .list.inquiry_st > li  {width:20%;}
.TAB_W2 .list > li > a{ display:block; box-sizing:border-box; text-align:center; height:40px; color:#333; font-size:0.875em; letter-spacing:.8px; position:relative; background:#fff; border:1px solid #ddd; margin-left:-1px;  font-weight:700; font-size:.875em; font-family:'Ms','ns','ng',sans-serif;}
.TAB_W2 .list > li:hover > a{}
.TAB_W2 .list > li.on > a{z-index:1; color:#fff; background:#0065A4;}
.TAB_W2 .list > li:last-child > a{ border-right:1px solid #ccc;}

/**/
.tab_st{ text-align:center; padding:1px 0 0 1px; margin-bottom:40px}
.tab_st > li > a{ padding:10px 40px; background:#fff; font-size:.875em; font-weight:700; letter-spacing:.1px; border:1px solid #ddd; margin:-1px 0 0 -1px; position:relative}
.tab_st > li.on > a{ background:#0065a4; border-color:transparent; color:#fff; z-index:1}

/*개인정보처리방침*/
.right_txt {text-align:right; padding-bottom:.8em; font-weight:400; font-size:.938em;}
.sub_agree_wrap{padding:30px; border-top: 2px solid #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; font-size: 0.938em; color:#888; margin-top:10px;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y: scroll; height: 140px; overflow-y: scroll; }
.cont_check{text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555; box-shadow:3px 3px 5px rgba(0,0,0,0.2); padding:.6em 1em; background:#f5f5f5;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}
.file_txt {display:block; padding-top:10px; font-size:.938em;}

.sub_agree_wrap.pro_view_st {padding:20px; font-size:.688em;}
.sub_agree_wrap .cont.pro_view_st {height:80px;}
.cont_check.pro_view_st {padding:.5em 1em; font-size:.813em;}

/**/
.inquiry_tbl {margin-top:1.5em;}

/*검색tab*/
.prod_cate_wrap{ border:1px solid #ddd; padding:15px; background:#f5f5f5; position:relative;}
.prod_cate_wrap.st2 {margin:10px 0 20px 0;}
.prod_cate_wrap .list > li{ width:22.2%; transform:.3s;}
.prod_cate_wrap .list > li > .li_in{ border:1px solid #ddd; margin:0 -1px -1px 0; background:#fff; text-align:center; height:50px; color:#777; letter-spacing:-1px; font-size:.938em; position:relative;}
.prod_cate_wrap .list > li > .li_in .xi {vertical-align:middle; padding-right:4px; font-size:1.375em; color:#0065a4;}
.prod_cate_wrap .list > li > .li_in i {vertical-align:middle;}
.prod_cate_wrap .list > li:hover .li_in > a{ color:#3399CC;}
.prod_cate_wrap .list > li.on .li_in .xi {color:#fff;}
.prod_cate_wrap .list > li.on .li_in { background:#0065a4; transition:.3s; }
.prod_cate_wrap .list > li.on .li_in > a{ color:#fff;}

/*상세tab*/
.prod_cate_wrap02 { margin:10px 0;}
.prod_cate_wrap02 .list > li{ width:11%}
.prod_cate_wrap02 .list > li > .li_in{ border:1px solid #ddd; margin:0 -1px -1px 0; background:#f6f6f6; text-align:center; height:50px; color:#777; letter-spacing:-1px; font-size:.938em; position:relative;}
.prod_cate_wrap02 .list > li:hover .li_in > a{ color:#3399CC}
.prod_cate_wrap02 .list > li.on .li_in { background:#0065a4; transform:.3s; }
.prod_cate_wrap02 .list > li.on .li_in > a{ color:#fff;}

/*검색박스*/
.search_wrap{ display:none;} 
.prod_search_wrap{/* background:#f2f5f8; padding:15px 0;*/}
.prod_search_wrap .inner{background:#fff; margin:0 auto; position:relative; /*width:70%; padding-left:100px;*/}
.prod_search_wrap .prod_search_tit{ position:absolute; left:0; top:0; width:100px; height:100%; background:#2c476b; color:#fff; text-align:center; font-size:1em;}
.prod_search_wrap .prod_search_tit .xi{ display:block; font-size:1.5em; padding-bottom:5px}
.prod_search_wrap .prod_search_con{clear:both;}
.prod_search_wrap .prod_search_con > li{ position:relative; /*padding-left:180px*/}
.prod_search_wrap .prod_search_con > li.left {float:left; width:100%;}
.prod_search_wrap .prod_search_con > li.right {float:right; width:20%; cursor:pointer;}
/*.prod_search_wrap .prod_search_con > li.right .li_in {border:none;}*/
.prod_search_wrap .prod_search_con > li .li_in {border:1px solid #ddd; padding-left:150px}
.prod_search_wrap .prod_search_con > li.left .li_in {padding-left:150px;}
.prod_search_wrap .prod_search_con > li .con_tit{ position:absolute; left:0; top:0; bottom:0; width:145px; background:#f7f7f7; text-align:center; border:1px solid #ddd;}
.prod_search_wrap .prod_search_con > li .con_tit.icon {width:100%;}
.prod_search_wrap .prod_search_con > li .con_tit.icon .xi.pharmacy_xi {border-radius:100%; background:#0065a4; margin:0 auto 5px auto; width:37px; height:37px; line-height:37px; font-size:1.438em; color:#fff; transition:.5s;}
.prod_search_wrap .prod_search_con > li .con_tit i{ vertical-align:middle; font-size:.938em;}
.prod_search_wrap .prod_search_con > li .con_tit .xi{ font-size:1.5em; display:block; font-weight:normal;}

.prod_search_wrap .prod_search_con > li .con_tit.icon .xi.pharmacy_xi:hover {background:#fff; color:#0065a4; transition:.5s; border:1px solid #ddd;}

.prod_search_wrap .prod_search_con > li .inp_wrap{padding:7px ;margin-bottom:-1px;}
/*.prod_search_wrap .prod_search_con > li.right .inp_wrap {padding:0;}*/
.prod_search_wrap .prod_search_con > li .inp_wrap .inp_con  { position:relative; /*width:100%;*/ }
.prod_search_wrap .prod_search_con > li.right .inp_wrap .inp_con {height:100%;}
.prod_search_wrap .prod_search_con > li .inp_wrap .inp_con.top {}
.prod_search_wrap .prod_search_con > li .inp_wrap .check_con{ font-size:.938em;; margin-top:5px;}
.prod_search_wrap .prod_search_con > li .inp_wrap .check_con .label_st{ margin-left:20px;}
.prod_search_wrap .prod_search_con > li .inp_wrap .check_con .label_st:first-child{ margin-left:0;}
.prod_search_wrap .prod_search_con > li .inp_wrap .check_con .label_st .xi {padding-right:3px;}

.prod_search_wrap .prod_search_con > li .inp_wrap .inp{ box-sizing: border-box; padding-top:5px; padding-bottom:5px; height:50px; font-size:0.875em;}
.prod_search_wrap .prod_search_con > li .inp_wrap select.inp,
.prod_search_wrap .prod_search_con > li .inp_wrap input.inp { border:3px solid #ddd; min-width:245px; max-width:100%; color:#666; /*border-radius:0 0 15px 0;*/}
.prod_search_wrap .prod_search_con > li .inp_wrap select.inp{ width:40%;}
.prod_search_wrap .prod_search_con > li .inp_wrap input.inp { width:50%; padding-left:10px; /*padding-right:50px; border-color:#d12d33;*/}
.prod_search_wrap .prod_search_con > li .inp_wrap .btn{ position:absolute; top:0; border:none; background:#0065a4; padding:0 .8em; right:464px;}
.prod_search_wrap .prod_search_con > li .inp_wrap .btn .xi{ font-size:1.563em; color:#fff; transition:.3s;}

.prod_search_wrap .prod_search_con > li .inp_wrap .inp_con .prod_search_more {display:block; background:#2c476b; text-align:center; width:100%; height:100%;  color:#fff; margin:0 auto;}
.prod_search_wrap .prod_search_con > li .inp_wrap .inp_con .prod_search_more .xi {font-size:1.3em; vertical-align:middle;}
.prod_search_wrap .prod_search_con > li .inp_wrap .inp_con .prod_search_more .tt {font-size:1em; letter-spacing:.3px; vertical-align:middle;}

/*제품 LIST*/
.prod_list_wrap {margin-top:1em;}
.prod_list_wrap .list{ margin:0 -15px -15px 0}
.prod_list_wrap .list > li{ width:25%}
.prod_list_wrap .list > li * { transition:.3s}
.prod_list_wrap .list > li .prod_st{ border:1px solid #ddd; margin:0 15px 15px 0; display:block;}
.prod_list_wrap .list > li .prod_st .img_wrap{ display:block; padding:10px; overflow:hidden}
.prod_list_wrap .list > li .prod_st .con_wrap{ display:block; text-align:center; padding:10px 10px 20px 10px}
.prod_list_wrap .list > li .prod_st .con_wrap .tit{ display:block; font-size:1.125em; color:#333; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:700;}
.prod_list_wrap .list > li .prod_st .con_wrap .t1{ display:block; font-size:.875em; color: #3578a8; font-weight:600; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:5px}

.prod_list_wrap .list > li .prod_st:hover{ box-shadow:1px 1px 3px rgba(0,0,0,.5)}
.prod_list_wrap .list > li .prod_st:hover .img_wrap img{ transform:scale(1.1,1.1)}

.category_wrap { background:#f2f5f8;  margin-top:-1px;}
.category_wrap .in_prod_cate_wrap{text-align:center;}
.category_wrap .in_prod_cate_wrap .list > li{width:33.33% !important;}
.category_wrap .in_prod_cate_wrap .list > li:nth-child(4){width:50% !important;}
.category_wrap .in_prod_cate_wrap .list > li:nth-child(5){width:50% !important;}
.category_wrap .in_prod_cate_wrap .list > li > a{display:block; word-break:break-all; background:#fff; border:1px solid #ddd; /*padding:5px 0;*/ color:#222; transition:.3s; font-size:.875em; background:#fff; margin-left:-1px;}
.category_wrap .in_prod_cate_wrap .list > li .t_w .icon{ display:block; width:3.5em; height:3.5em; margin:0 auto; border:1px solid #fff; border-radius:100%;}
.category_wrap .in_prod_cate_wrap .list > li .t_w .icon img{ max-height:2.3em;}
.category_wrap .in_prod_cate_wrap .list > li .t_w .tt {display:block; font-size:1em; font-weight:700; height:40px; line-height:40px;}
.category_wrap .in_prod_cate_wrap .list > li.all > a{ color:#fff !important; background:#062c5e; border-color:transparent;}
.category_wrap .in_prod_cate_wrap .list > li.all .t_w .icon{ background:#fff;}
.category_wrap .in_prod_cate_wrap .list > li:hover > a{ color:#0065a4;}
/*.category_wrap .in_prod_cate_wrap .list > li.on > a{z-index:1; position:relative; background:#0065a4; color:#fff; }
.category_wrap .in_prod_cate_wrap .list > li.on .t_w .icon{ border-color:#fff; background:#fff;}
*/

.category_wrap .in_prod_cate_wrap .list > li > a{ /*padding:10px 5px; */font-size:.813em; border:1px solid #ddd; margin:-1px 0 0 -1px; position:relative}
.category_wrap .in_prod_cate_wrap .list > li.on > a{ background:#0065a4; border-color:transparent; color:#fff; z-index:1}
/*.category_wrap .in_prod_cate_wrap .list > li.on > a:after{ content:"\e935"; font-family:xeicon!important; color:#0065a4; position:absolute; width:100%; text-align:center; bottom:-11px; left:0}
*/
.col_wrap.fl_St{ *zoom:1;}
.col_wrap.fl_St:after{ content:""; display:block; clear:both;}
.col_wrap.fl_St > *{ float:left;}
.col_wrap.di_St{ text-align:center; white-space:nowrap; font-size:0;}
.col_wrap.di_St > *{ display:inline-block; *display:inline; zoom:1; white-space:normal; font-size:1rem;}
.col_wrap.sec1 > * { width:100%;}
.col_wrap.sec2 > * { width:50%;}
.col_wrap.sec3 > * { width:33.33%;}
.col_wrap.sec4 > * { width:25%;}
.col_wrap.sec5 > * { width:20%;}
.col_wrap.sec6 > * { width:16.66%;}
.col_wrap.sec7 > * { width:14.285%;}
.col_wrap.sec8 > * { width:12.5%;}
.col_wrap.sec9 > * { width:11.11%;}
.col_wrap.sec10 > *{ width:10%;}
.col_wrap.sec11 > *{ width:9%;}

.prod_list_tab_w {border:1px solid #ccc; margin-top:-1px; padding:1em 2em 1em 2em; background:#fff; text-align:left;}
.prod_list_tab_w .product_list {}
.prod_list_tab_w .product_list li {width:16.66%; }
.prod_list_tab_w .product_list li a {display:inline-block; text-align:left; height:auto; padding:.5em 0; font-size:.875em; letter-spacing:.2px; padding-left:8px; vertical-align:middle; position:relative; font-family:'Ms','ns','ng',sans-serif;}
.prod_list_tab_w .product_list li a:before {position:absolute; content:""; background:#888; border-radius:100%; left:0; top:15px; width:2px; height:2px;}
.prod_list_tab_w .product_list li a .num {color:#888; vertical-align:middle; padding-left:3px;}

/*view*/
/*.prod_detail_wrap{ background:#f2f5f8; padding:15px 0;}*/
.prod_detail_wrap .inner{ *zoom:1;}
.prod_detail_wrap .inner:after{ content:""; display:block; clear:both;}
.prod_detail_wrap .inner .slide_wrap{ float:left; width:40%; position:relative;}
.prod_detail_wrap .inner .info_wrap { float:right; width:60%;}
.prod_detail_wrap .inner .slide_wrap .vm_tt{ max-width:100%;}
.prod_detail_wrap .inner .slide_wrap img{ display:inline-block; *display:inline; zoom:1;}

.prod_detail_wrap .inner .slide_wrap .item .img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .img{ padding:30px;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb{ margin:0 -2px; margin-top:5px;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img{ margin:0 4px; padding:10px; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .slick-current .img{ border-color:#3578a8;}
.prod_detail_wrap .inner .slide_wrap .control_box{ position:absolute; top:50%; left:0; right:0;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li{ position:absolute; top:0; margin-top:-60px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li .xi{ width:40px; height:40px; line-height:40px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:100%; color:#777; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .prev{ left:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .next{ right:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li:hover .xi{ background:#3578a8; border-color:#3578a8; color:#fff; transition:.3s;}

.prod_detail_wrap .info_wrap .in{ padding:30px 0 0 130px;}
.prod_detail_wrap .info_wrap .prod_tit{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.prod_detail_wrap .info_wrap .prod_tit .t1{ display:inline-block;*display:inline;zoom:1; vertical-align:middle; color:#1b5b8f; font-weight:700; font-size:.938em;}
.prod_detail_wrap .info_wrap .prod_tit .t1 .xi {vertical-align:middle; color:#1b5b8f; padding-right:1px;}
.prod_detail_wrap .info_wrap .prod_tit .t2{ display:block; font-size:2em; font-weight:700;}

.prod_detail_wrap .info_wrap .prod_info{}
.prod_detail_wrap .info_wrap .prod_info .info{ position:relative; padding:10px 0 10px 220px;  font-weight:400;}
.prod_detail_wrap .info_wrap .prod_info .info .tit{ position:absolute; top:10px; left:0; padding-left:10px; }
.prod_detail_wrap .info_wrap .prod_info .info .tit:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:4px; height:2px; background:#777;}
.prod_detail_wrap .info_wrap .prod_info .info .txt{color:#666}

.prod_detail_wrap .info_wrap .prod_btn{ margin-top:65px; text-align:center; margin-left:3em;}
.prod_detail_wrap .info_wrap .prod_btn > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:33.33%;}
.prod_detail_wrap .info_wrap .prod_btn .btn{ width:100%; height:50px; border:1px solid transparent; overflow:hidden; font-size:.750em;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c1{ background:#3578a8; color:#fff;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c2{ background:#38393F; color:#fff;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c3{ background:#ffffff; border-color:#aaa;}
.prod_detail_wrap .info_wrap .prod_btn .btn i{ vertical-align:middle; display:block;}
.prod_detail_wrap .info_wrap .prod_btn .btn .xi{ padding-right:2px;}

.hover_st1{ position:relative; transition:.3s}
.hover_st1:after{content:"\e93f"; font-family:xeicon!important; position:absolute; right:-20px; top:50%; margin-top:-8px; transition:.3s}
.hover_st1:hover{ padding-right:20px;}
.hover_st1:hover:after{ right:10px}


.pro_detail_con {margin-top:3em;}
.pro_detail_con .pro_view_tab_st{padding-right:1px; border-bottom:1px solid #ccc;}
.pro_detail_con .pro_view_tab_st > li{width:25%;}
.pro_detail_con .pro_view_tab_st > li > a{vertical-align:middle; background:#f8f8f8; height:3.5em; color:#2c476b; border:1px solid #ccc; margin-right:-1px; position:relative; padding:0 5em; font-size:.813em; font-weight:400; margin-bottom:-1px; border-bottom:none;}
.pro_detail_con .pro_view_tab_st > li > a:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; display:none; z-index:1}
.pro_detail_con .pro_view_tab_st > li:hover > a{ color:#111}
.pro_detail_con .pro_view_tab_st > li > a .xi {vertical-align:middle; padding-right:2px; color:#2c476b;}

.pro_detail_con .pro_view_tab_st > li.on > a{ background:#fff; border:2px solid #3578a8; color:#111; z-index:1; border-bottom:none;}
.pro_detail_con .pro_view_tab_st > li.on > a:after{ display:block}

.pro_detail_con .pro_view_tab_st > li.btn{ width:auto !important}
.pro_detail_con .pro_view_tab_st > li.btn > a{ margin-left:1em; background:#8c655d; color:#fff; padding:0 1.5em}
.pro_detail_con .pro_view_tab_st > li.btn > a .xi{ margin-top:-.125em}

.pro_detail_con .prdo_view_con .prod_name_w {text-align:center; padding:2em 0; }
.pro_detail_con .prdo_view_con .prod_name_w .t1 {font-size:1.688em; font-weight:700; padding-bottom:10px;}
.pro_detail_con .prdo_view_con .prod_name_w .t2 {font-size:.938em; letter-spacing:.1px; color:#2c476b; font-weight:400;}

.pro_detail_con .prdo_view_con {border:1px solid #ccc;}
.pro_detail_con .prdo_view_con .prod_view_middle{}
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail{ padding:0 1px 0 0}
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail > li{ width:25%}
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail > li.w1{ width:100%}
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail > li .in{ margin:0 -1px 0 0;  padding:30px; text-align:center;}
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail > li .in.detail .tit{ padding-bottom:5px}
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail > li .in.detail .tit .xi{ width:28px; line-height:28px; text-align:center; background:#1b5b8f; color:#fff; font-size:1.063em; border-radius:100%; margin-right:5px}
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail > li .in.detail .tit .tt{ font-size:.938em; color:#111; letter-spacing:.1px; display:block; padding:7px 0 10px 0;}
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail > li .in.detail .con{ }
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail > li .in.detail .con .con_tit{ font-size:.938em; color:#3399CC; position:relative; margin:15px 0 5px 0;}
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail > li .in.detail .con .con_tit:first-child{ margin-top:0}
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail > li .in.detail .con .con_tit:before{ content:""; position:absolute; width:6px; height:6px; border-radius:100%; left:-10px; top:8px; background:#3399CC}
.pro_detail_con .prdo_view_con .prod_view_middle .prod_detail > li .in.detail .con .tt{font-size:1.063em; font-weight:700; color:#444;}

.pro_detail_con .tab_in {}
.pro_detail_con .prod_view_edit{padding:50px 30px; font-size:1em; color:#222; border:1px solid #ccc; border-top:none; font-family:'Ms','ns','ng',sans-serif !important ; line-height:1.5;}
.pro_con_in {border:1px solid #ccc; border-top:none;}

.pro_detail_con .prod_view_edit table {table-layout:fixed}
.pro_detail_con .prod_view_edit table th {border:1px solid #ccc; padding:5px;}
.pro_detail_con .prod_view_edit table td {border:1px solid #ccc; padding:5px;}


/*목록보기 버튼*/
.return_btn {text-align:center; padding-top:40px;}
.return_bt {border:1px solid #0065a4; background:#0065a4; padding:10px;}
.return_bt .xi {vertical-align:middle; padding-right:5px; color:#fff;}
.return_bt .btn_ti {vertical-align:middle; color:#fff; font-size:0.938em;}

/*연혁*/
.sub_history_wrap{ position:relative; z-index:inherit; }
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:7%; height:100%; margin-left:1px; top:-40px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:100%; margin-top:40px}
.sub_history_wrap .sub_history > li .history{border-bottom: 1px dotted #ccc; padding-bottom:20px;}
.sub_history_wrap .sub_history > li .history .year{  font-size:2em; color:#555; position:relative; z-index:inherit; letter-spacing:-1px; opacity:.6; font-weight:700;}

.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px; margin-left:25px;}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1em; color:#222; line-height:1.4; margin-bottom:15px; vertical-align:middle;}
.sub_history_wrap .sub_history > li .history .list .txt {position:relative; padding-left:13px; font-size:.938em; letter-spacing:.1px;}
.sub_history_wrap .sub_history > li .history .list .txt:before {position:absolute; content:""; width:5px; height:2px; background:#888; left:0; top:6px;}
.sub_history_wrap .sub_history > li.odd{ left:0; text-align:right;  }
.sub_history_wrap .sub_history > li.even{ left:50%;  }
.sub_history_wrap .sub_history > li.odd .history .year .dot{ right:-25px}
.sub_history_wrap .sub_history > li.even .history .year .dot{ left:-25px}
.sub_history_wrap .sub_history > li.odd .history .list .month{ right:5px}
.sub_history_wrap .sub_history > li.even .history .list .month{ left:5px}
span.month {font-size:1.063em; margin:0 20px 0 0; color:#0065a4; font-weight:700;}

/*연구활동 실적현황*/
.sub_history_wrap.rnd_st .sub_history > li:first-child {margin-top:0;}
.sub_history_wrap.rnd_st .sub_history > li .history .year{display:inline-block; font-size:1.5em;}
.sub_history_wrap.rnd_st .sub_history > li .history .list {display:inline-block;}
.sub_history_wrap.rnd_st .sub_history > li .history {padding-bottom:10px;}
.sub_history_wrap.rnd_st .sub_history > li .history .list {margin-top:0;}
.sub_history_wrap.rnd_st .sub_history > li .history .list .tt {margin-bottom:0;}

/*약국찾기*/
/*tab*/
.step_w {margin-bottom:30px;}
.step_w .step_list {text-align:center}
.step_w .step_list li {}
.step_w .step_list li {border:1px solid #ddd;  padding:.2em 3.5em; line-height:1.5; letter-spacing:.1px; display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:16px; font-size:1rem; margin:0 -3px;}
.step_w .step_list li .tt {font-size:.875em; font-weight:700;}
.step_w .step_list li .tt.t1 {font-size:.750em; color:#777;}
.step_w .step_list li.on {background:#0065a4 !important; }
.step_w .step_list li.on .tt {color:#fff;}
.step_w .step_list li.on .tt.t1 {color:#fff;}

/**/
.main_server_point > div{}
.main_server_point > div .in{ padding:30px 40px; position:relative; background:#eee;}
.main_server_point > div .in .icon{ position:absolute; left:40px; top:30px; width:110px; line-height:110px; border-radius:100%; text-align:center; font-size:2.5em}
.main_server_point > div .in .tbox{ margin-left:140px}
.main_server_point > div .in .tbox .t1{ font-size:1.313em; padding-bottom:5px; font-weight:700;}
.main_server_point > div .in .tbox .t2{ font-size:.875em; line-height:1.3; position:relative; padding-left:1.5em; margin-top:10px}
.main_server_point > div .in .tbox .t2 .xi{ position:absolute; left:0; top:-.1em; padding-right:4px}
.main_server_point > div.m1 .in .icon{ background:rgba(255,255,255,.9); color:#d14848}
.main_server_point > div.m1 .in .tbox{ color:#111}
.main_server_point > div.m1 .in .tbox .t2 .xi{ color:#333}

/**/
.pharmacy_search_w {background:#fff; padding:1.5em; margin-top:20px; box-shadow:7px 18px 22px rgba(0,0,0,0.08); border:1px solid #ddd;}
.pharmacy_search_w .pharmacy_search_w_in {}
.pharmacy_search_w .pharmacy_search_w_in .in_w {padding:10px 0}
.pharmacy_search_w .pharmacy_search_w_in .in_w label {position:relative; top:0; font-weight:500; margin-right:.7em; display:inline-block; padding:0 2em;}

/**/
.pro_search_con .t_w {text-align:center; padding:1em 0 2em 0;}
.pro_search_con .t_w .tit {vertical-align:top; padding-bottom:5px; letter-spacing:.1px; font-size:.938em;}
.pro_search_con .t_w .tit .pro_name {vertical-align:top; color:#0065a4; font-weight:700;}
.pro_search_con .t_w .tit .pro_num {vertical-align:top; color:#0065a4; font-weight:700;}

.pro_search_con .pro_w  {position:relative; width:90%; margin:0 auto 2em auto;}
.pro_search_con .pro_w .pro_list {margin-left:-10px;}
.pro_search_con .pro_w .pro_list .item {}
.pro_search_con .pro_w .pro_list .item .prod_st {border:1px solid #ccc; margin-left:10px; display:block;}
.pro_search_con .pro_w .pro_list .item .con_wrap {text-align:center;}
.pro_search_con .pro_w .pro_list .item .con_wrap .tit {display:block; font-size:1.125em; color:#333; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:700; padding:10px;}

/*버튼*/
.pro_search_con .pro_w .control_box{ position:absolute; top:50%; left:0; width:100%;}
.pro_search_con .pro_w .control_arrow{ position:relative;}
.pro_search_con .pro_w .control_arrow > li{ position:absolute; top:0; margin-top:-22px; text-align:center;}
.pro_search_con .pro_w .control_arrow .prev{ left:-70px;}
.pro_search_con .pro_w .control_arrow .next{ right:-70px;}
.pro_search_con .pro_w .control_arrow > li .xi{ cursor:pointer; transition:.3s; width:35px; height:35px; line-height:35px; border-radius:100%; border:1px solid #ccc; text-align:center; font-size:1.3em;}
.pro_search_con .pro_w .control_arrow > li .xi:hover{ opacity:1; background:#2c476b; color:#fff; transition:.3s;}

/*지도*/
.pro_search_con .info_w {}
.pro_search_con .info_w .map_w {}

/*약국 리스트*/
.pro_search_con .info_w .list_w {}
.pro_search_con .info_w .list_w .ti {padding:2em 0 1em 0; vertical-align:top; letter-spacing:.1px; font-size:.938em;}
.pro_search_con .info_w .list_w .ti .pro_map {vertical-align:top; color:#0065a4; font-weight:700;}
.pro_search_con .info_w .list_w .ti .pro_name {vertical-align:top; color:#0065a4; font-weight:700;}
.pro_search_con .info_w .list_w .ti .pro_store {vertical-align:top; color:#0065a4; font-weight:700;}

/*약국검색결과*/
.pharmacy_info_w {}
.pharmacy_info_w .map_info_w {border:1px solid #ccc; padding:2em;}
.pharmacy_info_w .map_info_w .map_ul {}
.pharmacy_info_w .map_info_w .map_ul .map_li {float:left;}
.pharmacy_info_w .map_info_w .map_ul .map_li.left {width:45%;}
.pharmacy_info_w .map_info_w .map_ul .map_li.right {width:55%;}
.pharmacy_info_w .map_info_w .map_ul .map_li.right .li_in {margin-left:5.5em;}
.pharmacy_info_w .tt {font-size:.813em; color:#666; padding-top:1em; text-align:right;}

.store_info {padding:3em 0 0 0;}
.store_info .big_t {font-size:1.5em; font-weight:700; padding-bottom:1em; margin-bottom:1em; border-bottom:1px dashed #ccc;}
.store_info .info_w .info{ position:relative; padding:10px 0 10px 140px;  font-weight:400;}
.store_info .info_w .info .tit{ position:absolute; top:7px; left:0; padding-left:10px; font-size:.875em;}
.store_info .info_w .info .tit:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:4px; height:2px; background:#777;}
.store_info .info_w .info .txt{ color:#777; font-weight:700; font-size:.938em;}

.store_info .info_w .info .txt.col1 {color:#0065a4; font-weight:700;}

.map_st .root_daum_roughmap {padding:0 !important; border:none !important;}

/*공장소개*/
.factory_viewWrap .slider_for .item{}
.factory_viewWrap .slider_for .item .img_wrap{position:relative; margin:0 auto; border:1px solid #ddd; width:85%; /* width:70%;*/}
.factory_viewWrap .slider_for .item .img_wrap .resize{ background:#fff; padding-bottom:60% !important;}
.factory_viewWrap .slider_for .item .img_wrap .resize img {width:100% !important;}

.factory_viewWrap .slider_for .item .img_wrap .tit_w {position:absolute; left:0; bottom:2px; width:96%; height:3em; padding:0 2%; background:rgba(0,0,0,.8); font-size:1.250em; color:#fff; text-align:left !important;}

.factory_viewWrap .page_viewB{ /*margin-top:1em;*/ position:relative; margin:.3em auto; /*width:70%;*/ width:85%;}

.factory_viewWrap .slider_nav{ margin-right:-6px;}
.factory_viewWrap .slider_nav .item{ margin-right:10px;}
.factory_viewWrap .slider_nav .item .img_wrap{/* padding:5px; */border:1px solid #ddd; transition:.2s; cursor:pointer;}
.factory_viewWrap .slider_nav .item .img_wrap,
.factory_viewWrap .slider_nav .item.slick-current .img_wrap img {width:100% !important;}
.factory_viewWrap .slider_nav .item:hover .img_wrap img{ opacity:.5;}
.factory_viewWrap .slider_nav .item:hover .img_wrap,
.factory_viewWrap .slider_nav .item.slick-current .img_wrap{ border-color:#003f87; box-shadow:2px 2px 10px rgba(0,0,0,.2);}

.factory_viewWrap .control_arrow{ position:absolute; top:50%; left:0; width:100%; text-align:center;}
.factory_viewWrap .control_arrow li{ position:absolute; top:0; margin-top:-1.5em;}
.factory_viewWrap .control_arrow li.prev{ left:-4em;}
.factory_viewWrap .control_arrow li.next{ right:-4em;}
.factory_viewWrap .control_arrow li .xi{ width:2em; line-height:2em; border:1px solid #ddd; border-radius:50%; font-size:1.500em; color:#003f87; cursor:pointer; transition:.2s;}
.factory_viewWrap .control_arrow li:hover .xi{ background:#222; border-color:#222; color:#fff;}

/*오시는길*/
.root_daum_roughmap {width:100% !important; padding:0 !important; border:none !important}
.root_daum_roughmap .wrap_controllers {display:none !important;}

.map_info1 {margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:2em; font-weight:300}
.map_info1 .t1 {text-align:center;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; font-weight:700; letter-spacing:.1px; font-size:1.063em;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1.438em; vertical-align:sub; color:#888; margin-right:5px; }
.map_info1 .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; }
.map_info1 .map_btn .tx{ font-size:.875em; color:#fff; vertical-align:middle}

.map_info2 { margin-top:30px; font-weight:300}
.map_info2 > li { overflow:hidden; padding:2em 1em; border-bottom:1px solid #ddd}
.map_info2 > li h3 { float:left; color:#222222; font-size:1.375em; }
.map_info2 > li h3 .xi { font-size:1.625rem; vertical-align:text-top; }
.map_info2 > li .info { margin:0 0 0 240px;}
.map_info2 > li .info strong { display:block;}
.map_info2 > li .info p { color:#333; line-height:26px;}
.map_info2 > li .info ul li:first-child strong { padding-top:0}
.map_info2 > li.bus {}
.map_info2 > li.bus .info span { display:block; margin:2px 0 6px; color:#333; font-size:.875em;}
.map_info2 > li.bus .info span.stop_t {font-size:1.063em; font-weight:600;}
.map_info2 > li.bus .info p { padding-left:40px; position:relative; line-height:30px; color:#666; }
.map_info2 > li.bus .info .g:before { content:"마을"; width:35px; height:25px; border-radius:23px; background:#4a972e; color:#fff; text-align:center; line-height:25px; position:absolute; left:0; top:50%; margin-top:-12px; font-size:0.750em; }
.map_info2 > li.bus .info .r:before { content:"직행"; width:35px; height:25px; border-radius:23px; background:#df262e; color:#fff; text-align:center; line-height:25px; position:absolute; left:0; top:50%; margin-top:-12px; font-size:0.750em; }
.map_info2 > li.bus .info .b:before { content:"간선"; width:35px; height:25px; border-radius:23px; background:#395cb3; color:#fff; text-align:center; line-height:25px; position:absolute; left:0; top:50%; margin-top:-12px; font-size:0.750em; }
.map_info2 > li.bus .info .c:before { content:"일반"; width:35px; height:25px; border-radius:23px; background:#00aeab; color:#fff; text-align:center; line-height:25px; position:absolute; left:0; top:50%; margin-top:-12px; font-size:0.750em; }

.map_info2 > li.subway {}
.map_info2 > li.subway .info { margin-top:-1px;}
.map_info2 > li.subway .info span { display:block; margin:2px 0 8px;}
.map_info2 > li.subway .info p { display:inline-block; margin-right:34px;}
.map_info2 > li.subway .info em { display:inline-block; font-weight:500;}
.map_info2 > li.subway .info .r em { color:#fff;}

.map_info2 > li.car .info .r em { color:#f62c11;}
.bs1{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; font-size:0.875em; font-weight:600; color:#fff; line-height:25px; border-radius:30px; background:#249f0b; margin:0 5px 5px 0}
.bs1.sub_col2{ background:#3cb44a}
.bs1.sub_col3{ background:#74c7c7; }

/*윤리경영*/
.ethics_t2 {font-size:1.063em; width:100%; max-width:860px; margin:0 auto;  line-height:1.5; font-weight:400; text-align:center; color:#444;}
.ethics_t3 {text-align:center; font-size:1.6em; font-weight:700; letter-spacing:-1.5px; padding-bottom:1em;}
.ethics_b {background:url(../images/sub/ethics_bg.jpg) no-repeat center center; background-size:cover; margin-top:5em;}
.ethics_b .ethics_in {padding:5em 0;}
.ethics_b .ethics_in .ti {text-align:center; font-weight:700; font-size:1.313em; width:100%; margin:0 auto; max-width:880px; line-height:1.5; padding-bottom:2em; color:#fff; position:relative;}
.ethics_b .ethics_in .ti:before{ content:""; width:35px; height:27px; position:absolute;  left:-20px; top:0; background:url(../images/sub/ethics_l.png) no-repeat left top; background-size:70%;}
.ethics_b .ethics_in .ti:after{ content:""; width:35px; height:27px; position:absolute; right:-30px; top:0; background:url(../images/sub/ethics_r.png) no-repeat left top; background-size:70%;}

.ethics_w .ti {text-align:center; font-weight:700; font-size:1.8em; letter-spacing:-1.5px; width:100%; margin:0 auto; max-width:770px; line-height:1.5; padding-bottom:1.5em; color:#fff; position:relative;}
.ethics_w .ti:before{ content:""; width:35px; height:27px; position:absolute;  left:120px; top:4px; background:url(../images/sub/ethics_l.png) no-repeat left top}
.ethics_w .ti:after{ content:""; width:35px; height:27px; position:absolute; right:120px; top:6px; background:url(../images/sub/ethics_r.png) no-repeat left top}
.ethics_w .rnd_con{margin-left:-25px; text-align:center;}
.ethics_w .rnd_con > li{ width:16.66%;}
.ethics_w .rnd_con > li .inner{margin-left:25px;}
.ethics_w .rnd_con > li .icon {border-radius:100%; background:#fff; box-shadow:2px 2px 10px rgba(0,0,0,.2); padding:2.5em; border:8px solid #e5e5e5;}
.ethics_w .rnd_con > li .t_w {}
.ethics_w .rnd_con > li .t_w .t1 { color:#fff; margin:20px 0 15px 0; font-weight:700; font-size:1.313em; height:50px;}
.ethics_w .rnd_con > li .t_w .t2 {color:#f5f5f5; font-size:.938em; line-height:1.3;}
.ethics_w .rnd_con > li .t_w .t1.st {font-size:1.188em;}
.ethics_w .rnd_con > li .t_w .t1.st2 {font-size:1.063em;}


/*인사말*/
.page_ceoWrap{}
.page_ceoWrap .left{ float:left; width:50%;}
.page_ceoWrap .right{ float:right; width:50%;}
.page_ceoWrap .right .inner{ margin-left:50px;}

.page_ceoWrap .page_ceoB{ padding:5em 0 10em 0;}
.page_ceoWrap .page_ceoT .txt_wrap .inner{ padding-top:1em;}
.page_ceoWrap .page_ceoB .txt_wrap .inner{ padding-top:2em;}

.page_ceoWrap .page_ceoT .t_w {text-align:center; display:block; width:100%; margin:0 auto; max-width:790px;}
.page_ceoWrap .page_ceoT .t_w .tit {display:inline-block; text-align:center; font-weight:700; font-size:1.6em; letter-spacing:-1.5px; line-height:1.5; padding-bottom:2em; color:#0065a4; position:relative;}
.page_ceoWrap .page_ceoT .t_w .tit:before{ content:""; width:35px; height:27px; position:absolute;  left:-40px; top:6px; background:url(../images/sub/ceo_l.png) no-repeat left top; background-size:70%;}
.page_ceoWrap .page_ceoT .t_w .tit:after{ content:""; width:35px; height:27px; position:absolute; right:-50px; top:6px; background:url(../images/sub/ceo_r.png) no-repeat right top; background-size:70%;}

.page_ceoWrap .txt_wrap .tit{ font-weight:700; letter-spacing:-2px; font-size:1.6em; line-height:1.3; color:#0065a4; margin-bottom:1em;}
.page_ceoWrap .txt_wrap .txt{ color:#444; padding:.6em 0; font-size:1.063em; letter-spacing:.2px; line-height:1.5; font-weight:400;}

/*연구개발*/
.company_t_w {text-align:center; display:block; width:100%; margin:0 auto; max-width:820px;}
.company_t_w .tit {display:inline-block; text-align:center; font-weight:700; font-size:1.375em; letter-spacing:-1.2px; line-height:1.4; padding-bottom:1em; color:#111; position:relative;}
.company_t_w .tit:before{ content:""; width:35px; height:27px; position:absolute;  left:0; top:3px; background:url(../images/sub/ceo_l.png) no-repeat left top; background-size:70%;}
.company_t_w .tit:after{ content:""; width:35px; height:27px; position:absolute; right:0; top:3px; background:url(../images/sub/ceo_r.png) no-repeat right top; background-size:70%;}

.company_t_w .tit .col {color:#0065a4; vertical-align:top}

.rnd_2_w {padding:5em 0; margin-top:5em; background:url(../images/sub/rnd2_bg.jpg) no-repeat center center; background-size:cover;}
.rnd2_w_b {}
.rnd2_w_b .t {font-size:1.063em; width:100%; max-width:970px; margin:0 auto;  line-height:1.5; font-weight:400; text-align:center; color:#444;}

.rnd_2_w .ti {text-align:center; font-weight:700; font-size:1.8em; letter-spacing:-1.1px; width:100%; margin:0 auto; max-width:770px; line-height:1.5; padding-bottom:1.5em; color:#fff; position:relative;}
.rnd_2_w .ti:before{ content:""; width:35px; height:27px; position:absolute;  left:-30px; top:4px; background:url(../images/sub/ethics_l.png) no-repeat left top;background-size:70%;}
.rnd_2_w .ti:after{ content:""; width:35px; height:27px; position:absolute; right:-30px; top:6px; background:url(../images/sub/ethics_r.png) no-repeat left top; background-size:70%;}

.rnd_2_w .rnd_con{margin-left:-55px; text-align:center; max-width:1000px; margin:0 auto; width:100%;}
.rnd_2_w .rnd_con > li{ width:33.33%;}
.rnd_2_w .rnd_con > li .vm_tt{ width:100%;}
.rnd_2_w .rnd_con > li .inner{margin-left:55px; padding:0 1.5em; height:260px; border-radius:100%; background:#fff; box-shadow:2px 2px 10px rgba(0,0,0,.2); border:10px solid #e5e5e5}
.rnd_2_w .rnd_con > li .icon {padding-bottom:15px;}
.rnd_2_w .rnd_con > li .tt{  font-weight:700; font-size:1m; color:#111}

/*파이프라인*/
.rnd_tbl {margin-bottom:2em;}
.rnd_tbl .rnd_tbl_st{width:100%; font-size:0.813em; table-layout:fixed; font-family:'Ms','ns','ng',sans-serif;}
.rnd_tbl .rnd_tbl_st thead td{border:1px solid #ddd; text-align:center; padding:1em;}
.rnd_tbl .rnd_tbl_st thead th{border:1px solid #ddd; padding:10px 2px; background:#f0f5f8; color:#444; font-size:.938em;}
.rnd_tbl .rnd_tbl_st tbody th{border:1px solid #ddd; padding:10px 4px; background:#fff; font-family:'Ms','ns','ng',sans-serif; font-weight:400; letter-spacing:.2px;}
.rnd_tbl .rnd_tbl_st tbody th.col {background:#f0f5f8; font-size:1.3em; font-weight:700;}
.rnd_tbl .rnd_tbl_st tbody td{border:1px solid #ddd; padding:10px 0px; text-align:center;}
.rnd_tbl .rnd_tbl_st .line01{display:block; background:#0065a4; width:100%; height:15px; padding:4px 0;}

.rnd_tbl_st .a1{width:10%}
.rnd_tbl_st .a2{width:7%}
.rnd_tbl_st .a3{width:20%}
.rnd_tbl_st .a4{width:7.1%}
.rnd_tbl_st .a5{width:4.8%}
.rnd_tbl_st .a6{width:5%}

.rnd_tbl_st .a1_s{width:10.2%}
.rnd_tbl_st .a2_s{width:6.7%}
.rnd_tbl_st .a3_s{width:28.6%}
.rnd_tbl_st .a4_s{width:10%}

/**/
.company_t {padding:4.5em 0; position:relative; z-index:1; background:#f9f9f9; text-align:center;}
.company_t .tit {color:#111; font-size:1.75em; text-align:center; font-weight:700; display:inline-block; position:relative; padding:10px 0; margin:.8em 0 3em 0; max-width:880px;}
.company_t .tit:before{ content:""; width:35px; height:27px; position:absolute; left:50%; top:-38px; margin-left:-17px;  background:url(../images/sub/ceo_l.png) no-repeat left top; background-size:70%;}
.company_t .tit:after{ content:""; width:35px; height:27px; position:absolute; left:50%; bottom:-40px; margin-left:-13px; background:url(../images/sub/ceo_r.png) no-repeat left top; background-size:70%;}
.company_t .line {width:30px; height:2px; margin:2em auto; background:#111;}

.slogan_w{ padding:0 1px 1px 0; width:100%; margin:0 auto; max-width:810px;}
.slogan_w > li{ width:33.33%}
.slogan_w > li .in{ padding:1em 4em 2em 1.5em; margin:0 -1px -1px 0; background:#fff; border:1px solid #ddd; position:relative; overflow:hidden; text-align:left;}
.slogan_w > li .in .no{ opacity:.2;  font-size:2em; font-weight:bold; letter-spacing:-4px; line-height:1; margin-left:-4px}
.slogan_w > li:nth-child(1) .in .no{ color: #a24dff}
.slogan_w > li:nth-child(2) .in .no{ color: #ff043e}
.slogan_w > li:nth-child(3) .in .no{ color: #0043ff}
.slogan_w > li .in .ti{ font-size:1.375em; color:#000; margin:.75em 0 .3em 0; font-weight:700;}
.slogan_w > li .in .tt{ font-size:1em; color:#666; line-height:1.3em; height:4.9em; overflow:hidden}
.slogan_w > li .in .xi{ position:absolute; right:0; bottom:0; line-height:1; opacity:.1; z-index:0}
.slogan_w > li .in .xi:before{ font-size:4em}

.slogan_w > li:nth-child(1) .in .xi{ color: #a24dff}
.slogan_w > li:nth-child(2) .in .xi{ color: #ff043e}
.slogan_w > li:nth-child(3) .in .xi{ color: #0043ff}

.motto_w{ position:relative}
.motto_w .motto_li{ position:relative}
.motto_w .motto_li .img_wrap{ width:60%; margin-left:40%}
.motto_w .motto_li .img_wrap .resize{ padding-bottom:50%; background-repeat:no-repeat; background-size:cover}
.motto_w .motto_li .con_wrap{ position:absolute; left:0; top:0; width:30%; height:100%; text-align:left}
.motto_w .motto_li .con_wrap .va{ width:100%; vertical-align:top}
.motto_w .motto_li .con_wrap .no{ opacity:.07;  font-size:4em; font-weight:bold; letter-spacing:-4px; margin-bottom:-.25em; line-height:1}
.motto_w .motto_li .con_wrap .tit{ display:block;  font-size:1.25em; position:relative;}
.motto_w .motto_li .con_wrap .tt{ font-size:1.063em; line-height:1.7; padding-left:2em}

.company_b {/*border:1px solid #eee; padding:3em 0 7em 0; background:url(../images/sub/culture_wbg.jpg) no-repeat center center; */margin-bottom:10em;}
.culture_con {}
.culture_con ul {margin-left:-10px;}
.culture_con ul li .inn {margin-left:10px; border:1px solid #ddd; height:320px; }
.culture_con ul li .inn.bg01 {background:url(../images/sub/culture_bg01.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con ul li .inn.bg02 {background:url(../images/sub/culture_bg02.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con ul li .inn.bg03 {background:url(../images/sub/culture_bg03.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con ul li .inn.bg04 {background:url(../images/sub/culture_bg04.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}

.culture_con ul li .inn .tt {background:#fff; font-weight:400; font-size:.875em; line-height:1.4; display:block; padding:20px 10px; margin:280px 10px 0 10px; height:60px; text-align:center; box-shadow:3px 3px 10px rgba(0,0,0,.2);}
.culture_con ul li .inn .tt .col {font-size:1.250em; display:block; font-weight:700;}

.factory_w {background:#f7f7f7; padding:2em 0;}
.factory_w .big_tit {text-align:right; color:#cdcdcd; font-size:4em; font-weight:600; padding-right:80px; padding-top:25px;} 

.page_cover .cover_title .t1{ font-size:1.8em; letter-spacing:-2px; margin:0 auto .3em auto; max-width:620px; width:100%;}
.page_cover .cover_title .t1 span{ display:inline-block; position:relative;}
.page_cover .cover_title .t2{ font-size:1.250em; letter-spacing:0;}
.page_cover .cover_title .t3{ font-size:2.250em; line-height:1.6; position:relative; margin-top:1em; padding:55px 0;}
.page_cover .cover_title .t3:before,
.page_cover .cover_title .t3:after { content:""; position:absolute; left:50%; margin-left:-17px; width:34px; height:34px; background-repeat:no-repeat; background-position:50% 50%; background-size:100%;}
.page_cover .cover_title .t3:before{ top:0; background-image:url(../images/inc/icon_quotWL.png);}
.page_cover .cover_title .t3:after { bottom:0; background-image:url(../images/inc/icon_quotWR.png);}
.page_cover{ position:relative; text-align:center; overflow:hidden;}
.page_cover.hAuto{ padding:5em 0;}
.page_cover .cover_layer{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.page_cover .cover_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.1,1.1); transition:1s;}
.page_cover .bg_rnd2{ background-image:url(../images/sub/motto_bg.jpg);}
.page_cover .tt{ color:#fff;}

/*해외사업*/
.over_w{ position:relative; text-align:center; overflow:hidden;}
.over_w.hAuto{ padding:6.5em 0;}
.over_w .cover_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.1,1.1); transition:1s;}
.over_w .bg_over{ background-image:url(../images/sub/overseas_bg.jpg);}
.over_w .t_w .ti span {font-size:2.3em; color:#fff; display:inline-block; position:relative; font-weight:700;}
.over_w .t_w .tt span{display:inline-block; position:relative; color:#fff; font-weight:400; letter-spacing:-1px; width:100%; line-height:1.4; margin:15px auto 0 auto; font-size:1.3em; max-width:760px;}
.over_map_w {background:#f9f9f9; padding:1.3em 0;}