@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* link css */
@import url("sub.css");
@import url("main.css");
@import url("nivo-slider");


/* 기본 베이스 */
html,body{width:100%;height:100%;line-height: 150%;}
html{overflow-y:scroll}
/*div{position: relative;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:Nanum Gothic, '나눔고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;color:#383d41}
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#111;text-decoration:none}
/*a:hover{color:#111;text-decoration:underline}*/
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
.blind{display: block;position: absolute;top: -9999em;left: 0;}
.skip a{display: block;position: absolute;left: 0;top: -9999em;z-index: 9999;width: 100%;background: lime;color: black;font: 1.8em/3em arial,sans-serif;}
.skip a:focus{top: 0;}
.ff{zoom: 1;}
.ff:after{clear: both;content: '';display: block;}
.ff > li{float: left;}



/* common css 영역*/
body{min-width: 1100px;}
.wrap{width: 1040px; margin: 0 auto; position: relative;}

/* header 영역 */
.header_relative{position: relative;}
#header{position: absolute;width: 100%;top: 20px; z-index: 1;}
#header .wrap{background: url(../images/common/dropshadow_bar.png) repeat-x 0 66px;height: 69px;}
#header .logo{position: absolute;left: 0; top: 0;border: 1px solid #ddd;border-right: 0;z-index: 3}
#header .gnb > ul{height: 64px;zoom: 1;margin-left: 135px;border: 1px solid #ddd;background-color: #fff;}
#header .gnb > ul:after{clear: both;content: '';display: block;}
#header .gnb > ul > li{float: left;text-align: left;position: relative;background: #fff;height: 100%; font-weight:bold;}
#header .gnb > ul > li a{height: 100%;display: inline-block;width: 150px;border-right: 1px solid #ddd;box-sizing:border-box;padding:22px 20px 24px;font-size: 13px;z-index: 7}
#header .gnb > ul > li.last a{border-right: 0;}
#header .gnb > ul > li a > span{position: relative;}
#header .gnb ul li .facebook_btn a{height: auto;padding:0px;width: 30px;position: absolute; top: 18px; right: 35px;z-index: 10;}
#header .gnb ul li .blog_btn a{height: auto;padding:0px;width: 30px;position: absolute; top: 18px; right: 0;z-index: 10;}
.fix {position:fixed !important;top: 0px !important;z-index:999;}
.fix02 {position:absolute !important;bottom: 0px !important;z-index:999;}

#header .in_dep{display: none;}

#header .gnb > ul > li::after{
    border-top: 3px solid #AE0001;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -3px;
    transform: translateY(-10px);
    transition: all 0.3s ease 0s;
    width: 100%;
	z-index: -1;
}
#header .gnb ul li:hover::after{
    opacity: 1;
    transform: translateY(0px);
}
#header .gnb > ul > li.active:after{
     opacity: 1;
    transform: translateY(0px);   
}
#header .gnb > ul > li.active span.point_i{
     border-color: #AE0001;
    width: 100%;   
}

#header .gnb ul li span.point_i{
    border-bottom: 2px solid #cccccc;
    display: inline-block;
    float: left;
    left: 0px;
    position: absolute;
    top: 20px;
    transition: all 0.3s ease-out 0s;
    width: 20px;	
}
#header .gnb ul li:hover span.point_i{
    border-color: #AE0001;
    width: 100%;
}
#header .in_dep{background: #AE0001;width: 150px; padding: 10px;box-sizing:border-box;}
#header .in_dep a{color: #ddd;padding: 10px 10px !important;box-sizing:border-box;border-right: 0 !important;}
#header .in_dep a:hover{color: #fff;}
#header .eng_text { font-size:12px; color:#636363}

/* header 영역 끝 */

/* footer 영역 */
#footer{background: #363636;min-width: 1080px;overflow: auto;padding-bottom:40px;}
#footer h2{font-size: 16px; color: #ddd;}
#footer .footer_top {position:relative;width:100%;}
#footer .footer_top:after {content:'';display:block;position:absolute;bottom:0;border-bottom:1px solid #aeaeae;opacity: 0.1;width:100%;height:1px;}
#footer .footer_top .wrap{height:60px;padding:20px 0;box-sizing: border-box;;}
#footer .footer_top .wrap:after {content:'';display:block;clear:both;}
#footer .footer_top  .wrap li {float:left;line-height: 60px;;}
#footer .footer_top  .wrap li a {display:block;font-size:16px;letter-spacing: -0.35px;margin-right:35px;color:#fff;line-height:16px;}
#footer .wrap:after{display: block;clear: both;	content: '';}
#footer .left_footer{width: 58%;float: left;text-align: left;color: #aaa;padding-top: 30px;}
#footer .left_footer ul li {position:relative;font-size:14px;line-height:14px;letter-spacing:-0.35px;color:#aeaeae;margin-bottom:15px;}
#footer .left_footer ul li:last-child {margin-bottom:35px;}
#footer .left_footer .prize {height:26px;padding-left:36px;background:url(../images/main/ico_prize.png) no-repeat;background-position:left center;background-size:24px 26px;line-height: 26px;font-size:14px;color:#fff;}

#footer ul li.f_line:after {content:'';display:block;position:absolute;top:50%;right:15px;transform:translateY(-50%);width:1px;height:8px;background:#aeaeae;}
#footer .left_footer ul{zoom: 1;}
#footer .left_footer ul:after{clear: both;display: block;content: '';}
#footer .left_footer ul li{float: left;padding-right: 30px;}
#footer .left_footer ul li img{padding: 4px 5px 0 0;}
#footer .right_footer{width: 393px;float: right; text-align: left;padding-top: 30px;}
#footer .right_footer ul li {font-size:14px;color:#fff;}
#footer .right_footer ul li.f_link{display:flex; }
#footer .right_footer ul li.f_link a{margin-right:5px}
#footer .right_footer ul li:first-child {font-size:14px;line-height:14px;color:#a1a1a1;}
#footer .right_footer ul li:nth-child(4) {/*margin-top:10px;*/}
#footer .right_footer ul li:last-child {margin-top:20px;}
#footer .right_footer ul li.number {margin-top:15px;margin-bottom:15px;font-size:32px;font-weight:800;font-family: 'Roboto';line-height:32px;color:#fff;}
#footer .right_footer ul li span:first-child {padding-right:32px;position:relative;}
#footer .right_footer ul li span:first-child:after {content:'';display:block;position:absolute;top:50%;right:15px;transform:translateY(-50%);width:1px;height:8px;background:#aeaeae;}





#footer .right_footer a {display: inline-block;width: 129px; height: 30px;line-height: 30px;background:#262626;border-radius:5px;font-size:14px;letter-spacing:-0.35px;text-align: center;color: #fff;}
#footer .right_footer a:last-child {/*margin-left:10px;*/}
#footer .right_footer a:hover{color: #ddd;}
#footer .right_footer a img{padding: 4px 5px 0 0;}
#footer .right_footer .award_icon{width:252px; height: 31px; background: url(../images/common/award.png) no-repeat 0 0;margin-left: 9px; }
#footer .copyright{line-height: 48px;height: 48px; background: #2f2f2f; color: #888;text-transform: uppercase;margin-top: 40px;}
#footer .sub_notice_wrap{border-top: 1px solid #000;border-bottom: 1px solid #000;}
#footer .sub_notice_wrap02{width: 1040px;margin: 0 auto;background: url(../images/common/mic_icon.gif) no-repeat 0 0;padding-left: 75px;box-sizing:border-box;}
#footer .sub_notice{zoom: 1; overflow: hidden;height: 52px;margin: 0 auto;position: relative;}
#footer .sub_notice:after{display: block;clear: both;content: '';}
#footer .sub_notice span{line-height: 52px; color: #fff;}
#footer .mic_icon{position: absolute;top: 0;left:0;z-index: 2}
#footer #scroll_begin{padding-left: 70px; }

/* footer 영역 끝 */