/* 공통S */
#wrapper {position:relative;}
/* 공통E */

/*체크박스 라디오박스 디자인*/

.WolfharuRadioCheckbox {
	
}
.WolfharuRadioCheckbox form { padding:20px 25px 5px 25px; }
.WolfharuRadioCheckbox fieldset { margin-bottom:15px; }
.WolfharuRadioCheckbox legend { padding-bottom:15px; font-weight:bold; font-size:17px; color:#3b5998; }

.WolfharuRadioCheckbox .para {}

.WolfharuRadioCheckbox p.ti { margin:0 0 15px; padding:8px 5px 5px 8px; font-weight:bold; font-size:15px; color:#333333; background-color:#f0f0f0; }
.WolfharuRadioCheckbox p { position:relative; line-height:14px;}
.WolfharuRadioCheckbox p label { color:#423c32; }

.WolfharuRadioCheckbox p>input[type="checkbox"], .WolfharuRadioCheckbox p>input[type="radio"] { position:relative; top:-1px; vertical-align:middle; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"], .WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"] { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"] + label, .WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label {
	margin:0 0 0 0; padding:4px 0 2px 30px; display:inline-block; background:url(../images/check_radio_bg.png) no-repeat left top;
	width:100%; height:22px; display:block; background-size:36px auto !important;
}
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label { background-position:left -50px; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:disabled + label { background-position:left -101px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked + label { background-position:left -25px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked:disabled + label { background-position:left -75px; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:disabled + label { background-position:left -127px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked + label { background-position:left -75px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked:disabled + label { background-position:left -175px; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:focus + label, .WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:focus + label {
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6);
}



/*헤더*/


/* 전체메뉴S*/
#all_menu {position:absolute; z-index:9999; width:100%;display:none;background:#f4f4f4;}
#all_menu > div h3{
	margin-bottom:1px;
	font-size:1.2em;
}
#all_menu > div h3:before{content:" "; color:#fff;}
#all_menu > div h3 a {
	color:#222222;
	padding:3% 5%;
	display:block;
	background:#fff;
}

#all_menu > div h4{
	margin-bottom:1px;
	font-size:1.2em;
}
#all_menu > div h4:before{content:" "; color:#fff;}
#all_menu > div h4 a {
	color:#f08200;
	padding:3% 5%;
	display:block;
	background:#fff;
}

#all_menu > div ul {
	width:100%;
	margin-bottom:1px;
	display:none;
}
#all_menu > div ul:nth-child(2n){
	
}
#all_menu > div ul > li{
	list-style:none;
	padding-top:5%;
	padding-bottom:1%;
}
#all_menu > div ul > li:first-child{padding-top:5%}
#all_menu > div ul > li:last-child{padding-bottom:5%}
#all_menu > div ul > li > a {
	display:block;
	color:#666666;
	background:#f4f4f4;
	font-size:1.125em;
	font-weight:500;
	text-indent:24px;
}
#all_menu > div ul > li > ul{
	display:block;
}
#all_menu > div ul > li > ul > li{
	list-style:none;
	padding:0;	
}
#all_menu > div ul > li > ul > li:first-child{padding-top:5%}
#all_menu > div ul > li > ul > li:last-child{padding-bottom:1%}
#all_menu > div ul > li > ul > li > a {
	background:#dfdfdf;
	color:#666;
	padding-top:2.5%;
	padding-bottom:2.5%;
	padding-left:2.5%;
	display:block;
}
#all_menu .all_m_b_close a {
	background:#fff;
	padding:3% 0%;
	text-align:center;
	color:#fff;
	display:block;
}
/* 전체메뉴E*/

/* 메인 관련 S*/

/* 메인 버튼 크기 및 위치 */

/* 메인 버튼 크기 및 위치 index3*/
#wrapper .main_btn { position:relative;}
#wrapper .main_btn div a:nth-child(2n){border-left:1px solid #ddd;}
#wrapper .main_btn div a {
	background:#f3f3f3;
	float:left;
	width:50%;
	padding:5%;
	border-bottom:1px solid #ddd;
}

#wrapper header{background:#ffffff;}
#wrapper header div.com_area { padding:3%; position:relative; overflow:hidden; }
#wrapper header h1.logo {float:left;}
#wrapper header h1.logo a {display:block;}
#wrapper header a.all_menu {float:right }
#wrapper header a.all_menu .img_close{display:none;}
#wrapper header a.all_menu.on .img_open{display:none;}
#wrapper header a.all_menu.on .img_close{display:block;}

#wrapper header nav{position:relative; }
#wrapper header nav .dp1 {overflow:hidden;}
#wrapper header nav .dp1 a {width:20%; float:left;}
#wrapper header nav .dp1 a img {width:100%;}

#top_login_btn {font-size:18px;  padding:3%}
#top_joinus_btn {font-size:18px;  padding:3%}

.Button {
	background-color:#e4e4e4;
	border-radius:50px;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:14px;
	font-weight:500;
	padding:5px 14px;
	text-decoration:none;
	margin:0 0 5% 5%;
}



/* .notice {float:left;width:385px; margin-right:40px; height:240px;} */
.notice {float:left;width:100%; height:100%;}
.notice h4 {font-size:20px; font-weight:bold; text-align:left; color:#000; position:relative; margin-top:30px; padding:0 0 0 5%;}
.notice h4 a.more {position:absolute; left:86%; top:3px;font-family:'Roboto', 'Nanum Gothic';font-size:13px; color:#666; font-weight:normal;}
.notice h4 a.more:hover {text-decoration:underline;}
.notice .latest {text-align:left;}
.notice .latest li {position:relative;font-size:14px; line-height:27px;}
.notice .latest li a {color:#666;}
.notice .latest li a:hover {color:#111;}
.notice .latest li span {position:absolute; right:5%;color:#666;}
.notice ul {color:444444;padding: 5% 0 5% 5%;}


.cs {width:100%; padding:5% 0 0 5%;}
.cs img{width:100%; padding-right:5%;}

.quick_menu {text-align:center; width:100%; height:220px; background-color:#f4f4f4; padding:5%;}
.quick_menu h2 {font-family:'Roboto', 'Nanum Gothic';padding-top:15px;font-size:17px;text-align:center;font-weight:bold;color:#363636; padding-bottom:32px;}
/* .quick_menu ul.quiconWa{float:left; position:relative;width:330px;} */
.quick_menu ul.quiconWa li{display:block;cursor:pointer ;float:left;width:33%; border-right:1px solid #e1e1e1;text-align:center;}
.quick_menu ul.quiconWa li.last{border-right:0;}
.quick_menu ul.quiconWa li p.title{display:block;cursor:pointer ;font-size:14px;color:#636363; font-weight:bold;padding-top:20px;}
.quick_menu ul.quiconWa li p.title a{color:#636363;}



.photo { clear:both;width:100%;position:relative;margin:0 auto; padding-bottom:80px;}
.photo .list{position:relative; padding:0 5%;}
.photo :after {content:""; clear:both; display:block;}
.photo h4{font-size: 20px; font-weight: bold; text-align:center;color: #000;position: relative;margin:30px 0 30px 0; padding: 0 5% 0 5%;}

.photo p{float:left; position:relative; overflow:hidden; margin:0 0 10px 10px;}
/* .photo p:nth-child(2n+1){float:left;margin:0 10px;} */
.photo p a.hover_txt{position:absolute; bottom:0; left:0; width:100%; text-align:center;
background:url('../images/opacity_blk.png') repeat 0 0; color:#fff; font-size:13px; font-weight:normal; line-height:40px;}

.photo ul.interWa{width:100%;position:relative;}
.photo ul.interWa li{float:left;width:210px; margin-left:37px;}
.photo ul.interWa li:first-child{margin-left:0;}
.photo ul.interWa li p.title{display:block;cursor:pointer ;width:208px;height:60px; border:1px solid #ebebeb; background-color:#fbfaf9;text-align:center; font-size:14px; color:#333;line-height:60px;}
.photo ul.interWa li p.title a{ color:#333}




.vieoo h4 {
	padding: 30px 0 20px 0;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: left;
}


footer {background:#fff; text-align:center; color:#9b9b9b;}
footer .tel-num { color:#9b9b9b; background:#f8f8f8; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:6% 3%; font-size:12px; font-weight:700;}
/* footer .tel-num a {color:#fff; font-weight:bold; font-size:18px;} */
footer .tel-num a {color: #9b9b9b; background: #f8f8f8; font-size: 12px; font-weight: 700; float:left; margin-left:10%;}
footer .tel-num ul .first a {color: #9b9b9b; background: #f8f8f8; font-size: 12px; font-weight: 700; float:left; margin-left:0;}
footer .tel-num ul {padding-bottom: 5%; position: relative; margin: 0px 5%;}
footer .company-info {margin-top:20px;  font-size:12px; line-height:22px;}
footer .company-info span {display:inline-block; margin:0px 5px}
footer .copyright {padding:15px 0 40px 0; color:#9b9b9b; font-size:10px; letter-spacing:-0.04em;}
footer .made a{color:#666; padding:0px 0px 20px;}


#contents h3 {font-size:15px; color:#133984; margin-bottom:3%;}
#contents .text_box01 {padding:0px 3%; text-align:justify;}
#contents .text_box01 p {text-align:right; font-weight:bold;}
#contents .text_box01 div.img {margin-bottom:3%;}
#contents .text_box01 div p {display:inline-block; width:30%;}
#contents .text_box01 div p img {width:100%;;}
#contents .s0101 {background:url(/mm/images/s0101_bg.jpg) no-repeat center bottom; background-size:100%; padding-bottom:40%;}
#contents .s0103 p.tel{background:url(/mm/images/m_sub0103_13.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }
#contents .s0103 p.add{background:url(/mm/images/m_sub0103_12.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }
#contents .s0103 p.bus{background:url(/mm/images/m_sub0103_13-03.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }


/* 서브 */

#contents .location{
    border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	font-size:1em;
	padding:5% 3% 5% 5%;
    background:#f5f5f5;
	background-size:13px !important;

}

#contents h2.stt{
	text-align:left;
	padding:5% 5% 5% 5%;
	/* margin-bottom:50px; */
	font-size:1.4em;
	font-weight:800;
	color:#f08200;
}

#contents img{
	padding:0% 5% 0% 5%;
	margin-bottom:80px;
}







/* 로그인  S*/

.join-search-btn{ text-align:center; border-top:1px solid #ccc; margin-top:30px; padding-top:20px;}
.join-search-btn a {font-size:13px;}

.login_tab {margin:3%; text-align:center;}
.login_tab a {
	font-size:0.8em;
	width: 20%;
	padding:2%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e0e0e0;
	background-image: -webkit-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -moz-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -o-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: linear-gradient(to top, #e7e7e7, #f8f8f8);

}

.login_tab a.on {color:#2b8dd9; font-weight:bold;}

.login_area {width:94%; margin:0 auto;}
.login_area .login_form {overflow:hidden; margin:1% 0;}
.login_area .login_form .ff { text-align:center; margin-bottom:5px;}


.join_step {margin:8% 0 5% 0; text-align:center;}

.join01_area {width:94%; margin:0 auto; }
.join01_area .all-agree {border:1px solid #ddd;  padding:15px;}
.join01_area .agree-box {border:1px solid #ddd;  padding:15px;}
.join01_area .agree-box .para {margin-bottom:10px;}
.join01_area .agree-box div.textarea-basic{width:100%; background:none; border:none; height:150px; font-size:12px; line-height:20px; color:#666; background:#f4f4f4; overflow-y:scroll;padding:3%}
.join01_area .agree-box div.textarea-basic p {line-height:20px;}
.join01_area h4{font-size:1em; color:#000;}
.join01_area .btn01{text-align:center; margin:5% 0;}
.join01_area .btn01 a img{width:70%;}

.join02_area {width:95%; margin:0 auto;}
.join02_area h4{font-size:1.2em; color:#000; font-weight:normal; margin-bottom:10px;}
.join02_area ul li {
	margin-bottom:5px;
}

.join02_area .addr input{
 float:left;
}

.join02_area .birth {

}

.join02_area select {
	float:left;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	height:45px;
	width:30%;
	font-size:16px;
	text-align:center;
	padding-left:10px;
	color:#666;
}
.join02_area .birth select:first-child{
	width:40%;
	border-left:1px solid #ccc;
}
.join02_area .birth select:nth-child(2),.join02_area .birth select:nth-child(3){
	border-left:none;
}

.join02_area .addr p {
	height:45px;
	line-height:45px;
	float:left; border:1px solid #ccc; width:40%; text-align:center;
	border-right:none;
	color:#999;
}
.join02_area .addr p input {
	display:inline-block;
	border:none;
	height:45px; 
	line-height:45px;
	background-color:transparent;
	width:40%;
	float:none;
	font-size:16px;
	text-align:center;
}


.join02_area .btn01{text-align:center; margin:5% 0;}
.join02_area .btn01 a img{width:70%;}

.join02_area .etc-check li {
	border:1px solid #ccc;
	height:45px;
	line-height:45px;
}
.join02_area .etc-check li .para{
	float:left;
	width:30%;
	margin-top:10px;

}
.join02_area .etc-check li .tit{
	font-size:16px;
	margin-top:0;
	width:30%;
	padding-left:10px;
	
}

.join02_area ul.finish li{
	border:1px solid #ccc;
	height:45px;
	line-height:45px;
	text-align:center;

}

.join02_area .join-finish{
	font-size:20px;
	font-weight:bold;
	color:#444;
	text-align:center;
	margin-bottom:30px;
	margin-top:30px;
}

.join02_area .join-finish span{
	font-size:16px;
	font-weight:bold;
	color:#888;
	text-align:center;
	
}



.search_area h4{width:100%; margin:0 auto; font-size:1.3em; color:#000;}
.search_area {width:94%; margin:0 auto;}
.search_area .login_form {margin:2% 0; }
.search_area .login_form .ff {text-align:center;}

.join-btn-area{ margin-top:10px;}
.join-btn-area a {
	float:left;
	width:50%;
	height:45px;
	line-height:45px;
	text-align:center;
}
.join-btn-area a.join-btn1{
	background:#444;
	color:#fff;
}
.join-btn-area a.join-btn2{
	background:#fff;
	border:1px solid #444;
	color:#444;
}
/*로그인 E*/





/* 세로화면일때 */
@media screen and (orientation:portrait){

#wrapper header nav .dp2{border-bottom:1px solid #ccc; padding:2%;}
#wrapper header nav .dp2 a {font-size:0.8em; color:#555; display:inline-block; margin:0 2%; display:n}

}
/*세로화면끝*/





/* 가로화면일때 */
@media screen and (orientation:landscape){

/* 전체메뉴S*/
#all_menu {position:relative; z-index:9999; width:100%; height:100%; display:none;}
/*
#all_menu dl dt{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:2.5% 5%;
	font-weight:bold; font-size:1.2em;
	background-image: linear-gradient(to top, #ddd, #fff 80%);
	
}
#all_menu dl dd{
	border-bottom:1px solid #666;
	padding:2% 7%;
	font-size:1em;
	background-image:url(/mm/images/all_menu_arrow.png) , linear-gradient(to top, #f4f4f4, #fff 80%);
	background-repeat:no-repeat;
	background-size:6% 40%, 100%;
	background-position:96% center;
	}
	*/
/* 전체메뉴E*/

#wrapper header nav .dp2{border-bottom:1px solid #ccc; padding:2%;}
#wrapper header nav .dp2 a {font-size:1.2em; color:#555; display:inline-block; margin:0 2%;}

footer .copyright {font-size:0.9em; text-align:center;}

	.login_tab a {
	font-size:1em;
	width: 20%;
	padding:2%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e0e0e0;
	background-image: -webkit-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -moz-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -o-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: linear-gradient(to top, #e7e7e7, #f8f8f8);

}

.login_area .login_form .fm {float:left; width:15%; font-size:1.6em }
.login_area .login_form .ff input{font-size:1.1em; }
.search_area .login_form .fm {float:left; font-size:1.3em }
.search_area .login_form .ff input{font-size:1.1em; }
.search_area h4{font-size:1.5em; color:#000;}
.join02_area {font-size:1em;}
}



/*가로화면끝*/



/* 자격시험 */
.qualification-wrap {
	margin-bottom:60px;
	box-sizing:border-box;
	padding:0 15px;
}
.qualification-wrap .qualification-box {
	box-sizing:border-box;
	margin-top:20px;
	padding:15px;
	border:4px solid #eee;
	text-align:left;
}
.qualification-wrap .qualification-box > h3 {
	text-align:center;
	font-size:18px;
	font-weight:600;
	color:#000;
	margin-bottom:20px !important;
}
.qualification-wrap .qualification-box .question-box {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	height:100%;
	margin-bottom:10px;
}
.qualification-wrap .qualification-box .question-box > div[class^='col-'] {
	text-align:left;
	box-sizing:border-box;
	height:100%;
}
.qualification-wrap .qualification-box .question-box > .col-6 {
	max-width:100%;
	flex:0 0 100%;
	margin-bottom:10px;
}
.qualification-wrap .qualification-box .question-box > .col-6:last-child {
	margin-bottom:0;
}
.qualification-wrap .qualification-box .question-box > .col-12 {
	max-width:100%;
	flex:0 0 100%;
}
.qualification-wrap .qualification-box .question-box > div[class^='col-'] > .inner {
	box-sizing:border-box;
	border:1px solid #ddd;
	height:100%;
	position:relative;
	padding:15px;
}
.qualification-wrap .qualification-box .question-box > div[class^='col-'] > .inner:before {
	content:"";
	position:absolute;
	left:-1px;
	top:-1px;
	width:100px;
	height:2px;
	background:#781d24;
	z-index:1;
}
.qualification-wrap .qualification-box .question-box > div[class^='col-'] > .inner:after {
	content:"";
	position:absolute;
	left:-1px;
	top:-1px;
	width:66px;
	height:2px;
	background:#f55501;
	z-index:2;
}
.qualification-wrap .qualification-box .question-box > div[class^='col-'] > .inner > .tit {
	font-size:16px;
	font-weight:600;
	color:#000;
	margin-bottom:10px;
}
.qualification-wrap .qualification-box .question-box > div[class^='col-'] > .inner > ul {
	list-style:none;
	padding-left:0;
}
.qualification-wrap .qualification-box .question-box > div[class^='col-'] > .inner > ul > li {
	position:relative;
	padding-left:10px;
	font-size:14px;
	line-height:1.6;
	color:#000;
	margin:10px 0;
}
.qualification-wrap .qualification-box .question-box > div[class^='col-'] > .inner > ul > li:before {
	content:"";
	position:absolute;
	left:0;
	top:10px;
	width:3px;
	height:3px;
	background:#f09614;
}
.qualification-wrap .qualification-box .question-box.type02 > div[class^='col-'] > .inner > ul > li {
	color:#555;
	margin:2px 0;
}
.qualification-wrap .qualification-box > ul > li {
	font-size:14px;
	font-weight:600;
	color:#ff0101;
	position:relative;
	padding-left:20px;
	margin:5px 0;
}
.qualification-wrap .qualification-box > ul > li:before {
	content:"";
	position:absolute;
	left:0;
	top:4px;
	width:13px;
	height:12px;
	background:url("../images/qualification/icon_check.png") no-repeat center center / cover;
}
.qualification-wrap .qualification-box > ul.desc {
	margin-top:5px;
}
.qualification-wrap .qualification-box > ul.desc > li {
	font-size:13px;
	font-weight:400;
	color:#ff0101;
	position:relative;
	padding-left:10px;
	margin:5px 0;
}
.qualification-wrap .qualification-box > ul.desc > li:before {
	content:"-";
	position:absolute;
	left:0;
	top:0;
	background:none;
}
.qualification-wrap .btnArea {
	margin-top:20px;
	text-align:center;
}
.qualification-wrap .btnArea .btn-start {
	display:block;
	font-size:14px;
	font-weight:500;
	color:#fff;
	background:#575757;
	box-sizing:border-box;
	padding:13px;
}

/* 자격시험문항 */
.question-wrap {
	margin-top:0;
	margin-bottom:60px;
	padding:0 15px;
	box-sizing:border-box;
}
.question-wrap .top {
	margin-bottom:20px;
}
.question-wrap .top > .table-wrap > table {
	width:100%;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-bottom:0;
}
.question-wrap .top > .table-wrap > table tbody th,
.question-wrap .top > .table-wrap > table tbody td {
	font-size:14px;
	color:#000;
	box-sizing:border-box;
	padding:10px 15px;
	text-align:left;
	border-bottom:1px solid #ddd;
}
.question-wrap .top > .table-wrap > table tbody th {
	text-align:center;
	background:#eee;
	font-weight:600;
}
.question-wrap section {
	text-align:left;
}
.question-wrap section > h3 {
	font-size:15px !important;
	font-weight:600;
	color:#000;
	position:relative;
	box-sizing:border-box;
	padding-top:10px;
	margin-bottom:30px;
}
.question-wrap section > h3:before {
	content:"";
	position:absolute;
	left:-1px;
	top:-1px;
	width:100px;
	height:2px;
	background:#781d24;
	z-index:1;
}
.question-wrap section > h3:after {
	content:"";
	position:absolute;
	left:-1px;
	top:-1px;
	width:66px;
	height:2px;
	background:#f55501;
	z-index:2;
}
.question-wrap section .box {
	box-sizing:border-box;
	padding:15px;
	border:4px solid #eee;
	margin-bottom:15px;
	font-size:14px;
	color:#555;
}
.question-wrap section .quest {
	box-sizing:border-box;
	padding-left:20px;
	position:relative;
	font-size:14px;
	font-weight:600;
	line-height:1.6;
	color:#000;
}
.question-wrap section .quest > .num {
	position:absolute;
	left:0;
	top:-1px;
}
.question-wrap section .inner > .radiobox_type {
	font-size:14px;
	line-height:1.4;
	color:#555;
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:flex-start;
	margin:10px 0;
}
.question-wrap section .inner > .radiobox_type:last-child {
	margin-bottom:0;
}
.question-wrap section .inner > .radiobox_type input[type="radio"] {
	position:relative;
	top:-2px;
	margin-right:10px;
	width:16px;
	height:16px;
	outline:none;
	max-width:16px;
	flex: 0 0 16px;
}
.question-wrap section .inner > .radiobox_type label {
	--wid:calc(100% - 40px);
	max-width:var(--wid);
	flex:0 0 var(--wid);
	letter-spacing:-0.2px;
}
.question-wrap section .inner > textarea {
	width:100%;
	height:120px;
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:15px;
	font-size:13px;
	color:#555;
	line-height:1.4;
	margin-top:10px;
	resize:none;
}
.question-wrap section .inner > textarea:hover,
.question-wrap section .inner > textarea:focus {
	outline:none;
}
.question-wrap .btnArea {
	margin-top:20px;
	text-align:center;
}
.question-wrap .btnArea .btn-submit {
	display:block;
	width:100%;
	font-size:14px;
	font-weight:500;
	color:#fff;
	background:#575757;
	box-sizing:border-box;
	padding:13px;
	outline:none;
	border:0;
}


/* 자격시험 결과 */
.result-wrap {
	padding:0 15px;
}
.result-wrap .result-box {
	box-sizing:border-box;
	margin-top:20px;
	padding:30px 15px;
	border:4px solid #eee;
	text-align:center;
}
.result-wrap .result-box .icon {
	margin-bottom:10px;
}
.result-wrap .result-box .icon > img {
	margin-bottom:0 !important;
	padding:0 !important;
}
.result-wrap .result-box > p {
	font-size:15px;
	font-weight:600;
	color:#000;
	line-height:1.4;
	margin-top:20px;
}
.result-wrap .result-box > p > span.blue {
	color:#095aba;
}
.result-wrap .btnArea {
	margin-top:20px;
	text-align:center;
}
.result-wrap .btnArea .btn-pass {
	display:block;
	font-size:14px;
	font-weight:500;
	color:#fff;
	background:#575757;
	box-sizing:border-box;
	padding:13px;
}