@charset "utf-8";

body {background-color: #fff !important;}

#mhd {margin:0;padding:0;}
#mlogo {height:50px; text-align:center; background:#fff; padding:5px 0; border:0; overflow:hidden;}
#mlogo img {}
#mgnb_open {position: absolute; top:36px; left:2%; padding:0; width:50px; height:50px; color: #fff;font-size: 1em; border:0; background:url(/img/m/m_all.png) no-repeat; background-size:auto 50px;}
#mhd_sch_open {top:36px; right:2%; border:0; background:url(/img/m/m_search.png) no-repeat; background-size:auto 50px; width:50px; height:50px; padding:0; }
#mhd_sch form {position:relative;padding:0}
#mhd_shop_adm_open {position: absolute;top:4px;right:51px;text-indent:-9999px;line-height:0;background:url(./img/ico_key.png?140802) no-repeat;background-size: 30px 30px;background-position: center center;border:1px solid #0287C5;border-radius:2px;box-shadow: 0 1px 0 rgba(125,130,144,0.2);-webkit-box-shadow: 0 1px 0 rgba(125,130,144,0.2);padding: 0 10px;height: 2.6em;}
#ft_company {font-size:0.917em;line-height:1.8em;letter-spacing: -1px;font-family: '돋움',Dotum,Verdana,applegothic;}

#mo_top {position:relative; overflow:hidden; height:30px; border-bottom:1px solid #f2f2f2;}
#mo_top ul {font-size:0;}
#mo_top li {display:inline-block; width:19.8%; border-right:1px solid #f2f2f2; font-family: NanumBarunGothic; font-size:10px; color:#010101; line-height:30px; text-align:center; letter-spacing:0.15em;}
#mo_top li:last-child {border-right:0;}
#mo_top li.cart {padding-left:4%; width:15.8%; background:url(/img/m/mt_cart.png) no-repeat 23% 9px; background-size:auto 10px;}

#mo_gnb {position:relative; overflow:hidden; height:40px; background:#000;}
#mo_gnb ul {font-size:0;}
#mo_gnb li {display:inline-block; width:24.8%; border-right:1px solid #333333; font-family: NanumBarunGothic; font-size:11px; color:#fff; line-height:44px; text-align:center; letter-spacing:0.15em;}
#mo_gnb li:last-child {border-right:0;}
#mo_gnb li a {color:#fff;}

/* slide gnb */
.slidelm {text-shadow:none;width:200px;height:100%; position:absolute; left:-201px; top:0; background:#222; border-right:1px solid #000; z-index:999999;}
.cateist ul { background:none;}
.cateist li { background:none;}
.cateist li a { background:#fff;}

/* main gnb
#mhead-menu .ico_arrows {display:block;background:url(./img/icon_gnb_arrow.png) no-repeat;text-indent:-9999px;}
#mhead-menu .gnb {overflow:hidden;position:relative;height: 35px;z-index: 98;}
#mhead-menu .gnb.open {height:auto;}
#mhead-menu .gnb.open .btn_more .ico_more {background-position:0px -16px;}
#mhead-menu .gnb .mnwrap {overflow:hidden;padding-right:40px;background-color:#6ab8be;}
#mhead-menu .gnb .mnwrap li {overflow:hidden;float:left;width:25%;text-align:center;}
#mhead-menu .gnb .mnwrap .link_menu {display:block;height:34px;border-bottom:solid 1px #4e9ea5;color:#fff;background-color:#6ab8be;-webkit-box-shadow: inset 1px 0 0 #4e9ea5;box-shadow:inset -1px 0 0 #4e9ea5;line-height:34px;text-shadow:0 -1px 0 #5ea4a9;}
#mhead-menu .gnb .mnwrap .active .link_menu {background-color:rgba(116, 121, 156, 0.77);box-shadow:inset -1px 0 0 #4e9ea5}
#mhead-menu .gnb .btn_more {position:absolute;top:0;right:0;width:44px;height:100%;border-left:1px solid #4e9ea5;border-bottom:solid 1px #4e9ea5;background-color:#4e9ea5;-webkit-box-shadow: inset 1px 0 1px #4e9ea5;box-shadow:inset 1px 0 1px #4e9ea5;}
#mhead-menu .gnb .btn_more .ico_more {position:absolute;top:50%;left:50%;margin:-5px 0 0 -7px;width:14px;height:10px;background-position:0px 0px;}
 */

#mhead-menu .ico_arrows {display:block;background:url(./img/icon_gnb_arrow.png) no-repeat; background-size:15px auto;text-indent:-9999px;}
#mhead-menu .gnb {overflow:hidden;position:relative;height: 40px;z-index: 98;}
#mhead-menu .gnb.open {height:auto;}
#mhead-menu .gnb.open .btn_more .ico_more {background-position:0px -16px;}
#mhead-menu .gnb .mnwrap {overflow:hidden;padding-right:40px;background-color:#6ab8be;}
#mhead-menu .gnb .mnwrap li {overflow:hidden;float:left;width:25%;text-align:center;}
#mhead-menu .gnb .mnwrap .link_menu {display:block;height:40px;border-right:1px solid #333333;border-bottom:1px solid #333333; font-family: NanumBarunGothic; font-size:10px; color:#fff; line-height:40px; text-align:center; letter-spacing:0.15em; background-color:#000;}
#mhead-menu .gnb .mnwrap .active .link_menu {background-color:#000;}
#mhead-menu .gnb .btn_more {position:absolute;top:0;right:0;width:40px;height:100%;background-color:#333;}
#mhead-menu .gnb .btn_more .ico_more {position:absolute;top:50%;left:50%;margin:-5px 0 0 -7px;width:14px;height:10px;background-position:0px 0px;}

.to_content a {z-index: 100000;position: absolute;top: 0;left: 0;width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;}

/* button */
a.btn01, 
button.btn01,
a.btn_cancel {-webkit-box-shadow:0 1px 0 #e0e0e0;box-shadow:0 1px 0 #e0e0e0;border:1px solid #aeb0b6;background:#f8f8f8;background:-webkit-gradient(linear,0 0,0 bottom,from(#fafafa),to(#eee));background:-webkit-linear-gradient(#fafafa,#eee);background:-moz-linear-gradient(#fafafa,#eee);background:-ms-linear-gradient(#fafafa,#eee);background:-o-linear-gradient(#fafafa,#eee);background:linear-gradient(#fafafa,#eee);}
a.btn02,
button.btn02,
a.btn_cancel {color:#fff;background:#8f8f8f;background:-webkit-gradient(linear,0 0,0 bottom,from(#8f8f8f),to(#535353));background:-webkit-linear-gradient(#8f8f8f,#535353);background:-moz-linear-gradient(#8f8f8f,#535353);background:-ms-linear-gradient(#8f8f8f,#535353);background:-o-linear-gradient(#8f8f8f,#535353);background:linear-gradient(#8f8f8f,#535353);}
.btn_submit {padding:7px 10px;border:1px solid #c41616;-webkit-box-shadow:0 1px 0 #e0e0e0;box-shadow:0 1px 0 #e0e0e0;background:#e81a1a;background:-webkit-gradient(linear,0 0,0 bottom,from(#ed2f2f),to(#dd0e0e));background:-webkit-linear-gradient(#ed2f2f,#dd0e0e);background:-moz-linear-gradient(#ed2f2f,#dd0e0e);background:-ms-linear-gradient(#ed2f2f,#dd0e0e);background:-o-linear-gradient(#ed2f2f,#dd0e0e);background:linear-gradient(#ed2f2f,#dd0e0e);}

/* Vertical Navigation */
.cateist{ position:relative; font-size:1.167em; font-family:Tahoma, Geneva, sans-serif; line-height:normal;}
.cateist ul{ margin:0; padding:0; list-style:none;}
.cateist li{ position:relative; margin:0 0 -1px 0; vertical-align:top; *zoom:1;}
.cateist li a{ display:block;position:relative; padding:12px 10px; text-decoration:none; color:#fff; font-weight:bold; background:#222; border-top:1px solid #000;border-bottom:1px solid #000; *zoom:1;}
.cateist li a .i{ position:absolute; top:50%; left:100%; margin:-4px 0 0 -16px; width:8px; height:8px; color:#ccc; background:url(./img/categoryarrow.gif) no-repeat left top;}
.cateist li ul{ padding:3px 0; background:#5A5C69;}
.cateist li li{ margin:0;}
.cateist li li a{ display:block; font-weight:normal; background:#000; padding:10px 5px; border:0;}
.cateist li li a span{ color:#fff;}
.cateist li.active{ border-top:1px solid #2c2e3c;border-bottom:1px solid #2c2e3c; z-index:999999;}
.cateist li li.active{ border:0;}
.cateist li.active a{ color:#fff; border:0;}
.cateist li.active .i{ background-position:0 -44px;}
.cateist li.active li a{ border:0;}
.cateist li.active ul{ display:block; border-top:1px solid #2c2e3c;}
.cateist li.active li.active a span{ color:#fff; font-weight:bold; letter-spacing:-1px;}

#msgnb_close { background:#000;}

/* page title */
#container_title {}

.sct_wrap header {text-align:center; margin-bottom:5%;}
.sct_wrap header p.line {width:15px; height:1px; background:#000; margin:2% auto 3%;}
.sct_wrap header p.eng {font-family: OpenSans-Semibold; font-size:11px; color:#191818; letter-spacing:0.38em; line-height:1.50em; background:#fff;}
.sct_wrap header h2 {font-family: NanumSR; font-size:11px; color:#898989; letter-spacing:0.1em; line-height:1.50em; width:100%; font-weight:normal;}

/* visual
.mainVisual {position:relative;float:left; padding:0px 0 0 0;margin:0; width:100%;height:185px; overflow:hidden; border:0px solid #f00 }
.mainVisual .visualBg {height:185px; margin:0 auto;  position:absolute; top:0;  left:0; width:100%; z-index:500; text-indent:-2000%; }
.mainVisual .visualBg1 {}
.mainVisual .visualBg2 {}
.mainVisual .visualBg3 {}
.mainVisual .controller{width:1400px; position:relative;  z-index:600; margin:0 auto; }
.mainVisual .controller .btns {position:absolute; top:0px; width:100%;}
.mainVisual .controller .btns .next {float:right;}
.mainVisual .controller2{width:120px; position:relative; text-align:center; z-index:600; margin:70px auto}
.mainVisual .controller2 .visualTxt{padding: 0 0 0 99px; }
.mainVisual .controller2 .rollBtnD {position:absolute; top:100px; left:28px;}
*/

#banner2 {position:relative; width:100%; margin-top:3%; margin-bottom:3%; overflow:hidden;}
#banner2 p {float:left; width:50%;}
#banner2 p img {width:100%;}

#banner3 {position:relative; width:100%;margin-top:3%; overflow:hidden;}
#banner3 p {float:left; width:33.33333%;}
#banner3 p img {width:100%;}

#mv2 { position: relative; clear: both; overflow:hidden; margin-bottom:0; }
#mv2 img { width: 100%; }

/*quick*/
#moblie_quick {position:relative; width:95%; padding:0 2.5%; background:#1d1d1d;}
#moblie_quick ul {height:85px; clear:both;}
#moblie_quick li {float:left; width:16.66666666666666667%; text-align:center; padding-top:50px; font-family: NanumBarunGothic; color:#fff; font-size:0.80em; line-height:1.20em;}
#moblie_quick li.mobile_q1 { background:url(/img/m/mq01.png) no-repeat center 17px; background-size:auto 28px;}
#moblie_quick li.mobile_q2 { background:url(/img/m/mq02.png) no-repeat center 17px; background-size:auto 28px}
#moblie_quick li.mobile_q3 { background:url(/img/m/mq03.png) no-repeat center 17px; background-size:auto 28px;}
#moblie_quick li.mobile_q4 { background:url(/img/m/mq04.png) no-repeat center 17px; background-size:auto 28px;}
#moblie_quick li.mobile_q5 { background:url(/img/m/mq05.png) no-repeat center 17px; background-size:auto 28px;}