@charset "utf-8";
/* ITGO mobile service, orangedevil */

/* Common */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
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, 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; font-weight:inherit; font-style:inherit; font-size:inherit; font-family:'Nanum Gothic', serif; vertical-align:baseline;letter-spacing:-1px; color:#333333;}
:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}
.hide{display:none}
button{cursor:pointer; font-family:'Nanum Gothic', serif; letter-spacing:-1px;}
input, select, label, textarea{font-family:'Nanum Gothic', serif}
a{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:inherit;}
.layer_on{width:100%; height:100%; display:block; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;pointer-events:none !important; overflow:hidden;}
.main_sy{background:#353840}
.log_sy{background:#f5f6f7}

.padd_top7{padding-top:7px;}
.top5{margin:5px 0 0 0}
.top10{margin:10px 0 0 0}
.top15{margin:15px 0 0 0}

input[type=checkbox].css-checkbox{display:none;}
input[type=checkbox].css-checkbox + label.css-label{
	padding-left:28px;
	height:20px;
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label{background-position: 0 -20px;}
.log_form label.css-label{
	background-image:url(images/chk_inp.png);
	-webkit-background-size:20px 40px;
	background-size:20px 40px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


input[type=radio].css-checkbox{display:none;}
input[type=radio].css-checkbox + label.css-label{
	height:17px; padding-left:20px; display:inline-block; font-size:12px; color:#555555; line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}
input[type=radio].css-checkbox:checked + label.css-label{background-position: 0 -17px;}
.class_select_set label.css-label{
	background-image:url(images/radio_inp.png);
	-webkit-background-size:17px;
	background-size:17px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* pop_menu_set */
#blind{width:120%; height:120%; position:fixed; background:rgba(0,0,0,.5); z-index:1; display:none; overflow:hidden;}
#pop_menu_set{}
#pop_menu_set .pop_menu_wrap{
	position:fixed; background:#fff; top:0; left:-261px; bottom:0; display:block; overflow:auto; z-index:999;
	width:100%; max-width:261px; height:100%;
	-moz-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms;
	/*
	width:261px; height:120%; position:fixed; left:0; top:0; z-index:2; display:none;
	background:#ffffff;

	-moz-box-shadow: 2px 0 8px rgba(0,0,0,.7);
	-webkit-box-shadow: 2px 0 8px rgba(0,0,0,.7);
	box-shadow: 2px 0 8px rgba(0,0,0,.7);
	*/
}
#pop_menu_set .pop_new{max-width:350px; left:-350px}
#pop_menu_set .pm_header{
	height:44px; line-height:44px; text-align:center; font-size:18px; font-weight:bold; color:#ffffff;
}
#pop_menu_set .pm_header .p_close{
	width:27px; height:27px; position:absolute; right:10px; top:9px; overflow:hidden; text-indent:-999px;
	border:solid 1px #005493;
	background:url(images/btn_ser_del.png) 50% no-repeat #005ca0;
	-webkit-background-size:15px;
	background-size:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#pop_menu_set .pm_g001{clear:both;}
#pop_menu_set .pm_g001 dt a{
	height:36px; line-height:36px; font-size:14px; text-indent:10px; display:block;
	border-bottom:solid 1px #d4d3d3; background:#f4f4f4;
}
#pop_menu_set .pm_g001 dd{width:50%; height:36px; line-height:36px; text-indent:10px; font-size:13px; float:left;}
#pop_menu_set .pm_g001 dd a{width:100%; border-bottom:solid 1px #e5e4e4; display:block; }
#pop_menu_set .pm_g001 dd:nth-of-type(2n+1) a{border-right:solid 1px #e5e4e4;}
#pop_menu_set .pm_g001 .onesy{width:100% !important;}
#pop_menu_set .pm_g001 .onesy a{border-right:0 !important;}

#pop_menu_set .pop_wrap{height:calc(100% - 46px); display: flex}
#pop_menu_set ul.pop_fcate{width:130px; border-right: solid 1px #d4d3d3; background: #f4f4f4; box-sizing: border-box}
#pop_menu_set ul.pop_fcate li{height:36px; line-height: 36px; box-sizing: border-box; border-bottom:solid 1px #e5e4e4; font-size: 13px; text-indent: 10px; box-sizing: border-box; overflow: hidden; white-space:nowrap}
#pop_menu_set ul.pop_fcate li.on{background: #fff; font-weight: 800}
#pop_menu_set dl.pop_scate{width:calc(100% - 130px); overflow-y: scroll}
#pop_menu_set dl.pop_scate::-webkit-scrollbar{width:2px}
#pop_menu_set dl.pop_scate::-webkit-scrollbar-thumb{background: #0069b4; border-radius: 5px}
#pop_menu_set dl.pop_scate::-webkit-scrollbar-track{background: #f0f0f0}
#pop_menu_set dl.pop_scate dd{height:36px; line-height: 36px; box-sizing: border-box; border-bottom:solid 1px #e5e4e4; font-size: 13px; text-indent: 10px}






/* ani1 */
@-webkit-keyframes pop_menu_ani{
	/*
	from{left:-270px;}
	to{left:0;}
	*/
}
@keyframes pop_menu_ani{
	/*
	from{left:-270px;}
	to{left:0;}
	*/
}
.pop_menu_wrap{
	/*
	-webkit-animation-name:pop_menu_ani;
	-webkit-animation-duration:0.7s;
	-webkit-animation-timing-function:ease-out;
	*/
}
/* ani2 */
@-webkit-keyframes pop_menu_ani2{
	/*
	from{left:0;}
	to{left:-270px;}
	*/
}
@keyframes pop_menu_ani2{
	/*
	from{left:0;}
	to{left:-270px;}
	*/
}
.pop_menu_wrap2{
	/*
	left:-270px !important;
	-webkit-animation-name:pop_menu_ani2;
	-webkit-animation-duration:0.7s;
	-webkit-animation-timing-function:ease-out;
	*/
}


/* header */
header{
	width:100%; height:50px; border-bottom:solid 1px #005493;
	background: #0081d7; /* Old browsers */
	background: -moz-linear-gradient(top,  #0081d7 0%, #0066b2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0081d7), color-stop(100%,#0066b2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0081d7 0%,#0066b2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0081d7 0%,#0066b2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0081d7 0%,#0066b2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0081d7 0%,#0066b2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081d7', endColorstr='#0066b2',GradientType=0 ) /* IE6-9 */
}
header .logo a{
	width:74px; height:27px; display:block; overflow:hidden;  text-indent:-999px; top:12px; left:10px; position:absolute;
	background:url(images/logo.png) no-repeat;
	-webkit-background-size:100%;
	background-size:100%;
}
header .ser_form1{padding:5px 7px 0 90px; display:block;}
header .ser_form1 .ser_box1{
	width:100%; height:39px; border:solid 1px #004b83; background:#fbfbfb; line-height:39px; display:block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 1px 1px 7px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 1px 1px 7px rgba(0,0,0,.3);
	box-shadow: inset 1px 1px 7px rgba(0,0,0,.3);
}
header .ser_form1 .ser_box1 .ser_padd1{padding:0 11px 0 9px; display:block;}
header .ser_form1 .ser_box1 .ser_padd1 .ser_inp1{
	width:100%; letter-spacing:-1px; border:0; background:inherit;
	font-size:14px; color:#333333;
}

/* ser_inp focus */
header .ser_form2{padding:5px 48px 0 7px; display:block;}
/*
header .ser_form1 .ser_box2{
	width:100%; height:39px; background:#fbfbfb; line-height:39px; display:block;
	border-top:solid 1px #004b83;
	border-right:0;
	border-bottom:solid 1px #004b83;
	border-left:solid 1px #004b83;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-box-shadow: inset 1px 1px 7px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 1px 1px 7px rgba(0,0,0,.3);
	box-shadow: inset 1px 1px 7px rgba(0,0,0,.3);
}
header .ser_form1 .ser_box2 .ser_padd2{padding:0 41px 0 9px; display:block;}
header .ser_form1 .ser_box2 .ser_padd2 .ser_inp2{
	width:100%; letter-spacing:-1px; border:0; background:inherit;
	font-size:14px; color:#333333;

}
*/
header .btn_ser{
	width:40px; height:41px; position:absolute; margin-top:-41px; right:7px; border:0; overflow:hidden; text-indent:-999px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background: #004b83; /* Old browsers */
	background: -moz-linear-gradient(top,  #004b83 0%, #003257 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004b83), color-stop(100%,#003257)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #004b83 0%,#003257 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #004b83 0%,#003257 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #004b83 0%,#003257 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #004b83 0%,#003257 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b83', endColorstr='#003257',GradientType=0 ); /* IE6-9 */

}
header .btn_ser .ico1{
	width:100%; height:100%; display:block;
	background:url(images/btn_search.png) 50% no-repeat;
	-webkit-background-size:80%;
	background-size:80%;
}
header .btn_ser_del{
	width:27px; height:27px; position:absolute; margin-top:-34px; right:53px; overflow:hidden; text-indent:-999px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px #afafaf;
	background:#bababa;
}
header .btn_ser_del .ico2{
	width:100%; height:100%; display:block;
	background:url(images/btn_ser_del.png) 50% no-repeat;
	-webkit-background-size:100%;
	background-size:100%;
}

/* ser_res_set */
#ser02{display:none;}
#ser_res_set{background:#ffffff; display:none;}
#ser_res_set dl{}
#ser_res_set dl dd{height:37px; line-height:37px; overflow:hidden; font-size:14px; border-bottom:solid 1px #e4e5e7;}
#ser_res_set dl dd a{height:100%; display:block; padding:0 10px 0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#ser_res_set dl dd:last-of-type{border:0;}
#ser_res_set dl dd strong{font-weight:normal; color:#ea0000;}
#ser_res_set .btn_ser_close{width:100%; height:31px; border:0; border-bottom:solid 1px #bababa !important; line-height:28px; background:#e8e8e9;}
#ser_res_set .btn_ser_close .ico3{
	width:85px; height:31px; display:block; margin:0px auto; font-size:12px;
	background:url(images/btn_ser_close.png) 0 48% no-repeat;
	-webkit-background-size:10px;
	background-size:10px;}


/* nav */
nav{font-size:14px;}
nav .menu{width:100%; height:45px; background:url(images/menu_bg.png) repeat-x;}
nav .menu li{height:45px; float:left; text-align:center}
nav .menu li a{height:100%; display:block; line-height:43px;}
nav .menu .menu001{width:20%}
nav .menu .menu002{width:18%}
nav .menu .menu003{width:15%}
nav .menu .menu004{width:23%}
nav .menu .menu005{width:24%}
nav .menu .menu_on a{color:#004b83; font-weight:bold;}
nav .menu .menu_on{background:url(images/menu_bgon.png) repeat-x;}
/*
nav .menu_new{}
nav .menu_new li{width:25%; line-height: 45px}
*/
.menu_wrapper {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden; /* 메뉴 영역을 넘지 않도록 */
}


nav .menu_new {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;       /* 세로 스크롤은 차단 */
  cursor: grab;
  user-select: none;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
}
nav .menu_new::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

nav .menu_new li {
  flex: 1; /* 각각 동일한 너비로 분배 */
  padding: 15px 20px;
  margin-right: 5px;
  
}
.scroll_hint {
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 5px;
}

.scroll-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  color: rgba(0, 0, 0, 0.2); /* 텍스트 색상에 알파 값 적용 */
  border: none;
  padding: 5px;
  font-size: 18px;
  cursor: pointer;
}

.scroll-button.left {
  left: 0;
}

.scroll-button.right {
  right: 0;
}

nav .ctoc{width:52px; height:52px; border:solid 3px #fff; position: fixed; right:20px; bottom: 20px; z-index: 9999;
	background: url(images/ctoc.png) 50% #0069b4 no-repeat; border-radius: 30px; overflow: hidden; text-indent: -9999px; box-sizing: border-box}

nav .menu_pop{
	width:47px; height:47px; left:20px; bottom:20px; padding:3px; cursor:pointer; position:fixed;
	background:#fbfbfb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 2px 2px 7px rgba(53,56,64,.5);
	-webkit-box-shadow: 2px 2px 7px rgba(53,56,64,.5);
	box-shadow: 2px 2px 7px rgba(53,56,64,.5);
}
nav .menu_pop .menu_pop_bg{
	width:100%; height:100%; display:block;
	background: #0081d7; /* Old browsers */
	background: -moz-linear-gradient(top,  #0081d7 0%, #0065b0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0081d7), color-stop(100%,#0065b0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0081d7 0%,#0065b0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0081d7 0%,#0065b0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0081d7 0%,#0065b0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0081d7 0%,#0065b0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081d7', endColorstr='#0065b0',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
nav .menu_pop .menu_pop_ico{
	width:22px; height:22px; text-indent:-999px; overflow:hidden; display:inline-block; margin:13px 13px;
	background:url(images/menu_ico.png) 50% no-repeat;
	-webkit-background-size:22px;
	background-size:22px;
}


/* article */
article{background:#dcdcdd; width:100%}
section{padding:7px;}
article .notice_set{font-size:14px;}
article .notice_set .more{float:right; padding:2px 17px 0 0; display:block; font-size:11px; color:#555}
article .notice_set dl{}
article .notice_set dl dt{height:30px; line-height:30px;}
article .notice_set dl dt a{
	width:100%; height:100%; display:block;
	background:url(images/arrow.png) 100% 50% no-repeat;
	-webkit-background-size:12px 9px;
	background-size:12px 9px
}
article .notice_set dl dd{
	height:37px; line-height:37px;
	background:#ffffff;
	border-bottom:solid 1px #e4e5e7; border-right:solid 1px #d5d5d6; border-left:solid 1px #d5d5d6;
}
article .notice_set dl dd:first-of-type{border-top:solid 1px #d5d5d6 !important;}
article .notice_set dl dd:last-of-type{border-bottom:solid 1px #d5d5d6 !important;}
article .notice_set dl dd a{height:100%; display:block; padding:0 10px 0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

article .qna{margin-top:7px; font-size:14px;}
article .qna .more{float:right; padding:2px 17px 0 0; display:block; font-size:11px; color:#555}
article .qna dl{}
article .qna dl dt{height:30px; line-height:30px;}
article .qna dl dt a{
	width:100%; height:100%; display:block;
	background:url(images/arrow.png) 100% 50% no-repeat;
	-webkit-background-size:12px 9px;
	background-size:12px 9px
}
article .qna dl dd{
	height:37px; line-height:37px;
	background:#ffffff;
	border-bottom:solid 1px #e4e5e7; border-right:solid 1px #d5d5d6; border-left:solid 1px #d5d5d6;
}
article .qna dl dd:first-of-type{border-top:solid 1px #d5d5d6 !important;}
article .qna dl dd:last-of-type{border-bottom:solid 1px #d5d5d6 !important;}
article .qna dl dd a{height:100%; display:block; padding:0 10px 0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

article .bookmark{margin-top:7px; font-size:14px;}
article .bookmark .more{float:right; padding:2px 17px 0 0; display:block; font-size:11px; color:#555}
article .bookmark dl{}
article .bookmark dl dt{height:30px; line-height:30px;}
article .bookmark dl dt a{
	width:100%; height:100%; display:block;
	background:url(images/arrow.png) 100% 50% no-repeat;
	-webkit-background-size:12px 9px;
	background-size:12px 9px
}
article .bookmark dl dd{
	height:37px; line-height:37px;
	background:#ffffff;
	border-bottom:solid 1px #e4e5e7; border-right:solid 1px #d5d5d6; border-left:solid 1px #d5d5d6;
}
article .bookmark dl dd:first-of-type{border-top:solid 1px #d5d5d6 !important;}
article .bookmark dl dd:last-of-type{border-bottom:solid 1px #d5d5d6 !important;}
article .bookmark dl dd a{height:100%; display:block; padding:0 10px 0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


article .app_set{}
article .app_set .app_step{font-size:14px; width:100%; height:41px;}
article .app_set .app_step li{width:50%; height:41px; line-height:41px; float:left; list-style:none; text-align:center; color:#fff; background:#999}
article .app_set .app_step .step_on{background: #0168b5 !important; font-weight:bold;}
article .app_set .app_info{font-size:14px;}
article .app_set .app_info h2{height:36px; line-height:36px; display:inline-block; color:#555}
article .app_set .app_info .app_info_dd{width:100%; color:#333; border-top:solid 1px #d5d5d6; border-right:solid 1px #d5d5d6; border-bottom:solid 1px #d5d5d6;}
article .app_set .app_info .app_info_dd th{width:69px; height:37px; line-height:37px; background:#f0f0f0; text-align:center; border-left:solid 1px #d5d5d6; border-bottom:solid 1px #e4e5e7;}
article .app_set .app_info .app_info_dd td{background:#fff; text-indent:10px; border-left:solid 1px #e4e5e7; border-bottom:solid 1px #e4e5e7;}
article .app_set .app_info .app_info_dd .b_boder_none{border-bottom:none !important;}

article .app_set .app_caution{border:solid 1px #d5d5d6; margin:5px 0 0 0; padding:10px; background:#f0f0f0; font-size:14px; line-height:17px;}
article .app_set .app_caution dt{margin:0 0 5px 0; font-weight:bold}

article .app_set .app_pay{font-size:14px;}
article .app_set .app_pay h2{height:36px; line-height:36px; display:inline-block; color:#555}
article .app_set .app_pay .app_pay_dd{border:solid 1px #d5d5d6}
article .app_set .app_pay .app_pay_dd label{width:100%; hieght:100%; display:block;}
article .app_set .app_pay .app_pay_dd li{background:#fff; border-bottom:solid 1px #e4e5e7;}
article .app_set .app_pay .app_pay_dd li input{width:22px; height:22px; margin:7px 0 0 0}
article .app_set .app_pay .app_pay_dd li:last-child{border:none !important;}
article .app_set .app_pay .app_pay_dd li .label_inp{width:69px; height:37px; display:inline-block; text-align:center; background:#f0f0f0; float:left;}
article .app_set .app_pay .app_pay_dd li .label_tt{height:37px; line-height:37px; display:inline-block; text-indent:10px;}

article .app_set .app_end{background:#fff; border:solid 1px #d5d5d6; margin:10px 0 0 0;}
article .app_set .app_end span{padding:30px 0 30px 0; text-align:center; display:block; font-size:14px; font-weight:bold;}

article .class_list{}
article .class_list .free_pass{background:#fff; font-size:14px;}
article .class_list .free_pass .free_pass_wrap{border:solid 1px #d5d5d6}
article .class_list .free_pass h2{height:40px; line-height:40px; color:#fff; background:url(images/free_pass_bg.gif) 100% 0 #0168b5 no-repeat; display:inline-block; padding:0 80px 0 10px; float:left; cursor:pointer}
article .class_list .free_pass .ston{background:url(images/free_pass_bgon.gif) 100% 0 #0168b5 no-repeat !important;}
article .class_list .free_pass h2 .help_pop{width:17px; height:40px; display:inline-block; background:url(images/help_ico.gif) 0 50% no-repeat; overflow:hidden; text-indent:-999px; float:right; margin:0 0 0 10px;}
article .class_list .free_pass .fp001{clear:both}
article .class_list .free_pass .fp001 a{width:100%; height:100%; display:inline-block;}
article .class_list .free_pass .fp001 dt{font-weight:bold; color:#333; padding:10px;}
article .class_list .free_pass .fp001 dt em{color:#ed1c24}
article .class_list .free_pass .fp001 dd{padding:0 10px 10px 10px}
article .class_list .free_pass .fp001 .rest{float:left}
article .class_list .free_pass .fp001 .price{float:right}

article .class_list .free_pass .fp002{clear:both; border-top:solid 1px #e4e5e7}
article .class_list .free_pass .fp002 a{width:100%; height:100%; display:inline-block;}
article .class_list .free_pass .fp002 dt{font-weight:bold; color:#333; padding:10px;}
article .class_list .free_pass .fp002 dt em{color:#ed1c24}
article .class_list .free_pass .fp002 dd{padding:0 10px 10px 10px}
article .class_list .free_pass .fp002 .rest{float:left}
article .class_list .free_pass .fp002 .price{float:right}

article .class_list .free_pass .free_pass_tt_wrap{clear:both;}
article .class_list .free_pass .free_pass_tt{height:35px; line-height:35px; display:block; text-indent:10px;}

article .class_list .class_stitle{margin:10px 0 0 0}
article .class_list .class_stitle .class_drop{
	width:150px; height:33px; display:block; overflow:hidden; float:left;
	border:solid 2px #0074c4;
	background:url(images/drop_arrow.png) 100% 50% no-repeat #ffffff;
	-webkit-background-size:25px;
	background-size:25px;
}
article .class_list .class_stitle .class_drop select{
	width:100%; height:33px; color:#555555; font-size:14px;
	background-color:transparent;
	-webkit-appearance: none;
	margin:0; padding:5px 5px 4px 5px; border:0
}
article .class_list .class_stitle .class_drop select:focus{border:0; outline:none;}
article .class_list .class_stitle .class_select_set{
	width:145px; height:32px; line-height:32px; font-size:12px; background:#ffffff; float:right; padding:3px 0 7px 0; margin-bottom:-1px; text-align:center;
	border:solid 1px #d5d5d6; border-bottom:0 !important;
}
article .class_list .class_stitle .class_select_set .class_select1{}
article .class_list .class_stitle .class_select_set .class_select2{margin-left:10px}

article .class_list .class_list_dd{clear:both; display:block;}
article .class_list .class_list_dd li{
	background:#ffffff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#333333;
	border-right:solid 1px #d5d5d6; border-bottom:solid 1px #e4e5e7; border-left:solid 1px #d5d5d6;
}
article .class_list .class_list_dd li .class_list_tt{
	height:37px; line-height:37px; display:block; z-index:-1; padding:0 50px 0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
article .class_list .class_list_dd li .class_list_tt .state{width:40px; text-align:center; position:absolute; right:18px; color:#999999; font-size:12px;}
article .class_list .class_list_dd li .class_list_bk{
	width:37px; height:37px; overflow:hidden; text-indent:-999px; position:absolute; right:18px; margin-top:-37px;
	background:url(images/bookmark_ico.png) 50% no-repeat;
	-webkit-background-size:18px;
	background-size:18px;
}

article .class_list .class_list_dd li .class_list_bk_more{
	width:37px; height:37px; overflow:hidden; text-indent:-999px; position:absolute; right:18px; margin-top:-37px;
	background:url(images/bookmark_ico.png) 50% no-repeat;
	-webkit-background-size:18px;
	background-size:18px;
}

article .class_list .class_list_dd li .bkon{
	background:url(images/bookmark_ico_on.png) 50% no-repeat;
	-webkit-background-size:18px;
	background-size:18px;
}
article .class_list .class_list_dd li:first-of-type{border-top:solid 1px #d5d5d6 !important;}
article .class_list .class_list_dd li:last-of-type{}
article .class_list .class_list_more a{
	height:38px; line-height:38px; display:block; text-align:center; font-size:12px;
	border:solid 1px #d5d5d6; border-top:0 !important;
	background:#f6f6f6;
}
article .class_list .class_list_more .more_ico{
	width:80px; height:38px; margin:0 auto; display:block;
	background:url(images/drop_arrow.png) 100% 50% no-repeat #f6f6f6;
	-webkit-background-size:25px;
	background-size:25px;
}
article .class_list .class_list_more .more_ico_sample{
	width:80px; height:38px; margin:0 auto; display:block;
	background:url(images/drop_arrow.png) 100% 50% no-repeat #f6f6f6;
	-webkit-background-size:25px;
	background-size:25px;
}
article .class_list .class_list_more .more_ico2{
	width:80px; height:38px; margin:0 auto; display:block;
	background:url(images/drop_arrow.png) 100% 50% no-repeat #f6f6f6;
	-webkit-background-size:25px;
	background-size:25px;
}
article .class_list .class_list_more .more_ico_myclass{
	width:80px; height:38px; margin:0 auto; display:block;
	background:url(images/drop_arrow.png) 100% 50% no-repeat #f6f6f6;
	-webkit-background-size:25px;
	background-size:25px;
}
article .class_list .class_list_more .more_ico_bookmark{
	width:80px; height:38px; margin:0 auto; display:block;
	background:url(images/drop_arrow.png) 100% 50% no-repeat #f6f6f6;
	-webkit-background-size:25px;
	background-size:25px;
}
article .class_list .m_stitle{height:30px; line-height:30px; font-size:14px;}
article .class_list .lec_title{
	padding:20px 10px 20px 10px; margin-bottom:1px;
	border:solid 1px #d5d5d6;
	background:url(images/lec_title_dec.png) no-repeat #f6f6f6;
}
article .class_list .lec_title h2{font-size:18px; color:#333333; font-weight:bold; float:left;}
article .class_list .lec_title em{color:#999999; font-size:12px; float:right;}
article .class_list .lec_title .lec_txt{font-size:12px; clear:both; display:block; padding-top:15px; line-height:16px;}
article .class_list .lec_title .bk_btn_set{width:100%; text-align:center; display:block; margin-top:10px;}
article .class_list .lec_title .bk_btn_set button{padding:8px 10px 7px 33px; font-size:12px;}
article .class_list .lec_title .bk_btn_set .bk_btn01{
	background:url(images/bookmark_ico.png) 10px 50% no-repeat #e3e3e3;
	border:solid 1px #c7c7c7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-background-size:18px;
	background-size:18px;
}
article .class_list .lec_title .bk_btn_set .bk_btn02{
	background:url(images/bookmark_ico_on.png) 10px 50% no-repeat #e3e3e3;
	border:solid 1px #c7c7c7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-background-size:18px;
	background-size:18px;
}
article .class_list .lec_view{background:#f6f6f6; padding:20px; text-align:center; font-size:14px;}
article .class_list .lec_view .player{/* width:100%; height:200px; background:#000; display:block; */}

article .class_list .lec_view .player_tt{line-height:18px;}
article .class_list .lec_view .player_tt dt{font-size:18px; font-weight:bold; margin:20px 0 10px 0;}
article .class_list .lec_view .player_tt dd{font-size:13px; color:#999999}
article .class_list .lec_view .player_tt .ect{color:#ff0000; font-weight:bold; margin-top:10px;}
.video-js .vjs-control-bar *{color:#fff}

article .class_list .app_list{}
article .class_list .app_list li{border-right:solid 1px #d5d5d6; border-bottom:solid 1px #e4e5e7; border-left:solid 1px #d5d5d6; display: flex; flex-wrap:wrap;
	background:url(../images/app_list_arrow2.png) 100% 15px #fff no-repeat;
}
article .class_list .app_list li.on{background:url(../images/app_list_arrow1.png) 100% 15px #fff no-repeat;}
article .class_list .app_list li.list_none{background: #fff}
article .class_list .app_list li.list_none span{
	width:100%; height:37px; line-height: 37px; color:#333333; display: block; text-align: center; font-size: 14px
}

article .class_list .class_list_dd li.list_none{background: #fff}
article .class_list .class_list_dd li.list_none span{
	width:100%; height:37px; line-height: 37px; color:#333333; display: block; text-align: center; font-size: 14px
}

article .class_list .app_list .app_list_st{
	height:37px; line-height: 37px; width:calc(100% - 60px - 20px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#333333; display: block; text-indent: 10px
}
article .class_list .app_list .app_list_ing{height:37px; line-height: 37px; width:60px; display: block; font-size: 14px; text-align: center}
article .class_list .app_list .app_list_box{width:100%; background: #edf0f2; display:none; padding:10px; font-size: 14px; line-height: 20px}
article .class_list .app_list .app_list_box button{background: #e3e3e3; border: solid 1px #c7c7c7; border-radius: 2px; margin-top:10px; padding:5px 10px}

article .myclass_nav{font-size:14px;}
article .myclass_nav .myclass_menu{}
article .myclass_nav .myclass_menu dd{width:100%; float:left;}
article .myclass_nav .myclass_menu .myclass_menu01{
	height:37px; line-height:37px; text-align:center; display:block;
	border:solid 1px #c7c7c7; border-right:0 !important;
	background:#e8e8ea;
}
article .myclass_nav .myclass_menu .myclass_menu02{
	height:37px; line-height:37px; text-align:center; display:block;
	border:solid 1px #c7c7c7;  border-left:0 !important;
	background:#e8e8ea;
}
article .myclass_nav .myclass_menu .myclass_on{ border:solid 1px #767676 !important; background:#828282; color:#ffffff; font-weight:bold;}
article .num_set{width:100%; height:38px; line-height:38px; display:block; text-align:center;}
article .num_set .num_pre{
	width:35px; height:32px; overflow:hidden; text-indent:-999px;
	background:url(images/arrow_pre.png) 50% no-repeat #e9e9ea;
	-webkit-background-size:10px;
	background-size:10px;
	border:solid 1px #a3a6ac;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article .num_set .num_next{
	width:35px; height:32px; overflow:hidden; text-indent:-999px;
	background:url(images/arrow_next.png) 50% no-repeat #e9e9ea;
	-webkit-background-size:10px;
	background-size:10px;
	border:solid 1px #a3a6ac;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article .num_set .num_pg{padding:0 10px 0 10px; font-size:13px;}
article .num_set .num_pg strong{font-weight:bold}

article .btn_set{width:100%; display:block; text-align:center; padding-top:7px}
article .btn_set button{
	font-size:12px; color:#333333;
	padding:8px 10px 7px 10px;
	background:#f6f6f6;
	border:solid 1px #c7c7c7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article .btn_set2{width:100%; display:block; text-align:center; padding:10px 0 50px 0}
article .btn_set2 .app_btn1{
	font-size:12px; color:#333333;
	margin:0 3px 0 2px;
	min-width:80px; text-align:center;
	padding:8px 10px 7px 10px;
	background:#f6f6f6;
	border:solid 1px #c7c7c7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article .btn_set2 .app_btn2{
	font-size:12px; color:#fff;
	margin:0 3px 0 2px;
	min-width:80px; text-align:center;
	padding:8px 10px 7px 10px;
	background:#0168b5;
	border:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

article .notice_view{}
article .notice_view .m_stitle{height:30px; line-height:30px; font-size:14px;}
article .notice_view .notice_box{
	padding:20px 10px 20px 10px;
	background:#ffffff;
	border:solid 1px #d5d5d6;
}
article .notice_view .notice_box .notice_st{font-size:14px; font-weight:bold; color:#333333; display:block; line-height:18px;}
article .notice_view .notice_box .notice_em{font-size:11px; color:#999999; display:block; margin-top:7px;}
article .notice_view .notice_box .notice_tt{font-size:12px; color:#333333; display:block; margin-top:15px; line-height:16px;}

article .qna_view{}
article .qna_view .m_stitle{height:30px; line-height:30px; font-size:14px;}
article .qna_view .qna_q{
	padding:20px 10px 20px 10px;
	background:url(images/qna_q.png) 100% 0 no-repeat #f6f6f6;
	border:solid 1px #d5d5d6;
}
article .qna_view .qna_q .qna_qst{font-size:14px; font-weight:bold; color:#333333; display:block; line-height:18px;}
article .qna_view .qna_q .qna_qem{font-size:11px; color:#999999; display:block; margin-top:7px;}
article .qna_view .qna_q .qna_qtt{font-size:12px; color:#333333; display:block; margin-top:15px; line-height:16px;}
article .qna_view .qna_a{
	padding:20px 10px 20px 10px; margin-top:1px;
	background:url(images/qna_a.png) 100% 0 no-repeat #ffffff;
	border:solid 1px #d5d5d6;
}
article .qna_view .qna_a .qna_aem{font-size:11px; color:#999999; display:block;}
article .qna_view .qna_a .qna_att{font-size:12px; color:#333333; display:block; margin-top:15px; line-height:16px;}

article .qna_write{}
article .qna_write .m_stitle{height:30px; line-height:30px; font-size:14px;}
article .qna_write .qna_w_wrap{
	height:39px; display:block; padding:0 11px 0 9px;
	background:#ffffff;
	border:solid 1px #d0d0d0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article .qna_write .qna_w_inp{
	width:100%; height:33px; line-height:33px; letter-spacing:-1px; border:0; background:inherit;
	font-size:14px; color:#333333;
	/*background:url(images/form_tt01.png) 0 50% no-repeat #ffffff;*/
	-webkit-background-size:25px 13px;
	background-size:25px 13px;
}
article .qna_write .qna_w_inp:focus{ background:inherit}
article .qna_write .file_wrap{position:relative; width:100%; margin-top:10px; display:block; text-align:center;}
article .qna_write .file_wrap input{width:63px; height:31px; opacity:0; position:absolute;}
article .qna_write .file_wrap .file_btn{
	width:62px; height:31px; text-align:center; line-height:31px; display:inline-block;
	font-size:12px; color:#333333;
	background:#ffffff;
	border:solid 1px #c7c7c7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article .qna_write .file_wrap .file_list{
	height:39px; margin-top:10px; line-height:39px; display:none; font-size:14px; text-align:left; padding:0 10px 0 10px;
	background:#eeeeee;
	border:solid 1px #d0d0d0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article .qna_write .file_wrap .file_list button{
	width:27px; height:27px; overflow:hidden; text-indent:-999px; margin-left:10px;
	border:solid 1px #afafaf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:url(images/btn_ser_del.png) 50% no-repeat #bababa;
	-webkit-background-size:15px;
	background-size:15px;
}

article .qna_view .file_wrap .file_list{
	height:39px; margin-top:10px; line-height:39px; display:block; font-size:14px; text-align:left; padding:0 10px 0 10px;
	background:#eeeeee;
	border:solid 1px #d0d0d0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article .qna_view .file_wrap .file_list button{
	width:27px; height:27px; overflow:hidden; text-indent:-999px; margin-left:10px;
	border:solid 1px #afafaf;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:url(images/btn_ser_del.png) 50% no-repeat #bababa;
	-webkit-background-size:15px;
	background-size:15px;
}
article .qna_write .qna_w_tex{
	display:block; padding:10px 11px 10px 8px; margin-top:10px;
	background:#ffffff;
	border:solid 1px #d0d0d0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
article .qna_write .qna_w_tex .qna_w_inp2{
	width:100%; height:200px; border:0; font-size:14px; color:#333333;
	/*background:url(images/form_tt02.png) 3px 4px no-repeat #ffffff;*/
	-webkit-background-size:25px 13px;
	background-size:25px 13px;
}
article .qna_write .qna_w_tex .qna_w_inp2:focus{background:inherit}
article .qna_write .qna_w_tex .qna_w_em{width:100%; font-size:11px; color:#999999; text-align:right; display:block;}

/* 출석이벤트 */
div#attendance_event{background: #fff}
div#attendance_event h2{height:30px; line-height: 30px; padding:7px 0 0 10px; font-size: 14px;}
div#attendance_event section.ev_roulette{width:100%; display: flex; justify-content: center; box-sizing: border-box; margin-top:30px}
div#attendance_event section.ev_roulette div.roulette_start{width:360px; height:360px; position: absolute; background: url(/images/m_roulette_start.png) no-repeat; z-index: 2; cursor: pointer; overflow: hidden; text-indent: -9999px}
div#attendance_event section.ev_roulette div.roulette_wrap{width: 360px; height: 360px; background: #0069b4; border-radius: 250px; padding: 5px; box-sizing: border-box; position: relative;}
div#attendance_event section.ev_roulette div.roulette_stop{width: 40px; z-index: 1; height: 50px; background: url(http://itgo.co.kr/images/roulette_stop.png) no-repeat; position: absolute; top: -15px; left: 160px; z-index: 1}
div#attendance_event section.ev_roulette div.roulette_cha{
	width: 100px; height: 100px; background: url(http://itgo.co.kr/images/roulette_cha.png) no-repeat; position: absolute; top: 130px; left: 130px; background-size: 100%;z-index: 1;}
div#attendance_event section.ev_roulette div.roulette_img{width: 350px; height: 350px; background: url(http://itgo.co.kr/images/roulette2.png) no-repeat; overflow: hidden; text-indent: -9999px; background-size: 100%}

div#attendance_event section.ev_calendar{display: flex; justify-content: center; flex-wrap: wrap; padding:0 10px; margin-top:30px}
div#attendance_event section.ev_calendar h3{width:100%; text-align: center; font-weight: 600; font-size: 16px}
div#attendance_event section.ev_calendar table{width: 100%; margin-top: 15px;}
div#attendance_event section.ev_calendar th{
	width: calc(100% / 7); height: 30px; line-height: 30px; background: url(http://itgo.co.kr/images/att_line.png) #f3f6f8 repeat-y; border-top: solid 1px #d6d9db; font-size: 12px; font-weight: 400; text-align: center
}
div#attendance_event section.ev_calendar th:nth-of-type(1){background: #f3f6f8}
div#attendance_event section.ev_calendar td{background: #fff}
div#attendance_event section.ev_calendar td.att_chk{background: url(/images/m_att_chk.png) 50% 50% #fff no-repeat}
div#attendance_event section.ev_calendar td span{
	height: 51px; display: block; padding: 10px; box-sizing: border-box; background: url(http://itgo.co.kr/images/att_line.png) repeat-y, url(http://itgo.co.kr/images/tab_line.png) repeat-x; font-size: 12px;
}
div#attendance_event section.ev_calendar td:nth-of-type(1) span{background:url(http://itgo.co.kr/images/tab_line.png) repeat-x}
div#attendance_event section.ev_calendar tr:nth-of-type(1) td span{background:url(http://itgo.co.kr/images/att_line.png) repeat-y}
div#attendance_event section.ev_calendar tr:nth-of-type(1) td:nth-of-type(1) span{background:none}

div#attendance_event section.ev_event{margin-top:10px; padding:10px}
div#attendance_event section.ev_event ul{display: flex; justify-content: space-between}
div#attendance_event section.ev_event ul>li{width: calc(100% / 3 - 5px); height: 175px; box-sizing: border-box; border: solid 1px #0069b4; background: #f3f6f8; text-align: center; padding: 30px 0 0 0; font-size: 18px; border-radius: 15px}
div#attendance_event section.ev_event ul>li>span{display: block; font-size: 14px; font-weight: 600}
div#attendance_event section.ev_event ul>li>span.mypt001{
	width: 100%; height: 40px; background: url(/images/m_mypt100.png) 50% 50% no-repeat; text-indent: -9999px; overflow: hidden; margin-top: 10px
}
div#attendance_event section.ev_event ul>li>span.mypt002{
	width: 100%; height: 40px; background: url(/images/m_mypt300.png) 50% 50% no-repeat; text-indent: -9999px; overflow: hidden; margin-top: 10px
}
div#attendance_event section.ev_event ul>li>span.mypt003{
	width: 100%; height: 40px; background: url(/images/m_mypt_gift.png) 50% 50% no-repeat; text-indent: -9999px; overflow: hidden; margin-top: 10px
}
div#attendance_event section.ev_event ul>li>button{display: block; font-size: 12px; background: #213a4a; padding: 10px 15px; color: #fff; border-radius: 20px; margin: 15px auto 0 auto; border:0}

div#attendance_event section.ev_notice{font-size: 14px; padding:10px 0 20px 10px; line-height: 24px}
div#attendance_event section.ev_notice ul{}
div#attendance_event section.ev_notice li{background: url(http://itgo.co.kr/images/list_st.png) 0 11px no-repeat; padding:0 0 0 10px}

/* 마이포인트 내역 */
section#mypoint{background: #fff}
section#mypoint .mypoint_st{padding:10px 0; font-size: 14px}
section#mypoint dl.mypoint_box{border: solid 1px #d6d9db; border-radius: 15px; text-align: center; padding:35px 0 0 0}
section#mypoint dl.mypoint_box dt{font-size: 16px; font-weight: 800}
section#mypoint dl.mypoint_box dd{}
section#mypoint dl.mypoint_box dd:nth-of-type(1){font-size: 36px; letter-spacing: -3px; color: #0069b4; margin-top:10px; font-weight: 800}
section#mypoint dl.mypoint_box dd:nth-of-type(1) em{font-size: 14px; color: #0069b4}
section#mypoint dl.mypoint_box dd:nth-of-type(2){width:100%; height:40px; line-height: 40px; background: #f3f6f8; margin-top:40px; font-size: 14px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
section#mypoint dl.mypoint_info{background: #f3f6f8; border-radius: 15px; margin-top:10px; padding:20px; box-sizing: border-box}
section#mypoint dl.mypoint_info dt{font-size: 16px; font-weight: 600; padding-bottom:10px}
section#mypoint dl.mypoint_info dd{font-size: 14px; line-height: 20px; background: url(http://itgo.co.kr/images/list_st.png) 0 9px no-repeat; padding:0 0 0 10px}
section#mypoint dl.mypoint_list{}
section#mypoint dl.mypoint_list ul{width:100%; display: flex; padding:20px 10px; border-bottom:solid 1px #dcdcdd; box-sizing: border-box}
section#mypoint dl.mypoint_list ul>li{width:50%; font-size: 14px; line-height: 20px}
section#mypoint dl.mypoint_list ul>li>span{display: block}
section#mypoint dl.mypoint_list ul>li>span:nth-of-type(1){font-weight: 600}
section#mypoint dl.mypoint_list ul>li>span:nth-of-type(2){color:#777}
section#mypoint dl.mypoint_list ul>li:nth-of-type(1){text-align: left; font-weight: 600}
section#mypoint dl.mypoint_list ul>li:nth-of-type(2){text-align: right}
section#mypoint dl.mypoint_list ul>li>span.pt_plus{color:#0069b4}

/* 쿠폰 내역 */
section#mycoupon{background: #fff}
section#mycoupon .mycoupon_st{padding:10px 0; font-size: 14px}
section#mycoupon dl.mycoupon_list{border-top:solid 1px #dcdcdd}
section#mycoupon dl.mycoupon_list ul{width:100%; display: flex; padding:20px 10px; border-bottom:solid 1px #dcdcdd; box-sizing: border-box}
section#mycoupon dl.mycoupon_list ul>li{width:50%; font-size: 14px; line-height: 20px}
section#mycoupon dl.mycoupon_list ul>li>span{display: block; font-weight: 400}
section#mycoupon dl.mycoupon_list ul>li>span:nth-of-type(1){}
section#mycoupon dl.mycoupon_list ul>li>span:nth-of-type(2){color:#777}
section#mycoupon dl.mycoupon_list ul>li:nth-of-type(1){text-align: left; font-weight: 600}
section#mycoupon dl.mycoupon_list ul>li:nth-of-type(2){text-align: right}
section#mycoupon dl.mycoupon_list .coupon_none{width:100%; text-align: center !important; font-weight: 400 !important}

/* 할인쿠폰 */
section#discoupon{background: #fff}
section#discoupon h2.discoupon_st{padding:10px 0; font-size: 16px; font-weight: 800}

section#discoupon dl.discou_is{margin: 20px 0 0 0}
section#discoupon dl.discou_is dl{margin: 100px 0 0 0}
section#discoupon dl.discou_is dt{font-size: 14px}
section#discoupon dl.discou_is dd{margin-top: 10px; font-size: 14px; background: #f3f6f8; padding: 20px; border-radius: 15px}

section#discoupon dl.discou_add{margin: 30px 0 0 0}
section#discoupon dl.discou_add dl{}
section#discoupon dl.discou_add dt{font-size: 14px}
section#discoupon dl.discou_add dd{margin-top: 10px; font-size: 14px; line-height: 18px}
section#discoupon dl.discou_add dd.discou_add_box{background: #f3f6f8; padding: 20px; display: flex; justify-content: space-between; border-radius: 15px}
section#discoupon dl.discou_add dd.discou_add_box input[type="text"]{
	width: calc(100% - 100px); height: 60px; box-sizing: border-box; text-indent: 10px; font-size: 24px; font-family: NanumEB; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border:0}
section#discoupon dl.discou_add dd.discou_add_box button{width: 100px; height: 60px; background: #0069b4; color: #fff; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border:0}

section#discoupon div.discou_list{margin: 30px 0 0 0}
section#discoupon div.discou_list span.discou_list_st{font-size: 14px}
section#discoupon div.discou_list ul{background: #f3f6f8; margin-top: 10px; padding: 20px; min-height: 170px; display: flex; flex-wrap: wrap; border-radius: 15px}
section#discoupon div.discou_list li{
	width: 158px; height: 80px; background: url(https://itgo.co.kr/images/coupon.png) no-repeat; box-sizing: border-box; padding: 40px 0 0 20px; font-size: 18px; font-family: NanumL; letter-spacing: -1px; margin: 0 20px 10px 0}

section#discoupon div.discou_his{margin: 40px 0 0 0}
section#discoupon div.discou_his dl{}
section#discoupon div.discou_his dl dt{font-size: 14px}
section#discoupon div.discou_his dl dd{}
section#discoupon div.discou_his dl dd ul{width: 100%; display: flex; padding: 20px 10px; border-top: solid 1px #dcdcdd; box-sizing: border-box; margin-top:10px}
section#discoupon div.discou_his dl dd ul li{width: 50%; font-size: 14px; line-height: 20px}
section#discoupon div.discou_his dl dd ul li:nth-child(1){text-align: left; font-weight: 600}
section#discoupon div.discou_his dl dd ul li:nth-child(2){text-align: right}
section#discoupon div.discou_his dl dd ul li span{display: block}


/* 전과정 수강 쿠폰 */
section#couponfree{background: #fff}
section#couponfree h2.couponfree_st{padding:10px 0; font-size: 16px; font-weight: 800}

section#couponfree dl.discou_is{margin: 20px 0 0 0}
section#couponfree dl.discou_is dl{margin: 100px 0 0 0}
section#couponfree dl.discou_is dt{font-size: 14px}
section#couponfree dl.discou_is dd{margin-top: 10px; font-size: 14px; background: #f3f6f8; padding: 20px; border-radius: 15px}

section#couponfree dl.discou_add{margin: 30px 0 0 0}
section#couponfree dl.discou_add dl{}
section#couponfree dl.discou_add dt{font-size: 14px}
section#couponfree dl.discou_add dd{margin-top: 10px; font-size: 14px; line-height: 18px}
section#couponfree dl.discou_add dd.discou_add_box{background: #f3f6f8; padding: 20px; display: flex; justify-content: space-between; border-radius: 15px}
section#couponfree dl.discou_add dd.discou_add_box input[type="text"]{
	width: calc(100% - 100px); height: 60px; box-sizing: border-box; text-indent: 10px; font-size: 24px; font-family: NanumEB; border-top-left-radius: 15px; border-bottom-left-radius: 15px; border:0}
section#couponfree dl.discou_add dd.discou_add_box button{width: 100px; height: 60px; background: #0069b4; color: #fff; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border:0}

section#couponfree div.discou_list{margin: 30px 0 0 0}
section#couponfree div.discou_list span.discou_list_st{font-size: 14px}
section#couponfree div.discou_list ul{background: #f3f6f8; margin-top: 10px; padding: 20px; min-height: 170px; display: flex; flex-wrap: wrap; border-radius: 15px}
section#couponfree div.discou_list li{
	width: 158px; height: 80px; background: url(https://itgo.co.kr/images/coupon.png) no-repeat; box-sizing: border-box; padding: 40px 0 0 20px; font-size: 18px; font-family: NanumL; letter-spacing: -1px; margin: 0 20px 10px 0}

section#couponfree div.discou_his{margin: 40px 0 0 0}
section#couponfree div.discou_his dl{}
section#couponfree div.discou_his dl dt{font-size: 14px}
section#couponfree div.discou_his dl dd{}
section#couponfree div.discou_his dl dd ul{width: 100%; display: flex; padding: 20px 10px; border-top: solid 1px #dcdcdd; box-sizing: border-box; margin-top:10px}
section#couponfree div.discou_his dl dd ul li{width: 50%; font-size: 14px; line-height: 20px}
section#couponfree div.discou_his dl dd ul li:nth-child(1){text-align: left; font-weight: 600}
section#couponfree div.discou_his dl dd ul li:nth-child(2){text-align: right}
section#couponfree div.discou_his dl dd ul li span{display: block}



/* footer */
footer{width:100%; text-align:center; margin-top:10px;}
footer .f_btn_set{}
footer .f_btn_set button{
	color:#eeeeee; font-size:12px; padding:8px 10px 7px 10px;
	background:#454953;
	border:solid 1px #272a2f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
footer .f_btn_set button a{color:#eeeeee;}
footer .f_copy{height:33px; line-height:33px; font-size:11px; color:#aeaeae; display:block; letter-spacing:normal;}
footer .f_copy2{font-size:11px; color:#aeaeae; display:block; letter-spacing:normal; padding:15px 0 0 0}
footer .f_copy .cus_center{
	font-size:11px; color:#aeaeae; padding-left:8px; margin-left:7px; letter-spacing:normal;
	background:url(images/sector.png) 0 50% no-repeat;
}

/* login */
#m_login_set{padding:7px;}
#m_login_set button{width:100%; padding: 10px; border: solid 1px #d5d5d6;}
#m_login_set .login{background: #fff;}
#m_login_set .logout{background: #eee;}

#login_set{text-align:center; padding:10px;}
#login_set .log_logo a{
	width:189px; height:28px; margin:70px auto 0 auto; text-indent:-999px; overflow:hidden; display:block;
	background:url(images/login_logo.png) 50% no-repeat;
	-webkit-background-size:189px 28px;
	background-size:189px 28px;
}

#login_set .log_form{margin-top:38px;}
#login_set .log_form .log_f001{height:52px; background:#ffffff; border:solid 1px #dadada; display:block; padding:0 10px 0 10px;}
#login_set .log_form .log_f001 .log_f001_inp{
	width:100%; height:46px; line-height:46px; font-size:16px; color:#999999; border:0; letter-spacing:-1px;
	-webkit-background-size:72px 16px;
	background-size:72px 16px;
}
/* 2014-08-20 placeholder�� ��ü
#login_set .log_form .log_f001 .log_f001_inp{
	width:100%; height:46px; line-height:46px; font-size:16px; color:#999999; border:0; letter-spacing:-1px;
	background:url(images/log_tt_id.png) 0 50% no-repeat;
	-webkit-background-size:72px 16px;
	background-size:72px 16px;
}

#login_set .log_form .log_f001 .log_f001_inp:focus{background:inherit;}*/
#login_set .log_form .log_f002{height:52px; background:#ffffff; border:solid 1px #dadada; display:block; margin-top:10px; padding:0 10px 0 10px;}
#login_set .log_form .log_f002 .log_f002_inp{
	width:100%; height:46px; line-height:46px; font-size:16px; color:#999999; border:0; letter-spacing:-1px;
	
	-webkit-background-size:84px 16px;
	background-size:84px 16px;
}
/*
#login_set .log_form .log_f002 .log_f002_inp{
	width:100%; height:46px; line-height:46px; font-size:16px; color:#999999; border:0; letter-spacing:-1px;
	background:url(images/log_tt_pw.png) 0 50% no-repeat;
	-webkit-background-size:84px 16px;
	background-size:84px 16px;
}
#login_set .log_form .log_f002 .log_f002_inp:focus{background:inherit;}
*/
#login_set .log_form .log_f003{width:50%; display:block; float:left; margin-top:24px;}
#login_set .log_form .log_f004{width:50%; display:block; float:left; margin-top:24px;}

#login_set .log_form .log_f005{width:100%; display:block;}
#login_set .log_form .log_f005 button.btn_login{width:100%; height:52px; background:#0168b5; border:0; margin-top:26px; font-size:16px; color:#fff;}
#login_set .log_form .log_f005 button.btn_login_nav{width:100%; height:52px; background:url(https://itgo.co.kr/images/ico_naver.png) calc(50% - 80px) 50% no-repeat #03c75a; border:0; margin-top:50px; font-size:16px; color:#000;}
#login_set .log_form .log_f005 button.btn_login_kako{width:100%; height:52px; background:url(https://itgo.co.kr/images/ico_kakao.png) calc(50% - 80px) 50% no-repeat #fee102; border:0; margin-top:10px; font-size:16px; color:#000;}

#login_set .f_ttset{margin-top:60px;}
#login_set .f_ttset .f_tt1{font-size:12px; color:#333333; letter-spacing:normal;}
#login_set .f_ttset .f_hr{border:0; border-top:solid 1px #e4e5e7 !important; border-bottom:solid 1px #ffffff !important; margin-top:20px;}
#login_set .f_ttset .f_copy{height:33px; line-height:33px; font-size:11px; color:#333333; display:block; letter-spacing:normal; margin-top:1px;}
#login_set .f_ttset .f_copy .cus_center{
	font-size:11px; color:#333333; padding-left:8px; margin-left:7px; letter-spacing:normal;
	background:url(images/sector2.png) 0 50% no-repeat;
}


#gototop{
	width:43px; height:44px; position:fixed; right:0; bottom:20px; padding:2px 0 2px 2px;
	background:#ffffff;
	border:solid 1px #aeaeae; border-right:0 !important;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
#gototop a{
	width:100%; height:100%; display:block; text-align:center; font-size:14px; line-height:55px; overflow:hidden;
	background:url(images/top_arrow.png) 50% 8px no-repeat #f0f0f0;
	-webkit-background-size:9px 8px;
	background-size:9px 8px;
}


article .class_list .class_stitle .class_depth{
	width:250px; height:33px; display:block;margin-left:10px; overflow:hidden; float:left;line-height:33px;
}
article .class_list .class_stitle .class_depth span{
	font-weight:bold;color:#0168b5
}
.class-sample{position:absolute;margin-top:-30px;right:0; padding-right: 20px;}
.class-sample button{border:1px;background:#0073c3;color:#fff;padding:5px 10px}


/* 플레이어 */
#ply_cont{display: flex; justify-content: center}

/*플레이어-리스트*/
#ply_cont .ply_list{height:100%; padding:20px 20px 0 0}
#ply_cont .ply_list dl{}

#ply_full .ply_info dl.ply_list{width:100%; height:457px; padding:0 0 0 20px; overflow-y: scroll; margin-top:20px}
#ply_full .ply_info dl.ply_list::-webkit-scrollbar{width:5px;}
#ply_full .ply_info dl.ply_list::-webkit-scrollbar-thumb{background: #d6d9db; border-radius:5px}

.ply_list{max-width:400px}
.ply_list dd{padding:7px; display: flex; line-height: 20px; border-bottom:solid 1px #eee}
.ply_list dd a{font-size: 14px}
.ply_list dd:hover{font-weight: 800}
.ply_list dd.chk{background: #f3f6f8}
.ply_list dd.chk a{color:#777}
.ply_list dd.ply_act{font-weight: 800}


#ply_cont .ply_info{padding:20px}

/*플레이어-플레이어바*/
.play_bar{padding:20px 10px 30px 10px; background: #1e242c; position: relative;display:block; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; user-select: none}
.play_bar .pro_bar{cursor: pointer; position:relative; color: #fff; margin-bottom:20px}
.play_bar .pro_bar .pro_point{width:12px; height:12px; background: rgba(255,255,255,0); border-radius:6px; position: absolute; margin:-4px 0 0 -6px; z-index: 99999; transition: background .3s ease;}
.play_bar .pro_bar .pro_prog{width:100%; height:4px; background: rgba(255,255,255,.5); border-radius: 2px}
.play_bar .pro_bar .pro_prog .pro_prog_ing{height:4px; background: #fff; display: block; border-radius: 2px}

.play_bar em{display: none}
.play_bar ul{display: flex; font-size: 12px}
.play_bar ul>li{}
.play_bar ul.play_bar_left{position: absolute;}
.play_bar ul.play_bar_right{position: absolute; bottom:20px; right:20px}
.play_bar .plybar_play{width:40px; height:40px; background: url(../images/ply_play.png) 50% no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer}
.play_bar .plybar_play:hover{background: url(../images/ply_play.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease;}

.play_bar .plybar_pause{width:40px; height:40px; background: url(../images/ply_pause.png) 50% no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer}
.play_bar .plybar_pause:hover{background: url(../images/ply_pause.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease;}


.play_bar .plybar_next{width:40px; height:40px; background: url(../images/ply_next.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_next:hover{background: url(../images/ply_next.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease;}
.play_bar .plybar_next em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -28px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c
}
.play_bar .plybar_sound{width:40px; height:40px; background: url(../images/ply_sound.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_sound:hover{background: url(../images/ply_sound.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease;}
.play_bar .plybar_sound em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -25px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c
}
.play_bar .plybar_son_mute{background: url(../images/ply_sound_mute.png) 50% no-repeat}
.play_bar .plybar_son_mute:hover{background: url(../images/ply_sound_mute.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease;}

.plybar_sound_warp{width:40px; transition: width .3s ease; overflow: hidden}
.play_bar .plybar_sodbar_wrap{width:50px; position: relative; cursor:pointer; margin:-28px 0 0 40px; padding:6px 0}
.play_bar .plybar_sodbar_wrap .plybar_sodbar{width:50px; height:4px; background: rgba(255,255,255,0.5); border-radius: 2px; overflow: hidden; text-indent: -9999px;}
.play_bar .plybar_sodbar_wrap .plybar_sodbar em{background: #fff; display: block}
.play_bar .plybar_sodbar_wrap .plybar_sodpoint{
	width:12px; height:12px; background: rgba(255,255,255,0); border-radius: 6px; position: absolute; margin-top:-4px; text-indent: -9999px; transition: background .3s ease;
}

.play_bar .plybar_time{line-height: 20px; color: #fff; margin-top:10px; outline: none;}

.play_bar dl.plybar_speed{display: flex; justify-content: center; margin:30px 0 0 0}
.play_bar dl.plybar_speed dd{padding:4px; cursor: pointer; outline: none;}
.play_bar dl.plybar_speed dd span{width:12px; height:12px; display: block; background: rgba(255,255,255,.5); border-radius: 6px; outline: none;}
.play_bar dl.plybar_speed dd span:hover{animation-duration: .3s;  animation-name: slidein;}
@keyframes slidein {
  from {transform: scale(1.5);}
  to {transform: scale(1);}
}
.play_bar dl.plybar_speed dd span:hover+em{
display:block
}
.play_bar dl.plybar_speed dd.active span{background: rgba(255,255,255,1)}
.play_bar dl.plybar_speed dd span>em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-39px 0 0 -28px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c; outline: none;
}

.play_bar .plybar_help{width:40px; height:40px; background: url(../images/ply_help.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_help:hover{background: url(../images/ply_help.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease;}
.play_bar .plybar_help em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -12px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c; outline: none;
}

.play_bar .plybar_wide{width:40px; height:40px; background: url(../images/ply_wide.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_wide:hover{background: url(../images/ply_wide.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease;}
.play_bar .plybar_wide em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -12px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c; outline: none;
}

.play_bar .plybar_default{width:40px; height:40px; background: url(../images/ply_wide_m.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_default:hover{background: url(../images/ply_wide_m.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease;}
.play_bar .plybar_default em{
	width:85px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -25px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c; outline: none;
}

.play_bar .plybar_max{width:40px; height:40px; background: url(../images/ply_max.png) 50% no-repeat; cursor: pointer}
.play_bar .plybar_max:hover{background: url(../images/ply_max.png) 50% no-repeat rgba(255,255,255,.1); border-radius: 20px; transition: background .5s ease;}
.play_bar .plybar_max em{
	width:60px; height:25px; line-height: 25px; position: absolute; background: #fff; font-size: 12px; margin:-35px 0 0 -12px;
	border-radius: 20px; text-align: center; border: solid 2px #1e242c; outline: none;
}
/* 플레이어-썸네일 */
#ply_cont .ply_info .thumb_box{width:1280px; height:720px; display: block; position: relative}
#ply_cont .ply_info .thumb_box .thumb_tt{
	height:50px; line-height: 50px; position: absolute; top:40px; right:40px; background: #0069b4; padding:0 50px; border-radius: 30px; color: #fff; font-family:  NanumB
}
#ply_cont .ply_info .thumb_box .thumb_img{}

/*플레이어-동영상*/
#ply_cont .ply_info .ply_mov{display:inline-block}

#ply_full .ply_mov{background: #000}
#ply_full .ply_mov .ply_mov_wrap{}
/*#ply_full .ply_mov .ply_mov_wrap video{width:100%; max-width:1380px}*/

/*플레이어-강좌정보*/
#ply_cont .ply_info .ply_set{}
#ply_full .ply_info{max-width:1280px; display: flex; justify-content: space-between; margin: 0 auto}
#ply_full .ply_info .ply_set{width:70%}
 .ply_sample{position: absolute; width:100%; height:50px; line-height: 50px; text-align: center; background: rgba(0,105,180,0.8); color: #fff}

.ply_info .st_wrap{display: flex}
.ply_info .st_wrap .itgo_pro{width:78px; height:78px; border-radius: 39px; border-radius: 40px; overflow: hidden; display: block; cursor: pointer}
.ply_info .st_wrap .itgo_pro .tea_pop{border:solid 1px #d6d9db; position: absolute; font-size: 14px; border-radius: 5px; background: #fff; margin:60px 0 0 -16px;display:none}
.ply_info .st_wrap .itgo_pro .tea_pop .tea_pop_wrap{display: block; position: relative; line-height: 24px;}
.ply_info .st_wrap .itgo_pro .tea_pop .pop_point{width:10px; height:10px; background: url(/images/pop_point.png) no-repeat; position: absolute; left:-1px; top:-1px}
.ply_info .st_wrap .itgo_pro .tea_pop .tea_pop_wrap .pop_box{}
.ply_info .st_wrap .itgo_pro .tea_pop .tea_pop_wrap .pop_box .pop_box_st{
	height:40px; line-height: 40px; background: #f3f6f8; padding:0 20px; display: block; border-top-left-radius: 5px; border-top-right-radius: 5px}
.ply_info .st_wrap .itgo_pro .tea_pop .tea_pop_wrap .pop_box ul{padding:20px}
.ply_info .st_wrap .itgo_pro .tea_pop .tea_pop_wrap .pop_box ul>li{}

.ply_info .st_wrap h2{font-size: 18px; padding:15px 0 0 15px; line-height: 24px}
.ply_info .st_wrap h2 .st_tea{font-size: 14px; font-weight: 400}
.ply_info .st_wrap button{margin:10px 0 0 5px}
.ply_info .st_wrap .btn_fav{width:113px; min-width:113px; height:33px; background: #fff; border:solid 2px #d6d9db; border-radius: 20px}
.ply_info .st_wrap .btn_fav.atvice{background: #0069b4; color:#fff;border: solid 2px #0069b4;}
.ply_info .st_wrap .fav_pop{border:solid 1px #d6d9db; position: absolute; font-size: 14px; border-radius: 5px; background: #fff; margin:33px 0 0 -12px;display:none}
.ply_info .st_wrap .fav_pop .fav_pop_wrap{padding:20px; display: block; position: relative; line-height: 24px;}
.ply_info .st_wrap .fav_pop .pop_point{width:10px; height:10px; background: url(/images/pop_point.png) no-repeat; position: absolute; left:-1px; top:-1px}
.ply_info .st_wrap .btn_doc{width:81px; min-width:81px; height:33px; background: #0069b4; color:#fff; border-radius: 20px}


.ply_info .tag_wrap{display: flex; justify-content: right; padding-top:15px}
.ply_info .tag_wrap dl{display: flex}
.ply_info .tag_wrap dl>dd{margin:0 10px 0 0}
.ply_info .tag_wrap dl>dd a{font-size:14px; padding:0 10px}
.ply_info .class_code{text-align: right; background: #f3f6f8; height:30px; line-height: 30px; border-radius: 15px; padding:0 10px; font-size: 14px}

.ply_info .ply_tab{width:100%; margin-top:30px; font-size: 14px; border-top:solid 1px #d6d9db}
.ply_info .ply_tab tr>th{padding:0 10px; font-weight: 400; background:url(/images/tab_line.png) 0 100% repeat-x #f3f6f8}
.ply_info .ply_tab tr>td{padding:15px 20px; background:url(/images/tab_line.png) 0 100% repeat-x}
.ply_info .ply_tab tr:nth-last-child(1)>th{background-image: none; border-bottom:solid 1px #d6d9db}
.ply_info .ply_tab tr:nth-last-child(1)>td{background-image: none; border-bottom:solid 1px #d6d9db}
.ply_info .ply_tab button{width:85px; height:33px; border-radius: 20px; margin-left:5px}
.ply_info .ply_tab .ply_on{background: #0069b4; color: #fff}
.ply_info .ply_tab .class_cer{}
.ply_info .ply_tab .class_cer .cer_pop{border:solid 1px #d6d9db; position: absolute; font-size: 14px; border-radius: 5px; background: #fff; margin:23px 0 0 -11px;display:none}
.ply_info .ply_tab .class_cer .cer_pop .cer_pop_wrap{padding:20px; display: block; position: relative; line-height: 24px;}
.ply_info .ply_tab .class_cer .cer_pop .pop_point{width:10px; height:10px; background: url(/images/pop_point.png) no-repeat; position: absolute; left:-1px; top:-1px}

.ply_info .ply_note{background: #f3f6f8; border-radius: 15px; padding:20px; margin-top:50px; font-size: 14px; line-height: 20px}
.ply_info .ply_note dt{font-family: NanumB; margin-bottom:10px}

#ply_mov_basic{position: relative}

footer {}
footer #code_bottom{width:100%; display:block; text-align:center; font-size:11px}
footer #code_bottom .copy_info{display:flex; justify-content: center; margin:20px 0 0 0}
footer #code_bottom .copy_info a{padding:20px; color: #fff}
footer #code_bottom .copy_tt{letter-spacing: -1px; display: block; padding:20px 0; line-height: 16px; font-size: 10px; color:#fff}


/* 수강권 등록 */
div#sugang_regist{background: #fff;padding-bottom:20px}
div#sugang_regist h2{height:30px; line-height: 30px; padding:7px 0 0 10px; font-size: 14px;}
div#sugang_regist .sub_tip2 {
    font-size: 14px;
    margin-top: 20px;
    line-height: 20px;
	padding:0 10px 0 10px;
}
div#sugang_regist section.ev_regist{width:80%; display: flex; justify-content: center; box-sizing: border-box; margin-top:30px;flex-direction: column}
div#sugang_regist section.ev_regist .ev_regist_wrap{width:320px; height:198px; background: url(/images/online_edu.png)  no-repeat; z-index: 2;overflow: hidden;}
div#sugang_regist section.ev_regist .ev_regist_num_wrap{position: relative; }
.edu_p_dd{margin:30px 0 0 10px}
div#sugang_regist section.ev_regist .class_card{margin:40px 0 0 50px}
.edu_p_dd .edu_p_inpset{display: flex}
.edu_p_dd .edu_p_inpset .edu_inp{
	width:220px; height:35px; background: #f3f6f8;
	border-top-left-radius: 15px; border-bottom-left-radius: 15px; outline: none; text-indent: 15px; font-size: 14px; font-family: NanumEB;
	border:solid 1px rgba(0,0,0,0)
}
.edu_p_dd .edu_p_inpset .edu_inp:focus{border:solid 1px #0069b4}
.edu_p_dd .edu_p_inpset .btn_inp{width:60px; background: #0069b4; border-top-right-radius: 15px; border-bottom-right-radius: 15px; color: #fff}
.edu_p_dd .edu_p_tt{margin-top:20px}
.edu_p_dd .edu_p_tt li{line-height: 24px; font-size: 14px; background: url(https://itgo.co.kr/images/doc_st.gif) 0 10px no-repeat; padding-left:10px;}

.edu_p2{display: flex; flex-wrap: wrap; margin-top:100px}
.edu_p2 .edu_p_gr{width:412px; height:255px; background: url(/images/online_edu2.png) 50% 20px no-repeat; margin-top:20px}
.edu_p2 .edu_p_dd .edu_p_inpset{display: flex; background: #f3f6f8; border-top-left-radius: 15px; border-bottom-left-radius: 15px}