@charset "UTF-8";
/* font */

/* reset */
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0}

fieldset,img,button{border:0;}
img,input,button{vertical-align:top;}
textarea{resize: none;}
table{border-collapse:collapse;}
address,em{font-style:normal;}
ol,ul,li{list-style:none;padding:0px;margin:0px; word-break:keep-all;}
hr{display:none;}
a{text-decoration:none; color:#666;}
a:hover,a:active{text-decoration:none;}
legend{position:absolute; left:-9999px; top:0}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button{background:none; font-family:NotoSans; cursor:pointer;}
button::-moz-focus-inner{padding:0;}
p{word-break:keep-all;}
input,select{ font-weight:500; color:#666;}
.blind{overflow:hidden; position:absolute; left:-9999px; top:0; width:1px; height:1px; font-size:0; line-height:0;}
.behind{overflow:hidden; display:inline-block; text-indent:-9999px;} 
.clearfix{}
.clearfix:after{display:block; clear:both; content:"";}
.center{text-align:center  !important;}

/* skip_nav */
#skip_nav{}
#skip_nav a{overflow:hidden; display:block; position:absolute; top:0px; left:0px; width:0px; height:0px;}
#skip_nav a:focus{width:300px; height:50px; line-height:50px; font-size:18px; font-weight:bold; text-align:center;}

/* gnb */
#header{position:relative;}
#header.fixed{position:fixed; z-index:900; width:100%; background:#fff; border-bottom:1px solid #f4f4f4;}
#header .header_wrap{position:relative; width:1200px; height:150px; margin:0 auto;}
#header .header_wrap:after{display:block; clear:both; content:"";}
#header h1{ margin-top:10px; margin-bottom:0; position:absolute; top:50px; left:0;}
#header #gnb{ width:870px; position:relative; position:absolute; top:80px; right:0;}
#header #gnb #gnbList{ position:absolute; right:0; }
#header .lang{overflow:hidden; position: absolute; right:0; top:26px; z-index:101; height:28px; background:#fff; border:1px solid #ccc; border-radius:20px; font-family:MyriadPro, NotoSans,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
#header .lang li a{display:block; padding:7px 9px; font-size:14px; line-height:14px; text-align:center;}
#header .lang li:first-child a{color:#09f;}
#header .lang .li1 a:before, #header .lang .li1 a:after{display:inline-block; content:""; width:11px; height:11px; background-repeat:no-repeat; vertical-align:0;}
#header .lang .li1 a:before{margin-right:4px; background-position:0 0;}
#header .lang .li1 a:after{margin-left:4px; background-position:100% 0;}
#header .lang.on{border-radius:10px;}
#header .lang.on .li1 a:after{background-position:100% 100%;}
#header #gnb > ul:after{display:block; clear:both; content:"";}
#gnb .depth1{}
#gnb .depth1{float:left;}
#gnb .depth1 > a{display:block; height:47px; padding:35px 32px 0; font-size:17px; line-height:17px; font-family:"notokr-medium", Malgun gothic, sans-serif, dotum; color:#222; }
#gnb .depth1 a:hover, #gnb .depth1 a:focus, #gnb .depth1.on > a{color:#ddd;}
#gnb .depth2{display:none; position:absolute; left:50%; top:80px; width:1200px; padding-top:10px; padding-bottom:20px; margin-left:-540px; z-index:101;}
#gnb .depth2 a{font-weight:400; font-size:15px;}
#gnb .depth2.on{display:block;}
#gnb .nav1 .depth2{width:793px; padding-left:50px; z-index:999}
#gnb .nav2 .depth2{width:845px; padding-left:165px; z-index:999}
#gnb .nav3 .depth2{width:800px; padding-left:200px; z-index:999}
#gnb .nav4 .depth2{width:750px; padding-left:575px; z-index:999}
#gnb .nav5 .depth2{width:900px; padding-left:693px; z-index:999}
#gnb .nav6 .depth2{width:975px; padding-left:250px; z-index:999}
#gnb .depth2 > li{float:left; margin-left:40px;}
#gnb .depth2 > li:first-child{margin-left:0;}
/*#gnb .nav6 .depth2 > li{float:right;}*/
#gnb .depth2 a{display:inline-block; padding-bottom:4px; font-size:14px; line-height:14px; letter-spacing:-0.25px; color:#fff; }
/* #gnb .nav3 .depth2 .menu1{float:left; width:250px; margin-top:12px; margin-right:40px;}
#gnb .nav3 .depth2 .menu1 a{display:block; width:250px; height:120px; padding:0; background:url(/resources/kr/images/common/nav3_tit_img.jpg) 0 0 no-repeat; font-size:16px; line-height:120px; text-align:center; color:#fff;}
#gnb .nav3 .depth2 .menu1 a:hover,#gnb .nav3 .depth2 .menu1 a:focus{border:none 0; color:#09f;}
#gnb .nav3 .depth2 .s_menu{float:left; width:790px; height:23px; padding-top:11px; margin:0;}
#gnb .nav3 .depth2 .s_menu:after{display:block; clear:both; content:"";}
#gnb .nav3 .depth2 .menu4{width:350px;}
#gnb .nav3 .depth2 .s_menu > .cate{display:block; float:left; width:90px; font-size:14px; font-weight:700;}
#gnb .nav3 .depth2 .s_menu > .cate.on{color:#09f;}
#gnb .nav3 .depth2 .menu5 > .cate{background:none;}
#gnb .nav3 .depth2 .depth3{float:left;}
#gnb .nav3 .depth2 .depth3:after{display:block; clear:both; content:"";}
#gnb .nav3 .depth2 .depth3 li{float:left; padding:0 26px;}
#gnb .nav3 .depth2 .depth3 li:first-child{background:none;}
#gnb .nav3 .depth2 .depth3 li a{font-size:12px; line-height:14px; letter-spacing:0;} */
#gnb .depth2 a:hover, #gnb .depth2 a:focus{border-bottom:0;}
#header .gnb_bg{position:absolute; left:0; top:150px; z-index:100; width:100%; background:rgba(0,0,0,0.6); z-index:997}

#wrap{}

#footer{position:relative; height:136px; background:#f4f4f4;}
#footer .inner{position:relative; width:1200px; padding-top:26px; margin:0 auto;}
#footer .left{float:left; width:129px; margin-right:80px;}
#footer .right{float:left; width:870px; padding-top:8px; font-size:13px;}
#footer .footer_menu{overflow:hidden; margin-bottom:12px;}
#footer .footer_menu li{float:left;}
#footer .footer_menu a{font-size:13px; line-height:13px; color:#333;}
#footer .footer_menu li:first-child a{padding-right:14px; margin-right:14px;}
#footer .footer_menu a:hover{text-decoration:underline;}
#footer .address{}
#footer .address span{margin-left:14px;}
#footer .copyright span{display:inline-block; padding-top:2px; vertical-align:middle;}
#footer .famliy_site{position:absolute; right:0; top:30px;}
#footer .famliy_site .site_btn{display:block; width:114px; height:23px; padding:5px 10px 0;background-position:114px 0; background-repeat:no-repeat; border:1px solid #ccc; font-size:13px; color:#333;}
#footer .famliy_site:hover .site_btn, #footer .famliy_site .site_btn:focus, #footer .famliy_site.on .site_btn{background-color:#09f; background-position:114px -30px; border-color:#09f; color:#fff;}
#footer .famliy_site .inner_pop{display:none; position:absolute; right:0; bottom:29px; z-index:1001; width:1008px; padding:28px 0 38px 28px; background:#fff; border:1px solid #09f;}
#footer .famliy_site .inner_pop h2{margin-bottom:30px; font-size:20px; font-weight:700; line-height:1em; letter-spacing:-0.5px; color:#333; }
#footer .famliy_site .inner_pop .cont_area{overflow:hidden;}
#footer .famliy_site .inner_pop .cont{overflow:hidden; float:left; margin-left:60px; font-size:15px; letter-spacing:-0.5px;}
#footer .famliy_site .inner_pop .cont:first-child{margin-left:0;}
#footer .famliy_site .inner_pop .cont_lst1, #footer .famliy_site .inner_pop .cont_lst2{float:left;}
#footer .famliy_site .inner_pop .cont_lst2{width:120px;}
#footer .famliy_site .inner_pop .cont h3{padding-bottom:9px; margin-bottom:18px; border-bottom:2px solid #ebebeb; line-height:1em; color:#333;}
#footer .famliy_site .inner_pop .cont ul{width:160px;}
#footer .famliy_site .inner_pop .cont ul li{padding-left:10px; margin-top:16px; line-height:1.3em; }
#footer .famliy_site .inner_pop .cont ul li:first-child{margin:0;}
#quickBtn{overflow:hidden; position:absolute; left:0; top:-94px; width:100%; height:64px;}
#quickBtn a{position:absolute; right:50%; top:0; width:64px; height:64px; margin-right:-706px;}

/* 
btn_round_default : 라운드버튼 기본css
btn_round_type1 : more
btn_round_type2 : 홈페이지
btn_round_type3 : download
btn_square_default : 사각버튼 기본css
btn_square_type1 : 더보기
btn_square_type2_1 : 이전
btn_square_type2_2 : 다음
*/
.btn_round_default{display:inline-block; height:21px; padding:7px 12px 0; background:#fff; border:1px solid #ccc; border-radius:50px; font-family:MyriadPro, NotoSans,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:14px; vertical-align:0; line-height:0;}
.btn_round_type2{height:19px; padding-top:9px;}
.btn_round_type3{font-weight:500;}
.btn_round_default:after{content:""; display:inline-block; background-repeat:no-repeat;  vertical-align:0;}
.btn_round_type1:after{width:6px; height:12px; margin-left:28px; background-position:0 0;}
.btn_round_type1_1{background:none; border-color:#ccc; color:#ccc;}
.btn_round_type1_1:after{width:6px; height:12px; margin-left:28px; background-position:-100px 0;}
.btn_round_type2:after{width:17px; height:10px; margin-left:19px; background-position:0 -25px;}
.btn_round_type3:after{width:15px; height:11px; margin-left:8px; background-position:0 -50px;}
.btn_round_default:hover{background-color:#09f; border-color:#09f; color:#fff;}
.btn_round_type1:hover:after{background-position:-50px 0;}
.btn_round_type1_1:hover:after{background-position:-50px 0;}
.btn_round_type2:hover:after{background-position:-50px -25px;}
.btn_round_type3:hover:after{background-position:-50px -50px;}
.btn_square_default{display:inline-block; width:128px; height:36px; padding-top:12px; background:#fff; border:1px solid #ccc; font-family:MyriadPro, NotoSans,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; font-size:15px; font-weight:700; text-align:center;}
.btn_square_default:hover{background:#09f; color:#fff;}
.btn_square_default:before, .btn_square_default:after{content:""; display:inline-block; background-repeat:no-repeat; vertical-align:middle;}
.btn_square_type1:after{width:15px; height:19px; margin-left:7px; background-position:0 -75px;}
.btn_square_type2_1:before{width:8px; height:12px; margin-right:14px;  background-position:0 -100px;}
.btn_square_type2_2:after{width:8px; height:12px; margin-left:14px; background-position:0 -125px;}
.btn_square_type1:hover:after{background-position:-50px -75px;}
.btn_square_type2_1:hover:before{background-position:-50px -100px;}
.btn_square_type2_2:hover:after{background-position:-50px -125px;}

#sfl { height:27px !important;}