.renewal2 .menu_top li a.orange {
    color: #ff6600 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #F6F7FC inset; box-shadow: 0 0 0px 1000px #F6F7FC inset; transition: background-color 5000s ease-in-out 0s; font-size:14px} 

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active { -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #F6F7FC inset; box-shadow: 0 0 0px 1000px #F6F7FC inset; transition: background-color 5000s ease-in-out 0s;font-size:14px } 



.popup{ background-color:#fff; min-width:350px; box-shadow:1px 3px 12px 1px #363636;}
.popup li p{display:block; }
.popup .pop_tit{ position:relative; width:100%;  background: linear-gradient(to right,#3063bf,#6f69c3);border-bottom:1px solid #b3dbe8;}
.popup .pop_tit:after{ content:""; display:block; clear:both;}
.popup .pop_tit p{ float:left; box-sizing:border-box; padding:15px 0px;}
.popup .pop_tit .pop_t{ width:100%; text-align:center; font-size:20px;color:#FFFFFF;font-weight:200}
.popup .pop_tit .pop_c a{ display:block; top:10px;right:14px; padding:5px; position:absolute;width:30px;  background:url(/images/button/close24w.png) no-repeat center right 0px;background-size:20px 20px;text-indent:-9999px;}

.popup .pop_txt{ padding:20px 0px;}
.popup .pop_txt p{ display:block;}
.popup .pop_txt .popTxt_info{ text-align:center; width:100%; font-size:18px; line-height:25px; padding-bottom:50px; padding-top:30px;}
.popup .pop_btn1 a{ display:block; color:#fff; background-color:#666; width:100px;padding:7px 30px;  text-align:center;margin-left:auto; margin-right:auto; font-weight:500;cursor:pointer;font-size:20px}
.popup .pop_btn1 a:hover{ background-color:#505050;}

.popup .pop_txt .popTxt_tit{ text-align:center; font-weight:bold; font-size:18px;}
.popup .pop_txt .popTxt_notice{ width:90%; margin-left:auto; margin-right:auto; background-color:#e6e0ec; margin-top:20px; padding:10px; font-size:14px;}
.popup .pop_txt .popTxt_txt{ margin:30px 20px 50px 20px;}
.popup .pop_txt .pop_btn2{ width:350px; margin-left:auto; margin-right:auto;}
.popup .pop_txt .pop_btn2:after{ content:""; display:block; clear:both;}
.popup .pop_txt .pop_btn2 a{ display:block; float:left;color:#fff; background-color:#666; padding:7px 30px; margin-right:15px; width:100px; text-align:center; margin-bottom:30px;}


.popup ul li.searchResult{padding:20px 20px 40px 20px;min-height:300px}
.popup ul li.searchResult table.searchBox{border-top:4px solid #c2c6d3;border-bottom:4px solid #c2c6d3}

.popup ul li.searchResult table.searchBox tr td{padding:0px}
.popup ul li.searchResult table.searchBox tr td ul.com{ padding-left:10px;overflow-x:hidden; 	overflow-y:scroll; 	margin:0px;height:260px}
.popup ul li.searchResult table.searchBox tr td ul.com li{float:left;width:33%;text-align:left;line-height:28px}
.popup ul li.searchResult table.searchBox tr td ul.com img{vertical-align:middle;margin-right:5px;margin-bottom:1px}
.popup ul li.searchResult table.searchBox tr td ul.com a{font-size:14px;color:#5a5a5a;font-weight:300}
.popup ul li.searchResult table.searchBox tr td ul.com a:hover{font-size:14px;color:#7f7f7f;text-decoration:underline;color:#30475c}
.popup ul li.searchResult h3{font-size:18px;font-weight:500;padding:0px 0px 18px 10px;text-align:center;color:#ff6600}

.popup ul li.searchResult table.searchBox tr td.cate{padding:0px}
.popup ul li.searchResult table.searchBox tr td h4{font-weight:700;vertical-align:middle;margin-left:32px;margin-top:3px;color:#2c587c}

.popup ul li.searchResult table.searchBox tr td.cate.line{border-top:1px solid #e1e1e1}

.popup ul li.searchResult table.searchBox tr td.cate.first{padding:0px 0px 0px 10px;}

.popup ul li.searchResult table.searchBox tr td.cate ul.cate.line{border-bottom:1px solid #e1e1e1}


.popup ul li.searchResult table.searchBox tr td.cate ul.cate li{float:left;width:none;text-align:left;line-height:30px;}
.popup ul li.searchResult table.searchBox tr td.cate ul.cate img{vertical-align:middle;margin-right:5px;margin-bottom:1px;margin-left:15px;}
.popup ul li.searchResult table.searchBox tr td.cate ul.cate a{font-size:14px;color:#5a5a5a;font-weight:300}
.popup ul li.searchResult table.searchBox tr td.cate ul.cate a:hover{font-size:14px;color:#7f7f7f;text-decoration:underline;color:#30475c}

.popup ul li.searchResult#searchAppResult ul li.biglist{float:left;width:25%}
.popup ul li.searchResult#searchAppResult ul li.biglist:nth-child(5){clear:both}

.popup ul li.searchResult#searchAppResult ul li.biglist h3{font-size:13px;width:92%;background-color:#3179c5;padding:1px 2px 2px 6px;color:#fff}
.popup ul li.searchResult#searchAppResult ul li.biglist h3 img{vertical-align:middle;margin-top:-3px;margin-right:3px}
.popup ul li.searchResult#searchAppResult ul li.biglist ul{padding:5px 5px 15px 5px}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li a{font-size:13px;font-weight:300;color:#333333}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li a:hover{text-decoration:underline;cursor:pointer}

.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate{display:none;position:relative;}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul{width:370px;position:absolute;left:-4px;border:1px solid #0066cc;border-radius:10px;padding:3px 10px 10px 10px;background-color:#f5f5f8}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul li{float:left;width:24%;padding:3px 0px 3px 0px;line-height:15px}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul div.tit{border-bottom:1px solid #bfbfbf}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul img.close{position:absolute;right:10px;top:5px;vertical-align:middle;cursor:pointer}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul li a{font-size:12px;letter-spacing:-1px}

.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul.bottom{bottom:0px;}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul.top{top:-20px}

.popup ul li.searchResult#searchAppResult ul.part_list{border-top:4px solid #c2c6d3}
.popup ul li.searchResult#searchAppResult ul.part_list li{float:left;width:32%;padding:3px 0px 3px 10px;border:1px solid #ffffff;border-radius:5px}
.popup ul li.searchResult#searchAppResult ul.part_list li span.title{margin-left:8px;font-weight:700;font-size:14px}
.popup ul li.searchResult#searchAppResult ul.part_list li:nth-child(3n+1){clear:both}
.popup ul li.searchResult#searchAppResult ul.part_list li div.desc{margin-left:35px;font-size:12px;font-weight:300;letter-spacing:-1px}
.popup ul li.searchResult#searchAppResult ul.part_list li label{margin-top:7px}

.popup ul li.searchResult#searchAppResult .end{clear:both;border-top:4px solid #c2c6d3;text-align:center;padding-top:20px}

.input_search{border:1px solid #b8b8b8;font-weight: 300;font-size:17px;margin:0 auto;height:34px; width:90%;padding-left:10px}
.input_search:hover{border:1px solid #000000}





.popup_c{ background-color:#fff;width:100%}
.popup_c li p{display:block; }
.popup_c .pop_tit{ position:relative; width:100%; background: url(/images/inbbg.png);border-bottom:1px solid #b3dbe8;}
.popup_c .pop_tit:after{ content:""; display:block; clear:both;}
.popup_c .pop_tit p{ float:left; box-sizing:border-box; padding:15px 0px;}
.popup_c .pop_tit .pop_t{ width:100%; text-align:left; font-size:20px;color:#FFFFFF;font-weight:700;padding-left:20px}
.popup_c .pop_tit .pop_c a{ display:block; top:14px;right:14px; padding:5px; position:absolute;width:30px;  background:url(/images/button/close24w.png) no-repeat center right 0px;background-size:20px 20px;text-indent:-9999px;}

.popup_c .pop_txt{ padding:20px 0px;}
.popup_c .pop_txt p{ display:block;}
.popup_c .pop_txt .popTxt_info{ text-align:center; width:100%; font-size:18px; line-height:25px; padding-bottom:50px; padding-top:30px;}
.popup_c .pop_btn1 a{ display:block; color:#fff; background-color:#666; width:100px;padding:7px 30px;  text-align:center;margin-left:auto; margin-right:auto; font-weight:500;cursor:pointer;font-size:20px}
.popup_c .pop_btn1 a:hover{ background-color:#505050;}

.popup_c .pop_txt .popTxt_tit{ text-align:center; font-weight:bold; font-size:18px;}
.popup_c .pop_txt .popTxt_notice{ width:88%; margin-left:auto; margin-right:auto; background-color:#e6e0ec; margin-top:20px; padding:10px; font-size:14px;}
.popup_c .pop_txt .popTxt_txt{ margin:30px 20px 50px 20px;}
.popup_c .pop_txt .pop_btn2{ width:100%; margin-left:auto; margin-right:auto;}
.popup_c .pop_txt .pop_btn2:after{ content:""; display:block; clear:both;}
.popup_c .pop_txt .pop_btn2 a{ display:block; float:left;color:#fff; background-color:#666; padding:7px 30px; margin-right:15px; width:100px; text-align:center; margin-bottom:30px;}


#pop_wrapInterview {
    width: 100%;
	
}
.desc_top {
	display:block;
	width:100%;	
	padding: 10px 35px 8px 35px;
	border:10px solid rgba(0, 4, 25, 0.2);background-color: rgba(0, 4, 25, 0.3);color:#ffffff;border-radius:30px;
	font-family: 'NanumSquare';
	font-size: 18px;
	font-weight: 600;
	margin:0 auto;	
	text-align:center;
	line-height:25px;
}
.pop_contents{padding:20px}
.pop_table{margin-top:20px;color:#fff}
.pop_table th,.pop_table td{padding:6px 5px;color:#fff;font-family:'Noto Sans KR'}
.pop_table td:first-child{padding-top:22px}
.pop_input{border:1px solid rgba(0, 4, 25, 0.15);background-color: rgba(0, 4, 25, 0.4);color:#ffffff;border-radius:5px;font-family:맑은 고딕;padding:5px 10px;width:98%;}
.pop_btn_layout{text-align:center;padding-top:20px;border-top:3px solid rgba(0, 4, 25, 0.35);margin-top:20px}


.mainTop_txt{ position:absolute;left:5px;top:27px;width:190px}
.mainTop_help{ position:absolute;left:15px;top:24px;}/*width:190px*/

.univ_logo_sub_img{position:relative;min-height:31px;vertical-align:middle;}
.univ_logo_sub_img img{position:absolute;left:0px;vertical-align:middle;z-index:2;max-height:42px}
.univ_logo_sub_img img.ai_book{position:absolute;left:0px;vertical-align:middle;z-index:2;top:-18px;max-height:76px !important}

/*개발 추가*/
#mask
{
	 position:absolute;
	 top:0px;
	 left:0px;
	 width:100%;
	 height:100%;
	 display:none;
	 z-index:100;
	 background-color:#222222;
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	 opacity:0.40; -moz-opacity:0.40;
}

#loading_area
{
	 position:absolute;
	 top:0px;
	 left:0px;
	 width:100%;
	 height:100%;
	 display:none;
	 z-index:100;
	 background-color:#494949;
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	 opacity:0.20; -moz-opacity:0.20;
}


#loading_icon {
  display:none;
  position:absolute;
  width: 45px;
  height: 45px;
  border: 8px solid rgba(255,255,255,.7);
  border-radius: 50%;
  border-top-color: #00abff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
   z-index:300;
}

#loading_icon_correct1 {
  display:none;
  position:absolute;
   z-index:300;
   border:3px solid #ff6600;
   background-color:#ffffff;
   border-radius:6px;
   text-align:center;
   padding:20px 30px 40px 30px;
  box-shadow:0px 2px 8px 1px #3d3839;
  height:120px;margin-top:-90px
}

#loading_icon_correct1 div.pos{
	position:relative;
	margin:0 auto;width:100px;padding-top:20px
}
#loading_icon_correct1 div.pos img{position:absolute;top:35px;left:10px}

#loading_icon_correct1 div.pos div.loading {
	 text-align:center;
  width: 50px;
  height: 50px;
  border: 12px solid #fde4bb;
  border-radius: 50%;
  border-top-color: #ff860f;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
 
}

#loading_icon_correct1 h2{
 color:#ff6600;font-weight:700
}

#loading_icon_correct {
  display:none;
  position:absolute;
   z-index:300;
   border:3px solid #ff6600;
   background-color:#ffffff;
   border-radius:6px;
   text-align:center;
   padding:20px 30px 40px 30px;
  box-shadow:0px 2px 8px 1px #3d3839;
  height:165px;margin-top:-90px
}

#loading_icon_correct div.pos{
	position:relative;
	margin:0 auto;width:100px;padding-top:20px
}
#loading_icon_correct div.pos img{position:absolute;top:35px;left:10px}

#loading_icon_correct div.pos div.loading {
	 text-align:center;
  width: 50px;
  height: 50px;
  border: 12px solid #fde4bb;
  border-radius: 50%;
  border-top-color: #ff860f;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
 
}

#loading_icon_correct h2{
 color:#ff6600;font-weight:700;
     line-height: 40px;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.loading_s_layer{
	margin:0 auto;width:230px;padding-left: 130px;	color:#0c797e;font-weight:300;padding-top:5px
}

.loading_more{
	margin:0 auto;padding:15px 0px 80px 0px
}

.loading_s_layer .loading_s {
  
  text-align:center;
  width: 20px;
  height: 20px;
  border: 4px solid #d7ecec;
  border-radius: 50%;
  border-top-color: #14cad3;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
 
}




.dis_none_abs{display:none;position:absolute;z-index:3}
.dis_none{display:none}

#back_process{display:none;width:0px;height:0px}


.WriteFormScroll{
	border-width:0 0 0 0; 
	border-style:solid; 
	border-color:#efefef; 
	width:100%; 
	height:100%; 
	overflow-x:hidden; 
	overflow-y:auto; 
	padding:0px;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #cfcfcf;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #cfcfcf;
	scrollbar-track-color: #fafafa;
	scrollbar-arrow-color: #666666;
}

.pop1_wrap{position:absolute;z-index:999;display:none}

.pos_r{position:relative;height:0px;}

.bubble
{
	width:70px;
	height:18px;
	padding: 3px 15px;
	background: #FFFFFF;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	border: #9d4d9c solid 2px;
	font-weight:700;
	position:absolute !important;
	top:-45px;left:0px;
	display:none;
	cursor:pointer;
}

/*
.bubble:after
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 9px 11px 0;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -9px;
	left: 22px;
}

.bubble:before
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 12px 0;
	border-color: #9d4d9c transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -12px;
	left: 21px;
}
*/
.bubble a{font-size:13px !important;padding:0px !important;color:#9d4d9c !important}

.coupon_title {padding-top:50px;}
.coupon_title h2{ font-size:40px; text-align:center; font-weight:600; color:#fff; letter-spacing:1px; margin-bottom:40px; padding-bottom:20px; padding-top:20px;background-color: rgba(0, 4, 25, 0.25);border-radius:50px;width:800px;margin:0px auto }
.coupon_main{
	
	height: 200px;
	padding-top: 30px;
	background: #fff;
	border-radius: 3px;
	box-shadow:0px 1px 4px 1px #535353;
	
	margin-top:20px;width:100%;padding:10px 0px;border:1px solid #c9d9e7;color:#007B8B;
}

.coupon_main input.cc{font-weight:500;text-transform:uppercase;color:#007B8B;text-align:center;width:100px;font-size:25px;text-align:center;box-shadow: 0px 0px 7px rgba(80,80,80,0.3) inset,0px 0px 5px rgba(200,200,200,0.5); background-color: rgba(210,210,210,0.2);padding:2px 10px}
.coupon_main .input{color:#007B8B;font-size:28px;padding-top:50px;font-weight:500}
.coupon_main .coupon_check {cursor:pointer; border:0px;background-color:#219cc1;color:#fff;  font-size:21px; padding:8px 20px 8px 20px;vertical-align:middle;margin-top:-5px;border-radius:3px}
.coupon_main .coupon_check:hover{background-color:#1d89a9;box-shadow:0px 1px 3px 0px #264d73;transition: all 0.3s;}

.coupon_main.first h2{color:#007B8B;font-size:28px;padding-top:50px;font-weight:500;margin-bottom:20px}

.coupon_main.reg{height:260px;display:none}
.coupon_main.reg h3{font-size:28px;padding:20px;font-weight:500}
.coupon_main.reg{margin-bottom:70px}
.coupon_main.reg #user_id,.coupon_main.reg #user_pass{font-size:15px;width:220px;margin-bottom:10px;border:1px solid #219cc1;color:#219cc1;letter-spacing:1px}

.coupon_check.reg{width:232px;margin-top:1px}

#rst{color: red;padding-top: 20px; font-size: 15px;}

#rst span.ready{color:#5488a5;font-size:15px;font-weight:300}

.s_my_wrap01.coupon{width:900px;padding:10px 0px 20px 0px;   }
.s_my_wrap01.coupon .table_st2{ border-radius:3px;  box-shadow: 0px 1px 4px 1px #535353;  border: 1px solid #c9d9e7}
.s_my_wrap01.coupon .table_st2  tbody tr td{background-color:#ffffff}

.s_my_wrap01.coupon .table_st2  tbody tr td span.use_ready{color:#48b500;font-weight:700}
.s_my_wrap01.coupon .table_st2  tbody tr td span.use_done{color:#a1a1a1;font-weight:700}
.s_my_wrap01.coupon h2{color:#ffffff;font-size:20px;padding:3px 15px 5px 15px;margin-bottom:10px;background-color: rgba(0, 4, 25, 0.25);border-radius: 50px;display:inline-block}

.layer_pop_common {
     
	letter-spacing:-1px;
	font-size:13px;
	line-height:20px;
	color:#333;
	border:3px solid #2b4468;
	width:620px;float: left;position:relative;z-index:1001;background-color:#FFFFFF;display:none;
	transition: all 0.2s
}

.layer_pop_common h2{
	width:100%; background-color:#02b4db; text-align:center;color:#FFFFFF;padding:20px 0px 15px 0px;font-size:22px;font-weight:700
}

.layer_pop_common h2 img{vertical-align:middle;margin-top:-5px;margin-right:10px;}
.layer_pop_common .conbox {
	padding:10px 30px;
}
.layer_pop_common div.box{
   text-align:center;line-height:20px;font-size:12px;
}
.layer_pop_common div.box .box_title {
   color:#000000;font-size:20px;padding:60px 15px 30px 15px;line-height:30px;font-weight:500

}
.layer_pop_common div.box .box_text {
   width:70%;text-align:left;margin:0 auto;font-size:14px;border:1px solid #bac6d1;border-radius:5px;padding:10px;margin-bottom:30px;margin-top:30px;background-color:#eeeef2;letter-spacing:1;line-height:22px;font-weight:300
}
.layer_pop_common .bottomBtn {
	display:block;
	bottom:0;
	border:1px solid #dddddd;
	padding:5px 10px;
	background-color:#f5f5f5;
}
.layer_pop_common .bottomBtn a {
	font-size:11px;
	letter-spacing:-1px;
	color:#999;
	font-family:'맑은 고딕', '돋움', '돋움체';
	color:#666;
	text-decoration:none;
}
.layer_pop_common .bottomBtn a img {
	float:right;
	margin:2px -3px 0 0;
}


#my_coupon_list{padding-bottom: 50px;}

.dis_block{display:block}
.dis_none{display:none}

.orange{color:#ff6600 !important}


/*myinface 01 */
.s_my_pos01 { width:100%; position:relative;}
.s_my_pos01 .s_my_wrap01 { width:1200px; position:relative; margin:0 auto; padding:0; font-size:16px;font-weight:100 }
.s_my_pos01 .s_my_wrap01 .s_my_pos { margin:30px 0 25px 0;border-left:1px solid #405c99 }
.s_my_pos01 .s_my_wrap01 .s_my_pos li {height:45px; float:left; text-align:center; color:#fff; font-size:16px; padding:10px 30px 10px 30px;background:rgba(0, 0, 0, 0.2);margin-left:-1px; border:1px solid #4a6bb1;border-left:0px; box-sizing:border-box; cursor:pointer; }

.s_my_pos01 .s_my_wrap01 .s_my_pos li.on { color:#2b92d5;background:rgba(0, 4, 15, 0.3); border:1px solid #2b92d5;font-weight:500 }
.s_my_pos01 .s_my_wrap01 .s_my_pos:after { content:""; display:block; clear:both;}
.s_my_pos01 .s_my_wrap01 .s_my_pos li span.cnt {font-size:13px;letter-spacing:1px;color:#fff;font-family:'맑은 고딕';vertical-align: middle;margin-top: -5px; display: inline-block;}
.s_my_pos01 .s_my_wrap01 .s_my_pos li.on span.cnt {font-size:13px;letter-spacing:1px;color:#ff3300;font-family:'맑은 고딕';vertical-align: middle;margin-top: -5px; display: inline-block;}



.table_st2 { width:100%; text-align:center; margin-bottom:10px;}
.table_st2 th { height:55px; border-top:1px solid rgba(0, 4, 25, 0.6); border-bottom:1px solid rgba(0, 4, 25, 0.6); font-size:15px; font-weight:200; color:#fafafa; background:rgba(0, 4, 25, 0.5)}
.table_st2 td { height:55px; border-bottom:1px solid #60729b; font-size:14px; vertical-align:middle; color:#fafafa; font-weight:300; }
.table_st2 td.date{font-size:14px;font-family:'맑은 고딕';letter-spacing:0px}
.table_st2 td.per_done{font-size:15px;font-family:'맑은 고딕';letter-spacing:0px}
.table_st2 td span.part{font-weight:300;color:#beedff}
.table_st2 td.step{font-size:12px;font-family:'맑은 고딕';word-break: keep-all}
.table_st2 td.txt_l {text-align:left; padding-left:10px;}
.table_st2 th.txt_l {text-align:left; padding-left:30px;}
.table_st2 th:last-child, .table_st1 td:last-child {border-right:0}

.paging { padding:50px 0; font-size:16px; text-align:center; }
.paging a { display:inline-block; padding:10px; margin:0 5px; line-height:10px; color:#888;}
.paging .on { color:#2b92d5;}
.paging .first { border:1px solid #ccc; margin:0 0 -5px 0; background:url(/images/arr.jpg) no-repeat 3px 2px;}
.paging .pre { border:1px solid #ccc; margin:0 10px -5px 0; background:url(/images/arr.jpg) no-repeat -23px 2px;}
.paging .next { border:1px solid #ccc; margin:0 0 -5px 10px; background:url(/images/arr.jpg) no-repeat 3px -12px;}
.paging .last { border:1px solid #ccc; margin:0 0 -5px 0; background:url(/images/arr.jpg) no-repeat -23px -12px;}

.bt_submit { display:block; width:100px; height:35px; line-height:35px; color:#fff; background:#2b92d5; font-weight:bold; text-align:center; margin:65px auto 20px; font-size:14px;}
.bt_result { display:inline-block; font-size:14px; line-height:27px; background:url(/images/bt_result.jpg) no-repeat 8px 7px; color:#2b92d5; border:1px solid #2b92d5; padding:0 7px 0 25px;background-color:#ffffff;font-weight:300}
.bt_result:hover{color:#2377af}
.bt_video { display:inline-block; font-size:14px; line-height:29px; background:#97a3b1 url(/images/bt_video.jpg) no-repeat 10px 7px; color:#fff; padding:0 10px 0 27px; margin-right:5px;}
.bt_st_my.done,.bt_result.done{color:#b6bec9; border:1px solid #d9d9d9;opacity: 0.6}
.bt_video.done{opacity: 0.3}

.bt_st_my { display:inline-block; font-size:12px; line-height:27px;padding:0 10px;color:#FFF; background-color:#8869ed;transition: all 0.3s;box-shadow:0px 3px 5px 0px #dadada;border-radius: 3px;font-weight: 500;}
.bt_st_my:hover,.bt_video:hover{background-color:#6b47e9;transition: all 0.3s;color:#ffffff;box-shadow:0px 3px 5px 0px #b8b8b8;}
.bt_result:hover{transition: all 0.3s;font-weight:700}
.bt_st_my.done:hover,.bt_result.done:hover,.bt_video.done:hover{box-shadow:none;transition:none;}


.pop1_wrap { box-shadow:0px 2px 8px 1px #3d3839; }

.pop1_wrap .pop_tit { position:relative;  height:75px; background:#01a8cc; text-align:center; color:#fff; font-size:26px; font-weight:600; line-height:75px;}
.pop1_wrap .pop_body { position:relative;background:#fff; padding:40px 20px 20px 20px; text-align:center;}
.pop1_wrap .pop_tab { position:relative; width:100%; height:75px; text-align:center;    background-color:#6b6b6b}

.pop1_wrap .pop_tab li {cursor:pointer; display:block; float:left; width:333px; background:#6b6b6b; color:#fff; font-size:24px; font-weight:600; line-height:75px;;border:0px}

.pop1_wrap .pop_tab li a { display:block; color:#fff;}
.pop1_wrap .pop_tab li.on { background:#01a8cc; color:#fff;}
#boxes .window .close { position:absolute; right:16px; top:5px;}


#video-popup {
  display: none;
  position: absolute;
  justify-content: center;
  align-items: center;
  z-index:9999;
}

#video-popup iframe {
  border:0px;
  padding:0px;
  margin:0px;
  box-shadow:0px 3px 12px 0px #000000;
}


#boxes .window { position: absolute; left: 0; top: 0; display: none; z-index: 9999; } 
#login { width: 450px; } 

#idFind { width: 450px; } 
#pwChange { width: 450px; } 

#idFind #resultPanel { display: none; } 

#contentReuslt { width: 560px; } 

.w100p{width:100%}
.layerPopupPanel {     border-radius: 20px;
    border: 10px solid #0FA9F5;
    background: #0FA9F5;} 

.layerPopupContent { background: #fff;  padding: 25px 32px; border-radius: 10px; } 

.popupTitle { padding-bottom: 8px; border-bottom: 1px solid #F0F0F0; margin-bottom: 15px; position: relative; font-size: 15px; line-height: 22px; font-weight: 700; color: #0fa9f5; padding-left: 5px; /* text-shadow: 0px 0px 0.5px #003538; */ } 

.popupClose { position: absolute; top: 25px;; right: 20px; } 

.layerPopupContent table { width: 100%; border-top: 1px solid #deeaeb; border-left: 1px solid #deeaeb; } 

.layerPopupContent td,
.layerPopupContent th { border: 1px solid #deeaeb !important; border-width: 0 1px 1px 0 !important; text-align: left; padding: 10px } 

.layerPopupContent th { font-weight: bold !important; color: #5b55f2 !important; background: #f2fafb !important; } 

.layerPopupPanel p.desc { font-size: 12px; letter-spacing: -1px; } 

.box_gray { border: 1px solid #e9e9e9; background-color: #f6f8fa; padding: 3px; overflow: hidden; } 

.box_gray .center { border: 1px solid #cecece; background-color: #ffffff; padding: 10px 5px; overflow: hidden; } 

.box_green { border: 1px solid #3e44b6; background-color: #5157e4; padding: 3px; overflow: hidden; } 

.box_green .center { border: 1px solid #6058b9; background-color: #ffffff; padding: 10px 5px; overflow: hidden; } 

.box_green .center2 { border: 1px solid #4d50af; background-color: #ffffff; overflow: hidden; } 

.box_cyan {background-color: #f0f1fb;padding: 35px 0px; overflow: hidden; text-align: center; border-radius: 10px; line-height: 25px; } 

.box_cyan.line{background-color: #fff;border:1px solid #ddd}

.box_cyan.join{padding:85px 0px 70px 0px}



.input_join { border: 1px solid #F6F7FC;display: inline-block; vertical-align: middle; height: 48px; text-align: left; background-color: #F6F7FC; font-size: 15px; padding: 0px 30px; letter-spacing: 0.5px; transition: all 0.2s; border-radius: 24px !important;    font-family: 'Montserrat', 'Pretendard'; } 

.input_joinInfo { background-color: #F4F4F4; border: 0 none; height: 18px; padding: 2px 10px; outline: unset } 

.input_join_mem { background-color: #f2f9f9; border: 1px solid #babdde; height: 18px; font-size: 12px; line-height: 15px; padding: 2px 5px; outline: unset } 

.pt20{padding-top:20px}

input[type="text"].input_join:hover,
input[type="password"].input_join:hover,
input[type="text"].input_join:focus,
input[type="password"].input_join:focus { border: 1px solid #eceef9; transition: all 0.2s; border-radius: 3px; display: inline-block; } 

input.input_join::-webkit-input-placeholder { color: #a8a8a8 } 

input.input_join:-ms-input-placeholder { color: #a8a8a8 } 

input.input_join:focus::-webkit-input-placeholder { color: #bbb; } 

input.input_join:focus::-ms-input-placeholder { color: #bbb; } 

.code-type input.input_join { border: 1px solid #DEDEDE; text-align: center; border-radius: 6px; display: inline-block; } 

.layerPopupPanel .input-box.id { border: 1px solid #DEDEDE; background: #fff url(/images/admin/ic-id.svg) 10px center no-repeat; border-radius: 6px; display: inline-block; width: 80%; height: 38px } 

.layerPopupPanel .input-box.id input[type='text'],
.layerPopupPanel .input-box.password input[type='password'] { border: 0px; margin-left: 20px; width: calc(100% - 70px); } 

.layerPopupPanel .input-box.password { border: 1px solid #DEDEDE; background: #fff url(/images/admin/ic-password.svg) 10px center no-repeat; border-radius: 6px; margin-top: 14px; display: inline-block; width: 80%; height: 38px } 

.layerPopupPanel .input-box:hover,
.layerPopupPanel .input-box:focus,
.code-type input.input_join:hover,
.code-type input.input_join:focus,
#loginFrm select#univ_major:hover,
#loginFrm select#univ_major:focus { border: 1px solid #d8ccd9; box-shadow: 0px 0px 5px -2px inset #b3b3b3; transition: all 0.2s } 

.input-box .input_join { border: 0px; height: 33px; margin-top: 2px } 
/*
.input-box .input_join:hover,
.input-box .input_join:focus { box-shadow: unset !important } 
*/

.wid140 { width: 140px } 

.wid160 { width: 160px } 

.wid90 { width: 90px } 

.wid58 { width: 58px } 
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pt15{padding-top:15px}
.ime-in { ime-mode: inactive } 

.w280px{width:280px !important}

.no_view { background-color: #ffffff; border: 0px solid #BADCDE; height: 18px; font-size: 12px; line-height: 15px; padding: 2px 5px; } 

.send-btn img { opacity: 0.7 } 

.send-btn img:hover { opacity: 1.0 } 

.login-msg,.join-msg  { display: block; font-size: 13px; padding-top: 12px; text-align: center; color: #fc4343; font-weight: 500;  padding-bottom: 11px; } 
.login-msg strong,.join-msg strong { color:#0fa9f5; font-weight: 800; } 
.login-msg img,.join-msg img { vertical-align: middle; margin: -2px 5px 0px 0px; } 

#loginFrm .help,
#findFrm .help { color: #0fa9f5 } 

#loginFrm select#univ_major {width: 100%; text-align: center; min-height: 48px; vertical-align: middle; background-color: #fff; border: 1px solid #DEDEDE; border-radius: 6px; text-align: left; padding: 0px 20px;font-size:14px; border-radius: 24px; } 

.mb14 { margin-bottom: 14px; } 

.mem-send-btn {cursor:pointer;background-color:#43A0FC; border: 1px solid #43A0FC; color: #fff; display: inline-block; font-size: 15px; height:48px; line-height:48px; letter-spacing: 0px; border-radius: 24px; text-align: center; font-weight: 700; padding: 0px 12px; min-width: 80px; box-shadow: 0px 0px 4px -2px #2e2e2e; opacity: 0.8; transition: all 0.2s;font-family: 'Montserrat', 'Pretendard'} 

.layerPopupPanel .select { width: 100% } 

.mem-send-btn:hover { opacity: 1.0; transition: all 0.2s } 
.mem-send-btn.reg-first{width:120px; margin-left: 5px;}

#findPanel ul { width: 80%; margin: 20px auto; } 

#findPanel ul li dt { padding: 5px; font-weight: 700; font-size: 16px; border-bottom: 1px dotted #0fa9f5; color: #0fa9f5 } 

#findPanel ul li dd { padding: 5px; font-weight: 500; font-size: 15px; margin-bottom: 25px; } 

#findPanel ul li dd img { vertical-align: middle; height: 14px; margin-top: -2px; margin-right: 5px; } 

.layerPopupPanel .loading-icon { display: none; left: 50%; right: 50%; margin-left: -14px; top: 50%; margin-top: -26px } 

.layerPopupPanel .loading-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 100; background-color:#000; filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40); opacity: 0.50; -moz-opacity: 0.50; border-radius: 10px; } 

.enabled-end { color: #f00; font-size: 16px; margin-left: 10px; } 


.txt_center { text-align: center; } 

.pt10{padding-top:10px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mb5{margin-bottom:5px}


@keyframes spin { to { -webkit-transform: rotate(360deg); }}

@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); }}
.loading-icon { position: absolute; width: 26px; height: 26px; border: 7px solid rgb(255,255,255,0.7); border-radius: 50%; border-top-color: #43A0FC; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; z-index:300; display:none } 

.pass-find{border-radius:20px;width:520px;
    position: relative;
    
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 32px 40px 20px 52px;
    background: #fff;  
	margin-top: -50px;
    border: 1px solid #00abff;


}

.pass-find .sub_title h2{    margin-top: -100px;
    color: #fff;
    font-size: 28px;
    margin-bottom: 80px;
    font-weight: 800;
    text-align: center;
}

.pass-find h3.sm_title{    font-size: 17px;
    font-weight: 800;
    line-height: 1.44;
    margin-bottom: 10px;    border-bottom: 0px;}


.pass-find h3.sm_title span {
    color: #4097d5;
	    font-weight: 700;
}

.sub_contents .sm_title {
    font-size: 17px;
    font-weight: 800;
    line-height: 1.44;
    margin-bottom: 10px;
}


.sub_contents .lg_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
}


.cm_info_list .line {
    margin-top:20px;
}

.cm_info_box .cm_info_list .line .block_box {
    margin-top: 13px;
}

.input_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cm_info_box .cm_info_list .line .block_box .input_box, .cm_info_box .cm_info_list .line .block_box .select_box {
    width: 100%
}
.input_box {
    position: relative;
}

.input_box label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57;
    margin-bottom: 13px;
}
caption, .blind {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.input_box input {
    width: 100%;
    height: 48px;
    padding: 13px 24px;
    -webkit-transition: border 0.2s;
    transition: border 0.2s;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #d8dadd;    font-family: 'Montserrat', 'Pretendard';
}

.c_line.sm {
    margin: 30px 0;
}
.c_line {
    width: 100%;
    height: 1px;
    background-color: #e5e8ec;
    margin: 40px 0;
}

.btn_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;    padding-bottom: 30px;
}

.btn.md {
	display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    white-space: nowrap;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 1;
    min-width: 144px;
    height: 48px;
    font-weight: 600;
    padding: 0 16px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.btn.tertiary {
display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    white-space: nowrap;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 1;
       border: 1px solid #00abff;
    background-color: #00abff;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 24px;
    box-shadow: 0px 0px 4px 0px #999;
}


.main.find{margin-top: 100px;padding-bottom:0px}
.main.sub{margin-top: 100px;padding-bottom:0px}

.main.sub .visual_main {
    min-height: 730px;
     padding-top: 50px;
    background: initial;
    /* background-size: cover; */
     height: initial;    padding-bottom: 80px;    background-color: #54b1df;
}

.main.find .visual_main {
    border: 1px solid #ddd;
	 min-height: 730px;
}


.main.sub hr {
    border: 0px;
    border-top: 3px solid #66b0fc;
    padding: 10px 0px;display:block
}

.main.sub h4{    font-weight: 800;
    font-size:19px;
    padding: 15px 0px;
    color: #66b0fc;
}

.sub_contents.center {
    margin: 0 auto;
    width: 720px
}

.sub_contents .sub_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sub_contents .sub_title h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.38;
}

.sub_contents .sub_title p {
    width: 100%;
    font-size: 14.5px;
    line-height: 1.5;    color: #66b0fc;
    margin-top: 12px;word-break: keep-all;
}

.sub_contents .sub_title .btn {
    margin-left: 16px;
}

.sub_contents .sub_title .right {
    margin-left: auto;
}

.sub_contents .sm_title {
    font-size: 17px;
    font-weight: 800;
    line-height: 1.44;
    margin-bottom: 10px;
}

.sub_contents .sm_title.mb0 {    
    margin-bottom:0px;
}

.sub_contents .sm_title2 {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.44;
    margin-bottom: 13px;
}

.sub_contents .sm_title .point {
    font-size: 15px;
}

.cm_info_box .sm_title {
    border-bottom: 2px solid #00abff;padding-bottom: 8px;margin-top: 20px;
    font-size: 19px;color:#00abff
}

.sub_contents .sm-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    margin-bottom: 16px;
    border-bottom: 2px solid #747474;
    padding-bottom: 5px;
}

.sub_contents .sm-title span {
    color: #00abff;
    font-weight: 700;
}

.sub_contents .sm_title span {
    color: #4097d5
}

.sub_contents .lg_title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
}



.sub_contents .agreeBox { border: 1px solid #ccc; padding: 10px; height: 200px; overflow: auto; word-break: keep-all; text-align: justify; } 



.sub_contents .select_box select {
    width: 100%;
    height: 40px;
    padding: 5px 40px 7px 15px;
    -webkit-transition: border 0.2s;
    transition: border 0.2s;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    border: 1px solid #e5e8ec;
}
.sub_contents select {
    border: 0 none;
    width: 100%;
    height: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
}


.sub_contents select::-ms-expand {
    display: none;
}

.sub_contents .select_box {
    position: relative;
}

.sub_contents .select_box::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -6px;
    border: solid #383b40;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sub_contents .select_box select {
    width: 100%;
    height: 40px;
    padding: 5px 40px 7px 15px;
    -webkit-transition: border 0.2s;
    transition: border 0.2s;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    border: 1px solid #e5e8ec;
}

.sub_contents .select_box select:focus {
    border-color: #00abff;
    outline: none;
}

.sub_contents .check_box {
    display: inline-block;
    position: relative;
}

.sub_contents .check_box label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    min-width: 20px;
    min-height: 20px;
    line-height: 20px;
    font-size: 13px;    letter-spacing: -0.5px;
}

.sub_contents .check_box label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
}

.sub_contents .check_box input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sub_contents .check_box input:checked+label::before {
    background-color: #00abff;
    border: 0;
}

.sub_contents .check_box input:checked+label::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 5px;
    width: 8px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-43deg);
    transform: rotate(-43deg);
}

.sub_contents .check_box.sty2 {
    display: block;
    line-height: 1;
    width: 20px;
    height: 20px;
}

.sub_contents .check_box.sty2 label {
    padding: 0;
    margin: 0;
}

.sub_contents .check_box.sty2 label::before {
    border-radius: 5px;
}

.sub_contents .radio_box {
    display: inline-block;
    position: relative;
}

.sub_contents .radio_box label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    min-width: 20px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.sub_contents .radio_box label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
}

.sub_contents .radio_box input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sub_contents .radio_box input:checked+label::before {
    background-color: #00abff;
    border: 0;
}

.sub_contents .radio_box input:checked+label::after {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    left: 6px;
    top: 6px;
}

.sub_contents .radio_box.sty2 {
    display: block;
    line-height: 1;
    width: 20px;
    height: 20px;
}

.sub_contents .radio_box.sty2 label {
    padding: 0;
    margin: 0;
}

.sub_contents .radio_box.sty2 label::before {
    border-radius: 5px;
}

.sub_contents .textarea_box label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57;
    margin-bottom: 13px;
}

.sub_contents .textarea_box textarea {
    width: 100%;
    resize: none;
    border: 1px solid #d8dadd;
    padding: 13px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
}

.sub_contents .textarea_box textarea:focus {
    border-color: #00abff;
    z-index: 2;
}

.mt-15{margin-top:15px}

.agree-end {
    color: #00abff;
    font-size: 13px;
    font-weight: 500;
}

body::-webkit-scrollbar {
  width:12px;
}
body::-webkit-scrollbar-track {
  background-color: #c5d4dd;
}
body::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: linear-gradient(to bottom, #7caac2, #93b8cd);
  background-color: #7caac2;
}
body::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.scroll-css{overflow-y: auto; border: 1px solid #e3e3e3;}
.scroll-css::-webkit-scrollbar {
  width:10px;height:12px
}
.scroll-css::-webkit-scrollbar-track {
    background-color: #f9f9f9;
    border-left: 1px solid #e9e9e9;
	border-radius: 6px;
}
.scroll-css::-webkit-scrollbar-thumb {
      border-radius: 6px;
    background-color: #b5b5b5;
}
.scroll-css::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

.cm_info_box .cm_info_list .line .label {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    width: 77px;
}

.required {
    margin-left: 5px;
    color: red;
}

.cm_info_box .cm_info_list .line+.line {
    margin-top: 30px;
}

#use_mem_id_text {
    width: 100%;
    height: 48px;
    padding: 13px 24px;
    -webkit-transition: border 0.2s;
    transition: border 0.2s;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f1f1f1;
    border-radius: 2px;
    border: 1px solid #d8dadd;
    color: #979797;
    font-size: 16px;
    display: inline-block;
}

.cm_info_box .cm_info_list .line .block_box .help {
    display: block;
    margin-top: 10px;
    margin: 10px 0px 30px 0px;
    background: url(/images/icon/exclamation-mark.png) no-repeat 0px 1px;
    padding-left: 22px;
    color: #ff2b2b;
    font-size: 14px;
}

.dis-none{display:none}

.btn_group.pt50{padding-top:50px}

.btn.quaternary {
    border: 1px solid #bdbdbd;
    background-color: #fff;
    color: #9d9d9d;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 24px;
    box-shadow: 0px 0px 3px 1px #ebebeb;
    margin-left: 20px;
}

.btn.finish {
       background-color: #fff;
    color: #37a1d5;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 24px;
}


.input_box .phone-input{text-align:center;width:120px}

.block_box.mr-20 .radio_box{margin-right:20px}



.sub_contents.finish { background-color: #54b1df;border-radius: 25px; } 

.sub_contents.finish .finish-bg { margin:50px 0px 100px 0px; text-align: center } 

.sub_contents.finish .sub_title { color: #fff ;    text-align: center;} 

.sub_contents.finish .sub_title  h2 {
    text-align: center;
    width: 100%;
    padding:30px 0px 10px 0px
}

.sub_contents.finish .sub_title p{
	color:#ffffff
}

.sub_contents.finish .btn_group{
    padding-bottom: 80px;
    margin-top: -20px;
	}



.test_icon {
	display: inline-block;
	width:96px;
    height: 28px;
    border-radius: 15px; 
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
    line-height: 26px;
    margin-right: 10px;
	letter-spacing:-0.5px
}

.test_icon.en {
    background-color: #00B2DD0A;
    border: 1px solid #00B2DD;
    color: #00B2DD;
}

.test_icon.ts {
  background-color: #1A70E50F;
  border: 1px solid #1A70E5;
  color: #1A70E5;
}

.test_icon.opic { 
  background-color: #6655ED0F;
  border: 1px solid #6655ED; 
  color: #6655ED;
}

.pop1_wrap .close{position:absolute;right: 18px; top:24px;}

#SampleInfo{width:810px}
#SampleInfo img.sample{width:810px;border-top:1px solid #ebebeb}
#SampleInfo .pop_tab li{width:270px}

.pop1_wrap .pop_select { position:relative; width:100%; height:35px; text-align:center;border-top:1px solid #ababab}

.pop1_wrap .pop_select li {cursor:pointer; display:block; float:left; width:270px;background:#fff; color:#ababab; font-size:14px; font-weight:500; line-height:35px;;border:0px}

.pop1_wrap .pop_select li a { display:block; color:#fff;}
.pop1_wrap .pop_select li.on {color:#32baff}

.head_inner .univ_logo a img {
    max-height: 52px;width: initial;
}

.btn.login.idFind{
display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    white-space: nowrap;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 1;
color: #8d8d8d; font-size: 13px; padding-top: 20px;}


.edit{
	    font-size: 12px;
    letter-spacing: -1px;
      text-decoration: none !important;
    white-space: nowrap;
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    cursor: pointer;
    background-clip: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;
    transition: background-position 1s;
    padding: 1px 7px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.ml10{margin-left:10px}

.window .close img{width:26px}

#wrapPopConts.modalNormal{display: block; position: initial;width:680px;margin:0 auto}
#wrapPopConts.modalNormal .modalInside{padding-bottom:30px}

.hide{display:none}

.send-ing.on{text-align: center;
    vertical-align: middle;
    color: #fff;
    padding-top: 20px;
    font-size: 16px;}