@charset "utf-8";

@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:100;
  src: url(../css/font/NotoSansKR-Thin.woff2) format('woff2'),
       url(../css/font/NotoSansKR-Thin.woff) format('woff'),
       url(../css/font/NotoSansKR-Thin.otf) format('opentype');}
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:300;
  src: url(../css/font/NotoSansKR-Light.woff2) format('woff2'),
       url(../css/font/NotoSansKR-Light.woff) format('woff'),
       url(../css/font/NotoSansKR-Light.otf) format('opentype');}
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:400;
   src: url(../css/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../css/font/NotoSansKR-Regular.woff) format('woff'),
        url(../css/font/NotoSansKR-Regular.otf) format('opentype'); }
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:500;
   src: url(../css/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(../css/font/NotoSansKR-Medium.woff) format('woff'),
        url(../css/font/NotoSansKR-Medium.otf) format('opentype'); }
@font-face{font-family: 'Noto Sans KR';font-style:normal;font-weight:700;
   src: url(../css/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(../css/font/NotoSansKR-Bold.woff) format('woff'),
        url(../css/font/NotoSansKR-Bold.otf) format('opentype'); }

/* defult */
html {-webkit-text-size-adjust: none;}
html>/**/body {overflow-y:scroll;}
body,textarea,select,table,button {font-family: 'Noto Sans KR', sans-serif; font-size:12px;color:#5f5f5f;margin:0;padding:0;}
img {border:0;vertical-align:middle;}
ul,ol {margin:0;padding:0;list-style:none;}
td{ text-decoration:none; color:#5f5f5f}
dl,dl dt,dl dd,form,p {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0; list-style:none;}
fieldset {margin:0;padding:0;border:0;}
legend {position:absolute;visibility:hidden;overflow:hidden;height:0;line-height:0;width:0;margin:0;padding:0;font:0/0 Arial;}
caption {visibility:hidden;overflow:hidden;height:0;line-height: 0;width:0;margin:0;padding:0;font:0/0 Arial;}
hr {display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;margin:0;}
a {text-decoration:none;color:#5f5f5f;}
a:hover,a:focus,a:active {text-decoration:none;color:#5f5f5f;}
/* table {table-layout:fixed;} */
input {color:#888;overflow:visible;vertical-align:middle;}
select,label {padding:0;margin:0;vertical-align:middle;}
em,address {font-style:normal;}
textarea {vertical-align:top;margin:0;padding:0;}
object,param {padding:0;margin:0;line-height:0;}
section, article, header, footer, hgroup, figcaption, figure {display:block;}


/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}
/*ico*/
.ico_clip{ display: inline-block; *display: inline; *zoom: 1; background: url(/images/ico/ico_clip.gif) right top no-repeat; padding-right: 20px; line-height: 15px; }

select.menu_search {height:18px; line-height:18px; border:1px solid #bebebe; margin:0 3px 0 0 ; }
input.text_search {height:18px; line-height:18px; border:1px solid #bebebe;  margin:0 3px 0 0; }



#header_menu {background:#090c38; height:40px;}
#header_menu .head_m {width:100%; max-width:1200px; margin:0 auto; text-align:right; font-size:0;}

.head_m li {display:inline-block; *display:inline; *zoom:1; margin-top:9px; }

.head_m li.b_bt1 { text-align:center;}
.head_m li.b_bt1 a {background:#e7c629; padding:12px 40px; font-size:13px;color:#000;font-weight:400; }
.head_m li.b_bt1 a:hover {background:#e7c629;color:#fff;}

.head_m li.b_bt2 { text-align:center;}
.head_m li.b_bt2 a {background:#00c2ab; padding:12px 40px; font-size:13px;color:#fff;font-weight:400; }
.head_m li.b_bt2 a:hover {background:#00c2ab;color:#fff;}

.head_m li.b_bt3 { text-align:center;}
.head_m li.b_bt3 a {background:#6d6d6d; padding:12px 40px; font-size:13px;color:#fff;font-weight:400; }
.head_m li.b_bt3 a:hover {background:#090c38;color:#fff;}


/*header*/
#header {width:100%; position:absolute; z-index:99; padding:0px 0; box-sizing: border-box; }
#header .head:after{display:block;content:"";clear:both;height:100px;}
#header .head {width:100%; max-width:1200px; margin:0 auto;}
#header .head .left {float:left; width:14%; }
#header .head .left a img {margin-top:0;}
#header .head .right {float:right; width:86%; margin-top:35px;}
#header .head .right > ul {font-size:0; width:100%; text-align:right;}
#header .head .right > ul li {display: inline-block; vertical-align: middle; margin-right:45px;position:relative;}
/* #header .head .right > ul li:last-of-type {margin-right:0;} */
#header .head .right > ul li a {font-size:14px; line-height: 34px; letter-spacing: -0.005em; color:#000; font-weight: 600; }
#header .head .right ul li ul.dep02{position:absolute;width:265px;left:-35px; top:65px;background-color:rgba(0,0,0,0.7);}
#header .head .right ul li ul.dep02 li{display:block;height:40px;width:100%;text-align:left;padding:15px 20px 0;box-sizing:border-box;}
#header .head .right ul li ul.dep02 li a{line-height:1;color:#fff; font-weight: 400; font-size:12px;}
#wrap.sub #header{background-color:rgba(35,35,35,0.95);}




#main_visual{width:100%; position:relative; min-width:1200px; height:523px; margin-top:100px; background:url("/img/main_bg.jpg") center top no-repeat;}
#main_visual ul.mv{height:100%; }
#main_visual ul.mv li{width:100%; height:100%; position:relative; overflow:hidden;}
#main_visual ul.mv li > img{position:relative; left:50%; width:auto; height:100%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0)}

#main_visual .mv li .txt{position:absolute; top:16px; width:535px; left:50%; margin-left:-255px;}

#main_visual .mv li .txt .pick_img {text-align:center; padding-top:110px;}
#main_visual .mv li .txt .pick_txt {text-align:center; padding-top:20px; color:#fff; font-size:37px; font-weight:500; letter-spacing:-0.05em;}
#main_visual .mv li .txt .pick_price {text-align:center; padding-top:0px; color:#e4ff00; font-size:44px; font-weight:900;}


#main_visual .bx-wrapper{height:100%; position:relative; }
#main_visual .bx-wrapper .bx-viewport{height:100% !important;}
#main_visual .bx-pager {position:absolute; bottom:150px; left:50%; background:url("/img/dot_bg.png") center top no-repeat; height:203px; margin-left:550px; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0)}
#main_visual .bx-pager .bx-pager-item{vertical-align:middle; padding-left:4px; }
#main_visual .bx-pager .bx-pager-item a{display:block; width:16px; height:16px; margin-right:7px; background:url("/img/dot_off.png") center top no-repeat; text-indent:-9999px;}
#main_visual .bx-pager .bx-pager-item a.active{ width:16px; height:16px; background:url("/img/dot_on.png") center top no-repeat;}
#main_visual .bx-pager .bx-pager-item:first-of-type{margin-top:60px; margin-bottom:15px;}
#main_visual .bx-pager .bx-pager-item:last-of-type{margin-top:15px; }

#main_visual .bx-controls-direction a{position:absolute; top:286px; left:50%; display:block; width:58px; height:58px; text-indent:-9999px;}
#main_visual .bx-controls-direction a.bx-prev{margin-left:-788px; background:url("/img/mv_prev.png") center top no-repeat;}
#main_visual .bx-controls-direction a.bx-next{margin-left:730px;background:url("/img/mv_next.png") center top no-repeat;}


.visual-m-in{ position:absolute;display:table;width:100%; min-width:1200px;height:auto; z-index:100;}
.visual-m-txt {width:1000px;height:94px; margin:0 auto; text-align:right;color:#fff; padding:0; }
.visual-m-txt h2 { font-weight: 600; font-size: 45px; color:#fff; line-height:1.0em; margin-top: 230px;  text-transform: uppercase; letter-spacing:-0.05em;}
.visual-m-txt p { font-size: 20px; margin-top: 15px; line-height:22px; color:#70d2ff; font-weight:200; opacity:.8;}


.m_contents
.mcon {width:1200px; height:610px; margin:0 auto; text-align:left;}
.mcon_b {height:610px; text-align:left; background:url("/img/pro_bg.gif") left top no-repeat;}



/*mcon01*/
.mcon01 {position:relative; min-width:1200px; margin-top:10px;}
.mcon01:after {display:block; clear:both; content:'';}
.mcon01 > div {height:610px;}
.mcon01 .left {float:left; width:calc(50% - 365px); background:#0a0e3f url('/img/pro_bg.gif') no-repeat right top; overflow:hidden;}
.mcon01 .right {float:right; width:calc(50% + 365px); }
.mcon01 .left .inner {position:relative; top:100px; float:right; max-width:236px; padding-right:20px;}
.mcon01 .left .inner h2 {text-transform: uppercase; margin:0; font-size:35px; font-weight:700; letter-spacing:-0.02em; color:#fff; line-height:1em;}
.mcon01 .left .inner h2 span {display:block; color:#2ff7ff;}
.mcon01 .left .inner p {margin-top:34px; color:#fff; font-size:15px; font-weight:200;}
.mcon01 .left .inner p span { color:#2ff7ff;}
.mcon01 .left .inner .bottom {margin-top:70px;}
.mcon01 .left .inner .bottom span {display:block; margin-top:25px; color:#fff; font-size:16px; font-weight:300;}

.mcon01 .right .inner {max-width:1000px;}
.mcon01 .right .inner ul {position:relative; top:-50px; margin:0; padding:0 1%;}
.mcon01 .right .inner ul li {position:relative; top:50px; float:left; width:311px; background: url('/img/pro_bg1.gif') no-repeat right top; height:610px;}
.mcon01 .right .inner ul li a {position:relative; display:block; width:100%; height:100%; box-sizing:border-box; padding:0px; text-align:center;}
.mcon01 .right .inner ul li a .tit {font-size:25px; color:#000; font-weight:500; line-height:1.4em; padding-top:40px;}
.mcon01 .right .inner ul li a .txt {margin-top:10px; font-size:15px; color:#333; font-weight:200;}
.mcon01 .right .inner ul li a .bot_txt {position:absolute; bottom:42px; left:0; width:100%; font-size:15px; font-weight:200; color:#333; box-sizing:border-box;}
.pimg {padding-top:10px;}

.mcon01 .right .inner ul li:nth-of-type(2n) {margin-right:0;background: url('/img/pro_bg2.gif') no-repeat right top; margin:0 10px;}
.mcon01 .right .inner ul li:nth-of-type(2n) a {position:relative; display:block; width:100%; height:100%; box-sizing:border-box; padding:0px; text-align:center;}
.mcon01 .right .inner ul li:nth-of-type(2n) a .tit {font-size:25px; color:#fff; font-weight:500; line-height:1.4em; padding-top:40px;}
.mcon01 .right .inner ul li:nth-of-type(2n) a .txt {margin-top:10px; font-size:15px; color:#fff; font-weight:200;}
.mcon01 .right .inner ul li:nth-of-type(2n) a .bot_txt {position:absolute; bottom:42px; left:0; width:100%; font-size:15px; font-weight:200; color:#333; box-sizing:border-box;}

.mcon01 .right .inner ul li:hover {background:#e1e1e1;}
.mcon01 .right .inner ul li:hover .tit {color:#333}
.mcon01 .right .inner ul li:hover .txt {color:#333}


.mcon01 .right .inner ul li:nth-of-type(2n):hover {background:#0cb1c0;}
.mcon01 .right .inner ul li:nth-of-type(2n):hover .tit {color:#fff}
.mcon01 .right .inner ul li:nth-of-type(2n):hover .txt {color:#fff}
.mcon01 .right .inner ul li:nth-of-type(2n):hover .bot_txt {color:#fff;}




/*mcon02*/
.mcon02 {position:relative; min-width:1200px; }
.mcon02-1 {width:1200px; margin:0 auto;}
.mcon02:after {display:block; clear:both; content:'';}
.mcon02 .left {float:left; width:calc(50% - 165px); width:840px;}
.mcon02 .right {float:right; width:calc(50% + 165px); width:355px;}

.mcon02 .left .inner {position:relative; top:40px; float:right; }

.mcon02 .left a {float:left; margin-right:128px;}

.mcon02 .left .inner li {text-align:center;}
.mcon02 .left .inner li.t1 {font-size:20px; font-weight:500; color:#000; letter-spacing:-0.9px; border-bottom:1px solid #e3e3e3; padding-top:20px; padding-bottom:10px;}
.mcon02 .left .inner li.t2 {font-size:15px; font-weight:100; color:#000; padding-top:10px;}

.mcon02 .right .inner {margin-top:55px;}
.mcon02 .right .inner h2 {padding-bottom:38px; font-size:20px; font-weight:500; color:#000; letter-spacing:-1px;}
.mcon02 .right .inner ul {position:relative; top:-50px; margin:0; padding:0 1%;}
.mcon02 .right .inner ul.num {margin-top:40px; background: url('/img/icon_c.gif') no-repeat left 16px; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; padding:10px 0;}
.mcon02 .right .inner ul.num li {padding-left:60px; font-size:35px; font-weight:500; color:#000; letter-spacing:-2px;}

.mcon02 .right .inner ul.num2 {margin-top:20px;}
.mcon02 .right .inner ul.num2 li {font-size:19px; font-weight:200; color:#000;}



#m_footer {position:relative; width:100%; min-width:1200px; height:150px; background:#2f3338;}
.footer {width:1200px; margin:0 auto; padding:40px 0; text-align:center;}
.footer ul.foot1 {float:left; width:1150px;}
.footer ul.foot2 {float:right; width:48px; padding-top:10px; }
.footer ul li {color:#c8ccd1; opacity:.8; font-size:15px; font-weight:200; line-height:25px;}