@charset "UTF-8";

@font-face {
	font-family: 'Noto Sans Thin';
	font-style: normal;
	font-weight: 100;
	src: url(/resources/abc/css/works/font/NotoSans-Thin.woff2) format('woff2'),
		url(/resources/abc/css/works/font/NotoSans-Thin.woff) format('woff'),
		url(/resources/abc/css/works/font/NotoSans-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Light';
	font-style: normal;
	font-weight: 200;
	src: url(/resources/abc/css/works/font/NotoSans-Light.woff2) format('woff2'),
		url(/resources/abc/css/works/font/NotoSans-Light.woff) format('woff'),
		url(/resources/abc/css/works/font/NotoSans-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans DemiLight';
	font-style: normal;
	font-weight: 300;
	src: url(/resources/abc/css/works/font/NotoSans-DemiLight.woff2) format('woff2'),
		url(/resources/abc/css/works/font/NotoSans-DemiLight.woff) format('woff'),
		url(/resources/abc/css/works/font/NotoSans-DemiLight.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: url(/resources/abc/css/works/font/NotoSans-Regular.woff2) format('woff2'),
		url(/resources/abc/css/works/font/NotoSans-Regular.woff) format('woff'),
		url(/resources/abc/css/works/font/NotoSans-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Medium';
	font-style: normal;
	font-weight: 500;
	src: url(/resources/abc/css/works/font/NotoSans-Medium.woff2) format('woff2'),
		url(/resources/abc/css/works/font/NotoSans-Medium.woff) format('woff'),
		url(/resources/abc/css/works/font/NotoSans-Medium.otf) format('opentype');
 }
@font-face {
	font-family: 'Noto Sans Bold';
	font-style: normal;
	font-weight: 700;
	src: url(/resources/abc/css/works/font/NotoSans-Bold.woff2) format('woff2'),
		url(/resources/abc/css/works/font/NotoSans-Bold.woff) format('woff'),
		url(/resources/abc/css/works/font/NotoSans-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans Black';
	font-style: normal;
	font-weight: 900;
	src: url(/resources/abc/css/works/font/NotoSans-Black.woff2) format('woff2'),
		url(/resources/abc/css/works/font/NotoSans-Black.woff) format('woff'),
		url(/resources/abc/css/works/font/NotoSans-Black.otf) format('opentype');
}
@font-face {
	font-family: 'LGSmHaR lighte';
	font-style: normal;
	font-weight: 300;
	src: url(/resources/abc/css/works/font/LGSmHaL.eot); 
	src: url(/resources/abc/css/works/font/LGSmHaL.eot?#iefix) format('embedded-opentype'),
		url(/resources/abc/css/works/font/LGSmHaL.woff) format('woff'),
		url(/resources/abc/css/works/font/LGSmHaL.ttf)  format('truetype');
}
@font-face {
	font-family: "LGSmHaR";
	font-style: normal;
	font-weight: 400;
	src: url(/resources/abc/css/works/font/LGSmHaR.eot); 
	src: url(/resources/abc/css/works/font/LGSmHaR.eot?#iefix) format('embedded-opentype'),
		url(/resources/abc/css/works/font/LGSmHaR.woff2) format('woff2'),
		url(/resources/abc/css/works/font/LGSmHaR.woff) format('woff'),
		url(/resources/abc/css/works/font/LGSmHaR.ttf)  format('truetype');
}
@font-face {
	font-family: "LGSmHaR bold";
	font-style: normal;
	font-weight: 700;
	src: url(/resources/abc/css/works/font/LGSmHaSB.eot); 
	src: url(/resources/abc/css/works/font/LGSmHaSB.eot?#iefix) format('embedded-opentype'),
		url(/resources/abc/css/works/font/LGSmHaSB.woff2) format('woff2'),
		url(/resources/abc/css/works/font/LGSmHaSB.woff) format('woff'),
		url(/resources/abc/css/works/font/LGSmHaSB.ttf)  format('truetype');
}


footer, footer ul, footer li{color:#333333; font-family:'Noto Sans' ,'LGSmHaR', 'MalgunGothic','돋움', dotum ,'굴림', Gulim, Helvetica, AppleGothic, Tahoma, Verdana, sans-serif; height:100%; -webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
a {color:#333333;text-decoration:none;color:inherit;}
.layer_terms{font-size:100%; border:0; outline:0; font-size:14px; font-family:'Noto Sans','LGSmHaR','MalgunGothic', '돋움' ,dotum,'굴림',Gulim, Helvetica, AppleGothic, Tahoma, Verdana; letter-spacing: -0.25px;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer; border:0}

footer .footer{width: 1100px; margin: 0 auto;}
footer{padding: 50px 0 70px; background: #f5f5f5; overflow: hidden;}

footer .ft_left{float: left; width: 55%; letter-spacing: -0.25px; }
footer .ft_left li{float: left; font-size: 20px; font-family: 'Noto Sans Medium', 'LGSmHaR'; padding: 0 15px; background: url(../../images/works/brand/bg_line.png) 0 0 repeat-y; cursor: pointer;}
footer .ft_left li:first-child{padding-left: 0; background: none;}
footer .ft_left .tel{clear: both; margin-top: 70px;}
footer .ft_left .tel>span{font-size: 20px; font-family: 'Noto Sans', 'LGSmHaR'; padding-left: 17px;}
footer .ft_left .tel>span.icn_tel{background: url(/resources/abc/images/works/brand/foot_tel.png) 0 center no-repeat; margin-right: 49px;}
footer .ft_left .tel>span.icn_doc{background: url(/resources/abc/images/works/brand/foot_icon.png) 0 center no-repeat; letter-spacing: -0.25px;}
footer .ft_left .tel p{color: #999999; font-family: 'Noto Sans Light','LGSmHaR lighte'; margin-top: 7px; font-size: 14px; letter-spacing: -0.25px;}
footer .ft_left .tel p span{margin-right: 10px; font-size: 14px; font-family: 'Noto Sans Light','LGSmHaR lighte'; letter-spacing: -0.25px;}
footer .ft_left .add{margin-top: 30px; color: #999999; font-family: 'Noto Sans', 'LGSmHaR'; }
footer .ft_left address{margin: 10px 0;}
footer .ft_left address span{margin-right: 14px;line-height: 150%; font-size: 14px; font-family: 'Noto Sans Light','LGSmHaR lighte';}
footer .ft_left address span:first-child{letter-spacing: 0.7px;}
footer .ft_left address+p{font-family: 'Noto Sans', 'LGSmHaR'; font-size: 14px;}

footer .ft_right{float: right; width: 355px; font-family: 'Noto Sans Medium', 'LGSmHaR'; letter-spacing: -0.25px; }
footer .ft_right .tit{font-family: 'Noto Sans Medium', 'LGSmHaR'; color: #666666; padding-bottom: 10px; font-size: 14px;}
footer .ft_right ul{ border-top: 2px solid #CCC; border-bottom: 2px solid #CCC;}
footer .ft_right li{padding: 15px 0; border-top: 1px solid #CCC; overflow: hidden; cursor: pointer;}
footer .ft_right li:first-child{border-top: none;}
footer .ft_right li a{display: block; overflow: hidden;}
footer .ft_right li.ft_01{background: url(/resources/abc/images/works/brand/icon_ft_con01.png) right center no-repeat;}
footer .ft_right li.ft_02{background: url(/resources/abc/images/works/brand/icon_ft_con02.png) right center no-repeat;}
footer .ft_right li.ft_03{background: url(/resources/abc/images/works/brand/icon_ft_con03.png) right center no-repeat;}
footer .ft_right li .list_tit{width: 120px; float: left; font-size: 30px; font-family: 'Noto Sans', 'LGSmHaR'; letter-spacing: -0.5px; line-height: 140%;}
footer .ft_right li .list_txt{width: 195px; float: left; color: #838383; font-family: 'Noto Sans Light','LGSmHaR lighte'; letter-spacing: -0.25px; line-height: 150%; font-size: 14px;}


.pop_wrap.pop_terms{width: 700px; margin-left: -350px; margin-bottom: 30px; overflow: hidden;}
.pop_wrap.pop_terms .terms_con{padding: 0 15px 0 20px; margin: 30px 0; background: #FFF; overflow-y: scroll;}
.pop_terms .terms_con .con_tit{font-size: 26px; line-height: 170%; font-family: 'LGSmHaR'; border-bottom: 1px solid #3f92e7;}
.pop_terms .terms_list>li{margin-top: 15px;}
.pop_terms .terms_list .list_tit{font-size: 17px; font-family: 'Noto Sans', 'LGSmHaR'; letter-spacing: -0.5px; margin-bottom: 5px; font-weight: 600;}
.pop_terms .terms_list .list_txt{font-size: 16px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; color: #666666; letter-spacing: -0.5px; line-height: 150%;}
.pop_terms .terms_list .list_txt.tx_in{text-indent: -20px; margin-left: 20px;}
.pop_terms .terms_list .list_txt>li{margin-top: 3px;}
.pop_terms .terms_list .list_txt>li+li{margin-top: 3px;}
.pop_terms .terms_list .list_txt p.list_txt_tx{margin-left: 15px; letter-spacing: -0.5px; font-size: 14px; line-height: 160%;}
.pop_terms .terms_list .list_txt ul li{font-size: 14px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; color: #666666; margin-left: 45px; text-indent: -18px; letter-spacing: -0.5px; line-height: 160%;}
.pop_terms .terms_list .list_txt+p.list_txt{margin-top: 5px;}
.pop_terms .terms_list_in .list_txt ul li{margin-left: 35px; text-indent: -8px;}

.pop_terms .terms_tb{margin-top: 30px;}
.pop_terms .terms_tb_tit{margin-bottom: 10px; font-size: 17px; font-family: 'Noto Sans bold', 'LGSmHaR';}
.pop_terms .terms_tb_txt{margin-bottom: 10px;}
.pop_terms .terms_tb table{text-align: center; margin-bottom: 20px; border-top: 1px solid #3f92e7;}
.pop_terms .terms_tb table th{text-align: center; height: 40px; border-bottom: 1px solid #e8e8e8; font-size: 16px; font-family: 'Noto Sans', 'LGSmHaR'; }
.pop_terms .terms_tb table td{text-align: center; height: 40px; border-bottom: 1px solid #e8e8e8; font-size: 15px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; color: #666666; padding: 10px 15px; line-height: 160%;}
.pop_terms .terms_tb table .txt_lf{text-align: left;}
.pop_terms .terms_tb table .bd_all{border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.pop_terms .terms_tb table .bd_rt{border-right: 1px solid #e8e8e8;}
.pop_terms .terms_tb table .fir_tx{font-size: 16px; font-family: 'Noto Sans', 'LGSmHaR'; color: #333333}

.pop_terms .terms_tb2{margin-top: 15px;}
.pop_terms .terms_tb2 table{text-align: center; margin-bottom: 15px; border-top: 1px solid #3f92e7; border-bottom: 1px solid #e8e8e8;}
.pop_terms .terms_tb2 table th{text-align: center; height: 40px; font-size: 16px; font-family: 'Noto Sans', 'LGSmHaR'; }
.pop_terms .terms_tb2 table td{text-align: left; min-height: 40px; border-top: 1px solid #e8e8e8; font-size: 15px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; color: #666666; vertical-align: top; padding: 10px 15px; line-height: 160%;}
.pop_terms .terms_tb2 table td.bd_all{border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.pop_terms .terms_tb2 table td.bd_rt{border-right: 1px solid #e8e8e8;}
.pop_terms .th_bd_top th{ border-top: 1px solid #e8e8e8;}
.pop_terms .th_bd_top th.bd_all{border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;}
.pop_terms .terms_tb2 table td p{ font-size: 14px; font-family: 'Noto Sans DemiLight', 'LGSmHaR'; line-height: 160%; text-indent: -16px; margin-left: 8px;}

.pop_terms .mt10{margin-top: 10px !important;}
.pop_terms .mt15{margin-top: 15px !important;}
.pop_terms .mt30{margin-top: 30px !important;}
.pop_terms .mb30{margin-bottom: 30px !important;}

.layer.layer_terms {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; }
.layer.layer_terms .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer.layer_terms .pop_layer {display:block; }
.layer_terms .pop_layer {display:none; _position: absolute; top: 50%; left: 50%; width: auto; height:0;  background-color:#fff;  z-index: 10;}	
.layer_terms .pop_layer .pop_container {_position:relative; }
.layer_terms a.pop_btn {_position:absolute; top:0; right:10px; color:#fff; display:inline-block; padding:10px;}	
.layer_terms .poptit{border-bottom:1px solid #ddd; padding:10px 15px; background:#202c40}
.layer_terms .poptit h1{font-size:16px; font-weight:normal; color:#fff; letter-spacing:0}
.layer_terms .pop_wrap .header button.btn-close {border: 0;}

.layer.layer_terms{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 300;}
.layer.layer_terms.on{display: block;}
.layer_terms .pop_layer{display: block; position: absolute; z-index: 30; top: 100px; left: 50%;}
.layer_terms .pop_wrap{position: relative; background: #FFF; }
.layer_terms .pop_wrap .header{height: 48px; background: #3f92e7; line-height: 48px; padding: 0 20px}
.layer_terms .pop_wrap .header p.tit{color: #FFF; font-size: 20px; display: inline;}
.layer_terms .pop_wrap .header button.btn-close{float: right; font-size: 0; width: 18px; height: 18px; margin-top: 15px; background: url(/resources/abc/images/works/brand/btn_close.png) 0 0 no-repeat;}
.layer_terms .pop_wrap .pop_con{background: #FFF; max-height: 560px; overflow-y: auto; min-height: 500px; }
.layer_terms .pop_wrap .pop_con .txt_add{margin: 10px 0 30px; color: #3f92e7; letter-spacing: -0.5px; font-family: 'Noto Sans Light', 'LGSmHaR lighte';}