@charset "utf-8";

html.fix{overflow-y:hidden}

/* input tag */
input[type="text"],
input[type="password"],
input[type="file"]{
	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	position:relative;
	width:100%;
	height:28px;
	text-align:left;
	background:none;
	border:none;
	display:block;
	color:#666;
	line-height:1;
	outline:none;
	font-size:16px;
	border-radius:0
}
input[type="file"]{position:absolute;top:0;left:0;z-index:10;width:100%;line-height:normal;opacity:0;cursor:pointer}
textarea{position:relative;width:100%;background:none;font-size:15px;line-height:24px;color:#888}

img{max-width:100%}

#wrap{position:relative;opacity:0;left:0;width:100%;min-height:100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease}
#wrap.start{opacity:1}

/* 2018-07-09 */
.wrap_main {max-width:1274px; margin:0 auto;}

@media screen and (max-width:1023px){	
	.wrap_main {max-width:100%; margin:0 auto;}
}


/* header */
#header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:100}
#header.main{position:absolute}
#header .header_wrap{position:relative;max-width:1200px;margin:0 auto;height:100px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
#header h1{position:absolute;top:50%;left:0;margin-top:-15px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
#header .header_wrap.main {max-width:863px; padding:0 37px 0 374px; background:#1f4e78;} /* 2018-07-09 */
#header .header_wrap.main h1 {left:37px;} /* 2018-07-09 */

#gnb{padding-top:40px;text-align:right}
#gnb ul{display:inline-block}
#gnb ul li{display:inline}
#gnb ul li a{position:relative;display:block;float:left;font-size:18px;color:#888;margin-left:37px;padding-bottom:10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
#gnb ul li:first-child a{margin-left:0}
#gnb ul li a > span{font-weight:bold}
#gnb ul li a:after{content:'';position:absolute;bottom:0;left:auto;right:0;width:0;height:1px;background:#eb812e;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
#gnb ul li a:hover,
#gnb ul li.actived a{color:#eb812e}
#gnb ul li a:hover:after,
#gnb ul li.actived a:after{width:100%;left:0;right:auto}

/* 2018-07-09 */
#header .header_wrap.main #gnb {margin-right:337px;}
#header .header_wrap.main #gnb ul li a {color:#fff;}
#header .header_wrap.main #gnb ul li:first-child a{margin-left:0}
#header .header_wrap.main #gnb ul li a > span{font-weight:bold}
#header .header_wrap.main #gnb ul li a:after{content:'';position:absolute;bottom:0;left:auto;right:0;width:0;height:1px;background:#eb812e;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
#header .header_wrap.main #gnb ul li a:hover,
#header .header_wrap.main #gnb ul li.actived a{color:#eb812e}
#header .header_wrap.main #gnb ul li a:hover:after,
#header .header_wrap.main #gnb ul li.actived a:after{width:100%;left:0;right:auto}

/* 2018-07-09 */
.sns_r {position:absolute; top:40px; right:37px;}
.sns_r a.btn_fb {display:inline-block; width:12px; height:26px; background:url('/resources/front/images/common/icon_facebook_off.png') no-repeat left top; margin-left:20px; vertical-align:top; text-indent:9999px;}
.sns_r a.btn_fb:hover {background:url('/resources/front/images/common/icon_facebook_on.png') no-repeat left top;}
.sns_r a.btn_yt {display:inline-block; width:28px; height:26px; background:url('/resources/front/images/common/icon_youtube_off.png') no-repeat left top; margin-left:20px; vertical-align:top; text-indent:9999px;}
.sns_r a.btn_yt:hover {background:url('/resources/front/images/common/icon_youtube_on.png') no-repeat left top;} 

#header .m_gnb_open{position:absolute;top:50%;left:30px;height:18px;width:24px;display:none;z-index:60;margin-top:-9px}
#header .m_gnb_open span{position:absolute;left:0;top:0;display:block;width:24px;height:2px;background:#4e8bbf;transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);	transition: .25s ease-in-out;-o-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out}
#header .m_gnb_open span:first-child{top:0px}
#header .m_gnb_open span:nth-child(2){top:8px}
#header .m_gnb_open span:nth-child(3){top:8px;visibility:hidden}
#header .m_gnb_open span:nth-child(4){top:16px}

#header .m_gnb_data{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;display:none;margin-top:60px;overflow-y:auto;background:#fff;z-index:9999}
#header .m_gnb_data .gnb_list > ul > li{position:relative;width:100%;line-height:54px;border-bottom:solid 1px #ccc;
	/*-webkit-transform: translate(-100%, 0px);
	-moz-transform: translate(-100%, 0px);
	-o-transform: translate(-100%, 0px);
	-ms-transform: translate(-100%, 0px);
	transform: translate(-100%, 0px);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;*/
}
#header .m_gnb_data .gnb_list > ul > li.effect{
	/*-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);*/
}
#header .m_gnb_data .gnb_list > ul > li:first-child{border-top:solid 1px #ccc}
#header .m_gnb_data .gnb_list > ul > li > a{position:relative;display:block;padding:0 20px;font-size:16px;font-weight:700;text-align:left}
#header .m_gnb_data .gnb_list > ul > li.actived > a{color:#eb812e}
#header .m_gnb_data .btn_close{margin-top:25px}
#header .m_gnb_data .btn_close a{position:relative;display:inline-block;width:20px;height:20px}
#header .m_gnb_data .btn_close span{position:absolute;top:50%;display:block;width:100%;height:1px;background:#4e8bbf;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	   
}
#header .m_gnb_data .btn_close span:first-child{
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);	   
}
#header .m_gnb_data .gnb_list .snb{display:none}
#header .m_gnb_data .gnb_list > ul > li.actived .snb{display:block}
#header .m_gnb_data .gnb_list .snb{border-top:solid 1px #ccc}	
#header .m_gnb_data .gnb_list .snb li{line-height:38px}
#header .m_gnb_data .gnb_list .snb li a{display:block;padding:0 20px;font-size:14px;color:#888;text-align:left}
#header .m_gnb_data .gnb_list .snb li a:hover,
#header .m_gnb_data .gnb_list .snb li a.actived{color:#eb812e}

#header.open{height:100%}
#header.open .m_gnb_data,
#header.open .m_gnb_close{display:block}

#header.open{height:100%}

/* container */
#container{max-width:1920px;margin:0 auto;padding:100px 0 130px}

#contents{position:relative}

/* snb */
#snb{width:300px;float:left;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
#snb ul li{margin-top:35px;text-align:left}
#snb ul li:first-child{margin-top:0}
#snb ul li a{position:relative;padding-bottom:10px}
#snb ul li a:after{content:'';position:absolute;bottom:0;left:auto;right:0;width:0;height:1px;background:#eb812e;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease}
#snb ul li a:hover,
#snb ul li.actived a{color:#eb812e}
#snb ul li a:hover:after,
#snb ul li.actived a:after{width:100%;left:0;right:auto}

/* footer */
#footer{padding:50px 0;position:relative;font-size:14px;background:#e5e5e5;z-index:2}
#footer .foot_menu{margin-top:30px}
#footer .foot_menu li{display:inline}
#footer .foot_menu li{position:relative;margin-left:5px;padding-left:10px}
#footer .foot_menu li:after{content:"|";position:absolute;left:0;top:0;color:#888;line-height:19px}
#footer .foot_menu li:first-child{margin-left:0;padding-left:0}
#footer .foot_menu li:first-child:after{display:none}
#footer .foot_menu li a{color:#888}
#footer address{color:#888;line-height:22px;margin-top:20px}
/* #footer address span{display:inline-block;background:url(/resources/front/images/common/footer_line.gif) left center no-repeat;padding-left:8px;margin-left:8px} */
#footer address span:first-child{background:none;margin:0;padding:0}
#footer .site_list{margin-top:10px}
#footer .site_list li{display:inline}
#footer .site_list li{position:relative;margin-left:5px;padding-left:10px}
#footer .site_list li:after{content:"|";position:absolute;left:0;top:0;color:#888;line-height:19px}
#footer .site_list li:first-child{margin-left:0;padding-left:0}
#footer .site_list li:first-child:after{display:none}
#footer .site_list li a{color:#888}

/* etc */
table .tl{text-align:left !important}
table .tc{text-align:center !important}
table .tr{text-align:right !important}
table .bl{border-left:none !important}
table .br{border-right:none !important}
table .vt{vertical-align:top !important}
table .nPd{padding:0 !important}
table .char{margin:0 5px !important}
table a,table img,table span,table label,table input{vertical-align:middle}

/* list Table */
table.type01{width:100%}
table.type01 td,
table.type01 th{height:30px;padding:10px 20px;text-align:center;vertical-align:middle;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
table.type01 th{text-align:center;background:#f8f8f8}
table.type01 td{color:#888;background:#fff}
table.type01 td.title{text-align:left}
table.type01 td.title a{color:#666}


/* Input Table */
table.type02{width:100%;table-layout:fixed}
table.type02 td,
table.type02 th{height:30px;text-align:left;vertical-align:middle;padding:10px 0px 10px 20px;border-top:solid 1px #d2d2d2;border-bottom:solid 1px #d2d2d2}
table.type02 td{color:#888;padding-right:10px;border-right:none}
table.type02 td a{color:#888}
table.type02 th{font-weight:400;background-color:#f7f7f7}
table.type02 .m_title{display:none;color:#444;font-size:16px;margin-bottom:5px;font-weight:700}


/* form */
.i_info_wrap{}
.i_info_wrap .i_wrap{display:inline-block;margin-right:10px}
.i_info{display:inline-block;font-size:14px}

.i_wrap{position:relative;height:28px;padding:0 20px;border:solid 1px #e8e7e4;background:#f9f9f9}
.s_wrap{position:relative;height:28px;border:solid 1px #e8e7e4;background:#f9f9f9}
.s_wrap select{
	position:relative;
	width:100%;
	height:28px;
	text-align:left;
	text-indent:10px;
	background:none;
	border:none;
	display:block;
	color:#888;
	line-height:1;
	outline:none;
	font-size:15px;
	border-radius:0
}
.i_wrap.type01{max-width:120px}

.t_wrap{position:relative;padding:15px 10px;border:solid 1px #e8e7e4}
.t_wrap textarea{height:100px}

.phone_wrap{position:relative;max-width:50%}
.phone_wrap:after{content:"";display:block;clear:both}
.phone_wrap .phone_data{position:relative;width:31.11%;float:left;padding-left:3.33%}
.phone_wrap .phone_data:first-child{padding-left:0}
.phone_wrap .phone_data:after{content:"-";display:block;position:absolute;left:-1px;top:0;margin:0 0 0 3.33%;line-height:30px}
.phone_wrap .phone_data:first-child:after{display:none}

.mulity_select{max-width:40%;}
.mulity_select:after{content:"";display:block;clear:both}
.mulity_select > div{width:49%;float:left;padding-left:2%;}
.mulity_select > div:first-child{padding-left:0;}

/* btn */
.btn_type01{display:inline-block;height:40px;padding:0 45px;line-height:40px}
.btn_type02{display:inline-block;height:30px;padding:0 25px;font-size:14px;line-height:30px}
.btn_type03{display:inline-block;height:40px;padding:0 30px;line-height:40px}
.btn_type04{display:inline-block;height:40px;padding:0 20px;line-height:40px}

a.btn_c01{color:#fff;background:#7d7d7d}
a.btn_c02{color:#fff;background:#4e8bbf}
a.btn_c03{color:#fff;background:#eb812e}
a.btn_c04{background:#cdcdcd}


/* paging */
.paging{margin-top:30px;text-align:center}
.paging img{vertical-align:top}
.paging ol{display:inline-block;zoom:1;*display:inline}
.paging ol li{display:inline}
.paging ol li span,
.paging ol li a{display:block;float:left;font-size:14px;text-align:center;width:30px;height:14px;line-height:14px;color:#999;border-left:solid 1px #e2e4e6}
.paging ol li.first a{border:none}
.paging ol li.current a{color:#eb812e}
.paging ol li.prev a{margin-right:10px}
.paging ol li.next a{margin-left:10px}
.paging ol li.prev a,
.paging ol li.prev02 a,
.paging ol li.next a,
.paging ol li.next02 a{border:none}

.d_t{display:table;width:100%;height:100%}
.d_t .d_c{display:table-cell;width:100%;vertical-align:middle}

#modalPopCon{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none;overflow-y:auto;z-index:10005;background:rgba(0,0,0,0.6)}

.p_b{display:block}
.p_bl{display:inline-block} 
.p_l{display:inline}
.p_tc{display:table-cell}
.p_tl{display:table-column}
.t_b{display:block}
.t_bl{display:inline-block} 
.t_l{display:inline}
.t_tc{display:table-cell}
.t_tl{display:table-column}
.m_b{display:block}
.m_bl{display:inline-block} 
.m_l{display:inline}
.m_tc{display:table-cell}
.m_tl{display:table-column}


.t_layout_b{display:block}
.t_layout_bl{display:inline-block} 
.t_layout_l{display:inline}
.t_layout_tc{display:table-cell}
.t_layout_tl{display:table-column}

.m_layout_b{display:block}
.m_layout_bl{display:inline-block} 
.m_layout_l{display:inline}
.m_layout_tc{display:table-cell}
.m_layout_tl{display:table-column}

.t_con_b{display:none}
.t_con_bl{display:none} 
.t_con_tc{display:none} 
.t_con_l{display:none}

.t_only_b{display:none}

.m_con_b{display:none}
.m_con_bl{display:none} 
.m_con_l{display:none}
.m_con_tc{display:none}



/* desktop 1260 */
@media screen and (max-width:1260px){	
	#header h1{left:30px}
	#gnb{padding-right:30px;}

	#snb{width:240px}
}

/* desktop 1024 */
@media screen and (max-width:1024px){		
	
	.p_b{display:none}
	.p_bl{display:none} 
	.p_l{display:none}
	.p_tc{display:none}
	.p_tl{display:none}
	.t_b{display:block}
	.t_bl{display:inline-block} 
	.t_l{display:inline}
	.t_tc{display:table-cell}
	.t_tl{display:table-column}
	.m_b{display:none}
	.m_bl{display:none} 
	.m_l{display:none}
	.m_tc{display:none}
	.m_tl{display:none}

	.t_layout_b{display:none}
	.t_layout_bl{display:none} 
	.t_layout_l{display:none}
	.t_layout_tc{display:none}
	.t_layout_tl{display:none}

	.t_con_b{display:block}
	.t_con_tc{display:table-cell}
	.t_con_bl{display:inline-block} 
	.t_con_l{display:inline}

	.t_only_b{display:block}

	.m_con_tc{display:none}	
	
	
}
/* mobie 1023 */
@media screen and (max-width:1023px){	
	
}

/* mobie 960 */
@media screen and (max-width:960px){
	
	
	
}
/* mobie 900 */
@media screen and (max-width:900px){
	#header{}
	#header .header_wrap{height:60px}
	#header .header_wrap.main {padding:0;} /* 2018-07-09 */
	#header h1{position:static;display:inline-block;margin:0;padding:20px 0}
	#header h1 img{width:132px}
	
	#header .m_gnb_open{display:block}
	
	#gnb > ul {display:none}
	#gnb .sns_r {display:none}

	#container{padding-top:60px}

	#snb{display:none}

	#contents{margin-top:0;position:relative}
	
}

/* mobie 800 */
@media screen and (max-width:800px){

}

/* mobie 768 */
@media screen and (max-width:768px){
	
	.p_b{display:none}
	.p_bl{display:none} 
	.p_l{display:none}	
	.p_tc{display:none}
	.p_tl{display:none}
	.t_b{display:none}
	.t_bl{display:none} 
	.t_l{display:none}
	.t_tc{display:none}
	.t_tl{display:none}
	.m_b{display:block}
	.m_b{display:block}
	.m_bl{display:inline-block} 
	.m_l{display:inline}
	.m_tc{display:table-cell}
	.m_tl{display:table-column}

	.m_layout_b{display:none}
	.m_layout_bl{display:none} 
	.m_layout_l{display:none}
	.m_layout_tc{display:none}
	.m_layout_tl{display:none}

	.m_con_b{display:block}
	.m_con_bl{display:inline-block} 
	.m_con_l{display:inline}
	.m_con_tc{display:table-cell}

	.t_only_b{display:none}

	.m_only_b{display:none}
	.i_info_wrap .i_wrap{display:block}
	.i_wrap{display:block;width:auto !important;max-width:none !important;}
	.t_wrap{display:block;width:auto !important}
	.s_wrap{display:block;width:auto !important}

	.mulity_select{max-width:none}

	td.m_border_l{border-left:solid 1px #d2d2d2}


	/* Input Table */
	table.type02 .m_title{display:block}

	.phone_wrap{max-width:100%}


	
}

/* mobie 736 */
@media screen and (max-width:736px){

}

/* mobie 720 */
@media screen and (max-width:720px){

}
/* mobie 667 */
@media screen and (max-width:667px){	

}

/* mobie 640 */
@media screen and (max-width:640px){		
	#header .header_wrap{padding:0 20px}
	#header .m_gnb_open{left:20px}	
	
	#btn_top_scroll{right:20px;bottom:20px}

	#footer{padding:40px 20px}
	#footer h2 img{width:57px}
	#footer address{font-size:14px;line-height:20px;margin-top:15px}
	#footer address span{display:block;background:none;padding-left:0;margin-left:0;margin-top:3px}	

	table.type01 th,
	table.type01 td{padding:10px;font-size:14px;line-height:20px}
	table.type02 th,
	table.type02 td{padding:10px;font-size:14px;line-height:20px;/*width:100%;*/}

	.i_wrap.type01{max-width:100%}
	textarea{font-size:14px;line-height:20px}


	
}
/* mobie 568 */
@media screen and (max-width:568px){

}
/* mobie 480 */
@media screen and (max-width:480px){	
	
}

/* mobie 420 */
@media screen and (max-width:420px){
	
}

/* mobie 414 */
@media screen and (max-width:414px){

}
/* mobie 384 */
@media screen and (max-width:384px){

}
/* mobie 375 */
@media screen and (max-width:375px){

}
/* mobie 360 */
@media screen and (max-width:360px){

}

/* mobie 320 */
@media screen and (max-width:320px){
	
}

@media screen and (-webkit-min-device-pixel-ratio:2),screen and (-webkit-min-device-pixel-ratio:1.5){
	.s_wrap select{
		-webkit-background-size:23px auto;
		-moz-background-size:23px auto;
		-o-background-size:23px auto;
		background-size:23px auto
	}
}


/* 2018-07-26 */
body.bg_main {background:url('/resources/front/images/common/bg_main.jpg') no-repeat center top; background-size:2878px 1154px;}

.wrap_main {background:#fff;}
.wrap_main #header {background:none;}