@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@300;800;900&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

/* 초기화 */
html, body{height:100%;}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:13px;font-family: 'Noto Sans KR', serif;    width: 100%;
    max-width: 640px;
    margin: 0 auto;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}

h1, h2, h3, h4, h5, h6, p, td { font-family: 'Noto Sans KR', serif;}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, ol, li{margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-family: 'Noto Sans KR', serif; }
input, button {margin:0;padding:0;font-family:dotum;font-size:1.1em;font-family: 'Noto Sans KR', serif; }
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none; border:0;}
a:hover, a:focus, a:active {color:#000; text-decoration:none; border:0;}

* { margin: 0; padding: 0; }


table{width: 100%;
border-spacing: 0;
border-collapse: collapse;
display:table;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.box5 {
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}

.box10 {
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.box100 {
-moz-border-radius: 100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari and Chrome */
border-radius: 100px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.box50p {
-moz-border-radius: 50%; /* Firefox */
-webkit-border-radius: 50%; /* Safari and Chrome */

border-radius: 50%; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.cb{clear:both;}
.p10 {padding:10px;}
.pl30{padding-left:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pt150{padding-top:150px;}
.mt10 {margin-top:10px;}
.con_wrap_1000{width:100%; max-width:1000px; margin:0 auto; padding-bottom:50px;}
.w1000{width:100%; max-width:1000px; margin:0 auto; }

.fc_fff{color:#fff;}
.fc_000{color:#000;}
.fc_6a1400{color:#6a1400;}

.last {border-bottom:0 !important}




/*통합 입력폼*/
.write_form{    background: #fff; }
.write_form input[type=text], .write_form input[type=password]{ z-index: 10;  padding: 0 0 0 6px;  width: 100%; *width:99%; height: 46px; border:none; background: transparent;  font-size: 14px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.write_form textarea {  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 150px;  border: none;  background: transparent;  font-size: 14px;  line-height:160%; apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.write_form select{  z-index: 10;  padding:0 0 0 6px;  width: 100%;  height: 46px;  border: none;  background: transparent;  font-size: 14px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}

.write_form > h2{padding:10px 0; display:block; color:#000;}
.write_form > ul > li{padding:3px 0px; }
.write_form > ul > li .tit {font-size: 16px;
    font-weight: 500;
    color: #303441;margin-top:10px;}
.write_form > ul > li .tit b {    font-size: 14px;margin-left:3px;
    color: #ff7262;font-weight:500;}
.write_form > ul > li.food_info{border-top:2px solid #25c8f5;}
.write_form > ul > li .join_info {color: #267dc0;
    font-size: 13px;
   padding: 3px 0 6px 0;margin: 0;}
.write_form > ul > li > h3{font-size:13px; margin:10px 0;}
.write_form > ul > li  span{display:block; border:1px solid #ddd;  background:#fff;}
.write_form > ul > li > div{display:table; width: 100%; margin:3px 0; *overflow:hidden;}
.write_form > ul > li > div.form_email > div{*width:48.5%; }
.write_form > ul > li > div.form_tel > div{width:32%; }
.write_form > ul > li > div.form_add{margin-bottom:3px;}
.write_form > ul > li > div.form_add > div{width:32%}

.write_form > ul > li > div > div{display:table-cell; vertical-align:top; *display:inline; zoom:1;}
.write_form > ul > li > div > div span{margin-right:3px;}
.write_form > ul > li > div > div.form_check a{display:block;  background:#FF3000; color:#fff; border:1px solid #fff; text-align:center; height:35px; line-height:35px;}
.write_form > ul > li > div.form_email i{height:42px;line-height:42px;}
.write_form > ul > li > p{padding:5px;}
.write_form > ul > li > p.join_txt_ok{color:#189FA5; padding:5px;}
.write_form > ul > li > p.join_txt_can{color:#FF3000; padding:5px;}
.write_form > ul > li > p.checkbox_btn{padding:5px;}
.write_form > ul > li > label.checkbox_btn input{margin-right:5px;}

.write_form .form_btn{text-align:center; margin-top:15px; border:0px;}
.write_form .form_btn button{display:inline-block; *display:inline; zoom:1;  border:0px; width:100%; max-width:100px; height:50px;}
.write_form .btn_ok{background:#FF2323; color:#fff;}
.write_form .btn_can{background:#999; color:#fff;}

.write_form > ul > li.login_lost_join > ul > li{border-bottom:1px solid #eee; padding-left:5px;}
.write_form > ul > li.login_lost_join > ul > li > a{display:inline-block; *display:inline; zoom:1;  padding:5px 5px; margin:2px 0; color:#555}
.write_form > ul > li.login_lost_join > ul > li > i{display:inline-block; *display:inline; zoom:1;  width:5px; height:5px; background:#01B2F2; margin-bottom:2px;}

.write_form > ul > li .chk_form001 {margin-right:5px;}
.write_form2{}
.write_form2 input[type=text], .write_form2 input[type=password]{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.write_form2 textarea {z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 350px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.write_form2 select{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 35px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}

.write_form2 > h2{}
.write_form2 > dl{display:table; width:100%;}
.write_form2 > dl > dt, .write_form2 > dl > dd{display:table-cell; }
.write_form2 > dl > dt{text-align:center; font-weight:bold;  }
.write_form2 > dl > dd{}
.write_form2 > dl > dd.form_btn{width:100%;}

.write_form2 > dl > dd  span{display:block; border:1px solid #ddd;  background:#fff; }

.write_form2 > dl > dd > div{width: 100%;}
.write_form2 > dl > dd > div.form_tel > div{width:32%;}
.write_form2 > dl > dd > div.form_add{margin-bottom:3px;}
.write_form2 > dl > dd > div.form_add > div{width:32%}

.write_form2 > dl > dd > div > div{display:table-cell; padding-right:5px;}
.write_form2 > dl > dd > div > div.form_check a{display:block;  background:#FF3000; color:#fff; border:1px solid #fff; text-align:center; height:35px; line-height:35px;}

.write_form2 > dl > dd > p{padding:5px;}
.write_form2 > dl > dd > p.join_txt_ok{color:#189FA5; padding:5px;}
.write_form2 > dl > dd > p.join_txt_can{color:#FF3000; padding:5px;}
.write_form2 > dl > dd > p.checkbox_btn{padding:5px;}
.write_form2 > dl > dd > label.checkbox_btn input{margin-right:5px;}


.write_form2 > dl > dd.login_lost_join > dl > dd{border-bottom:1px solid #eee; padding-left:5px;}
.write_form2 > dl > dd.login_lost_join > dl > dd > a{display:inline-block; padding:5px 5px; margin:2px 0; color:#555}
.write_form2 > dl > dd.login_lost_join > dl > dd > i{display:inline-block; width:5px; height:5px; background:#01B2F2; margin-bottom:2px;}

.write_form2 > dl.txtarea > dt{height:179px; line-height:179px;}
.write_form2 > dl.txtarea > dd  span{display:block; border:1px solid #ddd;  background:#fff; margin-right:3px;}


.write_btn{text-align:center;}
.write_btn li{display:inline-block; *display:inline; zoom:1; margin:10px 3px;}
.write_btn li a{display:block; padding:15px 20px; color:#555; font-weight:bold; font-size:14px}
.write_btn li a.btn_can{background:none; border:3px solid #e9e9e9;}
.write_btn li a.btn_can:hover{background:#e9e9e9;}
.write_btn li a.btn_write{background:#EF4C27; border:3px solid #EF4C27; color:#fff}
.write_btn li a.btn_write:hover{background:none; color:#EF4C27}



/*햄버거 메뉴 생성*/
.menu-trigger, .menu-trigger span {display:inline-block; transition: all.4s; box-sizing:border-box;}
.menu-trigger {position:relative; width:22px; height:15px; padding:10px;}
.menu-trigger span{position:absolute; left:0; width:100%; height:2px; background:#6d6e71; border-radius:1px; }

.menu-trigger span:nth-of-type(1) {top:0px;}
.menu-trigger span:nth-of-type(2) {top:7px;}
.menu-trigger span:nth-of-type(3) {bottom:0px;}

html.active .menu-trigger span:nth-of-type(1){
-webkit-transform : translateY(10px) rotate(-45deg);
transform : translateY(10px) rotate(-45deg);
}
html.active .menu-trigger span:nth-of-type(2){
opacity:0;
}
html.active .menu-trigger span:nth-of-type(3){
-webkit-transform : translateY(-2px) rotate(45deg);
transform : translateY(-2px) rotate(45deg);
}
/* html.active #m_menu{left:-60px;} */


html.active .menu-trigger span {background:#fff;}
#dimLayer {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;background-color: #000; filter: alpha(Opacity=80); -ms-filter: "alpha(Opacity=80)"; opacity:0.80; z-index:99999}
html.active #dimLayer {display: none;}
html.active #m_gnb{-webkit-transform: translate(340px, 0);	-moz-transform: translate(340px, 0);	-o-transform: translate(340px, 0);	transform: translate(340px, 0);}
html.active  .menu-trigger span:nth-of-type(1) {top:-3px;}
html.active  .menu-trigger span:nth-of-type(3){top:9px;}
html.active .menu-trigger span {background:#000;}


#menu_btn{    position: absolute;
    right: 0px;
    top:5px;
    z-index: 99999999;}
#menu_btn > div { padding:10px 8px 10px 10px; }
#menu_btn > div > a.menu-trigger{display:block; padding:8px 10px;  color:#fff}
#m_menu > div {padding: 10px 8px 10px 10px;}

.write_form input[type=submit], .write_form input[type=submit]:hover {
height: 35px !important;
    width: 47px !important;
    background: url('/m2/img/new/sch_ico.png') no-repeat center;
    background-size: 21px auto;
    border-radius: 0 50px 50px 0 !important;
	    font-size: 0 !important;
    position: absolute;
    top: 7px;
    right: 0;
	border: 0;
    min-width: 0 !important



}


/* 상단 레이아웃 */
#hd {z-index:10;position:relative;min-width:100%; max-width:1000px;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {padding: 10px;    position: relative;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#logo {padding:8px 0 0;
    display: inline-block;
    float: left;}
#logo h1 {display:inline-block;}
#logo h1 a {  display: block;  background: url('/m2/img/logo.png');  width: 96px;  height: 27px;  text-indent: -999px;  margin:0 auto; }
#search_btn  { display: block; width: 27px;height: 27px; position: absolute; left: 55px;  top: 17px;   cursor: pointer;  border: 0px;	text-indent: -9999px}
#join_btn  { display: block; width: 27px;  height:27px; position: absolute; right: 16px;  top: 20px;  cursor: pointer;  border: 0px;	text-indent: -9999px}
#login_btn  { display: block; width: 27px;  height:27px; position: absolute; right: 55px;  top: 20px;   cursor: pointer;  border: 0px;	text-indent: -9999px}
#logout_btn  { display: block; width: 27px;  height:27px;  position: absolute; right: 16px;  top: 20px;  border: 0px;	text-indent: -9999px}

#logout_btn:after {display:block;visibility:hidden;clear:both;content:"";}
#login_btn:after {display:block;visibility:hidden;clear:both;content:"";}

#hd_wrapper .top_div {    position: relative;
    overflow: hidden;
    height: 50px;}
#hd_wrapper .top_div .search_wrap {display: block;
    border: 0;
    min-height: 0;
    top: 0 !important;
    left: 60%!important;
    background: transparent;
    padding: 0;
    opacity: 1 !important;
    z-index: 2;
    padding: 7px 0 0 0;
    height: 50px;
    box-sizing: border-box;
    width: calc(86% - 105px);
    transform: translate(-50%,0);position: absolute;transition: 0.4s; }
	#hd_wrapper .top_div .search_wrap form {height: 35px;
    background:#efefef;
    border-radius: 35px;
    padding-right: 45px;}
#hd_wrapper .top_div .search_wrap .write_form{width:100%; }
#hd_wrapper .top_div .search_wrap .sch_box{ width:100%; max-width:!important inherit; float:left; box-sizing:border-box;}
#hd_wrapper .top_div .search_wrap .sch_box > div {/* display: inline-block; width:84%; box-sizing:border-box;  */}
#hd_wrapper .top_div .search_wrap .sch_box > span {width:14%; display:inline-block; box-sizing:border-box;} 
#hd_wrapper .top_div .search_wrap .write_form input[type=text], .write_form input[type=password] {


}
#hd_wrapper .top_div .search_wrap .sch_box input[type=text], .sch_box input[type=password]{background:none;    display: inline-block;height:34px;
font-size: 14px;
    color: #000;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 34px;
    border-radius: 50px 0 0 50px;
    border: 1px solid #efefef;padding: 0 0 0 20px;background:#efefef;


}


input::-ms-input-placeholder { color: #999; }
input::-webkit-input-placeholder { color: #999; } 
input::-moz-placeholder { color: #999 }


/*반응메뉴*/

#hd{}
#hd_wrapper{z-index:1000000; background:#fff; ;position:relative ;border-bottom: 1px solid #efefef;}
#dimLayer { display: none; position: fixed; top: 0; right: 0; width: 100%; height: 100%;background-color: #000; filter: alpha(Opacity=80); -ms-filter: "alpha(Opacity=80)"; opacity:0.80; z-index:10}
#navigation {-webkit-transition: -webkit-transform 500ms ease;	-moz-transition: -moz-transform 500ms ease;	-o-transition: -o-transform 500ms ease;	transition: transform 500ms ease; left:-100%;  }
html.menuOpen #dimLayer {display: block;}
html.menuOpen #navigation {-webkit-transform: translate(100%, 0);	-moz-transform: translate(100%, 0);	-o-transform: translate(100%, 0);	transform: translate(100%, 0);}
.not_scroll{position:fixed;overflow:hidden;width:100%;height:100%}           



#menu_btn {}
#navigation {position: fixed; right: 0px; bottom: 0; width:100%; z-index: 9999; background-color: #f5f5f5; top:70px; height:100%;      overflow-y: auto; overflow-x: hidden;border-top:1px solid;}




#gnb2 {}
#gnb2 > li{display: block;  margin:0px; border-top: 1px solid #ddd;    font-size: 14px;  background: #fff;}  
#gnb2 > li:first-child {background:#ededed; color:#000;}
#gnb2 > li:first-child h1 {padding:20px; font-size:15px}
#gnb2 > li > a{display:block; padding:14px;font-size:15px;font-weight: 500;}

#gnb2 > li > a i { right:5%; position:absolute;  *transition: all 0.4s ease; }


#gnb2 > li > ul {position:relative; top: 0; padding-top: 0px; background:#f5f5f5;}
#gnb2 > li > ul  {}
#gnb2 > li > ul > li {width:180px; display:inline-block; text-align:center;}

#gnb2 > li.gnb_1dli_over > a {color:#000;font-size:15px }
#gnb2 > li.gnb_1dli_on  > a {color:#000;    font-size: 15px;
    font-weight: 400; }
#gnb2 > li.gnb_1dli_on  > a i {transform: rotate(-180deg);}

#gnb2 > li > ul > li > a{display: block; padding: 10px; text-align: left; text-decoration: none; color:#555;}
#gnb2 > li > ul > li > a:hover{text-decoration:none }







/*contents*/


.con_wrap dl{display:table;  width:100%;}
.con_wrap dd {display:table-cell;}
.con_wrap dd {text-align:center;padding:20px 0; font-size:16px; border-bottom:1px solid #efefef; border-right:1px solid #efefef;    letter-spacing: -1px;} 
.con_wrap dd.c1, .con_wrap dd.c3 {width:33%;}
.con_wrap dd.bg01 {background:url('/m2/img/bg01_bg.png') repeat-y;     background-size: 100%; }
.con_wrap dd.bg01 a {color:#0076c8;}

.contents_wrap { }
.contents_wrap img {*width:100%; }
.contents_wrap .s_top {overflow: hidden; text-align: center; position: relative;height: 52px;    line-height: 52px;border-bottom: 1px solid #efefef;}
.contents_wrap .s_top h1 {font-size:18px; display:inline-block;font-weight:500;}
.contents_wrap .s_top h1 > span:before {    display: inline-block;
    height: 12px;
    margin: 0 6px 0 3px;
    border-left: 1px solid #c3c5ce;
    border-right: 1px solid #eaeced;
    vertical-align: -1px;
    content: '';}
.contents_wrap .s_top h1 > span {color:#000;}
.contents_wrap .s_top span.s_tit_info {    display: block;    font-size: 14px;
    color: #777;
    margin-top: 3px;
    margin-left: 5px; letter-spacing:-0.5px}

.contents_wrap .s_top .cate {float:right;display:inline-block;}
.contents_wrap .s_top .cate select {border:2px solid #267dc0;}
.contents_wrap .s_con {background:#fff; padding: 20px 10px;}
.contents_wrap .s_con h2 {    font-size: 20px;font-weight:600;color:#000;letter-spacing: -0.5px;
    margin-bottom: 15px;}
.contents_wrap .s_con h3{   font-size: 16px;color:#000;letter-spacing: -0.5px; margin:16px 0;}

.contents_wrap .s_con .s_con_box {font-size:14px}
.contents_wrap .s_con .s_con_box table {background:#fff;}
.contents_wrap .s_con .box_info {    text-align: center;
    display: block;
    border: 1px solid #e1e1e1;
    padding: 20px 0;}
.contents_wrap .s_con .box_info span {    font-size: 15px;
    color: #000;
    font-weight: 600;
    letter-spacing: -0.5px;}
.contents_wrap .s_con .box_info b {color:#ff0000;font-family: "Montserrat",'Noto Sans KR', sans-serif;font-size:18px; font-weight:600;}

.s_con {color:#666;}
.s_con .cate {margin-bottom:10px;}
.s_con .cate b {font-weight:400;color:#000;}
.s_con .s_con_box .tit_sn {border-left:4px solid #267dc0; background:#f9f9f9; padding:15px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.s_con .s_con_box .tit_sn h3{    font-size: 16px; color:#000;}
.s_con .s_con_box .tit_sn h3 > span {color: #267dc0;}
.s_con .s_con_box .tit_sn > div {margin-top:10px;}
.s_con .s_con_box .tit_sn > div b {color:#000;}

.s_con .s_con_box .tit_sn  .btn_box {margin-top:10px;}

.s_con .dep02 .list ul li { border-bottom:1px dashed #dfdfdf; }
.s_con .dep02 .list ul li a {padding:10px 10px 10px 15px; display:block}
.s_con .dep02 .list ul li a:hover {background:#f9f9f9; color:#267dc0;}



.bg_white {background:#fff; margin:10px 0; border:1px solid #e0e0e0;}
.add_info {padding:15px; line-height:140%;}
.add_info p {margin-bottom:10px;}
.add_info h4 {margin-bottom:10px; display:block;}
.bg_gray {background:#f9f9f9; margin:10px 0; border:1px solid #e0e0e0;}
.bg_box {background:#efefef; /* padding:10px; */}






/*footer*/

#footer {background:#2d2e30; position:relative;    padding: 20px 0;
    padding-bottom: 90px;}
#footer div.top_btn {    position: absolute;right: 10%;    top: -16px;}
#footer div.foot {text-align:center; }
#footer ul {text-align:center; padding:10px;}
#footer ul li {display:inline-block; *display:inline; zoom:1;    padding: 0 2px;}
#footer ul li a {    display: block;background:#595a5c;padding:8px; font-size:12px; color:#fff;}
#footer ul li a:hover {color:#20afad;}
#footer div.foot p {color:#c0c0c0; font-size:11px; line-height:160%}
#footer div.foot p span {color:#4c667b; font-size:9px; padding:0 3px;}
#footer div.foot p b {color:#20afad}


/*button*/

a.btn{padding:7px 10px;background:#fefefe;color:#444;border:1px solid #ddd;white-space:nowrap;position:relative;display:inline-block}
a.btn:hover{background:#171c64;color:#fff}

a.more  {color:#fff;background:#a9a9a9; color:#fff;padding:10px 0; text-align:center;width:100%;border: 0;}

a.ok_btn { width: 100%;background: #267dc0; color: #fff; padding: 15px 0; text-align: center;font-size:14px}
a.ok_btn:hover {background: #267dc0; }


a.btn_01 {padding:7px 10px;background:#20afad;color:#fff; border:0;}
a.btn_02 {padding:7px 10px;background:#f0ad4e;color:#fff;border:0;}{margin-top:3px;}
a.btn_03 {padding:0px 6px 0 6px;background:#f0ad4e;color:#fff;border:0; font-size:10px}
a.btn_04 {padding:0px 6px 0 6px;font-size:10px}
a.btn_04 > span {margin-top:4px;}
a.btn_05 {padding:5px 7px;font-size:10px;background:#20afad; color:#fff;border:0; vertical-align:top; }
a.btn_05 > span {margin-top:3px;}
a > span {/* margin-right:3px; vertical-align: top; */}


span.new {position: relative;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    font-size: 9px;
    color: #fff !important;
    text-align: center;
    background: #ccc;
    margin-right: 3px;
	    margin-left: 3px;
		letter-spacing:-1px
}

span.b_notice {position: relative;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding:4px;
    font-size: 10px;
    color: #fff !important;
    text-align: center;
    background: #267dc0;
    margin-right: 3px;
	    margin-left: 3px;
		letter-spacing:-1px;width:36px;
}

span.b_new {position: relative;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 2px 2px 0px 2px;
    font-size: 9px;
    color: #fff !important;
    text-align: center;
    background: #929292;
    margin-right: 3px;
	    margin-left: 3px;
		letter-spacing:-1px;width:36px;
}

span.b_event {position: relative;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 2px 2px 0px 2px;
    font-size: 9px;
    color: #fff !important;
    text-align: center;
    background: #68a03e;
    margin-right: 3px;
	    margin-left: 3px;
		letter-spacing:-1px;width:36px;
}

/*table style*/

.tb_01 tbody {}
.tb_01 tr {border-bottom:1px solid #e5e5e5;border-top: 1px solid #000;}
.tb_01 th, .tb_01 td {padding:12px 5px; text-align:center;font-size:14px; letter-spacing:-0.5px}
.tb_01 td.left {text-align:left; padding-left:10px;}
.tb_01 th{background:#efefef;}
.tb_01 th.th01 {width:40%;}
.tb_01 th.th02 {width:15%}
.tb_01 th.th03 {width:25%}
.tb_01 th.th04 {width:10%}
.tb_01 th.th05 {width:10%}
.tb_01 th.pay_th01 {width:50%;}
.tb_01 th.pay_th02 {width:20%;}
.tb_01 th.pay_th03 {width:30%;}

.tb_01 td {border-bottom:1px dashed #efefef; color:#4f4f4f;line-height: 160%;}
.tb_01 td > b {color:#ff0000;}
.tb_01 td.subject {text-align:left; padding-left:10px;}
.tb_01 td.subject span {padding:5px 0 3px 0; display:block;}

.tb_01 td.subject span.d_inline {display:block;}
.tb_01 tr.hit > td > span{font-weight:bold; color:#000;}
.tb_01 .w10 {width:30px}
.tb_01 td.tal {text-align:left;}
.mc_th01 {width:10%; color:#b7b7b7;}
.mc_th02 {width:80%;}
.mc_th03 {width:20%;}

.mc_th10 {width:10%; color:#b7b7b7;}
.mc_th70 {width:70%;}
.mc_th20 {width:20%;}


.free_event01:after {display:block;visibility:hidden;clear:both;content:"";}
.choice_pay { position:fixed; width:95%; position: fixed; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  background:#fff; border:2px solid #}
.choice_pay .close {  margin-right:10px;  margin-bottom:10px;display:inline-block;}


/*notice*/

.notice {margin-top:10px;}
.notice dl > dt {background:#efefef; border-top:1px solid #eaeaea;}
.notice dl > dt > h2 {background:#fff; width:33%; display:inline-block; font-size: 14px;    padding: 8px 0 5px 0; text-align:center;}
.notice dl > dt > span {float:right; margin-top:3px;     padding-right: 10px;}
.notice dl > dd {padding:10px;}
.notice dl > dd > ul {margin:10px 5px}
.notice dl > dd > ul > li {padding-bottom:5px;}
/*
.notice dl > dd > ul > li > span {margin-right:5px; width:33px; height:16px;display:inline-block; text-indent:-999px}

span.b_notice {background:url('/m2/img/b_notice.gif') no-repeat;    display: inline-block; width: 33px;  height: 16px;    vertical-align: top;}
span.b_new {background:url('/m2/img/b_new.gif') no-repeat;    display: inline-block; width: 33px;  height: 16px;    vertical-align: top;}
span.b_event {background:url('/m2/img/b_event.gif') no-repeat;    display: inline-block; width: 33px;  height: 16px;    vertical-align: top;}
*/
.notice dl > dd > ul > li  a {vertical-align:top;    font-size: 14px; letter-spacing: -0.5px;}




/*login*/
#container { background:#efefef;}
#container .wrap{width: 90%;
    margin: 0 auto;
    max-width: 620px;}
#container .wrap .box_wrap {padding:20px 0 50px 0;}
.grztap{border-bottom: 2px solid #171c64;border-bottom:0;width:auto;margin:0 auto;padding:0; display:flex;width:100%; ;padding:30px 0 0 0;}
.grztap > div {width:50%;}
.grztap:after{display:block;content:"";clear:both}
.grztap a.grztap_nav{float:left;color:#555;font-size:15px;height:46px;line-height:46px;cursor:pointer;background: #fff;border-bottom: 2px solid #171c64;}
.grztap a {display:block;width:100%;text-align:center;}
.grztap a.on{background: #171c64;    color: #fff;    display: block;
    text-align: center;
    width: 100%;}

.grztap_cont{width:auto;background:#fff;color:#555;font-size:14px;}
.grztap_cont:after{display:block;clear:both;content:""}
.grztap_cont .dno{display:none}
.grztap_cont .grztap_d{padding:25px;color:#333;line-height:1.6;}
.grztap_cont .grztap_d .info_p {font-size:12px; color:#267dc0; padding-top:10px;}
.grztap_cont .grztap_d span.txt_or {}
.grztap_cont .item{margin-top:10px}
.grztap_cont .item:first-child{margin-top:0}
.grztap_cont .g_label{display:none;margin-bottom:7px;color:#444;}
.grztap_cont .g_agree{display:block;margin:15px 0 10px}
.grztap_cont .g_text{display:block;border:1px solid #ccc;padding:10px;width:100%;;box-sizing:border-box;height:46px;}
.grztap_cont .login_auto_bx{display:inline-block;margin:10px 0 8px;    font-size: 14px;
    font-weight: 400;}
.grztap_cont .sd_ok{padding:7px 10px;border:1px solid #366790;white-space:nowrap;background:#267dc0;color:#fff;margin-top:3px;width:100%;height:46px;font-size: 16px;
    font-weight: 600;}
.grztap_cont > span {display: inline-block;
    margin-right: 6px;
    vertical-align: top;
    margin-top: -2px;float:right}
.grztap_cont .naver_log {padding:7px 10px;border:1px solid #00c73c;white-space:nowrap;background:#00c73c;color:#fff;margin-top:3px;width:100%;height:46px;font-size: 14px;
    font-weight: 600;    letter-spacing: -1px;}

/*join*/
.join_wrap {    padding: 10px 15px 24px 15px;
    background: #fff;  margin:10px;}
.join_wrap .join_btn {text-align: right;
    width: auto;
    padding: 15px;
    border-top: 1px solid #eaeaea;
    background: #fafafa;}

.submit{*padding:0 10px;border:none;background:url('/m2/img/new/sch_ico.png') no-repeat;color:#fff;height:34px;line-height:34px;white-space:nowrap;font-size:12px; box-sizing:border-box; width:100%;background-size: 26px 26px;
    background-position: center;}

.join_wrap .terms{padding:10px;}
.join_wrap .terms h4 {font-size:13px}
.join_wrap .terms h4 span {font-weight:normal;color:#355eb4;font-size:11px; line-height:12px;cursor: pointer ;    background: #efefef;padding: 3px; margin-left:5px; border:1px solid #ddd;}


/*vod*/

.view_play {padding: 20px 0; text-align: center;}
.vod_warp {    text-align: center;  line-height: 160%;}
.vod_warp .vod_info {background:#f9f9f9;padding:10px 0;border:1px solid #e0e0e0 ;    margin-top: 8px;}
.vod_warp .vod_info h3 {font-size:16px; color:#000; display:block;    padding: 0px 0 8px 0; border-bottom:1px solid #efefef;}
.vod_warp .vod_info p {margin-top:10px; }

/*my class*/

.mc_wrap > ul > li.tit {background:#f9f9f9;padding:10px 10px 10px 15px}
.mc_wrap > ul > li.tit h2 {font-size:14px}
.mc_wrap span {color:#b7b7b7}
.mc_wrap span.c_red {color:#e81850;}
.mc_wrap span.c_yellow {color:#f0ad4e;} 
.mc_wrap ul li {position:relative}
.mc_wrap ul li a {display:block;cursor: pointer;}
.mc_wrap ul li a:hover {background:#f9f9f9; color:#267dc0;}
.mc_wrap ul li a:hover > span { color:#267dc0;}
.mc_wrap div.arr {    position: absolute; top: 10px; right: 10px; color: #9c9c9c;}



/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_wrap a,.pg_wrap .pg_current{display:inline-block;background:#fff;padding:6px 10px;color:#555;height:16px;line-height:16px;font-family:Tahoma, Sans-serif;font-weight:normal;margin:0}
.pg_wrap a span{font-weight:bold;font-size:14px;color:#767676;white-space:nowrap;letter-spacing:-1px;}
.pg_page, .pg_current {}
.pg a:focus, .pg a:hover {background:#484D61;color:#fff}
.pg_page {text-decoration:none}
.pg_start, .pg_prev {}
.pg_end, .pg_next {}
.pg_wrap .pg_current {background:#171c64;color:#fff}
.pg_wrap .mb_page{display:none}

a:link, a:focus, a:visited, a:active {
    text-decoration: none;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}




/*약관 / 개인정보방침 */
.gdtx{position:relative;padding:0 15px 15px 15px;font-size:14px;color:#666;letter-spacing:-1px;    line-height: 160%; font-weight: 200;}
.gdtx>b{display:block;padding:8px 0 3px 0;width:100%;font-weight:400;color:#000;font-size:15px}
.gdtx>strong{display:block;padding:15px 0 0 0;width:100%;}
.gdtx>strong.e20{color:#e20000;}
.gdtx>strong.e3f{color:#000;font-size:18px; }
.gdtx>strong>em{display:inline-block;letter-spacing:0px;padding-left:3px;}
.gdtx>span{display:block;width:100%;}


/*게시판*/

.bo_left {float:left}
.bo_right {float:right}

.bbs_wrrite dl dt {background:#fafafa;     padding: 16px 10px 13px 10px; border-bottom:1px solid #e5e5e5;}
.bbs_wrrite dl dt div {padding-top:5px;}
.bbs_wrrite {background:#fff; border-bottom:1px solid #e5e5e5 ;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-top:1px solid;  }
.bbs_wrrite dl > dd {margin:20px; line-height:160%;}
.contents_wrap .s_con .bbs_wrrite h3 {margin:4px 0;}





/* 추천강좌 */
.course {  margin-top:10px; background:#efefef; padding-bottom:10px;}
.course dl > dt > h2 {background:#efefef; display:block; font-size:14px; padding:10px 0 10px 15px; }
.course dl > dd  { width:100%; background:#fff; height:auto; overflow:hidden;}
.course dl > dd > ul > li  { width:33.3333%; display:inline-block; float:left;  text-align:center;  padding:10px 0 10px;  border-bottom: 1px solid #efefef;  border-right: 1px solid #efefef; box-sizing:border-box;}
.course dl > dd > ul > li > a { width:100%; display:block;  font-size:14px; letter-spacing:-0.075em;}


/*공지사항*/

.notice1 dl > dt { border-bottom:1px solid #000;}
.notice1 dl > dt > h2 {background:#fff;  display:inline-block; font-size: 14px;    padding: 10px 0 10px 15px; text-align:center;}
.notice1 dl > dt > span {float:right; padding: 20px 0;}
.notice1 dl > dt > span  img {max-width:16px;width:100%;margin-top: -4px;}
.notice1 dl > dd {padding-top:3px;}
.notice1 dl > dd > ul {margin:0px 5px}
.notice1 dl > dd > ul > li {border-bottom: 1px solid #d1d1d1;
    line-height: 40px;}
/*
.notice dl > dd > ul > li > span {margin-right:5px; width:33px; height:16px;display:inline-block; text-indent:-999px}

span.b_notice {background:url('/m2/img/b_notice.gif') no-repeat;    display: inline-block; width: 33px;  height: 16px;    vertical-align: top;}
span.b_new {background:url('/m2/img/b_new.gif') no-repeat;    display: inline-block; width: 33px;  height: 16px;    vertical-align: top;}
span.b_event {background:url('/m2/img/b_event.gif') no-repeat;    display: inline-block; width: 33px;  height: 16px;    vertical-align: top;}
*/
.notice1 dl > dd > ul > li  a {vertical-align:top;    font-size: 14px; letter-spacing: -0.5px;}



.m_wrap { background:#fff; width:100%; height:auto ;}
.m_wrap ul li { background:#f4f4f4;  float:left; width:25%;  border-right:1px solid #fff; box-sizing:border-box; font-size:14px; text-align:center;padding-bottom:14px; }
.m_wrap ul li  img {width:45px; height:auto;; display:block; text-align:center; padding:10px 0; margin:0 auto;}


.info {  padding-top:10px; background:#efefef; padding-bottom:10px; }
.info .cc_center {text-align:center;padding:20px 0;}




.info dl > dt > h2 {background:#fff; display:block; font-size:14px; padding:10px 0 10px 15px; } 
.info dl > dd {display:block;}
.info dl > dd > ul  { box-sizing:border-box; background:#fff; text-align:center; display:inline-block; width:100%; padding-bottom:10px;}
.info dl > dd > ul > li {width:50%; float:left; }
.info dl > dd > ul > li:nth-child(1) {border-right:1px solid #efefef; box-sizing:border-box;}
.info dl > dd > ul > li img { width:24%; max-width:71px;  padding-bottom:5px;}
.info dl > dd > ul > li > div > b { font-size:18px;}



/*   결제안내 페이지  */

.contents_wrap2 { }
.contents_wrap2 img {width:100%; }
.contents_wrap2 .s_top {overflow: hidden;  padding: 0;  overflow: hidden; }


#hd_wrapper .top_div .search_wrap .write_form input[type=submit]. #hd_wrapper .top_div .search_wrap .write_form input[type=submit]:hover {    font-size: 0 !important;
    position: absolute;
    top: 0;
    right: 0;height: 35px !important;
    width: 47px !important;
    background: url('/m2/img/new/sch_ico.png') no-repeat center;
    background-size: 21px auto;
    border-radius: 0 50px 50px 0 !important;} 


/*메인*/
.conbox h3 {font-size:18px;padding:20px 0;display:inline-block;font-weight: 200;}
.conbox h3 b {font-weight:600;}
.conbox {width:95%;margin:0 auto;}

.notice1 dl dt h3 {padding:20px 0 10px 0px;}


.info .cc_center h3 {font-weight:600;font-size:18px;letter-spacing:-0.5px}
.info .cc_center .num {margin-bottom:10px;}
.info .cc_center .num span {margin-left:5px;vertical-align: middle;}
.info .cc_center .num span a {font-family: "Montserrat",'Noto Sans KR', sans-serif;font-size:24px;font-weight: 800;color:#ff5a49;}
.info .cc_center .num img {width:36px;}
.copy .b_logo {padding:16px 0;width: 120px; margin: 0 auto;}
.copy {color:#999;}
.copy  b {color:#fff;}
.copy  span {color:#fff;}
.copy b {color: #fff;
    font-weight: 400;
    font-size: 16px;}

.bn_wrap {display: inline-flex;}
.bn_wrap .bn01{margin-right:2px;}
.bn_wrap .bn02{margin-left:2px;}
.mb50 {margin-bottom:50px;}
.mb30 {margin-bottom:30px;}



  /*메인 강좌리스트 슬라이드*/
  .slick-slide {margin:0 5px;}
.multiple-items span {text-align: center;
    display: block;
    margin: 10px 0 0 0;
    line-height: 1.2;}
.slick-next:before {content:none}
.slick-prev:before {content:none}
.slick-prev {border-radius: 0 3px 3px 0;border: 1px solid #e2e2e2;    width: 25px; left:auto !important;
    height: 25px;top: -33px;
    margin-top: 0;right: 28px;
    background: #fff url('../img/new/icon_arrow_l.png') no-repeat center !important;
    background-size: 7px auto !important;}

.slick-next {border-radius: 0 3px 3px 0;border: 1px solid #e2e2e2;    width: 25px;
    height: 25px;top: -33px;
    margin-top: 0;right: 0px;
    background: #fff url('../img/new/icon_arrow_r.png') no-repeat center !important;
    background-size: 7px auto !important;}
.bdb1 {border-bottom:1px solid #efefef;padding-bottom:24px;}

/*footer*/
#footer ul.foot_ico {padding:20px 0;display:block;}
#footer ul.foot_ico li {width:40px;}
.foot_menu {
	position: fixed;
    bottom: 0;
    z-index: 111;
    display: flex;
	flex-direction: row;
    width: 100%;
    background: white;
    box-shadow: 0 -1.5px 0 0 rgb(0 0 0 / 10%);
}

.foot_menu{
     width: 100%;max-width:640px;
	position: fixed;
    bottom: 0;
    z-index: 111;
    display: flex;
	flex-direction: row;
    background: white;
    box-shadow: 0 -1.5px 0 0 rgb(0 0 0 / 10%);align-items: center; }
.foot_menu  div {}
.foot_menu 	.m1{color:#fff;background-color: #171c64;}
.foot_menu 	.m2{ background-color: #fff;}
.foot_menu 	.m3{ background-color: #f7f8f8;}
.foot_menu 	.m4{background-color: #ebebeb;}
.foot_menu 	.m5{ background-color: #e0dede;}
.foot_menu span{
    margin-bottom: auto;
    margin-top: auto;
    height: auto;
    display: block;margin-top: 12px;}
.foot_menu a > span {margin-right:0;}
.foot_menu b {display:block;font-weight:normal;font-size:11px}
.foot_menu .m1 a {color:#fff;}
.foot_menu  div {height:64px;width:128px;text-align: center;}
.foot_menu  div img {width:28px;}



/*로그인*/


.find_idpw {margin: 10px 0;
    display: inline-block;
    float: right;}
.find_idpw a {font-size: 14px;
    color: #333;
    font-weight: 400;
    float: right;}

.line_or .txt_or {
    display: inline-block;
    width: 40px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: rgba(0,0,0,0.3);}

.line_or {height: 30px;
    display: block;
    margin-top: 10px;}
.line_or:before, .line_or:after {
    display: inline-block;
    width: calc(50% - 20px);
    height: 1px;
    margin: 8px 0;
    background-color: rgba(0,0,0,0.08);
    vertical-align: top;
    content: '';
}

.scr_wrap h2 {padding:10px 0;}
.scr_wrap h2 span {font-size:15px; color:#ff0000;}
.scr_wrap h2 span.black {color:#000;}
.scrl-box {border: 1px solid #ddd;
    height: 150px;
    overflow: auto;
    margin-bottom: 15px;
    padding: 15px;
    box-sizing: border-box;
    color: #555;
    word-break: break-all;
    line-height: 1.5; }
.scrl-box h3 {font-size:20px;color:#000;padding-bottom:4px;}
.scrl-box h4 {font-size:16px; color:#000;padding-bottom:10px;}
.scr_wrap .ag_tb01 table {    text-align: center;
    width: 100%;
    border-left: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;}
.scr_wrap .ag_tb01 th{background: #f1f1f1;
    padding: 12px;
    border-bottom: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;}
	.scr_wrap .ag_tb01 td {border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding: 12px;}

.scr_wrap .agree_wrap span {margin-right:5px;}
.scr_wrap .agree_wrap {text-align:right;}
.mem_btn_set {display:flex;margin-top:10px;}
.mem_btn_set > div {width:50%;}
.mem_btn_set a.c_btn {background:#267dc0;margin-right:3px;
    color: #fff;height:46px;line-height:46px;width:100%;display:block;text-align:center;}
.mem_btn_set a.b_btn {background:#9d9d9d;margin-left:3px;
    color: #fff;height:46px;line-height:46px;width:100%;display:block;text-align:center;}
.mem_btn_set a.a_btn {background:#2d2e30;
    color: #fff;height:46px;line-height:46px;width:100%;display:block;text-align:center;}
.mem_btn_set > div.w33 {width:33%;}


.mem_btn_set > div.w33 a.c_btn{margin:0 3px 0  0;}
.mem_btn_set > div.w33 a.b_btn{margin:0  3px 0 3px;}
.mem_btn_set > div.w33 a.a_btn{margin:0 0 0 6px}

input::-webkit-input-placeholder {

  color: #818181;
  font-family: 'Noto Sans KR', serif;font-weight:200;
}

input:-ms-input-placeholder {

  color: #818181;
font-family: 'Noto Sans KR', serif;font-weight:200;

}

textarea::-webkit-input-placeholder {

  color: #818181;font-family: 'Noto Sans KR', serif;font-weight:200;


}

textarea:-ms-input-placeholder {

   color: #818181;font-family: 'Noto Sans KR', serif;font-weight:200;

}



textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus 

{
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%);
	background-color: #fff;}


	.write_form a.mem_btn001 {background:#9d9d9d;color:#fff;width:100%;height:46px;line-height:40px;display:block;text-align:center;}
.write_form a.mem_btn002 {background:#e9e9e9;width:100%;height:46px;line-height:46px;display:block;text-align:center;}


/*id_pw찾기*/
.box_wrap h1{font-size: 15px;font-weight:400;float: left;
    font-size: 20px;
    color: #333;
    line-height: 1.2;}
.box_wrap {/* 
    width: 90%;
    margin: 0 auto; */}
.box_wrap .find_id {padding:30px 0;}
.box_wrap .find_id p {margin-top:10px; color:#555;font-size: 14px;}
.box_wrap .find_id b {color:#000;font-weight:600;font-size:14px }
.box_wrap  input[type=text]{display: block;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    height: 46px;}
.box_wrap  ul li {padding:3px 0;}
.findid002 a.btn01 {
    border: 1px solid #366790;
    white-space: nowrap;
    background: #267dc0;
    color: #fff;
    margin-top: 3px;
	width:100%;
    height: 46px;
    font-size: 15px;display: block;
    font-weight: 400;text-align:center;line-height:46px;}
.findpw002 a.btn02 {
    border: 1px solid #171c64;
    white-space: nowrap;
    background: #171c64;
    color: #fff;
    margin-top: 3px;
	width:100%;
    height: 46px;
    font-size: 15px;display: block;
    font-weight: 400;text-align:center;line-height:46px;}
}

.findpw002 .findid002_03 a {color:#fff;}



.class_lsit_wrap {}
.class_lsit_wrap ul {}
.class_lsit_wrap ul li {display:inline-block;width:31.5%;margin:0 2px;vertical-align: top; text-align:center;}
.class_lsit_wrap ul li span {display:block;margin-top:10px;margin-bottom:30px;}


/*sub*/
.contents_wrap .deps2_menu {text-align:center;padding:0 36px;border-bottom:1px solid #e1e1e1;background: #efefef;overflow: hidden;}
.contents_wrap .deps2_menu> div > div a {font-size: 16px;
    font-weight: 500;
    color: #888;
    padding: 14px 8px;
    display: inline-block;
    outline: none !important;}
.contents_wrap .sub-menu-tit {font-size: 14px;color: #000;text-align:center;}
.slick-next slick-arrow {display:none!important;}


.contents_wrap .deps2_menu> div {display:inline-block;}
.contents_wrap .deps2_menu> div a {font-size: 16px;
    font-weight: 500;
    color: #888;
    padding: 14px 8px;
    display: inline-block;
    outline: none !important;}


.join_step03 .join_ok{font-size: 16px;
    font-weight: 500;
    color: #303441;
    margin-top: 10px;text-align:center;}
.join_step03 .join_ok .mt30{margin-top:30px;}
.contents_wrap .deps2_menu2 {text-align:center;padding:0 36px;border-bottom:1px solid #e1e1e1;border-top:1px solid #e1e1e1;background: #fff;overflow: hidden;height:52px;}
.contents_wrap .deps2_menu2> div > div a {font-size: 15px;
    font-weight: 400;
    color: #333;
    padding: 14px 8px;
    display: inline-block;
    outline: none !important;}
.contents_wrap .deps2_menu2 > div {display:inline-block;}
.contents_wrap .deps2_menu2 > div a {font-size: 16px;
    font-weight: 400;
    color: #333;
    padding: 14px 18px;
    display: inline-block;
    outline: none !important;}

.contents_wrap .deps2_menu2 .slick-next {border:0;}
.contents_wrap .deps2_menu2 .slick-prev {border:0;}


.contents_wrap .s_con2 {padding:5% 2.5%;}
.contents_wrap .s_con2 h2 {font-size:16px; font-weight:500; color:#000; display:inline-block;}
.contents_wrap .s_con2 ul.mylist li {border:1px solid #d1d1d1; }
.contents_wrap .s_con2 ul.mylist li:hover{background:#171c64;}

.contents_wrap .s_con3 {padding:5% 2.5%;}
.contents_wrap .s_con3 h2 {font-size:16px; font-weight:500; color:#000; display:inline-block;padding:10px 0 20px 0;}
.contents_wrap .s_con3 ul.mylist li {border:1px solid #d1d1d1; }
.contents_wrap .s_con3 ul.mylist li:hover{background:#171c64;}


.contents_wrap .sort_btn{display: inline-block; float: right;}
.contents_wrap .m{display:none;}
.contents_wrap .list_wrap {margin-top:20px;}
.contents_wrap .list_wrap ul li .wp {display:flex;width:100%;}
.contents_wrap .list_wrap ul li .wp .img {width:40%;}
.contents_wrap .list_wrap ul li .wp .txt {width:50%;margin-left:20px;}
.contents_wrap .list_wrap ul li .wp .txt .tit {    font-size: 15px;
    margin-bottom: 7px;
    line-height: 1.4;
    height: auto;font-weight: 500;
    letter-spacing: -0.5px;}
.contents_wrap .list_wrap > ul > li {border-bottom:1px solid #efefef; padding-bottom:14px;padding-top:14px;}
.contents_wrap .list_wrap ul li .wp .img .sample {text-align: center;}
.contents_wrap .list_wrap ul li .wp .img .sample a {display: block;background: #efefef;
    border: 1px solid #ddd;
    padding: 4px 0;
    margin-top: 6px;}

.contents_wrap .list_wrap ul li .wp .txt span:before {content: "";
    display: inline-block;
    height: 14px;
    width: 1px;
    background: #ddd;
    margin: 0 8px;
    vertical-align: middle;}
.contents_wrap .list_wrap ul li .wp ul {margin-top:10px;}
.contents_wrap .list_wrap ul li .wp ul li {color:#888;font-weight:300;}
.contents_wrap .list_wrap ul li .wp ul li b {margin-left:5px;color:#000;font-weight:normal;}
/* 
.slick-next {top:26px !important;}
.slick-prev {left:0px !important;top:25px !important; right:auto}
 */
.m-prev {display: block;
   background: #fff;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 2;
    line-height: 52px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;}
.m-prev .ic-arrow {

font-size: 0;
    background: url(../img/new/icon_m_back.png) no-repeat left 17px center;
    background-size: 16px auto;
    width: 52px;
    height: 52px;
    position: absolute;
    left: 0;
    top: 0;
}



.contents_wrap .s_con .impt > h3 {color:#000;   background: url('/customer/images/point_img.png') no-repeat #f6f6f6 left 10px top 10px; 
  padding: 15px 0 15px 38px;margin-bottom: 20px;   background-size: 24px;}
.contents_wrap .s_con .impt > h4 { padding: 0 0 0 34px;background: url(/images/guide_impt.gif) 15px 6px no-repeat; margin: 17px 0 0 0;    font-size: 16px; color:#000;}
.contents_wrap .s_con .impt > p {padding:14px 0 0 15px; line-height:160%;}
.reinstate_box2{width:100%; display:block; padding:20px 0 20px 0; line-height:20px; font-size:12px;   background: url(/images/video_dotline.gif) bottom repeat-x;
 padding: 0 0 15px 0; margin-top:20px;}
.reinstate_box2 li{font-weight:normal; padding:0 0 0 14px; margin:0 0 0 15px; background:url(/images/cer_sch_dd_tt.gif) no-repeat 0px 8px; line-height:160%;  color: #888888;font-size:14px}
.box3 {background:none !important;}
.reinstate_box2 p{padding-left:15px; }
.reinstate_box2.point {  background: url(/images/guide_impt.gif) left center no-repeat;padding: 0 0 0 18px;  margin-top: 26px; color: #000;}
.mem_rest{width:100%; display:block; border-bottom:solid 1px #d6d6d6; line-height:40px; text-indent:16px; font-size:14px; color:#e20000;}



/*강의 상세페이지*/
	.page-nav>p {display: inline-block;padding-bottom:20px;
    line-height: 1.2;
    font-size: 16px;}
	.page-nav>p a {color: #999;    font-size: 13px;letter-spacing:-0.5px}
	.page-nav>p:not(:last-of-type):after {width:12px; height:12px;
	content: "";
    display: inline-block;
    background: url('/m2/img/new/icon_arrow_big_r.png') no-repeat center;
    background-size: contain;
    margin: 0 5px;
    opacity: 0.8;
	
	}
	.list_detail .m_tit {display: block;letter-spacing: -0.5px;
    font-size: 18px;
    padding-bottom: 14px;
    position: relative;}
	.list_detail img{width:100%;}
    .list_detail ul li {color:#999;}
.tab_menu {    border-bottom: 2px solid #171c64;
    border-bottom: 0;
    width: auto;
    margin: 0 auto;
    padding: 0;
    display: flex;
    width: 100%;
    padding: 30px 0 0 0;}
.tab_menu > div {width:50%;}
.tab_menu a {    float: left;
    color: #555;
    font-size: 15px;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
    background: #fff;
    border-bottom: 2px solid #171c64;border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;display:block;width:100%;text-align:center;}
.tab_menu a.on {background: #171c64;
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;}

.tab_item {font-size:14px}
.list_detail ul li {color:#000;padding: 0 0 0 7px;
    background: url(/re/img/sub/li_dot.gif) left 9px no-repeat;
	}
.tab_item ul li 
.tab_item .tb_01 td span {
    color: #999;}

.mt30 {margin-top:30px;}
.list_detail .crs-txt {padding:10px; font-size:14px}
.list_detail .crs-txt > ul > li {margin-bottom:3px;}
.list_detail .crs-txt > ul > li span{font-size:13px; color:#888;width:54px;display:inline-block;}

.list_detail .crs-txt > ul > li  b {font-weight:normal;color:#000;}
.list_detail .m_tit .btn_box {display:inline-block;margin-left:5px;}
.list_detail .m_tit .btn_box a.btn_02 {font-size:12px;padding:4px 6px;}



.tab_item{width:auto;background:#fff;color:#555;font-size:14px;}
.tab_item:after{display:block;clear:both;content:""}
.tab_item .dno{display:none}
.tab_item .grztap_d{padding:25px;color:#333;line-height:1.6;}
.tab_item .grztap_d .info_p {font-size:12px; color:#267dc0; padding-top:10px;}
.tab_item .grztap_d span.txt_or {}
.tab_item .item{margin-top:10px}
.tab_item .item:first-child{margin-top:0}
.tab_item .g_label{display:none;margin-bottom:7px;color:#444;}
.tab_item .g_agree{display:block;margin:15px 0 10px}
.tab_item .g_text{display:block;border:1px solid #ccc;padding:10px;width:100%;;box-sizing:border-box;height:46px;}
.tab_item .login_auto_bx{display:inline-block;margin:10px 0 8px;    font-size: 14px;
    font-weight: 400;}
.tab_item .sd_ok{padding:7px 10px;border:1px solid #366790;white-space:nowrap;background:#267dc0;color:#fff;margin-top:3px;width:100%;height:46px;font-size: 16px;
    font-weight: 600;}
.list_detail .tab_item  span {color:#888;font-size:13px}
.tab_item .naver_log {padding:7px 10px;border:1px solid #00c73c;white-space:nowrap;background:#00c73c;color:#fff;margin-top:3px;width:100%;height:46px;font-size: 14px;
    font-weight: 600;    letter-spacing: -1px;}
.tab_item .naver_log a {color:#fff;}

/*sub_결제안내*/

.contents_wrap .s_con .benefit {margin-bottom:30px;}
.contents_wrap .s_con .benefit h2{text-align:center;padding:20px 0;font-size:24px}
.contents_wrap .s_con .benefit h2 b {font-weight:100;}
.contents_wrap .s_con .benefit ul {text-align:center;display:flex;}
.contents_wrap .s_con .benefit ul li { border:1px solid #e1e1e1;;width:100%;text-align:center;vertical-align: top;margin-bottom:10px;}
.contents_wrap .s_con .benefit ul li > div {padding:10px;}
.contents_wrap .s_con .benefit ul li > div b {display:block; color:#000;}
.contents_wrap .s_con .benefit ul li:first-child {margin-right:3px;}
.contents_wrap .s_con .benefit ul li.w100:first-child {margin-left:0;}
.contents_wrap .s_con .benefit ul li:last-child {margin-left:3px;}
.contents_wrap .s_con .benefit ul li span img {width:90px;}

.contents_wrap .sub_free > div {padding:20px;border:1px solid #e1e1e1;margin-bottom:20px;background:#fff;}
.contents_wrap .sub_free .tit h2 {font-size:18px;text-align:left;
    letter-spacing: -1px;font-weight:400;
    color: #000;margin-bottom:0;}
.contents_wrap .sub_free .tit span {display:inline-block;font-weight:400;color:#555;font-size: 20px;}
.contents_wrap .sub_free .tit span b{font-family:"Montserrat",'Noto Sans KR', sans-serif;color:#000;margin-right:3px;}
.contents_wrap .sub_free .ico {float:left;margin-right:8px;}

.contents_wrap .sub_free h2 {text-align:center;margin-bottom:20px;font-sizE:24px}
.contents_wrap .sub_free h2 > div {display:inline-block;margin-right:10px;}
.contents_wrap .sub_free  > div img{width:40px;}
.contents_wrap .sub_free .pay_btn {padding:20px 0;}
.contents_wrap .sub_free .pay_btn a{    width: 100%;
    display: block;
    border: 1px solid #000;
    padding: 14px 0;
    font-size: 15px;
    text-align: center;}

.contents_wrap .sub_free  ul li {padding: 0 0 0 7px;
    background: url(/re/img/sub/li_dot.gif) left 9px no-repeat;
    font-size: 14px;
    color: #848484;
    margin-bottom: 3px;}
.sub_free_wrap{background:#efefef;padding:40px 10px;}
@media (min-width: 320px) and (max-width: 420px) {
.contents_wrap .s_con .benefit ul li {min-height:160px}
.contents_wrap .s_con .benefit ul li.w100:first-child {min-height:auto;}
}


.swiper-button-next {background: url(/m2/img/new/icon_arrow_r.png) no-repeat;background-size: 40%  auto !important ;}
.swiper-button-prev {    background: url(/m2/img/new/icon_arrow_l.png) no-repeat;background-size: 40% auto !important ;}

.cost_btn {width: 100%;
    background: #267dc0;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    font-size: 14px;border:0;}



/*결제페이지*/
.radio-im {font-size:15px;overflow: hidden;}
.radio-im span {float:right; display:block;}
.radio-im span b {color:#ff5a49;font-size:20px;font-family: "Montserrat",'Noto Sans KR', sans-serif;}
.radio-im span p {clear:both; margin-top:20px;}
.terms2 p.btn {margin-bottom:60px;}
.ta {color:#666;}
.mask_tb {width:90%;}


.mask_tb h2 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.5px;border-bottom: 1px solid #d1d1d1;padding-bottom:10px;;}

.login_form .stit {margin-bottom:10px;}
.join ul li .tit {padding:10px 0;}
.choice_pay{border:3px solid #267dc0;     line-height: 1.6;}
#tp_div {text-align:right;margin-bottom: 16px;}

	#mask {  
	  position:absolute;  
	  left:0;
	  top:-50px;
	  z-index:9000;  
	  display:none;  
	  width:100%;
	}
	.ta{
		border: 3px solid #FF6600;
	}
.free_event01 {width:300px; border:3px solid #0050AB; margin:10px; padding:10px; background:#fff; text-align:left;}
.free_event01 p {font-size:14px; padding-bottom:10px; background:url(/images/ser_ico.gif) 0 2px no-repeat; padding:0 0 0 22px; font-size:14px; color:#323232; font-family:'NanumGothicBoldWeb'}
.free_event01 ul{padding-top:10px;}
.free_event01 > ul > li {margin:5px; font-size:12px}
.choice_pay {font-size:14px;text-align:left;}
.choice_pay > div {padding:20px;}
.choice_pay > div .tit {border-bottom:1px solid #d1d1d1;margin-bottom:10px;padding-bottom:10px;}
.choice_pay > div h2 {font-size: 20px;display:inline-block;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.5px;}
.w90 {width:90%;}
.tac {text-align:center;}


/*프로모션페이지*/
.m_promotion img {width:100%;}
.m_promotion .visual {padding:90px 0 30px 0; overflow: hidden;
    width: 100%;
    background: url('/m2/img/pro/visual_bg.jpg') no-repeat center 0;
    text-align: center;
}
.m_promotion .con01 {background: #0c1550;text-align: center;padding: 45px 0 50px 0;}
.m_promotion .con02 {padding:50px 0; background:url('/m2/img/pro/con2_bg.gif') no-repeat center 0;background-size: cover;}
.m_promotion .con02 .m_slide {margin-top:50px;}
.m_promotion .con02 .lec > li {border:1px solid #e8e8e8;background:#fff;}
.m_promotion .con02 .lec > li > dl > dd > ul  {margin-top:5px;padding:10px;}
.m_promotion .con02 .lec > li > dl > dd > ul > li {margin-bottom:3px; color:#333;}


.m_promotion .con03 {background:url('/m2/img/pro/con3_bg.gif'); text-align: center;padding: 60px 0 50px 0;background-size: cover;}
.m_promotion .con04 {background:#efefef; padding:50px 0;}
.m_promotion .con04 ul {text-align:center;margin-top:50px;}

.m_promotion .con04 ul li {display:inline-block; width:45%;padding:3px;}
.m_promotion .con05 {background:url('/m2/img/pro/con5_bg.gif');padding-top:80px; }
.m_promotion .con06 {background:url('/m2/img/pro/con6_bg.gif');padding:50px 0; }
.m_promotion .con06 .info {padding:0 20px; color:#fff;background: none; font-weight:200;color:#a2a2a2;}
.m_promotion .con06 .info h3 {margin-bottom:10px;margin-top:30px; color:#fff;}
.m_promotion .con06 ul li {    position: relative;padding-left:6px;}
.m_promotion .con06 ul li:before {
    content: "";
    width: 2px;
    height: 2px;
    background: #a2a2a2;
    position: absolute;
    top: 11px;
    left: 0px;
}

@-webkit-keyframes move01 { 
	0%{
		background:#782fff;
	}
	25%{
		background:#782fff;
	}
	75%{
		background:#e4404a
	}
	100% {
		background:#e4404a;
	}
}