.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,#0eabaf,#01c9b0);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:700;}
.popup .pop_tit .pop_c a{ display:block; top:10px;right:5px; padding:5px; position:absolute;width:30px;  background:url(/images/button/close24w.png) center center no-repeat;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.radius{border-radius:5px}
.popup .pop_tit.radius{border-radius:5px 5px 0px 0px}
.popup .pop_txt .popTxt_info.login{padding-bottom:15px;}
.popup .pop_txt .popTxt_info input{font-family:"NanumSquare";height:30px;padding:5px 5px 5px 8px;font-size:16px;border:1px solid #138b8e;width:200px;color:#138b8e;transition:all 0.3s}

.popup .pop_txt .popTxt_info input::-webkit-input-placeholder {font-family:"NanumSquare";color:#138b8e90}
.popup .pop_txt .popTxt_info input::-moz-placeholder {font-family:"NanumSquare";color:#138b8e90}
.popup .pop_txt .popTxt_info input::-ms-input-placeholder {font-family:"NanumSquare";color:#138b8e90}
.popup .pop_txt .popTxt_info input::placeholder {font-family:"NanumSquare";color:#138b8e90}

.popup .pop_txt .popTxt_info input:hover{background-color:#cfeaeb8c;transition:all 0.3s}
.popup .pop_txt .popTxt_info input#login_id{border-bottom:0px solid #fff}
.popup .pop_txt .popTxt_info input#login_id:hover{}
.popup .pop_txt .pop_btn1 input.login_btn{border:0px; display:block; color:#fff; background-color:#138b8e;padding:7px 0px;width:214px;text-align:center;margin:0 auto;cursor:pointer;font-size:17px;margin-bottom:30px; transition: all 0.3s;opacity:0.80;font-family:"NanumSquare"}
.popup .pop_txt .pop_btn1 input.login_btn:hover{opacity:1.0; transition: all 0.3s;}

.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.jpg);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;}






.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: 80px;
  height: 80px;
  border: 12px solid rgba(255,255,255,.7);
  border-radius: 50%;
  border-top-color: #77c8ca;
  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;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:500}
.s_my_wrap01.coupon .table_st2  tbody tr td span.use_done{color:#a1a1a1;font-weight:500}
.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}

#my_coupon_list{padding-bottom: 50px;}

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

.orange{color:#ff6600 !important}

#login_pwd{font-family:'맑은 고딕' !important}

.no-drag
{
  -ms-user-select: none; 
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}





/* modal */
.wrap_modal_main {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  padding-top: 120px;
  background-color:rgba(0,0,0,0.4);
  z-index: 200;            box-sizing: border-box;
}
.wrap_modal_main .cont_modal_main {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 640px;
  margin: 0 auto;
  background-color: #fff;   
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wrap_modal_main .hd_modal_main {
  position: relative;
  height: 58px;
  padding: 20px 20px 0;
  font-size: 18px;
  font-weight: 800;
}

.wrap_modal_main .hd_modal_main img{    vertical-align: middle;
    height: 20px;
    margin-right: 10px;}

.wrap_modal_main .hd_modal_main b {
  color: #C0272D;
  font-weight: 600;
}
.wrap_modal_main .btn_close_main {
  display: inline-block;
  position: absolute;
  top: 16px;
  right: 18px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.wrap_modal_main .btn_close_main:before, 
.wrap_modal_main .btn_close_main:after {
  content: ' ';
  position: absolute;
  top: 3px;
  left: 11px;
  height: 18px;
  width: 2px;
  background-color: #000;
}
.wrap_modal_main .btn_close_main:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wrap_modal_main .btn_close_main:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.wrap_modal_main .body_modal_main {
  padding: 20px;
}
.wrap_modal_main .ask_row_main {
  margin-bottom: 24px;
}
.wrap_modal_main .ask_tit_main {
  display: inline-block;
  position: relative;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
}
.wrap_modal_main .ask_tit_main:after {
  content: '*';
  position: absolute;
  top: 0px;
  right: -12px;
  color: #0ac7d6;
  font-size: 15px;
}
.wrap_modal_main input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.wrap_modal_main .ask_input_main {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #D8D8D8;
  border-radius: 2px;
  font-size: 13px
}
.wrap_modal_main .ask_input_main:focus {
  border-color: #00A4FF;
}
.wrap_modal_main .ask_txtarea_main {
  width: 100%;
  height: 136px;
  padding: 12px;
  border: 1px solid #D8D8D8;
  border-radius: 2px;
  resize: none;
  font-size: 13px;
  line-height: 1.3;    box-sizing: border-box;
}
.wrap_modal_main .ask_txtarea_main:focus {
  border-color: #00A4FF;
}
.wrap_modal_main .ask_row_flex_main {
  display: flex;
  justify-content: space-between;
}
.wrap_modal_main .ask_row_flex_main>div {
  width: 48.1751%;
}
.wrap_modal_main .captcha_box {
  position: relative;
  width: 100%;
  height: 98px; 
}
.wrap_modal_main .captcha_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left top;
}
.wrap_modal_main .captcha_input {
  padding-top: 21px;
}
.wrap_modal_main .btn_refresh_main {
  width: 100%;
  height: 40px;
  margin-bottom: 18px;
  background-color: #585858;
  border-radius: 2px;
  color: #fff;
  font-size: 13px;
}
.wrap_modal_main .btn_refresh_main span {
  padding-left: 24px;
  background: url(/images/intro/ico_refresh.png) no-repeat left top;
  background-size: 16px;
}
.wrap_modal_main .btn_refresh_main:hover {
  background-color: #000;
}
.wrap_modal_main .btn_modal_row_main {
  margin-top: 40px;
  text-align: center;display:block
}
.wrap_modal_main .btn_modal_row_main.mt0 {
  margin-top: 0px;
}
.wrap_modal_main .btn_modal_row_main .btn_blue_main {
  position: relative;
  height:46px;
  padding: 0 60px;
  background-color: #0ac7d6;
  color: #fff;
  font-size: 14px;
  z-index: 2;    border-radius: 0px;
}
.wrap_modal_main .btn_blue_main:before {
  content: ""; 
  position: absolute;   
  background-color: #079eab; 
  left: 0; 
  top: 0; 
  width: 0; 
  height: 100%; 
  z-index: -1;  
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wrap_modal_main .btn_blue_main:hover:before {
  width: 100%;
}
.wrap_modal_main .btn_blue_main span {
  position: relative;
  padding-right: 24px;
}
.wrap_modal_main .btn_blue_main span:after {
  content: '';
  position: absolute;
  right: 0;
  top: 4px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wrap_modal_main .btn_blue_main:hover span:after {
  right: -5px;
}


.wrap_modal_main .agree_box_main {
    margin: 20px 0px;
    border: 2px solid #d4d4d4;
    background-color: #ffffff;
    padding: 20px;
    text-align: left;
    font-size: 12px;    font-weight: 500;
    line-height: 1.5em;
}


.wrap_modal_main .checklabel2_main {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 14px;
    margin-right: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 12px;
    color: #0099cc;
}

.wrap_modal_main .checklabel2_main:last-child {
    margin-right: 0;
}

.wrap_modal_main .checklabel2_main input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.wrap_modal_main .checklabel2_main .checkmark_main {
    position: absolute;
    top: -3px;
    left: 1px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #09c
}

.wrap_modal_main .checklabel2_main input:checked~.checkmark_main {
    background-color: #fff;
    border: 1px solid #fff;
}

.wrap_modal_main .checklabel2_main .checkmark_main:after {
    content: "";
    position: absolute;
    display: none;
}

.wrap_modal_main .checklabel2_main input:checked~.checkmark_main:after {
    display: block;
}

.wrap_modal_main .checklabel2_main .checkmark_main:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #09c;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wrap_modal_main .scorll-ask_main{max-height: 640px;}


.sc_1 { border: 1px solid #ffc7c7; background-color: #ffe2e2; color: #ff4040; border-radius: 2px; padding: 1px 5px 1px 5px; font-size: 12px; display: inline-block; min-width: 60px; font-weight: 700; line-height: 16px; vertical-align: middle; } 
.sc_2 { border: 1px solid #e0eaf9; background-color: #e4efff; color: #56a2ff; border-radius: 2px; padding: 1px 5px 1px 5px; font-size: 12px; display: inline-block; min-width: 60px; font-weight: 700; line-height: 16px; vertical-align: middle; } 
.sc_3,.sc_4 { border: 1px solid #e1e2e3; background-color: #e5e8ec; color: #adb2bc; border-radius: 2px; padding: 1px 5px 1px 5px; font-size: 12px; display: inline-block; min-width: 60px; font-weight: 700; line-height: 16px; vertical-align: middle; } 
.sc_5 { border: 1px solid #b6c7c7; background-color: #dbe3e3; color: #838a96; border-radius: 2px; padding: 1px 5px 1px 5px; font-size: 12px; display: inline-block; min-width: 60px; font-weight: 700; line-height: 16px; vertical-align: middle; } 

.sc_1_bg{background-color:#ffe2e2}
.sc_2_bg{background-color:#e4efff}
.sc_3_bg,.sc_4_bg{background-color:#e5e8ec}
.sc_5_bg{background-color:#dbe3e3}

.counsel-view{    margin-top:10px;padding: 20px;
    min-height: 120px;
    line-height: 25px;
    word-break: keep-all;
    border: 1px solid #ddd;
    border-radius: 2px;    background-color: #fbfbfb;}
	.counsel-view.reply{    background-color: #fbfbfb;}

.ask_input_main.d1{width:50%}
.ask_input_main.d2{width:40%}