@charset "utf-8";
/****************************************/
/* Name: û¼Ò³âÈ°µ¿ÁøÈï¼¾ÅÍ
/* PART: LAYOUT STYLE 
/* Version: 1.0 / day: 2018-05-
/* Author: imtec 
/****************************************/

#wrapper{overflow: hidden;width: 100%;}

/* »ó´Ü¸Þ´º */
.gnboverarea{
	position:relative;
	width:100%; height:100px; 
	border-bottom:1px solid #e8e8e8; z-index:50;
}

.head_wrap{
	width: 100%; height: 44px; line-height: 44px;
	background: #f6f6f6; border-bottom: 1px solid #efefef;
}
.head_box{
	width: 1200px; height: 100%;
	margin: 0 auto; overflow: hidden;
}
.famLink{
	float: left; overflow: hidden;
}
.famLink li{
	float: left;
}
.famLink li a{
	display: block; padding: 0 15px 0 40px;
	height: 100%; color: #fff; position: relative;
	font-size: 14px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;

}
.famLink li a::before{
	content: ""; display: inline-block; position: absolute;
	background-image: url(../img/img_common.png);
	background-repeat: no-repeat;
}
.famLink li.ic01 a{
	background-color: #2768c5
}
.famLink li.ic02 a{
	background-color: #488cdc
}
.famLink li.ic03 a{
	background-color: #2aa1f0
}
.famLink li.ic04 a{
	background-color: #34b7ed
}
.famLink li.ic05 a{
	background-color: #25b4b6
}
.famLink li.ic01 a:hover{
	background-color: #245cad
}
.famLink li.ic02 a:hover{
	background-color: #407bc1
}
.famLink li.ic03 a:hover{
	background-color: #2798e3
}
.famLink li.ic04 a:hover{
	background-color: #35a6d4
}
.famLink li.ic05 a:hover{
	background-color: #1e9698
}
.famLink li.ic01 a::before{
	width: 19px; height: 14px;
	top: 14px; left: 17px;
	background-position: 0 -367px;
}
.famLink li.ic02 a::before{
	width: 19px; height: 15px;
	top: 15px; left: 16px;
	background-position: -28px -367px;
}
.famLink li.ic03 a::before{
	width: 18px; height: 16px;
	top: 14px; left: 17px;
	background-position: -50px -367px;
}
.famLink li.ic04 a::before{
	width: 15px; height: 15px;
	top: 14px; left: 18px;
	background-position: -71px -367px;
}
.famLink li.ic05 a::before{
	width: 17px; height: 16px;
	top: 14px; left: 18px;
	background-position: -97px -367px;
}
.topLink{
	float: right;position: relative;
}
.topLink li{
	float: left; color: #777;
}
.topLink li a{
	display: inline-block; position: relative;
	font-size: 14px;
}
.topLink li a{
	margin-right: 22px;
}
.topLink li:last-child a{margin-right: 0;}
.topLink li a::after{
	content: ""; display: inline-block; position: absolute;
	top: 20px; right: -13px;
	background-repeat: no-repeat;	
	background-position: -275px 0;
	width: 3px; height: 3px;
}
.topLink li:last-child a::after{display: none;}
.gnb_wrap{
	position:relative;
	width:1200px; height:100%;
	margin:0 auto; padding-left: 390px; padding-right: 40px;
}
.gnb_wrap .top_logo{
	display: inline-block; position: absolute;
	text-indent: -9999px;
	top: 20px; left: 0;
	background-image: url(/img/common/logo.png);
	background-repeat: no-repeat;	
	width: 400px; height: 60px;
}
#gnb{position:relative;width:100%;height:100%; }
#gnb > ul{width:100%;height: 99px}
#gnb > ul > li{
	float:left; position:relative;
	text-align: center;height: 100%;
}
#gnb > ul > li > h2{
	width: 100%; height: 100%;
	font-size:18px; display:inline-block; 
	font-weight:bold; color:#333;
	font-family: 'NanumSquare';
	padding: 0 43px;
}
#gnb > ul > li > h2 a{display:block; width: 100%; height:100%; padding-top: 45px;}
#gnb > ul > li > h2 a:hover,
#gnb > ul > li > h2 a:focus{
	color:#004ab9;
}
#gnb > ul > li > h2 > a{float:left;}
#gnb > ul > li .gnbSub{
	position:absolute; z-index:100;	
	top:100px; left:0; display:none;
	width: 100%; height: 560px;
	padding: 30px 15px 0 15px;
	border-left: 1px solid #358fa5;
}
#gnb > ul > li:last-child .gnbSub{border-right: 1px solid #358fa5}
#gnb > ul > li .gnbSub.on{
	display:inline-block;
}
#gnb > ul > li .gnbSub.on2{
	background:rgba(27,130,153,1);
}
#gnb > ul > li .gnbSub li{
	width: 100%; text-align: left;
}
#gnb > ul > li .gnbSub li a{
	color:#323279; display:block;font-size: 14px;
	padding-left: 8px; color: #fff;margin-bottom:15px;letter-spacing:-2px;
	line-height: 1.3; position: relative; word-wrap: break-word;
}
#gnb > ul > li .gnbSub li a::before{
	content: ""; display: inline-block; position: absolute;
	top: 7px; left: 0px;
	background-color: #98e0f0;
	width: 3px; height: 3px;
}
#gnb > ul > li .gnbSub li a:hover,
#gnb > ul > li .gnbSub li a:focus{
	text-decoration: underline;
	font-weight: bold;
}
#gnb_Bg{position:absolute;top:100px; left:0;width:100%; height:0px;
background:rgba(27,130,153,0.95); overflow: hidden;}
.gnboverarea .bg_box{
	position: absolute;
	top: 0; left: 0; margin-left: -230px;
	width: 50%; height: 460px;
}
.gnboverarea .bg_box div{	 
	width: 366px; height: 100%;
	font-size: 26px; line-height: 32px; color: #86c3f2;
	position: absolute; right:0;
	padding:30px 0 0 0;
	font-family: 'NanumSquare';
}
.gnboverarea .bg_box div p{color: #fff; font-size: 15px}

.gnboverarea .bg_box div::after{
	content: ""; display: inline-block; position: absolute;
	bottom: 0px; right:0;
	background-image: url(/img/common/gnb_bg.png);
	background-repeat: no-repeat;	
	width: 366px; height: 226px;
}
.btn_m_search{
	width: 42px; height: 42px;
	background-color: #69a9da;
	position: absolute;
	right: 0; top: 34px;
	transition: background-color 0.3s;
}
.btn_m_search:focus,.btn_m_search:hover{background-color: #518ebd}
.btn_m_search::after{
	content: ""; display: inline-block; position: absolute;
	top: 9px; left: 10px;
	background: url(/img/common/imt_ic_search01.png) center center;
	background-repeat: no-repeat;	
	width: 20px; height: 22px;
}
.btn_m_search.on::after{
	top: 13px; left: 13px;
	background-image: url(/img/common/com_img.png);
	background-position: -10px -177px;
	width: 16px; height: 16px;
}
.m_search_box{
	width: 100%; height: 160px; position: absolute;
	background: #34446c;
	display: none; z-index: 100;
}
.m_search_box::after{
	content: ""; display: inline-block; position: absolute;
	top: -10px; left: 50%; margin-left: 570px;
	background-color: #34446c;
	background-repeat: no-repeat;	
	background-position: -322px -22px;
	width: 19px; height: 19px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.m_search_box.on{
	display: block;
}
.m_search{
	width: 550px;height: 50px;
	margin: 45px auto 0 auto;	
	border-radius: 25px; background: #fff;
	position: relative;
	overflow: hidden;
}
form[name="serch_form"]{
	display: inline-block;
	width: 100%;height: 100%;
	padding: 0 75px 0 130px;
	position: relative;
}
form[name="serch_form"]::after{
	content: ""; display: inline-block; position: absolute;
	top: 22px; left: 100px;
	background-image: url('/img/common/com_img.png');
	background-repeat: no-repeat;	
	background-position: -100px -150px;
	width: 11px; height: 6px;
}
.m_search_select{
	position:absolute;top:11px;left:20px;
	padding:2px 35px 2px 5px; font-weight: bold;
	-webkit-appearance: none;-moz-appearance: none; appearance: none; border:0;
} 
.m_search_select::-ms-expand { display: none; }
.m_search input.m_search_text{
	display: inline-block;
	width: 100%; height: 100%;
	-webkit-appearance: none;-moz-appearance: none; appearance: none; border:0;
}
.m_search .btn{
	position: absolute; right: 0; top:0;
	border:none; display: inline-block;	
}
.m_search_btn{
	background-image: url(/img/common/imt_ic_search02.png);
	background-size: 22px 24px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 75px; height: 50px;
	display: inline-block;
	cursor: pointer;
	border: none;
	text-indent: -9999px;
}


.btnMenu, #total_m_lay{display: none;}


/* ÅëÇÕ°Ë»ö */
.search_form .m_search{width:470px;position: absolute;top:27px;left:50%;margin: 0 0 0 -235px;border:1px solid #abb0bd}
.search_form .m_search .m_search_btn{background-image: url(/img/common/imt_ic_search02.png);}
.search_form .m_search .m_search_select{color: #293a64}
.search_form .m_search form[name="serch_form"]::after{background-position: -489px -10px}




/* ---- Áß°£¿µ¿ª ---- */
#container{position:relative;}
#subContainer{position:relative;margin:0 auto;padding-top:50px;width:1200px;}
#subContainer::after{display:block;clear:both;content:''}
#subContainer aside{float:left;width:230px}
#subContainer aside .left_title{padding-top:60px;height:150px;background:url(/img/sub/lnb_top_bg.jpg) no-repeat;}
#subContainer aside .left_title h2{margin-bottom:10px;font-family:'NanumSquare';
	font-size:30px;color:#fff;text-align:center;line-height:1;
}
#subContainer aside .left_title p{
	font-size:11px;color:#a5baf6;text-align:center;line-height: 1;
}
#subContainer #content{position:relative;float:right;padding-bottom:80px;width:910px;min-height:500px;}

.search_form #subContainer{padding-top: 0}
.search_form #subContainer #content{width: 100%;margin-top: -30px}



/*
================================================================================
¼­ºê ·¹À̾ƿô
================================================================================
*/

/* ¼­ºêºñÁÖ¾ó */
.sub_visual{width:100%;height: 213px;background: url(/img/sub/sub_visual_2.jpg) center center no-repeat; background-size: cover;padding-top: 75px;}
.sub_visual .txtBox{width: 1200px;margin: 0 auto;text-align:center; color: #fff;font-family: 'NanumSquare';font-size: 16px;}
.sub_visual .txtBox .big{font-size: 44px; line-height:34px; color: #fff; font-weight: bold;letter-spacing: -1.3px; }
.sub_visual.bg02{background-image: url(/img/sub/sub_visual_2.jpg);}
.sub_visual.bg02 .big{color: #fff; text-align:center;}
.sub_visual.bg02 p{font-size: 14px; margin-top:15px; color: #fff; text-align:center;}



/* ¿ÞÂʸ޴º */
#lnb li{position:relative;border-bottom:1px solid #e8e8e8;}
#lnb li a{position:relative;display:block;word-break: keep-all;}
#lnb > li{border:1px solid #d7d7d7;margin-top:-1px}
#lnb > li > a{
	font-size:16px;display:block;color:#555;padding:15px 35px 15px 30px;
	text-decoration:none;background-color:#fff;font-weight: bold;word-break: break-word;
}
#lnb > li > a::after{content: "";display: inline-block;width: 7px;height: 12px;background-image: url(/img/common/com_img.png);background-position: -211px -240px;position:absolute;right:26px;top:23px;}
#lnb > li > a:hover{text-decoration:underline}
#lnb > li.open{}
#lnb > li.open > a{color:#fff;background:#293a64;font-weight: bold;}
#lnb > li.open > a::after{background-position: -228px -240px;}




#lnb > li > ul{
	display:none;padding:10px 0;background:#f7f7f7;	
}
#lnb > li > ul > li{margin-bottom:5px;font-size:14px;line-height:18px; }
#lnb > li > ul > li > a{padding:5px 10px 5px 38px;   }
#lnb > li > ul > li.open > a,
#lnb > li > ul > li > a:hover{
	color:#255993;text-decoration:underline;
	font-weight: bold;
}
#lnb > li > ul > li.open > a::before{
	
	background:url('/img/common/img_common2.png') no-repeat -161px -273px;	
	position:absolute;top:11px;left:24px;width:7px;height:7px;content:'';
}


/* location */
#content .location_box{width: 100%;height: 64px;background: url(/img/common/location_bd.gif) left bottom repeat-x;position: relative;margin-bottom: 50px;}
#content h1.title{color: #333;font-family: 'NanumSquare';font-size: 34px;border: none;padding: 0;position: absolute;left:0;top:5px;margin-bottom: 0;}
#content .location_box .rightBox{float:right;padding-right: 50px;padding-top: 20px;position: relative;}
#content .location{overflow: hidden;display: inline-block;}
#content .location li{float: left;margin-right: 35px;position: relative;color: #666;}
#content .location li::after{content: "";display: inline-block;width: 6px;height: 10px;position:absolute;top:7px;right: -20px;background: url(/img/common/com_img.png) -167px -210px no-repeat;}
#content .location li:last-child{font-weight: bold;color: #444;margin-right: 0;}
#content .location li:last-child::after{display: none;}
#content .location li.home{display: inline-block;width:15px;height:100%;text-indent: -9999px;}
#content .location li.home::before{content:"";display: inline-block;width: 15px;height: 13px;background: url(/img/common/com_img.png) -101px -177px no-repeat;position:absolute;left:0;top:5px;}
#content .location_box .btnPrint{width: 36px;height: 36px;display: inline-block;position: absolute;right:0;top:12px;border-radius: 50%;border:1px solid #dbdbdb;text-indent: -9999px;}
#content .location_box .btnPrint::after{content:"";display: inline-block;width: 16px;height: 17px;background: url(/img/common/com_img.png) -141px -210px no-repeat;position:absolute;left:10px;top:9px;}



/* footer */

#footer{
	width: 100%; position: relative;
	background: #f2f2f2;
}
#footer .footeLink{
	width: 100%; border-bottom: 1px solid #dddddd;
	padding: 20px 0;
}
.footeLink .linkBox{
	width: 1200px; margin: 0 auto;
}
.linkBox ul{
	display: inline-block;
}
.linkBox ul li{
	float: left; margin-right: 40px;
	position: relative; line-height:50px;
}
.linkBox ul li a{
	color: #666666;
}
.linkBox ul li a span{
	color: #333; font-weight: bold;
}
.linkBox ul li::after{
	content: ""; position: absolute;
	top: 20px; right: -20px; 
	display: inline-block; width: 1px; height: 8px;
	background: #c8c8c8;
}
.linkBox ul li:last-child::after{
	display: none;
}
.linkBox .downLink{
	display: inline-block;float: right;
	font-size: 15px; color: #333; line-height:57px;
	padding-right: 42px; font-weight: bold;
	background: url('/img/main/ic_foot_down.png') right center no-repeat;
}
#footer .footInfo{
	width: 1200px; margin: 0 auto;
	overflow: hidden; padding: 40px 170px 40px 270px;
	color: #666666; position: relative; 
}
.footInfo .footLogo{
	position: absolute;
	top: 40px; left: 0;
}
.footInfo .infoTxt{
	letter-spacing: -1px;
}
.footInfo .infoTxt ul{
	overflow: hidden;
}
.footInfo .infoTxt li{
	float: left; margin-right: 30px;
}
.footInfo .infoTxt li span{
	font-weight: bold; color: #555;
}
.footInfo .copy{
	color: #8c8c8c; margin-top: 20px;
}
.footInfo .csInfo{
	position: absolute;
	top: 40px; right: 0;
}
.footInfo .csInfo p{
	display: block; color: #333;
	font-size: 34px; font-weight: bold;
	margin: 5px 0;
}


.contentBox{width:1200px;margin:0 auto;}



/*
================================================================================
¹ÝÀÀÇü ·¹À̾ƿô
================================================================================
*/

@media all and (min-width:1201px){
	#total_m_lay{
		display: none; left:-230px; position: absolute;
	}
}


 /* PC Device 1200 */
@media all and (max-width:1200px){

.gnb_wrap{padding: 0;width: 100%;padding-top: 20px;text-align: center;}	
.head_wrap, #gnb{
		display: none;
	}

.gnb_wrap .top_logo{left:inherit;top:inherit;margin-left: 0px;}
.btn_m_search{right: 30px;top:30px;}

#container .content{width: 100%;}

	/* ¸ð¹ÙÀϸ޴º */
	.btnMenu{display:inline-block;position: absolute;left:30px;top:34px;width:30px;height: 24px;background: url(/img/common/com_img.png) -479px -334px no-repeat;text-indent: -9999px;cursor: pointer;}
	#total_m_lay{
		position:fixed;top:0;left:-230px;width:230px;height:100%;overflow:auto;
		background:#005aab;z-index:500;
		transition: all 0.3s;
		-ms-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s; 
		-o-transition: all 0.3s;}
	#total_m_lay.mOpen{left:0}	
	#total_m_lay .total_m > ul{
		background:#293a64
	}
	#total_m_lay .total_m li{position:relative}
	#total_m_lay .total_m li a{display:block;font-family:'NanumSquare';}
	#total_m_lay .total_m li button{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999px;overflow:hidden;}
	#total_m_lay .total_m > ul > li{
		width:auto !important;font-size:18px;border-bottom:1px solid #405eb3;
	}
	#total_m_lay .total_m > ul > li.has-sub > a::after{
		position:absolute;top:22px;right:20px;
		width:6px;height:10px;content:'';
		background:url('/img/common/com_img.png') no-repeat -183px -210px}
	#total_m_lay .total_m > ul > li.has-sub.open > a::after{
		width: 10px; height: 6px;
		top:24px;
		background-position:-199px -210px
	}
	#total_m_lay .total_m > ul > li > a{
		display:block;color:#fff;font-size: 18px;
		padding:15px 0 15px 40px;font-weight:bold;text-decoration:none;
		word-break: keep-all;
	}
	#total_m_lay .total_m > ul > li > ul{display:none;padding:0;background:#e7e7e7;}
	#total_m_lay .total_m > ul > li > ul > li{
		font-size:17px;border-bottom:1px solid #e7e7e7
	}
	#total_m_lay .total_m > ul > li > ul > li > a{
		background: #fff;word-break: break-all;
		padding:15px 40px 15px 40px;color:#333;
	}
	#total_m_lay .total_m > ul > li > ul > li > a:hover,
	#total_m_lay .total_m > ul > li > ul > li > a:focus{background-color: #eee;}
	#total_m_lay .total_m > ul > li > ul > li.open > a{background-color:#7197e2;color: #fff;}
	#total_m_lay .total_m > ul > li > ul > li.has-sub > a::after{content:"";display:inline-block;position: absolute;right:23px;top:25px;background-image: url(/img/common/com_img.png) ;background-repeat: no-repeat;background-position: -191px -115px;width: 7px;height: 4px;}
	#total_m_lay .total_m > ul > li > ul > li.has-sub.open > a::after{background-position: -191px -124px;}
	#total_m_lay .total_m > ul > li > ul > li > ul{display: none;padding: 20px 0}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a{font-size: 15px;padding: 5px 10px 5px 50px;position: relative;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a:hover,
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a:focus,
	#total_m_lay .total_m > ul > li > ul > li > ul > li.open > a{text-decoration: underline;font-weight: bold;color: #293a64;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a::before{content:"";display:inline-block;position: absolute;left:40px;top:12px;background-image: url(/img/common/com_img.png) ;background-repeat: no-repeat;background-position: -191px -46px;width: 5px;height: 7px;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li.open > a::before{background-position: -191px -73px;}



	.mbTopLogo{
		width: 100%; height: 144px;
		position: relative;
		text-indent: -9999px;
		background: url(/img/common/m_top_logo.png) center center no-repeat;
	}

	.btnMenuClose{position:absolute;top:0;left:0;width:35px;height:35px;text-indent:-999px;overflow:hidden;opacity:0;background: url(/img/common/com_img.png) no-repeat 0 -166px;z-index:20}
	.btnMenuClose:focus{opacity:0.5}

	.wra_box{position:fixed;top:0;left:0;height:auto;z-index:200}
	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:450}

	.sub_visual .txtBox{width: 100%;padding: 0 30px;}

	#subContainer aside{width: 100%;}
	#subContainer aside nav{display: none;}
	#subContainer aside .left_title{background-size: cover;padding: 0;height: 60px;}
	#subContainer aside .left_title h2{text-align: left;padding-left: 30px;height: 100%;line-height: 60px;font-size: 20px}
	#subContainer aside .left_title p{display: none;}

	#subContainer{padding-top: 0px;}
	#subContainer,#subContainer #content{width: 100%;}
	#subContainer #content{padding: 40px 30px;}
	#content .location_box{height: 100px;text-align: center;}

	#content h1.title{display:block;position: relative;left: inherit;}
	#content .location_box .rightBox{display: inline-block;float: none;}
	
.footeLink .linkBox,
		#footer .footInfo{
			width: 100%; padding: 0 10px;
		}
		.linkBox .downLink{
			position: absolute;
			right:20px; top: 50px;
			z-index: 10;
		}
		#footer .footInfo{
			padding: 40px 20px;
			height: 280px; 
		}
		.footInfo .infoTxt{
			width: 100%; padding-right: 30%;
			padding-bottom: 25px;
			border-bottom: 1px solid #ddd;
		}
		.footInfo .footLogo{
			top: 160px; left:20px;
		}
		.footInfo .csInfo{
			top: 160px; right:20px;
		}
		.footInfo .copy{
			position: absolute;
			bottom: 20px; left:20px;
		}


.search_form #subContainer #content{padding: 0 0 30px 0;margin-top: 0;}
.search_form .sub_visual{display: none;}
.search_form .gnboverarea{border: none; height: auto;}
.search_form .gnb_wrap{padding:20px 0;background: #fff; text-align: center;}
.gnb_wrap .top_logo{position: relative;top:inherit;left: inherit;margin-left: 0;display: inline-block;}
.search_form .m_search{width:100%;position: relative;top:inherit;left: inherit;margin: 0;}
.search_form .m_search_wrap{padding: 20px;background: #34446c;}

.contentBox{width:100%;}


}

 /* Mobile */
@media all and (max-width:640px){
	
	.gnboverarea{height: 85px;}
	.gnb_wrap .top_logo{width: 180px;height:46px;background-size: cover; }
	.btnMenu{left: 20px;top:27px;}
	.btn_m_search{right: 20px;top:20px;}

	.m_search_box{padding: 0 20px;}
	.m_search{width: 100%;}

	.sub_visual{height: 150px;padding-top: 55px}
	.sub_visual .txtBox{font-size: 11px;padding: 0 0 0 20px}
	.sub_visual .txtBox .big{font-size: 19px;letter-spacing: -2.2px;}
	
	#subContainer #content{padding: 30px 20px;}
	#subContainer #content h1.title{font-size: 28px}
	#subContainer aside .left_title h2{padding-left: 20px;}
	#content .location_box{height: auto;padding-bottom: 25px}
	#content .location_box .rightBox{display: none;}
	
#footer .footInfo{
			width:100%; 
			text-align: left;
			padding: 20px 20px;
		}
		.footInfo .infoTxt{
			width:100%; display: block;
		}
		.footInfo .infoTxt li{
			width:100%; display: block;
		}
		.footInfo .csInfo{
			top:10px; text-align: left;
		}
		.footInfo .csInfo p{
			font-size: 18px;
		}
		.footInfo .footLogo{
				top:200px; left:40%; width: 130px;
		}
		.footInfo .copy{
			top:230px;  width: 100%; text-align: center;
		}




	.search_form .gnb_wrap .top_logo{margin-left: 0;}



}



/* »ó´Ü Æ˾÷ */
.top_popup_wrap{width: 100%;height: 70px;}
.top_popup_wrap .pop_box{height: 100%;padding: 20px 0 0 230px}
.top_popup_wrap .pop_box h2{font-size: 21px;display: inline-block;}
.top_popup_wrap .close_box{float: right;color: #fff;}
.top_popup_wrap .closeBtn{display: inline-block;width: 32px;height: 32px;background: url(/img/common/img_common2.png) -191px -468px no-repeat;text-indent: -9999px;margin-left: 5px;margin-top: -5px;}

@media all and (max-width: 1200px){
	.top_popup_wrap{height: 105px;text-align: right;}
	.top_popup_wrap .pop_box{padding: 20px;background-size: cover !important;}
	.top_popup_wrap .pop_box h2{font-size: 17px}
	.top_popup_wrap .closeBtn{text-align: left;}
}