@charset "utf-8"
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean');
@font-face{	font-family:'Noto Sans CJK KR Bold';font-weight:normal; src:url('/fonts/NotoSansCJKkr-Bold.otf');}
@font-face{	font-family:'Noto Sans CJK KR Regular';font-weight:normal; src:url('/fonts/NOTOSANSCJKKR-DEMILIGHT.OTF');}

.bg-red {
	background:#881C25;
}
table {
    border-collapse: collapse;
    box-sizing: border-box;
}
.li_table{width:798px !important;margin-left: -14px;border-top: 3px solid #e8af3e !important;color:#7f7f7f;}
.li_table th{width:798px !important;margin-left: -14px;border-top: 3px solid #e8af3e !important;
height:50px !important;background-color: #fcf3e2;}
table tr:first-child{border-top: 3px solid #881C25 !important;}
table tr th{
	background-color: #feffff !important;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;
	color:#0f0f0f !important;
	
	<div>email을 이용하시면 더 빠른 답변을 받으실 수 있습니다.</div>
	padding : 5px 5px 5px 5px;
	height:40px;
}
table tr td{
	color:#0f0f0f !important;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	min-height:30px;
	padding : 10px 10px 10px 10px;
	line-height: 18.75px;
}
table tr td input,select,textarea{font-size: 12px;}

table tr td:last-child{border-right:none;}
div{box-sizing:border-box;padding:0px;margin:0px;}
 a { text-decoration: none; outline: none; color:#000;}
a:hover{cursor: pointer;}

.pos-ab{position:absolute;}
.pos-rt{position:realtive;}
.border-1{border:1px solid #b6b9ba;}
.link-b{color:#881C25 !important;font-weight: bold !important;}
.size01{width:100%;height:auto;}


.mg0{margin:0 auto;}
.mgx{margin:0;}
.pdx{padding:0px !important;}
.mg-rx{margin-right:0px !important;}
.mg-lx{margin-left:0px;}
.mg-tx{margin-top:0px;}
.mg-bx{margin-bottom:0px;}



.mg-t-3{margin-top: 3px;}
.mg-t-5{margin-top: 5px;}
.mg-t-10{margin-top: 10px;}
.mg-t-20{margin-top: 20px;}
.mg-t-30{margin-top: 30px;}
.mg-t-40{margin-top: 40px;}
.mg-t-50{margin-top: 50px;}
.mg-t-60{margin-top: 60px;}
.mg-t-70{margin-top: 70px;}
.mg-b-10{margin-bottom: 10px;}
.mg-b-20{margin-bottom: 20px;}
.mg-b-30{margin-bottom: 30px;}
.mg-r-10{margin-right: 10px;}
.mg-r-20{margin-right: 20px;}
.mg-l-li_table{margin-left: -14px;}
.mg-l-10{margin-left: 10px;}
.mg-l-20{margin-left: 20px;}
.mg-l-30{margin-left: 30px;}
.mg-l-40{margin-left: 40px;}
.mg-l-50{margin-left: 50px;}
.mg-h-sm{margin-top: 17px;line-height: 18.75px;}

.pd-l-10{padding-left: 10px;}
.pd-l-18{padding-left: 18px;}
.pd-l-20{padding-left: 20px;}
.pd-l-30{padding-left: 30px;}
.pd-l-40{padding-left: 40px;}
.pd-r-10{padding-right: 10px;}
.pd-r-18{padding-right: 18px;}
.pd-r-20{padding-right: 20px;}
.pd-r-30{padding-right: 30px;}
.pd-t-5{padding-top: 5px;}
.pd-t-10{padding-top: 10px;}
.pd-t-15{padding-top: 15px;}
.pd-t-20{padding-top: 20px;}
.pd-t-30{padding-top: 30px;}
.pd-t-40{padding-top: 40px;}
.pd-t-50{padding-top: 50px;}
.pd-b-10{padding-bottom: 10px;}
.pd-b-20{padding-bottom: 20px;}
.pd-b-30{padding-bottom: 30px;}


.pd-t-3{padding-top: 3px !important;}
.pd-3{padding: 3px;}
.pd-5{padding: 5px;}
.pd-10{padding: 10px;}
.pd-ud{padding: 5px 5px 0px 0px;}

.tb-ft-sm{font-size: 11px !important;}

.tb-ft-md{font-size: 14px !important;;}
.tb-ft-lg{font-size: 18px !important;;}
.tb-pd-l{padding-left:5px;padding-top:5px;padding-bottom:5px;}

.ta-c{text-align: center;}
.ta-l{text-align: left;}
.ta-r{text-align: right;}


.bg-wrap{width:100%;}
.bg-w{background-color: #fff;}
.bg-y-rlight{background-color: #fbf7f0 !important;}
.bg-y-light{background-color: #f9e9ca !important;}
.bg-y-bold{background-color: #f2d292;}
.bg-y-bold2{background-color: #e8af3e;color:#fff;}
.bg-gray{background-color: #e0e0e0;}
.bg-blue{background-color: #881C25;}
.bg-white{background-color: #fff;}
.bg-gray-vbold{background-color: #99a3af;color:#fff;}
.bg-k{background-color: #000;}

.border-b{border-bottom: 1px solid #b6b9ba;}
.border-l-x{border-left: none;}
.border-r-x{border-right: none;}
.border-t-x{border-top: none;}
.border-b-x{border-bottom: none;}
.border-1k{border:1px solid #000;}
.border-b-1k{border:1px solid #000;}
.border-3k{border:3px solid #000;}
.border-b-1y{border-bottom:1px solid #e8af3e;}
.border-3y{border:3px solid #e8af3e;}

.ft-w-r{font-weight: 400 !important ;}
.ft-w-n{font-weight: normal !important ;}
.ft-w-b{font-weight: bold !important;}
.ft-w-vb{font-weight: 800 !important;}
.bt-c-y-l{color:#f9e9ca;}
.bt-c-y-b{color:#f2d292;}

.ft-sm{font-size: 13px !important;}
.ft-sm-box {
  border: 4px solid #881C25;
  padding: 10px;
	display: flex;
	align-items: center;
}
.ft-sm-box img {
  float: right;
  margin-left: 10px;
  width: 70px;
  height: auto;
}
.ft-sm-box .ft-sm-text {
  flex: 1;
}
.ft-sm-notice{
	font-size: 18px !important;
	word-break: keep-all;
	font-weight: bold;
  font-family: 'Noto Sans KR', sans-serif;}
.ft-sm-email{
	font-size: 16px !important;
	word-break: keep-all;
  font-family: 'Noto Sans KR', sans-serif;}
.ft-sm tr td {
    font-size: 12px !important;
    word-break: keep-all;
		font-family: 'Noto Sans KR', sans-serif;
}
.ft-sm-b{font-size: 19px;color:#e8af3e;font-weight:bold;}
.ft-sm8{font-size: 8px !important;}
.ft-rsm{font-size: 11px !important;}
.ft-md{font-size: 14px !important;}
.ft-lg{font-size: 20px;font-weight: 800 ;}
.ft-pg{
	font-weight: bold;
	font-size: 20px;margin-top: 50px;
}

.ft-pg-sub{
	font-size: 15px;margin-top: 5px;color:#484848;
}
.ft-h{font-size: 24px;padding-top: 15px;color:#000;font-weight: bold;}



.box{padding:20px;margin-top:30px;}
.box-size-full{padding:20px;width:100%;}


.ft-y-vbold-lg{color:#e8af3e;font-size: 19px;font-weight: bold;}
.ft-y-vbold{color:#e8af3e !important;}
/* .ft-red{color:#df362f important;} */
.ft-green{color:#0a9200 !important;}
.ft-blue{color:#156B94 !important;}
.ft-white{color:#fff !important;}
.ft-red{color:#881C25 !important;}
.ft-black{color:#000;}
.ft-c-r{color:#ff0000;}
.ft-c-rgray{color:#f5f5f5;}
.ft-c-gray{color:#7f7f7f !important;}
.ft-c-gray-vbold{color:#99a3af;}
.ft-c-k{color:#000;}
.lh-19{line-height: 19px;}
.lh-23{line-height: 23px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}

.cu-p{cursor: pointer;}
.rd-30-l{
	-webkit-border-radius: 30px 0px 0px 30px;
	-moz-border-radius: 30px 0px 0px 30px;
	border-radius: 30px 0px 0px 30px;
}
.rd-30-r{
	-webkit-border-radius: 0px 30px 30px 0px;
	-moz-border-radius: 0px 30px 30px 0px;
	border-radius: 0px 30px 30px 0px;
}
.rd-30{
	-webkit-border-radius: 30px 30px;
	-moz-border-radius: 30px 30px;
	border-radius: 30px 30px;
}

.hover_white:hover{background-color:#f0f0f0;cursor:pointer;}
.hover_green:hover{background-color:#0ab622;cursor:pointer;color:#fff;}
.hover_blue:hover{background-color:#881C25;cursor:pointer;color:#fff;}

.btn{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	
}
.btn-auto{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	padding-left: 7px;padding-right:7px; padding-top:3px;padding-bottom: 3px;width: auto;
}
.btn-red{
	background-color:#bd362f;
	color:#fff;
	text-align: center;
	font-weight: bold;
}
.btn-red:hover{background-color: #df362f;}
.btn-orange{
	background-color:#f89406;
	color:#fff;
	text-align: center;
	font-weight: bold;
}
.btn-orange:hover{background-color:#fbaa06;}
.btn-gray{
	background-color: #707070;
	font-weight: bold;
	text-align: center;
	color:#fff;
}
.btn-gray:hover{
	background-color: #95989a;
}
.btn-blue{
	background-color: #881C25;
	font-weight: bold;
	text-align: center;
	color:#fff;
}
.btn-blue:hover{
	background-color: #3b4cad;
}
.btn-green{
	background-color: #0a9200;
	font-weight: bold;
	text-align: center;
	color:#fff;
}
.btn-green:hover{
	background-color: #0ab622;
}

.btn-white{
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	color:#444444;
	border: 1px solid #b6b9ba;
}
.btn-white:hover{background-color: #f0f0f0;}
.btn-wrap{width:50%;margin:0 auto;height:35px;}
.btn-wrap-sm{width:166px;height:35px;}

.btn-gray-vbold{
	background-color: #99a3af;
	font-weight: bold;
	text-align: center;
	color:#fff;
}
.btn-y{
	background-color: #e8af3e;
	font-weight: bold;
	text-align: center;
	color:#fff;
}
.btn-rsm-auto{padding-left: 7px;padding-right:7px; padding-top:3px;padding-bottom: 3px;width: auto;font-size: 12px;color:#7f7f7f;}
.btn-rsm{
	width: 62px;height: 25px;font-size: 12px;line-height: 25px;
	
}


.btn-login-new{
	font-size: 12px;width:70%;margin:0 auto;padding:10px;
}
.btn-sm{
	width: 78px;height: 31px;font-size: 14px;line-height: 31px;
}
.btn-md{
	width: 133px;height: 35px;font-size: 14px;line-height: 35px;
}
.btn-lg{
	width: 90%;font-size: 15px;line-height: 44px;height:44px;
}
.btn-full{
	width: 100%;font-size: 15px;line-height: 44px;margin:0 auto;
}
.btn-tb-top{
	width: 138px;background-color: #e8af3e;height: 38px;line-height: 38px;
	color:#fff;font-weight: bold;font-size: 14px;
}
.btn-tb-top div{
	float:left;
}

.btn-login{
	width: 79px;height: 61px;font-size: 15px;color:#fff;
	background-color: #e8af3e;font-weight: bold;line-height: 61px;
	text-align: center;
}
.btn-login_find{
	width: 101px;;height:27px;text-align: center;color:#fff;line-height: 27px;
	font-weight: bold;background-color: #99a3af;font-size: 14px;
}

.gray-shadow{box-shadow: 0px 4px 10px 0px rgba(4, 0, 0, 0.34);background-color: #f5f5f5;}


.f-l{float:left;}
.f-r{float:right;}
.clearfix{clear:both;}

/* Main style */

	.login_close{float:right;margin-right:20px;margin-top: 20px;font-size: 30px;background-color: #881C25;width:40px;height:40px;
	text-align: center;color:#fff;cursor:pointer;font-weight: bold;line-height: 40px;
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	border-radius: 35px;}
	.login_wrap{
		background-color: #fff;z-index:9999;border:3px solid #881C25;width:470px;
		height:580px;
	}
	.login_cont{
		width:385px;margin:0 auto;
	}
	.login-title{
		font-size: 30px;font-weight: bold;text-align: center;margin-top: 10px;
	}
	.login-type{
		width:385px;margin:0 auto;margin-top: 50px;height:44px;
		font-size: 14px;color:#881C25;line-height: 42px;text-align: center;font-weight: bold;;
	}
	.login-type_on{
		border:2px solid #881C25;border-bottom:none;background-color: #fff;color:#881C25;width:50%;float:left;cursor:pointer;
	}
	.login-type_off{
		border-bottom:2px solid #881C25;border-top:none;border-left:none;border-right:none;background-color: #d0d0d0;color:#7f7f7f;width:50%;float:left;cursor:pointer;
	}

	
	.login-input-wrap{
		height:40px;width:100%;margin:0 auto;
	}
	.login-input-wrap input{width:100%;height:40px;padding-left:20px;font-size: 14px;}

	input[id="idcheck"] + label{
		border:1px solid #d0d0d0;width:20px;height:20px;
	}
	.login_checkbox_save{
		
	}
	.login_link{
		width:250px;height:18px;font-size: 13px;margin:0 auto;margin-top:30px;font-weight: bold;
	}
	.login_link span:first-child{padding-left:0px;}
	.login_link span{float:left;padding-right:14px;padding-left:14px;height:18px;font-size: 13px;border-right:1px solid #d0d0d0;}
	
	.login_link span:last-child{padding-right:0px;border:none;}
	.bold{font-family: 'Nanum Gothic', sans-serif;}
	.banner_event{position:fixed;top:100px;right:106px;
	}
	.banner_event > .img{width:180px;margin:0 auto;}
	.banner_event > .text{font-size: 19px;color:#881C25;font-weight: bold;margin-left: 20px;}
	.banner_event > .text b{font-size: 20px;color:#27ad60;}

	
	

	.navigation{
		width:204px;background-color:#617084;
		border-right: none;
	}
	.navigation img{margin: 0 auto;}
	.navigation .menu{
		color: #ffffff;
		font-size: 18px;
		font-weight:600;
		height:63px;
		padding-left:34px;
		border-right:none;
		padding-top:17px;
	}
	
	.navigation .menu div{
		padding:0px;margin:0px;float:left;
	}

	.navigation .loginbtn{
		height:60px;width: 68px;float:left;background-color: #fff;border-right:1px solid #e2e2e2;
	}
	.navigation .loginbtn .img{width:25px;padding-top:8px;margin: 0 auto;}
	.navigation .loginbtn .text{font-size:12px;text-align:center;color:#617084;font-weight:bold;margin-top:7px;}
	.submenu1{
		background-color: #fff;
		width:186px;
		border-top:1px solid #e2e2e2;
		font-weight: bold;
		border-right:none;
		border-left:none;
		
	}
	.submenu1 > div:first-child{
		height:248px;color: #000000;
		font-size: 35px;
		line-height: 37.5px;
		padding-left:33px;padding-top:76px;
		border-left: none;
		box-sizing:border-box;
		
		
	}
	.submenu1 .menutitle{
		height:45px;box-sizing:border-box;line-height: 45px;
		font-weight:bold;
		padding-left:20px;
	}
	.submenu1 .menutitle:first-child{
		border-top:1px solid #e2e2e2;
	}
	.submenu1 .menutitle2{font-size: 12px;padding-left:10px;height:25px;line-height: 25px;font-weight: normal;cursor:pointer;}
	
	.menutitle_act{
		background-color:#939EAC;
		color:#fff;
		cursor:pointer;
		border-top:none;
		border-bottom:none;
	}
	
	.familysite{
		width:1300px;clear:both;
		margin:0 auto;
	}
	.familysite div{
		background-color: #dddddd;
	}

	.titleBorder{width: 81px;
	border-top:3px solid #000;margin-bottom:15px;}
	.titleText{
		color: #000000;
		font-size: 30px;
		font-weight: 400;
		line-height: 37.5px;
		margin-bottom:96px;
		font-weight: bold;
	}
	.bot_banner{border-left:1px solid #e2e2e2;}
	.quicktitle{font-size:20px;font-weight:bold;margin-top:15px;}
	.index_bbslist_wrap{width:100%;height:28px;line-height: 28px;}
	.index_bbslist_wrap:hover{background-color: #f0f0f0; cursor:pointer;}
	
	
	.bot_banner .quick1{float:left;margin-top:20px;width:25%;height:100px;}
	.bot_banner .quick1 .img{width:90px;height:90px;margin:0 auto;}
	.bot_banner .quick1 .text{font-size:15px;font-weight:bold;text-align:center;margin-top:8px;}
	.bot_banner .go{font-size:13px;margin-left:18px;margin-top:27px;}
	
	.bot_banner .go{font-size:13px;margin-left:18px;margin-top:27px;}
	
/* tosel2 */

	#text1{
	margin-top:56px;
	margin-left:1px;
	font-weight:bold;
	color: #000000;
	font-size: 20px;
	float:left;
	margin-right:11px;
	}
	#text2{
	font-weight:bold;
	margin-top:56px;
	margin-left:1px;
	color: #939eac;
	font-size: 20px;
	float:left;
	margin-bottom:34px;
	}
	#box1{
		clear:both;
		margin-top:36px;
		margin-left:4px;
		padding-top:20px;
		padding-left:17px;
		padding-right:17px;
		padding-bottom:20px;
		width: 396px;
		height: 76px;
		background-color:#f7f7f7;
		color: #7c7979;
		font-size: 13px;
		box-sizing:border-box;
		font-weight:bold;
		line-height: 20.83px;
		
		
	}
	#text4{
		color: #000000;
		font-size: 20px;
		line-height: 37.5px;
		font-weight:bold;
		margin-top:357px;
		
	}
	.mid{margin-left:47px;margin-top:19px;}
	.midCon{margin-top:19px;margin-bottom:14px;height:78px;}
	.midCon img{float:left;margin-right:14px;}
	.midImgtext{
	color: #000000;
	font-size: 20px;
	line-height: 37.5px;
	font-weight:bold;
	float:left;
	}
	.midImgtitle{
	color: #000000;
	font-size: 20px;
	line-height: 37.5px;
	font-weight:bold;
	}
	.midImgCon{
		clear:left;
		color: #000000;
		font-size: 12px;
		line-height: 20.833px;
		font-weight:bold;
	}
	.midBox{
		width:281px;background-color:#f7f7f7;clear:both;
		color: #7c7979;
		font-size: 12px;
		line-height: 20.833px;
		font-weight:bold;
		padding:20px;
		box-sizing:border-box;
		
	}

	
	/* #part1{} */
	#part2{float:right;
		
	}
	#part1 #logo{margin-top:42px;}
	.title{
	color: #000000;
	font-size: 20px;
	font-weight:bold;
	line-height: 37.5px;
		border-bottom:3px solid #000;
	margin-bottom:11px;
	}
	#p2text1{width:473px;margin-bottom:37px;}
	#p2text2{width:108px;}
	.part2Text{
	color: #000;
	font-size: 13px;
	line-height: 20.833px;
	
	}
	#part2 #p2text1{width:473px;margin-bottom:37px;text-align:right;}
	#part2 #p2text2{width:108px;text-align:right;}
	#part2 .part2Text{
		text-align:right;
	color: #7c7979;
	font-size: 13px;
	line-height: 20.833px;
	font-weight:bold;
	}
	#part2 .title{
	color: #000000;
	font-size: 20px;
	font-weight:bold;
	line-height: 37.5px;
		border-bottom:3px solid #000;
	margin-bottom:11px;
		text-align:right;
	}

	
	/* tosel2 */
	
	/* .tosel2_top{} */
	.tosel2_top #left{
		float:left;margin-right:21px;
	}
	.tosel2_top #left img{
		margin-top:80px;
	}
	.tosel2_top #right{
		float:left;
	}
	.tosel2_contents{clear:both;margin-bottom:11px;height:135px;}
	.tosel2_contents #left {
		float:left;margin-right:12px;
	}
	.tosel2_contents #left img{
		
	}
	.tosel2_contents #right{
		float:left;height:135px;border:1px solid #f7f7f7;background-color:#f7f7f7;
		border-radius:20px;width:693px;
	}
	.tosel2_contents #right .title{
	color: #000;
	font-size: 20px;
	font-weight:700;
	padding-left:20px;
	margin-top:12px;
	box-sizing:border-box;
	border-bottom:none;
	}
	.tosel2_contents #right .text{
	color: #000;
	font-size: 13px;
	line-height: 20.833px;
	padding:20px;
	padding-top:0px;
	}
	.tosel2_contents #right .text .text2{
		background-color:#fff;
		padding-left:6px;
		width:490px;
		font-size:10px;
		font-weight:700;
		line-height:15px;
		
		color:#000;
	}
	.tosel2_contents #right .text .text2 span{color:#9b9b9b;}
	
	
	/* welcome */
	
	.welcome_text1{
	color: #000000;
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	margin-top:50px;
	}
	.welcome_profile{
		margin-top:28px;
		width:780px;
		height:323px;
		border-bottom: 5px solid #156B94;
	}
	.welcome_profile .left{
		float:left;
	}
	.welcome_profile .right{
		float:left;
		margin-left:32px;
	}
	.welcome_profile .right .text1{
	color: #881C25;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	margin-top: 10px;
	
	}
	.welcome_profile .right .text2{
	color: #000000;
	font-size: 15px;
	font-weight: 700;
	margin-top: 30px;
	}
	.welcome_profile .right .text3{
	margin-top:14px;
	color: #000000;
	font-size: 13px;
	font-weight: 400;
	clear:left;
	height:7px;
	}
	.welcome_profile .welcome_dot{
		width:6px;height:6px;-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;float:left;background-color: #156B94;margin-right:10px;margin-top:5px;
	}
	.welcome_profile .right .text3 div{float:left;}

	
	.welcome_profileText{
		margin-top:28px;
		width:780px;
		font-size: 13px;
		line-height:22px;

	}
	.welcome_profileText b{color:#156B94;}
	
	/* tosel/news */
	.news_headline{
		margin-top:63px;height:330px;
		
	}
	.news_headline .title{
		margin-bottom:12px;
		border-bottom:none;
	}
	.news_headline .contents{
		width:253px;float:left;margin-right:21px;
	}
	.news_headline .contents .info{
		background-color:#f5f6f8;
		height:103px;
		width:253px;
		border-left:1px solid #dddddd;
		border-right:1px solid #dddddd;
		border-bottom:1px solid #dddddd;
	}
	.news_headline .contents .info .newstitle{
		padding-left:18px;padding-top:18px;
		color: #000000;
		font-size: 15px;
		font-weight: 700;
		line-height: 16.667px;	
	}
	.news_headline .contents .info .newsdate{
		color: #000000;
		font-size: 12px;
		font-weight: 400;
		line-height: 16.667px;
		padding-left:18px;padding-top:18px;
	
	}
	.newsbbs{clear:both;margin-top:25px;}
	.newslist{width:795px;border-top:1px solid #95989a;height:53px;}
	.newslist:last-child{border-bottom:1px solid #95989a;}
	.newslist .title{
		border:none;color: #000000;
		font-size: 15px;
		font-weight: 700;
		line-height: 16.667px;
		padding-top:17px;
		padding-left:26px;
		float:left;
		width:70%;
		text-overflow: ellipsis;overflow:hidden;white-space: nowrap;
	}
	.newslist .date{
		color: #000000;
		font-size: 12px;
		font-weight: 400;
		line-height: 16.667px;
		padding-top:17px;
		padding-right:21px;
		float:right;
	}
	
	/* tosel/localtion */
	.location{
	
	}
	.location:last-child{}
	.location .title{
		color: #000000;
		font-size: 20px;
		font-weight: 800;
		line-height: 37.5px;
		border-bottom:none;
	}
	.location .title div{float:left;}
	.location .title div:first-child{margin-right:7px;}
	.location .subtext{color: #000;clear:both;
		font-size: 13px;
		margin-left:30px;
		margin-top:16px;
		line-height: 20px;
	}
	.location .img{margin-top:10px;width:611px;margin-left: 30px;}
	.notice{
		margin-top:94px;
	}

	.notice .noticebbs{border-top:3px solid #617084;width:798px;box-sizing:border-box;
		border-bottom:1px solid #95989a;
	}
	.notice .noticebbs tr th{
		background-color:#fcfcfc;
		height:47px;
	}
	.notice .noticebbs tr td{
		color: #000000;
		font-size: 20px;
		font-weight: 800;
		line-height: 37.5px;
		border-bottom:none;
		height:47px;
		border-top:1px solid #95989a;
	}
	
	
	.notice .noticebbs .title{
		padding-left:31px;
		border-bottom:none;
		color: #000000;
		font-size: 15px;
		font-weight: 400;
		line-height: 16.667px;
	}
	.notice .noticebbs .img{
		text-align:center;
	}
	.notice .noticebbs .date{
		color: #000000;
		font-size: 12px;
		font-weight: 400;
		line-height: 16.667px;
		text-align:center;
		
	}
	
	.notice_d {width:794px;}
	.notice_d .title{
		height:74px;
		padding-left:30px;
		background-color:#fcfcfc;
		border-bottom:none;
		color: #000000;
		font-size: 15px;
		font-weight: 700;
		line-height: 16.667px;
	}
	.notice_d .date{
		color: #000000;
		font-size: 15px;
		font-weight: 400;
		height:30px;line-height: 30px;
		padding-left:30px;
		border-bottom:1px solid #e2e2e2;
		border-top:1px solid #e2e2e2;
	}
	.notice_d .file{text-align:right;
		color: #000000;
		font-size: 12px;
		font-weight: 400;
		line-height: 16.667px;
		
	}
	.notice_d .file .img{margin-right:7px;width:21px;height:21px;padding-top:9px;float:right;}
	.notice_d .file .text{float:right;height:30px;line-height: 30px;padding-right:10px;}
	.notice_d  .maintext{padding-top:58px;padding-left:29px;
		color: #9b9b9b;
		font-size: 13px;
		padding-bottom:54px;
			
	}
	/* .notice_bottom{} */
	.notice_bottom .line{height:38px;background-color:#fff;clear:both;border-bottom:1px solid #dbdbdb;}
	.notice_bottom .line .text1{
		color: #000000;
		font-size: 12px;
		font-weight: 700;
		margin-left:25px;margin-top:10px;float:left;	
	}
	.notice_bottom .line .text2{float:left;
		color: #000000;
		font-size: 12px;
		font-weight: 400;
		margin-top:10px;
		margin-left:43px;
	}
	
	.contact_img{
		margin-top:97px;
	}
	.contact_title{
		color: #000000;
		font-size: 20px;
		font-weight: 800;
		margin-top:23px;
		
	}
	.contact_table{
		width:795px;margin-top:29px;
	}
	.contact_table tr td{border-bottom:1px solid #e4e5e5;height:48px;text-align:center;}
	.contact_table tr th{background-color:#fcfcfc;height:48px;border-bottom:1px solid #d6d7d8;border-top:2px solid #617084;}
	
	/* info/test_schedule */
	
	.test_schedule_title{
		color: #000000;
		font-size: 20px;
		font-weight: 700;
		line-height: 37.5px;
		margin-top:66px;
	}
	.schedule_title{color:#fff;height:35px;line-height: 35px;width:100px;margin-left:8px;font-weight:bold;text-align: center;font-size: 13px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	;}
	.schedule_table{
		width:100%;border:1px solid #b4b9bf;
	}
	.schedule_table th{
		background-color:#617084;color:#fff;font-size:12px;height:35px;font-weight:700;
		border-bottom:1px solid #b4b9bf;border-right:1px solid #b4b9bf;
	}
	.schedule_table td{
		color: #000000;
		font-size: 12px;
		font-weight: 700;
		line-height: 37.5px;
		text-align:center;height:49px;
		border-bottom:1px solid #b4b9bf;border-right:1px solid #b4b9bf;
	}
	.schedule_rule_title{
		width:758px;height:40px;
		color: #000000;
		font-size: 15px;
		font-weight: 400;
		line-height: 37.5px;
		background-color:#f5f5f5;border:#e3e3e3;
		padding-left:24px;
		
	}
	.schedule_rule_text{
		color: #9b9b9b;
		font-size: 12px;
		font-weight: 700;
		line-height: 14.583px;
		padding-left:23px;padding-top:28px;
		
	}
	
	/* info/exam_info */
	.exam_info_title{color: #000000;font-size: 20px;font-weight: 700;margin-top:59px;margin-left:15px;}
	.examinfo_subtitle{list-style:none;padding:0;border:1px solid #fff;}
	.examinfo_subtitle .text{font-weight:bold;margin-left:8px;margin-bottom:19px;}
	.examinfo_subtitle .text img {margin-top:10px;}
	.examinfo_subtitle .text div{float:left;}
	.examinfo_subtitle .text div:first-child{margin-top:-2px;margin-right:4px;}
	.examinfo_cont1{background-color:#f2f2f2;width:696px;height:355px;padding-left:22px;padding-top:23px;}
	.examinfo_cont1 img{margin-left:13px;}
	.examinfo_cont1 img:last-child{margin-left:18px;}
	.examinfo_cont1 .text{width:653px;height:29px;font-size:15px;font-weight:400;background-color:#fff;
	padding-left:12px;padding-top:5px;font-weight:500;}
	
	/* info/composition */
	.composition_nav{width:100%;height:468px;margin-top:21px;position:relative;}
	.composition_nav > .level_menu{width:165px;float:left;background-color: #efefef;border-bottom:2px solid #d0d0d0;color:#a0a0a0; }
	.composition_nav > .level_menu{cursor:pointer;}
	.composition_nav > .level_menu .text_wrap{position:absolute;bottom:20px;font-weight: bold;width:100%;}
	.composition_nav > .level_menu .text_wrap .text-level{font-size: 16px;padding-bottom:10px;clear:both;text-align: left;
	padding-left:10px;
	}
	.composition_nav > .level_menu .text_wrap .text-target{font-size: 12px;margin-top:10px;padding-left:10px;}
	.composition_graph_line{border-bottom:3px solid #fff;width:100%;margin:0 auto;}
	.composition_nav > .co{background-color: #ffe201;color:#fff;border-right:none;}
	.composition_nav > .pres{background-color: #de0064;color:#fff;border-right:2px solid #efefef;border-left:none;}
	.composition_nav > .sta{background-color: #e6521c;color:#fff;border-right:2px solid #efefef;border-left:none;}
	.composition_nav > .bas{background-color: #fec743;color:#fff;border-right:2px solid #efefef;border-left:none;}
	.composition_nav > .jun{background-color: #4bbace;color:#fff;border-right:2px solid #efefef;border-left:none;}
	.composition_nav > .hig{background-color: #3f5fab;color:#fff;border-right:2px solid #efefef;border-left:none;}
	.composition_nav > .pro{background-color: #00bcb4;color:#fff;border-right:2px solid #efefef;border-left:none;}

	.combine_img {
   	 width:100%;min-height:100%;margin:0 auto;position:relative;box-sizing:border-box;padding-top:30px;
   	 float:left;
	}
	.combine_img:after {
	    content : "";
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    background: url(../images/new/combine_img1.jpg);
	    background-size:cover; 
	    background-repeat:no-repeat;
	    width: 100%;
	    min-height: 100%;
	    z-index:1;
	    opacity:0.5!important;
    	filter:alpha(opacity=50);
    	background-color: #000;
	}
	.combine_info_j_wrap2{width:50%;background:rgba(0,0,0,0.5);height:450px;position:relative;z-index:2;margin:0 auto;margin-top:50px;padding:30px;float:left;margin-left:100px;}
	.combine_info_j_wrap{width:880px;margin:0 auto;float:right;margin-top:20px;margin-right:50px;}
	.combine_img > .combine_logo{
		width:900px;height:150px;
		background-color: #fff;background:rgba(255,255,255,0.5);z-index:3;
		padding:15px 30px 15px 30px;
		position:relative;
		margin:0 auto;
		
		border:5px solid #8b0028;
	}
	.combine_info_j{
		width:600px;color:#fff;background:rgba(0,0,0,0.5);font-size: 24px;z-index:2;position:relative;
		float:right;margin-top:50px;font-weight: bold;
		padding-top:30px;
		}
	.combine_info_j{}
	.combine_info_j:first-child{margin-left:0px;}
	.combine_info_j > .info1{border-bottom:3px solid #fff;text-align: left;margin-left:20px;width:200px;padding-bottom:20px;}
	.combine_info_j > .info{font-size: 14px;margin:20px;margin-top:10px;padding-bottom:20px;line-height: 23px;font-weight: normal;
		
	}
	
	.combine_nav{width:100%;height:500px;position:relative;z-index:2;margin-left:50px;}
	.combine_nav .menu{
		border:1px solid #fff;border-right:none;
		bottom:0;float:left;background-color: #000;position:absolute;background:rgba(20,20,20,0.8);
		color:#fff;
	}
	.combine_nav .menu:last-child{border-right:1px solid #fff;}
	.combine_nav .menu:hover{cursor:pointer;}
	.combine_nav .menu .text_wrap{position:absolute;bottom:20px;font-weight: bold;width:100%;}
	.combine_nav .menu .text_wrap .text-level{font-size: 16px;padding-bottom:10px;clear:both;text-align: left;
	padding-left:10px;
	}
	.combine_nav .menu .text_wrap .text-target{font-size: 12px;margin-top:10px;padding-left:10px;}
	.combine_graph_line{border-bottom:3px solid #fff;width:80%;margin:0 auto;}
	.combine-btn{position:relative;width:200px;height:100px;background-color: #000;padding-top:25px;line-height: 24px;text-align: center;float:left;margin-left:70px;margin-top:50px;
		color:#fff;font-weight: bold;border:2px solid #fff;cursor:pointer;z-index:2;background: rgba(0,0,0,0.1);
		background:rgba(0,0,0,0.5);
	}
	.combine-btn:hover{background-color: #fff;color:#000;}
	.combine-btn:first-child{margin-left:0px;}
	
	
	
	.combine_cardnews_wrap{
		width:1050px;margin:0 auto;position:relative;z-index:2;
		height:1000px;
		background: rgba(0,0,0,0.7);
		padding-top:50px;
		margin-top:50px;
		padding-bottom:50px;	
	}
	.cardnews{width:200px;float:left;margin-left:50px;margin-top: 50px;
		cursor:pointer;color:fff;
		position:relative;
	}
	
	
	
	.cardnews:last-child{margin-right:50px;} 
	.combine_cardnews_wrap > .cardnews > .thumbnail{width:200px;height:200px;marign:0 auto;}
	
	.combine_cardnews_wrap > .cardnews > .thumbnail img{width:200px;height:200px;}
	.cardnews:hover{transform:scale(1.1,1.1);overflow:hidden;}
	.combine_cardnews_wrap > .cardnews > .card_title{
		width:70%;
		margin:0 auto;
		font-size: 14px;z-index:99;
		text-align: center;font-weight: bold;
		position:absolute;top:0;left:50%;margin-left:-35%;
		display:none;
		margin-top:60px;
	}
	
	
	.portfolio_nav{width:805px;height:468px;margin-top:21px;position:relative;}
	.portfolio_nav .menu{bottom:0;float:left;position:absolute;background-color: #efefef;border-right:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;color:#a0a0a0;}
	.portfolio_nav .menu:hover{cursor:pointer;}
	.portfolio_nav .menu .text_wrap{position:absolute;bottom:20px;font-weight: bold;width:100%;}
	.portfolio_nav .menu .text_wrap .text-level{font-size: 16px;padding-bottom:10px;clear:both;text-align: left;
	padding-left:10px;
	}
	.portfolio_nav .menu .text_wrap .text-target{font-size: 12px;margin-top:10px;padding-left:10px;}
	.portfolio_graph_line{border-bottom:3px solid #fff;width:80%;margin:0 auto;}
	.portfolio_nav .co{background-color: #ffe201;color:#fff;}
	.portfolio_nav .pre{background-color: #de0064;color:#fff;}
	.portfolio_nav .sta{background-color: #e6521c;color:#fff;}
	.portfolio_nav .bas{background-color: #fec743;color:#fff;}
	.portfolio_nav .jun{background-color: #4bbace;color:#fff;}
	.portfolio_nav .hig{background-color: #3f5fab;color:#fff;}
	.portfolio_nav .pro{background-color: #00bcb4;color:#fff;}
	
	
	
	.comp_cont{clear:both;margin-top:76px;}
	.comp_cont .cont{clear:both;display:flex; justify-content:space-between;}
	.comp_cont .title{font-size:30px;font-weight:700;margin-left:345px;border-bottom:none;}
	.comp_cont .cont > .img{float:left; margin-left:100px;}
	.comp_cont .cont > .bubble-co{float:left;background-image: url(/images/new/comp_bubble.png);width:585px;height:219px;font-size:13px;font-weight:400;padding-left:65px;padding-top:35px;line-height:18px;padding-right:20px;}
	.comp_cont .cont > .bubble{float:left;background-image: url(/images/new/comp_bubble2.png);width:585px;height:100px;margin-top:40px;font-size:13px;font-weight:400;padding-left:65px;padding-top:30px;line-height:18px;padding-right:20px;}
	.comp_cont .cont > .bubble b{color:#156B94;}
	.comp_cont .cont > .bubble-co b{color:#156B94;}
	.comp_cont .comp_subtitle{clear:both;font-size:14px;font-weight:700;margin-top:59px;padding-bottom:13px;}
	.comp_cont .comp_subtitle div{float:left;}
	.comp_cont .comp_subtitle div:first-child{margin-left:13px;margin-right:6px;padding-top:8px;}
	
	.comp_cont .compTable{clear:both;width:100%;background-color:#f2f2f2;margin-top:13px;height:auto;padding-top:20px; padding-bottom:20px;;}
	.comp_cont .compTable .part{border:1px solid #b6b9ba;margin-left:25px;width:263px;float:left;position:relative;}
	.comp_cont .compTable .part div{font-size:14px;font-weight:700;background-color:#fff;width:265px;
	border-bottom:1px solid #b6b9ba;border-right:1px solid #b6b9ba;padding-top:18px;padding-left:13px;height:70px;}
	.comp_cont .compTable .part div:last-child{border-bottom:none;}
	.comp_cont .compTable .examplain{border:1px solid #b6b9ba;margin-left:25px;width:60%;float:left;}
	.comp_cont .compTable .examplain > .line1{padding-top:25px;padding-right:25px;}
	.comp_cont .compTable .examplain > .line2{padding-top:10px;line-height: 25px;padding-right:25px;}
	.comp_cont .compTable .examplain > .line3{padding-top:12px;padding-right:25px;}
	.comp_cont .compTable .examplain > .line4{padding-top:2px;}
	.comp_cont .compTable .examplain div{font-size:11px;font-weight:400;background-color:#fff;
	border-bottom:1px solid #b6b9ba;border-right:1px solid #b6b9ba;padding-left:16px;width:100%;line-height:16px;
	position:relative;
	height:70px;}
	.comp_cont .compTable .examplain div b{font-size:12px;font-wieght:700px;}
	.comp_cont .compTable .examplain div:last-child{border-bottom:none;}

	.sapW{width:100%;height:50px;margin-top:50px;line-height: 50px;border:1px solid #d0d0d0;border-bottom:none;}
	.sapW .txt{float:left;width:90%;background-color: #efefef;text-indent:20px;font-weight: bold;}
	.sapW .btnW{float:right;width:10%;}
	.sapW .btnW .btnSlide{
		float:right;margin-right:15px;color:#fff;text-align: center;
		font-weight: bold;font-size: 19px;margin-top:8px;
	}
	.qusW{width:100%;border:1px solid #d0d0d0;padding-top:30px;padding-bottom:30px;display:none;}
	.qusW .btnPN{float:right;width:200px;}
	.qusW .img{width:80%;height:auto;margin:0 auto;margin-top:30px;}
	.qusW .img img{width:700px;height:auto;}
	
	.qusW .mp3W{width:100%;margin-top:30px;}
	.qusW .btnW{float:right;width:150px;}
	
	.ansW {
		margin-top:30px;height:40px;width:120px;background-color: #000;float:right;color:#fff;line-height: 30px;padding-left:10px;
		font-weight: bold;cursor:pointer;
	}
	
	.fame_headImg{margin-top:48px;background-color:#fff;}
	.cont_fame{width:100%;background-color:#f0f0f0;margin-top:-20px;}
	.cont_fame .tick{font-size:18px;font-weight:bold;margin-left:23px;padding-top:30px;}
	
	.cont_fame .tick img{margin-top:5px;margin-right:5px;}
	.cont_fame .tick .year{float:left;height:50px;padding-top:7px;font-weight:bold;margin-right:20px;}
	.cont_fame .tick .turn {float:left;height:50px;}
	.cont_fame .turn .turnbtn{margin-top:8px;background-image: url(/images/new/fame_turn.png);width:79px;height:22px;text-align:center;font-size:12px;padding-top:2px;margin-right:10px;float:left;cursor:pointer;}
	.cont_fame .level{padding:0;margin:0;margin-left:-10px;margin-top:20px;}
	.cont_fame .level img{width:130px; height:auto;}
	.cont_fame .subment{font-size:24px;text-align:center;margin-top:35px;background-color:#f0f0f0;}
	.cont_fame .subment b{font-weight:bold;}
	.cont_fame .map{width:100%;margin-top:67px;}
	.conf_fame .map .flag{color:#fff;padding-left:10px;}
	.cont_fame .map .img{width:560px; margin:0 auto;}
	.cont_fame .flag{cursor:pointer;}
	
	

	.rct_list_table{
		border-collapse:collapse;box-sizing:border-box;width: 812px;color:#7f7f7f;border-right: none;margin: 0 auto;
		height:50px !important;background-color: #fcf3e2;
	}
	.rct_list_table tr:first-child{border-top: 3px solid #881C25 !important;}
	.rct_list_table tr th{
		background-color: #f5fff6 !important;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;
		color:#0f0f0f !important;
		
		padding : 5px 5px 5px 5px;
		height:40px;
	}
	.rct_list_table tr td{
		color:#0f0f0f !important;
		border-right: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		min-height:30px;
		padding : 10px 10px 10px 10px;
		line-height: 18.75px;
	}
	
	.rct_list_table tr td:last-child{border-right:none;}
	.group_receipt_list{height:50px;}
	.group_receipt_list:hover{background-color: #f0f0f0;cursor:pointer;}
	.border-1{border:1px solid #b6b9ba;}
	.group_grade_chk_head{width:14.28%;height:40px;text-align: center;line-height: 38px;cursor:pointer;border-right:none;font-size: 13px;border-left:none;}
	
	.group_grade_chk_head_select{font-weight: bold;background-color: #881C25;color:#fff;border-left:none;border-right:none;}
	
	.textbook_table{width:796px;background: url('/images/new/textbook_table.png') no-repeat;height:1574px;position:relative;}
	}
	.textbook_table  .row2:first-child{}
	.textbook_table  .row2{height:80px;width:100%;}
	.textbook_table  .row2 .con{float:left;width:65px;height:80px;cursor:pointer;}
	.textbook_table  .row2 .con img{width:100%;height:auto;}
	.textbook_table  .row2 .con:first-child{margin-left:130px;}
	
	.receiptCnt_wrap{width:50px;margin:0 auto;}
	.receiptCnt{width:50px;margin:0 auto;text-align: center;}
	
	.join_complete{
		width:100%;height:300px;font-size: 28px;text-align: center;;font-weight: bold;dding:50px 0; line-height:45px;padding-top:70px;line-height: 60px;
	}
	.join_complete strong{color:#0a9200;}
	.join_complete div:last-child{font-size: 18px;}
	.info_regulation1{list-style:none;margin-top:50px;clear:both;}
	.regulation_head_wrap{
		width:99%;margin:0 auto;height:40px;font-size: 14px;
	}
	.regulation_head_wrap .regulation_head{
		float:left;width:33%;text-align: center;height:40px;line-height: 38px;border:1px solid #d0d0d0;
		border-left:none;cursor:pointer;
	}
	.regulation_head_wrap .regulation_head:first-child{border-left:1px solid #d0d0d0;}
	.regulation_head_on{font-weight: bold;background-color: #881C25;color:#fff;border-left:none;border-right:none;}
	.info_regulation1 li{font-size: 14px;font-weight: bold;color:#881C25;padding:15px 10px 15px 10px;}
	.info_regulation1 li:hover{background-color:#f0f0f0;}
	.info_regulation1 li ul{list-style:none;}
	.info_regulation1 li ul li{color:#000;font-size: 13px;font-weight:normal;margin-left:10px;line-height: 22px;margin-top:-5px;}
	.info_regulation1 li ul li table{width:100%;}
	.info_regulation1 li ul li:last-child{}
	
	.book_KeepShopping_button {background:url(../images/buttonKeepShopping.png) no-repeat;width:160px;height:40px;float:right;margin-left:5px;}
	.book_GoShopping_button {background:url(../images/buttonGoShopping.png) no-repeat;width:160px;height:40px;float:right;margin-left:5px;}
	.basket_wrap{position:relative;}
	.textbook_bubble{
		width:300px;height:148px;text-align: center;line-height: 25px;position:absolute;top:-160px;right:-170px;background-color: #fff;display:none;
		background: url('../images/new/textbook_bubble.png');
	}
	.booklist_wrap{}
	.booklist_wrap > .title{font-size: 13px;border:none;margin-top:10px;}
	.booklist{
		width:148px;float:left;font-size: 12px;text-align: center;cursor:pointer;
	}
	.booklist:hover{}
	.booklist p{font-weight:bold;}
	.booklist > .img {width:110x;height:140px;margin:0 auto;margin-top:10px;}
	.booklist > .img img{width:110px;height:140px;border:1px solid #efefef;}
	}
	
	.mypage_index_wrap{
		width:100%;
	}
	.mypage_index_wrap > .row{
		width:100%;
	}
	.mypage_index_wrap > .row > .index{
		float:left;width:50%;height:200px;
		border:1px solid #d0d0d0;background-color: #f9f9f9;cursor:pointer;
	}
	.mypage_index_wrap > .row > .index_on{
		background-color: #881C25;color:#fff;
	}
	.mypage_index_wrap > .row > .index > .img{
		width:118px;margin:0 auto;margin-top:50px;
	}
	.mypage_index_wrap > .row > .index > .img img{
		width:118px;height:auto;
	}
	.mypage_index_wrap > .row > .index > .mypage_index_title{
		text-align: center;
		font-size: 20px;font-weight: bold;height:50px;
		width:120px;margin:0 auto;
		padding-top:10px;
		margin-top:10px;
	}
	.find_idpw_box{
		width:650px;height:350px;margin:0 auto;
	}
	.find_idpw_box .find_title{font-size: 24px;font-weight: bold;text-align: center;}
	.find_idpw_box > .input_wrap{width:90%;margin:0 auto;margin-top:50px;}
	.find_idPopup{position:absolute;width:500px;top:50%;left:50%; transform: translate(-50%, -50%); z-index:2;border:3px solid #881C25;background-color: #fff;line-height: 24px;padding-bottom:50px;}
	.find_idPopup .id_list{width:80%;text-align: center;border:1px solid #d0d0d0;margin: 0 auto;padding:10px;margin-top: 30px;}
	.find_passwordPopup{position:absolute;width:500px;height:350px;top:50%;left:50%;transform: translate(-50%, -50%);z-index:2;border:3px solid #881C25;background-color: #fff;line-height: 24px;}
	.book_info_wrap{
	}
	.book_info_wrap .pay_preview{width:370px;height:250px;background-color: #fbfbfb;border:1px solid #d0d0d0;padding:20px;float: right;}
	.book_info_wrap .pay_preview .pay_title{font-size: 14px;font-weight: 800;}
	.pay_tool{width:100%;text-align: center;}
	.pay_tool .pay_tool_count div{float:left; font-size: 18px;width:30px;height:30px;
		border-right:1px solid #d0d0d0;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;background-color: #fff;line-height: 30px;
	}
	.pay_tool .pay_tool_count div:first-child{border-left:1px solid #d0d0d0;}
	.pay_tool .price{font-size: 14px;font-weight: bold;line-height: 30px;}
	.book_info_wrap .total_price{color:#ff5a59;font-size: 24px;font-weight: bold;float:right;}
	
	
	
	.book_cover{width:300px;}
	.book_cover img{width:100%;height:auto;}
	.book_pay_info .book_info_title{float:left;width:100px;height:30px;line-height: 30px;font-size: 13px;font-weight: bold;}
	.book_pay_info .book_info_text{float:left;height:30px;line-height: 32px;font-size: 11px;}
	
	.pay_popup {margin:0; padding:0; font-size: 12px;}
	.pay_popup h1{
	  padding:0 10px; padding-bottom:10px; margin:0; display: block; background-color: #a3d063; float:none; color:#fff; line-height:2em; font-size:28px; font-weight: bold;
	}
	.pay_popup .pay_popup_warp{margin:15px;}
	
	.pay_popup .pay_popup_warp .confirm_box {border:1px solid #d0d0d0; padding:10px 15px; text-align:center; width:100%; margin:0  auto; margin-top:20px}
	.pay_popup .pay_popup_warp .confirm_box > div {margin:20px;}
	.pay_popup .pay_popup_warp .confirm_box input {vertical-align:middle; margin-right:5px; }
	.pay_popup .pay_popup_warp .confirm_box .arrow_list {text-align:left; list-style: circle; padding-right:10px; border-top:1px solid #d0d0d0; padding-top:20px; margin:30px 0;font-size:12px}
	.pay_popup .pay_popup_warp .confirm_box .arrow_list a {font-weight:bold; text-decoration:underline}
	.pay_popup .pay_popup_warp .confirm_box .form-group label{padding-top:7px; text-align:left;}
	.pay_popup .pay_popup_warp .confirm_box input[type="text"]{line-height: 24px; height:30px; border:1px solid #ccc; padding:0 5px; width:200px;}
	.pay_popup .pay_popup_warp .confirm_box select{font-size:12px; color:#676767; vertical-align:middle; height:20px; border:1px solid #bebebe}
	.pay_popup .pay_popup_warp .confirm_box label {margin-left:7px;}
	.pay_popup .alert{text-align: center; padding:20px; border:1px solid #d0d0d0;}
	.pay_popup .alert strong{color:#a3d063;}
	
	.pay_popup .hall_info{border:2px solid #a3d063; padding:10px 0; margin:20px 0;}
	
	.bar_list{width:100%; margin:0 auto;margin-top:20px;}
	.bar_list div{margin-top: 5px;}
	
	.faq_head {width:100%;}
	.faq_head .category{width:20%;border:1px solid #d0d0d0;height:200px;float:left;border-left:none;cursor:pointer;}
	.faq_head .category:first-child{border-left:1px solid #d0d0d0;}
	
	.faq_head .category_on{color:#fff;background-color: #881C25;border-left:none; border-right:none;cursor:pointer;}
	.faq_head .category_select{color:#fff;background-color: #881C25;border-left:none; border-right:none;cursor:pointer;}
	.faq_head .category > .wrap{margin:0 auto;margin-top:40px;width:100%;}
	.faq_head .category > .wrap > .img{margin:0 auto;max-width:79px;width:74px;}
	.faq_head .category > .wrap > .text{width:100%;font-size: 20px;text-align: center;font-weight: bold;margin-top:20px;;}
	
	.faq_search_wrap{width:100%;height:36px;margin-top:30px;}
	.faq_search_wrap > .search{width:40%;}
	.faq_search_wrap > .search input{width:100%;height:36px;}
	.faq_search_wrap > .btn{height:36px;line-height: 36px;}
	
	.faq_list_wrap{width:100%;}
	.faq_list_wrap .faq_list{width:100%;min-height:60px;line-height: 60px;border-top:none;padding:5px; display:flex; justify-content:flex-start; align-items:center;}
	.faq_list_wrap .faq_list:first-child{border-top:#d0d0d0 1px solid;}
	.faq_list_wrap .faq_list:hover{background-color: #f0f0f0;cursor:pointer;}
	.faq_list_wrap .faq_list .faq_type img{width:60%; text-align:center;}
	.faq_list_wrap .faq_list .faq_con{font-weight: bold;padding-left:15px;font-size: 12px;}
	.faq_list_wrap > .answer{display:none;border-top:none;background-color: #fbfbfb;}
	.faq_type  { text-align:Center;}
	
	.join_wrap .clause_box {margin-top: 30px}
	.join_wrap .clause_box h6 {margin-bottom:20px}
	.join_wrap .clause_box p {margin-bottom:40px; line-height:22px}
	.join_wrap .clause_box span{display:block; text-align:right; margin:10px 0 30px 0; vertical-align: middle;}
	.join_wrap .clause_box span input{vertical-align: middle;}
	.join_wrap .clause_box h5 {font-size:14px; background:url(../../images/common/bl_dot_black3.png) no-repeat 0 center; padding-left:8px; margin-bottom:10px; color:#383838}
	.join_wrap .clause_box div {border:1px solid #d0d0d0; padding:18px; height:214px; overflow-y:auto}
	.join_wrap .all_agree {text-align:right; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; padding:15px 0}
	.join_wrap .all_agree input {margin-right:5px; vertical-align:middle}
		
	.joinBox1{
	height: 220px;
	overflow-y: auto;
	border: solid 1px #d0d0d0;
	margin-bottom: 20px;
	margin-left: 20px;
	font-size: 12px;
	clear: both;
	padding:20px;
	color:#000;
}
.joinBox1 ul{list-style:none;color:#000 !important;line-height: 20px;}
.joinBox1 ul > li{
	font-size: 18px;font-weight: bold;margin-top: 40px;
}
.joinBox1 ul > li > ul > li{
	font-size:13px;margin-top: 30px;margin-left: 20px;
}
.joinBox1 ul > li > ul > li div{font-size: 13px;margin-top: 10px;margin-left: 10px;font-weight: normal;}
.joinBox1 ul > li > ul > li > ul > li{
	font-size: 12px;margin-top: 10px;font-weight: normal;
}
.joinBox1 ul > li > ul > li > ul > li > ul > li{
	font-size: 11px;margin-top: 5px;margin-left:10px;
}

.book_event_pay_wrap{margin:0 auto;height:200px;z-index:100;background:rgba(0,0,0,0.3);margin-top:350px;width:500px;display:none;}
.book_event_pay_wrap > .event_title{height:60px;line-height: 60px;}
.book_event_pay_wrap  .pay_level{width:80px;height:80px;float:left;border-radius: 80px;text-align: center;margin-left:10px;
	font-weight: 700;color:#fff;font-size: 20px;padding-top:10px;padding-bottom:20px;cursor:pointer;background-color: #d0d0d0;border:5px solid #fff;
	display:none;
}
.book_event_pay_wrap > .pres{background-color: #d61968;}
.book_event_pay_wrap > .sta{background-color: #dd5633;}
.book_event_pay_wrap > .bas{background-color: #f2c638;}
.book_event_pay_wrap > .jun{background-color: #42b2bf;}
.book_event_pay_wrap > .hig{background-color: #ea9e19;}
.book_event_pay_wrap  .pay_level:first-child{margin-left:5px;}

.mp3player_wrap{width:500px;height:500px;background-color: #fff;border:1px solid #000;position:absolute;top:0;left:0;;z-index:9999;}
.mp3listTop{background-color: #881C25;color:#fff;height:50px;line-height: 50px;font-weight: bold;}
.mp3track{height:50px;line-height: 50px;border-bottom:1px solid #d0d0d0;font-weight: bold;margin:0 auto;width:95%;}

.portfolio_bar_wrap{width:98%;position:realtive;}
.portfolio_bar{width:16.66%;float:left;height:600px;position:relative;}
.portfolio_bar > .img{width:100px;height:100px;margin: 0 auto;position:absolute;bottom:0;left:50%;}
.portfolio_bar > .img img{opacity:0.2;}
.portfolio_bar > .graph{width:100%;position:absolute;bottom:0;background:rgba(0,0,0,0.1);box-shadow: 0px 4px 10px 0px rgba(4, 0, 0, 0.34);}
.portfolio_bar > .graph > .graph_con{width:40%;position:absolute;bottom:10px;border:2px solid #881C25;}
.portfolio_bar > .graph > .pre{;background-color: #c9d691;}
.portfolio_bar > .graph > .sta{;background-color: #156B94;}
.portfolio_bar > .graph > .bas{;background-color: #156B94;}
.portfolio_bar > .graph > .jun{;background-color: #156B94;}
.portfolio_bar > .graph > .hig{;background-color: #95d4ee;}
.portfolio_bar > .graph > .graph_con > .text{color:#fff;text-align: center;font-size: 12px;margin-top:5px;font-weight: bold;}
.portfolio_bar > .graph > .graph_con > .date{color:#fff;text-align: center;font-size: 10px;position:absolute;bottom:10px;left:3px;}
.portfolio_bar > .cocoon{background-color: #ffe201;}
.portfolio_bar > .pre{background-color: #00993a;}
.portfolio_bar > .sta{background-color: #d1edf8;}
.portfolio_bar > .bas{background-color: #c2e7f5;}
.portfolio_bar > .jun{background-color: #acddf2;}
.portfolio_bar > .hig{background-color: #95d4ee;}

.portfolio_level_wrap{width:98%;position:realtive;}
.portfolio_level{width:16.66%;float:left;position:relative;text-align: center;height:40px;line-height: 40px;font-weight: bold;font-size: 20px;}


.portfolio_summary{width:100%;height:300px;border:1px solid #d0d0d0;position:relative;clear:both;margin-top:80px;}
.portfolio_summary .col{float:left;width:33.33%;}
.portfolio_summary > .col > .img{width:150px;height:150px;margin:0 auto;margin-top:10px;}
.portfolio_dot{width:10px;height:10px;border-radius:10px;;}

.welcome_head_wrap{
	width:66.6%;margin:0 auto;
}
.welcome_head{
	width:50%;float:left;text-align: center;;border:1px solid #d0d0d0;height:40px;line-height: 40px;font-size: 14px;cursor:pointer;
}
.welcome_head_wrap .welcome_head:first-child{border-left:1px solid #d0d0d0;}
.welcome_head_on{font-weight: bold;background-color: #881C25;color:#fff;border-left:none;border-right:none;}

.index_banner {position: relative; width: 1094px; height: 564px;  margin:0 auto; padding:0; overflow: hidden;float:left;}
.index_banner ul {position: absolute; margin: 0px; padding:0; list-style: none;left:-1094px;}
.index_banner ul li {float: left; width: 1094px; height: 564px; margin:0; padding:0;}

.combine_banner {position: relative; width: 960px; height: 700px;  margin:0 auto; padding:0; overflow:hidden;float:left;}
.combine_banner ul {position: absolute; margin: 0px; padding:0; list-style: none; }
.combine_banner ul li {float: left; width: 960px; height: 700px; margin:0; padding:0;}

.paging {
  overflow:hidden;
  text-align:center;
  margin-top:4%;
  font-size: 12px;
  
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #881C25;
  border-color: #881C25;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 10px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 10px;
  
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.familysite_con{
		position:absolute;width:202;height:46;line-height: 46px;border:1px solid #b6b9ba;font-weight: bold;display:none;
		border-bottom:none;font-size: 12px;padding-left:16px;
		background-color:#000;
	}
.familysite_con:hover{background-color: #881C25;color:#fff;}
.e-hover:hover{opacity:0.8;box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.34)}


.gradeReport03_head_wrap{
		width:66%;margin:0 auto;height:40px;font-size: 14px;
	}
.gradeReport03_head_wrap .gradeReport03_head{
	float:left;width:50%;text-align: center;height:40px;line-height: 38px;border:1px solid #d0d0d0;
	border-left:none;cursor:pointer;
}
.gradeReport03_head_wrap .gradeReport03_head:first-child{border-left:1px solid #d0d0d0;}
.gradeReport03_head_on{font-weight: bold;background-color: #881C25;color:#fff;border-left:none;border-right:none;}

.book_lavel{
	width:100%;
	margin:0 auto;
	margin-top: 50px;
	font-weight: bold;
}

.book_lavel .headW:after{clear:both;content:"";display:none;}
.book_lavel .headW{margin-top: 35px;;}
.book_lavel .headW .head{
	float:left;
	border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;
	color: #848484;
	font-size: 14px;
	cursor:pointer;	 
}

.book_lavel > .headW .head .on{
		color: #000000;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 3px solid #0e2c68;
}
.book_lavel > .headW .head > div{
	margin:0px 10px;;padding: 5px 10px;
}
.book_lavel > .bookListW{margin-top: 30px;}

.book_lavel > .bookListW > .headW{float:left;margin-top: 0px;padding-top:0px;display:none;}
.book_lavel > .bookListW > .headW > ul{list-style:none;}
.book_lavel > .bookListW > .headW > ul li{
		height:30px;line-height: 30px;
		color: #848484; 
		font-size: 14px;
		width:130px;
		cursor:pointer;
		
}
.book_lavel > .bookListW > .headW > ul .on{
	color: #000000;	
}
.book_lavel > .bookListW > .headW > ul li .ti{
	float:left;
}
.book_lavel > .bookListW > .headW > ul li .arrow{
	float:right;color: #dd5531;display:none;
}
.book_lavel > .bookListW > .headW > ul .on .arrow{
	display:block;
}

.book_lavel > .bookListW > .bookList{float:left;margin-left: 15px;width:600px;}

.book_lavel > .bookListW > .bookList li:nth-child(4n+1) {margin-left:0px;}
.book_lavel > .bookListW > .bookList li {float:left;padding:10px 0px;height:160px;}
.book_lavel > .bookListW > .bookList li .imgW{width:100px;height:130px;margin:0 auto;}
.book_lavel > .bookListW > .bookList li .imgW img{width:100%;height:130px;}
.book_lavel > .bookListW > .bookList li .bookNameW{width:150px;margin-top:10px;}



.row_eventFP{display:none;}
.row_eventFP img{
	width:200px;height:auto;
}

.virtualExamInfo{}
.virtualExamInfo li{padding:5px;}

.goTestW{width:800px;margin:0 auto;}
#levelTestW{width:816px;height:850px;position:absolute;top:50%;left:0;z-index:9999;background-color: #fff;display:none;padding-top:12px;}

.clauseW{
	overflow:scroll;width:100%;height:300px;border:1px solid #D7D7D7;padding:17px;background-color:#f8f8f8;margin-top: 17px;padding-top: 12px;
	
}
.clauseW ul:first-child{margin-top:0px;}
.clauseW ul{list-style:none;text-align: left;margin-top:30px;}
.clauseW ul li{font-size: 15px;font-weight: bold;color:#484848;font-family:Noto Sans CJK KR Bold !important;}
.clauseW ul li ul{list-style : none;}
.clauseW ul li ul li{color:#505050;font-weight: normal;font-size: 13px;margin-top:4px;color:#484848;font-family:Noto Sans CJK KR Regular !important;}


.btn-receipt-hs{
	width:235px;height:58px;margin:0 auto;margin-top: 55px;font-size: 20px;line-height: 56px;
}

.hsNote{color:#000;}
.hsNote > ul{list-style:none;}
.hsNote > ul > li{color:#484848;font-size: 15px;text-align: left;font-weight: bold;}
.hsNote > ul > li > ul{list-style:none;}
.hsNote > ul > li > ul > li{font-weight: lighter;color:#484848;margin-top: 5px;font-size: 12px;margin-left:15px;}

.hs_check_step{
	list-style:none;width:500;margin:0 auto;margin-bottom: 40px;
}

.cf:after{clear:both;display:block;content:"";}
.hs_check_step > li{
	height:80px;float:left;
}
.hs_check_step > .arrow:last-child:after{
	width:0;height:0px;
}
.hs_check_step > .arrow{
	width:41px;height:16.3px;
	background-image:url('/images/hs/check_step_arrow.png');
	float:left;
	content:"";
	margin-left:50px;margin-right:50px;margin-top:28px;

}
.hs_check_step > li > .img {
	width:60px;height:60px;margin: 0 auto;
}

.hs_check_step > li > .img > img{
	width:100%;height:auto;
}

.hs_check_step > li > .txt {
	font-size: 13px;color:#222;margin-top: 5px;text-align: center;
}

.hs_check_step_r_w{
	background-color: #fafafa;width:906px;box-sizing:border-box;padding-bottom:5px;margin-top: 70px;
	margin-left:-47px;
}
.hs_check_step_r_w > .ft-pg, .ft-pg-sub{
	display:inline-block;margin-top:25px;box-sizing:border-box;
}
.hs_check_step_r_w > .ft-pg{
	margin-left:47px;
}
.hs_check_step_r_w > .ft-pg-sub{
	margin-left:10px;
}
.hs_check_step_r{
	list-style:none;width:730px;margin:0 auto;margin-bottom: 40px;margin-top:25px;
}

.cf:after{clear:both;display:block;content:"";}
.hs_check_step_r > li{
	height:80px;float:left;
}
.hs_check_step_r > .arrow:last-child:after{
	width:0;height:0px;
}
.hs_check_step_r > .arrow{
	width:41px;height:16.3px;
	background-image:url('/images/hs/check_step_arrow.png');
	float:left;
	content:"";
	margin-left:40px;margin-right:40px;margin-top:28px;

}
.hs_check_step_r > li > .img {
	width:60px;height:60px;margin: 0 auto;
}

.hs_check_step_r > li > .img > img{
	width:100%;height:auto;
}

.hs_check_step_r > li > .txt {
	font-size: 13px;color:#222;text-align: center;margin-top: 5px;
}

.hs_check_step_r_w > .invoice > span:first-child{
	margin-left:50px;
}
.hs_check_step_r_w > .invoice > span{
	font-size: 15px;margin-left:20px;
}
.hs_check_step_r_w > .invoice > input,select{
	height:44px !important;line-height: 44px;border:0.5px solid #e3e3e3;box-sizing:border-box;display:inline-block;margin-left:20px;
	font-size: 15px;padding-left:15px;padding-right:15px;
}
.hs_check_step_r_w > .invoice > select{
	width:158px;
}
.hs_check_step_r_w > .invoice > .parcelNameOther{
	display:inline-block;margin-left:116px;width:158px;
}

.hs_check_step_r_w > .invoice > .invoice_no{
	width:250px !important;
}

.hs_check_step_r_w > .invoice > .btn-cs{
	width:115px;height:44px;float:left;float:right;margin-right:50px;line-height: 44px;font-weight: normal;
}





#clauseChk[type="checkbox"]{
	display:none;
}

#clauseChk[type="checkbox"]:after{
	content:"약관에 동의합니다";
	display:inline-block;
	font-size: 15px;min-width:20px;min-height:20px;float:left;
}

#clauseChk[type="checkbox"] + label {
	min-width:20px;min-height:20px;
    float:left;
    font-size: 14px;
    background:url(/images/hs/check_box.png) left top no-repeat;
    cursor:pointer;
    margin-right:10px;
}

#clauseChk[type="checkbox"]:checked  + label {
    background:url(/images/hs/check_box_on.png)left top no-repeat;
}
#clauseChk[type="checkbox"]:checked  + label:after {
	clear:both;content="";display:block;
}

