@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';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: 'Noto Sans KR';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: 'Noto Sans KR';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: 'Noto Sans KR';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: 'Noto Sans KR';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');}

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0;}

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

html,body {width:100%; max-width:1920px; height:100%; margin:0 auto; padding:0;}
a {text-decoration:none;color: inherit;}
a:link, a:visited {text-decoration:none;color: inherit;}
a:hover, a:focus, a:active {text-decoration:none;}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, sub {font-size:inherit;}
td,th {border:0 none;}
address,strong{font-style:normal;font-weight:normal;}
textarea{font-size:12px;}
fieldset,img,abbr,acronym {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;}

img,fieldset,iframe {border:0;}
img,fieldset {border:none;}
/*img {max-width:100%;}*/
img {border:0 !important}
img, input, button, select, textarea {vertical-align:middle;}
input[type=text],input[type=password],input[type=submit],textarea {border:1px solid #ddd;border-radius:3px;height:30px;padding:0 10px;vertical-align:top;box-sizing:border-box;-webkit-appearance: none;}
textarea {padding:10px;}
select {border:1px solid #ddd;border-radius:3px;height:30px;padding:0 10px;vertical-align:top;box-sizing:border-box;}
hr {overflow:hidden;position:absolute;top:0;left:0;}
ol,ul {list-style:none}
q:before, q:after {content:''}
caption, legend {overflow:hidden;font-size:0;line-height:0;height:0;width:0;text-indent:-999em;}
/*.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}*/
hr {visibility:hidden;font-size:0;width:0;height:0;line-height:0;}
/*select::-ms-expand { display: none; }*/

/* form element */
form {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:0 none;}
.ie7 legend {position:absolute;left:-99999px;top:-9999px;display:inline;width:1px;height:1px;text-indent:0;}
label {cursor:pointer;margin:0;padding:0;vertical-align:middle}
caption {overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
button {cursor:pointer;border:0 none;}
button,input,textarea {margin:0;outline:none;}
input[type='checkbox'],input[type='radio'] {margin:0; padding:0;margin-top:-3px;}
/*=================================================
		폰트
=================================================*/
*,
html,
body{
	font-family:'Noto Sans KR','Nanum Gothic','malgun gothic',Myriad Pro,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
}
/*=================================================
		일반
=================================================*/
/*****#####===== A 링크 =====#####*****/
a{
	color: inherit;
	text-decoration: none;
	font-family: inherit;
}

a:hover,
a:active,
a:after,
a:visited,
a:focus,
button:hover,
button:active,
button:after,
button:visited,
button:focus{
	color: inherit;
	text-decoration: none;
	outline: none; 
}
.clear {clear:both;}
.hidden {overflow:hidden;}
.w1200 {width:1200px;margin:0 auto;}
.w1280 {width:1280px;margin:0 auto;}
.w1000 {width:1000px;margin:0 auto;}
.m {display:none;}

//::-webkit-scrollbar {display:none;}
//html {
   /*IE가 넘칠 때 스크롤 막대를 숨기면 여전히 스크롤 가능*/
   -ms-overflow-style:none;
}
/*Chrome 숨겨진 스크롤 막대, 오버플로 투명 스크롤 가능*/
//html::-webkit-scrollbar{width:0px}

#quick {position:fixed;top:166px;left:50%;z-index:111;margin-left:732px;}
#quick ul li {position:relative;}
#quick ul li span {display:none;}
#quick ul li:hover span {display:block;position:absolute;top:0;right:100px;}
#quick ul li.top {margin-top:10px;}

.video_mp4 {position:fixed;left:0;top:0;width:100%;height:100%;z-index:11111;}
.video_mp4 .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.48);}
.video_mp4 .close {position:absolute;left:50%;top:50%;margin:-313px 0 0 437px;width:43px;height:43px;cursor:pointer;}
.video_mp4 .video {position:absolute;left:50%;top:50%;margin:-260px 0 0 -480px;width:960px;height:540px;}

#warp {width:100%;min-width:1280px;position:relative;letter-spacing:-0.5px;}
#header {width:100%;max-width:1920px;border-bottom:2px solid #ff8400;position:relative;z-index:111;}
#header .top {height:45px;background:#f2f2f2;}
#header .top .con {width:1280px;margin:0 auto;}
#header .top .con .left {float:left;padding-top:15px;font-size:15px;color:#66666b;line-height:18px;}
#header .top .con .right {float:right;padding-top:14px;}
#header .top .con .right ul li {float:left;font-size:15px;color:#666;line-height:18px;position:relative;padding-left:15px;margin-left:15px;}
#header .top .con .right ul li:before {content:'';position:absolute;top:2px;left:0;width:1px;height:15px;background:#cbd0d4;}
#header .top .con .right ul li:first-child:before {display:none;}
#header .top .con .right ul li .btn {padding:0 25px 0 0;background:url(../images/top_icon1.png) no-repeat right center;cursor:pointer;}
#header .top .con .right ul li .absolute {display:none;position:absolute;top:24px;left:15px;right:0;z-index:11;border-radius:3px;border:1px solid #eee;background:#fff;padding:5px 15px;}
#header .top .con .right ul li .absolute a {display:block;line-height:24px;}
#header .head {width:1280px;height:100px;margin:0 auto;}
#header .head .logo {float:left;padding-top:27px;}
#header .head .menu {float:right;padding-top:35px;padding-right:10px;position:relative;}
#header .head .menu > ul > li {float:left;padding:0 40px 25px;position:relative;}
#header .head .menu > ul > li > a {display:block;font-size:20px;color:#000;line-height:30px;}
#header .head .menu > ul > li > ul {opacity:0;visibility:hidden;transition:all .25s;transform:translate3d(0,15px,0);position:absolute;top:50px;left:-10px;right:-10px;background:#ff9500;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 12%);border-radius: 4px;padding:15px 0;}
#header .head .menu > ul > li > ul:after{content:"";position:absolute;left:50%;top:-5px;margin-left:-3px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #ff9500}
#header .head .menu > ul > li:hover > ul {opacity:1;visibility:visible;transform:translate3d(0,0,0);z-index:20;}
#header .head .menu > ul > li > ul li {font-size:15px;color:#fff;line-height:20px;text-align:center;padding:9px 5px;}
#header .head .menu > ul > li > ul li:hover {transition:.3s;color:#000;}
#header .head .menu .allBtn {font-size:20px;color:#000;line-height:30px;cursor:pointer;}
#header .head .menu .allCon {display:none;position:absolute;top:77px;left:-10px;right:-10px;z-index:11;background:#f7f7f7;border-top:5px solid #ff8400;padding:15px 0;overflow:hidden;}
#header .head .menu .allCon > ul {float:left;width:148px;}
#header .head .menu .allCon > ul:first-child {padding-left:157px;}
#header .head .menu .allCon > ul:nth-child(3) {width:165px;}
#header .head .menu .allCon > ul li {font-size:15px;color:#000;line-height:20px;text-align:center;padding:9px 5px;}


#footer {background:#232220;overflow:hidden;}
#footer .txt {width:1280px;margin:45px auto 35px;overflow:hidden;}
#footer .txt .c1 {float:left;}
#footer .txt .c2 {float:left;margin-left:15px;}
#footer .txt h3 {font-size:15px;color:#fff;line-height:24px;font-weight:700;}
#footer .txt .con {overflow:hidden;margin-top:10px;}
#footer .txt .con dl {float:left;margin-right:30px;}
#footer .txt .con dl dt {font-size:14px;color:#7f7f7f;line-height:22px;}
#footer .txt .con dl dd {font-size:15px;color:#eaeaea;line-height:32px;padding-top:4px;}
#footer .txt .con dl dd strong {font-size:32px;color:#ff7900;font-weight:900;}
#footer .txt .con dl dd span {display:inline-block;font-size:12px;color:#656565;line-height:16px;padding-left:10px;}
#footer .link {border-top:1px solid #383635;border-bottom:1px solid #383635;}
#footer .link ul {width:1280px;margin:0 auto;overflow:hidden;padding:24px 0;}
#footer .link ul li {float:left;font-size:15px;color:#7f7f7f;line-height:20px;padding-right:30px;}
#footer .link ul li span {color:#ff7900;font-weight:700;}
#footer .foot {width:1280px;margin:40px auto;overflow:hidden;}
#footer .foot .logo {float:left;}
#footer .foot .copy {float:left;padding-left:50px;font-size:13px;color:#656565;line-height:20px;}
#footer .foot .copy span {color:#fff;}
#footer .foot .copy strong {color:#bbb;font-weight:400;}

#sitemap {position:fixed;top:0;left:0;z-index:11111;width:100%;height:100%;}
#sitemap:before {content:'';position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.6);}
#sitemap .box {position:absolute;top:50%;left:50%;z-index:2;margin:-226px 0 0 -500px;width:1000px;height:452px;background:#ededed;border:1px solid #d6d6d6;box-sizing:border-box;padding:0 69px;}
#sitemap .box .close {position:absolute;top:24px;right:24px;width:28px;height:28px;background:url(../images/sitemap_close.png) no-repeat;cursor:pointer;}
#sitemap .box .logo {padding-top:38px;text-align:center;}
#sitemap .box .con {margin-top:35px;border-top:1px solid #8e8e8e;padding-top:40px;text-align:center;}
#sitemap .box .con > ul > li {display:inline-block;vertical-align:top;padding:0 50px;font-size:20px;color:#222;line-height:26px;font-weight:700;}
#sitemap .box .con > ul > li > ul {margin-top:15px;padding-left:13px;text-align:left;position:relative;}
#sitemap .box .con > ul > li > ul:before {content:'';position:absolute;top:10px;bottom:10px;left:0;width:1px;background:#cfcfcf;}
#sitemap .box .con > ul > li > ul li {font-size:16px;color:#5d5d5d;line-height:40px;font-weight:400;}