@charset "utf-8";

@font-face {
  font-family: 'NotoSansL';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSansR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSansM';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSansB';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
 font-family: 'NotoSansBl';
 font-style: normal;
 font-weight: 900;
 src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

body {line-height:1; font-family:'NotoSansR'; font-size:14px; -webkit-text-size-adjust: none; padding:0; margin:0;}

.inner {position:relative; width:974px; margin:0 auto; display:block;}

.main_vb {position:relative; width:100%; height:660px; background:url(/imgs/main_vb.jpg) center center no-repeat;}
.sub_vb {position:relative; width:100%; height:350px; background:url(/imgs/sub_vb.jpg) center center no-repeat;}

#header {position:relative; width:100%; height:80px; display:inline-block;}
#header h1 {position:absolute; top:35px; left:0; z-index:9999; margin:0; }

#header .gnb_wrap {position:relative; width:100%; display: inline-block;}
#header .gnb_wrap .top_menu {position:relative; width:100%; text-align:right; margin:0; padding:0; padding-top:16px;}
#header .gnb_wrap .top_menu > li {display:inline-block; list-style: none;}
#header .gnb_wrap .top_menu > li > a {position:relative; font-family:'NotoSansM'; color:#ffdc3a; font-size:12px; padding:0 5px; line-height:0; text-decoration: none;}
#header .gnb_wrap .top_menu > li:last-child > a {padding:0 0 0 5px;}
#header .gnb_wrap .top_menu > li:last-child > a:after {display:none;}

#header .gnb_wrap .gnb {position:relative; float:right; margin:0; line-height:1;}
#header .gnb_wrap .gnb > li {float:left; display:inline-block; }
#header .gnb_wrap .gnb > li > a {position:relative; font-family:'NotoSansM'; color:#fff; font-size:14px; padding:15px 10px 11px; display: inline-block;}
#header .gnb_wrap .gnb > li:last-child > a {padding:15px 0 11px 10px;}
#header .gnb_wrap .gnb > li:last-child > a:after {display:none;}
#header .gnb_wrap .gnb > li > a:hover, .header .gnb_wrap .gnb > li > a.on {color:#ffd700; font-family:'NotoSansBl'; text-decoration: none;}
#header .gnb_wrap .gnb > li.on > a {color:#ffd700; font-family:'NotoSansBl';}

.sub_menu {display:none; position:absolute; width:100%; top:40px; left:0; z-index:9001; background:#006699;}
.sub_menu ul {margin:0; padding:0;}
.sub_menu.sub01 ul {padding-left:12px;}
.sub_menu.sub02 ul {padding-left:85px;}
.sub_menu.sub03 ul {padding-left:27px;}
.sub_menu li {position:relative; display:inline-block;}
.sub_menu li a {position:relative; font-family:'NotoSansR'; font-size:12px; color:#fff; padding:7px 5px; display: inline-block; text-decoration: none;}
.sub_menu li:hover a, .sub_menu li a:focus, .sub_menu li a:hover {font-family:'NotoSansM'; color:#fff;}

.contents.main {margin-top:35px;}
.contents.sub {margin-top:40px;}


.leftWrap {position:relative; width:197px; background:url('/imgs/left_bg.jpg'); display: inline-block;}
.leftMenu_wrap {position:relative; width:197px; display: inline-block;}
.leftMenu_wrap > .leftMenu_tit {width:100%; background:url('/imgs/leftMenu_bg.jpg'); border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:18px; color:#045397; font-family: 'NotoSansBl'; display:inline-block; box-sizing: border-box;}
.leftMenu_wrap > .leftMenu_tit.line01 {line-height:1; padding:32px 0 32px 18px;}
.leftMenu_wrap > .leftMenu_tit.line02 {line-height:1.3; padding:18px 0 18px 18px;}
.leftMenu_wrap > ul {width:100%; box-sizing: border-box;}
.leftMenu_wrap > ul > li { background:url('/imgs/leftMenu_bg.jpg'); border-bottom:1px solid #e5e5e5;}
.leftMenu_wrap > ul > li > a {width:100%; font-size:12px; color:#333; font-family:'NotoSansR'; padding:11px 0px 11px 18px; display:inline-block;  letter-spacing:-0.05em; box-sizing: border-box; text-decoration: none;}
.leftMenu_wrap > ul > li.on > a {background:#298aaf; color:#fff; font-family:'NotoSansB';}
.leftMenu_wrap > ul > li > a:hover {background:#298aaf; color:#fff; font-family:'NotoSansB';}
.left_tit_wrap {background:#20a3db; color:#fff;font-family:'NotoSansB'; font-size:16px; padding:10px 0 10px 20px;}

.leftSubMenu {position:relative; width:197px; padding:10px 0; display:none;}
.leftSubMenu.on {display:inline-block;}
.leftSubMenu > li {width:100%; display:inline-block;}
.leftSubMenu > li > a {width:100%; font-size:12px; color:#333; font-family:'NotoSansR'; padding:5px 0px 5px 18px; display:inline-block; letter-spacing:-0.05em; box-sizing: border-box; text-decoration: none;}
.leftSubMenu > li.on > a, .leftSubMenu > li > a:hover {font-family:'NotoSansB';}

.leftWrap .tel {padding:20px 0 200px 12px;}

.titleWarp {position:relative; width:100%; display:inline-block;}
.titleWarp .titleTxt {position:absolute; left:15px; bottom:20px; font-size:24px; font-family:'NotoSansB'; color:#666666; letter-spacing:-0.05em;}

.sliderProduct {position:relative; width:350px; height:136px; background:url('/imgs/newproduct_bg.jpg') no-repeat; padding:30px 15px 10px;}
.sliderProduct .slick-dots {position:absolute; top:-3px; right:0; padding-left:108px;}
.sliderProduct .slick-dots li {display:inline-block; padding-right:3px;}
.sliderProduct .slick-dots li > button {width:24px; height:24px; color:#2254ba; font-family:'NotoSansM'; border-radius:50%; font-size:12px; line-height:0; outline:0; background:#fff; border:1px solid #cacaca; cursor:pointer; margin-right:3px;}
.sliderProduct .slick-dots li.slick-active > button {background:#2254ba; color:#fff;}