#subContent{float: right; width: 675px;}
.sub-inner{margin-top: 60px;}
/* .sub-inner p, .sub-inner li{font-size: 14px !important; line-height: 1.6; font-weight:200;}
.sub-inner th{font-size: 14px !important;}
.sub-inner td{font-size: 12px !important;} */
.drag-ux{display: none;}

/* Left-menu */
#snb{float: left; width: 220px; padding-bottom: 60px;}
#snb h2{font-size: 28px; color:#222; line-height: 1;}
#snb .main-menu{margin-top: 40px;}
#snb .main-menu li{width: 200px;}
#snb .main-menu > li:first-child{border-top: 2px solid #888;}
#snb .main-menu li a{display: block; width: 100%; text-indent: 20px; border-bottom: 1px solid #ddd; font-size: 16px;}
#snb .main-menu > li.on{}
#snb .main-menu > li.on > a{color: #6c8aa0; font-weight:300;}
#snb .main-menu > li.one{border-bottom: 1px solid #4b5e6c;}
#snb .main-menu > li:hover > a{color: #6c8aa0;}
#snb .main-menu > li{}
#snb .main-menu > li > a{padding: 15px 0; color: #333;}
#snb .main-menu > li ul{display: none;}
#snb .main-menu > li ul li{}
#snb .main-menu > li ul li a{padding: 12px 0; background: #f9f9f9; text-indent: 20px; color:#888; font-size: 14px;}
#snb .main-menu > li ul li.on{}
#snb .main-menu > li ul li.on > a{color: #333;}


/* ŸÀÌƲ¹Ù */
#subContent .title-bar{width: 100%; position: relative; margin-bottom: 40px;}
#subContent .title-bar h3{font-size: 22px; color:#333; line-height: 1;}
#subContent .title-bar .location{position: absolute; right: 0; bottom: 0;}
#subContent .title-bar .location li{float: left;}
#subContent .title-bar .location li:after{display: inline-block; content:""; width: 7px; height: 11px; margin: 0 6px; background: url('/images/sub/location_arrow.png');}
#subContent .title-bar .location li:first-child:after{margin-bottom: 4px;}
#subContent .title-bar .location li:last-child:after{display: none;}
#subContent .title-bar .location li a{color:#aaaaaa; font-size: 14px;}
#subContent .title-bar .location li a img{}
#subContent .title-bar .location li.on{}
#subContent .title-bar .location li.on a{color:#555;}

/*Àç¹ß±Þ½Åû*/
.con-body .text-type > ul.ico-box{margin-top: 20px;padding: 20px 0px 0px 10px; background: #f5f5f5; border: 1px solid #ddd;}
.con-body .text-type > ul.ico-box > li{float: left; width: 23.5%; padding: 0 2% 0 0 !important; background: url('/images/sub/system_arrow.png') 100% 25px no-repeat;}
.con-body .text-type > ul.ico-box-new > li{width: 31.3%; padding: 0 2% 0 0 !important; background: url('/images/sub/system_arrow.png') 100% 25px no-repeat;}
.con-body .text-type > ul.ico-box > li:last-child{background: none; padding-right: 0 !important;}
.con-body .text-type > ul.ico-box > li span{font-size: 14px; color: #888; text-align: center; padding: 10px 10px 15px; display: block; padding-top: 70px !important;}
.con-body .text-type > ul.ico-box > li.step-01 span{background: url('/images/sub/license_ico01.png') 50% 0 no-repeat;}
.con-body .text-type > ul.ico-box > li.step-02 span{background: url('/images/sub/license_ico02.png') 50% 0 no-repeat;}
.con-body .text-type > ul.ico-box > li.step-03 span{background: url('/images/sub/license_ico03.png') 50% 0 no-repeat;}
.con-body .text-type > ul.ico-box > li.step-04 span{background: url('/images/sub/license_ico04.png') 50% 0 no-repeat;}

/*½ÃÇèÁ¢¼ö½Åû*/
.con-body #acceptForm table.profile-table{border-bottom: 0;}
.con-body #acceptForm table.profile-table td .td-in-ul{margin-left: -20px;border: 0; padding: 0; width: 115%; height: auto;}
.con-body #acceptForm table.profile-table td .td-in-ul li{text-indent: 10px; width:237px; padding: 20px 0; line-height: 1.5; border-bottom: 1px solid #ddd; margin: 0;}
.con-body #acceptForm table.profile-table td .td-in-ul .title-li{width: 100px; border-right: 1px solid #ddd; background: #f5f5f5; text-indent: 10px; color: #888; border-bottom: 1px solid #ddd;}
.con-body #acceptForm table.profile-table td .td-in-ul .title-li:nth-of-type(3){width: 100px; border-left: 1px solid #ddd;}
.con-body #acceptForm table.profile-table td .td-in-ul li:nth-of-type(4){width:235px;}
.con-body #acceptForm table.profile-table td .td-in-ul:nth-of-type(n+3) li:nth-of-type(2){width:575px;}




/*°í»çÀå*/
.con-body #educationForm{}
.con-body #educationForm table{border-bottom: 0;}
.con-body #educationForm table td{padding: 0; border-bottom: 0;}
.con-body #educationForm table td .td-in-ul{border: 0; padding: 0; width: 115%; height: auto;}
.con-body #educationForm table td .td-in-ul li{text-indent: 10px; width:237px; padding: 15px 0; line-height: 1.5; border-bottom: 1px solid #ddd; margin: 0; float: left; height: 32px;}
.con-body #educationForm table td .td-in-ul li input{}
.con-body #educationForm table td .td-in-ul .title-li{width: 100px; border-right: 1px solid #ddd; background: #f5f5f5; text-indent: 10px; color: #888; border-bottom: 1px solid #ddd;}
.con-body #educationForm table td .td-in-ul .title-li:nth-of-type(3){width: 100px; border-left: 1px solid #ddd;}
.con-body #educationForm table td .td-in-ul li:nth-of-type(4){width:235px;}
.con-body #educationForm table td .td-in-ul li:nth-of-type(2){width:575px;}
.con-body #educationForm table td .td-in-ul:nth-of-type(6) li:nth-of-type(2){padding-bottom: 30px;}
.con-body #educationForm table td .td-in-ul:nth-of-type(6) li:nth-of-type(1){padding-bottom: 30px;}
.con-body #educationForm .educationForm_info li {font-size: 14px; padding: 10px 0; color: #333;}
#educationForm.form-table table tbody tr td .br_mo {display: none;}

/*Å×ÀÌºí ³»¿ª¾øÀ»¶§*/
.table-none{padding: 20px 0;text-align: center; font-size: 12px; border-bottom: 1px solid #dcdcdc; font-weight: 200; color: #666;}

@media screen and (max-width: 750px){
    #snb{    padding: 0vw 5vw 5vw;}
    #subContent{width: 90%;
        padding: 0vw 5vw;}
}
@media screen and (max-width: 480px){
select{background: #fff !important; height: 40px !important;}
label{height: 40px !important;line-height: 40px !important;}
#container{width: 100%;}
#container .sub-inner{width: 90%; margin: auto;}
#subContent{float: inherit; width: 100%; padding: 0px;}
#snb{float:inherit; width: 100%; position: relative; z-index: 10; display: none;}
#snb h2{padding: 15px 0; width: 105%; line-height: 1.5; font-size: 14px; padding-left: 5%; position: absolute; top: 0px; left: -5%; border-top: 1px solid #ddd;	 border-bottom: 1px solid #ddd; background: #fff;}
#snb .main-menu{position: absolute; right: -5%; top: 0; margin-top: 0; padding: 0; width: 75%; background: url('/images/common/arrow_mob.png') 0 18px no-repeat;}
#snb .main-menu:after{content: ""; display: block; clear: both;}
#snb .main-menu > li{display: block; width: 100%; background: #f9f9f9; border-bottom: 1px solid #dcdcdc;}
#snb .main-menu > li:first-child{background: rgba(0,0,0,0.0); margin-bottom: 1px; border-bottom: 0;}
#snb .main-menu > li > a{padding: 16px 0 15px; border: 0; font-size: 14px; text-indent: 20px;}
#snb .main-menu li a{font-size: 14px; line-height: 1.5;}
#snb .main-menu > li ul{width: 105%; margin-bottom: -1px;}
#snb .main-menu > li ul li{width: 100%;}
#snb .main-menu > li ul li:first-child a{border-top:1px solid #ddd;}
#snb .main-menu > li ul li a{padding: 10px 0; background: #efefef;}
#snb .main-menu > li ul li.on > a{color: #4b5e6c;  font-size: 14px;}
#subContent .title-bar .location{display: none;}
#subContent .title-bar{margin-bottom: 30px;}


/*Àç¹ß±Þ½Åû*/
.con-body .text-type > ul.ico-box{padding: 20px 0px 0px 0px;}
.con-body .text-type > ul.ico-box > li{width: 21%; padding: 0 5% 0 0 !important; background: url('/images/sub/system_arrow.png') 100% 15px no-repeat;  background-size:15px;}
.con-body .text-type > ul.ico-box-new > li{width: 30%; padding: 0 5% 0 0 !important; background: url('/images/sub/system_arrow.png') 100% 15px no-repeat;   background-size:15px;}
.con-body .text-type > ul.ico-box > li span{background-size:40px !important;  padding: 10px 0; padding-top: 50px !important; font-size: 12px;}
.con-body .text-type > ul.ico-box-new > li{background: url(/images/sub/system_arrow.png) 100% 10px no-repeat;}


/*½ÃÇèÁ¢¼ö½Åû*/
.con-body #acceptForm table th{padding-right: 5px;}
.con-body #acceptForm table:nth-of-type(2) td{padding-left: 10px;}
.con-body #acceptForm table:nth-of-type(3) td{padding-left: 10px;}
.con-body #acceptForm table:nth-of-type(4) td{padding-left: 10px;}
.con-body #acceptForm table td input[type=text]{width: 100% !important;}
.con-body #acceptForm table.profile-table{border-bottom: 0;}
.con-body #acceptForm table.profile-table td .td-in-ul{margin-left: -20px;border: 0; padding: 0; width: 109%; height: auto;}
.con-body #acceptForm table.profile-table td .td-in-ul li{text-indent: 10px; width:69%; padding: 15px 0; line-height: 1.5; border-bottom: 1px solid #ddd; margin: 0; text-indent: 0px; padding-left: 10px; box-sizing:border-box;}
.con-body #acceptForm table.profile-table td .td-in-ul .title-li{width: 30%; border-right: 1px solid #ddd; background: #f5f5f5; text-indent: 0px; padding-left: 10px; box-sizing:border-box; color: #888; border-bottom: 1px solid #ddd;}
.con-body #acceptForm table.profile-table td .td-in-ul .title-li:nth-of-type(3){width: 30%;border-left: 0px;}
.con-body #acceptForm table.profile-table td .td-in-ul li:nth-of-type(4){width:69%;}
.con-body #acceptForm table.profile-table td .td-in-ul:nth-of-type(n+3) li:nth-of-type(2){width:69%;}
.con-body #acceptForm.selec-section table select{width: 100%;}
.con-body #acceptForm table td{}
}



@media screen and (max-width: 480px){
	#subContent .title-bar{position: relative; height: 85px;}
	#subContent .title-bar .location{display: block; position: absolute; top: 0; left: -5%; width: 110%; display: block; background: #f5f5f5; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; height: 40px; ; line-height: 40px;	}
	#subContent .title-bar .location li:first-child{padding-left: 10px; padding-right: 5px;}
	#subContent .title-bar .location li a img{position: relative; top: 3px;}
	#subContent .title-bar h3{position: absolute; top: 65px; left: 0;}
	#subContent .title-bar .location li:after{margin: 0 10px;}
	.con-body #examTable-01.exam-table-sec{}
	input[type=text]{height: 40px !important;}
	input[type=password]{height: 40px !important;}
	.con-body .inner-675 .btn{width: 100% !important; height: 50px !important; line-height: 50px !important; border-radius:3px;}
	#subContent .title-bar .location li:first-child:after{margin-bottom: 0;}

	

	/*½ÃÇèÀÏÁ¤*/
	#exam_list{margin-top: 20px;}
	#examTable-02 .drag-ux{top: 40%;}
	.drag-ux{display: block; background: rgba(176,155,113,0.8); box-sizing:border-box; position: absolute; top: 50%; left: 50%; width: 260px; height: 100px; border-radius:115px; margin-top: -50px; margin-left: -130px; }
	.drag-ux img{width:50px; position: absolute; top: 50%; left: 50%; margin-left: 30px; margin-top: -45px; animation:drag 3s infinite; animation-delay: 1s; transform:scale(1);}
	.drag-ux span{font-size: 16px; color: #fff; position: absolute; top: 70%; display: block; text-align: center; width: 100%; font-weight: 300;}
	@keyframes drag{
		0%{transform:scale(1);}
		5%{transform:scale(0.8);}
		60%{transform:scale(0.8);}
		65%{margin-left: -90px; transform:scale(1);}
		100%{}
	}



	/*°¨µ¶°ü½Åû*/
	#supervisorForm.form-table table tbody tr td{padding: 15px 10px 15px 10px;}
	#supervisorForm.form-table table tbody tr td .w240{width: 100% !important;}
}