@charset "UTF-8";
/* font */
@font-face {
	font-family: 'MyriadPro';
	font-style: normal;
	font-weight: 300;
	src: url(/resources/en/font/MyriadPro-Light.woff) format('woff'),
	url(/resources/en/font/MyriadPro-Light.ttf) format('truetype');
}
@font-face {
	font-family: 'MyriadPro';
	font-style: normal;
	font-weight: 500;
	src: url(/resources/en/font/MyriadPro-Regular.woff) format('woff'),
	url(/resources/en/font/MyriadPro-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'MyriadPro';
	font-style: normal;
	font-weight: 700;
	src: url(/resources/en/font/MyriadPro-Semibold.woff) format('woff'),
	url(/resources/en/font/MyriadPro-Semibold.ttf) format('truetype');
}
@font-face {
	font-family: 'MyriadPro';
	font-style: normal;
	font-weight: 900;
	src: url(/resources/en/font/MyriadPro-Bold.woff) format('woff'),
	url(/resources/en/font/MyriadPro-Bold.ttf) format('truetype');
}


/* 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}
body{font-family:MyriadPro,Helvetica,sans-serif; font-size:15px; color:#666;}
h1,h2,h3,h4,h5,h6,strong{font-weight:500; font-size:100%;}
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-family:MyriadPro,Helvetica,sans-serif; font-size:15px; 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_area{height:80px;}
#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:1080px; margin:0 auto;}
#header .header_wrap:after{display:block; clear:both; content:"";}
#header h1{float:left; margin-top:31px; margin-right:30px;}
#header #gnb{float:left;}
#header .lang{overflow:hidden; position: absolute; right:0; top:26px; z-index:101; height:28px; background:#fff; border:1px solid #ccc; border-radius:20px;}
#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:#f27321;}
#header .lang .li1 a:before, #header .lang .li1 a:after{display:inline-block; content:""; width:11px; height:11px; background-image:url(/resources/en/images/common/lang_icon.png); 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.nav3{position:static;}
#gnb .depth1 > a{display:block; height:47px; padding:33px 18px 0; font-size:16px; line-height:17px;}
#gnb .depth1 a:hover, #gnb .depth1 a:focus, #gnb .depth1.on > a{color:#f27321;}
#gnb .depth2{display:none; position:absolute; left:50%; top:80px; width:1080px; padding-top:18px; padding-bottom:20px; margin-left:-540px; z-index:101;}
#gnb .depth2.on{display:block;}
#gnb .nav1 .depth2{width:793px; padding-left:287px;}
#gnb .nav2 .depth2{width:800px; padding-left:280px;}
#gnb .nav3 .depth2{overflow:hidden; width:1080px; height:142px; padding-left:0;}
#gnb .nav4 .depth2{width:580px; padding-left:500px;}
#gnb .nav5 .depth2{width:730px; padding-left:350px;}
#gnb .nav6 .depth2{width:960px; padding-right:145px;}
#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;}
#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/en/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:#f27321;}
#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:150px; background:url(/resources/en/images/common/gnb_bar2.png) 100% center no-repeat; font-size:14px;}
#gnb .nav3 .depth2 .s_menu > .cate.on{color:#f27321;}
#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; background:url(/resources/en/images/common/gnb_bar.png) 0 center no-repeat;}
#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:1px solid #f27321;}
#header .gnb_bg{position:absolute; left:0; top:80px; z-index:100; width:100%; background:#f4f4f4;}

#wrap{}

#footer{position:relative; height:145px; background:#f4f4f4;}
#footer .inner{position:relative; width:1080px; padding-top:26px; margin:0 auto;}
#footer .right{width:870px; padding-top:20px; 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; background:url(/resources/en/images/common/footer_bar1.png) 100% 50% no-repeat;}
#footer .footer_menu a:hover{text-decoration:underline;}
#footer .address{}
#footer .address span{margin-left:14px;}
#footer .copyright span{display:inline-block; vertical-align:middle;}
#footer .famliy_site{position:absolute; right:0; top:30px;}
#footer .famliy_site .site_btn{display:block; width:114px; height:21px; padding:7px 10px 0; background-image:url(/resources/en/images/common/footer_btn_bull1.png); 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:#f27321; background-position:114px -30px; border-color:#f27321; 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 #f27321;}
#footer .famliy_site .inner_pop h2{margin-bottom:30px; font-size:20px; 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:24px; margin-bottom:18px; border-bottom:2px solid #ebebeb; line-height:1em; color:#333;}
#footer .famliy_site .inner_pop .cont h3.pb9 {padding-bottom:9px;}
#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; background:url(/resources/en/images/common/list_o_bull.png) 0 8px no-repeat;}
#footer .famliy_site .inner_pop .cont ul li:first-child{margin:0;}
#footer .award{position:absolute;right: 170px;top:28px;}
#footer .award > p > a > img {width:34px}
#footer .award .sns_box {float:left; text-align:center; margin-top:-4px;}
#footer .award .sns_title {display:inline-block; margin-bottom:6px;}
#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-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-image:url(/resources/en/images/common/btn_icon.png); 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:#f27321; border-color:#f27321; 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:31px; padding-top:17px; background:#fff; border:1px solid #ccc; font-size:15px; text-align:center;}
.btn_square_default:hover{background:#f27321; color:#fff;}
.btn_square_default:before, .btn_square_default:after{content:""; display:inline-block; background-image:url(/resources/en/images/common/btn_icon.png); 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;}

.hanwha_font{display:inline-block; vertical-align:-1px;}
.h_vm{vertical-align:middle;}
.h_f17{vertical-align:-2px;}
.h_f22{vertical-align:-2px;}

.mr12 {margin-right: 12px;}
.mr5 {margin-right: 5px;}