@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight:100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
     url(../fonts/eot/NotoSansKR-Thin-Hestia.eot),
     url(../fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
     url(../fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'),
     url(../fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight:200;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
     url(../fonts/eot/NotoSansKR-Light-Hestia.eot),
     url(../fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
     url(../fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
     url(../fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
     url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot),
     url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
     url(../fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
     url(../fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
     url(../fonts/eot/NotoSansKR-Regular-Hestia.eot),
     url(../fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
     url(../fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'),
     url(../fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
     url(../fonts/eot/NotoSansKR-Medium-Hestia.eot),
     url(../fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
     url(../fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'),
     url(../fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
     url(../fonts/eot/NotoSansKR-Bold-Hestia.eot),
     url(../fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
     url(../fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'),
     url(../fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
     url(../fonts/eot/NotoSansKR-Black-Hestia.eot),
     url(../fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
     url(../fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'),
     url(../fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}
/*公共*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, dt+dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea, input, select {margin: 0; padding: 0; border: 0; vertical-align: middle; list-style:none; box-sizing: border-box;}

*:after, *:before {box-sizing: border-box;}

body{margin:0; padding:0; width:100%; height: 100%; font-size:12px;}

html{width:100%; height: 100%; overflow-y:scroll; overflow-x:hidden; -webkit-tap-highlight-color:rgba(0,0,0,0);}
*{font-family:'Noto Sans Korean';letter-spacing:-0.5px;}
table   {border-collapse:collapse;}
caption {display:none;}

a, i, u, b, em, del, span, strong, section {vertical-align: 0; font-style: normal; font-weight: normal;}

select {appearance:none; -moz-appearance:none; -webkit-appearance:none;}
select::-ms-expand {display: none;}
select{width: 100%; text-indent: 10px; padding-right: 31px; font: 13px/20px 'Noto Sans Korean'; color: #888; background: url('../img/sub06/icon1.jpg') no-repeat right;}
input{width: 100%; text-indent: 10px; font: 13px/28px 'Noto Sans Korean'; color: #5b5b5b;}

a:link, a:active, a:visited, a:hover, u {text-decoration:none;}

.al        {text-align:left !important}
.ac        {text-align:center !important}
.ar        {text-align:right !important}
.ufl li {float:left;}
.fl {float:left !important;}
.fr {float:right !important;}
.clearfix {zoom:1}
.clearfix:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}

/*@font-face { font-family:NanumGothic; src:url('font/NanumGothic.eot'); src:url('font/NanumGothic.eot') format(eot); }
@font-face { font-family:NanumGothic; src:url('font/NanumGothic.woff'); src:url('font/NanumGothic.woff') format(woff); }
@font-face { font-family:NanumGothic; src:url('font/NanumGothic.ttf'); src:url('font/NanumGothic.ttf') format(ttf); }
*/
/*  'NanumGothic','Helvetica'  */

/* 电脑板 */
@media screen and (min-width: 1025px) {
    .mode_pc {display: block !important;}
    .mode_mobile {display: none !important;}

    /* 头部CSS */
    .header {width: 100%; background: #fff;}
    .head {position: relative; width: 1180px; height: 108px; margin: 0 auto;}
    .head h1{position: absolute; top: 30px; left: 0;}

    .nav{position: absolute; top: 0px; left: 50%; margin-left: -350px; z-index: 11}
    .nav>li{position: relative; float: left;}
    .nav>li>a{display: block; width: 190px; text-align: center; font-size:17px;line-height:108px;font-weight:450;color: #000;}
    .nav>li:hover>a{color: #e60012;}
    .nav>li>ul{display: none; position: absolute; top: 108px; left: 0; background:#dcdcdc; width: 190px; padding: 0px 0;}
    .nav>li>ul > li > a{display: block; font: 15px/50px 'Noto Sans Korean'; color: #000; text-align: center;font-weight: 450;border-bottom:1px solid #bcbcbc;}
	.nav>li>ul > li > div > a{display: block; font: 15px/50px 'Noto Sans Korean'; color: #000; text-align: center;font-weight: 350;}
    .nav>li>ul a:hover{color:#fff;background:#c83734;font-weight:600}
    .nav>li:hover>ul{display: block;}
    .nav .sub_sub{padding: 0 40px;display:none;}
    .nav .sub_sub a{font: 12px/20px 'Noto Sans Korean'; color: #000}

    .head .top_menu {position: absolute; top: 44px; left: 900px;}
    .head .top_menu span{display: block; float: left;font: 12px/20px 'Noto Sans Korean'; color: #000; margin: 0 5px;}
    .head .top_menu a{display: block; float: left; font: 12px/20px 'Noto Sans Korean'; color: #000; margin: 0 5px;}

    .head .top_lng {position: absolute; top: 44px; left: 1100px; display: block; font: bold 12px/20px 'Noto Sans Korean'; color: #000;}
    .head .top_lng img{margin-right: 5px;}

    .contaner {width: 100%;}
    .content {position: relative; width: 1180px; margin: 0 auto; padding: 60px 0;}

    /* 尾部CSS */
    .footer {width: 100%; background: #333;}
    .foot {width: 1180px; height: 184px; margin: 0 auto; text-align: center;}
    .foot .foot_bt{border-bottom: 1px solid #484848; height: 83px;}
    .foot .foot_bt .foot_btn{padding-top: 43px;}
    .foot .foot_bt .foot_btn a{position: relative; display: inline-block; font:  13px/22px 'Noto Sans Korean'; color: #888; margin: 0 8px;font-weight:450;}
    .foot .foot_bt .foot_btn a:first-child:before{display: none;}
    .foot .foot_bt .foot_btn a:before{content: '\20'; position: absolute; top: 6px; left: -9px; width: 1px; height: 10px; background: #999;}
    .foot .foot_txt{font: 12px/18px 'Noto Sans Korean'; color: #767676; margin-top: 20px;font-weight:350;}
}

/* 小电脑 */
@media screen and (max-width: 1600px) {
}

/* 手机版 */
@media screen and (max-width: 1024px) {
    .mode_pc {display: none !important;}
    .mode_mobile {display: block !important;}

    /* 头部CSS */
    .header {position: relative; width: 100%; background: #fff; z-index: 13}
    .head {position: relative; width: 100%; height: 6rem; margin: 0 auto;}
    .head h1{position: absolute; top: 1.7rem; left: 1rem; width: 8rem;}
    .head h1 img{width: 100%;}

    .nav{display: none; position: absolute; top: 6rem; right: 0; background: #fff; border-top: 1px solid #ddd; width: 15rem; height: 100%; text-align: center; z-index: 12}
    .nav>li>a{display: block; width: 100%; border-bottom: 1px solid #ddd; font: bold 1.2rem/3rem 'Noto Sans Korean'; color: #000;}
    .nav>li>ul{display: block; background: #f6f6f6; border-bottom: 1px solid #ddd; width: 100%; padding: .5rem 0;}
    .nav>li>ul a{display: block; font: 1rem/2rem 'Noto Sans Korean'; color: #444;}
    .nav>li>ul a:hover{font-weight: bold;}
    .nav>li:hover>ul{display: block;}
    .nav .sub_sub{ background: #eee; padding: .5rem 0;}
    .nav .sub_sub a{font: .8rem/1.1rem 'Noto Sans Korean'; color: #666;}

    .top_lng {position: absolute; top: 1.7rem; left: 14rem; display: block; font: bold 1rem/2.5rem 'Noto Sans Korean'; color: #000;}
    .top_lng img{margin-right: .5rem; width: 1rem;}

    .nav_bt {position: absolute; top: 1.4rem; right: 1rem; display: block; padding: 1rem .5rem;}

    .black {display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 11;}

    .contaner {width: 100%;}
    .content {position: relative; width: 100%; margin: 0 auto; padding: 3rem 0;}


    /* 尾部CSS */
    .footer {width: 100%; background: #333;}
    .foot {width: 100%; height: 10rem; margin: 0 auto; text-align: center;}
    .foot .foot_bt{border-bottom: 1px solid #484848; height: 4rem;}
    .foot .foot_bt .foot_btn{padding-top: 1rem;}
    .foot .foot_bt .foot_btn a{position: relative; display: inline-block; font: bold .9rem/2rem 'Noto Sans Korean'; color: #888; margin: 0 .5rem;}
    .foot .foot_bt .foot_btn a:first-child:before{display: none;}
    .foot .foot_bt .foot_btn a:before{content: '\20'; position: absolute; top: .65rem; left: -.6rem; width: 1px; height: .8rem; background: #999;}
    .foot .foot_txt{font: .8rem/1.2rem 'Noto Sans Korean'; color: #767676; margin-top: 1rem;}
}

/* 客户脑洞 */
@media screen and (min-width: 1900px) {
}