@charset "utf-8";
/* CSS Document */

/*--- common selector ---*/
* {margin:0; padding:0;}
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 
@import url(//fonts.googleapis.com/earlyaccess/notosanschinese.css);
@font-face{
 font-family:hansans;
 src:url('/webfont/SourceHanSans-Regular.eot');
 src:local(※),
 url('/webfont/SourceHanSans-Regular.woff') format('woff');
 }

* {
	font-family: "Noto Sans KR", nanum gothic, sans-serif; line-height:130%
}

*:lang(ko) { font-family: "Noto Sans KR", nanum gothic, sans-serif; } 

@font-face {
	font-family:ng;
	src:url(../css/font/NanumGothic.eot);
	src:local(※), url(../css/font/NanumGothic.ttf) format('truetype'), url(../css/font/NanumGothic.otf) format('opentype');
}
body input {
	font-family: "Noto Sans KR", nanum gothic, sans-serif; 
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent;}
body{line-height:1;}
dl,ul,ol,li{list-style:none;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
address,caption,cite,code,dfn,em,strong,th,va{font-style:normal;}
legend,caption{visibility:hidden; height:0; width:0; font-size:0;}
hr {display: none;}
table {border-collapse: collapse; border-spacing: 0;}

body,input,select,textarea{ color:#272727; font-weight:normal;} /* 137.5% == 22px */
body{background-color:#fff;-webkit-text-size-adjust:none;}
hr{display:none;}
img,fieldset{border:0;}
input,select,textarea{vertical-align:middle;}
img { vertical-align:top; }
ul,ol,li{list-style:none;}
a{color:#666;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{text-decoration:none;}
strong{font-weight:bold;}
input[type="text"]{-webkit-appearance:none;-webkit-border-radius:0;}
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
h1{text-align:center;}
input.checkbox {width:13px;height:13px;vertical-align:top; padding:0px; margin:0px;}
.blind{display:none;}
.clear{clear:both;}

/*--- layout ---*/
html, body{height:100%;margin:0;padding:0;}
body{text-align:center;}
.mt30{margin-top:30px;}
.index_bg{background:#f3f5f7;}
.container{max-width:800px;margin:0 auto;}

/*--- level 정렬 ---*/
.flex_wr2{display:flex;	justify-content:space-between;	flex-wrap: wrap;}
.flex_wr2 div{display:flex; /*상자안에 숫자를 정중앙정렬하기 위해*/
	/*align-items:center; 세로 중앙정렬*/
	justify-content:center; /*가로 중앙정렬*/
	width:49%;
	margin: 2% 0;}


@media(max-width:430px){
	.flex_wr div{
		flex:48%;
	}
}

#wrapper{position:relative;width:98%;max-width:650px;min-width:290px;margin:0 auto;text-align:left; padding-bottom:30px}


/* index */
.top{background:url(../image/ci_logo.png) no-repeat 2.5% 13px; height: 48px }
.top_login{position:absolute;top:9px;right:2.5%; width:38px;height:36px }
.top_login a{ display:block;width:38px;height:36px;background:url(../image/btn_login.png) no-repeat; cursor:pointer}
.top_logout{position:absolute;top:9px;right:2.5%; width:38px;height:36px }
.top_logout a{ display:block;width:38px;height:36px;background:url(../image/btn_logout.png) no-repeat; cursor:pointer}

.indexWrap{position:relative;!important;min-height:90%;max-width:650px;min-width:290px;margin:0 auto;line-height:55px; color:#555;font-weight:500; font-size:17px;width:95% ;}
.indexWrap .index_tit{ position: relative; padding: 12px 0 18px 0; clear: both; text-align: center}
.indexWrap .index_tit img{max-width:325px; width: 80%}
.indexWrap .index_date{ position: relative; padding: 10px 0 7px 0; clear: both; font-size:14px; color: #949699}
.indexWrap .index_date img{}

.indexWrap .box_level{ position: relative; display: flex; border-radius: 15px;  background: #fff; width: 48%; height: 150px; box-sizing: border-box;  margin-bottom: 10px;box-shadow: 2px 2px 7px 0px #d9dbde; cursor: pointer}

.indexWrap .box_level .btn_play{position: absolute; top: 90px; right:2px;  z-index:10; width: 58px}
.indexWrap .box_level .btn_play img{max-width:325px; width: 90%}
.indexWrap .box_level .txt_day{ position:absolute;bottom:2px;left:7px; font-size: 13px; z-index:10; color: #555; background: #fff; border-radius: 9px;box-sizing: border-box; padding: 3px; width: 40%; min-width: 85px}


.indexWrap .txt_detail{ background:url("../image/ico_link.png") no-repeat 97% 12px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 10px 10px 0px 10px;
    box-sizing: border-box;
    letter-spacing: -0.05em;
    height: 118px;
    width: 100%;
    text-align: left;
    font-size:17px;
    font-weight: 600;
    color: #000; }

.indexWrap .txt_detail img{max-width:105px; width: 55%; min-width:80px}

.indexWrap .bg_hsk6{ background: #51cc9f; color: #10a36e}
.indexWrap .bg_hsk5{ background: #edabc7; color: #e673a3}
.indexWrap .bg_hsk4{ background: #79d0e6; color: #00a6d2}
.indexWrap .bg_hsk3{ background: #f3df4c; color: #c9b20d}


.indexWrap .box_level2{ position: relative; display: block; border-radius: 15px;width: 46%; height: 130px; box-sizing: border-box;  margin-bottom: 10px;box-shadow: 2px 2px 7px 0px #d9dbde; cursor: pointer; }

.indexWrap .box_level2 .detail2{ background:url("../image/ico_link.png") no-repeat 90% 100px;
    padding:0;
    box-sizing: border-box;
    letter-spacing: -0.05em;
    height: 90px;
    width: 100%;
    color: #000; display: block}
.indexWrap .detail2 img{max-width:150px; width: 70%;}

.indexWrap .day22{ position: absolute; left: -9px; top:100px; width: 100px; height: 22px;  display: block;background: #555 ; border-radius: 15px; color: #fff; font-size: 14px; padding: 4px 0 0 0; text-align: center}

.indexWrap .box_level2 .btn_play{position: absolute; top: 40px; right:0px;  z-index:10; width: 66px}
.indexWrap .box_level2 .btn_play img{max-width:325px; width: 70%}

.indexWrap .bg_n1{ background: #f74c4c}
.indexWrap .bg_n2{ background: #149be4}
.indexWrap .bg_n3{ background: #6dc228}
.indexWrap .bg_n4{ background: #79d0e6}
.indexWrap .bg_n5{ background: #edabc7}

.indexWrap .index_plus .ico_go{ position: absolute; right: 8px; top: 60%; width: 30px; height: 30px; background:url(../image/ico_go.png) no-repeat 0px 0px}
.indexWrap .index_free{position: relative; background:#fff; border-radius: 10px; text-align:left;padding:18px 25px 19px 15px;letter-spacing:-1px; clear: both; margin-bottom: 25px;font-size: 16px; font-weight: 500; color: #555; cursor: pointer;box-shadow: 0 0 5px 1px #e8ecef; }
.indexWrap .index_free .ico_go{ position: absolute; right: 9px; top: 15px; width: 30px; height: 30px; background:url(../image/ico_go.png) no-repeat 0px 0px}
.indexWrap .hl, .play_list .hl{color: #6164f1;}

.main_foot_btn .footWrap {display: flex;  justify-content:space-between; align-items: center;  width: 100%; max-width: 400px; margin: auto; padding: 10px 0; border-top:1px solid #e7e7e7; margin-top: 25px}
.main_foot_btn .footWrap li{position: relative; text-align: center}
.main_foot_btn .footWrap li::after{content: ''; position: absolute; right:0%; top:15%;  width:1px; height:90%; background-color:#cccccc;}
.main_foot_btn .footWrap li:last-child::after{display: none}
.main_foot_btn .footWrap li:nth-child(1) { flex: 0.9; }
.main_foot_btn .footWrap li:nth-child(2) { flex: 1.2; }
.main_foot_btn .footWrap li:nth-child(3) { flex: 0.9; }
.main_foot_btn .footWrap li a{font-size: 14px; color:#888;}



/* level */
.lec-list {list-style: none;  padding: 0;  margin: 0;  background: #fff;	 box-shadow: 3.5px 3.5px 7px rgba(0, 0, 0, 0.04);  border-radius: 15px; padding:5px 0}
.lec-list li {display: flex;  justify-content: space-between;  align-items: center; position: relative}
.lec-list li a{display: block; width: 100%; height: 100%; padding: 10px 20px;  font-size: 16px; color: var(--black);}
.lec-list li a::after{content: ''; position: absolute;right:20px; top: 50%; transform: translate(0, -50%); width:6px; height: 10px; background: url("../image/ico_arrow.png") no-repeat center; background-size: 6px 10px}

.lec-list2 {list-style: none;  padding: 0;  clear: both}
.lec-list2 li {display: flex;  justify-content: space-between;  align-items: center; width: 31.3%;box-shadow: 3.5px 3.5px 7px rgba(0, 0, 0, 0.04);  border-radius: 15px; padding:5px 0; background: #fff; float: left; margin: 0 1%;margin-bottom:26px; }
.lec-list2 li a{display: block; width: 100%; height: 100%; padding: 10px 10px;  font-size: 16px; color: var(--black); text-align: center}
.lec-list2 li a::after{content: ''; position: absolute;right:20px; top: 50%; transform: translate(0, -50%); width:6px; height: 10px; }
.lec-list2 .stxt{font-size:12px; color: #767d89}


.lec-list3 {list-style: none;  padding: 0;  clear: both}
.lec-list3 li {display: flex;  justify-content: space-between;  align-items: center; width: 48%;box-shadow: 3.5px 3.5px 7px rgba(0, 0, 0, 0.04);  border-radius: 15px; padding:5px 0; background: #fff; float: left; margin: 0 1%;margin-bottom:26px; }
.lec-list3 li a{display: block; width: 100%; height: 100%; padding: 10px 10px;  font-size: 14px; color: var(--black); text-align: center; letter-spacing:-0.35px}
.lec-list3 li a::after{content: ''; position: absolute;right:20px; top: 50%; transform: translate(0, -50%); width:6px; height: 10px; }

.section-title {font-size:16px;  color:#7c8390; margin: 26px  0 12px 0;  display: flex;  align-items: center;  gap: 6px; clear: both}

.section-title.video::before, .section-title.talk::before, .section-title.target::before, .section-title.word::before, .section-title.data::before { content: " "; width: 24px; height: 20px; background: url("../image/ico_lec.png") no-repeat top; background-size:24px;}
.section-title.talk::before {background-position: 0px -26px;height: 26px; }
.section-title.book::before {background-position: 0px -26px}
.section-title.word::before {background-position: 0 -52px;height: 26px;}
.section-title.target::before { background-position: 0px -78px;height: 26px; }
.section-title.data::before { background-position: 0px -104px;height: 26px; }
.level_txt{font-size:13px;font-weight:400; text-align:left; padding: 0 0 10px 10px;color: #a5adba}

.marginb20{ margin-bottom:20px}


/* sub */
#header{position: relative; top:0;height:55px; z-index:100; width:100%;background: #a3abb4}
#header img{vertical-align: bottom; max-width:399px;width:80%; padding-top:45px;}

.h_box{position:relative;!important;min-height:90%;max-width:650px;min-width:290px;margin:0 auto;line-height:55px; color:#fff;font-weight:500; font-size:17px;letter-spacing:-0.05px; }
.h_box .btn_pre{position:absolute;top:3px;left:0px; width:35px;height:50px }
.h_box .btn_pre a{ display:block;width:35px;height:50px;background:url(../image/btn_pre.png) no-repeat 8px 12px; cursor:pointer}
.h_box .btn_home{position:absolute;top:3px;right:0px; width:35px;height:50px }
.h_box .btn_home a{ display:block;width:35px;height:50px;background:url(../image/btn_home.png) no-repeat 2px 10px; cursor:pointer}

#header2{position: relative; top:0;height:85px; z-index:100; width:100%;}
#header2 img{vertical-align: bottom; max-width:399px;width:80%; padding-top:22px;}
.h_hsk6{background:#51cc9f;}
.h_hsk5{background:#edabc7;}
.h_hsk4{background:#79d0e6;}
.h_hsk3{background:#f3df4c;}


.h_box2{position:relative;!important;min-height:80%;max-width:650px;min-width:290px;margin:0 auto;line-height:55px; color:#000;font-weight:500; font-size:17px;letter-spacing:-1px;  }
.h_box2 .btn_pre{position:absolute;top:3px;left:0px; width:35px;height:50px }
.h_box2 .btn_pre a{ display:block;width:35px;height:50px;background:url(../image/btn_pre.png) no-repeat 8px 12px; cursor:pointer}
.h_box2 .btn_home{position:absolute;top:3px;right:0px; width:35px;height:50px }
.h_box2 .btn_home a{ display:block;width:35px;height:50px;background:url(../image/btn_home.png) no-repeat 2px 10px; cursor:pointer}

.subWrap{ position:relative;margin: 0 auto;width:100%; padding-top:100px}
.s_box{position:relative;width:92%;height:100%;height:auto !important;min-height:100%;margin:0 auto; }



/* list */
.listWrap{ }
.s_box .txt_guide{font-size:14px;color: #646464;font-weight:400;text-align:right; height: 30px; padding: 25px 0 3px 0 }
.s_box .txt_guide img{ vertical-align: middle}
.table_top{ }
table.slist{width:100%; text-align:center;  cellpadding:0; cellspacing:0;}
table.slist th{text-align:center;height:35px;padding:0}
table.slist th img{ vertical-align:middle}
table.slist td{line-height:130%;text-align:center;padding:10px 0; border:1px solid #e8e9eb;background:#fff;}
table.slist tr{}
table.slist td.compl{background:#c1b2f7;}
table.slist td.compl a.num{color: #fff}
table.slist .num{}
table.slist a.num {font-size:17px; font-weight:500; color:#565656; width:100%;  display: block; line-height:38px;letter-spacing:-1px;}
table.slist a.ico {width:100%;  display: block; height: 35px; }

.s_box .guide_tit{font-size:17px;font-weight:700; text-align:left; padding: 20px 0 10px 25px;background:url(../image/ico_box.png) no-repeat 2px 18px; color: #646464 }
.s_box .guide_txt{font-size:14px;font-weight:300; text-align:left; padding: 0 0 10px 12px;background:url(../image/ico_txt.png) no-repeat 3px 2px; color: #646464}

.lec-btn-wrap{display: flex; flex-flow: nowrap; width: 100%; gap:10px;}
.lec-btn-wrap > div {flex: 1;}
.lec-btn-wrap > .lec-btn{display: block;padding:3px; font-weight: 500; font-size: 14px; color: #fff; line-height: 34px; border: 1px solid #d3d5d9; border-radius: 13px;}
.lec-btn-wrap > .lec-btn > a{ display: flex; flex-flow: column; align-items: center;  justify-content: center; width: 100%; min-height:32px; box-sizing: border-box;}
.lec-btn-wrap > .lec-btn .day_cert{ font-size:12px; font-weight: 400; color: #1299e2}


/* detail */
.dtilWrap{position:relative;width:100%;height:100%;height:auto !important;min-height:100%;margin:0 auto;}
.tit_day{font-size:23px;font-weight:700; text-align:center; color: #6861e4; padding: 18px 0 6px 0;letter-spacing:-1px;background:url(../image/tit_line.png) no-repeat center;  }
.dtilWrap .tit{position:relative;font-size:18px;font-weight:normal;  color: #646565; padding:25px 0 10px 0;letter-spacing:-0.05em;}
.dtilWrap .expl{font-size:14px;  color: #646565}
.dtilWrap .tit img{vertical-align: middle; margin-right: 1px}

.dtilWrap .box_que{ position: absolute; top: 66px; left: 30px; background: #fff; border-radius: 5px;z-index: 500; font-size: 15px; font-weight: 400; color: #666; padding:35px 20px 10px 15px; border: 1px solid #9592cb; text-align: left;box-shadow: 0 0 5px 1px #e8ecef;}
.dtilWrap .box_que .btn_close{position:absolute;top:3px;right:0px; width:35px;height:30px }
.dtilWrap .box_que .btn_close a{ display:block;width:35px;height:30px;background:url("../image/box_close.png") no-repeat 4px 4px; cursor:pointer}
.dtilWrap .box_que .box_arrow{position:absolute;top:-12px; width:20px;height:20px;background:url("../image/box_arrow.png") no-repeat 0 0}
.dtilWrap .box_que .left141{left: 141px;}
.dtilWrap .box_que .left165{left: 165px;}
.dtilWrap .box_que ul{}
.dtilWrap .box_que ul li{background:url("../image/ico_check2.png") no-repeat 0 0; padding: 0 0 9px 18px}
.dtilWrap .box_que ul li.popgui_tit{ background-position: 0 80px;padding: 0 0 5px 0}
.dtilWrap .box_que ul li.popgui_tit2{ background-position: 0 80px;padding: 15px 0 5px 0}
.dtilWrap .box_que ul li .hl{ color: #222; font-weight: 500}

.dtilWrap .item{}
.dtilWrap .item a{padding: 0px 0 0 23px;font-size:15px;font-weight:300; color: #777; background:url(../image/ico_item2.png) no-repeat 0px 0px; display: block}



.dtilWrap .idcheck{  position: absolute; right: 0; top: 17px; font-size:17px;  color: #6861e4;}

.dtilWrap .idcheck input[type=checkbox].css-checkbox + label {display:inline-block; height:px; padding-left:30px !important; line-height:25px !important; background:url(../image/input_chk.png) no-repeat 0 0; background-size:25px; cursor:pointer; vertical-align:middle;}
.dtilWrap .idcheck input[type=checkbox].css-checkbox {overflow: hidden;position: absolute;left: -1000px;width: 1px;height: 1px;}
.dtilWrap .idcheck input[type=checkbox].css-checkbox:checked + label{background-position:0 -50px;}

.dtilWrap .box_lec{ position: relative;border-radius: 15px;  background: #fff; padding: 15px 40px 15px 25px; margin-bottom: 10px;box-shadow: 0 0 5px 1px #e8ecef; font-size: 18px; font-weight: 600; color: #555; cursor: pointer}
.dtilWrap .box_lec .ico_link{ position: absolute; right: 2px; top: 28%; width: 30px; height: 30px; background:url(../image/ico_link.png) no-repeat 0px 0px}
.dtilWrap .txt_detail{ background:url("../image/ico_link.png") no-repeat 97% 12px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 10px 10px;
    box-sizing: border-box;
    letter-spacing: -0.05em;
    height: 50px;
    width: 100%;
    text-align: left;
    font-size:18px;
    font-weight: 600;
    color: #000;
    z-index: 11;}
.dtilWrap .txt_detail .hl{color: #6164f1;font-weight:400;}
.dtilWrap .hsk6_bg{background:#e9d7f2;}
.dtilWrap .hsk5_bg{background:#edabc7;}
.dtilWrap .hsk4_bg{background:#79d0e6;}
.dtilWrap .hsk3_bg{background:#f3df4c;}



.dtilWrap .txt_book{font-size:14px;font-weight:400; color: #00aea0}
.dtilWrap .box_mission{ position: relative;border-radius: 15px;  background: #fff; padding: 19px 10px 15px 10px; margin-bottom: 25px;box-shadow: 0 0 5px 1px #e8ecef;}
.dtilWrap .box_mission .misn_sub1{position: relative;padding: 15px 40px 15px 55px; background: #fff url(../image/ico_type1.png) no-repeat 15px 50%; border-bottom: 1px solid #eef1f4;font-size: 18px; font-weight: 600;color: #555;}
.dtilWrap .box_mission .misn_sub2{position: relative;padding: 15px 40px 10px 55px; background: #fff url(../image/ico_type2.png) no-repeat 15px 50%;border-bottom: 1px solid #eef1f4;font-size: 18px; font-weight: 600;color: #555; cursor: pointer}
.dtilWrap .box_mission .misn_sub3{position: relative;padding: 15px 40px 10px 55px; background: #fff url(../image/ico_type3.png) no-repeat 15px 50%;border-bottom: 1px solid #eef1f4;font-size: 18px; font-weight: 600;color: #555; cursor: pointer}
.dtilWrap .box_mission .misn_sub4{position: relative;padding: 15px 40px 10px 55px; background: #fff url(../image/ico_type4.png) no-repeat 15px 50%;border-bottom: 1px solid #eef1f4;font-size: 18px; font-weight: 600;color: #555; cursor: pointer}
.dtilWrap .box_mission .misn_sub5{position: relative;padding: 15px 40px 10px 55px; background: #fff url(../image/ico_type5.png) no-repeat 15px 50%;border-bottom: 1px solid #eef1f4;font-size: 18px; font-weight: 600;color: #555; cursor: pointer}
.dtilWrap .box_mission .last{border-bottom: 1px solid #fff;}
.dtilWrap .box_mission .ico_link{ position: absolute; right: -7px; top: 30%; width: 30px; height: 30px; background:url(../image/ico_link.png) no-repeat 0px 0px; }
.btn_band{display: block;text-align: center;box-sizing: border-box; background:#6b76f1; margin: 15px 0; width: 52%; margin: 0 auto;border-radius: 13px;}
.btn_band a{ display: block; padding: 13px 0;font-weight:500;font-size:17px;color: #fff}
.guide_txt2{font-size:14px;font-weight:300; text-align:left; padding: 20px 0 10px 14px;background:url(../image/ico_guide.png) no-repeat 0px 23px; color: #646464}
.guide_txt2 .hl{color: #6164f1;font-weight:400;}



/* lecture */
.lecWrap{position:relative;width:100%;margin:0 auto; margin:10px 0 25px 0; padding-top: 5px;}

.top_btn{ position: relative; padding: 10px; height: 30px }
.lec_tit .lec_guide{ position: absolute; text-align: right;box-sizing: border-box; right: 0; width: 155px; margin: 0 auto;border-radius: 3px; top: 12px}
.lec_tit{position:relative;font-size:19px;font-weight:700;padding: 15px 0 10px 0px;letter-spacing:-1px; }

.lec_tit .txt_hsk6{color: #21b680}
.lec_tit .txt_hsk5{color: #e975a5}
.lec_tit .txt_hsk4{color: #02a4cf}
.lec_tit .txt_hsk3{color: #d9c115}

.s_box .lecgui_txt{font-weight:400;font-size:13px;color: #7c7c7c;padding: 0 0 4px 10px;background:url(../image/ico_txt.png) no-repeat 0px 1px;}

.lec_tit .box_que{ position: absolute; top: 55px; right: 0px; background: #fff; border-radius: 5px;z-index: 500; font-size: 15px; font-weight: 400; color: #666; padding:35px 20px 15px 18px; border: 1px solid #9592cb; text-align: left;box-shadow: 0 0 5px 1px #e8ecef;}
.lec_tit .box_que .btn_close{position:absolute;top:3px;right:0px; width:35px;height:30px }
.lec_tit .box_que .btn_close a{ display:block;width:35px;height:30px;background:url("../image/box_close.png") no-repeat 4px 4px; cursor:pointer}
.lec_tit .box_que .box_arrow{position:absolute;top:-12px; width:20px;height:20px;background:url("../image/box_arrow.png") no-repeat 0 0}
.lec_tit .box_que .right3{right: 3px;}
.lec_tit .box_que .left228{left: 228px;}
.lec_tit .box_que ul{}
.lec_tit .box_que ul li{background:url("../image/ico_check2.png") no-repeat 0 0; padding: 0 0 9px 18px}
.lec_tit .box_que ul li .hl{ color: #222; font-weight: 500}

.guide_leclist{font-size:14px;font-weight:300; text-align:left; padding: 10px 0 5px 14px;background:url(../image/ico_guide.png) no-repeat 0px 14px; color: #646464}
.guide_leclist .hl{color: #428fd9;font-weight:400;}

.lec_tit .expl{font-size:13px;  color: #646565;font-weight:normal; vertical-align: middle}

table.leclist{width:100%; text-align:center; padding:1px}
table.leclist th{font-size:14px;color:#fff;font-weight:normal;letter-spacing:-1px;text-align:center;height:33px;padding:0 2px 0 0;background:#99a1af;}
table.leclist th img{ vertical-align:middle}
table.leclist td{font-size:15px;color:#222;font-weight:normal;letter-spacing:-1px;line-height:130%;text-align:center;padding:10px 0}
table.leclist tr{ border-bottom: 1px solid #e6eaee}
table.leclist td.lefta{ text-align:left; }
table.leclist td .compl{ color: #999; font-size: 12px; padding: 0px 7px 2px 5px; border-radius: 12px; background: linear-gradient(150deg,rgba(81, 171, 247, 1) 0%, rgba(71, 142, 218, 1) 100%); color: #fff}


table.leclist td .compl img{ vertical-align: middle}
table.leclist td .uncompl{ color: #999; font-size: 12px; padding: 1px 5px; border-radius: 3px; border: 1px solid #dfddde}

.lecWrap ul li.lec_link a{padding: 10px 20px 10px 10px; display: block;background:url("../image/ico_link.png") no-repeat; background-size: 16px;background-position: center right 8px}




/*로그인*/
.layer_popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:url(../image/guide_bg.png);overflow:none ;z-index: 9997;}

.layer_popup .top{ position:absolute; top:3px; left:3px; width:100%} 
.layer_popup .top .viewno {position:relative; float:left; width:130px; height:27px; background:#3a3a3a; text-align:center; margin-right:5px; padding-top:3px;border-radius: 20px; }
.layer_popup .top .viewno a{color:#fff; font-size:16px;width:130px; height:27px;display: block }
.layer_popup .top .close {position:relative; float:left; width:30px; height:30px;}
.layer_popup .top .close a{background: url(../image/bt_close2.png) no-repeat 2px 2px;width:30px; height:30px; display: block }

.login{ padding:30px; min-height: 40vh; max-width: 300px; margin: 0 auto; background-color: #fff; margin-top: 40px;border-radius: 20px; border-top:7px solid #2a80dd; position: relative }

.alert_pop{ padding:30px; min-height: 18vh; max-width: 300px; margin: 0 auto; background-color: #fff; margin-top: 200px;border-radius: 20px; border-top:4px solid #d9d9d9; position: relative }
.alert_pop .lpop_txt{ padding: 25px 0 20px 0;font-size: 15px;}
.alert_pop .lpop_txt .hl{ color:#2a80dd;font-weight: 500 }
.alert_pop .lpop_txt .hl2{ color:#2a80dd;font-weight: 500 }
.layer_popup .bt_close a{ position: absolute; top:13px; right:8px; width:30px; height: 30px; text-indent: -9999px;background: url(../image/bt_close.png) no-repeat 0 0;}
.layer_popup .logint{font-weight:700; color:#2170c5; font-size: 24px; padding-bottom: 20px}

.alert_pop > div.btn_area{width: 100%;}
.alert_pop > div.btn_area > div{width: 48%; margin: 1%; float: left; padding: 10px 0 10px 0;display: block;text-align: center;box-sizing: border-box; }
.alert_pop > div.btn_area > div:first-child{ background-color: #aeafb1;}
.alert_pop > div.btn_area > div a{color: #FFF; display: block;}
.alert_pop > div.btn_area > div:last-child{background:#2170c5;}

/* SNS 로그인 */
	.SNSlogin_tit{position:relative; text-align:center; font-size: 14px; color:#67696f; font-weight: 600;  margin:20px 0 15px;}
	.SNSlogin_tit::before, .SNSlogin_tit::after{content:""; position:absolute;  top:50%;  width:30%;  height:1px;  background:#cacaca;}
	.SNSlogin_tit::before{left:0;}
	.SNSlogin_tit::after{right:0;}
	.join_sns{display:flex;  justify-content:center;  gap:20px;}
	.join_sns li{text-align:center;}
	.join_sns a{display:block;  width:44px;  height:44px;  margin:0 auto 5px;  background-repeat:no-repeat;  background-size:contain;}
	.join_sns .naver a{background-image:url(../image/icon_circle_naver.png);}
	.join_sns .kakao a{background-image:url(../image/icon_circle_kakao.png); }
	.join_sns li span{ font-size: 13px; color: #67696f;}



/*31110 단기학습법 팝업 추가*/
.alert_pop .lpop_img {text-align: center;}
.alert_pop .lpop_img > img{width: 100%; max-width: 302px;}
.alert_pop .pop_ck{ text-align:left; padding-top: 15px;}
.alert_pop .pop_ck.idcheck{ text-align: right; margin-right: 6px}
.alert_pop .pop_ck .idcheck input[type=checkbox].css-checkbox + label {display:inline-block; height:px; padding-left:30px !important; line-height:25px !important; background:url(../image/input_chk.png) no-repeat 0 0; background-size:25px; cursor:pointer; vertical-align:middle; font-size: 13px; }
.alert_pop .pop_ck .idcheck input[type=checkbox].css-checkbox {overflow: hidden;position: absolute;left: -1000px;width: 1px;height: 1px;}
.alert_pop .pop_ck .idcheck input[type=checkbox].css-checkbox:checked + label{background-position:0 -50px; }
/*31110 단기학습법 팝업 추가 END*/

.login .formelem {
    margin-bottom: 10px;
	margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
}

.login .Jinp_box input {width: 100%;height: 40px;outline: none;font-size: 15px;border-top: none;border-right: none;border-left: none;border-image: initial;border-bottom: 1px solid rgb(229, 229, 229);padding: 0px;color: #333;box-sizing: border-box;}
.Jinp_box span.Error{font-size: 12px; display: block;  width: 300px; padding-left:0px; letter-spacing: -0.3px;  color: red;  margin-top: 2px;  margin-left: 0px; text-align: left;}

.login .idcheck{ text-align: right; margin-right: 6px}
.login .idcheck input[type=checkbox].css-checkbox + label {display:inline-block; height:px; padding-left:15px !important; line-height:25px !important; background:url(../image/input_chk.png) no-repeat 0 0; background-size:25px; cursor:pointer; vertical-align:middle; font-size:15px; }
.login .idcheck input[type=checkbox].css-checkbox {overflow: hidden;position: absolute;left: -1000px;width: 1px;height: 1px;}
.login .idcheck input[type=checkbox].css-checkbox:checked + label{background-position:0 -50px;}


.layer_popup .btn_area{padding: 15px 0 0 0;display: block;text-align: center;box-sizing: border-box; height: 60px}


.layer_popup .btn_area_join{padding: 10px 0 10px 0;display: block;text-align: center;box-sizing: border-box; background:#2170c5; margin: 4px 6px 0 6px; clear: both}
.layer_popup .btn_area_join a{ display: block; width: 100%}
.layer_popup .btn_area_join span{ color: #fff}

.login .btn_login{padding: 11px 0px 12px 0px;font-size: 15px;background: #000;width: 100%;color: #fff;display: inline-block;text-align: center;box-sizing: border-box;vertical-align: top;cursor: pointer; color: #fff}

.login .find_idpw {width: 100%;max-width: 300px;margin: 0 auto;text-align: center;padding: 15px 0; }
.login .find_idpw a{color: #000}
.login .find_idpw span {display: inline-block;margin: 0 20px;width: 1px;height: 12px;line-height: 10px;background: #ddd;text-indent: -9999px;}


/*레이어 팝업 버튼 */
.layer_popup .btn_area6 { margin: 0 auto;  width: 96%;  display: block;  text-align: center;  box-sizing: border-box;  height: 40px; font-size:15px;height: 60px  }
.layer_popup .btn_area6.n2 > .btn_box {width: 48%;    margin:0 1%;    float: left;    border-radius: 8px;    box-sizing: border-box;    border: 1px solid #d3d5d9;    background: #FFF}
.layer_popup .btn_area6.n2 > .btn_box.blue a {color: #fff;}
.layer_popup .btn_area6.n2 .btn_box a {display: block;    padding: 2px 0;    font-weight: 500;    font-size: 14px;    color: #fff; height: 35px; line-height: 35px}
.layer_popup .btn_area6.n2 > .btn_box a{color: #444;}
.layer_popup .btn_area6.n2 > .btn_box.blue { border: 1px solid #6b76f1;    background: #2170c5;}



/*탭*/
.tab{margin: 15px 0 30px;}
.tab > ul{width:100%}
.tab > ul:after{display:block;content:'';clear:both}
.tab > ul > li{display:table;float:left;min-height:40px;box-sizing:border-box}

.tab > ul.n2 > li{width:33%; font-weight: 400;}
.tab > ul > li > a{display:table-cell;width:100%;height:100%; font-size:16px; color:#777;text-align:center;vertical-align:middle;box-sizing:border-box}
.tab .active a {  color: #0043cc;  border-bottom: 2px solid #0043cc;font-weight: 700;}


/* faq */
.faq_list{padding-bottom:30px}
.faq_list li{display:block;border: 1px solid #e0e2eb; border-radius: 8px; background-color: #fff; margin-top: 8px; overflow: hidden}
.faq_list li .que{position:relative;padding:20px 40px 20px 38px; color: var(--black);}
.faq_list li .que .tit{display:block;overflow:hidden;position:absolute;top:50%;left:8px;width:24px;height:24px;margin-top:-12px;background:url(../images/ico_Q.png) no-repeat 0 0;background-size:24px auto;font-size:1px;color:rgba(0,0,0,0)}
.faq_list li .que a{font-size:14px;color:var(--title-bk)}
.faq_list li .que .btn{position:absolute;top:50%;right:12px;width:12px;height:17px;margin-top:-10px;border:0;background-image:url("../images/ico_arrow.png"); background-repeat: no-repeat; background-size:8px; transform: rotate(90deg);  opacity: 0.3; background-position: top;}
.faq_list li.faqItem.on .que .btn {transform: rotate(-90deg);}
.faq_list li .que .btn .state{display:inline-block;overflow:hidden;width:1px;height:1px;font-size:1px;color:rgba(0,0,0,0)}
.faq_list li .ans{position:relative;padding:15px 15px 20px 15px; background-color: #fafafb; border-top:1px dashed var(--gray-border);}
.faq_list li .ans .con{font-size:14px;color:var(--black);line-height:140%; font-weight: 400}
.faq_list li .ans .con p{line-height: 150%}
.faq_list li .ans .con a{color:var(--blue);}
.faq_list li .ans .con img{display: block; width: auto; max-width:100%;}
.que_ico{display:block;overflow:hidden;position:absolute;top:50%;left:8px;width:24px;height:24px;margin-top:-12px;background:url(../images/ico_Q.png) no-repeat 0 0;background-size:24px auto;font-size:1px;color:rgba(0,0,0,0)}


/* FAQ */
.board_list_type3 > li{display:block;border: 1px solid #e6eaee; border-radius: 8px; margin-top: 8px;}
.board_list_type3 .que{position:relative;padding:20px 40px 20px 38px; color: #000}
.board_list_type3 .que .tit{display:block;overflow:hidden;position:absolute;top:50%;left:8px;width:24px;height:24px;margin-top:-12px;background:url(../image/ico_Q.png) no-repeat 0 0;background-size:24px auto;font-size:1px;color:rgba(0,0,0,0)}
.board_list_type3 .que a{font-size:14px;color:#333}
.board_list_type3 .que .btn{position:absolute;top:50%;right:12px;width:20px;height:12px;margin-top:-6px;border:0;background:url(../image/ico_toggle_arrow.png) no-repeat 0 100%;background-size:14px auto}
:after
.board_list_type3 .que .btn .state{display:inline-block;overflow:hidden;width:1px;height:1px;font-size:1px;color:rgba(0,0,0,0)}
.board_list_type3 .ans{position:relative;padding:15px 15px 20px 15px; background-color: #f3f5f7}
.board_list_type3 .ans .con{font-size:14px;color:#666;line-height:140%; font-weight: 400}
.board_list_type3 .ans .con p{line-height: 150%}
.board_list_type3 .ans .con .hl{font-size:15px;color:#000;line-height:140%; font-weight: 700}
.board_list_type3 .ans .con .hl2 a{text-decoration: underline; color:#6164f1;}
.board_list_type3 .ans .con .hl2{color:#6164f1;line-height:140%; font-weight: 500}
.board_list_type3 .ans .con .hl3{color:#444;line-height:140%; font-weight: 500}

.board_list_type3 > li.on .que .tit{background-position:0 100%}
.board_list_type3 > li.on .que .btn{background-position:0 0;}
.board_list_type3 > li.on .ans{display:block}
.board_list_type3 .ans .con > table{width: 100%; margin-top: 5px; border: 1px solid #d5dade; border-bottom: none;}
.board_list_type3 .ans .con > table th{background: #e8ebef; color:#000; border-left: 1px solid #d5dade;}
.board_list_type3 .ans .con > table th, .board_list_type3 .ans .con > table td{text-align: center; padding:7px 5px}
.board_list_type3 .ans .con > table td{background: #f8f9fa; border-left: 1px solid #d5dade; border-bottom: 1px solid #d5dade;}
.board_list_type3 .ans .con > table th:first-child, .board_list_type3 .ans .con > table td:first-child{border-left: none; }


/* 1:1문의(리스트) */
.inquaryboard_area{margin-bottom: 15px;}
.inquaryboard_area .board_list_type2{width: 100%; border-collapse: collapse;}
.inquaryboard_area .board_list_type2 thead th{padding: 15px 0; font-size: 14px; color: #333;text-align: center;  background-color: #f3f5f7;}
.inquaryboard_area .board_list_type2 thead tr{border-bottom: 1px solid #e6eaee;}
.inquaryboard_area .board_list_type2 tbody tr{border-bottom: 1px solid #e6eaee;}
.inquaryboard_area .board_list_type2 tbody td{padding: 20px 5px; font-size: 14px; text-align: center; color: #000;}
.inquaryboard_area .board_list_type2 tbody td a{color: #333;}
.inquaryboard_area .board_list_type2 tbody td.tal{ padding: 15px 30px 15px 45px;; font-size: 14px; text-align: left !important;  position: relative;}
.inquaryboard_area .board_list_type2 tbody td.date{ color:#555; font-size: 13px; font-weight: 300; letter-spacing: 0; }
.inquaryboard_area .board_list_type2 tbody td.notice{ padding: 10px 30px 10px 15px;; font-size: 14px; text-align: left !important;  position: relative;}
.inquaryboard_area .board_list_type2 span.tag{font-size: 13px; color:#0d62d5; margin-right: 3px; font-weight: 400;}
.inquaryboard_area .board_list_type2 tbody td.tal span.Qtit{display: block; overflow: hidden; position: absolute; top:37%; left: 13px; width: 24px; height: 24px; margin-top: -2px; background: url(../image/ico_Q.png) no-repeat 0 0; background-size: 24px auto; font-size: 1px; color: rgba(0,0,0,0);}
.inquaryboard_area .board_list_type2 span.Atit{display: block; overflow: hidden; position: absolute; top:37%; left: 13px; width: 24px; height: 24px; margin-top: -12px;font-size: 1px; color: rgba(0,0,0,0);  }

/*1:1문의(작성한글보기)*/
.board_view_type1 .state_box { position: static;  display: flex;    -webkit-box-pack: justify;   justify-content: space-between;   transform: none;    margin-bottom: 6px;}
.board_view_type1 .ac_item {border-top: 1px solid #e6eaee; border-bottom: 1px solid #e6eaee;  margin-top: 8px;}
.board_view_type1 .ac_head {position: relative; display: block; width: 100%; height: auto;  padding: 20px 0px 17px 0px;  text-align: left; border-bottom: 1px solid #e6eaee; background-color:#f3f5f7 }
.board_view_type1 .ac_head .tit_area .kinds { display: inline-block;  font-weight: 700;  font-size: 15px;  color: #603de3;  letter-spacing: -0.5px;  margin-right: 5px;}
.board_view_type1 .ac_head .tit_area .subject { display: inline-block; padding:0px 20px;  font-weight: 700;  font-size: 15px;  color: #111;  letter-spacing: -0.5px;}
.board_view_type1 .ac_head .tit_area .subject span.tag{font-size: 14px; color:#0d62d5; margin-right: 3px; font-weight:500;}

.board_view_type1 .ac_panel .inner {padding: 17px 0px 23px 0px; }
.board_view_type1 .ac_panel .reply {font-size: 12px;   margin-bottom: 4px;   padding-left: 20px;   color: #4e2bf4; }
.board_view_type1 .ac_panel .con_area {font-weight: 400;  padding:0px 20px;   font-size: 14px; line-height: 150%;   color: #111;  padding-top: 5px }
.board_view_type1 .state_box .date {  color: #111;  padding-left: 20px;    font-size: 11px;}

/* 1:1문의(작성) */
legend, label.hidden {text-indent: -9999px;  overflow: hidden;  width: 0;  height: 0;   font-size: 0;   line-height: 0;}
select { vertical-align: middle;   -webkit-appearance: none;    background: transparent;}	
textarea {resize: none;  -webkit-appearance: none;}
input, textarea, select { letter-spacing: 0;    border: 0;    outline-style: none;    border-radius: 0;}	
.form { border-top-width: 1px;    border-bottom-width: 1px; }
.divider { margin: 0;   padding: 0;    border: 0;    padding-bottom: 15px;}	
.wrap_inp {position: relative;	display: block; margin-bottom:15px;}
.wrap_inp .inp_tit {position: relative;	    left: 0;    top: 0;    height: auto;    display: block;    margin-bottom: 12px; font-size: 14px; font-weight: bold; color: #000}	
.inp_bundle { display: flex;  -webkit-box-align: center;   align-items: center;  position: relative;  background: #f0f2f5;  border: 1px solid #f0f2f5; border-radius: 8px;  height: 50px;  padding: 0 20px;}
.inp_bundle.focus { border-color: #4e2bf4;  background: #fff;}
.inp_bundle.focus .inp { background: #fff;}
.inp_bundle .inp {display: inline-block;    width: 100%;    height: 100%;    font-weight: 400;    font-size: 15px;    color: #111;    background: transparent;}	
.inp_bundle .select {display: inline-block;    width: 100%;    height: 100%;    font-weight: 400;    font-size: 15px;    color: #111; background-image: url(../image/ico_arrow2.png); background-repeat: no-repeat; background-size: auto 6px; background-position: right center;}
	
.inp_bundle .flex { -webkit-box-flex: 1;    flex: 1 1 0;}	
.textarea_ui textarea { width: 100%;    height: auto;   font-weight: 400;    font-size: 15px;    color: #111;    background: #f0f2f5;    border: 1px solid #f0f2f5;    border-radius: 8px;    padding: 15px 20px; box-sizing: border-box; }

.checkbox_ui{margin-top: 10px; font-size: 14px; }
.use_guide {margin-top: 40px; margin-bottom: 10px;}
.use_guide .tit {font-weight: 700;    font-size: 14px;    color: #111;    margin-bottom: 10px;  }
.bullet_type1 > li {font-weight: 300;  font-size: 14px;  color: #767676;  background:url(../image/ico_txt.png) no-repeat 0 5px; padding: 4px 0 6px 10px;}


/*버튼*/
.btn_area { margin: 0 auto;  width: 96%;  display: block;  text-align: center;  box-sizing: border-box;  height: 50px; font-size:15px; margin-top: 10px; }
.btn_area .day{ font-size:12px; font-weight: 300}
.btn_area.n1 > .btn_box {width: 55%;    margin:0 1%;    margin: 0 auto;    border-radius: 8px;    box-sizing: border-box;    border: 1px solid #d3d5d9;    color: #444;}
.btn_area.n1 > .btn_box.blue a {color: #fff;}
.btn_area.n2 > .btn_box {width: 48%;    margin:0 1%;    float: left;    border-radius: 8px;    box-sizing: border-box;    border: 1px solid #d3d5d9;    background: #FFF;}
.btn_area.n2 > .btn_box.blue a {color: #fff;}
.btn_area.n3 > .btn_box {width: 31%;    margin:0 1%;    float: left;    border-radius: 8px;    box-sizing: border-box;    border: 1px solid #d3d5d9; background: #FFF;}
.btn_area.n3 > .btn_box.blue a {display: block;    padding: 10px 0;    font-weight: 500;    font-size: 14px;    color: #fff;}
.btn_area.n1 > .btn_box a, .btn_area.n2 > .btn_box a, .btn_area.n3 > .btn_box a {display: block;    padding: 10px 0;    font-weight: 500;    font-size: 14px;    color: #fff;}
.btn_area.n1 > .btn_box a, .btn_area.n2 > .btn_box a, .btn_area.n3 > .btn_box a {color: #444;}
.btn_area.n1 > .btn_box.blue, .btn_area.n2 > .btn_box.blue, .btn_area.n3 > .btn_box.blue { border: 1px solid #6b76f1;    background: #2170c5;}


/*버튼 index */
.btn_area3 { margin: 0 auto;  width: 100%;  display: block;  text-align: center;  box-sizing: border-box;  height:83px; margin-top: 10px; padding-top: 15px}

.btn_area3 .btn_box2 {width: 100%;float: left;border-radius: 13px;box-sizing: border-box;border: 1px solid #d3d5d9;background: #FFF url(../image/ico_link2.png) no-repeat 12px 13px;color: #444;}
.btn_area3 .btn_box2 a{display: block;    padding: 7px 0 7px 15PX;    font-weight: 500;    font-size: 14px;    color: #444; line-height: 34px}

.btn_area3 .btn_box3 {width: 49%;margin: 0 0 0 1%;float: left;border-radius: 13px;box-sizing: border-box;border: 1px solid #d3d5d9; background: #FFF url(../image/ico_link2.png) no-repeat 12px 13px;color: #444;}
.btn_area3 .btn_box3 a{display: block;    padding: 7px 0 7px 15PX;    font-weight: 500;    font-size: 14px;    color: #444; line-height: 34px}

.btn_area3 .btn_box4 {width: 100%;float: left;border-radius: 13px;box-sizing: border-box;border: 1px solid #e4e6e9;background: url(../image/ico_link3.png) no-repeat right 13px;color: #444; text-align: left}
.btn_area3 .btn_box4 a{display: block;    padding: 7px 0 7px 40PX;    font-weight: 500;    font-size: 14px;    color: #444; line-height: 34px;background: url(../image/ico_box.png) no-repeat 12px 12px;}


/* paginate */
.paginate{text-align:center; margin-bottom: 25px}
.paginate_inner{display:inline-block;width:auto}
.paginate_inner:after{display:block;content:'';clear:both}
.paginate_inner > a{display:inline-block;float:left;width:auto;padding:0 15px 0 14px;font-size:14px;color:#555;line-height:26px;box-sizing:border-box;border: 1px solid #fff;height:26px;}
.paginate_inner > a.prevpage{float:left;width:26px;height:26px;margin-right:5px;padding:0; border: 1px solid #999; border-radius: 5px}
.paginate_inner > a.nextpage{float:left;width:26px;height:26px;margin-left:5px;padding:0; border: 1px solid #999; border-radius: 5px}
.paginate_inner > a.prevpage > span, .paginate_inner > a.nextpage > span{display:inline-block;overflow:hidden;width:1px;height:1px;font-size:1px;color:rgba(0,0,0,0)}
.paginate_inner strong.curr{display:inline-block;float:left;width:auto;padding:0 15px 0 14px;font-size:14px;color:#000;line-height:26px;text-decoration:underline;box-sizing:border-box}
.paginate_inner > a.fir, .paginate_inner > strong.curr.fir, .paginate_inner > a.prevpage + a, .paginate_inner > a.prevpage + strong.curr{background:none}
.paginate_inner strong.curr > span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px}


/* event */
.eventWrap{position:relative;width:100%;height:100%;height:auto !important;min-height:100%;margin:0 auto;}
.evt_tit{background:url(../image/ico_main.png) no-repeat 15px 25px; padding: 28px 0 0 41px;font-size:17px;font-weight:700;color: #6a6b6d; clear: both}
.eventWrap .evt_box{ background:url(../image/evt_bg.png) repeat-x; padding: 15px}
.eventWrap .evt_box .evt_stit{background: #3086e3 url(../image/ico_event.png) no-repeat 8px 50%; ; padding: 15px 20px;font-size:13px;border-radius:10px; box-shadow: 0 0 5px 1px #e8ecef;font-size:15px; text-align: center;font-weight:500;color: #fff; }
.eventWrap .evt_box .evt_stit .hl{color:#ffe325;}

.eventWrap .evt_box .idcheck{ text-align: left; margin:10px 0 0 26px}
.eventWrap .evt_box .idcheck input[type=checkbox].css-checkbox + label {display:inline-block; height:px; padding-left:25px !important; line-height:20px !important; background:url(../image/input_chk2.png) no-repeat 0 0; background-size:25px; cursor:pointer; vertical-align:middle; font-size:14px; }
.eventWrap .evt_box .idcheck input[type=checkbox].css-checkbox {overflow: hidden;position: absolute;left: -1000px;width: 1px;height: 1px;}
.eventWrap .evt_box .idcheck input[type=checkbox].css-checkbox:checked + label{background-position:0 -53px;}




.eventWrap .evt_box .evtgui_tit{font-weight:600;font-size:16px;color: #247fe1;padding: 20px 0 5px 25px;background:url(../image/evt_check.png) no-repeat 0 20px; }

.eventWrap .evt_box .evtgui_txt{font-weight:400;font-size:14px;color: #555;padding: 4px 0 2px 34px;background:url(../image/ico_txt.png) no-repeat 24px 7px;}

.eventWrap .evt_box .evtgui_txt .hl{color:#3086e3}
.eventWrap .evt_box .evtgui_txt a {color:#3086e3}
.eventWrap .evt_box .evtgui_txt2{font-weight:400;font-size:14px;color: #555;padding: 4px 0 2px 30px;}
.eventWrap .evt_box .evtgui_stit{font-weight:600;font-size:14px;color: #555;padding:14px 0 2px 30px;}
.eventWrap .evt_box .evtgui_stit2{font-weight:600;font-size:14px;color: #7c7c7c;padding:14px 0 2px 30px;}
.eventWrap .evt_box .sml_txt{font-size:14px;font-weight:300; text-align:left; padding: 0 8px 0 31px;color: #777}

.eventWrap .evt_box .input_box{ position: relative}



.eventWrap .input_tit{position: relative; clear: both; padding: 20px 0 10px 5px;font-weight:600;font-size:16px;color: #434343}
.eventWrap .input_tit .hl{color:#3086e3}

.eventWrap .input_item{position: relative;clear: both; height: 38px; padding:5px 0 0 25px}
.eventWrap .input_item2{position: relative;clear: both; height: 38px; margin: 3px 0; padding-left: 25px; }

.eventWrap .input_box .input_item input { float: left;width: 100%;height: 35px;outline: none;font-size: 15px;border-top: none;border-right: none;border-left: none;border-image: initial;border-bottom: 1px solid rgb(229, 229, 229);padding: 0px 10px;color: #333;box-sizing: border-box; border-radius: 30px; background: #fff; margin-right: 5px; font-size: 14px}
.eventWrap .input_box .input_item2 select { float: left;width: 100%;height: 35px;outline: none;font-size: 15px;border-top: none;border-right: none;border-left: none;border-image: initial;border-bottom: 1px solid rgb(229, 229, 229);padding: 0px 10px;color: #333;box-sizing: border-box; border-radius: 30px; background: #fff url(../image/ico_sel.png) no-repeat 98% 50%; margin-right: 5px; font-size: 14px}

.eventWrap .input_box .guide_txt{font-size:14px;font-weight:300; text-align:left; padding: 0 8px 0px 34px;background:url(../image/ico_txt.png) no-repeat 25px 3px; color: #646464}



.eventWrap .guide_txt2{font-size:14px;font-weight:300; text-align:left; padding: 0 8px 10px 25px;background:url(../image/ico_guide.png) no-repeat 10px 3px; color: #646464}




.eventWrap .btn_area4{padding: 10px 0 10px 0;display: block;text-align: center;box-sizing: border-box; height: 90px}
.eventWrap .btn_appli{padding: 11px 0px 12px 0px;font-size: 15px;background: #2170c5;width: 50%;display: inline-block;text-align: center;box-sizing: border-box;vertical-align: top;cursor: pointer; color: #fff; border-radius: 15px; border: 0px}
.eventWrap .btn_edit{padding: 11px 0px 12px 0px;font-size: 15px;background: #fff;width: 50%;display: inline-block;text-align: center;box-sizing: border-box;vertical-align: top;cursor: pointer; color: #444; border-radius: 15px; border: 1px solid #d3d5d9}