@charset "utf-8";

@import url("iscream.css");
@import url("https://download.i-scream.co.kr/font/GmarketSans.css");
#body {
	min-width: 1390px;
	position: relative
}
/** #gnb  h1{position:absolute;top:60px;left:0;z-index:150;} **/
#gnb  h1 {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 150;
}
#gnb {
	background: #fafafa;
	border-bottom: 1px solid #d0d0d0;
	font-size: 12px
}
#gnb .gnb {
	position: relative;
	z-index: 700;
	width: 960px;
	margin: 0 auto;
	height: 29px;
}
#gnb .gnb li a {
	color: #666;
}
#header .gnb .top_site {
	float: left;
}
#header .gnb .top_site li {
	float: left;
	border-right: 1px solid #d0d0d0;
}
#header .gnb .top_site li img {
	vertical-align: middle;
	*padding-top: 8px;
}
#header .gnb .top_site li a {
	display: block;
	line-height: 29px;
	padding: 0 10px;
}
#header .gnb .top_site li:first-child a {
	padding-left: 0;
}
#header .gnb .top_site li.active {
	background: #fff;
	padding-bottom: 1px;
}
#header .gnb .top_site li.active a {
	color: #1e1e1e
}
#header .gnb .top_link {
	position: absolute;
	top: 0;
	right: 0;
}
#header .gnb .top_link li {
	float: left;
	line-height: 29px;
}
#header .gnb .top_link li span {
	padding: 0 6px;
	color: #d0d0d0;
	font-size: 11px;
}
#header .gnb .top_link li .bg_toggle {
	display: inline-block;
	width: 11px;
	height: 11px;
	padding: 0;
	vertical-align: middle;
	background: url('../../images/front/common/bg_allmenu.gif') right 0 no-repeat;
}
#header .gnb .top_link li .open {
	color: #ff7350;
}
#header .gnb .top_link li .open .bg_toggle {
	background-position: 0 -11px;
}
#allmenu_view {
	display: none;
	background: #fff;
	position: absolute;
	left: 0;
	top: 29px;
	width: 958px;
	padding: 40px 0;
	z-index: 800;
	border: 1px solid #d0d0d0;
}
#allmenu_view .allmenu_list {
	overflow: hidden;
	padding: 0 0px 0 25px;
	background: url('../../images/front/common/bg_allmenu_y.gif') 0 0 repeat-y;
}
#allmenu_view .allmenu_list dl {
	float: left;
	width: 132px
}
#allmenu_view .allmenu_list dl dt {
	padding: 0 0 26px 20px;
	font-size: 15px;
	color: #5a5a5a;
	font-weight: bold;
}
#allmenu_view .allmenu_list dl dd li + li { margin-top:16px; }
#allmenu_view .allmenu_list dl dd li a {
	display: block;
	padding-left: 20px;
}
#allmenu_view .allmenu_list dl dd li a:hover {
	color: #ff643c;
	background: url('../../images/front/common/bg_allmenu_on.png') 12px	center no-repeat;
}
#allmenu_view .btn_close {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
#header .lnb_bg {
	display: block;
	position: absolute;
	top: 120px;
	left: 0;
	z-index: 500;
	width: 100%;
	height: 0px;
	background: url("../../images/front/common/bg_lnb_x.png") 0 bottom repeat-x;
}
#lnb {
	position: relative;
	z-index: 500;
	height: 86px;
	border-bottom: 4px solid #ff643c
}
#lnb:after {
	content: "";
	display: block;
	clear: both;
}
#lnb .lnb {
	width: 960px;
	margin: 0 auto;
	height: 90px;
}
#lnb .lnb>ul {
	float: left;
	padding-left: 290px;
}
#lnb .lnb>ul>li {
	float: left;
}
#lnb .lnb>ul>li>strong {
	display: block;
	height: 90px;
	line-height: 117px;
	padding: 0 20px 4px;
	font-size: 18px;
	color: #1e1e1e;
}
#lnb .lnb>ul>li>strong a {
	display: block;
	height: 90px;
	padding-bottom: 5px;
	color: #1e1e1e;
	white-space: nowrap;
}
#lnb .lnb>ul>li>strong a:hover, #lnb .lnb>ul>li.on>strong a, #lnb .lnb>ul>li.active>strong a {
	color: #ff643c;
	background: url("../../images/front/common/bg_lnb_this.png") center 79px no-repeat;
}
#lnb .lnb li div {
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 500;
	width: 100%;
	background: url("../../images/front/common/bg_lnb_x.png") 0 bottom repeat-x;
	display: none;
	padding: 30px 0 15px;
}
#lnb .lnb li div ul {
	width: 745px;
	margin: 0 auto;
	padding-left: 215px;
}
#lnb .lnb li div li {
	float: left;
	width: 150px;
	font-size: 15px;
	padding-bottom: 20px;
}
#lnb .lnb li div li a {
	padding-left: 10px;
	background: url('../../images/front/common/bg_lnb_dot.gif') 0 center no-repeat;
}
#lnb .lnb li div li a:hover {
	color: #fa6e46;
}
#header #lnb .pick {
	float: right;
	width: 110px;
	height: 32px;
	margin-top: 42px;
	background: url("../../images/front/common/bg_pic.png") 0 0 no-repeat;
	font-weight: bold;
}
#header #lnb .pick a {
	float: left;
	display: block;
	width: 55px;;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	color: #666
}
#header #lnb .pick a.active {
	color: #fff;
}
.header-bnn {
	position:absolute;
	width:230px;
	height:100px;
	right:0;
	top:0;
}
.header-bnn a { display:block; }
.header-bnn a img { display:block; }

/* 20160324 초중등 통합 head css 
#lnb .lnb201603 {width:960px;margin:0 auto;height:90px;}
#lnb .lnb201603 > ul{float:left;padding-left:456px;}
#lnb .lnb201603 > ul > li{float:left;}
#lnb .lnb201603 > ul > li > strong{display:block;height:90px;line-height:117px;padding:0 20px 4px;font-size:18px;color:#1e1e1e;}
#lnb .lnb201603 > ul > li > strong a{display:block;height:90px;padding-bottom:5px;color:#1e1e1e;white-space:nowrap;}
#lnb .lnb201603 > ul > li > strong a:hover,
#lnb .lnb201603 > ul > li.on > strong a,
#lnb .lnb201603 > ul > li.active > strong a{color:#ff643c;background:url("../../images/front/common/bg_lnb_this.png") center 79px no-repeat;}
#lnb .lnb201603 li div{position:absolute;top:90px;left:0;z-index:500;width:100%;background:url("../../images/front/common/bg_lnb_x.png") 0 bottom repeat-x;display:none;padding:30px 0 15px;}
#lnb .lnb201603 li div ul{width:745px;margin:0 auto;padding-left:535px;}
#lnb .lnb201603 li div li{float:left;width:150px;font-size:15px;padding-bottom:20px;}
#lnb .lnb201603 li div li a{padding-left:10px;background:url('../../images/front/common/bg_lnb_dot.gif') 0 center no-repeat;}
#lnb .lnb201603 li div li a:hover{color:#fa6e46;}*/

/* 20170327 폰트변경 메뉴이미지 head css 
#lnb .lnb20170322 {width:960px;margin:0 auto;height:90px;}
#lnb .lnb20170322 > ul{float: right;}
#lnb .lnb20170322 > ul > li{float:left;}
#lnb .lnb20170322 > ul > li > strong{display:block; height:90px;}
#lnb .lnb20170322 > ul > li > strong.depth0101 a {background-position:0 47px; width:67px;}
#lnb .lnb20170322 > ul > li > strong.depth0201 a {background-position:-102px 47px; width:67px;}
#lnb .lnb20170322 > ul > li > strong.depth0301 a {background-position:-204px 47px; width:50px;}
#lnb .lnb20170322 > ul > li > strong.depth0401 a {background-position:-289px 47px; width:67px;}
#lnb .lnb20170322 > ul > li > strong.depth0501 a {background-position:-391px 47px; width:87px;}
#lnb .lnb20170322 > ul > li > strong a {display:block; height:90px; background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_menu.png) no-repeat; text-indent:-9999px; margin-left:35px;}
#lnb .lnb20170322 > ul > li > strong a:hover {display:block; position:relative; background-image:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_menu_over.png), url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/common/bg_lnb_this.png); background-repeat: no-repeat, no-repeat;}
#lnb .lnb20170322 > ul > li > strong.depth0101 a:hover {background-position:0 47px, center 79px; width:67px;}
#lnb .lnb20170322 > ul > li > strong.depth0201 a:hover {background-position:-102px 47px, center 79px; width:67px;}
#lnb .lnb20170322 > ul > li > strong.depth0301 a:hover {background-position:-204px 47px, center 79px; width:50px;}
#lnb .lnb20170322 > ul > li > strong.depth0401 a:hover {background-position:-289px 47px, center 79px; width:67px;}
#lnb .lnb20170322 > ul > li > strong.depth0501 a:hover {background-position:-391px 47px, center 79px; width:87px;}
#lnb .lnb20170322 li div{position:absolute;top:90px;left:0;z-index:500;width:100%;background:url("../../images/front/common/bg_lnb_x.png") 0 bottom repeat-x;display:none;padding:30px 0 15px;}
#lnb .lnb20170322 li div ul{width:745px;margin:0 auto;padding-left:535px;}
#lnb .lnb20170322 li div li{float:left;width:150px;font-size:15px;padding-bottom:20px;}
#lnb .lnb20170322 li div li a{padding-left:10px;background:url('../../images/front/common/bg_lnb_dot.gif') 0 center no-repeat;}
#lnb .lnb20170322 li div li a:hover{color:#fa6e46;}*/

/* 20170406 메뉴명변경 head css */
#lnb .lnb20170406 {
	width: 960px;
	margin: 0 auto;
	height: 90px;
}
#lnb .lnb20170406>ul {
	float: right;
}
#lnb .lnb20170406>ul>li {
	float: left;
}
#lnb .lnb20170406>ul>li>strong {
	display: block;
	height: 90px;
}
#lnb .lnb20170406>ul>li>strong.depth0101 a {
	background-position: 0 47px;
	width: 67px;
}
#lnb .lnb20170406>ul>li>strong.depth0201 a {
	background-position: -102px 47px;
	width: 67px;
}
#lnb .lnb20170406>ul>li>strong.depth0301 a {
	background-position: -204px 47px;
	width: 83px;
}
#lnb .lnb20170406>ul>li>strong.depth0401 a {
	background-position: -322px 47px;
	width: 67px;
}
#lnb .lnb20170406>ul>li>strong.depth0501 a {
	background-position: -424px 47px;
	width: 87px;
}
#lnb .lnb20170406>ul>li>strong a {
	display: block;
	height: 90px;
	background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_menu201704.png) no-repeat;
	text-indent: -9999px;
	margin-left: 35px;
}
#lnb .lnb20170406>ul>li>strong a:hover {
	display: block;
	position: relative;
	background-image:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_menu_over201704.png),
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/common/bg_lnb_this.png);
	background-repeat: no-repeat, no-repeat;
}
#lnb .lnb20170406>ul>li>strong.depth0101 a:hover {
	background-position: 0 47px, center 79px;
	width: 67px;
}
#lnb .lnb20170406>ul>li>strong.depth0201 a:hover {
	background-position: -102px 47px, center 79px;
	width: 67px;
}
#lnb .lnb20170406>ul>li>strong.depth0301 a:hover {
	background-position: -204px 47px, center 79px;
	width: 83px;
}
#lnb .lnb20170406>ul>li>strong.depth0401 a:hover {
	background-position: -322px 47px, center 79px;
	width: 67px;
}
#lnb .lnb20170406>ul>li>strong.depth0501 a:hover {
	background-position: -424px 47px, center 79px;
	width: 87px;
}
#lnb .lnb20170406 li div {
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 500;
	width: 100%;
	background: url("../../images/front/common/bg_lnb_x.png") 0 bottom	repeat-x;
	display: none;
	padding: 30px 0 15px;
}
#lnb .lnb20170406 li div ul {
	width: 745px;
	margin: 0 auto;
	padding-left: 535px;
}
#lnb .lnb20170406 li div li {
	float: left;
	width: 150px;
	font-size: 15px;
	padding-bottom: 20px;
}
#lnb .lnb20170406 li div li a {
	padding-left: 10px;
	background: url('../../images/front/common/bg_lnb_dot.gif') 0 center no-repeat;
}
#lnb .lnb20170406 li div li a:hover {
	color: #fa6e46;
}

/* header2019 */
#header2019, #header2019 * {
	font-family: 'NanumSquareRound', "나눔바른고딕", "Nanum Gothic", "나눔고딕", "맑은고딕",
		"돋움", "Dotum";
}
#header2019 #util {
	background: #fafafa;
	border-bottom: 1px solid #d0d0d0;
	font-size: 13px
}
#header2019 #util .util {
	position: relative;
	width: 1180px;
	z-index: 810;
	margin: 0 auto;
	height: 35px;
}
#header2019 #util .util li a {
	color: #777;
	font-weight: bold;
}
#header2019 .util .top_site {
	float: left;
}
#header2019 .util .top_site li {
	float: left;
	border-right: 1px solid #d0d0d0;
}
#header2019 .util .top_site li img {
	vertical-align: middle;
	*padding-top: 10px;
}
#header2019 .util .top_site li a {
	display: block;
	line-height: 15px;
	padding: 10px;
}
#header2019 .util .top_site li:first-child a {
	padding-left: 0;
}
#header2019 .util .top_site li.active {
	background: #fff;
}
#header2019 .util .top_site li.active a {
	color: #1e1e1e
}
#header2019 .util .top_link {
	position: absolute;
	top: 0;
	right: 0;
}
#header2019 .util .top_link li {
	float: left;
	line-height: 15px;
	padding: 10px 10px 10px 11px;
	position: relative;
}
#header2019 .util .top_link li.sch_toggle {
	display:none;
	padding:8px 14px;
}
#header2019 .util .top_link li:last-child {
	padding-right: 0;
}
#header2019 .util .top_link li a {
	display: block;
}
#header2019 #util .util .top_link li a:hover, #header2019 #util .util .top_link li a:focus {
	color: #f96742;
}
#header2019 .util .top_link li+li+li:before {
	content: '';
	width: 1px;
	height: 11px;
	background: #ccc;
	position: absolute;
	top: 12px;
	left: 0;
}
#header2019 .util .top_link li .btn_allmenu {
	position: relative;
	padding-right: 18px;
	display: block;
}
#header2019 .util .top_link li .bg_toggle {
	position: absolute;
	top: 1px;
	right: 0;
	display: block;
	width: 13px;
	height: 2px;
	padding: 0;
	vertical-align: middle;
	background: #777;
}
#header2019 .util .top_link li .bg_toggle:before, #header2019 .util .top_link li .bg_toggle:after {
	content: '';
	position: absolute;
	right: 0;
	display: block;
	width: 13px;
	height: 2px;
	padding: 0;
	vertical-align: middle;
	background: inherit;
}
#header2019 .util .top_link li .bg_toggle:before {
	top: 5px;
}
#header2019 .util .top_link li .bg_toggle:after {
	top: 10px;
}
#header2019 .util .top_link li .open {
	color: #f96742;
}
#header2019 .util .top_link li a:hover .bg_toggle, #header2019 .util .top_link li .open .bg_toggle {
	background: #f96742;
}
#header2019 #allmenu_view {
	display: none;
	background: #fff;
	position: absolute;
	left: 0;
	top: 35px;
	width: 1180px;
	box-sizing: border-box;
	padding: 40px 25px;
	z-index: 800;
	border: 1px solid #d0d0d0;
}
#header2019 #allmenu_view.allmenu_view2024{
	left: 0;
    width: 1206px;
}
#header2019 #allmenu_view .allmenu_list {
	overflow: hidden;
	background: none;
	display: table;
	width: 100%;
	padding: 0;
	table-layout: fixed;
}
#header2019 #allmenu_view .allmenu_list dl {
	display: table-cell;
	width: auto;
	float: none;
}
#header2019 #allmenu_view .allmenu_list dl+dl {
	border-left: 1px solid #e5e5e5;
}
#header2019 #allmenu_view .allmenu_list dl dt {
	padding: 0 0 26px 20px;
	font-size: 15px;
	color: #5a5a5a;
	font-weight: bold;
}
#header2019 #allmenu_view .allmenu_list dl dd li a {
	display: block;
	padding-left: 20px;
}
#header2019 #allmenu_view .allmenu_list dl dd li a:hover, #header2019 #allmenu_view .allmenu_list dl dd li a:focus {
	color: #ff643c;
	background: url('/images/front/common/bg_allmenu_on.png') 12px center no-repeat;
}
#schArea {
	height: 100px;
	width: 1180px;
	margin: 0 auto;
	position: relative;
}
#schArea h1 {
	position: absolute;
	top: 0px;
	left: calc(50% - 590px);
	z-index: 150;
}

/* 검색, 인기검색어 */
#schArea .top_bar {
	overflow: hidden;
	width: 460px;
	margin: 0 auto;
	padding-top: 20px;
}
#schArea .top_bar .search {
	border: 2px solid #f96742;
	border-radius: 2px;
}
#schArea .top_bar input {
	float: left;
}
#schArea .top_bar input.inp_s {
	width: 389px;
	outline: 0;
	color: #f96742;
	height: 36px;
	padding: 0 10px 0 15px;
	line-height: 41px/9;
	font-size: 15px;
	vertical-align: middle;
	background: url("/asset/images/front/main/bg_msearch.png") 0 0 no-repeat;
}
#schArea .top_bar input.inp_s::-webkit-input-placeholder {
	color: #bbb
} /* Webkit */
#schArea .top_bar input.inp_s:-moz-placeholder {
	color: #bbb
} /* Firefox 4-18 */
#schArea .top_bar input.inp_s::-moz-placeholder {
	color: #bbb
} /* Firefox 19+ */
#schArea .top_bar input.inp_s:-ms-input-placeholder {
	color: #bbb
} /* IE10+ */
#schArea .top_bar input.btn_search {
	width: 42px;
	height: 36px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background: url("/asset/images/front/main/btn_gsch.png") center center no-repeat #fff;
	cursor: pointer;
}
#schArea .top_bar input.btn_search:hover {
	background: url("/asset/images/front/main/btn_gsch_over.png") center center no-repeat #fff;
}
#wrap_middle .top_bar input.btn_search:hover {
	background: url("/asset/images/front/main/btn_gsch_mid_over.png") center center no-repeat #fff;
}
#schArea .keyword_list {
	position: relative;
	text-align: center;
	padding-top: 10px;
}
#schArea .keyword_list a {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	color:  #444;
	margin: 0 10px;
	border-bottom: 1px solid transparent;
}
#schArea .keyword_list a:hover {
	border-bottom: 1px solid #777;
}
#header2019 #gnb {
	position: relative;
	z-index: 500;
	height: 58px;
	background:#fff;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #ff643c
}
#header2019 #gnb>ul {
	text-align: center;
	float: none;
	padding-left: 0;
	width: 1180px;
	margin: 0 auto;
	height: 58px;
	position: relative;
}
#header2019 #gnb>ul>li {
	float: none;
	display: inline-block;
	margin: 0;
	vertical-align:top;
	position: relative;
}
#header2019 #gnb>ul>li>a {
	display: block;
	position: relative;
	height: 38px;
	box-sizing: border-box;
	line-height: 38px;
	font-size: 22px;
	font-weight: bold;
	padding: 3px 30px 0;
	color: #333;
}
#header2019 #gnb>ul>li>a:hover {
	color: #000;
}
#header2019 #gnb>ul>li.myroom>a {
	color: #f96742;
}
#header2019 #gnb>ul>li.myroom>a:after {
	content: '';
	position: relative;
	bottom: -1px;
	display: block;
	width: 20px;
	height: 3px;
	border-radius: 1.5px;
	background-color: #f96742;
	margin: 0 auto;
	transition: width .3s;
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
}
#header2019 #gnb>ul>li.myroom>a:hover, 
#header2019 #gnb>ul>li.myroom>a:focus {
	color: #eb4e26;
}
#header2019 #gnb>ul>li.myroom>a:hover:after, 
#header2019 #gnb>ul>li.myroom>a:focus:after {
	width: 100%;
}
#header2019 #gnb .rail {
	width: 1180px;
	height: 0;
	position: relative;
	margin: 0 auto;
}
#header2019 #gnb .rail .on {
	position: absolute;
	display: block;
	width: 20px;
	height: 3px;
	border-radius: 1.5px;
	background: #000;
	bottom: -1px;
	margin-left: -10px;
	opacity: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
/* depth2 */
#header2019 #gnb li ul{
	position:absolute;
	left:50%;
	margin-left:-75px;
	width:150px;
	text-align:center;
	background:rgba(255,255,255,.95);
	box-sizing:border-box;
	max-height:0;
	padding:0;
	overflow:hidden;
	border:0px solid #f96742;
	border-top:0px solid #fff;
	opacity:0;
	-webkit-transition:all .4s ease-in-out ;
	-moz-transition:all .4s ease-in-out ;
	transition:all .4s ease-in-out ;
}
#wrap_middle #header2019 #gnb li ul {	
	border-color:#4a4ea8;
	border-top-color:#fff;
}
#header2019 #gnb li:hover ul {
	max-height:1000px;
	padding:20px 0;
	border-width:1px;
	opacity:1;
}
#header2019 #gnb li li a {
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#000;
	line-height:34px;
	cursor:pointer;
}
#header2019 #gnb li li.new a:after {
	content:'';
	display:inline-block;
	width:5px;
	height:5px;
	background:#ff643c;
	border-radius:50%;
	position:relative;
	top:-10px;
	right:-2px;
}
#header2019 #gnb li li a:hover,
#header2019 #gnb li li a:focus { color:#f96742 !important; }
#wrap_middle #header2019 #gnb li li a:hover,
#wrap_middle #header2019 #gnb li li a:focus { color:#4a4ea8; }

/* pick */
#header2019 .pick {
	position: absolute;
	bottom: 0;
	right: 0;
}
#header2019 .pick a {
	display: block;
	position: relative;
	text-align: center;
	float: left;
	width: 80px;
	height: 35px;
	line-height: 33px;
	box-sizing:border-box;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 16px;
	margin-top: 10px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
#header2019 .pick a strong {
	display: block;
	font-weight: normal;
}
#header2019 .pick a span {
	display: none;
	position: absolute;
	white-space: nowrap;
	width: 250px;
	height: 17px;
	padding-top: 1px;
	font-family: "dotum";
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	border-radius: 3px;
	top: -33px;
	left: calc(50% - 125px);
	color: #666;
	text-align: center;
}
#header2019 .pick a span:before, 
#header2019 .pick a span:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: calc(50% - 5px);
	border-top: 4px solid transparent;
	border-left: 4px solid transparent;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
#header2019 .pick a span:before {
	bottom: -4px;
}
#header2019 .pick a span:after {
	bottom: -3px;
	border-bottom: 4px solid #fff;
	border-right: 4px solid #fff;
}
#header2019 .pick a.active {
	height: 45px;
	line-height: 46px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
}
#header2019 .pick a.active strong {
	font-weight: bold;
}
#header2019 .pick a.active span {
	display: block;
}
#header2019 .pick a.el {
	background: #f96742;
	border:2px solid #f96742;
	border-bottom:0;
}
#header2019 .pick a.el:not(.active):hover { 
	color:#f96742;
	background:#fff; 
	font-weight:bold;
}
#header2019 .pick a.el span {
	border: 1px solid #f96742;
}
#header2019 .pick a.el span:before {
	border-bottom: 4px solid #f96742;
	border-right: 4px solid #f96742;
}
#header2019 .pick a.el span em {
	color: #f96742;
}
#header2019 .pick a.mid {
	background: #4a4ea8;
	border:2px solid #4a4ea8;
	border-bottom:0;
}
#header2019 .pick a.mid:not(.active):hover { 
	color:#4a4ea8;
	background:#fff; 
	font-weight:bold;
}
#header2019 .pick a.mid span {
	border: 1px solid #5e4aa8;
}
#header2019 .pick a.mid span:before {
	border-bottom: 4px solid #4a4ea8;
	border-right: 4px solid #4a4ea8;
}
#header2019 .pick a.mid span em {
	color: #4a4ea8;
}


/* 중등 layout CSS 
#wrap_middle #header .gnb .top_link li .open .bg_toggle{background-position:0 -22px;}
#wrap_middle #header .gnb .top_link li .open{color:#00aaaa;}
#wrap_middle #allmenu_view .allmenu_list dl dd li a:hover{color:#00aaaa;background:url('../../images/front/common/bg_allmenu_on02.png') 12px center no-repeat;}
#wrap_middle #lnb{position:relative;height:86px;border-bottom:4px solid #00aaaa}
#wrap_middle #lnb .lnb > ul > li > strong a:hover,
#wrap_middle #lnb .lnb > ul > li.on > strong a,
#wrap_middle #lnb .lnb > ul > li.active > strong a{color:#00aaaa;background:url("../../images/front/common/bg_lnb_this02.png") center 79px no-repeat;}
#wrap_middle #lnb .lnb li div li a{background:url('../../images/front/common/bg_lnb_dot02.gif') 0 center no-repeat;}
#wrap_middle #lnb .lnb li div li a:hover{color:#00aaaa;}
#wrap_middle #header #lnb .pick{background-position:0 -32px}
#wrap_middle #main_container .top_bar_box{background:#5ad2c8;}
#wrap_middle #main_container .keyword_list strong{background-position:0 -42px}
#wrap_middle .main_content .mtit{background:url("../../images/front/main/bg_tit02.png") 0 center no-repeat;}
#wrap_middle .popupzone .paginate li a{background-position:-21px -6px }
#wrap_middle .popupzone .paginate li.on a{background-position:0 -6px;}
#wrap_middle .sub_content .submenu h2{background:#00aaaa;}
#wrap_middle .sub_content .submenu .depth02 > li > a:hover,
#wrap_middle .sub_content .submenu .depth02 > li > a.on{color:#1e1e1e;font-weight:bold;background:#f7f7f7 url("../../images/front/common/bg_depth02_on02.png") 10px 14px no-repeat;}
#wrap_middle .sub_content .submenu .depth03 > li a:hover, 
#wrap_middle .container .submenu .depth03 > li a.on{background:#f7f7f7 url("../../images/front/common/bg_depth03_on02.png") 29px 14px no-repeat;color:#00aaaa}
#wrap_middle .sub_content .container .contents .navi p strong{font-weight:normal;color:#14b4af;}
#wrap_middle #content .org{color:#00aaaa !important}*/

/* 중등 layout CSS */
#wrap_middle #schArea .top_bar .search {
	border: 2px solid #4a4ea8;
}
#wrap_middle #schArea .top_bar input.inp_s {
	color: #4a4ea8;
}
#wrap_middle #header2019 .util .top_link li a:hover, #wrap_middle #header2019 .util .top_link li a:focus {
	color: #4a4ea8;
}
#wrap_middle #header2019 .util .top_link li .open {
	color: #4a4ea8;
}
#wrap_middle #header2019 .util .top_link li a:hover .bg_toggle,
	#wrap_middle #header2019 .util .top_link li .open .bg_toggle {
	background-color: #4a4ea8;
}
#wrap_middle #header2019 #gnb {
	border-bottom: 1px solid #4a4ea8;
}
#wrap_middle #header2019 #gnb>ul>li.myroom>a {
	color: #4a4ea8;
}
#wrap_middle #header2019 #gnb>ul>li.myroom>a:after {
	background-color: #4a4ea8;
}
#wrap_middle #header2019 #allmenu_view .allmenu_list dl dd li a:hover,
#wrap_middle #header2019 #allmenu_view .allmenu_list dl dd li a:focus {
	color: #4a4ea8;
	background: url(/asset/images/front/common/bg_allmenu_on02_2019.png) 12px center no-repeat;
}

/* header2019 fix */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
#header2019.fix {
	position: relative;
	/*height: 276px;*/
	z-index:999;	
}
#header2019.fix .util .top_link li.sch_toggle  {
	display:block;
}
#header2019.fix #gnb {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 68px;
	/* min-width:1400px; */
	background: #fff;
	box-shadow: 4px 4px 7px rgba(0, 0, 0, .15);
	-webkit-animation: fadein .3s linear alternate ;
    -moz-animation: fadein .3s linear alternate ;
    animation: fadein .3s linear alternate ;
}
#header2019.fix #gnb>ul>li>a {
	height: 68px;
	line-height: 62px;
	font-size: 20px;
	padding:3px 20px 0;
}
#header2019.fix #schArea {
	z-index: 501;
}
#header2019.fix #schArea h1 {
	position: fixed;
	z-index: 502;
	padding-top: 15px;
}
#header2019.fix #schArea h1 a {
	display: block;
	width: 173px;
	height: 37px;
	background: url(/asset/images/front/main/logo_fix.png) 0 0 no-repeat;
}
#header2019.fix #schArea h1 img {
	display: none;
}
#header2019.fix #schArea .top_bar .search {
	border: 0;
	border-radius: 0;
}
#header2019.fix .util .top_link li+li:before {
	content: '';
	width: 1px;
	height: 11px;
	background: #ccc;
	position: absolute;
	top: 12px;
	left: 0;
}
#header2019.fix .util .top_link li.sch_toggle {
	display:block
}
#header2019.fix .util .top_link li.sch_toggle a.open {
	background:url('/asset/images/front/main/btn_toggle_sch.png') center -30px no-repeat;
}
#header2019.fix #schArea .top_bar input.btn_search {
	width: 36px;
	background: url("/asset/images/front/main/btn_gsch_fix.png") center	center no-repeat #888;
	opacity: .9;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
#header2019.fix #schArea .top_bar {
	position: fixed;
	top: 70px;
	background: rgba(0, 0, 0, .8);
	padding: 20px 20px 15px 20px;
	border-radius: 3px;
	width: 258px;
	left: 50%;
	margin-left: 160px;
	display:none;
}
#header2019.fix #schArea .top_bar.open {
	display:block;
	-webkit-animation: fadein .3s ease-in alternate ;
    -moz-animation: fadein .3s ease-in alternate ;
    animation: fadein .3s ease-in alternate ;
}
#header2019.fix #schArea .top_bar input.inp_s {
	width: 194px;
	background-image: none;
	background-color: #fff;
}
#header2019.fix #schArea .top_bar input.btn_search:hover, #header2019.fix #schArea .top_bar input.btn_search:focus {
	background: url("/asset/images/front/main/btn_gsch_fix.png") center	center no-repeat #777;
	opacity: 1;
}
#header2019.fix #schArea .top_bar .keyword_list {
	text-align: left;
}
#header2019.fix #schArea .top_bar .keyword_list a {
	color: #ffffff;
	margin-bottom: 5px;
	margin-left: 0;
}
#header2019.fix #schArea .top_bar .keyword_list a:hover,
#header2019.fix #schArea .top_bar .keyword_list a:focus {
	border-bottom-color:#fff;
}
#header2019.fix .util .top_link {
	position: fixed;
	right: 50%;
	margin-right: -590px;
	top: 18px;
}
#header2019.fix .util .top_link li {
	display: none;
}
#header2019.fix .util .top_link li.fix {
	display: block;
}
#header2019.fix ~ .main_container2023 .primary-wrap{
	display:none;
}
.main_container2023 .primary-wrap.on .primary-box,
.main_container2023 .primary-wrap.on .login-wrap{
	opacity:0;
}
#header2019 .util .top_link li.sch_toggle:before { content:none; }
#header2019 .util .top_link li.sch_toggle a {
	display:block;
	overflow:hidden;
	text-indent:-999px;
	width:25px;
	height:19px;
	background:url('/asset/images/front/main/btn_toggle_sch.png') center 0 no-repeat;
	opacity:.6;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
}
#header2019 .util .top_link li.sch_toggle a:hover {
	opacity:1;
}
@media (max-width:1400px) {
	#header2019.fix #schArea h1 { left:100px } 
	/*#header2019.fix #gnb>ul { margin:0 0 0 20px; }*/
}

/* 메인 */
#main_container .mvisual {
	position: relative;
	height: 280px;
	width: 100%;
}
#main_container .mvisual .bx-controls {
	display: none;
}
#main_container .mvisual .bx-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 280px;
}
#main_container .mvisual_list {
	position: absolute;
	left: 0;
	width: 100%;
	height: 280px;
}
#main_container .mvisual_list li {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 280px;
	text-align: center;
}
#main_container .mvisual_list li a {
	display: block;
	height: 280px;
	width: 960px;
	margin: 0 auto;
}
#main_container .mvisual_ctg {
	position: relative;
	width: 960px;
	margin: 0 auto;
	z-index: 300;
}
#main_container .mvisual_ctg .paginate {
	position: absolute;
	top: 30px;
	right: 0;
	font-size: 13px
}
#main_container .mvisual_ctg .paginate a {
	display: block;
	margin-bottom: 1px;
	padding-left: 6px;
	cursor: pointer;
}
#main_container .mvisual_ctg .paginate a span {
	display: block;
	width: 84px;
	min-height: 30px;
	padding: 12px 13px;
	text-align: center;
	color: #fff;
	word-break: break-all;
	letter-spacing: -0.06em;
	background: url("../../images/front/main/bg_mvisual_ctg.png") 0 0 repeat;
}
#main_container .mvisual_ctg .paginate li.on a {
	background: url("../../images/front/main/bg_mvisual_this.png") 0 center	no-repeat;
	font-weight: bold;
}
#main_container .mvisual_ctg .paginate li.on a span {
	background: #fff;
	color: #000
}
#main_container .mvisual_ctg .paginate li:first-child a span {
	background: url(../../images/front/main/bg_mvisual_tb.png) 0 0 no-repeat;
}
#main_container .mvisual_ctg .paginate li.on:first-child a span {
	background-position: -110px 0;
}
#main_container .mvisual_ctg .paginate li:last-child a span {
	background: url(../../images/front/main/bg_mvisual_tb.png) 0 bottom	no-repeat;
}
#main_container .mvisual_ctg .paginate li.on:last-child a span {
	background-position: -110px bottom;
}
#main_container .layer_login {
	position: relative;
	z-index: 300;
	width: 960px;
	margin: 0 auto;
}
#main_container .layer_login .login_box {
	position: absolute;
	top: 30px;
	left: 0;
	width: 177px;
	height: 160px;
	padding: 30px 24px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	font-size: 13px
}

/* 로그인전 */
#main_container .login_box h2 {
	margin-bottom: 10px;
	color: #1e1e1e;
	font-size: 18px;
}
#main_container .login_box .rfix {
	position: absolute;
	top: 31px;
	right: 24px;
	font-weight: bold;
}
#main_container .login_box .rfix input {
	vertical-align: middle;
}
#main_container .login_box .rfix label {
	vertical-align: middle;
	color: #5a5a5a;
	font-weight: normal;
	line-height: 18px;
	margin-left: 5px;
}
#main_container .login_box .input_login {
	position: relative;
	width: 175px;
	height: 64px;
	border: 1px solid #bebebe;
	border-radius: 2px;
	margin-bottom: 4px;
}
#main_container .login_box .input_login span {
	display: block;
	padding: 8px 0 6px;
}
#main_container .login_box .input_login span.id {
	display: block;
	height: 18px;
	border-bottom: 1px solid #d0d0d0;
}
#main_container .login_box .input_login input::-webkit-input-placeholder {
	color: #999999;
}
#main_container .login_box .input_login input:-moz-placeholder {
	color: #999999;
}
#main_container .login_box .input_login input::-moz-placeholder {
	color: #999999;
}
#main_container .login_box .input_login input:-ms-input-placeholder {
	color: #999999;
}
#main_container .login_box .input_login input {
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	width: 152px;
	padding-left: 15px;
	color: #5a5a5a;
}
#main_container .login_box .btn_enter {
	display: block;
	width: 177px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	background: #727f8a;
	border: 1px solid #727f8a;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
}
#main_container .login_box .btn_enter:hover {
	background: #5d666e;
	border: 1px solid #5d666e
}
#main_container .login_box .btn_mem {
	overflow: hidden;
	width: 100%;
	padding-top: 10px;
}
#main_container .login_box .btn_mem li {
	float: left;
}
#main_container .login_box .btn_mem li a:hover {
	text-decoration: underline;
}
#main_container .login_box .btn_mem li span {
	margin: 0 5px;
	font-size: 12px;
	color: #cccccc;
}

/* 로그인후 */
#main_container .login_box .my_info .name {
	display: block;
	margin-bottom: 15px;
	font-size: 19px;
	color: #1e1e1e;
}
#main_container .login_box .my_info .name span {
	display: block;
	padding-top: 3px;
	font-size: 14px;
	color: #999999;
}
#main_container .login_box .my_info .grade {
	overflow: hidden;
	margin-bottom: 20px;
	height: 20px;
}
#main_container .login_box .my_info .apply {
	position: absolute;
	top: 82px;
	right: 24px;
	text-align: right;
	font-weight: bold;
}
#main_container .login_box .my_info .apply em {
	display: block;
	color: #00aaaa;
	font-weight: bold;
}
#main_container .login_box .my_info .btn_mem2 {
	overflow: hidden;
	width: 179px;
	padding-top: 10px;
}
#main_container .login_box .my_info .btn_mem2 a {
	float: left;
	display: block;
	width: 86px;
	height: 23px;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #bebebe;
	border-radius: 2px;
}
#main_container .login_box .my_info .btn_mem2 a:hover {
	background: #f7f7f7;
}
#main_container .login_box .my_info .btn_mem2 a.logout {
	width: 84px;
	float: right;
}

/* 바로가기링크 */
#main_container .skip_link {
	height: 70px;
}
#main_container .skip_link ul {
	overflow: hidden;
	width: 935px;
	margin: 0 auto;
	padding: 8px 0 0 20px;
}
#main_container .skip_link ul li {
	float: left;
	font-weight: bold;
}
#main_container .skip_link ul li a {
	float: left;
	display: block;
	width: 60px;
	height: 44px;
	padding: 10px 0 0 70px;
	background: url("../../images/front/main/bg_icon_skip.gif") 0 0	no-repeat;
	font-weight: normal
}
#main_container .skip_link ul li span {
	float: left;
	margin: 0 14px;
	width: 1px;
	height: 20px;
	background: #e4e4e4;
	vertical-align: middle;
	line-height: 54px;
	margin-top: 17px;
}
#main_container .skip_link ul li a:hover {
	color: #1e1e1e
}
#main_container .skip_link ul li.skip01 a {
	background-position: 0 0;
}
#main_container .skip_link ul li.skip02 a {
	background-position: 0 -54px;
}
#main_container .skip_link ul li.skip03 a {
	background-position: 0 -108px;
}
#main_container .skip_link ul li.skip04 a {
	background-position: 0 -162px;
}
#main_container .skip_link ul li.skip05 a {
	background-position: 0 -216px;
}
#main_container .skip_link ul li.skip06 a {
	background-position: 0 -270px;
}
#main_container .skip_link ul li.skip01 a:hover {
	background-position: -130px 0;
}
#main_container .skip_link ul li.skip02 a:hover {
	background-position: -130px -54px;
}
#main_container .skip_link ul li.skip03 a:hover {
	background-position: -130px -108px;
}
#main_container .skip_link ul li.skip04 a:hover {
	background-position: -130px -162px;
}
#main_container .skip_link ul li.skip05 a:hover {
	background-position: -130px -216px;
}
#main_container .skip_link ul li.skip06 a:hover {
	background-position: -130px -270px;
}
/* 바로가기링크 20160616 */
#main_container .skip_link2016 {
	height: 70px;
}
#main_container .skip_link2016 ul {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
#main_container .skip_link2016 ul li {
	float: left;
}
#main_container .skip_link2016 ul li a {
	float: left;
	display: block;
	width: 316px;
	height: 70px;
	text-indent: -9999px;
	background:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/05_btn/main_center.png) no-repeat;
}
#main_container .skip_link2016 ul li.benefit01 a {
	background-position: 0 0;
	margin: 0 6px 0 0;
}
#main_container .skip_link2016 ul li.benefit02 a {
	background-position: -316px 0;
	margin: 0 6px 0 0;
}
#main_container .skip_link2016 ul li.benefit03 a {
	background-position: -632px 0;
}
#main_container .skip_link2016 ul li.benefit01 a:hover {
	background-position: 0 -70px;
}
#main_container .skip_link2016 ul li.benefit02 a:hover {
	background-position: -316px -70px;
}
#main_container .skip_link2016 ul li.benefit03 a:hover {
	background-position: -632px -70px;
}
/* 바로가기링크 20170322 */
#main_container .skip_link2017 {
	width: 960px;
	height: 60px;
	padding-top: 20px;
	margin: 0 auto;
}
#main_container .skip_link2017 ul {
	width: 710px;
	height: 58px;
	border-radius: 3px;
	border: 1px solid #ccc;
	float: left;
}
#main_container .skip_link2017 ul li {
	width: 236px;
	height: 58px;
	float: left;
	border-right: 1px solid #ccc;
	position: relative;
	transition: all 0.5s;
	cursor: pointer;
}
#main_container .skip_link2017 ul li a span {
	display: inline-block;
	opacity: 0.8;
	transition: 0.2s;
}
#main_container .skip_link2017 ul li a:hover span {
	opacity: 1;
}
#main_container .skip_link2017 ul li.bene01 {
	background:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0102.png) no-repeat 14px 22px;
}
#main_container .skip_link2017 ul li.bene01 span {
	margin: 13px 0 0 75px;
}
#main_container .skip_link2017 ul li.bene01 span::before {
	content:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0101.png);
	position: absolute;
	top: 7px;
	left: 31px;
	opacity: 0.9;
}
#main_container .skip_link2017 ul li.bene01:hover span::before {
	animation: beneicon01 1.5s infinite linear;
}

@keyframes beneicon01 { 
	0% { opacity: 1; }
	50% { opacity:0.4;}
	100%{opacity:1;}
}
#main_container .skip_link2017 ul li.bene02 {
	background:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0202.png)
		no-repeat 10px 26px;
}
#main_container .skip_link2017 ul li.bene02 span {
	margin: 13px 0 0 74px;
}
#main_container .skip_link2017 ul li.bene02 span::before {
	content:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0201.png);
	position: absolute;
	top: 9px;
	left: 23px;
	opacity: 0.9;
}
#main_container .skip_link2017 ul li.bene02:hover span::before {
	animation: beneicon02 1s infinite ease;
}

@keyframes beneicon02 { 
	0% { top: 18px; }
	100% { top:9px;}
}
#main_container .skip_link2017 ul li.bene03 {
	background:	url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0302.png) no-repeat 16px 10px;
	border-right: none !important;
}
#main_container .skip_link2017 ul li.bene03 span {
	margin: 13px 0 0 66px;
}
#main_container .skip_link2017 ul li.bene03 span::before {
	content:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0301.png);
	position: absolute;
	top: 30px;
	left: 27px;
	width: 12px;
	height: 12px;
	display: block;
	opacity: 0.9;
}
#main_container .skip_link2017 ul li.bene03:hover span::before {
	animation: beneicon03 1.5s infinite linear;
}

@keyframes beneicon03 { 
	0% {transform: rotate(0deg) }
	100% {transform:rotate(360deg)	}
}
#main_container .skip_link2017 ul li.bene04 {
	background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0402.png)	no-repeat 24px 14px;
	border-right: none !important;
}
#main_container .skip_link2017 ul li.bene04 span {
	margin: 13px 0 0 81px;
}
#main_container .skip_link2017 ul li.bene04 span::before {
	content:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0401.png);
	position: absolute;
	top: 18px;
	left: 33px;
	width: 20px;
	height: 19px;
	display: block;
	opacity: 0.9;
}
#main_container .skip_link2017 ul li.bene04:hover span::before {
	animation: beneicon04 1.5s infinite linear;
}

@keyframes beneicon04 { 
	0% {transform: rotate(0deg)}
	25%	{transform:rotate(90deg)}
	50%	{transform:rotate(180deg)}
	75%{transform: rotate(270deg)}
	100%{transform: rotate(360deg)}
}
#main_container .skip_link2017 .btn_edu {
	width: 223px;
	height: 58px;
	display: block;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	float: right;
	background:		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_edu.png) no-repeat 15px 5px #eee;
	text-indent: -9999px;
	transition: all 0.5s;
}
#main_container .skip_link2017 .btn_edu:hover {
	background-color: #e0e0e0;
}
/* 20170906 한국사 대체 인정과정 */
#main_container .skip_link2017 .btn_history {
	width: 223px;
	height: 58px;
	display: block;
	border: 1px solid #cec1ad;
	border-radius: 3px;
	float: right;
	background:	url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_history.png) no-repeat 15px 1px #f8f1e6;
	text-indent: -9999px;
	transition: all 0.5s;
}
#main_container .skip_link2017 .btn_history:hover {
	background-color: #fcf9f5;
}
/* 20170926 한국사 대체 인정과정 개발 전까지 적용 예정인 연수후기 배너 */
#main_container .skip_link2017 .btn_comment {
	width: 223px;
	height: 58px;
	display: block;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	float: right;
	background:	url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_comment.png) no-repeat 17px 5px #eee;
	text-indent: -9999px;
	transition: all 0.5s;
}
#main_container .skip_link2017 .btn_comment:hover {
	background-color: #e0e0e0;
}
/* 20180511 연수도서 안내 */
#main_container .skip_link2017 .btn_book {
	width: 223px;
	height: 58px;
	display: block;
	border: 1px solid #c1b8d4;
	border-radius: 3px;
	float: right;
	background:	url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_book.png)	no-repeat 16px 5px #f9f7fd;
	text-indent: -9999px;
	transition: all 0.5s;
}
#main_container .skip_link2017 .btn_book:hover {
	background-color: #fcfcfd;
}

/* 검색, 인기검색어 바 */
#main_container .top_bar_box {
	height: 56px;
	padding-top: 14px;
	background: #ff915f;
}
#main_container .top_bar {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
#main_container .top_bar .search {
	float: left;
}
#main_container .top_bar input {
	float: left;
}
#main_container .top_bar input.inp_s {
	width: 367px;
	height: 42px;
	padding: 0 10px 0 24px;
	line-height: 41px/9;
	font-size: 15px;
	vertical-align: middle;
	background: url("../../images/front/main/bg_msearch.png") 0 0 no-repeat;
	color: #5a5a5a;
}
/* 검색, 인기검색어 바 20170322 */
#main_container .top_bar_box2017 {
	height: 56px;
	padding-top: 14px;
	background: #6d6359;
}
#main_container .top_bar input.inp_s::-webkit-input-placeholder {
	color: #5a5a5a
}
#main_container .top_bar input.inp_s:-moz-placeholder {
	color: #5a5a5a
}
#main_container .top_bar input.inp_s::-moz-placeholder {
	color: #5a5a5a
}
#main_container .top_bar input.inp_s:-ms-input-placeholder {
	color: #5a5a5a
}
#main_container .top_bar input.btn_search {
	width: 60px;
	height: 42px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background: url("../../images/front/main/btn_msearch.png") 0 0 no-repeat;
	cursor: pointer;
}
#main_container .top_bar input.btn_search:hover {
	background-position: 0 -42px;
}
#main_container .keyword_list {
	position: relative;
	float: right;
	width: 470px;
}
#main_container .keyword_list strong {
	float: left;
	display: block;
	width: 90px;
	height: 42px;
	padding-right: 6px;
	margin: 0 0 0 10px;
	line-height: 42px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 13px;
	background: url("../../images/front/main/bg_keyword.png") 0 0 no-repeat;
	;
}
#main_container .keyword_list #ulIntKeyword {
	float: left;
	overflow: hidden;
	width: 295px;
	position: relative;
}
#main_container .keyword_list #ulIntKeyword .owl-wrapper {
	position: relative;
}
#main_container .keyword_list .owl-item {
	float: left;
}
#main_container .keyword_list div a {
	display: block;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#main_container .keyword_list div a:hover {
	text-decoration: underline;
}
#main_container .keyword_list .ctl {
	position: absolute;
	top: 9px;
	right: 0;
}
#main_container .keyword_list .ctl a {
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	margin-left: 1px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background: url("../../images/front/main/btn_keyword.png") -21px 0	no-repeat;
	cursor: pointer
}
#main_container .keyword_list .ctl a.prev {
	background-position: 0 0;
}
#main_container .keyword_list .ctl a.next {
	background-position: -25px 0;
}
#main_container .keyword_list .ctl a.prev:hover {
	background-position: 0 -25px;
}
#main_container .keyword_list .ctl a.next:hover {
	background-position: -25px -25px;
}
.main_content {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 120px;
}
.main_content .wbox {
	position: relative;
	float: left;
	width: 735px;
}
.main_content .mtit {
	padding-left: 24px;
	background: url("../../images/front/main/bg_tit.png") 0 5px no-repeat;
	font-size: 18px;
	color: #1e1e1e;
	font-weight: normal
}
.main_content .more {
	display: block;
	padding-right: 20px;
	height: 16px;
	line-height: 16px;
	color: #666;
	background: url("../../images/front/main/bg_more.png") right center	no-repeat;
}

/* 20170322 */
.main_content2017 {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 120px;
	box-sizing: border-box;
}
.main_content2017 .wbox {
	position: relative;
	float: left;
	width: 735px;
}
.main_content2017 .mtit {
	padding-left: 24px;
	background: url("../../images/front/main/bg_tit.png") 0 5px no-repeat;
	font-size: 18px;
	color: #1e1e1e;
	font-weight: normal
}
.main_content2017 .more {
	display: block;
	padding-right: 20px;
	height: 16px;
	line-height: 16px;
	color: #6d6359;
	background: url("../../images/front/main/bg_more.png") right center	no-repeat;
}
/* main_content2019 */
.main_container2019 .main_content {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0 110px 100px 0;
}
.main_container2019 .mn_left ~ .main_content { display:inline-block;margin-left:20px;width:calc(100% - 180px);font-size:13px; }
.main_container2019 .main_content .mtit {
	background: none;
	padding-left: 0;
	color: #333;
	font-size: 22px;
	font-weight: bold;
}
.main_container2019 .main_content .mtit em {
	color: #f96742;
}
.main_container2019 .main_content .more {
	display: block;
	font-size: 14px;
	padding-right: 20px;
	height: 16px;
	line-height: 16px;
	color: #f96742;
	font-weight: bold;
	background-image: none;
	position: relative;
}
.main_container2019 .main_content .more:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #f96742;
	border-right: 2px solid #f96742;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform-origin: left top;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
}

/* 메인 */
.main_container2019 .mn-primary {
	box-sizing: border-box;
	position: relative;
	padding-right: 226px;
	height:280px;
}
.main_container2019 .mbanner1 {
	position: absolute;
	right:226px;
	height: 280px;
	width: 954px;
}
.main_container2019 .mbanner1 .mbanner1_list {
	position: absolute;
	left: 0;
	width: 100%;
	height: 280px;
	box-sizing:border-box;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.main_container2019 .mbanner1 .mbanner1_list li {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 279px;
	text-align: center;
}
.main_container2019 .mbanner1 .mbanner1_list li a {
	display: block;
	height: 280px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
.main_container2019 .mbanner1 .ctl { 
	position:absolute;
	height:32px;
	right:15px;
	bottom:15px;
	background:rgba(0,0,0,.75);
	border-radius:16px;
	box-sizing:border-box;
	padding:6px 8px;
	font-size:0;
}
.main_container2019 .mbanner1 .ctl .page_num { 
	display:inline-block;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	vertical-align:top; 
	font-size:16px;
}
.main_container2019 .mbanner1 .ctl button { 
	outline:0;
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:top;
	margin:0 4px; 
}
.main_container2019 .mbanner1 .ctl button span { 
	position:relative;
	display:block;
	width:20px;
	height:20px;
	font-size:0;
	background-image:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/main/icon_mnbanner_ctl.png); 
}
.main_container2019 .mbanner1 .ctl button.m_prev span { background-position:0 -1px; }
.main_container2019 .mbanner1 .ctl button.m_next span { background-position:-20px -1px; }
.main_container2019 .mbanner1 .ctl button.m_stop span { background-position:-40px -1px; }
.main_container2019 .mbanner1 .ctl button.m_play span { background-position:-60px -1px; }
.main_container2019 .mbanner1 .ctl button.m_more span { background-position:-80px -1px; }

html.noscroll { overflow:hidden; }
.mbnner1-pop { 
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.75);
	z-index:9999;
	overflow-y:auto;
	display:none;
}

.mbnner1-pop ul {
	margin: 196px auto;
	width:952px;
}
.mbnner1-pop ul li {	
	transition:all .4s;
	box-shadow:0px 0px 0px rgba(0,0,0,0);	
	position:relative;
	box-sizing:border-box;
	height:279px;
}
.mbnner1-pop ul li ~ li { margin-top:20px; }
.mbnner1-pop ul li a {
	display:block;
}
.mbnner1-pop .pop-close {
	position:fixed;
	top:140px;
	left:50%;
	margin-left:486px;
	background:transparent;
	border:0;
}
.mbnner1-pop .pop-close span {
	display:block;
	height:50px;
	width:50px;
	text-indent:-999px;
	overflow:hidden;
	background:#fff;
	box-shadow:5px 5px 1px rgba(0,0,0,.4);
	border-radius:50% 50% 50% 5px;
}
.mbnner1-pop .pop-close span:before,
.mbnner1-pop .pop-close span:after {
	content:'';
	position:absolute;
	top:50%;
	left:7px;
	width:35px;
	height:4px;
	border-radius:2px;
	background:#111;
}
.mbnner1-pop .pop-close span:before { transform:rotate(45deg) }
.mbnner1-pop .pop-close span:after { transform:rotate(-45deg) }

.main_container2019 .mbanner1 .paginate {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	font-size: 13px;
	height: 37px;
	font-size: 0;
	display:none;
}
.main_container2019 .mbanner1 .paginate li {
	position: relative;
	display: inline-block;
	width: 25%;
	box-sizing: border-box;
	border: 1px solid #555;
	opacity: 1;
	background: rgba(0, 0, 0, .6);
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.main_container2019 .mbanner1 .paginate li:hover {
	background: rgba(0, 0, 0, .8);	
}
.main_container2019 .mbanner1 .paginate li {
	border-left-color: #848c8f
}
.main_container2019 .mbanner1 .paginate li:before, .main_container2019 .mbanner1 .paginate li:after {
	content: '';
	opacity: 0;
	top: 0;
	position: absolute;
	width: 0;
	height: 0;
	left: calc(50% - 5px);
	border-bottom: 4px solid transparent;
	border-right: 4px solid transparent;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.main_container2019 .mbanner1 .paginate a {
	display: block;
	cursor: pointer;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	line-height: 35px;
	color: #fff;
}
.main_container2019 .mbanner1 .paginate li.on {
	background: #f7f7f7;
	border: 1px solid #999999;
	border-right-color: #555555;
	opacity: .9;
}
.main_container2019 .mbanner1 .paginate li.on a {
	font-weight: bold;
	color:  #444;
}
.main_container2019 .mbanner1 .paginate li.on:before {
	opacity: 1;
	top: -4px;
	border-top: 4px solid #555;
	border-left: 4px solid #555;
}
.main_container2019 .mbanner1 .paginate li.on:after {
	opacity: 1;
	top: -3px;
	border-top: 4px solid #f7f7f7;
	border-left: 4px solid #f7f7f7;
}
.main_container2019 .layer_login {
	position: absolute;
	z-index: 300;
	box-sizing: border-box;
	width: 226px;
	height: 280px;
	right: 0;
	top: 0;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.main_container2019 .layer_login .login_box {
	padding: 25px 24px 20px;
	background: #fffbf9;
	font-size: 13px;
	border-bottom: 1px solid #d0d0d0;
	box-sizing: border-box;
	height: 210px;
	overflow: hidden;
}

/* 로그인전 */
.main_container2019 .login_box h2 {
	margin-bottom: 10px;
	color: #1e1e1e;
	font-size: 18px;
}
.main_container2019 .login_box .rfix {
	position: absolute;
	top: 31px;
	right: 24px;
	font-weight: bold;
}
.main_container2019 .login_box .rfix input {
	vertical-align: middle;
}
.main_container2019 .login_box .rfix label {
	vertical-align: middle;
	color: #5a5a5a;
	font-weight: normal;
	line-height: 18px;
	margin-left: 5px;
}
.main_container2019 .login_box .input_login {
	position: relative;
	width: 175px;
	height: 64px;
	border: 1px solid #bebebe;
	border-radius: 2px;
	margin-bottom: 10px;
	background: #fff;
}
.main_container2019 .login_box .input_login input {
	background: transparent;
	outline: 0;
	font-size: 13px;
}
.main_container2019 .login_box .input_login span {
	display: block;
	padding: 8px 0 6px;
}
.main_container2019 .login_box .input_login span.id {
	display: block;
	height: 18px;
	border-bottom: 1px solid #d0d0d0;
}
.main_container2019 .login_box .input_login input::-webkit-input-placeholder {
	color: #999999;
}
.main_container2019 .login_box .input_login input:-moz-placeholder {
	color: #999999;
}
.main_container2019 .login_box .input_login input::-moz-placeholder {
	color: #999999;
}
.main_container2019 .login_box .input_login input:-ms-input-placeholder {
	color: #999999;
}
.main_container2019 .login_box .input_login input {
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	width: 152px;
	padding-left: 15px;
	color: #5a5a5a;
}
.main_container2019 .login_box .btn_enter {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	background: #999999;
	border: 1px solid #999999;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.main_container2019 .login_box .btn_enter:hover {
	background: #777;
	border: 1px solid #777
}
.main_container2019 .login_box .btn_mem {
	overflow: hidden;
	width: 100%;
	padding-top: 10px;
}
.main_container2019 .login_box .btn_mem li {
	float: left;
}
.main_container2019 .login_box .btn_mem li+li:before {
	content: '/';
	display: inline-block;
	margin: 0 3px;
}
.main_container2019 .login_box .btn_mem li a:hover {
	text-decoration: underline;
}
.main_container2019 .login_box .btn_mem li span {
	margin: 0 5px;
	font-size: 12px;
	color: #cccccc;
}
/* 로그인 전 : 2022 통합회원 */
.main_container2019 .login_box .login-before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	font-size:0;
}
.main_container2019 .login_box .login-before li { 
	display:inline-block;
	box-sizing:border-box;
	width:50%;
	height:105px;
}
.main_container2019 .login_box .login-before li:nth-of-type(2n) { border-left:1px solid #d0d0d0; }
.main_container2019 .login_box .login-before li:nth-of-type(n + 3) { border-top:1px solid #d0d0d0; }
.main_container2019 .login_box .login-before li a {
	display:block;
	height:104px;
	text-align:center;
	box-sizing:border-box;
	padding-top:20px;
}
.main_container2019 .login_box .login-before li i[class^='ico'] { 
	display:inline-block;
	width:40px;
	height:40px; 
	background:url(/asset/images/front/main/ico_before_loigin.png) no-repeat;
}
.main_container2019 .login_box .login-before li i.ico-login { background-position-x:0; }
.main_container2019 .login_box .login-before li i.ico-event { background-position-x:-40px; }
.main_container2019 .login_box .login-before li i.ico-review { background-position-x:-80px; }
.main_container2019 .login_box .login-before li i.ico-faq { background-position-x:-120px; } 
.main_container2019 .login_box .login-before li a:hover i[class^='ico'] { background-position-y :-40px; }
.main_container2019 .login_box .login-before li .txt { 
	font-size:15px;
	color:#1a1a1a; 
	display:block;
	margin-top:10px;
}

/* 로그인후 */
.main_container2019 .login_box .my_info .name {
	display: block;
	margin-bottom: 15px;
	font-size: 19px;
	color: #1e1e1e;
}
.main_container2019 .login_box .my_info .name span {
	display: block;
	padding-top: 3px;
	font-size: 14px;
	color: #886668;
	font-weight: normal;
	white-space: nowrap;
}
.main_container2019 .login_box .my_info .grade {
	position: absolute;
	right: 24px;
	top: 25px;
	overflow: hidden;
	margin-bottom: 20px;
	height: 20px;
}
.main_container2019 .login_box .my_info .my_info_detail {
	height: 45px;
	overflow: hidden;
	font-size: 0;
	font-family: "나눔바른고딕"
}
.main_container2019 .login_box .my_info .my_info_detail .neis {
	display: block;
}
.main_container2019 .login_box .my_info .my_info_detail .point {
	float: left;
}
.main_container2019 .login_box .my_info .my_info_detail .coupon {
	float: right;
}
.main_container2019 .login_box .my_info .my_info_detail span {
	display: block;
	white-space: nowrap;
	height: 18px;
}
.main_container2019 .login_box .my_info .my_info_detail span cite {
	display: block;
	float: left;
	font-style: normal;
	color:  #444;
	width: 46px;
	vertical-align: top;
	font-size: 14px;
	line-height: 14px;
}
.main_container2019 .login_box .my_info .my_info_detail span a {
	display: block;
	float: left;
	color: #666666;
	vertical-align: top;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
}
.main_container2019 .login_box .my_info .my_info_detail span a:hover,
	.main_container2019 .login_box .my_info .my_info_detail span a:focus {
	border-bottom: 1px solid #88666
}
.main_container2019 .login_box .my_info .my_info_detail .coupon cite {
	width: 32px;
}
.main_container2019 .login_box .my_info .my_info_detail .point a {
	color: #f96742;
}
.main_container2019 .login_box .my_info .my_info_detail .point a:hover,
	.main_container2019 .login_box .my_info .my_info_detail .point a:focus {
	border-bottom-color: #f96742;
}
.main_container2019 .login_box .my_info .my_info_detail .coupon a {
	color: #67883a;
}
.main_container2019 .login_box .my_info .my_info_detail .coupon a:hover,
	.main_container2019 .login_box .my_info .my_info_detail .coupon a:focus {
	border-bottom-color: #67883a;
}
.main_container2019 .login_box .my_info .btn_sub {
	background: #fff;
	margin-top: 7px;
	display: block;
	height: 23px;
	line-height: 24px;
	text-align: center;
	border: 1px solid #bebebe;
	border-radius: 2px;
}
.main_container2019 .login_box .my_info .btn_sub:hover {
	background: #f7f7f7;
}

/* 로그인 하단 배너 */
.main_container2019 .bnn_login_btm a, 
.main_container2019 .bnn_login_btm a img {
	display: block;
	position:relative;
	z-index:9;
}
.bnn_login_btm a.mn-survey {
	background:#f9f9f9;
	position:relative;
	height:69px;
	padding-left:65px;
}
.bnn_login_btm a.mn-survey i.ico-survey {
	width:34px;
	height:44px;
	background:url(/asset/images/front/main/ico_survey.png) center center no-repeat;
	position:absolute;
	left:22px;
	top:12px;
}
.bnn_login_btm a .mn-survey-txt {
	display:block;
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	word-break:break-all;
	color:#000;
	padding-top:18px;
	height:36px;
	overflow: hidden;
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; */
}

/* 연수공통 */
.main_container2019 .medu_list {
	position: relative;
	overflow: hidden;
}
.main_container2019 .medu_list:after {
	content: "";
	display: block;
	clear: both;
}
.main_container2019 .medu_list li {
	float: left;
	width: 168px;
	height: 174px;
	margin-right: 0;
	background: #fff;
	border-radius: 4px;
}
.main_container2019 .medu_list li+li {
	margin-left: 12px;
}
.main_container2019 .medu_list li .thumb {
	width: 168px;
	height: 94px;
}
.main_container2019 .medu_list li .thumb>img {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.5s, filter 0.5s;
	transition: opacity 0.5s, filter 0.5s;
	border-radius: 5px 5px 0 0
}
.main_container2019 .medu_list li a:hover .thumb img {
	opacity: 0.75;
}
.main_container2019 .medu_list li a {
	display: block;
}
.main_container2019 .medu_list li .info {
	display: block;
	width: 136px;
	padding: 12px 15px 0;
	height: 67px;
	border: 1px solid #d0d0d0;
	border-top: none;
	border-radius: 0 0 5px 5px;
}
.main_container2019 .medu_list li .info strong {
	display: block;
	overflow: hidden;
	height: 54px;
	width: 136px;;
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 18px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

*+html .main_container2019 .medu_list li .info strong {
	display: block;
}
.main_container2019 .medu_list li .info span.grd {
	margin: 0 8px 0 0px;
	color: #999999;
	font-size: 11px;
	vertical-align: middle;
	line-height: 17px;
	vertical-align: middle;
	display:none;
}
.main_container2019 .medu_list li .info span.grd em {
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
}
.main_container2019 .medu_list li .info span.grd span {
	display: inline-block;
	line-height: 18px;
	vertical-align: top;
}
.main_container2019 .medu_list li a:hover .info strong {
	text-decoration: underline;
}
.main_container2019 .medu_list li .info .date {
	font-size: 11px;
	color: #999999
}
.main_container2019 .medu_list .thumb {
	display: block;
	position: relative;
}
.main_container2019 .medu_list .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 92px;
	border: 1px solid #000;
	border-radius: 5px 5px 0 0;
	opacity: 0.2;
}

/* 바로가기링크 20170322 
#main_container .skip_link2017 {width:960px; height:60px; padding-top:20px; margin:0 auto;}
#main_container .skip_link2017 ul {width:710px; height:58px; border-radius:3px; border:1px solid #ccc; float:left;}
#main_container .skip_link2017 ul li {width:236px; height:58px; float:left; border-right:1px solid #ccc; position:relative; transition: all 0.5s; cursor:pointer;}
#main_container .skip_link2017 ul li a span {display:inline-block; opacity:0.8; transition: 0.2s;}
#main_container .skip_link2017 ul li a:hover span {opacity:1;}
#main_container .skip_link2017 ul li.bene01 {background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0102.png) no-repeat 14px 22px;}
#main_container .skip_link2017 ul li.bene01 span {margin:13px 0 0 75px;}
#main_container .skip_link2017 ul li.bene01 span::before {content:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0101.png); position:absolute; top:7px; left:31px; opacity:0.9;}
#main_container .skip_link2017 ul li.bene01:hover span::before {animation: beneicon01 1.5s infinite linear;}
@keyframes beneicon01 {0% {opacity:1;} 50% {opacity:0.4;}  100% {opacity:1;} }
#main_container .skip_link2017 ul li.bene02 {background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0202.png) no-repeat 10px 26px;}
#main_container .skip_link2017 ul li.bene02 span {margin:13px 0 0 74px;}
#main_container .skip_link2017 ul li.bene02 span::before {content:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0201.png); position:absolute; top:9px; left:23px; opacity:0.9;}
#main_container .skip_link2017 ul li.bene02:hover span::before {animation: beneicon02 1s infinite ease;}
@keyframes beneicon02 {0% {top:18px;} 100% {top:9px;}}
#main_container .skip_link2017 ul li.bene03 {background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0302.png) no-repeat 16px 10px; border-right:none !important;}
#main_container .skip_link2017 ul li.bene03 span {margin:13px 0 0 66px;}
#main_container .skip_link2017 ul li.bene03 span::before {content:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0301.png); position:absolute; top:30px; left:27px; width:12px; height:12px; display:block; opacity:0.9;}
#main_container .skip_link2017 ul li.bene03:hover span::before {animation: beneicon03 1.5s infinite linear;}
@keyframes beneicon03 {0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)}}
#main_container .skip_link2017 ul li.bene04 {background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0402.png) no-repeat 24px 14px; border-right:none !important;}
#main_container .skip_link2017 ul li.bene04 span {margin:13px 0 0 81px;}
#main_container .skip_link2017 ul li.bene04 span::before {content:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_main_benefit0401.png); position:absolute; top:18px; left:33px; width:20px; height:19px; display:block; opacity:0.9;}
#main_container .skip_link2017 ul li.bene04:hover span::before {animation: beneicon04 1.5s infinite linear;}
@keyframes beneicon04 {0% {transform: rotate(0deg)} 25% {transform: rotate(90deg)} 50% {transform: rotate(180deg)} 75% {transform: rotate(270deg)} 100% {transform: rotate(360deg)}}
*/
#main_container .skip_link2017 .btn_edu {
	width: 223px;
	height: 58px;
	display: block;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	float: right;
	background:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_edu.png)	no-repeat 15px 5px #eee;
	text-indent: -9999px;
	transition: all 0.5s;
}
#main_container .skip_link2017 .btn_edu:hover {
	background-color: #e0e0e0;
}
/* 20170906 한국사 대체 인정과정 
#main_container .skip_link2017 .btn_history {width:223px; height:58px; display:block; border:1px solid #cec1ad; border-radius:3px; float:right; background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_history.png) no-repeat 15px 1px #f8f1e6; text-indent:-9999px; transition: all 0.5s;}
#main_container .skip_link2017 .btn_history:hover {background-color:#fcf9f5;}*/
/* 20170926 한국사 대체 인정과정 개발 전까지 적용 예정인 연수후기 배너 
#main_container .skip_link2017 .btn_comment {width:223px; height:58px; display:block; border:1px solid #d0d0d0; border-radius:3px; float:right; background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_comment.png) no-repeat 17px 5px #eee; text-indent:-9999px; transition: all 0.5s;}
#main_container .skip_link2017 .btn_comment:hover {background-color:#e0e0e0;}*/
/* 20180511 연수도서 안내 
#main_container .skip_link2017 .btn_book {width:223px; height:58px; display:block; border:1px solid #c1b8d4; border-radius:3px; float:right; background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/02_txt/txt_main_book.png) no-repeat 16px 5px #f9f7fd; text-indent:-9999px; transition: all 0.5s;}
#main_container .skip_link2017 .btn_book:hover {background-color:#fcfcfd;}*/

/* 연수공통 */
.medu_list {
	position: relative;
	overflow: hidden;
}
.medu_list:after {
	content: "";
	display: block;
	clear: both;
}
.medu_list li {
	float: left;
	width: 168px;
	height: 174px;
	margin-right: 14px;
	background: #fff;
	border-radius: 4px;
}
.medu_list li .thumb {
	width: 168px;
	height: 94px;
}
.medu_list li .thumb>img {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.5s, filter 0.5s;
	transition: opacity 0.5s, filter 0.5s;
	border-radius: 5px 5px 0 0
}
.medu_list li a:hover .thumb img {
	opacity: 0.9;
}
.medu_list li a {
	display: block;
}
.medu_list li .info {
	display: block;
	width: 136px;
	padding: 12px 15px 0;
	height: 67px;
	border: 1px solid #d0d0d0;
	border-top: none;
	border-radius: 0 0 5px 5px;
}
.medu_list li .info strong {
	display: block;
	overflow: hidden;
	height: 30px;
	width: 136px;;
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 15px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

*+html .medu_list li .info strong {
	display: block;
}
.medu_list li .info span.grd {
	margin: 0 8px 0 0px;
	color: #999999;
	font-size: 11px;
	vertical-align: middle;
	line-height: 17px;
	vertical-align: middle;
}
.medu_list li .info span.grd em {
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
}
.medu_list li .info span.grd span {
	display: inline-block;
	line-height: 18px;
	vertical-align: top;
}
.medu_list li a:hover .info strong {
	text-decoration: underline;
}
.medu_list li .info .date {
	font-size: 11px;
	color: #999999
}
.medu_list .thumb {
	display: block;
	position: relative;
}
.medu_list .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 92px;
	border: 1px solid #000;
	border-radius: 5px 5px 0 0;
	opacity: 0.2;
}
.igrd {
	display: inline-block;;
	width: 45px;
	height: 14px;
	line-height: 16px;
	vertical-align: middle;
	font-size: 11px;
	text-align: center;
	font-family: "굴림";
	font-weight: normal;
	border-radius: 1px;
}
.igrd.free {
	color: #149DB4;
	border: 1px solid #149DB4;
} /*250321 수정 */
.igrd.num1 {
	color: #FD9F09;
	border: 1px solid #FD9F09;
} 
.igrd.num2 {
	color: #175FC7;
	border: 1px solid #175FC7;
}
.igrd.num3 {
	color: #6030B3;
	border: 1px solid #6030B3;
}
.igrd.num4 {
	color: #118675;
	border: 1px solid #118675;
}

.igrd.num1-4 {
	color: #FD9F09;
	border: 1px solid #FD9F09;
} /*250321 신규 */

.igrd.num5-14 {
	color: #24A65C;
	border: 1px solid #24A65C;
} /*250321 신규 */

.igrd.num15 {
	color: #118675;
	border: 1px solid #118675;
} /*250321 신규 */

.igrd.num30 {
	color: #175FC7;
	border: 1px solid #175FC7;
} /*250321 신규 */

.igrd.num60 {
	color: #6030B3;
	border: 1px solid #6030B3;
} /*250321 신규 */

/* 20170322 
.msection1 .popupzone{float:right;position:relative;width:225px;height:239px;margin-top:36px;}
.msection1 .popupzone li{float:left;}
.msection1 .popupzone .paginate{overflow:hidden;position:absolute;top:16px;right:18px;z-index:500}
.msection1 .popupzone .paginate li{float:left;margin-right:4px;}
.msection1 .popupzone .paginate li a{display:block;width:6px;height:6px;overflow:hidden;font-size:0;line-height:0;background:url("../../images/front/main/bg_btn_paging.png") -21px 0 no-repeat;}
.msection1 .popupzone .paginate li.on a{background-position:0 0;width:17px;}
.msection1 .popupzone .bx-controls-direction{display:none;}
.msection1 .popupzone2017 {float:right; position:relative; width:225px; height:239px; margin-top:35px;}
.msection1 .popupzone2017 li {float:left;}
.msection1 .popupzone2017 .paginate {overflow:hidden; position:absolute; top:-20px; right:0px; z-index:500}
.msection1 .popupzone2017 .paginate li {float:left; margin-right:4px;}
.msection1 .popupzone2017 .paginate li a {display:block; width:8px; height:7px; overflow:hidden; font-size:0; line-height:0; background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/05_btn/btn_main_pagingdot.png) -27px 0 no-repeat;}
.msection1 .popupzone2017 .paginate li.on a {background-position:0 0; width:22px;}
.msection1 .popupzone2017 .bx-controls-direction {display:none;}
*/
/*
.msection2{overflow:hidden;width:100%;margin:40px 0}
.msection2 ul{padding:15px 0px 0px 0px;}
.msection2 .wbox .more{position:absolute;left:143px;top:2px;}
.msection2 .best_list{position:relative;float:right;width:225px;}
.msection2 .best_list ul{padding:15px 0px 0px 29px;}
.msection2 .best_list ul li{margin-right:0;;}
.msection2 .best_list .more{position:absolute;right:0;top:2px;}*/
/* 20170322 
.msection22017 {overflow:hidden;width:100%;margin:30px 0 40px 0;}
.msection22017 ul{padding:15px 0px 0px 0px;}
.msection22017 .wbox .more{position:absolute;left:143px;top:2px;}
.msection22017 .best_list{position:relative;float:right;width:225px;}
.msection22017 .best_list ul{padding:15px 0px 0px 29px;}
.msection22017 .best_list ul li{margin-right:0;;}
.msection22017 .best_list .more{position:absolute;right:0;top:2px;}*/

/* msection1 */
.main_container2019 .msection1 {
	overflow: hidden;
	margin-top: 30px;
}
.main_container2019 .msection1>article {
	float: left;
}
.main_container2019 .msection1>article+article {
	margin-left: 12px;
}
.main_container2019 .msection1 ul {
	padding: 15px 0px 0px 0px;
}

/* msection2 */
.main_container2019 .msection2 {
	width: 100%;
	margin-top: 30px;
	height: 265px;
}
.main_container2019 .msection2:after {
	content: "";
	display: block;
	clear: both;
}
.main_container2019 .msection2 .bbs_list_box {
	position: relative;
}
.main_container2019 .msection2 .bbs_list_box .mtab_box {
	position: absolute;
	top: 10px;
	height: 0;
	width: 100%;
}
.main_container2019 .msection2 .bbs_list_box .mtab_box h4 {
	height: 40px;
	position: absolute;
	top: 0;
	width: calc(25% + 1px);
	font-weight: normal;
	background: #f7f7f7;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	border-bottom: 1px solid #f96742;
}
.main_container2019 .msection2 .bbs_list_box .mtab_box h4:hover {
	background: #fff;
}
.main_container2019 .msection2 .bbs_list_box .mtab_box.on h4 {
	background: #fff;
	z-index: 1;
	border: 1px solid #f96742;
	border-bottom: 1px solid #fff;
}
.main_container2019 .msection2 .mtab_box h4 a {
	display: block;
	color: #666;
	cursor: pointer;
	height: 40px;
	line-height: 38px;
	font-size: 17px;
	vertical-align: middle;
	text-align: center;
}
.main_container2019 .msection2 .mtab_box h4 a:hover, .main_container2019 .msection2 .mtab_box h4 a:focus {
	text-decoration: none;
	color: #333333;
}
.main_container2019 .msection2 .on h4 a {
	color: #f96742;
	font-weight: bold
}
.main_container2019 .msection2 .on h4 a:hover {
	text-decoration: none;
}
.main_container2019 .msection2 .bbs_list_box #btab1 h4 {
	left: 0;
}
.main_container2019 .msection2 .bbs_list_box #btab2 h4 {
	left: 25%;
}
.main_container2019 .msection2 .bbs_list_box #btab3 h4 {
	left: 50%;
}
.main_container2019 .msection2 .bbs_list_box #btab4 h4 {
	left: 75%;
}
.main_container2019 .msection2 .bbs_list_box .mtab_box div {
	position: relative;
	top: 40px;
	left: 0;
	z-index: 50;
	padding: 15px 0 0 0px;
	visibility: hidden;
}
.main_container2019 .msection2 .bbs_list_box .mtab_box.on div {
	visibility: visible;
	z-index: 100;
}

/* msection3 */
.main_container2019 .mtab_vertical {
	position: relative;
	margin-top: 10px;
}
.main_container2019 .mtab_vertical .mtab_box {
	
}
.main_container2019 .mtab_vertical .mtab_box h4 {
	width: 110px;
	padding: 9px 0;
	border-bottom: 1px solid #d0d0d0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.main_container2019 .mtab_vertical .mtab_box:nth-of-type(1) h4 {
	border-top: 1px solid #d0d0d0;
}
.main_container2019 .mtab_vertical .mtab_box h4 a {
	display: block;
	cursor: pointer;
}
.main_container2019 .mtab_vertical .mtab_box h4 a.mtab_btn {
	display: block;
	color:  #444;
	font-size: 16px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.main_container2019 .mtab_vertical .mtab_box h4 a.more {
	height: 0;
	opacity: 0;
	display: block;
	overflow: hidden;
	padding-top: 0;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: 700;
	color: #666;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.main_container2019 .mtab_vertical .mtab_box h4 a.more:after,
#wrap_middle .main_container2019 .mtab_vertical .mtab_box h4 a.more:after {
	border-color: #666;
}
.main_container2019 .mtab_vertical .mtab_box .mtab_con {
	position: absolute;
	top: 0;
	box-sizing: border-box;
	left: 150px;
	height: 100%;
	width: calc(100% - 150px);
	display: none;
}
.main_container2019 .mtab_vertical .mtab_box h4 a.mtab_btn:hover {
	color: #000
}
.main_container2019 .mtab_vertical .mtab_box h4 a.more:hover {
	color: #f96742
}
.main_container2019 .mtab_vertical .mtab_box h4 a.more:hover:after {
	border-color: #f96742;
}
.main_container2019 .mtab_vertical .mtab_box.on h4 a.mtab_btn {
	font-weight: 900;
	color: #f96742;
}
.main_container2019 .mtab_vertical .mtab_box.on h4 a.more {
	height: 20px;
	line-height: 20px;
	opacity: 1;
	margin-top: 3px;
}
.main_container2019 .mtab_vertical .mtab_box.on .mtab_con {
	display: block;
}
.main_container2019 .msection3 {
	margin-top: 30px;
}
.main_container2019 .msection3 .best_list {
	font-size: 13px;
	line-height: 18px;
}
.main_container2019 .msection3 .best_list li {
	margin-bottom: 5px;
	width: calc(50% - 10px);
}
.main_container2019 .msection3 .best_list li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main_container2019 .msection3 .best_list li a span {
	line-height: 17px;
	border-bottom: 1px solid transparent;
	color:  #444;
}
.main_container2019 .msection3 .best_list li a cite {
	display: inline-block;
	margin-right: 7px;
	width: 18px;
	height: 18px;
	border-radius: 2px;
	border: 1px solid #666666;
	font-style: normal;
	text-align: center;
	background: #666666;
	color: #fff;
}
.main_container2019 .msection3 .best_list li:nth-of-type(n+4) a cite {
	background: #fff;
	color: #666666;
}
.main_container2019 .msection3 .best_list li a:hover cite {
	border-color: #67883a;
	background: #67883a;
	color: #fff;
}
.main_container2019 .msection3 .best_list li a:hover span {
	border-bottom: 1px solid #555;
}
.main_container2019 .msection3 .best_list li:nth-of-type(n+5) {
	position: absolute;
	left: 50%;
}
.main_container2019 .msection3 .best_list li:nth-of-type(5) {
	top: 0;
}
.main_container2019 .msection3 .best_list li:nth-of-type(6) {
	top: 23px;
}
.main_container2019 .msection3 .best_list li:nth-of-type(7) {
	top: 46px;
}
.main_container2019 .msection3 .best_list li:nth-of-type(8) {
	top: 69px;
}

/* bannerzone : 메인배너2, 메인배너3 */
.main_container2019 .bannerzone {
	margin-top: 30px;
	overflow: hidden;
}
.main_container2019 .mbanner2 {
	position: relative;
	width: 662px;
	height: 111px;
	float: left;
	border: 1px solid #d0d0d0;
}
.main_container2019 .mbanner2 .mbanner2_list li {
	float: left;
}
.main_container2019 .mbanner2 .mbanner2_list li a {
	display: block;
}
.main_container2019 .mbanner2 .paginate {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 500
}
.main_container2019 .mbanner2 .paginate li+li {
	margin-top: 4px;
}
.main_container2019 .mbanner2 .paginate li a {
	display: block;
	background: rgba(0, 0, 0, .5);
	border-radius: 3px;
	width: 6px;
	height: 8px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
.main_container2019 .mbanner2 .paginate li.on a {
	height: 15px;
	background: rgba(255, 255, 255, .5);
}
.main_container2019 .mbanner3 {
	position: relative;
	width: 215px;
	height: 111px;
	float: right;
	background: #ecf6f5;
	border: 1px solid #d0d0d0;
}
.main_container2019 .mbanner3 li+li {
	border-top: 1px solid #d0d0d0;
}
.main_container2019 .mbanner3 li a {
	display: block;
	height: 55px;
	overflow: hidden;
}
.main_container2019 .mbanner3_2023 li a {
	height: 111px;
}

/* msection4 */
.main_container2019 .msection4 {
	margin-top: 40px;
}
.main_container2019 .msection4 .today {
	float: right;
	color: #f96742;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	margin-top: -26px;
}
.main_container2019 .msection4 .mtab_vertical {
	clear: right;
}
.main_container2019 .msection4 .mtab_vertical .mtab_box.on h4 {
	padding: 20px 0;
}
.main_container2019 .msection4 .mtab_vertical .mtab_box .mtab_con {
	border: 1px solid #d0d0d0;
	border-radius: 1px;
}
.main_container2019 .msection4 table {
	width: 100%;
	font-size: 14px;
	color:  #444;
	border-collapse: collapse;
	table-layout: fixed;
}
.main_container2019 .msection4 table thead th {
	height: 36px;
	border-bottom: 1px solid #ddd;
	font-weight: 900;
	vertical-align: middle;
	color: #333;
}
.main_container2019 .msection4 table tr:first-child td {
	padding-top: 15px;
}
.main_container2019 .msection4 table td {
	text-align: center;
	height: 25px;
	vertical-align: middle;
}
.main_container2019 .msection4 table td.al {
	text-align: left;
	padding-left: 50px;
}
.main_container2019 .msection4 table td.ar {
	text-align: right;
}

/* msection5 */
.main_container2019 .msection5 {
	margin-top: 40px;
}
.main_container2019 .msection5 h3.mtit {
	float: left;
	margin-bottom: 15px;
}
.main_container2019 .msection5 .more {
	float: left;
	color: #f96742;
	margin-left: 20px;
	font-weight: bold;
	position: relative;
	top: 7px;
}
.main_container2019 .msection5 .more:hover, .main_container2019 .msection5 .more:focus {
	border-bottom: 1px solid #f96742;
}
.main_container2019 .mreview {
	height: 160px;
	position: relative;
	clear: left;
}
.main_container2019 .mreview_list {
	
}
.main_container2019 .mreview_list article {
	overflow: hidden;
}
.main_container2019 .mreview_list article div {
	float: left;
	width: 274px;
	position: relative;
}
.main_container2019 .mreview_list article div a {
	display: block;
}
.main_container2019 .mreview_list article div+div {
	padding-left: 34px;
}
.main_container2019 .mreview_list article div+div:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 16px;
	background: #d0d0d0;
}
.main_container2019 .mreview_list article div i {
	display: block;
	width: 60px;
	height: 60px;
	background-color: #d0d0d0;
	border-radius: 50%;
	float: left;
	margin-bottom: 10px;
}
.main_container2019 .mreview_list article div i[class^=ico-review] {
	text-indent: -999px;
	overflow: hidden;
	background-image: url(../../images/front/main/ico_mreview.png);
	background-repeat: no-repeat;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.main_container2019 .mreview_list article div i.ico-review1 {
	background-position: 0 0;
}
.main_container2019 .mreview_list article div i.ico-review2 {
	background-position: 0 -60px;
}
.main_container2019 .mreview_list article div i.ico-review3 {
	background-position: 0 -120px;
}
.main_container2019 .mreview_list article div i.ico-review4 {
	background-position: 0 -180px;
}
.main_container2019 .mreview_list article div i.ico-review5 {
	background-position: 0 -240px;
}
.main_container2019 .mreview_list article div i.ico-review6 {
	background-position: 0 -300px;
}
.main_container2019 .mreview_list article div i.ico-review7 {
	background-position: 0 -360px;
}
.main_container2019 .mreview_list article div strong {
	display: block;
	margin-left: 15px;
	width: calc(100% - 75px);
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
	font-size: 16px;
	color:  #444;
	fontweight: bold;
	padding-top: 10px;
}
.main_container2019 .mreview_list article div p {
	clear: left;
	font-size: 13px;
	color: #666;
	line-height: 18px;
	max-height: 72px;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.main_container2019 .mreview_list article div a:hover i {
	background-color: #888888;
}
.main_container2019 .mreview_list article div a:hover strong {
	color: #333;
}
.main_container2019 .mreview_list article div a:hover p {
	color: #333;
}
.main_container2019 .mreview .ctl {
	position: absolute;
	right: 0;
	top: -34px;
}
.main_container2019 .mreview .ctl .page_num {
	margin-right: 5px;
	color: #666;
	font-weight: bold;
}
.main_container2019 .mreview .ctl .m_play, .main_container2019 .mreview .ctl .m_stop {
	display: inline-block;
	width: 18px;
	height: 18px;
	text-indent: -999px;
	overflow: hidden;
	background: #888888;
	border: 1px solid #888;
	position: relative;
	border-radius: 2px;
}
.main_container2019 .mreview .ctl .m_play:hover, .main_container2019 .mreview .ctl .m_play:focus {
	background: #fff;
}
.main_container2019 .mreview .ctl .m_play:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 4px;
	left: 5px;
	border: 4px solid transparent;
	border-left: 8px solid #fff;
}
.main_container2019 .mreview .ctl .m_play:hover:before,
	.main_container2019 .mreview .ctl .m_play:focus:before {
	border-left-color: #888;
}
.main_container2019 .mreview .ctl .m_stop:hover, .main_container2019 .mreview .ctl .m_stop:focus {
	background: #fff;
}
.main_container2019 .mreview .ctl .m_stop:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 8px;
	top: 4px;
	left: 5px;
	background: #fff;
}
.main_container2019 .mreview .ctl .m_stop:after {
	content: '';
	position: absolute;
	width: 2px;
	height: 8px;
	top: 4px;
	right: 5px;
	background: #fff;
}
.main_container2019 .mreview .ctl .m_stop:hover:before,
	.main_container2019 .mreview .ctl .m_stop:focus:before,
	.main_container2019 .mreview .ctl .m_stop:hover:after,
	.main_container2019 .mreview .ctl .m_stop:focus:after {
	background: #888;
}

/* msection6 */
.main_container2019 .msection6 {
	margin-top: 30px;
}
.main_container2019 .mquick {
	position: relative;
	margin-top: 15px;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	font-size: 0;
	text-align:center;
}
.main_container2019 .mquick li {
	display: inline-block;
	vertical-align: top;
}


.main_container2019 .mquick li a {
	position: relative;
	display: block;
	padding: 15px 0;
	color:  #444;
	font-size: 14px;
	line-height: 20px;
	width: 148px;
	text-align: center;
}
.main_container2019 .mquick li a:hover, .main_container2019 .mquick li a:focus {
	font-weight: bold;
	color: #333;
}
.main_container2019 .mquick li a:before {
	content: '';
	display: block;
	width: 60px;
	height: 40px;
	margin: 0 auto 2px;
	background-image: url(/asset/images/front/main/ico_mquick2022.png);
	background-position: 0;
}
.main_container2019 .mquick li.q1 a:before {
	background-position: 0 0;
}
.main_container2019 .mquick li.q2 a:before {
	background-position: -60px 0;
}
.main_container2019 .mquick li.q3 a:before {
	background-position: -120px 0;
}
.main_container2019 .mquick li.q4 a:before {
	background-position: -180px 0;
}
.main_container2019 .mquick li.q5 a:before {
	background-position: -240px 0;
}
.main_container2019 .mquick li.q6 a:before {
	background-position: -300px 0;
}
.main_container2019 .mquick li.q1 a:hover:before {
	background-position: 0 -40px;
}
.main_container2019 .mquick li.q2 a:hover:before {
	background-position: -60px -40px;
}
.main_container2019 .mquick li.q3 a:hover:before {
	background-position: -120px -40px;
}
.main_container2019 .mquick li.q4 a:hover:before {
	background-position: -180px -40px;
}
.main_container2019 .mquick li.q5 a:hover:before {
	background-position: -240px -40px;
}
.main_container2019 .mquick li.q6 a:hover:before {
	background-position: -300px -40px;
}
.main_container2019 .mquick .rail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.main_container2019 .mquick .rail .on {
	opacity: 0;
	position: absolute;
	top: -1px;
	width: 15px;
	height: 3px;
	border-radius: 1.5px;
	background: #f96742;
	margin-left: -8px;
	transition: left .3s;
	-webkit-transition: left .3s;
	-moz-transition: left .3s;
}
.main_container2019 .mqna {
	margin-top: 20px;
	overflow: hidden;
}
.main_container2019 .mqna>article {
	float: left;
}
.main_container2019 .mqna>article .more {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 19px;
	height: 19px;
	top: 2px;
}
.main_container2019 .mqna>article .more:hover, .main_container2019 .mqna>article .more:focus {
	border-bottom: 1px solid #f96742;
}
.main_container2019 .mqna .mqna_list {
	width: calc(50% - 20px);
	box-sizing: border-box;
	padding-left: 34px;
	position: relative;
}
.main_container2019 .mqna .mqna_list+.mqna_list {
	width: 50%;
	float: right;
	padding-left: 55px;
	border-left: 1px solid #e5e5e5;
}
.main_container2019 .mqna .mqna_list h4 {
	position: relative;
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 10px;
}
.main_container2019 .mqna .mqna_list h4:before {
	content: 'Q';
	position: absolute;
	top: 0;
	left: -34px;
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #888;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	box-sizing: border-box;
	padding-top: 2px;
	font-weight: 900;
	text-align: center;
}
.main_container2019 .mqna .mqna_list li {
	line-height: 21px;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main_container2019 .mqna .mqna_list li:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 2px;
	background: #747474;
	margin-right: 6px;
}
.main_container2019 .mqna .mqna_list li a {
	border-bottom: 1px solid transparent;
}
.main_container2019 .mqna .mqna_list li a:hover, .main_container2019 .mqna .mqna_list li a:focus {
	border-bottom: 1px solid  #444;
}

/* msetion7 */
.main_container2019 .msection7 {
	margin-top: 40px;
	overflow: hidden;
}
.main_container2019 .msection7 .mnotice {
	float: left;
	width: 50%;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	padding: 19px;
	height: 155px;
	position:relative;
}
.main_container2019 .msection7 .mnotice h3 {
	font-size: 20px;
	margin-bottom: 10px;
}
.main_container2019 .msection7 .mnotice li {
	color:  #444;
	overflow: hidden;
	font-size: 0;
}
.main_container2019 .msection7 .mnotice li+li {
	margin-top: 5px;
}
.main_container2019 .msection7 .mnotice li a {
	float: left;
	display: inline-block;
	line-height: 16px;
	font-size: 13px;
	max-width: calc(100% - 80px);
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid transparent;
}
.main_container2019 .msection7 .mnotice li a:hover, 
.main_container2019 .msection7 .mnotice li a:focus {
	border-bottom: 1px solid #777;
}
.main_container2019 .msection7 .mnotice	.more {    
	position: absolute;
	line-height: 19px;
	height: 19px;
	top: 19px;
	right:19px;
}
.main_container2019 .msection7 .mnotice li span {
	float: right;
	display: inline-block;
	line-height: 16px;
	font-size: 13px;
	max-width: calc(100% - 80px);
	vertical-align: top;
}
.main_container2019 .msection7 .mtel {
	float: right;
	width: calc(50% - 60px);
	background:url("/asset/images/front/main/ico_mcustomer2022.png") right 0 no-repeat;
}
.main_container2019 .msection7 .mtel h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
.main_container2019 .msection7 .mtel>div:nth-of-type(1) {
	height: 100px;
}
.main_container2019 .msection7 .mtel>div:nth-of-type(1) strong {
	font-size: 34px;
	color: #f96742;
	display: block;
	margin-bottom: 3px;
}
.main_container2019 .msection7 .mtel>div:nth-of-type(1) span {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	color:  #444;
}
.main_container2019 .msection7 .mtel>div:nth-of-type(1) span+span:before {
	content: '/';
	margin: 0 5px;
}
.main_container2019 .msection7 .mtel>div:nth-of-type(2) {
	overflow: hidden;
}
.main_container2019 .msection7 .mtel>div:nth-of-type(2) a {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 185px;
	height: 27px;
	line-height: 25px;
	border-radius: 1px;
	border: 1px solid #d0d0d0;
	padding-left: 30px;
	color: #666;
	font-weight: bold;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.main_container2019 .msection7 .mtel>div:nth-of-type(2) a:after {
	content: '';
	position: absolute;
	right: 20px;
	top: 7px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform-origin: left top;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
}
.main_container2019 .msection7 .mtel>div:nth-of-type(2) a:hover,
	.main_container2019 .msection7 .mtel>div:nth-of-type(2) a:focus {
	background: #f3f3f3;
}

/* 메인 중등 */
#wrap_middle .main_leftbanner h2 {
	background-color: #4a4ea8;
}
#wrap_middle .main_container2019 .mn_left .left_quick a {
	background: #f6f6fd;
}
#wrap_middle .main_container2019 .mn_left .left_quick a em {
	color: #4a4ea8;
}
#wrap_middle .main_container2019 .layer_login .login_box {
	background-color: #eeeffb;
}
#wrap_middle .main_container2019 .main_content .mtit em {
	color: #4a4ea8;
}
#wrap_middle .main_container2019 .msection2 .bbs_list_box .mtab_box h4 {
	border-bottom: 1px solid #4a4ea8;
}
#wrap_middle .main_container2019 .msection2 .bbs_list_box .mtab_box.on h4 {
	border: 1px solid #4a4ea8;
	border-bottom: 1px solid #fff;
}
#wrap_middle .main_container2019 .msection2 .on h4 a {
	color: #4a4ea8;
}
#wrap_middle .main_container2019 .mtab_vertical .mtab_box.on h4 a.mtab_btn {
	color: #4a4ea8;
}
#wrap_middle .main_container2019 .mtab_vertical .mtab_box.on h4 a.more:hover {
	color: #4a4ea8;
}
#wrap_middle .main_container2019 .msection4 .today {
	color: #4a4ea8;
}
#wrap_middle .main_container2019 .main_content .more:hover {
	color: #4a4ea8;
}
#wrap_middle .main_container2019 .main_content .more:after,
#wrap_middle .main_container2019 .mtab_vertical .mtab_box h4 a.more:hover:after {
	border-top-color: #4a4ea8;
	border-right-color: #4a4ea8;
}
#wrap_middle .main_container2019 .msection5 .more, 
#wrap_middle .main_container2019 .msection6 .more,
#wrap_middle .main_container2019 .msection7 .more{
	color: #4a4ea8;
}
#wrap_middle .main_container2019 .msection5 .more:hover, #wrap_middle .main_container2019 .msection5 .more:focus,
#wrap_middle .main_container2019 .msection6 .more:hover, #wrap_middle .main_container2019 .msection6 .more:focus,
#wrap_middle .main_container2019 .msection7 .more:hover, #wrap_middle .main_container2019 .msection7 .more:focus{
	border-bottom: 1px solid #4a4ea8;
}
#wrap_middle .main_container2019 .mreview_list article div i[class^=ico-review] {
	background-image: url(../../images/front/main/ico_mreview_mid.png);
}
#wrap_middle .main_container2019 .mquick li a:before {
	background-image: url(../../images/front/main/ico_mquick_mid.png);
}
#wrap_middle .main_container2019 .mquick .rail .on {
	background-color: #4a4ea8;
}
#wrap_middle .main_container2019 .msection7 .mtel>div:nth-of-type(1) strong {
	color: #4a4ea8;
}

/*.msection4{overflow:hidden;border:1px solid #d0d0d0;border-radius:5px;margin:40px 0;}
.msection4 .mnotice{position:relative;float:left;width:430px;height:138px;padding:25px 29px;}
.msection4 .nop{float:right;padding:25px 29px 25px 0;}
.msection4 .mnotice .more{position:absolute;top:25px;right:30px;}
.msection4 .mnotice h3{margin-bottom:10px;font-size:18px;color:#1e1e1e;font-weight:normal}
.msection4 .mnotice ul{padding:20px 0 0 0;border-top:1px solid #d0d0d0}
.msection4 .mnotice ul li{overflow:hidden;width:100%;padding-bottom:7px;}
.msection4 .mnotice ul li a{float:left;width:355px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.msection4 .mnotice ul li a:hover{text-decoration:underline;}
.msection4 .mnotice ul li span{float:right;}*/

/*.msection5{overflow:hidden;margin-bottom:34px;}
.msection5 .schedule{float:left;position:relative;width:713px;height:188px;float:left;margin-right:10px;border:1px solid #d0d0d0;border-radius:5px}
.msection5 .schedule .scd_tit{float:left;background:#f7f7f9;height:148px;width:112px;padding:40px 27px 0;text-align:center;color:#1e1e1e;border-radius:5px 0 0px 5px}
.msection5 .schedule .scd_tit h3{font-size:20px;font-weight:normal;}
.msection5 .schedule .scd_tit h3 strong{font-weight:normal;color:#666;}
.msection5 .schedule .scd_tit .today{display:block;padding:20px 0;font-size:11px}
.msection5 .schedule .scd_tit .more{height:34px;padding:0;line-height:34px;border:1px solid #c8c8c8;background-color:#fff;color:#5a5a5a;border-radius:2px;font-weight:normal;background-image:none;font-weight:bold;}
.msection5 .schedule .scd_tit .more:hover{border:1px solid #666}
.msection5 .schedule .scd_list{float:left;padding:30px 0 0 20px;}
.msection5 .schedule .scd_list .credit{float:left;width:157px;padding-right:15px;}
.msection5 .schedule .scd_list .credit h4{padding:0 0 10px 0;margin-bottom:20px;font-size:15px;color:#1e1e1e;border-bottom:1px solid #d0d0d0;text-align:center;font-weight:normal}
.msection5 .schedule .scd_list .credit ul{min-height:80px;}
.msection5 .schedule .scd_list .credit ul li{margin-bottom:13px;min-height:37px;}
.msection5 .schedule .scd_list .credit ul li strong{display:block;margin-bottom:5px;color:#1e1e1e;background:url("../../images/front/main/bg_dot.gif") 0 center no-repeat;padding-left:10px;font-weight:normal}
.msection5 .schedule .scd_list .credit ul li span{display:block;padding-left:10px;}
.msection5 .tel{position:relative;float:right;width:223px;height:188px;border:1px solid #d0d0d0;color:#5a5a5a;border-radius:5px;text-align:center;font-size:11px;}
.msection5 .tel h3{display:block;padding:28px 0 4px;font-weight:bold;color:#999999;font-size:15px;}
.msection5 .tel strong{display:block;margin-bottom:5px;font-size:35px;color:#1e1e1e;font-family:"Roboto";font-weight:normal}
.msection5 .tel a{position:absolute;bottom:-1px;right:-1px;width:223px;display:block;background:#727f8a;border:1px solid #727f8a;color:#fff;height:48px;line-height:50px;font-weight:bold;font-size:13px;border-radius:0 0 5px 5px}
.msection5 .tel a:hover{background:#5d666e;border:1px solid #5d666e;}
.msection5 .tel a span{margin-right:10px;}*/
.main_content .mevent_list ul {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	margin-right: -20px;
}
.main_content .mevent_list ul li {
	float: left;
	margin-right: 20px;
}

/* 20170322 */
.main_content2017 .mevent_list ul {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	margin-right: -20px;
}
.main_content2017 .mevent_list ul li {
	float: left;
	margin-right: 20px;
}

/* quick_pad 공통 */
#quick_pad {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 800;
	height: 100%;
	background: #f3f3f3;
	border-left: 1px solid #dfdfdf;
}
#quick_pad .top_move {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
}
#quick_pad .top_move a {
	display: block;
	height: 16px;
	line-height: 18px;
	vertical-align: middle;
	width: 80%;
	margin: 0 auto;
	background: #cdcdd2;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	font-family: "Myriad Pro";
	font-size: 11px;
}
#quick_pad h3 button {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 0px;
	z-index: 600;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	background:	url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/common/btn_quick.png") 0 0 no-repeat;;
	margin: 0px 0 0 -10px;
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
}
#quick_pad h3 strong {
	overflow: hidden;
	display: block;
	margin-left: 0;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
#quick_pad .btn_close {
	position: absolute;
	top: 20px;
	right: 30px;
}
#quick_pad .qmnu a {
	background:	url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/common/bg_quick_menu.png") 0 0 no-repeat;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#quick_pad .qmnu a:hover {
	background-color: #e2e2e4;
}
#quick_pad .qmnu a.qmnu01 {
	background-position: 3px 0;
}
#quick_pad .qmnu a.qmnu02 {
	background-position: 3px -70px;
}
#quick_pad .qmnu a.qmnu03 {
	background-position: 3px -140px;
}
#quick_pad .qmnu a.qmnu04 {
	background-position: 3px -210px;
}
#quick_pad .qmnu a.qmnu05 {
	background-position: 3px -280px;
}
#quick_pad .qmnu a.qmnu06 {
	background-position: 3px -350px;
}
#quick_pad .qmnu a.qmnu07 {
	background-position: 3px -423px;
}
/* 20170322 */
#quick_pad .qmnu a.qmnu08 {
	background-position: 3px -490px;
}
#quick_pad .quick_noti {
	display: block;
	position: absolute;
	top: 0;
	right: 106px;
	width: 80px;
	height: 70px;
	border: 1px solid #dddddd;
	background: #00aaaa;
	color: #fff;
	border-radius: 5px;
}
#quick_pad .quick_noti span {
	display: block;
	position: absolute;
	width: 80px;
	height: 48px;
	padding: 22px 6px 0 0;
	top: 0;
	right: -6px;
	background:
		url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/common/bg_quick_noti.png") right center no-repeat;
	text-align: center;
	font-size: 11px;
	font-family: NanumGothic !important;
	word-break: break-all;
	line-height: 15px;
}
#quick_pad .quick_pad .qmnu .quick_noti {
	display: none;
}

/* quick_pad 접힘 */
#quick_pad .quick_pad h3 {
	position: relative;
	left: -1px;
	width: 40px;
	height: 30px;
	background: #5d666e;
	color: #fff;
	border-right: 1px solid #5d666e;
}
#quick_pad .quick_pad h3 button {
	margin: 0px 0 0 10px;
	background-position: 0 0px;
	-webkit-transition: margin 0.5s;
	transition: margin 0.5s;
}
#quick_pad h3 button.btn_narrow {
	margin: 0px 0 0 10px;
	-webkit-transition: margin 0s;
	transition: margin 0s;
}
#quick_pad .quick_pad h3 strong {
	width: 0px;
	paddig-right: 100px;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
	-webkit-transition: padding 0.5s;
	transition: padding 0.5s;
}
#quick_pad .quick_pad {
	width: 40px;
	height: 100%;
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}
#quick_pad .quick_pad .qmnu {
	position: relative;
	display: block;
	width: 40px;
	height: 70px;
	border-bottom: 1px solid #ffffff
}
#quick_pad .quick_pad .qmnu a {
	display: block;
	width: 40px;
	height: 70px;
}
#quick_pad .quick_pad .qmnu a em {
	display: none;
	position: absolute;
	top: 0;
	right: 40px;
	width: 50px;
	padding: 24px 15px;
	height: 20px;
	text-align: center;
	border: 1px solid #dddddd;
	background: #fff;
	color: #5c5c5c;
	border-radius: 5px 0 0 5px;
	font-size: 11px;
	word-break: break-all;
}
#quick_pad .quick_pad .qmnu a:hover em {
	display: block;
	position: absolute;
	top: 0;
	right: 40px;
	display: block;
	color: #5c5c5c
}
#quick_pad .quick_pad .qmnu a:hover .this {
	position: absolute;
	top: 0;
	left: -1px;
	z-index: 100;
	display: block;
	width: 6px;
	height: 69px;
	background:		url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/common/bg_quick_over.png") right center no-repeat;
}
#quick_pad .quick_pad .qmnu a.qmnu01 em {
	padding: 30px 15px;
	height: 10px
}
#quick_pad .quick_pad .qmnu a.qmnu02 em {
	padding: 15px 15px;
	height: 38px
}
#quick_pad .quick_pad .qmnu a.qmnu03 em {
	padding: 30px 15px;
	height: 10px
}
#quick_pad .quick_pad div.qpad_box {
	width: 0px;
}
/* 20170322 */
#quick_pad .quick_pad .qmnu a.qmnu08 em {
	padding: 30px 15px;
	height: 10px
}
#quick_pad .wide_quick_pad ul {
	overflow: visible;
}
/* quick_pad 펼침 */
#quick_pad .wide_quick_pad h3 {
	position: relative;
	height: 30px;
	background: #5d666e;
	color: #fff;
}
#quick_pad .wide_quick_pad h3 button {
	margin: 0 0 0 -10px;
	background-position: 0 -20px;
}
#quick_pad .wide_quick_pad h3 strong {
	width: 100px;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
}
#quick_pad .wide_quick_pad {
	width: 100px;
	height: 100%;
	-webkit-transition: width 0.3s;
	transition: width 0.3s;
}
#quick_pad .wide_quick_pad .qmnu {
	position: relative;
	display: block;
	width: 99px;
	height: 70px;
	border-bottom: 1px solid #ffffff
}
#quick_pad .wide_quick_pad .qmnu a.active {
	background-color: #fff;
}
#quick_pad .wide_quick_pad .qmnu a {
	display: block;
	width: 54px;
	height: 70px;
	padding-left: 45px;
	border-bottom: 1px solid #ffffff
}
#quick_pad .wide_quick_pad .qmnu a:hover .this {
	display: none;
}
/*
#quick_pad .wide_quick_pad .qmnu a.qmnu01{background-position:9px 0;}
#quick_pad .wide_quick_pad .qmnu a.qmnu02{background-position:9px -70px;}
#quick_pad .wide_quick_pad .qmnu a.qmnu03{background-position:9px -140px;}
#quick_pad .wide_quick_pad .qmnu a.qmnu04{background-position:9px -210px;}
#quick_pad .wide_quick_pad .qmnu a.qmnu05{background-position:9px -280px;}
#quick_pad .wide_quick_pad .qmnu a.qmnu06{background-position:9px -350px;}
#quick_pad .wide_quick_pad .qmnu a.qmnu07{background-position:9px -423px;}
*/
#quick_pad .wide_quick_pad .qmnu a em {
	display: block;
	padding: 27px 0px;
	margin-left: 2px;
	height: 14px;
	color: #666;
	font-size: 11px;
}
#quick_pad .wide_quick_pad .qmnu a.qmnu01 em {
	padding: 30px 0px;
	height: 10px
}
#quick_pad .wide_quick_pad .qmnu a.qmnu02 em {
	padding: 15px 0px;
	height: 38px
}
#quick_pad .wide_quick_pad .qmnu a.qmnu03 em {
	padding: 30px 0px;
	height: 10px
}
#quick_pad  div.qpad_box {
	position: absolute;
	top: 0;
	right: 101px;
	height: 100%;
	z-index: 900;
	width: 0px;
	overflow: hidden;
	background: #fff;
	-webkit-transition: width 0.7s ease 0.5s;
	transition: width 0.7s ease 0.5s;
}
#quick_pad  div.qpad_box.open_qpad {
	position: absolute;
	top: 0;
	right: 101px;
	width: 220px;
	-webkit-transition: width 0.7s ease 0.6s;
	transition: width 0.7s ease 0.6s;
}
#quick_pad  div.qpad_box .qpad_list {
	position: relative;
	height: 100%;
	width: 220px;
	border-left: 1px solid #dfdfdf;
}
#quick_pad  div.qpad_box h4 {
	position: relative;
	height: 47px;
	padding: 23px 30px 0;
	background: #f7f7f9;
	color: #1e1e1e;
	font-size: 15px;
}
#quick_pad  div.qpad_box ul {
	padding: 30px 26px 0;
}
#quick_pad .medu_list {
	padding: 0;
}
#quick_pad .medu_list li {
	float: none;
	margin-bottom: 20px;
	margin-right: 0;
}
#quick_pad .help_list li {
	width: 158px;
	height: 88px;
	margin-bottom: 20px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
}
#quick_pad .help_list li a {
	display: block;
	padding: 15px 0px 0px 70px;
	background: #fff url("../../images/front/common/bg_quick_help.png") 0 0	no-repeat;
	border-radius: 5px;
}
#quick_pad .help_list li.help01 a {
	background-position: 0 0;
}
#quick_pad .help_list li.help02 a {
	background-position: 0 -88px;
}
#quick_pad .help_list li.help03 a {
	background-position: 0 -176px;
}
#quick_pad .help_list li.help04 a {
	background-position: 0 -264px;
}
#quick_pad .help_list li a:hover {
	height: 73px;
	background-color: #fafafa;
}
#quick_pad .help_list li a strong {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
}
#quick_pad .help_list li a span {
	margin-bottom: 5px;
	padding-right: 15px;
	font-size: 11px;
	color: #666;
	background: url("../../images/front/common/bg_go.gif") right center no-repeat;
}
/* 20170322 */
#quick_pad .note_list li {
	width: 158px;
	height: 88px;
	margin-bottom: 20px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
}
#quick_pad .note_list li a {
	display: block;
	padding: 15px 0px 0px 15px;
	background: #fff
		url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/common/icon_quick_note.png")	15px 13px no-repeat;;
	border-radius: 5px;
}
#quick_pad .note_list li a:hover {
	height: 73px;
	background-color: #fafafa;
}
#quick_pad .note_list li a date {
	font-size: 11px;
	color: #999;
	padding: 0 0 0 25px;
}
#quick_pad .note_list li a strong {
	width: 135px;
	height: 36px;
	display: block;
	overflow: hidden;
	word-break: break-all;
	margin-top: 12px;
}

/* footer */
#footer a:hover {
	text-decoration: underline
}
#footer {
	border-top: 1px solid #b2b2b2;
}
#footer .flink {
	border-bottom: 1px solid #d0d0d0
}
#footer .flink ul {
	overflow: hidden;
	width: 1140px;
	margin: 0 auto;
}
#footer .flink ul li {
	float: left;
	padding: 15px 0;
	margin-right: 10px;
}
#footer .flink ul li a {
	vertical-align: middle;
	color: #5c5c5c;
	font-size: 12px;
}
#footer .flink ul li span {
	color: #d2d2d2;
	margin: 0 0 0 10px;
	padding: 15px 0;
	vertical-align: middle;
}
#footer .footer {
	position: relative;
	overflow: hidden;
	width: 1140px;
	margin: 0 auto;
	padding-bottom: 24px;
	color: #a0a0a0;
}
#footer .footer h2 {
	width: 150px;
	padding: 30px 0px 20px 0;
}
#footer .footer .site_link {
	position: absolute;
	top: 128px;
	right: 0;
}
#footer .footer .site_link li {
	float: left;
	margin-left: 30px;
}
#footer .footer .site_link a {
	display: block;
}
#footer .footer .finfo {
	font-size: 11px;
}
#footer .footer .finfo address {
	line-height: 1.5em;
}
/* 20170728 address */
#footer .footer .finfo address dl {
	width: 100%;
	height: 32px;
	margin-bottom: 7px;
	display: block;
	float: left;
}
#footer .footer .finfo address dt, #footer .footer .finfo address dd {
	float: left;
}
#footer .footer .finfo address dt {
	padding: 0 3px 0 0;
}
#footer .footer .finfo address dt:after {
	content: ":";
	padding: 0 0 0 3px;
}
#footer .footer .finfo address dd {
	padding: 0 12px 0 0;
}
#footer .footer .finfo p {
	margin: 7px 0;
}
#footer .footer .link_charter {
	position: absolute;
	right: 0;
	top: 52px;
	color: #787878;
	line-height: 34px;
	vertical-align: middle;
}
#footer .footer .link_charter span {
	margin-left: 5px;
}
/* 20170728 link_charter */
#footer .footer .link_charter2017 {
	background:	url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_20170728bottom_moe.png) no-repeat 30px 0px;
	position: absolute;
	right: 0;
	bottom: 30px;
	color: #787878;
	font-weight: bold;
	padding: 39px 0 0 0;
}
.main_container2019 ~ #footer .flink ul {
	width: 890px;
	padding-left:180px;
	padding-right:110px;
}
.main_container2019 ~ #footer .footer {
	width: 890px;
	padding-left:180px;
	padding-right:110px;
}
.main_container2019 ~ #footer .footer .link_charter2017 {
	right: 110px;
}

/* sub */
.sub_content {
	padding-bottom: 100px;
}
.sub_top {
	background: #f7f7f7;
	height: 66px;
}
.sub_top .top_myinfo {
	background: #f7f7f7;
	width: 1180px;
	margin: 0 auto;
	padding: 17px 0;
	text-align: right;
	position:relative;
}
.sub_top .top_myinfo .grade {
	display: inline-block;
	margin-right: 4px;
}
.sub_top .top_myinfo .name {
	color: #5a5a5a;
	background: url("../../images/front/common/bg_sub_top_bar.gif") right center no-repeat;
	padding-right: 9px;
	margin-right: 7px;
}
.sub_top .top_myinfo .name span {
	color: #999999;
	margin-left: 5px;
	font-weight: normal;
}
.sub_top .top_myinfo .rfix {
	color: #5a5a5a;
	font-weight: bold;
}
.sub_top .top_myinfo .btn_mem2 {
	display: inline;
	overflow: hidden;
	padding-top: 10px;
	margin-left: 5px;;
}
.sub_top .top_myinfo .btn_mem2 a {
	display: inline-block;
	padding: 0 8px;
	height: 24px;
	margin-left: 0px;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #d0d0d0;
	border-radius: 2px;
	background: #fff;
}
.sub_top .top_myinfo .btn_mem2 a:hover {
	border: 1px solid #bebebe;
}
.sub_content .container {
	padding: 24px 0 0;
	width: 1020px;
	margin: 0 auto;
	position: relative;
}
.sub_content .container:after {
	content: "";
	display: block;
	clear: both;
}
.sub_content .container_wide {
	padding: 24px 0 0;
	width: 1180px;
	margin: 0 auto;
	position: relative;
	min-height:1200px;
}
.sub_content .container_wide:after {
	content: "";
	display: block;
	clear: both;
}
.sub_content .sub_top_bnn ~ .container_wide { padding-top:0; }

/* sub_top_bnn */
.sub_top_bnn {  } 
.sub_top_bnn:after { content:'';width:100%;height:35px;display:block;margin-top:-35px;background:#fff; }
.sub_top_bnn_wrap { width:1180px;margin:0 auto;position:relative; }
.sub_top_bnn_wrap img  { display:block;margin:0;max-width:1180px; }

.sub_tit { padding-bottom:16px;/* border-bottom:1px solid #e5e5e5; */ }
.sub_tit h2 { font-size:30px;font-weight:bold;color:#1e1e1e;letter-spacing:-0.075em; }
.sub_tit p { font-size:22px;margin-top:5px; }
.sub_tit ~ #content { margin-top:40px; }
.sub_tit.no_bline { border-bottom:0; }
.sub_tit.no_bline ~ #content { margin-top:0px; }

/* submenu */
.sub_content .submenu {
	float: left;
	width: 210px;
}
.sub_content .submenu h2 {
	height: 51px;
	padding: 34px 0 0;
	text-align: center;
	color: #fff;
	background: #ff7350;
	font-size: 20px;
	border-radius: 5px 5px 0 0;
	font-weight: normal;
}
#wrap_middle .sub_content .submenu h2 { background:#4a4ea8; }
.sub_content .submenu .depth02 {
	margin-bottom: 20px;
	margin-top: -1px;
	border: 1px solid #d0d0d0;
	border-top: none;
	border-radius: 0 0 5px 5px;
}
.sub_content .submenu .depth02>li {
	border-top: 1px solid #e5e5e5;
}
.sub_content .submenu .depth02>li>a {
	padding: 12px 21px;
	letter-spacing: -0.05em;
	display: block;
	color: #666;
	font-size:14px;
}
.sub_content .submenu .depth02>li.new>a:after {
	content:'';
	display:inline-block;
	width:5px;
	height:5px;
	background:#ff643c;
	border-radius:50%;
	position:relative;
	top:-8px;
	right:-3px;
}
.sub_content .submenu .depth02>li>a:hover, .sub_content .submenu .depth02>li>a.on {
	color: #1e1e1e;
	font-weight: bold;
	background: #f7f7f7 url("../../images/front/common/bg_depth02_on.png") 10px center no-repeat;
}
#wrap_middle .sub_content .submenu .depth02>li>a:hover, 
#wrap_middle .sub_content .submenu .depth02>li>a.on {
	background: #f7f7f7 url("../../images/front/common/bg_depth02_mid_on.png") 10px center no-repeat;
}
.sub_content .submenu .depth03 {
	display: block
}
.sub_content .submenu .depth03>li {
	
}
.sub_content .submenu .depth03>li a {
	display: block;
	padding: 12px 15px 12px 40px;
	background: url("../../images/front/common/bg_depth03_off.png") 29px 14px no-repeat;
	border-top: 1px solid #e5e5e5;
}
.sub_content .submenu .depth03>li a:hover, .sub_content .submenu .depth03>li a.on {
	background: #f7f7f7 url("../../images/front/common/bg_depth03_on.png") 29px 14px no-repeat;
	color: #1e1e1e
}
#wrap_middle .sub_content .submenu .depth03>li a:hover, 
#wrap_middle .sub_content .submenu .depth03>li a.on {
	background: #f7f7f7 url("../../images/front/common/bg_depth03_mid_on.png") 29px 14px no-repeat;
}
.sub_content .etc_box {
	margin-bottom: 20px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	text-align: center;
}
.sub_content .etc_box .tel {
	color: #666;
	padding: 17px 0;
	font-size: 11px;
}
.sub_content .etc_box .tel h3 {
	display: block;
	font-weight: normal;
	color: #1e1e1e;
}
.sub_content .etc_box .tel strong {
	display: block;
	margin: 4px 0;
	font-size: 24px;
	color: #1e1e1e;
	font-family: "Roboto";
	font-weight: normal;
}
.sub_content .etc_box .etc_link {
	overflow: hidden;
	width: 100%;
	background: #f7f7f7;
	border-radius: 0 0 5px 5px;
}
.sub_content .etc_box .etc_link li {
	float: left;
	width: 104px;
	border-top: 1px solid #d0d0d0;
	font-size: 11px;
}
.sub_content .etc_box .etc_link li.rline {
	width: 103px;
	border-right: 1px solid #d0d0d0
}
.sub_content .etc_box .etc_link li span {
	margin-right: 3px;
}
.sub_content .etc_box .etc_link a {
	display: block;
	padding: 12px 0 12px;
	vertical-align: middle;
	color: #1e1e1e;
}
.sub_content .etc_box .etc_link a:before {
	content:'';
	display:block;
	margin:0 auto 8px auto;
	width:21px;
	height:20px;
	background:url('../../images/front/common/icon_aside_etc.png') 0 0 no-repeat;
}
.sub_content .etc_box .etc_link li + li a:before {
	background:url('../../images/front/common/icon_aside_etc.png') -30px 0 no-repeat;
}
.sub_content .etc_box .etc_link a:hover {
	background: #e5e5e5;
}
.sub_content .submenu .event_list  {
	position:static;
	top:0;
}
.sub_content .submenu .event_list.fix  {
	position:fixed;
	top:90px;
}
.sub_content .submenu .event_list.fix.on{
	position:absolute;
	bottom:-50px;
	top: auto;
}
.sub_content .submenu .event_list li {
	margin-bottom: 10px;
}
.sub_content .submenu .event_list li a {
	display: block;
}
.sub_content .container .contents {
	float: right;
	width: 760px;
}
.sub_content .container_wide .contents {
	float: right;
	width: 920px;
}
.sub_content .contents .navi {
	position: relative;
	min-height: 84px;
}
.sub_content .contents .navi h2 {
	float: left;
	padding-top: 28px;
	margin-bottom: 8px;
	font-size: 28px;
	color: #1e1e1e;
	font-weight: 600;
}
.sub_content .contents .navi p {
	clear: both;
	color: #5a5a5a;
	margin-bottom: 30px;
	line-height:16px;
}
.sub_content .contents .navi p strong {
	font-weight: normal;
	color: #64508c;
}
.sub_content .contents .navi .location {
	position: absolute;
	top: 42px;
	right: 0;
	color: #5a5a5a;
}
.sub_content .contents .navi .location span {
	padding: 0 4px;
	color: #b3b3b3;
	font-size: 10px;
}
.sub_content .contents .navi .location strong {
	font-weight: normal;
	color: #1e1e1e
}
.sub_content .contents #content {
	line-height: 1.5em;
}

/* 콘텐츠 상단 배너 */
.cont-top-bnn {
	background:#fffae6;
	border:1px solid #d9cfa5;
	border-radius:5px;
	padding:25px 30px;
	position:relative;
}
.cont-top-bnn strong {
	color:#dc5b65;
	font-size:20px;
	display:block;
	font-weight:bold;	
	margin-bottom:10px;
	letter-spacing:-0.025em;
}
.cont-top-bnn p {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-0.025em;
}
.cont-top-bnn .btn-lnk {
	padding:0 20px;
	height:25px;
	line-height:25px;
	border-radius:12px;
	position:absolute;
	color:#fff;
	background:#44326e;
	bottom:25px;
	right:15px;
}
[class^=cont-top-bnn] .bnn-close {
	position:absolute;
	width:20px;
	height:20px;
	top:5px;
	right:5px;
}
[class^=cont-top-bnn] .bnn-close span {
	display:block;
	width:20px;
	height:20px;
	font-size:0;
	transform:rotate(45deg);
}
[class^=cont-top-bnn] .bnn-close span:before,
[class^=cont-top-bnn] .bnn-close span:after {
	content:'';
	position:absolute;
	background:#333;
	width:2px;
	height:2px;
	border-radius:1px;
}
[class^=cont-top-bnn] .bnn-close span:before {
	top:9px;
	left:2px;
	width:16px;
}
[class^=cont-top-bnn] .bnn-close span:after {
	height:16px;
	left:9px;
	top:2px;
}

/* cont-top-bnn2022 */
.cont-top-bnn2022 {
	position:absolute;
	background:#f7f7f7;
	border-radius:5px;
	padding:20px 20px 15px;
	box-sizing:border-box;
	width:760px;
	border:1px solid #000;
	box-shadow:4px 4px 0 #444;
	z-index:2;
}
.cont-top-bnn2022 strong {
	color:#333;
	font-size:22px;
	display:block;
	font-weight:bold;	
	margin-bottom:7px;
	letter-spacing:-0.025em;
}
.cont-top-bnn2022 p {
	color:#333333;
	font-size:14px;
	letter-spacing:-0.025em;
	margin-bottom:7px;
}
.cont-top-bnn2022 .btn-lnk {
	background:#8c96a0;
	border-radius:4px;
	height:26px;
	line-height:26px;
	color:#fff;
	font-size:13px;
	padding:0 10px;
	position:absolute;
	right:10px;
	bottom:15px;
}

/* 학습프로그램 도우미 */
.help_box li {
	float: left;
	width: 328px;
	height: 158px;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
}
.help_box li.fR {
	float: right;
}
.help_box li h3 {
	margin-bottom: 38px;
}
.help_box li div {
	overflow: hidden;
	text-align: center;
	padding-left: 5px;
}
.help_box li div a {
	float: left;
	display: block;
	width: 82px;
	margin: 0 12px;
	vertical-align: top
}
.help_box li div a img {
	margin-bottom: 10px;
}
.help_box li div span {
	display: block;
	padding-top: 3px;
	line-height: 1em;
}
.help_box li.last a {
	float: none;
	width: 88px;
	margin: 0 auto;
}

/* 원격지원서비스 */
.remote_svc {
	min-height: 210px;
	padding: 20px 20px 20px 290px;
	background: url("../../images/front/page/bg_pc.gif") 20px 20px no-repeat;
}
#wrap_middle .remote_svc {
	background: url("../../images/front/page/bg_pc02.gif") 20px 20px no-repeat;
}
.remote_svc strong {
	display: block;
	padding: 20px 0;
	font-size: 18px;
	color: #1e1e1e;
}
.remote_svc p {
	margin-bottom: 20px;
	line-height: 1.5em;
}
.remote_svc .time {
	overflow: hidden;
	width: 1005;
	font-size: 15px;
	line-height: 1.5em;
}
.remote_svc .time em {
	float: left;
	margin-right: 13px;
}
.remote_svc .time span {
	float: left;
}

/*  이메일무단수집거부  */
.email-rejection {
	min-height: 210px;
	padding: 20px 20px 20px 280px;
	background: url("../../images/front/page/bg_email.gif") 20px 20px no-repeat;
}
.email-rejection strong {
	display: block;
	padding: 40px 0 20px 0;
	font-size: 18px;
	color: #1e1e1e;
}
#wrap_middle .email-rejection {
	background: url("../../images/front/page/bg_email02.gif") 20px 20px no-repeat;
}

/* 사이트맵  */
.sitemap {
	overflow: hidden;
	background: url("../../images/front/page/bg_sitemap_y.gif") 0 0 repeat-y;
}
.sitemap dl {
	float: left;
	width: 20%;
	min-height: 420px
}
.sitemap dt {
	padding: 30px 20px 25px;
	font-size: 18px;
	color: #1e1e1e;
	font-weight: bold;
	border-top: 1px solid #e5e5e5;
	margin-top: -1px;
}
.sitemap dd {
	padding: 0 20px 50px;
}
.sitemap dd li {
	margin-bottom: 6px;
}
.sitemap dd li ul {
	padding: 10px 0 0;
}
.sitemap dd li ul li a {
	padding-left: 20px;
	background: url("../../images/front/common/bg_dot_li.gif") 10px center no-repeat;
}
.sitemap dd li ul li a:hover {
	color: #ff643c;
	background: url("../../images/front/common/bg_dot_li_on.gif") 10px center no-repeat;
}
#wrap_middle .sitemap dd li ul li a:hover {
	color: #00aaaa;
}

/* 이용약관 */
.clause_box {
	padding: 40px 30px
}
.clause_box h3 {
	margin-bottom: 40px;;
	font-size: 24px;
	color: #1e1e1e;
	text-align: center;
}
.clause_box h4 {
	padding: 25px 0 20px;
	font-size: 18px;
	color: #1e1e1e;
}
.clause_box h5 {
	padding-bottom: 10px;
	color: #1e1e1e;
}

/* 사용자로그인 */
.user_login {
	width: 540px;
	margin: 0 auto;
	padding-top: 80px;
}
.user_login h1 {
	margin-bottom: 40px;
}
.user_login .login_box {
	position: relative;
	float: left;
	width: 320px;
	height: 190px;
	margin-bottom: 70px;
}
.user_login .login_box .rfix {
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-weight: bold;
}
.user_login .login_box .rfix input {
	vertical-align: middle;
}
.user_login .login_box .rfix label {
	vertical-align: middle;
	font-weight: normal;
	line-height: 14px;
	margin-left: 5px;
	color: #5a5a5a
}
.user_login .login_box .rfix label.on {
	color: #ff7350
}
#wrap_middle .user_login .login_box .rfix label.on {
	color: #00aaaa
}
.user_login .login_box .input_login {
	position: relative;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	margin-bottom: 10px;
	overflow:hidden;
}
.user_login .login_box .input_login span {
	padding: 12px 0;
	display: block;
}
.user_login .login_box .input_login span.id {
	border-bottom: 1px solid #d0d0d0;
}
.user_login .login_box .input_login input {
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	width: 273px;
	padding: 0 15px 0 30px;
	font-size: 18px;
	color: #1e1e1e
}
.user_login .login_box .input_login input::-webkit-input-placeholder {
	color: #999999;
}
.user_login .login_box .input_login input:-moz-placeholder {
	color: #999999;
}
.user_login .login_box .input_login input::-moz-placeholder {
	color: #999999;
}
.user_login .login_box .input_login input:-ms-input-placeholder {
	color: #999999;
}
.user_login .login_box .input_login .id_del {
	position: absolute;
	width: 15px;
	height: 15px;
	display: block;
	right: 26px;
	top: 17px;
	cursor: pointer;
	background: url("../../images/front/member/btn_id_del.png") 0 0 no-repeat;
	cursor: ponter;
}
.user_login .login_box .btn_enter {
	display: block;
	width: 320px;
	height: 46px;
	border-radius: 5px;
	line-height: 46px;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background: #ff7350;
	border-radius: 1px solid #ff7350;
	color: #fff;
	cursor: pointer;
}
.user_login .login_box .btn_enter:hover {
	background: #fa6446;
}
.user_login .login_box .btn_mem {
	position:absolute;
	right:0;
	bottom:0;
}
.user_login .login_box .btn_mem li {
	float: left;
	line-height:20px;
}
.user_login .login_box .btn_mem li a:hover {
	text-decoration: underline;
}
.user_login .login_box .btn_mem li strong {
	font-weight: normal
}
.user_login .login_box .btn_mem li span {
	margin: 0 6px;
	font-size: 12px;
	color: #cccccc;
}
.user_login .ad {
	float: right;
}
.user_login .schedule {
	clear: both;
	position: relative;
	width: 538px;
	border: 1px solid #d0d0d0;
	border-radius: 5px
}
.user_login .schedule .scd_tit {
	background: #f7f7f9;
	height: 38px;
	padding: 12px 0px 0px;
	color: #1e1e1e;
	border-radius: 5px 5px 0 0;
	text-align: right;
}
.user_login .schedule .scd_tit h3 {
	float: left;
	padding: 5px 0 0 30px;
	font-size: 15px;
}
.user_login .schedule .scd_tit h3 strong {
	
}
.user_login .schedule .scd_tit .today {
	font-size: 13px;
	color: #666
}
.user_login .schedule .scd_tit .more {
	display: inline-block;
	height: 24px;
	width: 94px;
	margin: 0 30px 0 15px;
	padding: 0;
	line-height: 24px;
	border: 1px solid #c8c8c8;
	background-color: #fff;
	color: #5a5a5a;
	border-radius: 2px;
	font-weight: normal;
	background-image: none;
	text-align: center;
}
.user_login .schedule .scd_tit .more:hover {
	border: 1px solid #828282
}
.user_login .schedule .scd_list {
	overflow: hidden;
	width: 100%;
	background: url("../../images/front/member/bg_y.gif") 50% 0 repeat-y;
}
.user_login .schedule .scd_list .credit {
	float: left;
	width: 50%;
	padding: 20px 0px 15px;
}
.user_login .schedule .scd_list .credit h4 {
	float: left;
	width: 65px;
	padding-left: 27px;
	font-size: 15px;
	color: #1e1e1e;
	font-weight: normal
}
.user_login .schedule .scd_list .credit ul {
	float: left;
	width: 165px;
}
.user_login .schedule .scd_list .credit ul li {
	margin-bottom: 13px;
}
.user_login .schedule .scd_list .credit ul li strong {
	display: block;
	margin-bottom: 3px;
	color: #1e1e1e;
	font-weight: normal;
}
.user_login .schedule .scd_list .credit ul li span {
	display: block;
	color: #666;
}

.user_login.renew2020 {
	width:680px;
}
.user_login.renew2020  .login_box {
	margin-bottom:40px;
	height:270px;
}
.user_login.renew2020  .login_box .input_login span {
	padding:0 0;
}
.user_login.renew2020 .login_box .input_login input {
	height:73px;
	line-height:initial;
}
.user_login.renew2020  .login_box .btn_enter {
	height:76px;
	line-height:76px;
}
.user_login.renew2020 .ad {
	width:330px;
}
.user_login.renew2020 .ad a { 
	display:block;
	border-radius:5px;
	position:relative;
	overflow:hidden;
}
.user_login.renew2020 .ad a:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:1px solid rgba(0,0,0,.1);
	left:0;
	top:0;
	border-radius:5px;
}
.user_login  .ad a ~ a { margin-top:10px; }
.user_login.renew2020 .schedule {
	width:678px;
	clear:both;
} 

/* 회원가입 */
#join_step {
	margin-bottom: 60px;
	height: 70px;
	background-image: url("../../images/front/member/bg_step.gif");
	background-repeat: no-repeat
}
#join_step ul {
	overflow: hidden;
	width: 100%;
}
#join_step ul li {
	float: left;
	width: 253px;
	height: 45px;
	padding-top: 12px;
	text-align: center;
}
#join_step ul li.active {
	color: #ff643c
}
#join_step ul li strong {
	margin-top: 3px;
	display: block;
	font-size: 18px;
	font-weight: normal;
}
#wrap_middle #join_step {
	background-image: url("../../images/front/member/bg_step02.gif");
}
#wrap_middle #join_step ul li.active {
	color: #00aaaa
}
#wrap_middle .join_success strong.name span {
	color: #64508c
}
#wrap_middle .join_success .my_cnt ul li strong {
	float: left;
	width: 75px;
	padding-left: 12px;
	background: url("../../images/front/common/bg_dot02_02.png") 0 center no-repeat;
}
#wrap_middle .user_login .login_box .btn_enter {
	background: #14b4af;
	border-radius: 1px solid 14b4af;
	color: #fff;
	cursor: pointer;
}
.join_step02 {
	background-position: 0 0px;
}
.join_step02 {
	background-position: 0 -70px;
}
.join_step03 {
	background-position: 0 -140px;
}
.join_step03 li {
	color: #999999;
}

/* 회원가입-약관동의 */
.agree_chk {
	margin-bottom: 10px;
	font-size: 15px;
}
.agree_chk label {
	color: #1e1e1e;
	vertical-align:middle;
}
.bg_chk02 + label {
	margin-left:5px;
}
.agree_chk label.on{
	font-weight: bold;
	color: #ff643c !important;
}
#wrap_middle .agree_chk label.on {
	font-weight: bold;
	color: #00aaaa !important;
}
.clauseBox {
	width: 738px;
	height: 58px;
	overflow-y: scroll;
	padding: 20px 0 20px 20px;
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	font-size: 12px;
	color: #5a5a5a;
	line-height: 1.5em;
}
.clauseBox .bline {
	border: none;
}
/* 회원가입 약관동의 개편 #32185 */
.agree_chk_all {
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
}
.agree_chk_all .bg_chk02 {
	float:right;
}
.agree_chk_all label {
	color: #1e1e1e;
	vertical-align:middle;
	float:left;
	margin-left:0;
	margin-right:5px;
}
.agree_chk_all label.on {
	font-weight: bold;
	color: #ff643c !important;
}
.accordion {
	border-top:1px solid #aaaaaa;
}
.accordion_tit .agree_chk .bg_chk02 {
	float:right;
}
.accordion_tit .agree_chk label {
	float:left;
	margin-left:0;
	margin-right:5px;
}
.accordion_tit .accordion_arr { 
	position:absolute;
	width:33px;
	height:20px;
	top:13px;
	left:19px;
	background:rgba(0,0,0,0);
}
.accordion_tit .accordion_arr:before,
.accordion_tit .accordion_arr:after {
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
}
.accordion_tit .accordion_arr:before {
	content:'';
	position:absolute;
	width:20px;
	height:2px;
	border-radius:1px;
	left:0;
	top:9px;
	background:#aaa;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);	
}
.accordion_tit .accordion_arr:after {
	content:'';
	position:absolute;
	width:20px;
	height:2px;
	border-radius:1px;	
	right:0;
	top:9px;
	background:#aaa;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);	
} 
.accordion_tit.on .accordion_arr:before {	
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);	
}
.accordion_tit.on .accordion_arr:after {	
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);	
}
.accordion_tit {
	border:1px solid #e5e5e5;
	border-top:0;
	overflow:hidden;
	position:relative;
}
.accordion_tit button { 
	font-size:15px;
	color:#1e1e1e;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:15px 80px 15px 68px;
	background:#fff;
	border:0;
	cursor:pointer;
	text-align:left;
	outline:0;
}
.accordion_tit .agree_chk {
	position:absolute;
	top:15px;
	right:19px;
}
.accordion .clauseBox {
	border-top:0;
	height:220px;
	display:none;
}

.mem_ctg_box {
	overflow: hidden;
	padding: 40px 0;
	margin: 40px 0;;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.mem_ctg_box h3 {
	margin-bottom: 0;
}
.mem_ctg_box .radio_list li {
	margin-left: 40px;
}
.mem_ctg_box .radio_list li label {
	margin-left: 10px;
	font-size: 15px
}
.mem_ctg_box .radio_list li label.on {
	font-weight: bold
}
.certify_box {
	overflow: hidden;
	width: 100%;
}
.certify_box div {
	float: left;
}
.certify_box div a {
	display: block;
	width: 215px;
	height: 118px;
	padding: 40px 0 0 150px;
	border: 1px solid #dadada;
	border-radius: 3px;
}
.certify_box div a:hover {
	background-color: #fafafa;
	border: 1px solid #bebebe;
}
.certify_box div strong {
	display: block;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: normal
}
.certify_box div span {
	display: block;
	font-size: 11px;
	color: #666;
	line-height: 1.5em;
}
.certify_box div.ipin_certify {
	float: left;
}
.certify_box div.ipin_certify a {
	background-image: url("../../images/front/member/bg_ipin.png");
	background-position: 64px 49px;
	background-repeat: no-repeat;
}
.certify_box div.hp_certify {
	float: right;
}
.certify_box div.hp_certify a {
	background-image: url("../../images/front/member/bg_hp.png");
	background-position: 57px 49px;
	background-repeat: no-repeat;
}

/* 회원정보가입 완료 */
.join_success {
	padding: 65px 60px 40px;
	margin-bottom: 50px;
	text-align: center;
	color: #1e1e1e;
}
.join_success strong.name {
	display: block;
	margin-bottom: 20px;
	font-size: 36px;
	line-height: 36px;
	font-weight: 300
}
.join_success strong.name span {
	color: #64508c
}
.join_success p {
	font-size: 18px;
}
.join_success .my_cnt {
	margin-top: 50px;
	padding: 35px 0px 25px;
	text-align: left;
	border: 1px solid #e5e5e5;
}
.join_success .my_cnt ul {
	overflow: hidden;
}
.join_success .my_cnt ul li {
	float: left;
	margin-bottom: 10px;
	padding-left: 48px;
	font-size: 15px
}
.join_success .my_cnt ul li strong {
	float: left;
	width: 75px;
	padding-left: 12px;
	background: url("../../images/front/common/bg_dot02_02.png") 0 center no-repeat;
}
.join_success .my_cnt ul li span {
	float: left;
	width: 180px;
	color: #5c5c5c;
}



/* 회원정보입력 */
.join_chart {
	border-collapse: collapse;
	width: 100%;
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
}
.join_chart th {
	padding: 15px 0 15px 20px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	color: #1e1e1e;
	vertical-align: middle;
	background:#f6f6f6;
}
.join_chart td {
	padding: 15px 45px 15px 23px;
	border-bottom: 1px solid #e5e5e5;
}
/* 회원정보입력 
.join_chart {
	border-collapse: collapse;
	width: 100%;
}
.join_chart th {
	padding: 20px 0 10px 30px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	color: #1e1e1e;
	vertical-align: top;
}
.join_chart td {
	padding: 20px 45px 20px 15px;
	border-bottom: 1px solid #e5e5e5
} */
.join_chart tr:last-child td, .join_chart tr:last-child th {
	border-bottom: none;
}
.inp_address {
	margin-bottom: 20px;
}
.inp_address strong {
	display: block;
	margin-bottom: 10px;
	color: #1e1e1e
}
.inp_address li {
	margin-bottom: 10px;
}
.address_list {
	margin-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.address_list li {
	margin-bottom: 15px;
}
.address_list li strong {
	display: inline-block;
	width: 80px;
	color: #1e1e1e
}
.join-event-bnn { 
	position:absolute;
	right:0;
	top:390px;
}

/* 라디오버튼 체크 리스트 공통 */
.radio_satf li {
	float: left;
	padding-top: 10px;
	margin-right: 30px;
}
.radio_satf li label {
	margin-left: 5px;
	vertical-align: middle;
}
.radio_satf li label.on .star {
	background: url("../../images/front/bbs/bg_star.png") 0 0px repeat-x;
}
.radio_list {
	/* padding-top: 3px; */
}
.radio_list:after {
	content: "";
	display: block;
	clear: both;
}
.radio_list li {
	float: left;
	position:relative;
}
.radio_list label {
	margin-left: 5px;
	color: #5a5a5a
}
.radio_list li .apply-tooltip {
	position:absolute;
	background:#fff;	
	color:#fc7448;
	border:2px solid #fc7448;
	border-radius:10px;
	padding:15px;	
	top:50%;
	transform:translateY(-50%);
	left:calc(100% + 23px);
	margin-top:-3px;
}
.apply-tooltip span.tooltip-arr {
	position:absolute;
	width:15px;
	height:15px;
	top:50%;
	transform:scaleX(2) translateY(-50%);
	left:-19px;
}
.apply-tooltip span.tooltip-arr:before,
.apply-tooltip span.tooltip-arr:after {
	content:'';
	position:absolute;
	width:15px;
	height:15px;
	margin-top:-2px;
	top:50%;
	transform:rotate(45deg) translateY(-50%);
}
.apply-tooltip span.tooltip-arr:before { border-radius:0 15px 0 3px;background:#fc7448;left:0px; }
.apply-tooltip span.tooltip-arr:after { border-radius:0 15px 0 2px;background:#ffffff;left:2px; }
.apply-tooltip p {
	white-space:nowrap;
	font-size:14px;
}
.chk_list li {
	margin-bottom: 10px;
}
.chk_list label {
	margin-left: 5px;
}
.on_chk label.on {
	color: #5a5a5a
}

/* 팝업 */
.popup_area {
	background: #f5f6f7;
}
.popup_area .pop_tit {
	vertical-align: middle;
	background: #ff915f;
}
.popup_area .pop_tit h1 {
	height: 60px;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 18px;
}
.popup_area .pop_cont {
	padding: 20px;
	background: #f5f6f7;
	line-height: 1.5em;
    min-height: calc(100vh - 100px);
}
.popup_area .pop_cont .ptxt2 {
	padding: 0 0 15px 0;
}
.popup_area .pop_cont .icon1 {
	font-size: 15px;
	margin-bottom: 10px;
}
.popup_area .pop_cont .clear .icon1 {
	margin-top: 5px;
}
.popup_area .pop_cont .selectBox-label {
	color: #999;
	padding-left: 10px !important;
}
.popup_area .pop_cont .selectBox-dropdown li a {
	padding-left: 10px !important;
}
#wrap_middle .popup_area .pop_tit {
	vertical-align: middle;
	background: #5ad2c8;
}
#wrap_middle .popup_area .org {
	color: #00aaaa !important
}
#wrap_middle .popup_area .em {
	color: #64508c;
}
.ptxt1 {
	height: 46px;
	padding: 56px 0;
	text-align: center;
	font-size: 18px;
	line-height: 1.4em;
}
.ptxt2 {
	padding: 30px 0;
	text-align: center;
	font-size: 18px;
	line-height: 1.4em;
}
.pop_address_list {
	height: 258px;
	overflow-y: scroll;
	padding: 0 15px;
	margin-top: -1px;
}
.pop_address_list li {
	margin-top: -1px;
	padding: 18px 0;
	border-top: 1px solid #d0d0d0
}
.pop_address_list li a {
	display: block;
}
.pop_address_list li strong {
	display: block;
	color: #1e1e1e
}
.pop_address_list li span {
	display: block;
}
.address_txt {
	text-align: left;
	margin-top: -1px;
}
.address_txt li {
	overflow: hidden;
	width: 100%;
	margni-top: -1px;
	padding: 20px 0;
	border-top: 1px solid #e5e5e5
}
.address_txt li strong {
	float: left;
	display: block;
	width: 70px;
	padding-left: 15px;
	color: #1e1e1e
}
.address_txt li span {
	float: left;
	width: 354px;
}
.zipcode_chk {
	
}
.zipcode_chk li {
	width: 50%;
}
.zipcode_chk li label {
	display: block;
	padding-left: 25px;
}
.zipcode_chk li .bg_rdo {
	float: left;
	margin-top: 10px
}
.zipcode_chk li .gray2 {
	display: block;
	padding-left: 30px;
	font-size: 11px;
}
.sch_type {
	overflow: hidden;
	margin-bottom: 15px;
}
.sch_type li {
	float: left;
	width: 25%;
}

/* 보유큐폰 스크롤 */
.scroll_chart {
	position: relative;
	overflow-y: auto;
	height: 160px;
	margin-bottom: 20px;
}

/* 만족도 조사 */
.survey {
	padding: 15px 0;
	margin-top: 12px;
}
.survey li {
	margin-left: 8px;
}
.survey .radio_list label {
	margin-left: 2px;
}
.survey_area {
	height: 52px;
	width: 98%;
	margin-top: 12px;
	padding: 3px 1%;
	border: 1px solid #d0d0d0;
	border-radius: 2px;
	font-size: 13px;
}
.popup_area .pop_cont .nxt {
	display: inline-block;
	width: 4px;
	height: 7px;
	margin: 0 5px;
	background: url("../../images/front/page/img_nxt.png") 0 0 no-repeat;
}

/* 원격신청 */
.pc_time {
	padding-left: 97px;
	margin-top: 10px;
}

/* omr */
.omr { 
	width:500px;
	height:366px;
	background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/common/omr.png) 0 0 no-repeat;
	position:relative;
	box-sizing:border-box;
	padding-top:72px;
	overflow:hidden;
}
.omr ol { 
	float:left;
	box-sizing:border-box;
	width:137px;
	padding-top:7px;
}
.omr ol:nth-of-type(4) { width:89px; }
.omr ol li { 
	height:24px;
	font-size:0;
	margin-bottom:4px;
	position:relative; 
	text-align:center;
	padding-left:30px;
}
.omr ol:nth-of-type(3) li { padding-left:29px } 
.omr ol:nth-of-type(4) li { padding-left:28px } 
.omr ol li:nth-of-type(2n) { margin-bottom:5px; }
.omr ol li span { 
	display:inline-block;
	width:28px;
	height:24px;
	position:absolute; 
	left:1px;
	top:0;
}
.omr ol li span.wrong:before { 
	content:'';
	display:block;
	width:3px;
	height:28px;
	background:#d82804;
	transform:rotate(45deg);
	margin:0 auto;
}
.omr ol li span.right:before {
	content:'';
	display:block;
	width:24px;
	height:24px;
	box-sizing:border-box;
	border:3px solid #d82804;
	border-radius:50%;
	margin:0 auto;
}
.omr ol li i { 
	display:inline-block;
	width:11px;
	height:24px;
	border-radius:5px;
	box-sizing:border-box;
	margin:0 7px; 
}
.omr ol:nth-of-type(4) li i { margin:0 10px 0 9px }

.omr ol li i.answer { border:1px solid #0098cb;background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/common/orm_answer_num.png) no-repeat #e82700; }
.omr ol li i.a1.answer { background-position:center 0; }
.omr ol li i.a2.answer { background-position:center -24px; }
.omr ol li i.a3.answer { background-position:center -48px; }
.omr ol li i.a4.answer { background-position:center -72px; }
.omr ol li i.aO.answer { background-position:1px -96px; }
.omr ol li i.aX.answer { background-position:center -120px; }
.omr ol li i.answer.mark,
.omr ol li i.mark { border:0;background-image:none;background:#000; }
.omr strong.omr-score { 
	position:absolute;
	width:223px;
	height:109px;
	line-height:109px;
	text-align:center; 
	font-size:39px;
	color:#0e6cce;
	bottom:2px;
	right:2px;
	font-weight:normal;
}

/* 설문 */
.popup_area.popup_survey .pop_tit { background:#f96742; }
.popup_survey .btn_bbs1 { background:#f96742; }

.survey-summary { padding-left:80px;padding-top:13px;background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/common/ico_survey_summary.png) 0 center no-repeat;min-height:62px;box-sizing:border-box; }

.survey-form {  }
.survey-form > li { padding:35px 0; }
.survey-form > li + li { border-top:1px solid #d0d0d0; }

.survey-question { position:relative;padding-left:62px;margin-bottom:10px;  }
.survey-question cite { position:absolute;left:0;top:0;font-size:16px;font-weight:bold;font-style:normal;color:#000;margin-right:20px; }
.survey-question p { display:inline;font-size:15px;vertical-align:top; }
.survey-question span.gray { border-bottom:1px solid #999;vertical-align:middle;display:inline-block; }

.survey-article { background:#fff4f1;border-radius:5px;margin-bottom:10px;padding:15px 20px;font-size:13px;line-height:18px; }

.survey-image { margin-bottom:10px; }
.survey-image img { display:block;max-width:100%;border-radius:5px; }

.survey-answer {}
.survey-answer ol {}
.survey-answer ol li { position:relative;padding-left:20px; }
.survey-answer ol li + li { margin-top:10px; }
.survey-answer li .answer-num { position:absolute;left:0;top:7px; }
.survey-answer li input[type="checkbox"],
.survey-answer li input[type="radio"] { position:absolute;opacity:0; }
.survey-answer li label { cursor:pointer;display:inline-block;vertical-align:top;line-height:18px;font-size:14px;color:#000;padding:6px 14px;border-radius:25px;border:1px solid #888; }
.survey-answer li input[type="checkbox"]:checked + label,
.survey-answer li input[type="radio"]:checked + label { background:#f96742;color:#fff;border:1px solid #f96742; }
.survey-answer li label + input[type="text"] { outline:0;border:1px solid #ddd;box-sizing:border-box;height:32px;vertical-align:top;background:#f5f6f7;margin-left:10px;width:calc(100% - 66px);padding:0 10px; }
.survey-answer li input:checked + label + input[type="text"] { background:#fff; }
.survey-answer li input:checked + label + input[type="text"]:focus { border:1px solid #f96742;color:#f96742; }
.survey-answer li img { display:block;margin-top:8px;border-radius:5px;max-width:100%;box-sizing:border-box; }
/* .survey-answer li input:checked + label ~ img { outline:1px solid #f96742;position:relative; } */
.survey-answer textarea { border:1px solid #ddd;width:100%;box-sizing:border-box;font-size:14px;line-height:18px;padding:8px 14px;outline:0; }
.survey-answer textarea:focus { border:1px solid #f96742;color:#f96742; }

/* 교재소개, 강사소개  */
.rthumb_info {
	position: relative;
	padding: 20px;
	min-height: 98px;
	border-bottom: 1px solid #e5e5e5;
}
.rthumb_info ul {
	padding-top: 20px;
}
.rthumb_info ul li {
	overflow: hidden;
	width: 100%;
	margin-bottom: 7px;;
}
.rthumb_info ul li strong {
	float: left;
	display: block;
	width: 80px;
	padding-left: 11px;
	background: url("../../images/front/common/bg_dot_li2.gif") 0 8px no-repeat;
}
.rthumb_info ul li span {
	float: left;
	width: 60%
}
.rthumb_info .thumb {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 70px;
}
.rthumb_info .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 68px;
	height: 96px;
	border: 1px solid #000;
	opacity: 0.2;
	display: none
}
.rthumb_info .thumb img {
	width: 100%;
}

/* 교재소개 2021 */
.thumb_info {
	min-height:128px;
	overflow:hidden;
	padding: 20px;
	border-bottom: 1px solid #e5e5e5;
}
.thumb_info .thumb { 
	width:92px;
	float:left;
	margin-right:20px;
	position:relative;
}
.thumb_info .thumb img {
	display:block;
	width:100%; 
}
.thumb_info .thumb:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:1px solid rgba(0,0,0,.1);
	top:0;
	left:0;
}
.thumb_info .info_area {
	float:left;
	padding-top:20px;
	max-width:calc(100% - 112px);
}
.thumb_info .info_area span {
	display:inline-block;
	position:relative;
	font-size:13px;
	font-weight:bold;
}
.thumb_info .info_area span ~ span {
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #ddd;
}
.thumb_info .info_area strong { 
	display:block;
	font-size:16px;
	font-weight:bold; 
	color:#ff643c;
	margin-top:10px;
}

.block_line {
	overflow: hidden;
	padding: 20px;
	border-bottom: 1px solid #e5e5e5;
}
.block_line dt {
	float: left;
	display: block;
	width: 80px;
	font-weight: bold;
	padding-left: 11px;
	background: url("../../images/front/common/bg_dot_li2.gif") 0 8px no-repeat;
}
.block_line dd {
	float: left;
	width: 80%
}
.block_line2 {
	overflow: hidden;
	padding: 20px;
}
.block_line2 dt {
	display: block;
	width: 80px;
	font-weight: bold;
	padding-left: 11px;
	background: url("../../images/front/common/bg_dot_li2.gif") 0 8px no-repeat;
}
.block_line2 dd {
	padding-top: 10px;
}
.block_line2 .scroll {
	height: 100px;
	padding: 20px 0 20px 20px;
	overflow-y: scroll
}
.nice_step {
	margin-bottom: 10px;
	background: url("../../images/front/page/bg_nice_step.png") 0 0 no-repeat;
}
.nice_step ul {
	overflow: hidden;
	width: 100%;
}
.nice_step li {
	float: left;
	width: 115px;
	height: 80px;
	text-align: center;
	line-height: 1.2em;
}
.nice_step li.active {
	color: #ff643c
}
.nice_step li span {
	display: block;
	padding: 15px 0 10px;
	line-height: 1em;
}
#wrap_middle .nice_step {
	background: url("../../images/front/page/bg_nice_step02.png") 0 0 no-repeat;
}
#wrap_middle .nice_step li.active {
	color: #00aaaa
}
.apply_step {
	margin-bottom: 25px;
}
.apply_step ul {
	background: url("../../images/front/page/bg_apply_step.png") 0 0 no-repeat;
}
.apply_step .step_tab3_1 {
	background-position: 0 0px
}
.apply_step .step_tab3_2 {
	background-position: 0 -60px
}
.apply_step .step_tab3_3 {
	background-position: 0 -120px
}
.apply_step ul {
	overflow: hidden;
	width: 100%;
}
.apply_step li {
	float: left;
	width: 166.5px;
	height: 60px;
	padding: 0px 0;
	text-align: center;
}
.apply_step li a {
	display: block;
	padding: 15px 0;
	height: 30px;
	line-height: 1.3em;
}
.apply_step li.active a {
	color: #ff643c
}
.apply_step li span {
	display: block;
}
#wrap_middle .apply_step ul {
	background-image: url("../../images/front/page/bg_apply_step02.png");
}
#wrap_middle .apply_step li.active a {
	color: #00aaaa
}
.apply_smy li .pbg_box div {
	border-radius: 5px;
}
.apply_smy li .img_ap01 {
	height: 506px;
	background: url("../../images/front/page/img_apply01.png") 0 0 no-repeat;
}
.apply_smy li .img_ap01_02 {
	height: 389px;
	background: url("../../images/front/page/img_apply01_02.png") 0 0 no-repeat;
}
.apply_smy li .img_ap02 {
	height: 506px;
	background: url("../../images/front/page/img_apply02_01.png") 0 0 no-repeat;
}
.apply_smy li .img_ap02_02 {
	height: 384px;
	background: url("../../images/front/page/img_apply02_02.png") 0 0 no-repeat;
}
.apply_smy li .img_ap03 {
	height: 538px;
	background: url("../../images/front/page/img_apply03.png") 0 0 no-repeat;
}
/* 20180516 단체 개인결제 개편 신청방법 안내 */
.popup_area .pop_cont ol li p.icon1 {
	font-size: 15px;
	margin-bottom: 5px;
}
.popup_area .pop_cont ol li div {
	border-radius: 5px;
	text-indent: -9999px;
}
.group2018img_ap0101 {
	height: 437px;
	background:	url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_apply0101.png") 0 0 no-repeat;
}
.group2018img_ap0102 {
	height: 359px;
	background:	url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_apply0102.png") 0 0 no-repeat;
}
.group2018img_ap0103 {
	height: 436px;
	background:	url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_apply0103.png") 0 0 no-repeat;
}
.group2018img_ap0104 {
	height: 547px;
	background:	url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_apply0104.png") 0 0 no-repeat;
}
.group2018img_ap0203 {
	height: 439px;
	background:	url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_apply0203.png") 0 0 no-repeat;
}
.group2018img_ap0204 {
	height: 547px;
	background:	url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_apply0204.png") 0 0 no-repeat;
}

/*쿠폰 사용방법 */
.cp_step {
	width: 500px;
	height: 44px;
	margin-bottom: 25px;
}
.cp_step ul {
	overflow: hidden;
	width: 100%;
	background-image: url("../../images/front/page/bg_cp_step.png");
}
.cp_step .step_tab4_1 {
	background-position: 0 0px
}
.cp_step .step_tab4_2 {
	background-position: 0 -44px
}
.cp_step .step_tab4_3 {
	background-position: 0 -88px
}
.cp_step .step_tab4_4 {
	background-position: 0 -132px
}
.cp_step ul li {
	float: left;
	width: 25%;
}
.cp_step ul li a {
	display: block;
	line-height: 44px;
	vertical-align: middle;
	text-align: center;
}
.cp_step ul li.active a {
	color: #ff643c
}
#wrap_middle .cp_step ul {
	background-image: url("../../images/front/page/bg_cp_step02.png");
}
#wrap_middle .cp_step ul li.active a {
	color: #00aaaa
}
.cp_box {
	margin-bottom: 20px;
}
.cp_box div {
	border-radius: 5px
}
.cp_box div.img_cp01 {
	height: 535px;
	background: url("../../images/front/page/img_coupon01.png") 0 0 no-repeat;
}
.cp_box div.img_cp02 {
	height: 535px;
	background: url("../../images/front/page/img_coupon02.png") 0 0 no-repeat;
}
.cp_box div.img_cp03 {
	height: 535px;
	background: url("../../images/front/page/img_coupon03.png") 0 0 no-repeat;
}
.cp_box div.img_cp04 {
	height: 535px;
	background: url("../../images/front/page/img_coupon04.png") 0 0 no-repeat;
}

/*신청불가사유확인 */
.nanapp td .bg_chk {
	margin: 0 10px;
}

/* 연수신청 */
.apply_chart {
	border-collapse: collapse;
	width: 100%;
	/* overflow: hidden; */
}
.apply_chart th {
	padding: 20px 0 10px 30px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	color: #1e1e1e;
	vertical-align: top;
}
.apply_chart td {
	padding: 20px 45px 15px 15px;
	border-bottom: 1px solid #e5e5e5
}
.apply_chart .lline {
	border-left: 1px solid #e5e5e5
}
.apply_chart .bline_none th {
	border-bottom: none
}
.apply_chart .bline_none td {
	border-bottom: none
}
.apply_chart td.bline_none {
	border-bottom: none
}
.apply_chart td .radio_list::after {
	margin-bottom: 0;
}
.apply_chart .middle{
	vertical-align: middle;
	padding-bottom: 15px;
}
.stxt_box {
	margin-top: 13px;
	padding-top: 15px;
	border-top: 1px solid #e5e5e5;
}

/* 6~8월 단체신청 사은품 선택 */
.img_chk_box {  }
.img_chk_box figure { 
	border:1px solid #d0d0d0;
	padding:1px;
	border-radius:5px; 
	overflow:hidden;
	cursor:pointer;
	position:relative;
	width:218px;
}
.container_wide .img_chk_box { text-align:center; }
.container_wide .img_chk_box figure {
	width:275px;
}
.img_chk_box.on figure {
	border:2px solid #ff7350;
	padding:0px;
}
.img_chk_box figure img { 
	display:block;
	width:100%;
}
.img_chk_box figure .soldout { 
	position:absolute;
	background:rgba(0,0,0,.75);
	font-size:24px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	top:0;
	left:0;
	width:100%;
	height:100%; 
	box-sizing:border-box;
	padding-top:105px;
}
.img_chk_box label { display:inline-block;vertical-align:top; }
.img_chk_box label.on,
.img_chk_box.on label  { color:#ff7350 }

/* 결제 */
.write_chart {
	border-collapse: collapse;
	width: 100%;
}
.write_chart th {
	padding: 17px 0 17px 30px;
	background:#f6f6f6;
	text-align: left;
	border-bottom: 1px solid #d0d0d0;
	color: #1e1e1e;
	vertical-align: top;
	font-size:15px;
	line-height:28px;
}
.write_chart td {
	padding: 17px 35px 17px 35px;
	border-bottom: 1px solid #d0d0d0;
	font-size:15px;
	line-height:28px;
}
.write_chart td + th {
	border-left: 1px solid #d0d0d0;
}
.write_chart td .radio_list::after {
	margin-bottom: 0;
}
.write_chart .inp-addr1 { width:calc(100% - 262px); }
.write_chart .inp_address li { font-size:0; }
.write_chart .mail_gpt{display:flex; align-items: center; gap:5px;}
.pbg_box .write_chart tr:first-child th:first-child { border-top-left-radius:5px; }
.pbg_box .write_chart tr:last-child th:first-child { border-bottom-left-radius:5px; }
.pbg_box .write_chart tr:last-child th,
.pbg_box .write_chart tr:last-child td { border-bottom:0; }

.write_chart td .icon2_list { line-height:initial; }

/* #61175 2024연수플러스 회원권 결제*/
.gift-wrap24 ul{
	margin:15px 0 0;
}
.gift-wrap24 ul li{
	display:inline-block;
	vertical-align:top;
	margin-right:15px;
	position:relative;
	width:275px;
	box-sizing: border-box;	
	margin-bottom:30px;
}
.gift-wrap24 ul li:last-child{
	margin-right:0;
}
.gift-wrap24 ul li label{
	cursor:pointer;
}
.gift-wrap24 ul li .thumb{
	width:275px;
	height:243px;
	background:#fff;
	border:1px solid #d0d0d0;
	display:table;
	text-align:center;
	position:relative;
}
.gift-wrap24 ul li .thumb span{
	display:table-cell;
	vertical-align:middle;
}
.gift-wrap24 ul li .txt{
	position: absolute;
    padding-left: 7px;
    word-break: keep-all;
    line-height: 1.3;
    margin-top: 5px;
    font-size: 15px;
    color: #5a5a5a;
}
.gift-wrap24 ul li.on .thumb{
	border:2px solid #ff7350;
}
.gift-wrap24 ul li.end .thumb:before{
	content:'선착순 마감';
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	position:absolute;
	left:0;
	top:0;
	display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size:20px;
}
.gift-wrap24 ul li.end .thumb{
	border:1px solid #d0d0d0;
}
.gift-wrap24 ul li.end .bg_rdo > input:checked + .chk_box > .tick{
	background-position: -40px 0;
}
.gift-wrap24 ul li.end label{
	cursor: default;
}

/* 찾아오시는길 */
.map_box .map {
	margin-bottom: 35px;
	width: 720px;
	height: 380px;
	background: url("../../images/front/page/img_map.gif") 0 0 no-repeat;
}
#wrap_middle .map_box .map {
	margin-bottom: 35px;
	width: 720px;
	height: 380px;
	background: url("../../images/front/page/img_map02.gif") 0 0 no-repeat;
}
.map_box .icon2_list {
	padding-left: 10px;
}
.map_box .icon2_list li {
	margin-bottom: 5px;
}
.map_box .icon2_list li span {
	display: inline-block;
	width: 70px;
	color: #1e1e1e;
}

/* 조직도 */
.org_box {
	position: relative;
	height: 444px;
	padding: 70px 48px;
	background: url("../../images/front/page/bg_org.gif") 48px 190px no-repeat;
}
.org_box strong {
	position: absolute;
	top: 62px;
	left: 49px;
	line-height: 2.0em;
	font-size: 15px;
}
.org_box strong em {
	display: block;
	font-size: 28px;
	color: #ff643c
}
.org_box h3 {
	width: 148px;
	height: 88px;
	margin: 30px auto 0;
	line-height: 88px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 24px;
	background: #ff7350;
	border: 1px solid #ff7350;
	border-radius: 50px
}
.org_box .group1 {
	position: absolute;
	top: 72px;
	right: 49px;
}
.org_box .group1 li {
	width: 128px;
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
	margin-bottom: 4px;
	border-radius: 20px;
	border: 3px solid #e5e5e5;
	text-align: center;
}
.org_box .group2 {
	position: absolute;
	top: 275px;
	left: 49px;
}
.org_box .group2 dl {
	float: left;
	width: 148px;
	height: 238px;
	margin-right: 20px;
}
.org_box .group2 dt {
	height: 69px;
	line-height: 69px;
	vertical-align: middle;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #ff915f;
	border-bottom: none;
	color: #ff643c;
	font-size: 18px;
	border-radius: 5px 5px 0 0
}
.org_box .group2 dd {
	height: 169px;
	text-align: center;
	border: 1px solid #bebebe;
	border-top: none;
	border-radius: 0 0 5px 5px
}
.org_box .group2 dd ul {
	padding-top: 20px;
	font-size: 15px;
}
.org_box .group2 dd ul.pT50 {
	padding-top: 50px;
}
.org_box .group2 dd li {
	padding: 5px 0;
	height: 20px;
}
#wrap_middle .org_box strong em {
	color: #00aaaa
}
#wrap_middle .org_box h3 {
	background: #14b4af;
	border: 1px solid #14b4af;
}
#wrap_middle .org_box .group2 dt {
	border: 1px solid #5ad2c8;
	border-bottom: none;
	color: #00aaaa;
}

/* 조직도 20160120 */
.org_box20160120 {
	position: relative;
	height: 624px;
	padding: 60px 48px;
	background:
		url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/01_bg/bg_org_20160120.png") 135px 169px no-repeat;
}
.org_box20160120 strong {
	position: absolute;
	top: 62px;
	left: 49px;
	line-height: 2.0em;
	font-size: 15px;
}
.org_box20160120 strong em {
	display: block;
	font-size: 28px;
	color: #ff643c
}
.org_box20160120 h3 {
	width: 185px;
	height: 45px;
	margin: 0px auto 0;
	line-height: 45px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 24px;
	background: #ff7350;
	border: 1px solid #ff7350;
	border-radius: 50px
}
.org_box20160120 h4 {
	width: 185px;
	height: 45px;
	margin: 15px auto 0;
	line-height: 45px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 24px;
	background: #7d7d7d;
	border: 1px solid #7d7d7d;
	border-radius: 50px
}
.org_box20160120 .group1 {
	position: absolute;
	top: 240px;
	left: 49px;
}
.org_box20160120 .group1 dl {
	float: left;
	width: 178px;
	height: 143px;
	margin-right: 20px;
}
.org_box20160120 .group1 dt {
	height: 69px;
	line-height: 69px;
	vertical-align: middle;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #7d7d7d;
	border-bottom: none;
	color: #7d7d7d;
	font-size: 18px;
	border-radius: 5px 5px 0 0;
}
.org_box20160120 .group1 dd {
	height: 74px;
	text-align: center;
	border: 1px solid #bebebe;
	border-top: none;
	border-radius: 0 0 5px 5px;
	color: #8b8b8b;
	background: #fff;
}
.org_box20160120 .group1 dd ul {
	padding-top: 20px;
	font-size: 15px;
}
.org_box20160120 .group1 dd li {
	padding: 5px 0;
	height: 20px;
}
.org_box20160120 .group2 {
	position: absolute;
	top: 465px;
	left: 49px;
}
.org_box20160120 .group2 dl {
	float: left;
	width: 208px;
	height: 210px;
	margin-right: 20px;
}
.org_box20160120 .group2 dt {
	height: 69px;
	line-height: 69px;
	vertical-align: middle;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #ff915f;
	border-bottom: none;
	color: #ff643c;
	font-size: 18px;
	border-radius: 5px 5px 0 0
}
.org_box20160120 .group2 dd {
	height: 137px;
	text-align: center;
	border: 1px solid #bebebe;
	border-top: none;
	border-radius: 0 0 5px 5px
}
.org_box20160120 .group2 dd ul {
	padding-top: 20px;
	font-size: 15px;
}
.org_box20160120 .group2 dd li {
	padding: 5px 0;
	height: 20px;
}
.org_box20160120 .group3 {
	position: absolute;
	top: 172px;
	right: 45px;
}
.org_box20160120 .group3 dl {
	float: left;
	width: 178px;
	height: 208px;
}
.org_box20160120 .group3 dt {
	height: 69px;
	line-height: 69px;
	vertical-align: middle;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #7d7d7d;
	border-bottom: none;
	color: #7d7d7d;
	font-size: 18px;
	border-radius: 5px 5px 0 0
}
.org_box20160120 .group3 dd {
	height: 139px;
	text-align: center;
	border: 1px solid #bebebe;
	border-top: none;
	border-radius: 0 0 5px 5px;
	color: #8b8b8b;
	background: #fff;
}
.org_box20160120 .group3 dd ul {
	padding-top: 20px;
	font-size: 15px;
}
.org_box20160120 .group3 dd li {
	padding: 5px 0;
	height: 20px;
}
#wrap_middle .org_box20160120 strong em {
	color: #00aaaa
}
#wrap_middle .org_box20160120 h3 {
	background: #14b4af;
	border: 1px solid #14b4af;
}
#wrap_middle .org_box20160120 .group2 dt {
	border: 1px solid #5ad2c8;
	border-bottom: none;
	color: #00aaaa;
}

/* 연수원소개 */
.intro {
	position: relative;
	height: 654px;
}
.intro h3 {
	padding-top: 50px;
	line-height: 2.0em;
	font-size: 18px;
	text-align: center;
}
.intro h3 em {
	display: block;
	margin-top: 0px;
	font-size: 32px;
	color: #ff643c
}
.intro h4 {
	position: absolute;
	top: 242px;
	left: 262px;
	width: 234px;
	height: 98px;
	padding: 68px 0;
	line-height: 1.2em;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 28px;
	background: #ff7350;
	border: 1px solid #ff7350;
	border-radius: 100%
}
.intro li {
	position: absolute;
	width: 180px;
	height: 70px;
	padding: 60px 0 50px;
	border: 10px solid #d0d0d0;
	border-radius: 100%;
	font-size: 15px;
	text-align: center;
}
.intro li strong {
	display: block;
	margin-bottom: 14px;
	font-size: 19px;
	color: #ff643c;
	text-align: center;
}
.intro li.itxt1 {
	top: 124px;
	left: 65px;
}
.intro li.itxt2 {
	top: 124px;
	left: 495px;
}
.intro li.itxt3 {
	top: 394px;
	left: 65px;
}
.intro li.itxt4 {
	top: 394px;
	left: 495px;
}
#wrap_middle .intro h3 em {
	color: #00aaaa
}
#wrap_middle .intro li strong {
	color: #00aaaa;
}
#wrap_middle .intro h4 {
	background: #14b4af;
	border: 1px solid #14b4af
}

/* 연수안내 */
.step_li {
	overflow: hidden;
	width: 100%;
	border-radius: 5px;
	display:flex;
	/* background: url("../../images/front/page/bg_step_li_y.gif") 0 0 repeat-y; */
}
.step_li li {
	position: relative;
	text-align:center;
	width: 25%;
	box-sizing:border-box;
	padding: 29px 24px;
}
.step_li li ~ li { border-left:1px solid #eee; }
.step_li li .black {
	color: #5a5a5a
}

.step_li li strong {
	display: block;
	line-height: 22px;
	vertical-align: middle;
	border-radius: 10px;
	background: #e5e5e5;
	border: 1px solid #e5e5e5;
	text-align: center;
}
.step_li li div {
	padding: 20px 3px 0px;
	color: #666;
	letter-spacing: -0.06em;
}
.step_li li div span.ft11 {
	display: block;
	padding: 18px 0 0;
}
.step_li li .next {
	position: absolute;
	top: 29px;
	right: -12px;;
	display: block;
	width: 24px;
	height: 24px;
	background: url("../../images/front/page/bg_step_next.png") 0 0 no-repeat;
	z-index:2;
}
.step_li2 {
	overflow: hidden;
	width: 100%;
	border-radius: 5px;
	background: url("../../images/front/page/bg_step_li_y02.gif") 0 0 repeat-y;
}
.step_li2 li {
	position: relative;
	float: left;
	width: 112px;
	padding: 29px 20px;
}
.step_li2 li.last {
	width: 110px;
}
.step_li2 li .black {
	color: #5a5a5a
}
.step_li2 li strong {
	display: block;
	width: 115px;
	height: 22px;
	padding: 10px 0;
	line-height: 22px;
	vertical-align: middle;
	border-radius: 20px;
	background: #e5e5e5;
	text-align: center;
}
.step_li2 li strong.tw {
	height: 32px;
	padding: 5px 0;
	line-height: 16px;
}
.step_li2 li div {
	padding: 20px 5px 0px;
	color: #666;
	letter-spacing: -0.06em;
}
.step_li2 li div span.ft11 {
	display: block;
	padding: 18px 0 0;
}
.step_li2 li .next {
	position: absolute;
	top: 29px;
	right: -12px;;
	display: block;
	width: 24px;
	height: 24px;
	background: url("../../images/front/page/bg_step_next.png") 0 0 no-repeat;
}

/* 연간일정 */
.chart_schedule_box {
	border-top: 1px solid #414b55;
	border-bottom: 1px solid #414b55
}
.chart_schedule {
	border-collapse: collapse;
	width: 100%;
}
.chart_schedule thead th {
	padding: 15px 10px;
	background: #f7f7f7;
	color: #666;
	border-bottom: 1px solid #f7f7f7
}
.chart_schedule tbody td {
	padding: 15px 10px;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	text-align: center;
}
.chart_schedule tbody td.alL {
	padding: 15px;
	text-align: left;
}
.chart_schedule tbody td.first {
	border-left: none;
}
.chart_schedule .line_bold td, .chart_schedule td.line_bold {
	border-top: 1px solid #bebebe
}
.chart_schedule td.highlight01 {
	border-top: 2px solid #ff967d !important;;
	border-bottom: 2px solid #ff967d !important;
	border-left: 2px solid #ff967d !important;
}
.chart_schedule td.highlight02 {
	border-top: 2px solid #ff967d !important;
	border-bottom: 2px solid #ff967d !important;
}
.chart_schedule td.highlight03 {
	border-top: 2px solid #ff967d !important;
	border-bottom: 2px solid #ff967d !important;
	border-right: 2px solid #ff967d !important;
}
#wrap_middle .chart_schedule td.highlight01 {
	border-top: 2px solid #14b4af !important;;
	border-bottom: 2px solid #14b4af !important;
	border-left: 2px solid #14b4af !important;
}
#wrap_middle .chart_schedule td.highlight02 {
	border-top: 2px solid #14b4af !important;
	border-bottom: 2px solid #14b4af !important;
}
#wrap_middle .chart_schedule td.highlight03 {
	border-top: 2px solid #14b4af !important;
	border-bottom: 2px solid #14b4af !important;
	border-right: 2px solid #14b4af !important;
}

/* 강의실 */
.my_rbox_wrap {
	overflow: hidden;
	background: url("../../images/front/page/bg_myrbox_y.gif") 0 0 repeat-y;
}
/* 2019 06 11 이전 
.my_rbox {
	float: left;
	width: 192px;
	padding: 0 30px 20px;
}
.my_rbox h3 {
	padding: 28px 0 15px;
	font-size: 18px;
	color: #1e1e1e;
	font-size: 18px;
	border-bottom: 1px solid #e5e5e5;
	font-weight: normal;
	text-align: center;
}
.my_rbox h3 span {
	display: block;
	padding-top: 7px;
	font-size: 15px;
}
.my_rbox ul {
	padding-top: 10px;
}
.my_rbox ul li {
	overflow: hidden;
	width: 100%;
	padding: 6px 0;
}
.my_rbox ul li .ltxt {
	fliat: left;
	width: 135px;
	padding-left: 10px;
}
.my_rbox ul li .rtxt {
	float: right;
	min-width: 40px;
	padding-right: 10px;
	text-align: right;
}
.my_rbox ul li .btn20 {
	width: 69px;
	text-align: center;
}
.my_rbox ul li .btn20.mr {
	margin-right: 6px;
} */
/* 나의 강의실 2019 06 11 이후 */
.my_rbox_wrap2019 {
	overflow: hidden;
}
.my_rbox_wrap2019 .pbg_box { 
	height:148px; 
}
.my_rbox_wrap2019 .pbg_box:nth-of-type(1) { 
	float:left;
	width:484px; 
}
.my_rbox_wrap2019 .pbg_box:nth-of-type(2) { 
	float:right;
	width:252px; 
}
.my_rbox_wrap2019 .my_rbox1,
.my_rbox_wrap2019 .my_rbox2 { 
	float:left;
	height:148px;
	box-sizing:border-box;
}
.my_rbox_wrap2019 .my_rbox1 {
	width:230px;
}
.my_rbox_wrap2019 .my_rbox2 {
	width:254px;
	border-left:1px solid #e5e5e5;
}
.my_rbox_wrap2019 li { 
	overflow:hidden;
	padding-left:50px;
	padding-right:50px; 
}
.my_rbox_wrap2019 li .ltxt { 
	float:left;
	font-size:15px;
	color:#5a5a5a; 
}
.my_rbox_wrap2019 li .rtxt { 
	float:right;
	font-size:15px;
	color:#5a5a5a; 
}
.my_rbox_wrap2019 li .rtxt a {
	font-size:18px;
	color:#1e1e1e;
	margin-right:5px;  
}
.my_rbox_wrap2019 li .rtxt a.org { font-weight:bold; }
.my_rbox_wrap2019 li .rtxt a:hover,
.my_rbox_wrap2019 li .rtxt a:focus { text-decoration:underline; }
.my_rbox_wrap2019 .my_rbox1 .highlihgt { 
	background:#f7f7f7;
	border-bottom:1px solid #e5e5e5; 
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
	border-radius:5px 0 0 0;
}
.my_rbox_wrap2019 .my_rbox1 .highlihgt .ltxt { 
	float:none;
	display:block;
	font-size:18px; 
	color:#1e1e1e;
}
.my_rbox_wrap2019 .my_rbox1 .highlihgt .rtxt { 
	float:none;
	display:block;
	margin-top:10px; 
}
.my_rbox_wrap2019 .my_rbox1 li:nth-of-type(2) {
	padding-top:16px;
}
.my_rbox_wrap2019 .my_rbox1 li:nth-of-type(2) .rtxt a { font-size:15px; }
.my_rbox_wrap2019 .my_rbox2 { padding-top:28px; }
.my_rbox_wrap2019 .my_rbox2 li + li { margin-top:17px; }
.my_rbox_wrap2019 .my_rbox3 li { padding-top:28px;padding-bottom:26px; }
.my_rbox_wrap2019 .my_rbox3 li + li { padding-top:26px;border-top:1px solid #e5e5e5; }

/* 나의 강의실 2023 04 28 스타일 추가 #57687 */
.myclass h3.icon1{margin-top:70px; padding:0; font-weight: 600; background-image:none;}
.myclass h3.icon1:before{content: ""; display:inline-block;width:6px;height:6px;margin-right:6px;background:#ff7350;border-radius:50%;vertical-align: middle;}

/* my 회원권 관리 2023 */
.membership_rbox_wrap2023 {
	overflow: hidden;
	display:flex;
}
.membership_rbox_wrap2023 .pbg_box { 
	height:184px; 
}
.membership_rbox_wrap2023 .pbg_box:nth-of-type(1) { 
	width:293px; 
	box-sizing:border-box;
}
.membership_rbox_wrap2023 .pbg_box:nth-of-type(2) { 
	margin-left:20px;
	flex:1;
	display:flex;
}
.membership_rbox_wrap2023 [class^="rbox"] {
	padding-left:30px;
	padding-right:30px;	
}
.membership_rbox_wrap2023 .rbox1 { 
}
.membership_rbox_wrap2023 .rbox2 {
	flex:1;
}
.membership_rbox_wrap2023 .rbox3 {
	flex:1;
	border-left:1px solid #e5e5e5;
}
.membership_rbox_wrap2023 .rbox-tit {
	padding:25px 0 15px;
	margin-bottom:20px;
	border-bottom:1px solid #f0f0f0;
}
.membership_rbox_wrap2023 .rbox-tit strong {
	color:#1e1e1e;
}
.membership_rbox_wrap2023 .rbox-tit a:after {
	content:'';
	display:inline-block;
	width:7px;
	height:7px;
	border-top:2px solid #1e1e1e;
	border-right:2px solid #1e1e1e;
	transform:rotate(45deg);
	margin-left:3px;
}
.membership_rbox_wrap2023 .rbox1 ul {
	padding:5px 0;
}
.membership_rbox_wrap2023 .rbox1 li { 
	overflow:hidden;
	font-size:15px;
	color:#5a5a5a; 
}
.membership_rbox_wrap2023 .rbox1 li + li { margin-top:20px; }
.membership_rbox_wrap2023 .rbox1 li a {	font-size:18px;font-weight:bold; }
.membership_rbox_wrap2023 .rbox1 li a:hover,
.membership_rbox_wrap2023 .rbox1 li a:focus,
.membership_rbox_wrap2023 .rbox2 p a:hover,
.membership_rbox_wrap2023 .rbox2 p a:focus { text-decoration:underline; }
.membership_rbox_wrap2023 .lnks {
	display:flex;
	margin-bottom:7px;
}
.membership_rbox_wrap2023 .lnks a {
	flex:1;
	display:block;
	box-sizing:border-box;
	height:34px;
	line-height:32px;
	border:1px solid #ff7350;
	color:#ff7350;
	background:#ffffff;
	border-radius:5px;
	font-size:14px;
	text-align:center;
	transition:all .3s;
}
.membership_rbox_wrap2023 .lnks a:hover {
	background: rgba(255,115,80,.1);
}
.membership_rbox_wrap2023 .lnks a.disabled {
	border:1px solid #c8c8c8;
	background:#e5e5e5;
	color:#999999;
	pointer-events:none;
}
.membership_rbox_wrap2023 .lnks a + a {
	margin-left:7px;
}

/* 회원권/패키지 상세 */
.membership-tit {  }
.membership-tit strong { 
	font-size:22px;
	line-height:1.2;
}
.membership-info { display:flex; }
.membership-info-tbl { 
	flex:1;
	border-top:1px solid #e5e5e5; 
}
.membership-info-tbl .pt_chart2 th {
	padding-left:0;
	padding-top:8px;
	padding-bottom:8px;
	line-height:28px;
}
.membership-info-tbl .pt_chart2 td {
	padding-top:8px;
	padding-bottom:8px;
	line-height:28px;
}/* 
.membership-info-tbl td .nbtn28 {
	margin-top:-2px;
} */
.membership-info-tbl td
.membership-info-img { 
	width:168px;
}

/* 강의실 뷰 */
.prs_info_box2 {
	padding: 28px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	margin-bottom: 40px;
	position: relative;
}
.prs_info_box2:after {
	content: "";
	display: block;
	clear: both;
}
.prs_info_box2 h3 {
	padding: 10px 0 0;
	font-size: 18px;
	min-height: 55px;
	color: #1e1e1e
}
.prs_info_box2 .info_box {
	float: left;
	width: 502px;
	border-top: 1px solid #e5e5e5
}
.prs_info_box2 .info_box dl {
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	width: 100%;
}
.prs_info_box2 .info_box dl dt {
	float: left;
	width: 90px;
	min-height: 44px;
	line-height: 42px;
	color: #1e1e1e;
	font-weight: bold;
	text-align: left;
	background: url('../../images/front/bbs/bg_line_y.gif') right center no-repeat;
}
.prs_info_box2 .info_box dl dd {
	float: left;
	min-height: 44px;
	padding-left: 13px;
	line-height: 42px;
	vertical-align: middle;
	text-align: left;
}
.prs_info_box2 .info_box dl.dl_wide {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}
.prs_info_box2 .info_box dl.dl_wide dd {
	width: 428px;
	min-height: 34px;
	padding: 10px 0 5px 13px;
}
.prs_info_box2 .info_box dl.dl_wide dd a {
	float: left;
}
.prs_info_box2 .info_box dl.dl_wide dd span {
	float: left;
	width: 330px;
	padding-top: 5px;
	line-height: 20px;
}
.prs_info_box2 .info_box dd .btn26 {
	margin-right: 8px;
}
.prs_info_box2 .prs_info_thumb {
	float: right;
	width: 168px;
}
.prs_info_box2 .prs_info_thumb .thumb {
	display: block;
	position: relative;
	width: 168px;
	height: 94px;
	margin-bottom: 10px;;
}
.prs_info_box2 .prs_info_thumb .thumb img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.prs_info_box2 .prs_info_thumb .thumb .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 92px;
	border: 1px solid #000;
	border-radius: 5px;
	opacity: 0.2;
}
.prs_info_box2 .prs_info_thumb a.bg_white {
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
	width: 164px;
}
.prs_info_box2 .prs_info_thumb a.bg_gray {
	display: block;
	float: left;
	width: 78px;
	height: 66px;
	border-radius: 2px;
	text-align: center;
	font-weight: bold
}
.prs_info_box2 .prs_info_thumb a.bg_gray span {
	display: block;
	margin: 13px auto 6px;
}
.prs_info_box2 .prs_info_thumb a.mR7 {
	margin-right: 7px;
}
.prs_info_box2 .prs_info_thumb .btn_omr a {
	width: 166px;
	margin-top: 5px;
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
}

/* 2019 강의실 상세 */
.prs_info_box2019 {
	padding: 28px;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	margin-bottom: 20px;
	position: relative;
}
.prs_info_box2019:after {
	content: "";
	display: block;
	clear: both;
}
.prs_info_box2019 h3 {
	padding: 9px 0 0;
	font-size: 18px;
	line-height:1.3em;
	min-height: 20px;
	color: #1e1e1e;
	font-weight:normal;
	max-width:580px;
	margin-bottom:25px;
	/* white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis; */
}
/* 20191001 기수명추가 */
.prs_numbername {
	overflow:hidden;
	width:100%;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin:0 0 10px 0;
}
.prs_numbername dt {
	float: left;
	width: 80px;
	min-height: 38px;
	line-height: 36px;
	color: #1e1e1e;
	font-weight: bold;
	text-align: center;
	background: url('../../images/front/bbs/bg_line_y.gif') right center no-repeat;
}
.prs_numbername dd {
	float: left;
	min-height: 38px;
	padding-left: 13px;
	line-height: 36px;
	vertical-align: middle;
	text-align: left;
}

.prs_progress { overflow:hidden; }
.prs_progress p { 
	padding:13px 0;
	text-align:center;
	font-size:16px;
	border-bottom:1px solid #e5e5e5; 
}
.prs_progress dl {}
.prs_progress dl {
	overflow: hidden;
	width: 100%;
}
.prs_progress dl dt {
	float: left;
	width: 80px;
	min-height: 44px;
	line-height: 42px;
	color: #1e1e1e;
	font-weight: bold;
	text-align: center;
	background: url('../../images/front/bbs/bg_line_y.gif') right center no-repeat;
}
.prs_progress dl dd {
	float: left;
	min-height: 44px;
	padding-left: 13px;
	line-height: 42px;
	vertical-align: middle;
	text-align: left;
}
.prs_info_l { width:497px;float:left; }
.prs_chart .chart thead th,
.prs_chart .chart tbody td { padding:3px 10px; }
.prs_chart .chart tbody td.tit { 
	padding:15px 10px;
	text-align:center; 
}
.prs_chart .chart tbody td.highlight {
	border:1px solid #f96742;
	padding:15px 10px;
	background:#fffff3;
}
.prs_chart .chart tbody td.highlight + td { border-left:0; }
.prs_chart .chart tbody td.total { 
	padding:6px 10px !important; 
}
.prs_chart .chart tbody td.tit strong { 
	display:block;
	margin-bottom:10px;
	font-weight:normal;
	color:#1e1e1e; 
}
.prs_chart .chart tbody td.tit span em { font-size:16px; }
.prs_info_box2019 .prs_noti { 
	position:static; 
	width:auto;
	height:auto;
	text-align:center;
	background:#f7f7f7;
	overflow:hidden;
	border:0;
	padding:9px 9px 9px 20px;
}
.prs_info_box2019 .prs_noti p { line-height:28px;margin-bottom:0; }
.prs_info_state { float:right; }
.prs_info_state .complete {
	width:181px;
	height:159px;
	text-align:center;
	background:#f7f7f7;
	border:1px solid #d0d0d0;
	border-radius:5px;
}
.prs_info_state .complete span {
	display:block;
	font-size:15px;
}
.prs_info_state .complete em {
	display:block;
	font-size:20px;
}
.prs_info_state .bg_gray {
	height:61px;
	line-height:60px;
	font-size:20px;
	display:block;
	border-radius:5px;
	text-align:center;
	box-sizing:border-box;
	font-weight:bold;
}

/* 20160818 나의강의실- 자격증버튼 출력 */
.prs_info_box2 .info_box .dl_line {
	border-bottom: 1px solid #e5e5e5;
}
.prs_info_box2 .info_box .dl_line:after {
	content: "";
	display: block;
	clear: both;
}
.prs_info_box2 .info_box dl.dl1 {
	width: 330px;
	float: left;
	border-bottom: none;
}
.prs_info_box2 .info_box dl.dl1 dd {
	width: 227px;
	float: left;
}
.prs_info_box2 .info_box dl.dl2 {
	width: 172px;
	float: left;
	border-bottom: none;
}
.prs_info_box2 .info_box dl.dl2 dt {
	width: 60px;
	float: left;
}
.prs_info_box2 .info_box dl.dl2 dd {
	width: 98px;
	float: left;
}
.prs_noti {
	position: absolute;
	bottom: 28px;
	right: 28px;
	width: 168px;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 11px 0;
	background: #fff;
}
.prs_noti p {
	color: #666;
	margin-bottom: 5px;
}
.prs_noti p em {
	color: #1e1e1e;
	font-weight: normal;
	font-style: normal;
	font-weight: bold;
}
.myclass .precent, .myclass .precent span, .myclass .precent2, .myclass .precent2 span {
	background: url("../../images/front/page/bg_precent.gif") 0 0 repeat-x;
}
.myclass .precent, .myclass .precent2 {
	position: relative;
	display: inline-block;
	width: 180px;
	height: 20px;
	margin-right: 10px;
	border-radius: 1px;
	vertical-align: middle;
}
.myclass .precent span {
	display: block;
	height: 20px;
	background-position: 0 -40px;
}
.myclass .precent2 span {
	display: block;
	height: 20px;
	background-position: 0 -20px;
}
#wrap_middle .myclass .precent span {
	display: block;
	height: 20px;
	background-position: 0 -60px;
}
.mytxt_box {
	padding: 30px 0;
	text-align: center;
}
.mytxt_box .em {
	font-size: 20px;
	line-height: 1.6em;
}
.mytxt_box p.gray {
	margin-top: 5px;
	line-height: 1.6em;
}
.mytxt_box2 {
	padding: 50px 0;
	text-align: center;
}
.mytxt_box2 .em {
	font-size: 20px;
	line-height: 1.6em;
}
.mytxt_box3 {
	padding: 100px 0;
	text-align: center;
}
.mytxt_box4 {
	padding: 40px 0;
	text-align: center;
}
.mytxt_box4 .em {
	font-size: 20px;
}
.more_box {
	position: relative;
}
.more_box .more {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding-right: 20px;
	height: 16px;
	line-height: 16px;
	color: #666;
	background: url("../../images/front/main/bg_more.png") right center no-repeat;
}


/* 20191115 연수과정 뷰 > 과정목차 복제 안내 글 */
.myclass_care {border-top:1px solid #e5e5e5; padding:15px 30px 15px 60px; background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_care.png") no-repeat 30px 15px;}


/* 학습현황 아이콘 */
.icon_stat1 .img, .icon_stat2 .img, .icon_stat3 .img {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 3px;
	background: url("../../images/front/bbs/icon_stat.png") 0 0 no-repeat;
}
.icon_stat1 {
	color: #ff7350
}
.icon_stat1 .img {
	background-position: 0 0;
}
.icon_stat2 {
	color: #8065a9
}
.icon_stat2 .img {
	background-position: 0 -20px;
}
.icon_stat3 {
	color: #14b5b0
}
.icon_stat3 .img {
	background-position: 0 -40px;
}

.icon2_stat1 .img, .icon2_stat2 .img, .icon2_stat3 .img {
	display:inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
    margin-bottom: 3px;
	background: url("../../images/front/bbs/icon_stat2.png") 0 0 no-repeat;
}
.icon2_stat1 {
	color: #009944;
}
.icon2_stat1 .img {
	background-position: 0 0;
}
.icon2_stat2 {
	color: #0679f8;
}
.icon2_stat2 .img {
	background-position: 0 -15px;
}
.icon2_stat3 {
	color: #ff7350;
}
.icon2_stat3 .img {
	background-position: 0 -30px;
}

/* 포인트관리  */
.pt_chart {
	border-collapse: collapse;
	width: 100%;
	overflow: hidden;
}
.pt_chart th {
	padding: 20px 0 10px 30px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	color: #1e1e1e;
	vertical-align: top;
}
.pt_chart td {
	padding: 15px 45px 15px 15px;
	border-bottom: 1px solid #e5e5e5
}
.pt_chart .lline {
	border-left: 1px solid #e5e5e5
}
.pt_chart .bline_none th {
	border-bottom: none
}
.pt_chart .bline_none td {
	border-bottom: none
}
.pt_chart td.bline_none {
	border-bottom: none
}
.pt_chart2 {
	border-collapse: collapse;
	width: 100%;
	overflow: hidden;
}
.pt_chart2 th {
	padding: 15px 0 10px 30px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	color: #1e1e1e;
	vertical-align: top;
	border-left: 1px solid #d0d0d0
}
.pt_chart2 th.first {
	border-left: none;
}
.pt_chart2 td {
	padding: 15px 30px 15px 15px;
	border-bottom: 1px solid #e5e5e5;
	background: url("../../images/front/common/bg_td_bar.gif") 0 15px no-repeat;
}
.pt_chart2 .lline {
	border-left: 1px solid #e5e5e5
}
.pt_chart2 .bline_none th {
	border-bottom: none
}
.pt_chart2 .bline_none td {
	border-bottom: none
}
.pt_chart2 td.bline_none {
	border-bottom: none
}

/* 나의강의실 - 단체신청관리 */
.grp_apply_list {
	margin-bottom: 40px;
}
.grp_apply_list .tit_bar {
	overflow: hidden;
	width: 100%;
	background: #f7f7f7;
	height: 50px;
	border-top: 1px solid #414b55;
	border-bottom: 1px solid #bebebe;
	color: #666
}
.grp_apply_list .tit_bar div {
	display: block;
	float: left;
	padding: 15px 0;
	font-weight: bold;
	text-align: center
}
.grp_apply_list .tit_bar .tit {
	margin-left: 30px;
	width: 400px;
}
.grp_apply_list .tit_bar .stat {
	width: 90px;
}
.grp_apply_list .tit_bar .num {
	width: 120px;
}
.grp_apply_list .tit_bar .view {
	width: 90px;
	margin-right: 30px;
}
.grp_apply_list .slide_toggle {
	margin-top: -1px;
	border-bottom: 1px solid #414b55
}
.grp_apply_list dl dt:last-child {
	border-bottom: none;
}
.grp_apply_list dl dt:last-child {
	border-bottom: none;
}
.grp_apply_list dt {
	overflow: hidden;
	width: 100%;
	min-height: 50px;
	border-top: 1px solid #d0d0d0;
}
.grp_apply_list dt em {
	display: block;
	float: left;
	padding: 15px 0;
	text-align: center;
	font-weight: normal
}
.grp_apply_list dt .tit {
	margin-left: 30px;
	width: 400px;
	text-align: left
}
.grp_apply_list dt .tit a:hover {
	text-decoration: underline;
}
.grp_apply_list dt .tit .best {
	display: inline-block;
	width: 46px;
	height: 18px;
	margin-right: 10px;
	background: #ff915f;
	border: 1px solid #ff915f;
	border-radius: 10px;
	fon-weight: normal;
	color: #fff;
	font-size: 11px;
	text-align: center;
}
.grp_apply_list dt .stat {
	width: 90px;
}
.grp_apply_list dt .num {
	width: 120px;
}
.grp_apply_list dt .view {
	width: 90px;
	padding: 10px 0;
	margin-right: 30px;
}
.grp_apply_list dt .view a {
	font-weight: bold;
	padding: 0 10px;
}
.grp_apply_list dt .view a:hover {
	background: #fff;
}
.grp_apply_list dt em.empty {
	width: 100%;
	text-align: center;
}
.grp_apply_list dl dt.this .view a .up {
	background-position: 0 -95px;
}
.grp_apply_list dd {
	padding: 30px;
	background: #f7f7f7;
	/* display: none; */
}
.grp_apply_list dd .bg_white:hover {
	background: #fff;
}
.grp_apply_list dd.this {
	border-bottom: 1px solid #bebebe
}
.grp_apply_list dd.this+dt {
	border-top: none
}
.grp_apply_list dd.this:last-child {
	border-bottom: none;
}
.grp_chart_box {
	border-bottom: 1px solid #d0d0d0;
}
.grp_chart {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #d0d0d0;
	table-layout: fixed;
	background: #fff;
	color: #666
}
.grp_chart thead th {
	padding: 10px 0px;
	color: #5a5a5a;
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #e5e5e5;
	color: #5a5a5a;
}
.grp_chart thead th.first {
	border-left: 1px solid #d0d0d0;
}
.grp_chart tbody th {
	color: #5a5a5a;
}
.grp_chart tbody td {
	padding: 10px 0px;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	text-align: center;
}
.grp_chart tbody td.tit a {
	display: block;
}
.grp_chart tbody td.first {
	border-left: 1px solid #d0d0d0;
}
.grp_chart tbody td.tline_none {
	border-top: none;
}
.grp_chart tfoot th {
	padding: 10px 10px;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-weight: normal;
}
.grp_chart tfoot td {
	padding: 10px 10px;
	border-right: 1px solid #e5e5e5;
	text-align: center;
	border-top: 1px solid #e5e5e5
}
.grp_chart tfoot td:last-child, .grp_chart tfoot td.rline_none {
	border-right: none;
}
.grp_chart tfoot .tline_bold th, .grp_chart tfoot .tline_bold td {
	border-top: 1px solid #bebebe;
}
.grp_chart .bline_none th, .grp_chart .bline_none td {
	border-bottom: none;
}
/* 20180516 단체 개인결제 개편 신청방법 안내 */
.grp_chart201805 {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #d0d0d0;
	table-layout: fixed;
	background: #fff;
	color: #666
}
.grp_chart201805 thead {
	background: #f8ffff;
}
.grp_chart201805 thead th {
	padding: 10px 0px;
	color: #5a5a5a;
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #e5e5e5;
	color: #5a5a5a;
}
.grp_chart201805 thead th.first {
	border-left: 1px solid #d0d0d0;
}
.grp_chart201805 tbody th {
	color: #5a5a5a;
}
.grp_chart201805 tbody td {
	padding: 10px 0px;
	border-left: 1px solid #e5e5e5;
	border-top: 1px solid #c9c9c9;
	text-align: center;
}
.grp_chart201805 tbody td.coursename {
	border-top: 1px solid #e5e5e5;
}
.grp_chart201805 tbody td.tit a {
	display: block;
}
.grp_chart201805 tbody td.first {
	border-left: 1px solid #d0d0d0;
}
/* .grp_chart201805 tbody td.top {border-top: none;} */
.grp_chart201805 tbody td.tline_none {
	border-top: none;
}
.grp_chart201805 tfoot {
	background: #fffcfb;
}
.grp_chart201805 tfoot th {
	padding: 10px 10px;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	font-weight: normal;
}
.grp_chart201805 tfoot td {
	padding: 10px 10px;
	border-right: 1px solid #e5e5e5;
	text-align: center;
	border-top: 1px solid #e5e5e5
}
.grp_chart201805 tfoot td:last-child, .grp_chart tfoot td.rline_none {
	border-right: none;
}
.grp_chart201805 tfoot .tline_bold th, .grp_chart tfoot .tline_bold td {
	border-top: 1px solid #bebebe;
}
.grp_chart201805 .bline_none th, .grp_chart .bline_none td {
	border-bottom: none;
}

/* 영수증/이수증 관리 */
.article_nice {
	padding:25px 25px 25px 173px;
	position:relative;
}
.article_nice .ico_doc {
	position:absolute;
	width:108px;
	height:108px;
	background:url(http://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_nice.png) center center no-repeat #f7f7f7;
	border-radius:50%;
	top:25px;
	left:30px;
}
.article_nice .icon_not {
	background:url(http://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_nonice.png) center center no-repeat #f7f7f7;
}
.article_nice p {
	font-size:14px;
	line-height:22px;
	font-weight:600;
	color:#000;
	letter-spacing: -0.28px;
}
.article_nice p strong {
	color:#000;	
}
.article_nice p i {
	color:#666;	
}

/* 이수증 */
.certificate-area {
	font-family: Gungsuh;
	font-weight: bold;
	color: #111;
	position: relative;
	width: 727px;
	height: 1046px;
	padding: 35px 15px 10px 15px;
	background: #FFF;
}
.certificate-area .cert1 {
	position: absolute;
	left:0;
	right:0;
	width:100%;
	text-align: center;
	top: 130px;
	font-size: 44px;
	line-height:1.05em;
	letter-spacing: 0.3em;
}
.certificate-area .cert-paging {
	position:absolute;
	font-family:'dotum';
	font-size:14px;
	right:190px;
	top:185px;
}
.certificate-area .cert2 {
	position: absolute;
	margin-left: 450px;
	text-align: left;
	top: 260px;
	font-size: 19px;
	line-height: 37px;
}
.certificate-area .cert2 span {
	margin-right: 37px;
}
.certificate-area .cert3 {
	position: absolute;
	padding-left: 70px;
	text-align: left;
	top: 400px;
	font-size: 23px;
	font-family: Gungsuh;
	letter-spacing: -0.07em;
	line-height: 36px;
}
.certificate-area .cert3te {
	position: absolute;
	padding-left: 90px;
	text-align: left;
	top: 400px;
	font-size: 23px;
	font-family: Gungsuh;
	letter-spacing: -0.06em;
	line-height: 36px;
}
.certificate-area .cert4 {
	position: absolute;
	left: 140px;
	right:140px;
	text-align: left;
	top: 520px;
	font-size: 17px;
	line-height: 21px;
	font-weight: normal;
}
.certificate-area .cert4 li {
	position:relative;
	padding-left:84px;
	margin-bottom:10px;
}
.certificate-area .cert4 strong {
	display: inline;
	position:absolute;left:0;
}
.certificate-area .cert4-table {
	position: absolute;
	left: 140px;
	right:140px;
	top: 520px;
	font-size: 17px;
	line-height: 21px;
	font-weight: normal;
}
.certificate-area .cert4-table .course-tit {
	position:relative;
	padding-left:85px;
	margin:0 15px 15px;
}
.certificate-area .cert4-table .course-tit strong {
	position:absolute;
	left:0;
}
.certificate-area .cert4-table table {
	table-layout:fixed;
	border-collapse:collapse;
	width:100%;
	border-top:1px solid #000;
	border-left:1px solid #000;
	box-sizing:border-box;
}
.certificate-area .cert4-table th,
.certificate-area .cert4-table td {
	text-align:center;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:0.5em;
	word-break:break-all;
}
.certificate-area .cert4-table th {
	background:#eee;
}
.certificate-area .cert5 {
	position: absolute;
	width: 707px;
	text-align: center;
	top: 840px;
	font-size: 19px
}
.certificate-area .cert601 {
	position: absolute;
	margin-left: 135px;
	text-align: center;
	top: 895px;
	font-size: 14px;
	font-family: "돋움", "돋움체", dotum;
}
.certificate-area .cert601te {
	position: absolute;
	margin-left: 175px;
	text-align: center;
	top: 910px;
	font-size: 14px;
	font-family: "돋움", "돋움체", dotum;
}
.certificate-area .cert6 {
	position: absolute;
	width: 707px;
	text-align: center;
	top: 930px;
	font-size: 31px;
	letter-spacing: 0.2em;
	z-index: 9990;
}
.certificate-area .cert7 {
	position: absolute;
	margin-left: 510px;
	text-align: center;
	top: 890px;
	font-size: 30px;
	letter-spacing: 0.2em;
	z-index: 9999;
}
.certificate-area .cert7te {
	position: absolute;
	margin-left: 472px;
	text-align: center;
	top: 900px;
	font-size: 30px;
	letter-spacing: 0.2em;
	z-index: 9999;
}

/* 영수증 */
.receipt_footer {
	padding: 20px 0;
	text-align: center;
}
.receipt_footer .sign {
	position: relative;
	display: block;
	width: 470px;
	margin: 0 auto;
	padding: 20px 0 0;
}
.receipt_footer .sign span {
	display: inline-block;
	text-align: center;
	margin-rignt: 10px;
}
.receipt_footer .sign img {
	position: absolute;
	top: 10px;
	right: 85px;
}

/* 견적서 */
.estimate_area {
	font-family: Gungsuh;
	color: #111;
	position: relative;
	width: 727px;
	padding: 35px 15px 10px 15px;
	background: #FFF;
	font-size: 15px;
	line-height: 1.5;
}
.estimate_area:after {
	content: "";
	display: block;
	clear: both;
}
.estimate_area h2 {
	text-align: center;
	font-size: 40px;
	letter-spacing: 50px;
	margin-bottom: 20px;
}
.estimate_area dl {
	width: 300px;
	float: left;
}
.estimate_area dl dt {
	float: left;
	width: 65px;
	height: 30px;
	padding: 8px 0px 0px 5px;
	border-bottom: 1px solid #888;
	background:
		url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/bg/bg_mygroup_bar.gif) right no-repeat;
}
.estimate_area dl dt.infotext {
	width: 295px;
	margin-top: 40px;
	background: none;
}
.estimate_area dl dd {
	font-family: "굴림", "굴림체", Gulim;
	float: left;
	width: 225px;
	height: 30px;
	padding: 8px 5px 0px 0px;
	border-bottom: 1px solid #888;
	text-align: right;
}
.estimate_area dl .estimateinfo {
	font-size: 16px;
	font-weight: bold;
}
.estimate_area table.provider {
	float: right;
	width: 405px;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	font-size: 14px;
	color: #111;
	position: relative;
}
.estimate_area table.provider th {
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	font-weight: normal;
}
.estimate_area table.provider th.title {
	line-height: 50px;
	letter-spacing: 3px;
}
.estimate_area table.provider td {
	font-family: "굴림", "굴림체", Gulim;
	font-size: 13px;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	padding: 5px 0px 5px 10px;
}
.estimate_area table.provider td.companynum {
	font-size: 16px;
	font-weight: bold;
}
.estimate_area table.provider .signet {
	position: absolute;
	top: 15px;
	right: 10px;
}
.estimate_area table.techerlist {
	float: right;
	margin-top: 20px;
	font-size: 13px;
	color: #111;
	border-top: 1px solid #999;
	border-left: 1px solid #aaa;
	font-family: "돋움", "돋움체", dotum;
}
.estimate_area table.techerlist th {
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	font-weight: normal;
	height: 40px;
	background: #f9f9f9;
	font-weight: bold;
}
.estimate_area table.techerlist td {
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 4px 5px;
}
.estimate_area table.techerlist td.techername {
	padding-left: 15px !important;
}
.estimate_area table.techerlist td.techermoney {
	padding-right: 15px !important;
	text-align: right;
}
.estimate_area table.techerlist td.estimateinfo {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
.estimate_area p.signature {
	position: relative;
	text-align: center;
	font-size: 23px;
	letter-spacing: 0.1em;
	width: 726px;
	height: 60px;
	padding-top: 20px;
	margin-top: 15px;
	float: left;
}
.estimate_area p.signature span {
	position: absolute;
	top: 0px;
	right: 180px;
}

/* 배송조회 */
.bk_info {
	padding: 20px;
	min-height: 98px;
}
.bk_info ul {
	float: left;
	width: 80%;
}
.bk_info ul li {
	overflow: hidden;
	widht: 100%;
}
.bk_info ul li strong {
	float: left;
	width: 85px;
}
.bk_info ul li em {
	float: left;
	width: 75%;
	font-weight: normal
}
.bk_info .bthumb {
	float: right;
	position: relative;
	width: 70px;
	heihgt: 98px;
}
.bk_info .bthumb .overlay {
	display: blck;
	position: absolute;
	top: 0;
	left: 0;
	width: 68px;
	height: 96px;
	border: 1px solid #000;
	opacity: 0.2;
}
.pop_step_li {
	overflow: hidden;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #d0d0d0;
	background: #fff;
}
.pop_step_li li {
	position: relative;
	float: left;
	width: 21%;
	padding: 29px 2%;
	border-right: 1px solid #d0d0d0
}
.pop_step_li li.last {
	border-right: none;
	margin-right: -3px;
}
.pop_step_li li strong {
	display: block;
	width: 85px;
	margin: 0 auto;
	line-height: 22px;
	vertical-align: middle;
	border-radius: 10px;
	background: #e5e5e5;
	border: 1px solid #e5e5e5;
	text-align: center;
}
.pop_step_li li div {
	padding: 20px 3px 0px;
	color: #666;
	letter-spacing: -0.06em;
	text-align: center;
}
.pop_step_li li div .em {
	display: block;
	margin-bottom: 5px;
}
.pop_step_li li .next {
	position: absolute;
	top: 29px;
	right: -12px;
	z-index: 500;
	display: block;
	width: 24px;
	height: 24px;
	background: url("../../images/front/page/bg_step_next.png") 0 0 no-repeat;
}
.pop_step_li li.active {
	background: #e5e5e5;
}
.pop_step_li li.active strong {
	background: #aaaab4;
	border: 1px solid #aaaab4;
	color: #fff;
}
/* 질문게시판 상단 버튼 css */
.tbtn_box {
	position: absolute;
	top: 30px;
	right: 30px;
}
.tbtn_box span {
	margin-left: 3px;
}
.tbtn_box2 {
	position: absolute;
	top: 15px;
	right: 30px;
}

/* 연수신청 완료 */
.complete_box {
	padding: 70px 60px;
	margin-bottom: 30px;
}
.container_wide .complete_box_wide {
	padding: 70px 145px;
	margin-bottom: 30px;
	position:relative;
	
}
.complete_box .ment,
.complete_box_wide .ment {
	font-size: 40px;
	margin-bottom: 45px;
	text-align: center;
	color: #1e1e1e;
	font-weight: 300;
	line-height: 1.2em;
}
.complete_box .ctf_num,
.complete_box_wide .ctf_num {
	margin-bottom: 40px;
	font-size: 24px;
	color: #1e1e1e;
	text-align: center;
}
.complete_box .ctf_num strong, 
.complete_box_wide .ctf_num strong {
	display: inline-block;
	height: 26px;
	padding: 20px 0 20px 100px;
	font-weight: normal;
	background: url("../../images/front/page/bg_ctf_left.png") 0 0 no-repeat;
}
.complete_box .ctf_num span,
.complete_box_wide .ctf_num span {
	display: inline-block;
	height: 26px;
	padding: 20px 100px 20px 0px;
	background: url("../../images/front/page/bg_ctf_right.png") right 0 no-repeat;
}
.complete_box .pbg_box03 {
	/* width: 538px; */
	margin: 0 auto;
	padding: 40px 50px;
	font-size: 15px;
}
.complete_box .ctf_info_list_box {
	text-align: center;
}
.complete_box .ctf_info_list {
	display: inline-block;
	margin: 0 auto;
	min-height: 187px;
	margin-bottom: 20px;
	text-align: left;
	background: url("../../images/front/page/bg_box_left.png") 0 0 no-repeat;
}
.complete_box .ctf_info_list ul {
	padding: 25px 40px 0px 40px;
	min-height: 162px;
	background: url("../../images/front/page/bg_box_right.png") right 0 no-repeat;
}
.complete_box .ctf_info_list ul li {
	padding: 6px 0;
	font-size: 15px;
}
.complete_box .ctf_info_list ul li strong {
	display: inline-block;
	width: 80px;
	color: #1e1e1e;
	padding-left: 15px;
	background: url("../../images/front/common/bg_dot_org.png") 0 center no-repeat;
}
.complete_box .ctf_info_list ul li span {
	margin-left: 15px;
}
#wrap_middle .complete_box .ctf_info_list ul li strong {
	background: url("../../images/front/common/bg_dot_green.png") 0 center no-repeat;
}

/* 시험 시작 old */
.pop-st1 {
	background: url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/pop/bg_ps1_body.gif) 0 bottom no-repeat;
	width: 690px;
}
.pop-st1-head {
	width: 100%;
	position: relative;
	background:	url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/pop/bg_ps1_head.gif) 0 0 no-repeat;
	min-height: 161px;
	_height: 161px;
	_overflow: hidden;
}
.pop-st1-head h1 {
	width: 100%;
	text-align: center;
	background:	url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/pop/bg_ps1_h1.gif) center 0 no-repeat;
	color: #ffffff;
	font-size: 14px;
	position: relative;
	top: 10px;
	height: 38px;
	line-height: 38px;
	font-weight: bold;
}
.pop-st1-content {
	padding: 25px 45px 35px 45px;
}
.pop-st1-box1 {
	background: url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/pop/bg_rbox1.gif) 0 0 no-repeat;
	padding-top: 5px;
}
.pop-st1-box1 .inner {
	background:	url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/pop/bg_rbox1.gif) 0 bottom no-repeat;
	padding: 5px;
	padding-top: 0px;
}
.pop-st1-box1 .scrolled {
	padding: 20px 15px;
	height: 278px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #89bbd3;
	scrollbar-darkshadow-color: #89bbd3;
	scrollbar-track-color: #d0e7f0;
	scrollbar-arrow-color: #296791
}
.pop-st1-box1 .question {
	/*2011-09-21background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/pop/bg_dash1.gif) 0 bottom repeat-x;*/
	padding: 0px 5px 23px 5px;
	margin-bottom: 23px;
}
.pop-st1-box1 .question h2 {
	color: #299ac2;
	margin-bottom: 5px;
}
.pop-st1-box1 .question ol {
	margin-left: 15px;
}
.pop-st1-box1 .question ol li {
	color: #777777;
	margin-top: 5px;
}
.pop-base-list {
	position: absolute;
	left: 359px;
	top: 64px;
}
.pop-base-list li * {
	vertical-align: top;
}
.pop-base-list li {
	padding-left: 7px;
	padding-top: 4px;
	background: url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/pop/bg_base_list1.gif) 0 0 no-repeat;
	width: 133px;
	height: 19px;
	margin-bottom: 3px;
}
.pop-base-list li strong {
	color: #ffffff;
	margin-left: 5px;
}
.pop-st1-head .timer {
	position: absolute;;
	right: 45px;
	top: 64px;
	width: 136px;
	height: 75px;
	background: url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/pop/bg_timer.gif) 0 0 no-repeat;
}
.pop-st1-head .timer dt {
	padding: 7px 8px 5px 8px
}
.pop-st1-head .timer dd {
	padding-left: 8px;
	background:	url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/pop/time_side.gif) 67px 9px no-repeat;
}
.pop-st1-head .timer dd .timer_s1 {
	margin-right: 8px;
	*margin-right: 10px;
}
.pop-btn {
	width: 600px;
	height: 83px;
	margin-top: 5px;
	background: url("https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/common/popup/bg_pop_btn.gif") no-repeat 0 0;
}
.pop-btn span {
	display: inline-block;
	padding: 18px 0 0 76px;
	width: 196px;
	height: 38px;
	font-size: 14px;
	color: #299ac2;
	font-weight: bold;
	margin: 15px 0 0 20px;
	background:
		url("https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/common/popup/bg_pop_btn2.gif") no-repeat 0 0;
}

/* 시험 디자인 리뉴얼 20190617 */
.bg_exam {
	background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/pop/time/bg_exam.png) right center no-repeat #fff;
	height:210px;
	box-sizing:border-box;
}
.bg_exam i[class^="ico-"] { 
	display:inline-block;
	background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/resources/img/pop/time/ico_exam.png) no-repeat;
	vertical-align:middle;
}
.bg_exam i.ico-taker {
	width:13px;
	height:18px;
	background-position:0 0;
	margin-right:10px;
}
.bg_exam i.ico-question {
	width:24px;
	height:17px;
	background-position:0 -30px;	
}
.bg_exam i.ico-timer {
	width:24px;
	height:19px;
	background-position:0 -60px;	
}
.bg_exam i.ico-remain {
	display:block;
	margin:0 auto 2px;
	width:30px;
	height:20px;
	background-position:0 -90px;
}
.bg_exam h2 { 
	font-size:20px;
	line-height:1.5;
	color:#1e1e1e; 
	font-weight:normal;
}
.exam-taker { font-size:0; }
.exam-taker span,
.exam-taker strong {
	font-weight:normal;
	color:#f9704d;
	font-size:18px;
	display:inline-block;
	vertical-align:middle;
}
.exam-taker span:after {
	content:'';
	display:inline-block;
	width:1px;
	height:14px;
	background:#f9704d;
	margin-left:14px;
	margin-right:14px;
	vertical-align:-1px;
}
.exam-info {
	display:inline-block;
	width:185px;
	vertical-align:top;
}
.exam-info li { 
	height:30px;
	border-radius:15px;
	border:1px solid #dadada;
	line-height:30px;
}
.exam-info li + li { margin-top:6px; }
.exam-info li span,
.exam-info li strong { 
	display:inline-block;
	vertical-align:top;
	font-size:15px; 
	color:#5a5a5a;
}
.exam-info li span {	
	box-sizing:border-box;
	padding-left:14px;
	width:105px;
}
.exam-info li strong:before {
	content:'';
	display:inline-block;
	width:1px;
	height:14px;
	background:#dadada;
	margin-right:14px;
	vertical-align:-2px;
}
.exam-timer {
	display:inline-block;
	vertical-align:top;
	height:70px;
	box-sizing:border-box;
	background:#f5f6f7;
	padding:15px;
	border:1px solid #dadada;
	border-radius:5px;
}
.exam-timer dt,
.exam-timer dd { display:inline-block;vertical-align:top; }
.exam-timer dt { 
	font-size:15px; 
	color:#5a5a5a;
	font-weight:bold;
}
.exam-timer dd:before {
	content:'';
	display:inline-block;
	width:1px;
	height:38px;
	background:#dadada;
	margin:0 15px;
	vertical-align:middle;
}
.exam-timer dd span {display:inline-block;vertical-align:middle;}
.exam-timer dd i { color:#222222;font-weight:bold;font-size:30px;vertical-align:middle; }
.exam-list {
	height:382px;
	overflow-y:auto;
}
.exam-list p { font-size:15px; }
.exam-list ol { margin:10px 15px 25px 15px; }
.exam-list ol li + li { margin-top:5px; }
.exam-list ol li .bg_chk { margin-right:3px; }
.exam-list ol li label { color:#777;font-size:14px; }

/* 학습방법안내 */
.step_tab3 ul {
	display: block;
	height: 44px;
	background-image: url("../../images/front/page/bg_step03.png");
}
.step_tab3 ul.step_tab3_1 {
	background-position: 0 0px;
}
.step_tab3 ul.step_tab3_2 {
	background-position: 0 -44px;
}
.step_tab3 ul.step_tab3_3 {
	background-position: 0 -88px;
}
.step_tab3 ul li a {
	display: block;
	float: left;
	width: 33.3%;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	color: #999999
}
.step_tab3 ul li.active a {
	color: #ff643c;
}
#wrap_middle .step_tab3 ul {
	display: block;
	height: 44px;
	background-image: url("../../images/front/page/bg_step03_02.png")
}
#wrap_middle .step_tab3 ul li.active a {
	color: #00aaaa;
}
.step_tab4 ul {
	display: block;
	height: 44px;
	background-image: url("../../images/front/page/bg_step04.png")
}
.step_tab4 ul.step_tab4_1 {
	background-position: 0 0px;
}
.step_tab4 ul.step_tab4_2 {
	background-position: 0 -44px;
}
.step_tab4 ul.step_tab4_3 {
	background-position: 0 -88px;
}
.step_tab4 ul.step_tab4_4 {
	background-position: 0 -132px;
}
.step_tab4 ul li a {
	display: block;
	float: left;
	width: 25%;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
}
.container_wide .step_tab3 ul {	background-image: url("../../images/front/page/bg_step03_wide.png")}
.container_wide .step_tab4 ul {	background-image: url("../../images/front/page/bg_step04_wide.png")}

.step_tab4 ul li.active a {
	color: #ff643c;
}
#wrap_middle .step_tab4 ul {
	display: block;
	height: 44px;
	background-image: url("../../images/front/page/bg_step04_02.png")
}
#wrap_middle .step_tab4 ul li.active a {
	color: #00aaaa;
}
.step_smy {
	padding: 40px;
	margin: 20px
}
.img_std {
	height: 555px;
	margin-bottom: 30px;
}
.img_std01 {
	background: url("../../images/front/page/img_study01_01.png") 0 0 no-repeat;
}
.img_std01_02 {
	background: url("../../images/front/page/img_study01_02.png") 0 0 no-repeat;
}
.img_std01_03 {
	background: url("../../images/front/page/img_study01_03.png") 0 0 no-repeat;
}
.img_std01_04 {
	background: url("../../images/front/page/img_study01_04.png") 0 0 no-repeat;
}
.img_std02_02 {
	background: url("../../images/front/page/img_study02_02.png") 0 0 no-repeat;
}
.img_std02_03 {
	background: url("../../images/front/page/img_study02_03.png") 0 0 no-repeat;
}
.img_std03_02 {
	background: url("../../images/front/page/img_study03_02.png") 0 0 no-repeat;
}
.img_std03_03 {
	background: url("../../images/front/page/img_study03_03.png") 0 0 no-repeat;
}
.img_std04_02 {
	background: url("../../images/front/page/img_study04_02.png") 0 0 no-repeat;
}
.img_std04_03 {
	background: url("../../images/front/page/img_study04_03.png") 0 0 no-repeat;
}
.img_std04_04 {
	background: url("../../images/front/page/img_study04_04.png") 0 0 no-repeat;
}

/* main_layerpopup */
.mlayer_pop {
	position: absolute;
	top: 0;
	left: 0;
	/*width: 100%;*/
	z-index: 499;
}
.mlayer_pop .mlayer_box {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.mlayer_pop.dimmed {
	background: rgba(0, 0, 0, .7);
	height: 100%;
}
.mlayer_pop .mlayer_box .bbtn.btn_close {
	position: absolute;
	top: 20px;
	right: 20px;
	border: 1px solid #bebebe;
	border-radius: 3px;
}
.mlayer_pop .mlayer_box p a {
	display: block
}
.mlayer_pop .layer-close {
	background: #3f3f3f;
	height: 22px;
	border-bottom: 1px solid #939393;
	border-left: 1px solid #939393;
	border-right: 1px solid #939393;
	padding-top: 7px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.mlayer_pop .layer-close li {
	display: inline;
	font-size: 13px;
}
.mlayer_pop .layer-close li a:hover {
	text-decoration: none;
	color: #eee;
}
.mlayer_pop .layer-close .iocn_day a {
	background: url("../../images/front/common/icon_day.gif") no-repeat 10px center;
	padding-left: 25px;
	float: left;
	color: #ccc;
}
.mlayer_pop .layer-close .icon_close a {
	background: url("../../images/front/common/icon_close.gif") no-repeat 10px center;
	padding: 0 10px 0 25px;
	float: right;
	color: #ccc;
}

/* layer-popup */
.dimmed { 
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%; 
	z-index:9990;
	background:rgba(0,0,0,.55);
	display:none;
}
.layer-popup {
	display: none;
	position: absolute;
	z-index: 9999;
	border-radius:6px;
	background:#fff;
	overflow:hidden;
	box-shadow:0 0 5px rgba(0,0,0,.2);
}
.layer-popup.w640 {
	left:50%;
	margin-left:-185px;
	border:1px solid #5a5a5a;
}
.layer-popup-auto {
	position: absolute;
}
.layer-popup .popup-header {
	background:#ff915f;
	height:50px;
	box-sizing:border-box;
	position:relative;
	padding:10px 19px;
}
#wrap_middle .layer-popup .popup-header { background:#14b4af; }
.layer-popup .popup-header .popup-close {
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	background:url(/asset/images/front/common/ico_close_wh.png) center center no-repeat;
	overflow:hidden;
	text-indent:-999px;
}
.layer-popup .popup-header h1 {
	color:#fff;
	font-size:23px;
	letter-spacing:-0.025em;	
	line-height:30px;
}
.layer-popup .popup-body {
	padding:19px 19px 30px 19px;
	font-size:0;
}
.layer-popup .popup-body > * {
	font-size:13px;
}
.layer-popup .popup-body h2 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	color:#1e1e1e;
}
.layer-popup .popup-body h2 ~ h2 { margin-top:20px; }
.layer-popup .on_chk label.on { 
	color:#ff7350;
	font-weight:bold; 
}
#wrap_middle .layer-popup .on_chk label.on { color:#14b4af; }
.coupon-preview-box > .btn24.bg_gray { margin-top:-3px; }
.coupon-preview-box .btn_bbs01 { width:100%;box-sizing:border-box; }
.calc-preview-box { 
	border-top:1px solid #999;
	background:#f5f6f7;
	padding:10px 20px 20px; 
}
.calc-preview-box .calc-preview {}
.calc-preview-box .calc-preview dt,
.calc-preview-box .calc-preview dd { 
	font-size:15px;
	font-weight:bold;
	color:#1e1e1e;
	margin-bottom:10px;
	line-height:18px; 
}
.calc-preview-box .calc-preview dt { float:left;clear:left; }
.calc-preview-box .calc-preview dd { float:right;clear:right; }
.calc-preview-box .calc-preview dd.detail { 
	background:#fff;
	padding:10px;
	width:100%;
	margin-right:-10px; 
}
.calc-preview-box .calc-preview dd.detail dt,
.calc-preview-box .calc-preview dd.detail dd { 
	color:#5a5a5a;
	font-size:13px;
	margin-bottom:5px;
	line-height:16px; 
}
.calc-preview-box .calc-preview dt.total { font-size:18px;margin-bottom:15px; }
.calc-preview-box .calc-preview dd.total { font-size:18px;color:#ff7350;margin-bottom:15px; }

.edit-layer {
	box-sizing:border-box;
	position:absolute;
	width:900px;
	padding:50px;
	border-radius:15px;
	background:#fff;
	z-index:9999;
	top:130px;
    left: 50%;
    margin-left: -450px;
}
.edit-layer .layer-header {
	padding-bottom:20px;
}
.edit-layer .layer-header h4{
	font-size:20px;
	font-weight:normal;
}
.layer-header .layer-close { outline:0;width:25px;height:25px;background:transparent;position:absolute;top:20px;right:20px;border:0;padding:0;font-size:0; }
.layer-header .layer-close span:before,
.layer-header .layer-close span:after { position:absolute;display:block;content:'';background:#000;width:1px;height:25px;margin-left:-1px;margin-top:-10px;border-radius:2px;top:50%;left:50%; }
.layer-header .layer-close span:before { transform:rotate(45deg); }
.layer-header .layer-close span:after { transform:rotate(-45deg); }

/* 팝업 : 쿠폰적용 */
.coupon-option-box {
	display:inline-block;
	vertical-align:top;
	width:325px;
	margin-right:20px;
}
.coupon-option-box ul.on_chk {
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:10px 0;
}
.coupon-option-box li ~ li { margin-top:10px; }
.coupon-option-box li label { 
	display:inline-block;
	line-height:20px;
	width:30px;
	font-size:13px;
	margin-right:10px;
}
.coupon-option-box li .bg_chk02 + label { margin-left:0; }
.coupon-option-box li .bg_rdo.disabled ~ label { 
	width:50px;
	background:#e0e0e0;
	color:#5a5a5a;
	font-size:11px; 
	line-height:18px;
	padding-top:2px;
	font-weight:bold;
	text-align:center;
	font-family:'dotum','돋움';
	cursor:default;
}
.coupon-option-box li .bg_rdo.disabled .chk_box,
.coupon-option-box li .bg_rdo.disabled .tick { width:0; }
.coupon-option-box li p { 
	display:inline-block;
	vertical-align:top; 
	width:calc(100% - 70px);
	font-size:13px;
	line-height:20px;
	color:#5a5a5a;
	font-weight:bold;
}
.coupon-preview-box {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 345px);
	position:relative;
}


/* 회원탈퇴 */
.drop_out {
	text-align: center;
}
.drop_out .img {
	display: block;
	width: 140px;
	height: 96px;
	padding-top: 44px;
	margin: 40px auto;
	border-radius: 100%;
	background: #ff7350
}
.drop_out .img img {
	vertcial-align: middle;
}
.drop_out .txt {
	font-size: 18px;
	color: #1e1e1e;
}
.drop_out p {
	padding: 30px 0;
	text-align: center;
}
.drop_out .family_site {
	padding: 30px 40px;
	background: #f7f7f7;
	border-top: 1px solid #e5e5e5;
	text-align: left;
	border-radius: 0 0 5px 5px
}
.drop_out .family_site strong {
	display: block;
	margin-bottom: 3px;
	font-size: 15px;
	font-weight: normal;
}
.drop_out .family_site ul {
	overflow: hidden;
	width: 100%;
}
.drop_out .family_site ul li {
	float: left;
	width: 50%;
	margin-top: 13px;
}
.drop_out .family_site ul li span {
	display: inline-block;
	width: 110px;
}
#wrap_middle .drop_out .img {
	background: #00aaaa
}

/* 민들레 선생님 캐릭터선택  */
.profile_img { 
	display:block;
	width:176px;
	height:176px;
	border:1px solid #bebebe;
	margin:0 auto 40px;
	overflow:hidden;
}
.profile_img span { 
	display:block;
	width:176px;
	height:176px; 
	background:#eee;
	text-indent:-999px;
}
.profile_img img {
	display:block;
	width:176px;
	height:176px;
	object-fit:cover;
}
.character_list { font-size:0;}
.character_list li { 
	display:inline-block;
	vertical-align:middle;
	position:relative;
	width:112px;
	margin-left:20px;
	margin-bottom:20px;
}
.character_list li:nth-of-type(4n + 1) { margin-left:0; }
.character_list li label {
	display:block;
	box-sizing:border-box;
	border:1px solid #bebebe;
	cursor:pointer;
}
.character_list li input[type="radio"]:checked + label {border:1px solid #ff7350 ;}
.character_list li label img {
	display:block;
	width:110px;
	height:110px;
	object-fit:cover;
}
.character_list li input[type="radio"] { position:absolute;opacity:0; }

/* 마이페이지 민들레 선생님 플로트 */
.balloon_dandelion { 
	position:absolute;
	box-sizing:border-box;
	width:125px;height:125px;
	top:106px;
	border-radius:50%;
	text-align:center;right:-144px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: bounce;
	animation-name: bounce; 
}
.balloon_dandelion a { display:block;box-sizing:border-box; }
.balloon_dandelion a img {display:block;}
@-webkit-keyframes bounce {
  0%,100% {-webkit-transform: translateY(0);}
  35%,65% {-webkit-transform: translateY(-5px);}
} 

@keyframes bounce { 
  0%,100% {transform: translateY(0);}
  35%,65% {transform: translateY(-5px);}
} 

/* 민들레 마이페이지 */
.dandelion_level {
	
}
.dandelion_level .profile_area {
	border-right:1px solid #d0d0d0;
	height:250px;
	box-sizing:border-box;
	width:195px;
}
.dandelion_level .profile_area figure { 
	padding:0;
	margin:0;
	width:165px; 
}
.dandelion_level .profile_area figure img { 
	display:block;
	width:165px;
	height:165px;
	object-fit:cover;
	margin::0 auto; 
}
.dandelion_level .profile_area figcaption { 
	font-size:16px;
	color:#000;
	text-align:center; 
}
.dandelion_level .level_area {
	padding-left:30px;
	box-sizing:border-box;
	width:calc(100% - 195px); 
}
.dandelion_level .level_area .tit { padding-top:10px; }
.dandelion_level .level_area .tit strong { font-size:20px;font-weight:normal; }
.dandelion_level .level_area .tit span { font-size:16px; }
.dandelion_level .level_area .tit span + span:before { 
	content:'';
	display:inline-block;
	width:1px;
	height:15px;
	background:#aaa;
	transform: skew(-30deg, -30deg);
	margin:0 10px;
	vertical-align:-2px; 
}	
.dandelion_level .my_lv { overflow:hidden;}
.dandelion_level .my_lv li { float:left;width:125px;position:relative; }
.dandelion_level .my_lv li + li { margin-left:27px; }
.dandelion_level .my_lv li + li:before {
	content:'';
	position:absolute;
	left:-27px;
	top:52px;
	width:24px;
	height:25px;
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNTVDNTdBREQ4M0ZFOTExQUYzN0Y0NjIyOUEyM0U4OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENjY3RDhEODNCMjIxMUU5QjI0RThGM0U0OEZDOTY5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENjY3RDhENzNCMjIxMUU5QjI0RThGM0U0OEZDOTY5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1NUM1N0FERDgzRkU5MTFBRjM3RjQ2MjI5QTIzRTg4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1NUM1N0FERDgzRkU5MTFBRjM3RjQ2MjI5QTIzRTg4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ljM2BAAAAaRJREFUeNqsls0rRGEUxq9xKWOFiCw0RbJQysL/YONfkIXYkIiJbEg2mCmMjBolq/sP2Ngqkq9S8hGiyRD5ysaG59SzuN3ee+e9H0/9apr3ved573nPOTMllmXVGobRCS7BnRGxYqAcTIJ9MA/qojbIgz0GToJTMA0aojIwePJHfpbAM+CYb1YThcEX6HOs1YM5cEajqjAGol2QVexppNERGAXVQQ1EY+DFZW8CLDB1w6AyiME36C3yTBNIsxhGihnFFN/tgG2NwzWDJXAIBkFc10A0BJ4109wGMnyjflCmY/DOPPtRC1hnMQywgV0NRBa4ClCZ7WANHIAuL4M/8BGixzpkIngZdHMIBpXcyazpsmiyQkoDBD4HqyAHft0MpkCrz8DXYBFsSmD7SVUdO+Ej8AVYBlvgR5UKp1ZAhUbgG9Z/VhXYzaCHl+ulB5ACG16BVQZxPuime16e5PhNN3+m42ITij15Nk6GHe5Lpm2eJB1rBV6e5Pg1aDOYHE4p29go8MSS46ewv8km610G1ScDp31MUi0DmTfj4ATcRv2/6F+AAQDnilLgmQl5yAAAAABJRU5ErkJggg==');
	
}
.dandelion_level .my_lv li span { 
	display:block;
	height:125px;
	box-sizing:border-box;
	background:#f7f7f7;
	border-radius:50%;
	padding-top:97px;
	text-align:center;
	background-image:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/etc/mindeulle_lv_off.png);
	background-repeat:no-repeat;
}
.dandelion_level .my_lv li.on span {
	background-image:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/etc/mindeulle_lv_on.png);
	color:#ff643c;
}
.dandelion_level .my_lv li:nth-of-type(1) span { background-position:0 0; }
.dandelion_level .my_lv li:nth-of-type(2) span { background-position:0 -125px; }
.dandelion_level .my_lv li:nth-of-type(3) span { background-position:0 -250px; }
.dandelion_level .my_lv li:nth-of-type(4) span { background-position:0 -375px; }
.dandelion_level .my_lv li:nth-of-type(5) span { background-position:0 -500px; }
.dandelion_level .my_lv li strong { 
	position:relative;
	top:-5px;
	height:25px;
	line-height:26px;
	width:110px;
	display:block;
	background:#aaaaaa;
	color:#fff;
	text-align:center;
	font-weight:normal;
	border-radius:12px;
	margin:0 auto;
}
.dandelion_level .my_lv li.on strong { background-color:#ff643c; }
.dandelion_level .copy_url { margin-top:11px; }
.dandelion_level .copy_url label { color:#333; }
.dandelion_rank { position:relative; }
.dandelion_rank .rank { padding:15px 0;height:20px;position:relative; }
.dandelion_rank .ruler_num {
	display:block;
	width:750px;
	font-size:0;
	position:absolute;
	right:30px;
	top:25px;
}
.dandelion_rank .ruler_num i { 
	display:inline-block;
	font-size:11px;
	color:#999;	
	width:30px;
	text-align:center;
	margin-left:35px;
	margin-right:-15px;
}
.dandelion_rank .dandelion_rank .rank strong {
	float:left;
	line-height:20px;
	width:120px;
	border-right:1px solid #d0d0d0;
}
.dandelion_rank .ruler {
	float:right;
	display:block;
	width:749px;
	height:20px;
	position:relative;
	background:#d0d0d0;
	border-radius:2px;
}
.dandelion_rank .ruler:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:20px;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAUCAYAAADPym6aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDY2N0Q4REIzQjIyMTFFOUIyNEU4RjNFNDhGQzk2OTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDY2N0Q4REMzQjIyMTFFOUIyNEU4RjNFNDhGQzk2OTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENjY3RDhEOTNCMjIxMUU5QjI0RThGM0U0OEZDOTY5NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENjY3RDhEQTNCMjIxMUU5QjI0RThGM0U0OEZDOTY5NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnwWMgsAAABMSURBVHja7NSxDQAgDANBh7kyfvYKokFAR4EE6L90d40tMzUWEW0wzV25uXvfij4JCBAg+xB7cJOt9/toCQQIECBAgAABAuQcpAowAMPWQ+yCF+ikAAAAAElFTkSuQmCC') 0 0 repeat-x;
}
.dandelion_rank .ruler_bar {
	display:block;
	height:20px;
	width:0;
	border-radius:2px;
	width:calc(attr(data-num) * 5px);
	position:relative;
}
.dandelion_rank .ruler_bar.org { background-color:#ff915f; }
.dandelion_rank .ruler_bar.purple { background-color:#aa96c8; }
.dandelion_rank .ruler_bar.bluegreen { background-color:#65b4b9;color:#10a0a1; }
.dandelion_rank .ruler_bar:before {
	content:'';
	position:absolute;
	width:1px;
	height:30px;
	top:-5px;
	right:0;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
	z-index:2;
}
.dandelion_rank .ruler_bar.org:before {background-color:#fa6346;}
.dandelion_rank .ruler_bar.purple:before {background-color:#64508d;}
.dandelion_rank .ruler_bar.bluegreen:before {background-color:#10a0a1;}
.dandelion_rank .ruler_bar:after{ 
	content:attr(data-num);
	position:absolute;
	text-align:center; 
	font-size:11px;
	width:30px;
	right:-15px;
	top:27px;
}
.dandelion_rank .rank .goal { 
	position:absolute;
	top:65px;
	display:none;
	width:310px; 
	height:30px;
	line-height:31px;
	background:#828282;
	color:#fff;
	font-size:16px;
	text-align:center;
	border-radius:4px;
}
.dandelion_rank .rank .goal:before {
	content:'';
	position:absolute;
	border:5px solid transparent;
	border-bottom:8px solid #828282;
	left:150px;
	bottom:30px;
}
.dandelion_rank .rank .goal em { color:#71f7ff; }
.dandelion_step { position:relative; }	
.dandelion_step .step_rail { position:relative;height:1px;background:#bebebe; }
.dandelion_step .step_rail:before {
	content:'';
	position:absolute;
	width:0;
	height:px;
	border:5px solid transparent;
	border-right:0;
	border-left:9px solid #bebebe;
	top:-5px;
	right:0;
}
.dandelion_step .step_rail .step_state { 
	position:absolute; 
	width:100px;
	height:25px;
	line-height:26px;
	font-size:13px;
	color:#ff643c;
	text-align:center;
	border:1px solid #ff643c;
	bottom:15px;
	border-radius:5px 5px 5px 0;
	margin-left:7px;
}
.dandelion_step .step_rail .step_state:before {
	content:'';
	position:absolute;
	width:12px;
	height:5px;
	background:#fff;
	border-left:1px solid #ff643c;
	border-bottom:1px solid #ff643c;
	transform: skew(0, -19deg);
	left:-1px;
	bottom:-3px;
}
.dandelion_step .step_rail .step_state:after { 
	content:'';
	position:absolute;
	width:25px;
	height:25px;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REI2NjRCQzIzQjY4MTFFOUIyNEU4RjNFNDhGQzk2OTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REI2NjRCQzMzQjY4MTFFOUIyNEU4RjNFNDhGQzk2OTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQjY2NEJDMDNCNjgxMUU5QjI0RThGM0U0OEZDOTY5NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQjY2NEJDMTNCNjgxMUU5QjI0RThGM0U0OEZDOTY5NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqP9V0kAAAHuSURBVHjarJZNLENBEMdfpSSCJlx9hLg44F5arpwdhLPiIuFQLhIhTRMicRFB740rB5xV9ExaFyKiuAnSRnw0qf/I0M3at7stk/z68XZnZvfN7P89T6FQcKwsFKTPKJgCmyDsxBJWrhVOaRYGtWC6FCevtFK1FVfsLcdP3skBuAE9Lm556Vs0P7gCu6bb1QmawSEIKAItgyxYUyQgnzbQbUoyzEHqQFyRZB74wKx0fYevP4NRU5ITMAAy4LyE2p6BazAIkvKg56eFdQV0nCawAGhSO7gEVNVFcGcqvNdilVSnI1AvXOtghkA/SOkCeLSHMRRs5FvRoInx8FXsWOLePclYQLcIOtkTFrvdApO6E09S8QZoS68gIowHLQsvzosI8eg7SjvJ4UeNMOlF+P8OKi2SfIAqwb9aGMtV8FbFk7whTLiw3Ik4b12Kt22qCS1g/K81+Y/ueuLuypiTuB9G1Tn5tkfQhwQpO6kvWi9rUZolJsWipzrxS0hwa5J7OQkVaJ8FsiBMpEAhzXOGbA90sUAmdQIZ5wRZlZoajHbbypLv1yVJswLTbTpWBIqwnK8oxkZ4zCc/JuQkJNUtLPkqm+MgM4qxJPvT0/HUVHibRnHzS3JjuHSX3etNnn3y5b2t2Nkqv3dtabrsl30KMACkIIzDKGJikQAAAABJRU5ErkJggg==') 0 0 no-repeat;
	bottom:-28px;
	left:-26px;
}
.dandelion_step .step_rail .step_state.right {
	left:auto;
	right:18px;
	border-radius:5px 5px 0 5px;
}
.dandelion_step .step_rail .step_state.right:before {
	transform: skew(0, 19deg);
	border-left:0;
	border-right:1px solid #ff643c;
	border-bottom:1px solid #ff643c;
	left:auto;
	right:-1px;
	bottom:-3px;
}
.dandelion_step .step_rail .step_state.right:after {
	left:auto;
	right:-26px;
}
.dandelion_step .step_reward {
	margin-top:11px;
	font-size:0;
}	
.dandelion_step .step_reward li {
	display:inline-block;
	width:20%;
	height:215px;
	vertical-align:top;
	box-sizing:border-box;
	position:relative;
	font-size:13px;
}
.dandelion_step .step_reward li .step_box {	
	background:#f7f7f7;
	border:1px solid #bebebe;
	border-right:0;
}
.dandelion_step .step_reward li span {
	display:block;
	text-align:center;
	height:50px;
	font-size:16px;
	line-height:50px;
	padding:10px 0;
}
.dandelion_step .step_reward li span:before {
	content:'';
	display:inline-block;
	width:55px;
	height:50px;
	background-image:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/etc/mindeulle_lv_on.png);
	background-size:76px auto;
	background-position-x:center;
	vertical-align:middle;
	margin-right:12px;
}
.dandelion_step .step_reward li p { 
	border-top:1px dashed #bebebe;
	font-size:16px;
	line-height:20px;
	color:#1e1e1e;
	text-align:center; 
	padding:10px 0;
}
.dandelion_step .step_reward li:nth-of-type(1) {padding-top:40px;}
.dandelion_step .step_reward li:nth-of-type(2) {padding-top:30px;}
.dandelion_step .step_reward li:nth-of-type(3) {padding-top:20px;}
.dandelion_step .step_reward li:nth-of-type(4) {padding-top:10px;}
.dandelion_step .step_reward li:nth-of-type(2) .step_box {padding:10px 0;}
.dandelion_step .step_reward li:nth-of-type(5) .step_box {border-right:1px solid #bebebe;}
.dandelion_step .step_reward li:nth-of-type(5) .step_box p { padding:20px 0; }
.dandelion_step .step_reward li:nth-of-type(1) span:before {width:38px;background-position-y:-12px;}
.dandelion_step .step_reward li:nth-of-type(2) span:before {background-position-y:-88px;}
.dandelion_step .step_reward li:nth-of-type(3) span:before {width:51px;background-position-y:-159px;}
.dandelion_step .step_reward li:nth-of-type(4) span:before {width:51px;background-position-y:-235px;}
.dandelion_step .step_reward li:nth-of-type(5) span:before {width:51px;background-position-y:-312px;}
.dandelion_step .step_reward li .nbtn32 { 
	position:absolute;
	bottom:15px;
	left:calc(50% - 51px); 
}
.dandelion_step .step_reward .reward_state {
	position:absolute;
	background:url('data:image/gif;base64,R0lGODlhwANAAMQAAPX19erq6v39/dXV1e/v7/r6+unp6c3Nzdra2tPT0+Tk5N7e3ubm5s/Pz87Ozvv7+9LS0tnZ2fPz8+zs7NfX19zc3P7+/vf39/Hx8czMzP///wAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMEVCNUYzMTNCOEIxMUU5QjI0RThGM0U0OEZDOTY5NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMEVCNUYzMjNCOEIxMUU5QjI0RThGM0U0OEZDOTY5NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEwRUI1RjJGM0I4QjExRTlCMjRFOEYzRTQ4RkM5Njk1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjEwRUI1RjMwM0I4QjExRTlCMjRFOEYzRTQ4RkM5Njk1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAMADQAAABf+gJo5kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWw6n9CodEqtWq/YrHbLhQa64LB4TC6bz+i0es1+ZdrwuHxOr9vv+Dz9re/7/4CBgoOEhVZ8homKi4yNjo+QVl8iiBaRl5iZmpucnXiIiAWeo6SlpqeoqTSgIxKqr7CxsrO0nyOIBrW6u7y9vr8/kxqsIgvAx8jJysuwxMMjA8zS09TV1n3OiA3X3N3e3+BT2bfh5ebn6OkrwuOU6u/w8fLK7c/u8/j5+vue9c41AEYEFDFQQ8GDAhMSVGiQIcKFEBtGfCixIsWLDjNO1GiRI8aNIDuG/CiyJMmTHlP/jlRpkiXKlTBbxnwpsybNmy5zztRpkyfOnUB7Bv0ptCjRoz6TDlVqlCnSpTH9kbsh9Z69q1WxTtVqNavXrV+7gh0rtizXs2HRklVrNq3btW/bwp0rty7bu3Hx0tVrN6/fvX/7Ah4suDDfw4ERE1ZsOLHjxY8bQ95aIzLjy5YzT5bMGfNmz501h/4sGrTp0qhJqx7N+vRq161Tx34tG7btvDFq66bNe7bv272B/949PDhx4ciPKzfOvLjz5M2hP19uN3d06tKzY99+vft079rBc/9OPnz58ebTo18fXAAM9ufFy49PX/18+/Xh49+vv/99//n9J+BvF7w3IH8HAohg/4AMLuigghAmKGGDEVI44YPgEcBChRha6GGHIHIo4oUjflhiiCSmaKKKVymwIYsnxgjjjCvWiKKNMuJI44085tjjCAi8qOOQPxLp45E7Imlkkkwu6WSRUGYFgZBRNlnlk0peqWWWXFrZJZZehmmVAyh8uaWYZ4KpZppsmukmmm+uWVoJcbYJ551y4mlnnnzu6WedgFJGQqB9EvqnnoYmiuiihTJ6aGt0Oqpoo5Q+aumkl0qqaaWYIpIpp5t+KmqnoZIK6qmjopkqqqau6mqrsJYqK6uzXvZqrbHSquutu+bK6691VjAorsT2Wiywx/qqbLLMPomssdA+K+2y0VI7bf+z2WEwbLXYWuttt+ByK+6146YVabnhkqvut+i2u266hrp3ArvvukvvvfDma6+++x1QJr/47itwvQQHXDDA0aVg8MIID8ywww0fDLFVEVD5sMQYX6xxxBtPrGULHWfM8cgeh2wyyVBquMLJJaPMssgtxwwzmyC7bLPML+d888w6tyavCz3zvHPQRA9tNM4j+DtD0Ug3LbTTTD8tdVbWQX301FdHrXXWEVNAw1NNQRX22GCX7dTZYpudNtpks61222vHDffcb9ft9t1y25033nTzrXffewc+t7n8FG744YjXwc5eEyTu+OOQR84F4ZJXbvnlmAuR1QOZd+7556ADvVdd6KSXbrrki5t1+uqst65PPdG4LvvstIdTT+245647PVvlsvvvwAevSupXCW/88chj4owoyTfv/POD/AP99NRXL4en1mev/fZgCJMA9+CHL74U2I9v/vnoB8HAESEAADs=') right 0 repeat;
	height:64px;
	left:0;
	bottom:0;
	width:40%;	
	box-sizing:border-box;
	padding:19px 0;
	line-height:30px;
	color:#5a5a5a;
	font-size:16px;
	padding-left:30px;
	z-index:1;
	overflow:hidden;
}

.postit { position:relative;text-align:left; }
.postit-layer { position:absolute;z-index:9;background:#fff5a0;border:1px solid #d8cf81;border-radius:5px;padding:20px 15px 10px;top:-20px;left:0;box-shadow:3px 3px 0 #777; }
.postit-layer .layer-close { outline:0;width:13px;height:13px;background:transparent;position:absolute;top:7px;right:7px;border:0;padding:0;font-size:0; }
.postit-layer .layer-close span:before,
.postit-layer .layer-close span:after { position:absolute;display:block;content:'';background:#000;width:2px;height:16px;margin-left:-1px;margin-top:-8px;border-radius:2px;top:50%;left:50%; }
.postit-layer .layer-close span:before { transform:rotate(45deg); }
.postit-layer .layer-close span:after { transform:rotate(-45deg); }
.postit-layer strong { display:block;font-size:23px;font-weight:bold;color:#000;line-height:25px; }
.postit-layer strong:before { content:'';display:block;background:#ff633b;width:37px;height:4px;margin-bottom:5px; }
.postit-layer p { margin-top:15px;margin-bottom:5px;color:#000;font-size:15px; }
.postit-layer p b { display:inline-block;text-decoration:underline; }
.postit-layer .today-area { text-align:right;font-size:11px; }
.postit-layer .today-area a { color:#000;border-bottom:1px solid #555;font-size:13px; }

.postit-layer.bg_white { border:1px solid #333;background:#fff;padding:30px 40px; }
.postit-layer.bg_white strong:before { content:none; }

#notiChangeTestday .postit-layer { background:#fff8bf;left:auto;right:10px;top:10px;width:450px;padding:20px 24px 10px;letter-spacing:-0.025em; }
#notiChangeTestday .postit-layer strong em { color:#ff633b; }
#notiChangeTestday .postit-layer .noti-panel { position:relative;margin-top:30px;background:#fffcde;border:1px solid #222;border-radius:3px;padding:15px 10px;text-align:center; }
#notiChangeTestday .postit-layer .noti-panel dt { position:absolute;background:#222;width:130px;height:30px;line-height:30px;font-weight:bold;border-radius:15px;color:#fff;top:-15px;left:50%;margin-left:-65px;font-size:20px;}
#notiChangeTestday .postit-layer .noti-panel dt + dd { font-size:17px;padding:15px 0 10px 0;color:#222; }
#notiChangeTestday .postit-layer .noti-panel dt + dd small { font-size:15px; }
#notiChangeTestday .postit-layer .noti-panel dt + dd em { color:#ff633b; } 
#notiChangeTestday .postit-layer .noti-panel dd + dd { font-size:15px;padding:10px 0 5px;border-top:1px solid #ccc;color:#222; }

.msg-noti { padding-left:32px;position:relative; }
.msg-noti + .msg-noti { margin-top:10px; }
.ico-noti { display:block;position:absolute;width:22px;height:22px;background:url('https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/ico_noti.png') 0 0 no-repeat;left:0;top:-2px; }
.bd-top { border-top:1px solid #e5e5e5; }

.course_state {
	display:inline-block;
	font-size:0;
}
.course_state dt,
.course_state dd { 
	font-size:15px;
	display:inline-block; 
}
.course_state dt {
	color:#818181;
	margin-left:20px;
}
.course_state dt ~ dt {
	border-left:1px solid #e0e0e0;
	padding-left:20px;
}
.course_state dd {
	margin-left:5px;
	font-weight:bold;
}

/* 통합회원 팝업 */
.member-popup {
	position:absolute;
	background:#fff;
	width:630px;
	z-index:9999;
	top:0px;
	left:50%;
	margin-left:-315px;
	box-sizing:border-box;
	border:1px solid #eb4e26; 
}
.member-popup-header {
	background:#eb4e26;
	height:60px;
	box-sizing:border-box;
	padding:15px 25px;
}
.member-popup-header h2 {
	color:#fff;
	font-size:18px;
	line-height:30px;
}
.member-popup-header h2 img { vertical-align:-1px;margin-right:10px; }
.member-popup-header .pop-close {
	position:absolute;
	width:24px;
	height:24px;
	border-radius:50%;
	border:2px solid #fff;
	background:transparent;
	top:17px;
	right:20px;
	cursor:pointer;
	font-size:0;
}
.member-popup-header .pop-close span { 
	display:block;
	width:16px;
	height:16px;
	position:relative;
	margin:0 auto;
	transform:rotate(45deg); 
}
.member-popup-header .pop-close span:before { 
	content:'';
	position:absolute;
	background:#fff;
	box-shadow:none;
	width:16px;
	height:2px; 
	top:7px;
	left:0px;
}
.member-popup-header .pop-close span:after {
	content:'';
	position:absolute;
	background:#fff;
	box-shadow:none;	
	height:16px;
	width:2px; 
	left:7px;
	top:0px;
}
.member-popup-body {
	padding:40px 30px;
}

.member-popup-body .txt {
	text-align:center;
}
.member-popup-body .txt img { margin-bottom:10px; }
.member-popup-body .txt strong {
	display:block;
	font-size:24px;
	padding-bottom:30px;
	border-bottom:1px solid #ddd;
	color:#1e1e1e;
}
.member-popup-body .txt2 {
	padding:40px 0;
	border-bottom:1px solid #ddd;
	text-align:center;
	color:#686868;
	font-size:22px;
	line-height:32px;
}
.member-popup-body .txt2 b { font-weight:bold; }
.member-popup-body .txt3 {
	color:#eb4e26;
	font-size:18px;
	line-height:24px;
	text-align:center;
	padding:40px 0;
	font-weight:500;
}
.member-popup-body .btn-area {
	text-align:center;
	font-size:0;
}
.member-popup-body .btn44 {
	margin:0 5px;	
}

/* 통합회원 개인정보 확인 팝업 */
.personal-info-popup {
	position:fixed;
	top:calc(50% - 280px);
	left:calc(50% - 270px);
	width:540px;
	background:#f5f6f7;
	box-sizing:border-box;
	padding:20px 25px;
	z-index:9999;
}
.personal-info-popup .popup-tit { 
	font-weight:normal;
	font-size:18px;
	color:#1e1e1e;
	text-align:center;
}
.personal-info li { 
	font-size:14px;
	line-height:20px;
	margin-bottom:5px;
}
.personal-info li strong { 
	font-weight:normal;
	color:#666; 
}
.personal-info li span.txt { color:#1e1e1e; }

.personal-info li .lbl-rnd { 
	display:inline-block;
	height:20px;
	line-height:18px;
	border:1px solid #e5e5e5;
	background:#fff;
	border-radius:10px;
	box-sizing:border-box;
	font-size:14px;
	padding:0 8px; 
	margin-right:5px;
}
.personal-info li .lbl-rnd.bg-org {
	background:#f96742;
	border:1px solid #f96742;
	color:#fff;
}
.personal-info-popup .btn_bbs1,
.personal-info-popup .btn_bbs2,
.personal-info-popup .btn_bbs3,
.personal-info-popup .btn_bbs4 { height:36px;line-height:36px;font-size:15px; }

/* 룰렛 이벤트 말풍선 */
.roulette-balloon { 
	position:absolute;
	background:#fff;
	border:1px solid #ff7350;
	text-align:center;
	padding:15px 20px; 
	border-radius:5px;
	z-index:9;
}
.roulette-balloon:before {
	content:'';
	position:absolute;
	width:6px;
	height:6px;
	background:#fff;
	border-top:1px solid #ff7350;
	border-right:1px solid #ff7350;
	transform:rotate(-45deg) skew(-5deg, -5deg);
	left:50%;
	top:0%;
	margin-top:-5px;
	margin-left:-3px;
}
.roulette-balloon .balloon-close {
	position:absolute;
	font-size:12px;
	top:10px;
	right:10px;
}
.roulette-balloon p { 
	color:#000;
	font-size:12px;
	line-height:1.4em;
}

/* 간편결제 디자인변경 및 페이추가 */
.radio_pay{
	
}
.radio_pay ul:first-child{
	margin-bottom:8px;
}
.radio_pay ul li{
	position:relative;
	margin-right: 5px;
	margin:3px 5px 3px 0;
}
.radio_pay ul li:last-child{
	margin-right:0;	
}

.radio_pay ul li label{
	margin-left:0;
}
.radio_pay ul li input{
	position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 116px;
    height: 84px;
    z-index: 10;
    left: 0;
    top: 0;
}
.radio_pay ul li input:checked + .line_rdo{
	border-color:#ff7350;
}

.radio_pay ul li .line_rdo{
	border:1px solid #e0e0e0;
	border-radius:2px;
	width:116px;
	height:84px;
	text-align:center;
    display: block;
}
.pay_txt{
	font-size: 13px;
	position: absolute;
	left:0;
	right:0;
	bottom:13px;
	margin:0 auto;
}
.radio_pay ul li .ico_pay{
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
}
.radio_pay ul li .ico_card{
	top: 17px;
    width: 36px; height: 27px;
    background-image:url("/asset/images/front/common/ico_pay.png");
    background-position:-224px -147px;
}
.radio_pay ul li .ico_cash{
	top: 17px;
    width: 48px; height: 32px;
    background-image:url("/asset/images/front/common/ico_pay.png");
    background-position:-20px -89px;
}
.radio_pay ul li .ico_bank{
	top: 17px;
    width: 38px; height: 28px;
    background-image:url("/asset/images/front/common/ico_pay.png");
    background-position:-224px -79px;
}
.radio_pay ul li .ico_naverpay{
	top: 19px;
    width: 61px; height: 24px;
    background-image:url("/asset/images/front/common/ico_pay.png");
    background-position:-123px -20px;
}
.radio_pay ul li .ico_kakaopay{
	top: 23px;
    width: 61px; height: 19px;
    background-image:url("/asset/images/front/common/ico_pay.png");
    background-position:-224px -20px;
}
.radio_pay ul li .ico_payco{
	top: 24px;
    width: 62px; height: 14px;
    background-image:url("/asset/images/front/common/ico_pay.png");
    background-position: -20px -217px;
}
.radio_pay ul li .ico_ssgpay{
	top: 23px;
    width: 67px; height: 16px;
    background-image:url("/asset/images/front/common/ico_pay.png");
    background-position: -20px -161px;
}
.radio_pay ul li .ico_samsungpay{
	top: 15px;
     width: 63px; height: 29px;
    background-image:url("/asset/images/front/common/ico_pay.png");
    background-position: -20px -20px;
}
.radio_pay ul li .ico_toss{
	top: 17px;
    width: 33px; height: 29px;
    background-image:url("/asset/images/front/common/ico_pay.png");
    background-position: -325px -20px;
}
.radio_pay ul li .ico_paybooc{
	top: 20px;
    width: 61px; height: 21px;
    background-image:url("/asset/images/front/common/ico_pay.png");
    background-position: -108px -89px;
}
.pay_info > div{
	display:none;
	text-align:left;
	color:#999999;
	font-size:11px;
	border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    margin-top: 10px;
    line-height: 1.7;
}



/* 2023 실시간쌍방향 */
/* calendar */
.live-calendar{
	margin-bottom:50px;
	display:flex;
	width:100%;
	height:100%;
	display: flex;
    flex-direction: column;
}
.live-calendar .rap{
	flex: 1; /* flex: 0 0 1 */
   display: flex;
}
.live-calendar .rap > div{
	display:inline-block;
	vertical-align:top;
}
.live-calendar .calendar-wrap{
    max-width: 606px;
    margin-right: 3%;
    width: 66%;
}
.live-calendar .calendar-content{
	margin-top: 46px;
    width: 31%;
}
.calendar-wrap .grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.calendar-wrap .date-head, .calendar-content .detail-head{
	border-radius: 5px 5px 0 0;
	border: 1px solid #dcdcdc;
	border-bottom:0;
	background: #f3f3f3;
	color: #1e1e1e;
  	font-size:16px;
	height:40px;
	line-height:40px;
}
.calendar-wrap .date-head div {
	text-align: center;
}
.calendar-wrap .date-board .today {
  position: relative;
  color: #FFFFFF;
}
.calendar-wrap .date-board .today {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: block;
  width: 30px;
  height: 30px;
  background-color: #FF0000;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: '';
}
.calendar-wrap .header {
	margin-bottom:20px;
}
.calendar-wrap .header .date-title{
	font-size:24px;
	color:#1e1e1e;
	padding:0 15px;
	display: inline-block;
	vertical-align:middle;
	line-height: 1;
}
.calendar-wrap table {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
	border: 1px solid #dcdcdc;
    border-radius: 5px;
    box-sizing: border-box;
}
.calendar-wrap th {
    height: 40px;
    width: 14.2%;
    background-color: #f3f3f3;
}
.calendar-wrap td {
    vertical-align: top;
    height: 95px;
    background-color: #fff;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    margin-left:-1px;
    cursor:pointer;
	box-sizing: border-box;
}
.calendar-wrap td div{
	position:relative;
	height: 100%;
	padding: 10px 13px;
	box-sizing: border-box;
}
.calendar-wrap td div span{
    position: relative;
    z-index: 1;
}
.calendar-wrap td.Today .to{
	position:relative;
	box-sizing: border-box;
	z-index: 0;
}
.calendar-wrap td.Today .to:before{
	content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    background: #ffe67f;
    border-radius: 100%;
    left: -17px;
    top: -6px;
}
.calendar-wrap td.live div:before{
	content: 'LIVE';
    position: absolute;
    font-size: 14px;
    width: 80%;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    background: #e71a19;
    border-radius: 3px;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-weight: 600;
}
.calendar-wrap td.live2 div:after{
    content: '';
    position: absolute;
    width: 99%;
    height: 98%;
    left: -2px;
    top: -1px;
    border: 2px solid #e71a19;
}



/* 학습종료 off클래스 추가 */
.calendar-wrap td.off div:before{
	background: #999999;
}

/* 컨텐츠 없는 날짜  not클래스 추가 */
.calendar-wrap td.not div:before,
.calendar-wrap td.not div:after{
	content:none;
}

.year-mon{
    font-size: 16px;
}
.colToday{
    background-color: #FFA07A;
}
.calendar-wrap input {
    display: inline-block;
	vertical-align:middle;
	width: 27px;
	height: 27px;
	cursor: pointer;
	padding:0;
}
.calendar-wrap .btn{padding:0;}
.calendar-wrap .prevDay {
	background:url("/pub_design/images/front/common/calender_prevbtn.png")  no-repeat center center;  
}
.calendar-wrap .nextDay {
	background:url("/pub_design/images/front/common/calender_nextbtn.png")  no-repeat center center;
}

.calendar-content{
	flex: 1;
	border: 1px solid #dcdcdc;
	border-radius:5px;
}
.calendar-content .detail-head{
	padding:0 20px;
	border:0;
}
.calendar-content .detail-cont{
	border-top: 1px solid #dcdcdc;
	height:calc(100% - 40px);
	position:relative;
	overflow: hidden;
	margin-bottom:60px;
}
.calendar-content .detail-cont .swiper-slide > div{
	padding:0 20px;
}
.calendar-content .detail-cont .live,
.calendar-content .detail-cont .live-off{
	padding-top:20px;
}
.calendar-content .detail-cont .live-not{
	font-size:18px;
	color:#1e1e1e;
	text-align:center;	
	display: flex;
    justify-content: center;
    align-items: center;
	height: 100%;
	line-height:1.25;
}
.calendar-content .detail-cont .hashtag span{
	font-size:14px;
	height:22px;
	line-height:22px;
	padding:0 10px;
}
.calendar-content .detail-cont .thumbnail{
	width:247px;
	height:194px;
	border:1px solid #cccccc;
	border-radius:5px;
	overflow: hidden;
	margin-top:8px;
	margin-bottom:25px;
	box-sizing: border-box;
}
.calendar-content .detail-cont .thumbnail img{
	width: 100%;
    height: 100%;
}
.calendar-content .detail-cont .live-off .thumbnail{
	position:relative;
}
.calendar-content .detail-cont .live-off .thumbnail:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.65);
	border-radius:5px;
}
.calendar-content .detail-cont .detail h5{
	font-size:21px;
	color:#1e1e1e;
	font-weight: bold;
	line-height: 1.2;
    letter-spacing: -1px;
}
.calendar-content .detail-cont .detail ul{
	margin-top:15px;
}
.calendar-content .detail-cont .detail ul li{
	font-size: 14px;
    color: #333333;
    margin: 3px 0;
    position: relative;
    padding-left: 70px;
}
.calendar-content .detail-cont .detail ul li span{
	color: #333333;
    font-size: 14px;
    width: 60px;
    padding-right: 10px;
    position: absolute;
    left: 0;
}
.calendar-content .detail-cont .detail ul li span:before{
	content:':';
	position:absolute;
	right:9px;
	top:0;
	width:2px;
	height:100%;
	color:#333;	
}
.calendar-content .detail-cont .swiper-pagination {
	font-size:16px;
}

.calendar-control{
	position:relative;
	margin-top: -7px;
}
.calendar-control .swiper-button-prev{
	width: 22px;
    height: 22px;
    font-size: 0;
    background: url(/pub_design/images/front/common/calender_prevbtn.png) no-repeat center center;
    background-size: 100%;
    left: 90px;
    top: -12px;
    z-index:11;
}
.calendar-control .swiper-button-next{
	width: 22px;
    height: 22px;
    font-size: 0;
	background: url(/pub_design/images/front/common/calender_nextbtn.png) no-repeat center center;
	background-size: 100%;
    right: 90px;
    top: -12px;
    z-index:11;
}


/* 2023 실시간쌍방향연수 상세페이지 */
.live-event{
	margin-bottom:80px;
}
.live-event h5{
	font-size:16px;
	color:#5a5a5a;
	position:relative;
	padding-left: 10px;
    margin-bottom: 10px;
}
.live-event h5:before{
	content:'';
	position:absolute;
	left:0;
	top:10px;
	width:4px;
	height:4px;
	background:#8c96a0;
	border-radius:100%;	
}

.live-event .box{
	border: 1px solid #d0d0d0;
    border-radius: 5px;
    background: #fff;
    padding: 39px 29px;
}


/* 2023 실시간쌍방향연수 강의실 */
.prs_progress ul{
	font-size:0;
}
.prs_progress ul li{
	display:inline-block;
	width:50%;
	text-align:center;
	color:#f96742;
	font-size:13px;
	min-height: 44px;
    line-height: 44px;
    font-weight:bold;
    box-sizing: border-box;
}
.prs_progress ul li:first-child{
	border-right: 1px solid #d0d0d0;
}
.li2 li.txt{
	width:100%;
}
.li2 li.txt em{
	margin-left:10px;
}


/* 2023 메인개편 */
#header2019 #allmenu_view .allmenu_list.allmenu_list2023 dl dt,
#header2019 #allmenu_view .allmenu_list.allmenu_list2023 dl dd li a {
    padding-left: 20px;
}
.allmenu_list2023 + .btn_allmenu_close{
	background: url(/asset/images/front/common/allmenu_close.png) no-repeat center center;
}

#header2019 .util.util2023{
	width:1145px;
}
#header2019 .util.util2023 .top_link{
	right:-25px;
}
#schArea.sch2023{
	width:1145px;
}
#schArea.sch2023 h1{
	left:0;
}
#schArea.sch2023 .top_bar{
	width:475px;
	overflow: visible;
	padding-left: 155px;
    padding-top: 30px;
}
#schArea.sch2023 .top_bar .search,
#header2019.fix #schArea.sch2023 .top_bar .search {
    border-radius: 50px;
    width: 285px;
    display: inline-block;
    vertical-align: middle;
	overflow: hidden;
}
#schArea.sch2023 .top_bar input.inp_s{
	background: transparent !important;
	width: 217px;
}
#schArea.sch2023 .top_bar input.btn_search,
#header2019.fix #schArea.sch2023 .top_bar input.btn_search {
    width: 42px;
    height: 36px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    background: url(/asset/images/front/main/ico_btn_search.png) center center no-repeat;
    cursor: pointer;
}
#schArea.sch2023 .keyword-search{
	display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
	position: relative;
}
#schArea.sch2023 .keyword-search .k-slide{
	height: 32px;
    overflow: hidden;
    line-height: 32px;
}
#schArea.sch2023 .keyword-search ul li .num{
	color: #ff7350;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 16px;
    text-align: center;
    font-weight: bold;
}
#schArea.sch2023 .keyword-search ul li a{
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	color:#333333;
	font-weight: bold;
	padding-right:15px;
	position:relative;
}
#schArea.sch2023 .keyword-search ul li a:before{
	content:'';
	position:absolute;
	top: 12px;
	right:0;
	width:10px;
	height:6px;
}
#schArea.sch2023 .keyword-search ul li.up a:before{
	background: url(/asset/images/front/common/ico_search_arrow.png) center center no-repeat;
}
#schArea.sch2023 .keyword-search ul li.down a:before{
	transform: rotate(180deg);
	background: url(/asset/images/front/common/ico_search_arrow.png) center center no-repeat;
}
#schArea.sch2023 .keyword-search .k-list{
	position: absolute;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 21px;
    top: -4px;
    width: 203px;
    left: -10px;
    z-index: 1000;
    padding: 15px 20px;
    box-sizing: border-box;
    display:none;
    box-shadow: -1px 1px 9px 3px rgba(0,0,0, .05);
}
#schArea.sch2023 .keyword-search .k-list-event,
#schArea.sch2023 .keyword-search .k-event-thumb{
	display:none;
}
#schArea.sch2023 .keyword-search .k-list h3,
#schArea.sch2023 .keyword-search .k-list-event h3{
	color: #333333;
    font-size: 16px;
    padding-left: 19px;
    position: relative;
	margin: 10px 0 20px;
}
#schArea.sch2023 .keyword-search .k-list h3:before,
#schArea.sch2023 .keyword-search .k-list-event h3:before{
	content:'';
	position:absolute;
	left:0;
	top:2px;
	width:12px;
	height:14px;
	background: url(/asset/images/front/common/ico_search_hot.png) center center no-repeat;
}
#schArea.sch2023 .keyword-search .k-list ul li,
#schArea.sch2023 .keyword-search .k-list-event ul li{
	margin:10px 0;
}
#schArea.sch2023 .keyword-search:hover .k-list{
	display:block;
}



#header2019 #gnb.gnb2023{
	position:relative;
}
#header2019 #gnb.gnb2023 .rail,
#header2019 #gnb.gnb2023>ul>li.myroom>a:after{
	display:none;
}
#header2019 #gnb.gnb2023 > ul{
	width: 1145px;
    font-size: 0;
    text-align: left;
    padding-left: 108px;
    padding-right: 70px;
    box-sizing: border-box;
}
#header2019 #gnb.gnb2023 > ul > li{
	width:14.2%;
	padding:10px 0;
}
#header2019 #gnb.gnb2023 > ul > li > a{
	padding:0;
	line-height:38px;
}
#header2019 #gnb.gnb2023 > ul > li.myroom a{
	padding-left:15px;
}
#header2019 #gnb.gnb2023 > ul > li.stube a{
	padding-left:30px;
}
#header2019.fix #gnb.gnb2023 > ul > li a{
	padding-left:0;
}
#header2019 #gnb.gnb2023 li:hover ul{
	max-height:100%;
	padding:0;
	border:none;
	opacity: 1;
}
#header2019 #gnb.gnb2023 li ul.depth2{
    position: absolute;
    left: 0;
    text-align: left;
    top: 80px;
    margin-left: 0;
    background: transparent;
    transition: all .3s;
    overflow: hidden;
    height: 0;
    z-index: 4;
    opacity: 1;
}
#header2019 #gnb.gnb2023 li li a{
	letter-spacing: -.5px;
	font-weight: normal;
}
#header2019 #gnb.gnb2023.on li ul.depth2 {
    width: 100%;
    height: 400px;
    max-height: none;
}
#header2019 #gnb.gnb2023 .gnb-bnn {
	position: absolute;
    z-index: 4;
    overflow:hidden;
	width: 100%;
	text-align:center;
    /* display:none; */
    max-height:0;
    /*top: 60px;*/
	top: 459px;
    left:0;
}
#header2019 #gnb.gnb2023.on .gnb-bnn{
	/* display:block; */
	animation:gnbBnnShow .25s linear forwards;
	animation-delay:.25s;
}
@keyframes gnbBnnShow {
	0% { max-height:0; }
	100% { max-height:300px;}
}
#header2019 #gnb.gnb2023 .gnb-bg {
	position: absolute;
    left: 0;
    top: 58px;
    width: 100%;
    height: 0;
	border-top: 1px solid #d0d0d0;
    background: #fff;
    z-index: 3;
    transition: all .3s;
}
#header2019 #gnb.gnb2023.on .gnb-bg {
    height: 400px;
}
#header2019 #gnb.gnb2023.on .gnb-dim{
	position:absolute;
	width:100%;
	background: rgba(0,0,0,0.5);
    z-index: 1;
    top: 58px;
    left: 0;
    right: 0;
    height: 100vh;
	pointer-events: none;
}

#header2019 #gnb.gnb2023.gnb2024 > ul{
	padding-left: 70px;
    padding-right: 0px;
}
#header2019 #gnb.gnb2023.gnb2024.gnb2024-v2 > ul{
	padding-left:0;
}
#header2019 #gnb.gnb2023.gnb2024 > ul > li{
    width: 13.7%;
}
#header2019 #gnb.gnb2023.gnb2024 > ul > li.digital{
	padding-right:40px;
}
#header2019 #gnb.gnb2023.gnb2024 > ul > li.new > a,
#header2019 #gnb.gnb2023.gnb2024 > ul > li a.col{
	position:relative;
	color:#f96742;
}
#header2019 #gnb.gnb2023.gnb2024 > ul > li.new > a{
	display:table;
}
#header2019 #gnb.gnb2023.gnb2024 > ul > li.new > a span:before{
	content:'';
	position:absolute;
	width:15px;
	height:15px;
    background: url(/asset/images/front/common/icon_new.png) no-repeat center center;
	background-size:100%;
}
#header2019 #gnb.gnb2023.gnb2024 > ul > li.new > a span:before{
	right: -17px;
    top: 4px;
}
#header2019 #gnb.gnb2023.gnb2024.gnb2024-v2 > ul li.gnb-right{
	position: absolute;
    right: 0;
    top: 4px;
}
#header2019 #gnb.gnb2023.gnb2024.gnb2024-v2 > ul li.gnb-right > ul{
	overflow: visible;
    opacity: 1;
    width: 200px;
    margin: 0;
    left: 0;
}
#header2019 #gnb.gnb2023.gnb2024.gnb2024-v2 > ul li.gnb-right > ul > li{
	display: inline-block;
    vertical-align: middle;
}
#header2019 #gnb.gnb2023.gnb2024.gnb2024-v2 > ul li.gnb-right > ul > li a{
	font-size: 15px;
    color: #333333;
}
#header2019 #gnb.gnb2023.gnb2024.gnb2024-v2 > ul li.gnb-right > ul > li + li{
	position:relative;
	margin-left:40px;
}
#header2019 #gnb.gnb2023.gnb2024.gnb2024-v2 > ul li.gnb-right > ul > li + li:before{
	content: '';
    position: absolute;
    left: -21px;
    top: 11px;
    width: 1px;
    height: 10px;
    background: #333;
}
#header2019.fix #gnb.gnb2023.gnb2024.gnb2024-v2 > ul li.gnb-right > ul{
	display:none;
}

#header2019.fix #gnb.gnb2023 li ul.depth2 {
    top: 68px;
}
#header2019.fix #gnb.gnb2023 .gnb-bnn {
    top: 397px;
}
#header2019.fix #gnb.gnb2023 .gnb-bg{
	border-top:0;
}
#header2019.fix #gnb.gnb2023.on .gnb-bg{
	top: 51px;
	height: 345px;
	border-top: 1px solid #d0d0d0;
}

#header2019.fix #gnb.gnb2023{
	position:fixed;
}
#header2019.fix #gnb.gnb2023{
	height:51px;
}
#header2019.fix #schArea.sch2023 h1 {
    padding-top: 18px;
    left: calc(50% - 570px);
}
#header2019.fix #schArea.sch2023 h1 a {
	width: 155px;
    height: 17px;
    background: url(/asset/images/front/main/logo_fix02.png) 0 0 no-repeat;
}
#header2019.fix #gnb.gnb2023 > ul{
	height:51px;
	/* width: 840px; */
	width:100%;
	padding: 0;
    text-align: center;
}
#header2019.fix #gnb.gnb2023 > ul > li{
	width:auto;
}
#header2019.fix #gnb.gnb2023.gnb2024-v2 > ul > li{
	margin:0 10px;
}
#header2019.fix #gnb.gnb2023 > ul > li > a{
    font-size: 18px;
    padding: 0 18px 0;
}
#header2019.fix #gnb.gnb2023 .gnb-menu{
	width: 840px;
}
#header2019.fix #gnb.gnb2023 .gnb-menu ul li a {
    font-size: 15px;
}
#header2019.fix #gnb.gnb2023.gnb2024 > ul > li.digital{
	padding-right:0;
}
#header2019.fix #gnb.gnb2023.gnb2024 > ul > li.new > a span:before{
	display:none;
}
#header2019.fix #gnb.gnb2023.gnb2024 > ul > li.new a {
	color: #333;
}
#header2019.fix #gnb.gnb2023.gnb2024 > ul > li.new > a {
	color: #f96742;
}

#header2019.fix .util.util2023 .top_link {
    top: 9px;
	right: 50%;
}
#header2019.fix #gnb.gnb2023 .rail,
#header2019.fix #gnb>ul>li.myroom>a:after{
	display:none;
}
#header2019.fix #gnb.gnb2023 > ul > li.myroom > a,
#header2019.fix #gnb.gnb2023 > ul > li.new > a{
	color: #333;
}
#header2019.fix #gnb.gnb2023 > ul > li:hover > a{
	color:#f96742 !important;
}
#header2019.fix #schArea.sch2023 .top_bar{
	width: 100%;
    left: 0;
    right: 0;
    top: 52px;
    max-width: 1180px;
    margin: 0 auto;
    padding:30px 0 ;
}
#header2019.fix #schArea.sch2023 .top_bar:before{
	content: '';
    position: fixed;
    top: 52px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    border-bottom: 2px solid #ff7350;
    border-top: 1px solid #d0d0d0;
    height: 510px;
    width: 100%;
}
#header2019.fix #schArea.sch2023 .top_bar:after{
	content: '';
    position: fixed;
    top: 52px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    z-index: -1;
}
#header2019.fix #schArea.sch2023 .top_bar .search{
	display:block;
	margin:0 auto;
	border: 2px solid #f96742;
    position: relative;
	width: 490px;
}
#header2019.fix #schArea.sch2023 .keyword-search{
	margin-left:0;
	font-size:0;
}
#header2019.fix #schArea.sch2023 .top_bar input.inp_s{
    width: 86%;
}
#header2019.fix #schArea.sch2023 .keyword-search .k-tit{
	display:none;
	position:static;
}
#header2019.fix #schArea.sch2023 .keyword-search .k-list{
    border: 0;
    box-shadow: none;
    position: static;
    padding:0;
}
#header2019.fix .util.util2023 .top_link li.sch_toggle:before{
	display:none;
}
#header2019.fix #schArea.sch2023 .keyword-search{
	width:100%;
	margin-top:30px;
}
#header2019.fix #schArea.sch2023 .keyword-search .k-list-event{
}
#header2019.fix #schArea.sch2023 .keyword-search > div{
	display:inline-block;
	vertical-align:top;
	box-sizing: border-box;
	width:33.3%;
}
#header2019.fix #schArea.sch2023 .keyword-search .k-list h3,
#header2019.fix #schArea.sch2023 .keyword-search .k-list-event h3{
    font-size: 20px;
}
#header2019.fix #schArea.sch2023 .keyword-search .k-list h3:before,
#header2019.fix #schArea.sch2023 .keyword-search .k-list-event h3:before{
	top: 4px;
}
#header2019.fix #schArea.sch2023 .keyword-search ul li a{
	padding-right:0;
	font-size:16px;
}
#header2019.fix #schArea.sch2023 .keyword-search ul li:first-child a,
#header2019.fix #schArea.sch2023 .keyword-search ul li:nth-child(2) a{
	color:#f96742;
	border-bottom:1px solid #f96742;
}
#header2019.fix #schArea.sch2023 .keyword-search .k-list ul li,
#header2019.fix #schArea.sch2023 .keyword-search .k-list-event ul li{
	margin:15px 0;
}

#header2019.fix #schArea.sch2023 .keyword-search .k-event-thumb ul{
	margin-top:13px;
	padding-left:50px;
}
#header2019.fix #schArea.sch2023 .keyword-search .k-event-thumb ul li{
	margin-bottom: 15px;
}
#header2019.fix #schArea.sch2023 .keyword-search .k-event-thumb ul li a{
	border:0;
	border:1px solid #d0d0d0;
	border-radius:5px;
	overflow:hidden;
	box-sizing: border-box;
	width: 282px;
    height: 174px;
}
#header2019.fix #schArea.sch2023 .keyword-search .k-event-thumb ul li a img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
#header2019.fix #gnb.gnb2023:before{
	top: 51px;
}
#header2019.fix #gnb li li a{
	font-size:14px;
	line-height: 30px;
}
#header2019.fix #gnb.gnb2023 > ul > li ul {
    left: 19px;
}
#header2019.fix #gnb.gnb2023:hover:before{
	height: 439px;
}

/* 2023 메인개편 - 팝업 */
.main-popup{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 1000;
}
.main-popup2{
	position: fixed;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
    z-index: 1000;
}

.popup-wrap{
	margin:0 auto;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	display: flex;
}
.popup-wrap .cont{
	margin:0 15px;
	border-radius: 10px;
	max-width:420px;
    overflow: hidden;
}
.popup-wrap .cont .btn-wrap{
	height: 45px;
	line-height: 45px;
    width: 100%;
    background: #ffffff;
    font-size:0;
}
.main-popup3{
	position: fixed;
	left:50%;
	top:50%;
	transform: translate(-172px, -150px);
    z-index: 1000;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #ccc;
}
.main-popup3 .name {
	position:absolute;
	top:60px;	
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	left:20%;
	right:20%;
	text-shadow:0 0 3px rgba(0,0,0.1);
}

.main-popup3 .btn-wrap { background:#fff; }
.main-popup3 .btn-wrap .btn-c{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	text-align:center;
	font-size:14px;
	color:#313131;
	font-weight: bold;
	position:relative;
	height: 45px;
	line-height: 45px;
}
.main-popup3 .btn-wrap .btn-c:first-child:before{
	content:'';
	position:absolute;
	right:0;
	top: 18px;
    width: 1px;
    height: 10px;
    background: #313131;
}
.main-event-popup{
	position: absolute;
	left:50%;
	margin-left:-580px;
	top:200px;
    z-index: 1000;
    animation:doongdoong 1s infinite;
}
.main-event-popup .btn-close,
.event-popup-rullette .btn-close{
	position:absolute;	
	width:30px;
	height:30px;
	top:12px;
	right:10px;
	background:#000;
	border-radius:50%;
	opacity:0;
	cursor:pointer;
}
.event-popup-rullette .btn-close { top:9px;right:7px; }
.main-event-popup .btn-close:hover,
.event-popup-rullette .btn-close:hover{ opacity:.1; }
.event-popup-rullette {
	z-index:9;
	position:absolute;
	top:500px;
	left:50%;
	margin-left:300px;
}
@keyframes doongdoong {
	0%,100% { transform:translateY(0) }
	50% { transform:translateY(5%) }
}
.popup-wrap .cont .btn-wrap .p-btn{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	text-align:center;
	font-size:14px;
	color:#313131;
	font-weight: bold;
	position:relative;
}
.popup-wrap .cont .btn-wrap .p-btn:first-child:before{
	content:'';
	position:absolute;
	right:0;
	top: 4px;
    width: 1px;
    height: 10px;
    background: #313131;
}

/* #62819 학점소진 안내레이어 */
.training-bnn{
	position:relative;
}
.training-bnn .btn-go{
	position: absolute;
    width: 306px;
    height: 56px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 20px;
}
.training-bnn .name{
    color: #1b1b1b;
    font-size: 19px;
    position: absolute;
    left: 0;
    right: 0;
    top: 58px;
    text-align: center;
    font-family: 'GmarketSans';
}
.training-bnn .name b{
	color:#00005c;
	font-size:100%;
	border-bottom:1px solid #00005c; 
}
.training-bnn .grade{
	color:#ff4c3c;
	font-size:32px;
	position: absolute;
    left: 107px;
    top: 128px;
    font-weight: bold;
}
.training-bnn + .btn-wrap{
    width: 100%;
    background: #e5e5eb;
    font-size:0;
    border-radius:0 0 10px 10px;
}
.training-bnn + .btn-wrap .btn-c{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	text-align:center;
	font-size:14px;
	color:#313131;
	font-weight: bold;
	position:relative;
	height: 45px;
	line-height: 45px;
}
.training-bnn + .btn-wrap .btn-c:first-child:before{
	content:'';
	position:absolute;
	right:0;
	top: 18px;
    width: 1px;
    height: 10px;
    background: #313131;
}



/* 2023 메인개편 - 메인슬라이드 */
.main-content-wrap{
	box-sizing: border-box;
}
.main-content-wrap{
	position:relative;
}
.main-bnn-wrap{
	position:relative;
	overflow: hidden;
}
.main-bnn-wrap .mbnn-cont{
	width:1145px;
	margin:0 auto;
	position:relative;
	z-index:1;
	font-size:0;
}
.main-bnn-wrap .mbnn-box{
	padding-bottom:30px;
}
.main-bnn-wrap .mbnn-box div{
    display: inline-block;
    vertical-align: middle;
    width: 264px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .15);
    border-radius: 15px;
    margin-right: 29.5px;
}
.main-bnn-wrap .mbnn-box div:last-child{
	margin-right:0;
}
.main-bnn-wrap .mbnn-box div img{width:100%;}
.main-bnn-wrap .mainbnn li{
	height: 452px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-bnn-wrap .bg-half-top{
	width:100%;
	height:50%;
	position: absolute;
    top: 0;
}
.main-bnn-wrap .bg-half-bottom{
	width:100%;
	height:50%;
	position: absolute;
    bottom: 0;
}
.main-bnn-wrap .bg-full{
	width:100%;
	height:100%;
	position: absolute;
    bottom: 0;
}

.main-bnn-wrap .swiper-control{
	z-index:2;
	bottom:-1px;
	position:absolute;
	max-width:1145px;
	margin:0 auto;
	left: 0;
    right: 0;
}
.main-bnn-wrap .swiper-control .control-btn{
	background: #fff;
    width: 160px;
    height: 43px;
    position: relative;
    line-height: 43px;
    border-radius: 20px 20px 0 0;
    text-align: center;
    border: 1px solid #d0d0d0;
    border-bottom: 1px solid #fff;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: left;
}
.main-bnn-wrap .swiper-control .control-btn > div{
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    font-size: 0;
    cursor: pointer;
	margin: 0;
}
.swiper-button-prev:after, .swiper-button-next:after{
	display:none;
}
.main-bnn-wrap .swiper-control .control-btn .swiper-button-prev{
	background: url(/asset/images/front/main/swiper_btn_prev.png) no-repeat center center;
	position: static;
}
.main-bnn-wrap .swiper-control .control-btn .swiper-button-next{
	background: url(/asset/images/front/main/swiper_btn_next.png) no-repeat center center;
	position: static;
}
.main-bnn-wrap .swiper-control .control-btn .swiper-pagination{
	color: #999999;
    font-size: 18px;
    font-weight: bold;
    position: static;
    width: auto;
 	line-height: 27px;
}
.main-bnn-wrap .swiper-control .control-btn .swiper-pagination > span{
	padding:0 2px;
}
.swiper-pagination .swiper-pagination-current{
	color:#f15922;
	font-size:18px;
	font-weight: bold;
}
.main-bnn-wrap .swiper-control .control-btn .swiper-button-play{
	background: url(/asset/images/front/main/swiper_btn_play.png) no-repeat center center;
	position: absolute;
    top: 10px;
 	right: 31px;
	display:none;
}
.main-bnn-wrap .swiper-control .control-btn .swiper-button-pause{
	background: url(/asset/images/front/main/swiper_btn_stop.png) no-repeat center center;
	position: absolute;
    top: 10px;
 	right: 31px;
}
.main-bnn-wrap .swiper-control .control-btn .button-all{
	background: url(/asset/images/front/main/swiper_btn_plus.png) no-repeat center center;
	margin-left: 18px;
}

/* 2023 메인개편 - 플러스팝업 */
.mbnner1-pop2023 ul li{
	height:330px;
	display:Table;
}
.mbnner1-pop2023 ul li .tcell{
	display: table-cell;
    vertical-align: middle;
}
.mbnner1-pop2023 ul li .mbnn-cont{
    position: relative;
    z-index: 1;
    width: 80%;
    margin: 0 auto;
}
.mbnner1-pop2023 ul li .mbnn-cont img{
	width:100%;
}
.mbnner1-pop2023 ul li{
	position:relative;
}
.mbnner1-pop2023 ul li .bg-half-top{
	width:100%;
	height:50%;
	position: absolute;
    top: 0;
}
.mbnner1-pop2023 ul li .bg-half-bottom{
	width:100%;
	height:50%;
	position: absolute;
    bottom: 0;
}
.mbnner1-pop2023 ul li .bg-full{
	width:100%;
	height:100%;
	position: absolute;
    bottom: 0;
}
.mbnner1-pop2023 .mbnn-box div{
    display: inline-block;
    vertical-align: middle;
    width: 23%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .15);
    border-radius: 15px;
    margin-right: 17px;
}
.mbnner1-pop2023 .mbnn-box div:last-child{
	margin-right:0;
}
.mbnner1-pop2023 .mbnn-box div img{width:100%;}

/* 2023 메인개편 - 로그인/로그아웃 */
.primary-wrap{
	position: absolute;
    top: -375px;
    right: -190px;
    z-index: 800;
}
.primary-wrap .primary-box{
	background:#fff;
	box-shadow:1px 1px 8px rgba(0, 0, 0, .15);
	border-radius:20px;
	width:141px;
	height:134px;
	padding: 0 10px;
    box-sizing: border-box;
    margin: 10px 0;
    display: flex;
    align-items: center;
}
.primary-wrap .logoff-box{
	position:relative;
	justify-content: center;
    text-align: center;
    padding:0;
}
.primary-wrap .logoff-box:before{
	content: '';
    width: 50px;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -25px;
    z-index: 1;
    position: absolute;
    background: url(/asset/images/front/common/ico_person.png) no-repeat center center;
}
.primary-wrap .logoff-box .login-btn a{
    background: #f96742;
    border-radius: 15px;
    text-align: center;
    width: 117px;
    font-size: 14px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    display: table;
	margin: 0 auto;
}
.primary-wrap .logoff-box ul.find{
	text-align: center;
    margin-top: 10px;
}
.primary-wrap .logoff-box ul.find li{
	display:inline-block;
	vertical-align:middle;	
	position:relative;
}
.primary-wrap .logoff-box ul.find li:first-child:before{
    content: '';
    position: absolute;
    width: 1px;
    height: 8px;
    right: -2px;
    top: 4px;
    background: #666666;
}
.primary-wrap .logoff-box ul.find li a{
	font-size:12px;
	color:#666666;
	padding:0 5px;
}

.primary-wrap .login-wrap{
	text-align:left;
}
.login-box h5{
	font-size:16px;
	color:#333333;
	font-weight: bold;
	margin-bottom:10px;
}
.login-box .ico-login{
	width:17px;
	height:17px;
	display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
	background: url(/asset/images/front/common/ico_small_person.png) no-repeat center center;
}
.login-box .ico-local{
	width:17px;
	height:17px;
	display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
	background: url(/asset/images/front/common/ico_small_local.png) no-repeat center center;
}
.login-box .privacy-info p{
	font-size:13px;
	color:#666666;	
	margin:5px 0;
}
.primary-wrap .change-btn a{
    background: #999999;
    border-radius: 15px;
    text-align: center;
    width: 117px;
    font-size: 14px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    display: table;
	margin: 10px auto 0;
}
.primary-wrap .gnb-right-bnn{
	position: absolute;
    top: -136px;
    right: 0;
    z-index: 100;
    overflow: hidden;
    height: 58px;    
}
.primary-wrap .gnb-right-bnn img{
	animation: bounce 1.5s infinite ease; 
	margin-top:4px;
}

/* 2023 메인개편 - 컨텐츠 */
.main_container2023{
	width:1145px;
}
.main_container2023 .mn_left ~ .main_content{
	margin-left: 55px;
    width: 930px;
    padding-right: 0;
}
.main_container2023 .mn_left{
	margin-top:65px;
}
.main_container2023 .msection1{
	box-sizing: border-box;
}
.main_container2019 .msection1 > article + article {
    margin-left: 10px;
}
.main_container2023 .msection1 ul {
    padding: 0;
}
.main_container2023 .medu_list li .thumb{
	width: 178px;
    height: 140px;
}
.main_container2023 .medu_list li {
    width: 178px;
    height: 140px;
	box-sizing: border-box;
	border:1px solid #d0d0d0;
	border-radius:5px;
	overflow: hidden;
}
.main_container2023 .medu_list li+li {
    margin-left: 10px;
}
.main_container2023 .main_content .mtit{
	margin-bottom: 10px;
}

.main_container2023 .msection1 > article.event{
	width:366px;
	position:relative;
}
.main_container2023 .msection1 > article.event .mtit{
	font-size: 18px;
    color: #fefefe;
    font-weight: bold;
    background: #f96742;
    border-radius: 4px 4px 0 0;
    width: 70px;
    height: 30px;
    line-height: 34px;
    margin-bottom: 0;
    text-align: center;
    margin-top: 5px;
}
.main_container2023 .msection1 > article.event .medu-slider{
	overflow: hidden;
	border: 1px solid #d0d0d0;
    border-radius: 0 5px 5px 5px;
}
.medu-control{
	top:7px;
	right:-10px;
	position:absolute;	
}
.medu-control .control-btn {
	position:relative;
}
.medu-control .control-btn > div{
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    font-size: 0;
    cursor: pointer;
    margin: 0;
}
.medu-control .control-btn .swiper-button-prev, .medu-control .control-btn .swiper-button-next{
	width:18px;
	height:18px;
	border:1px solid #d0d0d0;
	border-radius:3px;
	position: relative;
	background: transparent;
}
.medu-control .control-btn .swiper-button-prev:before{
	content: '';
    position: absolute;
    left: 7px;
    top: 5px;
    width: 6px;
    height: 6px;
    border-left: 2px solid #888;
    border-bottom: 2px solid #888;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.medu-control .control-btn .swiper-button-next:before{
	content: '';
    position: absolute;
    right: 7px;
    top: 5px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #888;
    border-top: 2px solid #888;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.medu-control .control-btn .swiper-pagination2{
	color: #666666;
    font-size: 16px;
    font-weight: bold;
    position: static;
    width: auto;
    height: 18px;
    line-height: 20px;
	margin: 0 12px;
}
.medu-control .control-btn .swiper-pagination2 > span{
	padding:0 2px;
}
.medu-control .control-btn .swiper-button-play{
	width:18px;
	height:18px;
	border:1px solid #d0d0d0;
	border-radius:3px;
	background: url(/asset/images/front/main/swiper_btn_play_sm.png) no-repeat 6px center;
	position:absolute;
	left: -15px;
	display:none;
}
.medu-control .control-btn .swiper-button-pause{
	width:18px;
	height:18px;
	border:1px solid #d0d0d0;
	border-radius:3px;
	background: url(/asset/images/front/main/swiper_btn_stop_sm.png) no-repeat center center;
	
	position:absolute;
	left: -15px;
}


.main_container2023 .msection2{
	height: auto;
}
.best-tabwrap .tab-link ul{
	display: flex;
    align-items: center;
    justify-content: center;
}
.best-tabwrap .tab-link ul li{
	flex: 1;
    text-align: center;
    color: #666666;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #d0d0d0;
    background: #f5f5f5;
    border-radius: 5px;
    margin-right: 10px;
    height: 32px;
    line-height: 32px;
    cursor:pointer;
}
.best-tabwrap .tab-link ul li:last-child{
	margin-right:0;
}
.best-tabwrap .tab-link ul li.active{
	color:#fff;
	background:#f96742;
	border-color:#f96742;
}
.main_container2023 .best-tabwrap .medu_list li{
	margin:10px 0 0;
}
.main_container2023 .best-tabwrap .medu_list li+li{
	margin-left:10px;
}
.main_container2023 .best-tabwrap .medu_list li:nth-child(6){
	margin-left:0;
}
.tab-content > div{
	display:none;
}
.tab-content > div.active{
	display:block;
}

.main_container2023 .msection4 .medu_list li{
	height: 295px;
	position:relative;
}
.main_container2023 .msection4 .medu_list li .thumb {
   height: 295px;
}
/* .main_container2023 .msection4 .medu_list li:before{
	content:'';
	position:absolute;
	width:20px;
	height:20px;
	left:0;
	right:0;
	margin:0 auto;
	top:100px;
	background:url("/asset/images/front/main/main_new_ico_plus.png") no-repeat center center;
	transition:all .5s ease;
	z-index: 10;
}
.main_container2023 .msection4 .medu_list li:hover:before{
	transform: rotate(180deg);
	transition:all .5s ease;
}
.main_container2023 .msection4 .medu_list li:last-child:before{
	display:none;
} */

.main_container2023 .msection5 h3.mtit{
	float:none;
	margin-bottom:0;
}
.main_container2023 .mquick{
	border:1px solid #d0d0d0;
	border-radius:5px;
	padding:10px 0;
}
.main_container2023 .msection5 .rail{
	display:none;
}
.main_container2023 .mquick li a:before {
    content: '';
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto 5px;
	background-position: 0 0 !important;
}
.main_container2023 .mquick li.q1 a:before {
    background:url("/asset/images/front/main/ico_quick_2023_01.png") no-repeat center center;
}
.main_container2023 .mquick li.q2 a:before {
    background:url("/asset/images/front/main/ico_quick_2023_02.png") no-repeat center center;
}
.main_container2023 .mquick li.q3 a:before {
    background:url("/asset/images/front/main/ico_quick_2023_03.png") no-repeat center center;
}
.main_container2023 .mquick li.q4 a:before {
    background:url("/asset/images/front/main/ico_quick_2023_04.png") no-repeat center center;
}
.main_container2023 .mquick li.q5 a:before {
    background:url("/asset/images/front/main/ico_quick_2023_05.png") no-repeat center center;
}
.main_container2023 .mquick li.q6 a:before {
    background:url("/asset/images/front/main/ico_quick_2023_06.png") no-repeat center center;
}

.main_container2023 .msection6{
	margin-top:10px;
	font-size:0;
}
.main_container2023 .msection6 article{
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	border-radius:5px;
	padding:25px;
	display:inline-block;
	width: calc(50% - 5px);
	position:relative;	
	vertical-align: top;
	height:191px;
}
.main_container2023 .msection6 article.mnotice{
	margin-right:10px;
}
.main_container2023 .msection6 h3 {
	font-size: 16px;
	font-weight:bold;
	color:#333333;
	margin-bottom: 15px;
}
.main_container2023 .msection6 .mnotice li {
	color:  #444;
	overflow: hidden;
	font-size: 0;
}
.main_container2023 .msection6 .mnotice li+li {
	margin-top: 8px;
}
.main_container2023 .msection6 .mnotice li a {
	font-size: 14px;
	color:#333333;
}
.main_container2023 .msection6 .mnotice li a:hover, 
.main_container2023 .msection6 .mnotice li a:focus {
	text-decoration: underline;
}
.main_container2023 .msection6 .mnotice	.more {    
    position: absolute;
    line-height: 21px;
    height: 19px;
    top: 25px;
    right: 25px;
    font-size: 13px;
}
.main_container2023 .msection6 .mtel h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
.main_container2023 .msection6 .mtel > div:nth-of-type(1){
	font-size:0;
	margin-bottom:15px;
}
.main_container2023 .msection6 .mtel > div:nth-of-type(1) strong {
	font-size: 34px;
	color: #f96742;
	display: inline-block;
	vertical-align:top;
	margin-bottom: 3px;
	width:50%;
	box-sizing: border-box;
}
.main_container2023 .msection6 .mtel > div:nth-of-type(1) p{
	display: inline-block;
	vertical-align:top;
	width:50%;
	box-sizing: border-box;
}
.main_container2023 .msection6 .mtel > div:nth-of-type(1) span {
	display: block;
	font-size: 14px;
	color:  #333333;
	text-align:right;
	margin-bottom: 5px;
}
.main_container2023 .msection6 .mtel > div:nth-of-type(2) a {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: calc(50% - 5px);
	height: 32px;
	line-height: 32px;
	border-radius: 5px;
	border: 1px solid #d0d0d0;
	padding:0 10px;
	color: #333333;
	font-size:14px;
	background:#f5f5f5;
}
.main_container2023 .msection6 .mtel > div:nth-of-type(2) a:last-child{
	margin-left:10px;
}
.main_container2023 .msection6 .mtel>div:nth-of-type(2) a:after {
	content: '';
	position: absolute;
	right: 11px;
    top: 11px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.main_container2023 .msection6 .mtel>div:nth-of-type(2) a:hover,
.main_container2023 .msection6 .mtel>div:nth-of-type(2) a:focus {
	text-decoration: underline;
}

/* floating banner */
.main_floating2023{
    position: absolute;
    right: -190px;    
    top: 63px;
    z-index: 100;
}
.main_floating2023 .floating-bnn{
	margin-bottom:10px;
	position:relative;
}
.main_floating2023 .floating-bnn .close {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/common/floating/floating_close.png) no-repeat;
    text-indent: -9999px;
}

/* event banner */
.event-bnn2023{
	position:absolute;
	    right: 0;
}
.event-bnn2023 .close {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 15px;
    right: 10px;
    background: url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/common/floating/floating_close_w.png) no-repeat;
    text-indent: -9999px;
}
.event-bnn2023 .bnn{
	position:relative;
}
.event-bnn2023 .bnn01 .name{
    font-size: 18px;
    color: #adfbfa;
    position: absolute;
    left: 23px;
    top: 18px;
    font-family: 'GmarketSans';
}
.event-bnn2023 .bnn02 .name{
	font-size: 15px;
    color: #adfbfa;
    position: absolute;
    left: 41px;
    top: 14px;
    font-weight:300;
    font-family: 'GmarketSans';
}

/* #60787 event banner */
.event-bnn2023_09,
.event-bnn2023_02{
	position: absolute;
    right: 170px;
    top: 10px;
}
.event-bnn2023_09 .bnn,
.event-bnn2023_02 .bnn,
.event-bnn-center .bnn{
	position:relative;
}
.event-bnn2023_09 .btn-wrap,
.event-bnn2023_02 .btn-wrap,
.event-bnn-center .btn-wrap{
	background:#fff;
	border:1px solid #ebebeb;
	border-radius:0 0 10px 10px;
	font-size:0;
	margin-top:-1px;
}
.event-bnn2023_09 .btn-wrap .btn-c,
.event-bnn2023_02 .btn-wrap .btn-c,
.event-bnn-center .btn-wrap .btn-c{
	display:inline-block;
	vertical-align:middle;
	width:50%;
	text-align:center;
	font-size:14px;
	color:#313131;
	font-weight: bold;
	position:relative;
	height:45px;
}
.event-bnn2023_09 .btn-wrap .btn-c:first-child:before,
.event-bnn2023_02 .btn-wrap .btn-c:first-child:before,
.event-bnn-center .btn-wrap .btn-c:first-child:before{
	content:'';
	position:absolute;
	right:0;
	top: 17px;
    width: 1px;
    height: 12px;
	background:#313131;
}

/* #61069 event banner */
#eventFloating3 .bnn .name{
	color: #513b2d;
    font-size: 16px;
    position: absolute;
    top: 55px;
    left: 23px;
    font-weight: bold;	
}
#eventFloating3 .bnn .name em{
    border-bottom: 1px solid #513b2d;
}
#eventFloating3 .bnn .grade{
	position: absolute;
    top: 82px;
    left: 21px;
    font-size: 25px;
    color: #f56200;
}
.event-bnn-center{
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.event-bnn-center .name{
	color: #fff;
    font-size: 21px;
    position: absolute;
    top: 35px;
    left: 0;
    right:0;
    margin:0 auto;
    font-weight: bold;
    font-family: 'GmarketSans';
    display: table;
}
.event-bnn-center .name u{
	font-family: 'GmarketSans';
	font-weight: normal
}

/* #58069 2023 실시간쌍방향 연수 서비스 도입2차 */
.pbg_box2023 .select_box{
	width:100%;
}
.pbg_box2023 .select-info{
	border: 1px solid #dcdcdc;
    margin-top: 3px;
    padding: 15px;
}
.pbg_box2023 .select-info p b{
	border-bottom: 1px solid #5a5a5a;
}
.pbg_box2023 .select-info .info{
	background: #f7f7f7;
    padding: 15px 20px;
    margin-top: 11px;
    padding-left: 40px;
}
.pbg_box2023 .select-info .info h5{
	position:relative;
}
.pbg_box2023 .select-info .info h5:before{
    content: '!';
    position: absolute;
    left: -22px;
    top: 1px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #5a5a5a;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    transform: rotate(-180deg);
}
.pbg_box2023 .select-info .info ul li{
	position:relative;
	margin:1px 0;
	margin-left:10px;
}
.pbg_box2023 .select-info .info ul li:before{
	content:'';
	position:absolute;
	width:3px;
	height:3px;
	background:#8c96a0;
	left:-10px;
	top:8px;
}
.pbg_box2023 .select-info .info ul li.tlong{
	padding-left:60px;
}
.pbg_box2023 .select-info .info ul li.tlong b{
	position: absolute;
    left: 0;
    font-weight: normal;
}


/* 실시간쌍방항 연수 신청 동의 팝업 */
#popDouble{
    position: fixed;
    width: 880px;
    padding: 30px;
    background: #efefef;
    box-shadow: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#popDouble h3{
	font-size: 18px;
    color: #1e1e1e;
    padding-left: 15px;
    position: relative;
}
#popDouble h3:Before{
	content:'';
	position:absolute;
	left:0;
	top:6px;
	background:#8c96a0;
	width:7px;
	height:7px;
	border-radius:100%;	
}

#popDouble .content-box{
	background:#fff;
	border:1px solid #dcdcdc;
	padding:30px 35px 40px;
	margin-top:10px;
}
#popDouble .content-box table{
	table-layout: fixed;
    border-collapse: collapse;
    border-top:1px solid #bebebe;
    border-bottom:1px solid #bebebe;
    margin-bottom:10px;
    width:100%;
}
#popDouble .content-box table th{
    background: #f7f7f7;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
    font-weight: bold;
    font-size: 14px;
    width: 13%;
}
#popDouble .content-box table td{
	padding: 15px 30px;
}
#popDouble .content-box table tr:first-child th,
#popDouble .content-box table tr:first-child td{
	border-bottom:1px solid #f0f0f0;	
}
#popDouble .content-box table td p{
	font-size: 14px;
    line-height: 1.3;
}
#popDouble .content-box table td p b{
	border-bottom: 1px solid #5a5a5a;
	margin-bottom:5px;
	display:inline-block;
}
#popDouble .content-box table td ul{
	margin-top:15px;
}
#popDouble .content-box table td ul li{
	margin-top:10px;
}
#popDouble .content-box table td ul li p{
	font-size:14px;
	color:#5a5a5a;
}
#popDouble .content-box table td ul li span{
	display:inline-block;
	margin-bottom:3px;
	font-size:14px;
	color:#fff;
	background:#ff9650;
	height:20px;
	line-height:20px;
	padding:0 3px;
}
#popDouble .content-box .sign{
	margin-top:30px;
	text-align:right;
}
#popDouble .content-box .sign span{
	display:block;
	margin-top:5px;
	font-size:13px;
	color:#5a5a5a;
}
#popDouble .content-box .sign span.date{
	margin-bottom:15px;
}

#popDouble .btn-wrap{
	margin-top:30px;
	text-align:center;
}
#popDouble .btn-wrap a{
	width: 250px;
    margin: 0 10px;
    letter-spacing: -.5px;
}

/* 2023 상세페이지 레이아웃 */
.sub_content2023 .container{
	width: 1180px;
}
.sub_content2023 .container .contents{
	width: 920px;
}

/* 2023 서비스중지 안내 - 팝업 */
.popup-service{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 1000;
}
.popup-service .popup-wrap .cont{
	max-width: 100%;
}
map area {
    outline: 0;
    cursor: pointer;
}

/* 2023 볼드 폰트 스타일 추가 (red) */
.red_bold{
	display: block;
	padding: 3px 0;
	font-weight: bold;
	font-size: 15px;
	color:#f33131;
}
.red_bold i{
	display: inline-block;
	width:11px;
	height:11px;
	margin-right: 4px;
	background: url('/asset/images/front/common/ico_check_red.png') center/contain no-repeat;
	vertical-align: middle;
}

/* #59763 GNB 고객샌터 개편 - 연수후기 */
.training-top{
	margin-bottom:30px;
}
.training-top .category-wrap table{
	box-sizing: border-box;
	table-layout: fixed;
	border-collapse: collapse;
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	width: 100%;
}
.training-top .category-wrap table tr th{
	font-size:16px;
	color:#323c46;
	background:#f7f7f7;
	padding:6px 20px 0;
	border-right:1px solid #e5e5e5;
	vertical-align: middle;
    width: 10%;
}
.training-top .category-wrap table tr:first-child th{
	border-bottom:1px solid #e5e5e5;
}
.training-top .category-wrap table tr td{
	padding:10px 20px;
	vertical-align: middle;
}
.training-top .category-wrap table tr:first-child td{
	border-bottom:1px solid #e5e5e5;
}
.training-top .category-wrap table tr td div{
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    height: 21px;
    line-height: 22px;
    color: #666666;
    font-size: 14px;
    text-align: center;
    position: relative;
    border-radius: 10px;
    cursor:pointer;
}
.training-top .category-wrap table tr td div.checked{
	background:#f96742;
	color:#fff;
}
.training-top .category-wrap table tr td div.checked:before{
	content:'';
	width:16px;
	height:15px;
	position:absolute;
	right:-8px;
	top:-6px;
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_category_exit.png") no-repeat center center;
}
.training-top .alR .bg_org{
    width: 172px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 15px;
}

.my-review{
	font-size:14px;
	color:#666666;
	float: right;
	    margin-bottom: 10px;
}
/*
.my-review span{
	display:inline-block;
	vertical-align:middle;
	width:36px;
	height:20px;
	border-radius:30px;
	background:#bebebe;
	position:relative;
	cursor:pointer;
	margin-bottom: 2px;
    margin-left: 3px;
}
.my-review span.on{
	background:#ff7350;
}
.my-review span:before{
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	background:#fff;
	border-radius:100%;
	top: 2px;
    left: 2px;
    transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.my-review span.on:before{
	left: 18px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}*/
.my-review .review-chk{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	margin-left:-2px;
}
.my-review .review-chk label{
	width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    display: inline-block;
}
.my-review .review-chk input {
	position: absolute;
    top: 0;
    left: 10px;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
    width: 30px;
    height: 20px;
}
.my-review .review-chk .toggle-outside{
	display:inline-block;
	vertical-align:middle;
	width:36px;
	height:20px;
	border-radius:30px;
	background:#bebebe;
	position:relative;
	cursor:pointer;
}
.my-review .review-chk .toggle-inside{
	position:absolute;
	width:16px;
	height:16px;
	background:#fff;
	border-radius:100%;
	top: 2px;
    left: 2px;
    transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.my-review .review-chk input ~ input:checked ~ .toggle-outside{
	background: #ff7350;
}
.my-review .review-chk input:checked {
    z-index: 1;
}

.my-review .review-chk input:checked ~ .toggle-outside .toggle-inside {
    left: 2px;
}
.my-review .review-chk input ~ input:checked ~ .toggle-outside .toggle-inside {
    left: 18px;
}

.bbs-list2023{
	display: block;
    clear: both;
}
.bbs-list2023 > ul{
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
}
.bbs-list2023 > ul > li > div.head{
	background:#f7f7f7;
	padding: 0 10px;
    height: 36px;
    line-height: 36px;
}
.bbs-list2023 > ul > li > div.head .tit{
	color:#333333;
	font-size:13px;
	font-weight: bold;
	width: 73%;
	display: inline-block;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.bbs-list2023 > ul > li > div.head .h-rt{
	float:right;
}
.bbs-list2023 > ul > li > div.head .h-rt > span{
	display:inline-block;
	vertical-align: middle;
	margin-left:10px;
	font-size:11px;
	position:relative;
}
.bbs-list2023 > ul > li > div.head .h-rt > span:before{
	content: '';
    position: absolute;
	top: 50%;
    transform: translateY(-50%);
    left: -7px;
    width: 1px;
    height: 8px;
    background: #bebebe;
}
.bbs-list2023 > ul > li > div.head .h-rt .review-star{
	display:inline-block;
	vertical-align: middle;
    margin-bottom: 2px;
}
.bbs-list2023 > ul > li > div.head .h-rt .review-star .star{
	width:12px;
	height:12px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_review_star_bg.png") no-repeat center center;
}
.bbs-list2023 > ul > li > div.head .h-rt .review-star .star.checked{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_review_star_chk.png") no-repeat center center;
}
.bbs-list2023 > ul > li > div.cont{
	padding:20px 15px;
}
.bbs-list2023 > ul > li > div.cont .tit{
	font-size:13px;
	color:#333333;
	font-weight: bold;
	display:block;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.bbs-list2023 > ul > li > div.cont .tit.l2{
	white-space: normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.bbs-list2023 > ul > li > div.cont .tit.l3{
	white-space: normal;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.bbs-list2023 > ul > li > div.cont .review-cont{
	margin-top:10px;
}
.bbs-list2023 > ul > li > div.cont .review-cont .text{
	font-size:13px;
	line-height:19px;
	color:#666666;
}
.bbs-list2023 > ul > li > div.cont .review-cont .text.hide {
	white-space: normal;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	color:#666666;
}
/* .bbs-list2023 > ul > li > div.cont .review-cont .text.show{
	display: block;
} */
.bbs-list2023 > ul > li > div.cont .review-cont .btn-wrap{
	margin-top:10px;
	cursor:pointer;
	display:none;
}
.bbs-list2023 > ul > li > div.cont .review-cont .btn-wrap span{
	position:relative;
	padding-right: 20px;
}
.bbs-list2023 > ul > li > div.cont .review-cont .btn-wrap span.close,
.bbs-list2023 > ul > li > div.cont .review-cont .btn-wrap.show span.more{
	display:none;
}
.bbs-list2023 > ul > li > div.cont .review-cont .btn-wrap.show span.close{
	display:table;
}
/* .bbs-list2023 > ul > li > div.cont .review-cont .btn-wrap span.close,
.bbs-list2023 > ul > li > div.cont .review-cont.on .btn-wrap span.more{
	display:none;
}
.bbs-list2023 > ul > li > div.cont .review-cont.on .btn-wrap span.close{
	display: table;
} */
.bbs-list2023 > ul > li > div.cont .review-cont .btn-wrap span:before{
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_review_more.png") no-repeat center center;
	right:0;
	top:0;
}
.bbs-list2023 > ul > li > div.cont .review-cont .btn-wrap .close:before{
	content:'';
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_review_close.png") no-repeat center center;
}
.bbs-list2023 > ul > li.no-data{
	text-align: center;
    padding: 100px 0;
    font-size: 16px;
    color: #666666;
    line-height: 1.6;
    border-bottom:1px solid #bebebe;
}
.bbs-list2023 > ul > li.no-data .review-btn{
	font-size: 16px;
    font-weight: bold;
    display: table;
    margin: 20px auto 0;
    border: 1px solid #ff7350;
    border-radius: 3px;
    width: 202px;
    height: 46px;
    line-height: 46px;
    padding: 0;
    color: #ff7350;
    padding-left: 25px;
    box-sizing: border-box;
    background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_review_pen.png") no-repeat 20% center;
}

.popup-layer{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 1000;
}
#reviewPop .popup-cont{
	width:560px;
	max-height:769px;
	border-radius:5px;
	background:#fff;
	padding:30px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	box-sizing: border-box;
}
#reviewPop .popup-cont .head{
	position:relative;
}
#reviewPop .popup-cont .head h3{
	font-size: 24px;
    font-weight: bold;
    color: #121212;
    margin-bottom: 20px;
}
#reviewPop .popup-cont .head ul li{
	color: #5a5a5a;
    font-size: 15px;
    padding-left: 10px;
    position:relative;
    margin-bottom: 5px;
}
#reviewPop .popup-cont .head ul li:before{
	content:'';
	position:absolute;
	left:0;
	top:6px;
	width:4px;
	height:4px;
	background:#8c96a0;
	border-radius:100%;
}
#reviewPop .popup-cont .head .p-btn{
	position:absolute;
	right:0;
	top:0;
	width:24px;
	height:24px;
	font-sizE:0;
}
#reviewPop .popup-cont .head .p-btn:before{
    content: '';
    position: absolute;
    left:12px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #5a5a5a;
    transform: rotate(45deg);
}
#reviewPop .popup-cont .head .p-btn:after{
    content: '';
    position: absolute;
    left: 12px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #5a5a5a;
    transform: rotate(-45deg);
}
#reviewPop .popup-cont .cont{
	height: 60vh;
    overflow-y: scroll;
    margin: 20px 0;
    padding-right: 5px;
}
#reviewPop .popup-cont *::-webkit-scrollbar{
	width:7px;
}
#reviewPop .popup-cont *::-webkit-scrollbar-thumb{
	background: #C0C0C0;
	border-radius: 5px;
}
#reviewPop .popup-cont .select-box{
	position: relative;
}
#reviewPop .popup-cont .select-box .show{
	border: 1px solid #e5e5e5;
    border-radius: 5px;
    position:relative;
}
#reviewPop .popup-cont .select-box .show:before{
    content: '';
    position: absolute;
    right: 30px;
    top: 48px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #cbcbcb;
    border-top: 2px solid #cbcbcb;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
#reviewPop .popup-cont .select-box .training-cont{
    padding: 16px 20px;
    padding-right:80px;
    font-size: 0;
    display: table;
    box-sizing: border-box;
    width: 100%;
    cursor:pointer;
}
#reviewPop .popup-cont .training-cont .thumb{
	width: 86px;
    height: 67px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}
#reviewPop .popup-cont .training-cont .thumb img{
	width:100%;
	height:100%;
	object-fit: cover;
}
#reviewPop .popup-cont .training-cont .txt{
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    font-size: 13px;
    color: #5a5a5a;
    width: calc(100% - 126px);
    line-height: 1.4;
    word-break: keep-all;	
}
#reviewPop .popup-cont .training-cont .day{
	color: #999;
	font-size: 12px;
	font-weight: 400;
	line-height: 160%; /* 1.2rem */
	letter-spacing: -0.00375rem;
	margin-top:0.37rem;
}
#reviewPop .popup-cont .show.data-no:before{
	display:none;
}
#reviewPop .popup-cont .data-no .training-cont .txt{
	margin-left:0;
}
#reviewPop .popup-cont .show.data-no + .scroll-wrap{
	display:none;
}
#reviewPop .popup-cont .select-box .scroll-wrap{
	position: absolute;
	height: 0;
	width:100%;
	box-sizing: border-box;
	overflow:hidden;
    border: 0;
    margin-top: -1px;
    background: #fff;
    z-index: 1;
    transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
#reviewPop .popup-cont .select-box .scroll-wrap ul{
	height: 395px;
    overflow-y: scroll;
}
#reviewPop .popup-cont .select-box .scroll-wrap ul li{
	border-bottom: 1px solid #d0d0d0;
}
/* #reviewPop .popup-cont .select-box .scroll-wrap ul li:last-child{
	border-bottom:0;
} */
#reviewPop .popup-cont .select-box .scroll-wrap ul li:hover{
	background:#f7f7f7;
}
#reviewPop .popup-cont .select-box .scroll-wrap ul li.checked{
	background:#eeeeee;
}
#reviewPop .popup-cont .select-box .scroll-wrap ul li.checked:hover{
	background:#e6e6e6;
}


/* 클릭시 on 추가 */
#reviewPop .popup-cont .select-box.on {
	/* border: 1px solid #dadada;
	border-radius: 5px; */
}
#reviewPop .popup-cont .select-box.on .show:before{
    content: '';
    position: absolute;
    right: 30px;
    top: 48px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #cbcbcb;
    border-top: 2px solid #cbcbcb;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
#reviewPop .popup-cont .select-box.on .scroll-wrap{
	height: 395px;
	border: 1px solid #d0d0d0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
#reviewPop .star-wrap{
	text-align: center;
    margin: 28px 0;
}
#reviewPop .star-wrap .star{
	width:39px;
	height:39px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_review_big_star_bg.png") no-repeat center center;
}
#reviewPop .star-wrap .star.checked{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_review_big_star_chk.png") no-repeat center center;
}


#reviewPop h5{
	font-size:15px;
	color:#5a5a5a;
	padding-left: 10px;
	position:relative;
	margin-bottom: 10px;
}
#reviewPop h5:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: 4px;
    background: #8c96a0;
    border-radius: 100%;
}
#reviewPop .write-form input{
	width:100%;
	border:1px solid #e5e5e5;
	height:36px;
	line-height:36px;
	padding:0 15px;
	box-sizing: border-box;
	margin-bottom:10px;
}
#reviewPop .write-form textarea{
	width:100%;
	border:1px solid #e5e5e5;
	padding:15px;
	box-sizing: border-box;
	height:240px;
	line-height: 1.2;
	overflow-y:scroll;
}
#reviewPop .write-form input::placeholder,
#reviewPop .write-form textarea::placeholder{
	color:#999999;
}

#reviewPop .write-form .t-num{
	display:block;
	text-align:right;
	margin-top:5px;
	font-size:12px;
	color:#666666;
}
#reviewPop .write-form button{
	width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    margin: 10px auto 0;
    display: table;
}
/* #71418 후기 도움영역 추가 */
#reviewPop .review-wrap{
	margin:28px 0;
}
#reviewPop .review-chk {
	display: flex;
	flex-wrap: wrap;
}
#reviewPop .review-chk input[type='checkbox']{
	display:none;
}
#reviewPop .review-chk label{
	border-radius: 999px;
	border: 1px solid #E5E5E5;
	background: #F7F7F7;
	color: #555;
	font-size: 15px;
	cursor: pointer;
	padding: 4px 12px;
	margin:3px;
	box-sizing: border-box;
}
#reviewPop .review-chk input[type='checkbox']:checked + label{
	border: 1px solid #FF7350;
	background: #FFF;
	color:#FF7350;
}


/* #59763 고객센터 개편 - 강사지원 */
.apply_box2023{
	border:1px solid #e5e5e5;
	border-radius:3px;
	padding:5px 30px;
	margin-bottom:30px;
}
.apply_box2023 dl{
	font-size:0;
	padding:20px 0;
}
.apply_box2023 dl dt{
	display:inline-block;
	vertical-align:middle;
	width:14%;
	font-size:13px;
	color:#121212;
	font-weight: bold;
	text-align:center;
	padding-top:75px;
	position:relative;
}
.apply_box2023 dl dt.d1{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_support01.png") no-repeat top center;
}
.apply_box2023 dl dt.d2{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_support02.png") no-repeat top center;
}
.apply_box2023 dl dt.d3{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_support03.png") no-repeat top center;
}
.apply_box2023 dl dt.d4{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/img_support04.png") no-repeat top center;
}
.apply_box2023 dl dt.d2:before,
.apply_box2023 dl dt.d4:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:94px;
	background:#e5e5e5;
}
.apply_box2023 dl dt.d3:after,
.apply_box2023 dl dt.d4:after{
	content:'';
	position:absolute;
	left: 11px;
    top: -20px;
	width:404px;
	height:1px;
	background:#e5e5e5;
}

.apply_box2023 dl dd{
	display:inline-block;
	vertical-align:middle;
	width:36%;
}

.apply_box2023 dl dd ul li{
    font-size: 13px;
    color: #5a5a5a;
    padding-left: 10px;
    margin: 3px 0;
    margin-left:20px;
    position: relative;
}
.apply_box2023 dl dd ul li:before{
	content:'';
	position:absolute;
	left:0;
	top:7px;
	width:3px;
	height:3px;
	border-radius:100%;
	background:#8c96a0;
}
.board-write2023 *{
	color: #444444;
	font-family: "NanumSquareRound", "Nanum Barun Gothic", "나눔바른고딕", "Nanum Gothic","나눔고딕","맑은고딕","돋움","Dotum";
	box-sizing: border-box;
}
#bbs_wrap .board-write2023,
#partnership_wrap .board-write2023{
	background:transparent;
	padding:10px 0 0;
	margin:0;
}
#bbs_wrap .board-write2023 table,
#partnership_wrap .board-write2023 table {
	display: table;
    border-collapse: collapse;
    width: 100%;
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
}
#bbs_wrap .board-write2023 .inp,
#partnership_wrap .board-write2023 .inp{
	border:1px solid #e5e5e5;
}
#bbs_wrap .board-write2023 table tr th,
#partnership_wrap .board-write2023 table tr th{
	background: #f6f6f6;
    text-align: center;
    font-size: 13px;
    color: #5a5a5a;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 5px 0;
    vertical-align: middle;
    width: 12%;
}
#bbs_wrap .board-write2023 table tr td,
#partnership_wrap .board-write2023 table tr td{
	padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
    width: 88%;
}
#bbs_wrap .board-write2023 table tr.write2 td .inp_list{
	margin-top:0;
}
#bbs_wrap .board-write2023 table tr.write2 td .inp_list li{
	margin-top:5px;
}
#bbs_wrap .board-write2023 table tr.write2 td .inp_list li:first-child{
	margin-top:0;
}
#bbs_wrap .board-write2023 table tr.write2 td ul li+li .inp{
	width: 713px;
}
#bbs_wrap .board-write2023 table tr td .select_box select,
#partnership_wrap .board-write2023 table tr td .select_box select{
	display: inline-block;
    padding: 5px 10px 5px 10px;
    height: 34px;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    border-radius: 2px;
    background: #fff;
}
#bbs_wrap .board-write2023 table tr:last-child th,
#bbs_wrap .board-write2023 table tr:last-child td,
#partnership_wrap .board-write2023 table tr:last-child th,
#partnership_wrap .board-write2023 table tr:last-child td{
	border-bottom:0;
}
.btn_all2023 .btn_bbs01{
	display:table;
	margin:30px auto 0;
	font-size:16px;
}

/* #59763 고객센터 개편 - 제휴문의 */
.partnership-content2023 .mB35{
	border:1px solid #e5e5e5;
	border-radius:3px;
	padding:30px;
}
#partnership_wrap .board-write2023 .write_cont{
	padding:0;
	border: 1px solid #e5e5e5;
}
#partnership_wrap .board-write2023 .write-radio {
	height: 45px;
}
#partnership_wrap .board-write2023 .write-radio .radio_list li{
	margin-right:25px;
}
#partnership_wrap .board-write2023 .write-file .file_up,
#partnership_wrap .board-write2023 .write-file .file_up .add_file{
	width: 112px;
	cursor: pointer;
}
#partnership_wrap .board-write2023 .write-file .file_up .file-btn{
	background: #8c96a0;
    border: 1px solid #8c96a0;
    color: #fff;
    width:100%;
    padding: 0;
    cursor: pointer;
}
#partnership_wrap .board-write2023 .agree-box .box{
	border: 1px solid #e5e5e5;
    background: #f7f7f7;
    padding: 15px;
}

#partnership_wrap .board-write2023 .agree-box .box ul{
	margin:15px 0 20px;
}
#partnership_wrap .board-write2023 .agree-box .box ul li{
	height:auto;
	line-height: initial;
    margin: 5px 0;
}

/* #59763 고객센터 개편 - FAQ */
.faq-content2023 .search_bar{
	text-align: center;
    background: #f7f7f7;
    padding: 25px 0;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 5px;

}
.faq-content2023 .search_bar .tit{
	font-size:16px;
	font-weight: bold;
	color:#666666;
	margin-right:5px;
	vertical-align: middle;	
}
.faq-content2023 .search_bar .search-inp{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 462px;
}
.faq-content2023 .search_bar .search-inp .inp_s{
	border-radius: 30px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size:14px;
	border: 1px solid #d0d0d0;
    color:#333333;
}
.faq-content2023 .search_bar .search-inp .s-btn{
    position: absolute;
    right: -10px;
    top: 6px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: #8c96a0;
}
.faq-content2023 .search_bar .search-inp .s-btn .btn_sch{
	position: absolute;
    left: -8px;
    top: -3px;
}
.faq-content2023 .tab-top ul{
	display:flex;
	margin: 30px 0 40px;
}
.faq-content2023 .tab-top ul li{
	flex:1;
	text-align:center;
	cursor:pointer;
}
.faq-content2023 .tab-top ul li a{
    display: table;
    width: 100%;
    height: 84px;
    position: relative;
}
.faq-content2023 .tab-top ul li a span{
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.faq-content2023 .tab-top ul li.t1{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_01.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t1:hover,
.faq-content2023 .tab-top ul li.t1.active{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_01_act.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t2{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_02.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t2:hover,
.faq-content2023 .tab-top ul li.t2.active{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_02_act.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t3{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_03.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t3:hover,
.faq-content2023 .tab-top ul li.t3.active{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_03_act.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t4{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_04.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t4:hover,
.faq-content2023 .tab-top ul li.t4.active{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_04_act.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t5{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_05.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t5:hover,
.faq-content2023 .tab-top ul li.t5.active{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_05_act.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t6{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_06.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t6:hover,
.faq-content2023 .tab-top ul li.t6.active{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_06_act.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t7{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_07.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t7:hover,
.faq-content2023 .tab-top ul li.t7.active{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_07_act.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t8{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_08.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t8:hover,
.faq-content2023 .tab-top ul li.t8.active{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_08_act.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t9{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_09.png") no-repeat top center;
}
.faq-content2023 .tab-top ul li.t9:hover,
.faq-content2023 .tab-top ul li.t9.active{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/faq_tabicon_09_act.png") no-repeat top center;
}

.faq-content2023 .faq-txt{
	font-sizE:16px;
	font-weight: bold;
	margin-bottom:10px;
	display:block;
}
.faq-content2023 .faq-txt span{
	display:inline-block;
	vertical-align:middle;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width: 89%;
}
.faq-content2023 .qna-list2023 dl dt a span{display:none;}
.faq-content2023 .qna-list2023 dl dt{
	position:relative;
}
.faq-content2023 .qna-list2023 dl dt:before{
	content:'';
	position:absolute;
	top: 20px;
    right: 25px;
	width:10px;
	height:6px;
	background: url(/asset/images/front/common/ico_search_arrow.png) center center no-repeat;
}
.faq-content2023 .qna-list2023 dl.this dt:before{
	transform: rotate(180deg);
	background: url(/asset/images/front/common/ico_search_arrow.png) center center no-repeat;
}
.faq-content2023 .qna-list2023 dl.this dd{
	display:block;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.faq-content2023 .qna-list2023 dl dd{
	padding: 20px 30px;
	background:#fafafa;
	color:#5a5a5a;
}
.faq-content2023 .qna-list2023 dl dd img{
	max-width:100%;
}
.faq-content2023 .qna-list2023 dl dd b,
.faq-content2023 .qna-list2023 dl dd strong{
    font-weight: bold;
    margin-bottom: 10px;
    color:#333333;
}
.faq-content2023 .qna-list2023 dl .answer-write{
	background:#f1f1f1;
	width:566px;
	padding:20px 0;
	text-align:center;
	display:Table;
	margin:20px auto 0;
	font-size:15px;
	color:#5a5a5a;
}
.faq-content2023 .qna-list2023 dl .answer-write .btn-dd{
	font-size:15px;
	color:#ff7350;
	border:1px solid #ff7350;
	background:#fff;
	font-weight: bold;
	width:176px;
	height:46px;
	line-height:48px;
	text-align:center;
	display:inline-block;
	margin-left:10px;
	padding: 0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
.faq-content2023 .qna-list2023 dl .answer-write .btn-dd:hover{
	color:#fff;
	border:1px solid #fff;
	background:#ff7350;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}
.faq-content2023 .qna-list2023 dl.no-data dt{
	padding: 80px 30px;
}
.faq-content2023 .qna-list2023 dl.no-data dt:before{
	display:none;
}
.faq-content2023 .qna-list2023 dl.no-data dt .empty{
	padding-top: 75px;
    padding-bottom: 0;
    font-size:16px;
    color:#5a5a5a;
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_nodata.png") no-repeat top center;
}

/* #59763 고객센터 개편 - 1:1문의 */
.write-content2023 .icon2_list li{
	margin:0;
}
.write-content2023 .tbtn_box{
	top:24px;
}
.write-content2023 .tbtn_box .bg_org{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    height: 45px;
    line-height: 45px;
    width: 202px;
    border-radius: 3px;
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
}
.bbs-list2023{
	border-bottom:0;
}
.bbs-list2023 table{
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
}
.bbs-list2023 table tr th{
	background:#f7f7f7;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.bbs-list2023 table tr td{
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	text-align:center;
}
.bbs-list2023 table tr th:last-child,
.bbs-list2023 table tr td:last-child{
	border-right:0;
}
.bbs-list2023 table tr td.tit{
	text-align:left;
	padding:10px 20px !important;
}
.bbs-list2023 table tr td.tit a.ellipsis{
	max-width: 94% !important; 
}
.bbs-list2023 table tr td .step_color01{
	background:rgba(240,240,240,0.5);
	color:#828282;
}
.bbs-list2023 table tr.tr-show td{
	padding:0;
	text-align:left;
}
.bbs-list2023 table tr.tr-show .question{
	background:rgba(247,247,247,0.5);
	border-bottom:1px solid #e5e5e5;
	padding:25px;
}
.bbs-list2023 table tr.tr-show .answer{
	background:#f7f7f7;
	padding:25px;
}
.bbs-list2023 table tr.tr-show div .tit{
	color:#121212;
	font-size:14px;
	font-weight: bold;
	padding-left:25px;
	position:relative;
}
.bbs-list2023 table tr.tr-show .question .tit:before{
	content:'Q';
	position:absolute;
	width:16px;
	height:16px;
	background:#a0a0a0;
	border-radius:3px;
	left:0;
	top:0;
	color:#fff;
	font-size:12px;	
	text-align:center;
	font-weight: bold;
}
.bbs-list2023 table tr.tr-show .answer .tit:before{
	content:'A';
	position:absolute;
	width:16px;
	height:16px;
	background:#ff7350;
	border-radius:3px;
	left:0;
	top:0;
	color:#fff;
	font-size:12px;
	text-align:center;
	font-weight: bold;
}
.bbs-list2023 table tr.tr-show div .text{
	font-size:13px;
	color:#5a5a5a;
	margin:10px 0;
	line-height:1.6;
}
.bbs-list2023 table tr.tr-show .file-down a{
	display:block;
	line-height:1.6;
	text-decoration: underline;
	/* color:#249ecb; */
}
/* .bbs-list2023 table tr.tr-show .file-down a:visited,
.bbs-list2023 table tr.tr-show .file-down a:active{
	color:#64508c;
} */
.bbs-list2023 table tr.no-data td{
	height:230px !important;
}
.bbs-list2023 table tr.no-data td .no-txt{
	padding-top: 75px;
    padding-bottom: 0;
    font-size: 16px;
    color: #5a5a5a;
    background: url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_nodata.png) no-repeat top center;	
}


.bbs-wrap2023 .board-write2023 .select-box{
	position: relative;
	width: 479px;
}
.bbs-wrap2023 .board-write2023 .select-box .show{
	border: 1px solid #e5e5e5;
    border-radius: 2px;
    position:relative;
    cursor:pointer;
}
.bbs-wrap2023 .board-write2023 .select-box .show .t{
	height: 32px;
    line-height: 34px;
    padding: 0 10px;
}
.bbs-wrap2023 .board-write2023 .select-box .show:before{
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top:-2px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #cbcbcb;
    border-top: 2px solid #cbcbcb;
    transform: rotate(135deg) translate(-50%, 0);
    -webkit-transform: rotate(135deg) translate(-50%, 0);
    -moz-transform: rotate(135deg) translate(-50%, 0);
    -ms-transform: rotate(135deg) translate(-50%, 0);
    transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.bbs-wrap2023 .board-write2023 .training-box .select-box.on .show:before{
	transform: rotate(-45deg);
}
.bbs-wrap2023 .board-write2023 .select-box .training-cont{
    padding: 10px;
    padding-right:80px;
    font-size: 0;
    display: table;
    box-sizing: border-box;
    width: 100%;
    cursor:pointer;
    border-collapse: initial;
}
.bbs-wrap2023 .board-write2023 .training-cont .thumb{
	width: 86px;
    height: 67px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}
.bbs-wrap2023 .board-write2023 .training-cont .txt{
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    font-size: 13px;
    color: #5a5a5a;
    width: calc(100% - 126px);
    line-height: 1.4;
    word-break: keep-all;	
}
.bbs-wrap2023 .board-write2023 .select-box .scroll-wrap{
	position: absolute;
	height: 0;
	width:100%;
	overflow:hidden;
    border: 0;
    margin-top: -1px;
    background: #fff;
    z-index: 1;
    transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}

.bbs-wrap2023 .board-write2023 .select-box .scroll-wrap .t{
	font-size: 13px;
    color: #5a5a5a;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #d0d0d0;
}
.bbs-wrap2023 .board-write2023 .select-box .scroll-wrap ul{
	height: 395px;
    overflow-y: scroll;
}
.bbs-wrap2023 .board-write2023 .select-box .scroll-wrap ul li{
	border-bottom: 1px solid #d0d0d0;
}
.bbs-wrap2023 .board-write2023 .select-box .scroll-wrap ul li:last-child{
	border-bottom:0;
}
.bbs-wrap2023 .board-write2023 .select-box .scroll-wrap ul li:hover{
	background:#f7f7f7;
}
.bbs-wrap2023 .board-write2023 .select-box .scroll-wrap ul li.checked{
	background:#eeeeee;
}
.bbs-wrap2023 .board-write2023 .select-box .scroll-wrap ul li.checked:hover{
	background:#e6e6e6;
}

/* 클릭시 on 추가 */
.bbs-wrap2023 .board-write2023 .select-box.on .show{
	border: 1px solid #dadada;
}
.bbs-wrap2023 .board-write2023 .select-box.on .scroll-wrap{
	height: 395px;
	border: 1px solid #d0d0d0;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
}
.bbs-wrap2023 .board-write2023 .select-box.on .scroll-wrap2{
	height: 435px;
}

#bbs_wrap.bbs-wrap2023 .board-write2023 .write_cont {
    padding: 0;
    margin-top: 0;
}
#bbs_wrap.bbs-wrap2023 .board-write2023 .write_cont .commediter {
    line-height: initial;
}
#bbs_wrap.bbs-wrap2023 .board-write2023 .write_cont textarea{
	border: 1px solid #e5e5e5;
    padding: 10px;
    min-height: 220px;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.5;
}

.board-write2023 select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: #fff url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_select_arrow.png) no-repeat right 10px center !important;
}
.board-write2023 .file-images .file_up{
	display:inline-block;
	vertical-align:middle;
	box-sizing: border-box;
	margin-right:3px;
}
.board-write2023 .file-images .file_up .add_file{
	width:102px;
	height:102px;
}
.board-write2023 .file-images .file_up .plus{
	width:101px;
	height:101px;
	border:1px solid #d0d0d0;
	background:#f7f7f7 url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_file_plus.png) no-repeat center center;
	border-radius:3px;
	font-size: 0;
	box-sizing: border-box;
	vertical-align: middle;
}
.board-write2023 .file-images .file-img {
	display:inline-block;
	vertical-align:middle;
}
.board-write2023 .file-images .file-img .img{
	display:inline-block;
	vertical-align:middle;
	width:101px;
	height:101px;
	border:1px solid #d0d0d0;
	border-radius:3px;
	box-sizing: border-box;
	overflow: hidden;
	position:relative;
	margin-right:3px;
}
.board-write2023 .file-images .file-img .img span{
	position:absolute;
	width:15px;
	height:16px;
	background:url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_file_exit.png) no-repeat center center;
	right:0;
	top:0;
	cursor:pointer;
}
.board-write2023 .file-images .file-img .img img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.board-write2023 .file-images .file-img .imgno{
	width: 101px;
    height: 101px;
    border: 1px solid #d0d0d0;
    background: #f7f7f7 url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/file_noimg.png) no-repeat center center;
    border-radius: 3px;
    font-size: 0;
    box-sizing: border-box;
    display:inline-block;
    vertical-align: middle;
}
.board-write2023 .file-images .info{
	font-size:13px;
	color:#aaaaaa;
	padding: 5px 0 0 !important;
}

/* #59763 고객센터 개편 - 학습프로그램 */
.help-box2023{
	padding-top:15px;
}
.help-box2023 h4{
	font-size:20px;
	color:#1e1e1e;
	font-weight: bold;
}
.help-box2023 .h-box{
	margin-top:40px;
}
.help-box2023 .h-box h5{
	padding-left:10px;
	font-size:18px;
	color:#1e1e1e;
	position:relative;
	margin-bottom:15px;
}
.help-box2023 .h-box h5:before{
	content:'';
	position:absolute;
	width:4px;
	height:4px;
	border-radius:100%;
	background:#8c96a0;
	left:0;
	top:7px;
}
.help-box2023 .h-box ul{
	display:flex;
}
.help-box2023 .h-box ul li{
	flex:1;
	border:1px solid #e5e5e5;
	border-radius:3px;
}
.help-box2023 .h-box ul li + li{
	margin-left:20px;
}
.help-box2023 .h-box ul li a {
	height: 182px;
    padding: 35px 0;
    display: table;
    box-sizing: border-box;
	width: 100%;
    text-align: center;
}
.help-box2023 .h-box ul li a span{
	display:block;
	font-size:13px;
	color:#5a5a5a;
	margin-top:10px;
}

.help-box2023 .h-box:last-child ul li{
	padding-top:55px;
}

/* #59763 고객센터 개편 - 원격지원서비스 */
.remote-content2023 .tbtn_box2 {
    top: 26px;
}
.remote-content2023 .btn-wid{
	font-size:16px;
}
.remote-content2023 .remote_svc{
	padding-left:360px;
	padding-right:30px;
    background: url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/03_img/remote_bgimg.png) 25px center no-repeat;
}
.remote-content2023 .remote_svc strong{
	font-size:18px;
	color:#1e1e1e;
}
.remote-content2023 .remote_svc p{
	border-bottom:1px solid #d0d0d0;
	padding-bottom:15px;
	margin-bottom:15px;
}
.remote-content2023 .remote_svc .time em{
	float: none;
    color: #1e1e1e;
    font-size: 14px;
}

.remote-content2023 .remote_svc .time span{
	font-size:13px;
	color:#5a5a5a;
	float:none;
	display:inline-block;
	margin-right:30px;
	position:relative;	
}
.remote-content2023 .remote_svc .time span:first-child:before{
	content: '';
    position: absolute;
    right: -17px;
    top: 7px;
    width: 1px;
    height: 10px;
    background: #e5e5e5;
}
.remote-content2023 .table_list_box tr td a.bg_gray{
	width:152px;
	text-align:center;
}

/* #62102 안내정보 배너추가 */
.floating-fix{
	position: absolute;
    right: -225px;
    top: 108px;
    display:flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
}
.floating-fix .float-bnn{
	margin-bottom:20px;
	position:relative;
}
.floating-fix .float-bnn .close {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor:pointer;
    background: url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/common/floating/floating_close.png) no-repeat;
    text-indent: -9999px;
}
.floating-date{	
    background: #ffa250;
    border-radius: 70px;
    padding: 40px 15px 30px;
    text-align: center;
}
.floating-date span{
	font-size:12px;
	color:#fff;
	background:#000000;
	width:88px;height:17px;
	line-height:17px;
	display:block;
	margin:0 auto 5px;
	border-radius:3px;
	font-family: 'GmarketSans';
	font-weight: 100;
}
.floating-date .t1{
	color:#121212;
	font-size:19px;
	font-weight: 600;
	font-family: 'GmarketSans';
}
.floating-date .t2{
	font-size:22px;
	font-weight: 600;
	font-family: 'GmarketSans';
	color:#fff;
	text-shadow: -1px 0 black, 0 2px black, 1px 0 black, 0 -1px black;
}
.floating-date .date{
	color: #ed532b;
    font-size: 24px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #121212;
    padding: 4px 4px 2px;
    border-radius: 3px;
    box-shadow: 0px 1px 0px rgba(0,0,0,1);
    margin: 5px 0 10px;
    letter-spacing: -1px;
}

/* #64709 나의강의실 - 영수증,이수증 & 교재구입 개편*/
.pop_top{
	background: #e9e9e9;
    padding: 0 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid #d0d0d0;
    position:relative;
    height: 62px;
    line-height: 61px;
    box-sizing: border-box;
}
.pop_top > div{
	display:table-cell;
}
.pop_top .chkbox > div{
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;	
}
.pop_top .downbox{
	position: absolute;
    right: 20px;
    top: -1px;
}
.pop_top .downbox.alC{
	right: 0;
    left: 0;
}

/* #64709 나의강의실 - 영수증,이수증 & 교재구입 개편*/
.pop_top{
	background: #e9e9e9;
    padding: 0 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid #d0d0d0;
    position:relative;
    height: 62px;
    line-height: 61px;
    box-sizing: border-box;
}
.pop_top > div{
	display:table-cell;
}
.pop_top .chkbox > div{
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;	
}
.pop_top .downbox{
	position: absolute;
    right: 20px;
    top: -1px;
}
.pop_top .downbox.alC{
	right: 0;
    left: 0;
}

/* #65555 AI·디지털연수>학교맞춤 예산견적 */
.budget-bnn{
	background: rgb(44, 40, 146);
    background: linear-gradient(180deg, rgba(44, 40, 146, 1) 0%, rgba(66, 58, 181, 1) 100%);
    height:363px;
    margin-bottom:100px;
}
.budget-bnn .sub_top_bnn_wrap > img{
	margin:0 auto;
}
.budget-bnn .sub_top_bnn_wrap .txtbox{
	display: flex;
    text-align: center;
    max-width: 850px;
    margin: -68px auto 0;
    z-index: 10;
    position: relative;
}
.budget-bnn .sub_top_bnn_wrap .txtbox img{
	margin:0 10px;
}

.budget-container .tab-link{
	max-width:1040px;
	margin:0 auto;
}

.budget-container .tab-link ul{
	display:flex;
	border-radius:30px 30px 0 0;
	overflow:hidden;
}
.budget-container .tab-link ul li{
	flex:1;
	margin:0 1px;
	height:86px;
}
.budget-container .tab-link ul li a{
	line-height: 90px;
	text-align:center;
	font-size:24px;
	color:#20325f;
	background:#bbc5e2;
	display:table;
	width:100%;
	font-family: 'JalnanGothic';
}
.budget-container .tab-link ul li.current a{
	background:#2f28a8;
	color:#fff;
}
.budget-section{
	padding:80px 0 0;
}
.budget-section .inner-cont{
	max-width: 1050px;
    margin: 0 auto;
}
.budget-container .inner-cont .title{
	position: relative;
    text-align: center;
}
.budget-container .inner-cont .title:before{
	content:'';
	position:absolute;
	left:0;
    top: 19px;
    width: 6px;
    height: 6px;
	background:#23355f;
}
.budget-container .inner-cont .title:after{
	content:'';
	position:absolute;
	right:0;
    top: 19px;
    width: 6px;
    height: 6px;
	background:#23355f;
}
.budget-container .inner-cont .title h3{
	font-size: 46px;
    color: #20325f;
    font-weight: 500;
    font-family: 'JalnanGothic';
    background: #fff;
    display: table;
    margin: 0 auto;
 	padding: 0 25px;
    letter-spacing: -.5px;
}
.budget-container .inner-cont .title h3:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 21px;
    width: 100%;
    height: 2px;
    background: #8a93aa;
    z-index: -1;
}
.budget-section .cont{
	min-height:426px;
	box-sizing: border-box;
}
.budget-section.section01 .cont{
	padding:30px 100px;
}
.budget-section .cont > img{
	vertical-align: middle;
}
.budget-section.section01 .cont .txt{
	display: inline-block;
    vertical-align: middle;
    margin-left: 100px;
    position:relative;
}
.budget-section.section01 .cont .txt .badge{
	position: absolute;
    left: 0;
    bottom: -60px;
    animation: updown 1.5s infinite ease;
}
@keyframes updown {
	0% {
		transform: translateY(-2px);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-2px);
	}
}
.budget-section .cont .txt h5{
	font-size:28px;
	color:#23355f;
	font-family: 'JalnanGothic';
	font-weight: 500;
}
.budget-section.section01 .cont .txt ul{
	margin-top:20px;
	margin-bottom: 35px;
}
.budget-section.section01 .cont .txt ul li{
	color:#333333;
	font-sizE:18px;
	margin:5px 0;
	font-weight: 300;
	font-family: 'GmarketSans';
	position:relative;
	padding-left:30px;
	letter-spacing:-1px;
}
.budget-section.section01 .cont .txt ul li:before{
	content:'';
	position:absolute;
	left:0;
	top: 5px;
    width: 18px;
    height: 18px;
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/page/budget_ico_check.png") no-repeat center center;	
}
.budget-container .budget-btn{
	color: #fff;
    font-size: 18px;
    font-family: 'JalnanGothic';
    height: 50px;
    line-height: 53px;
    padding: 0 30px;
    border-radius: 30px;
    background: #ff6759;
    box-shadow: 0px 4px 0 rgba(213, 85, 53, 1);
    transition: 0.3s ease;
}
.budget-container .budget-btn:hover{
	box-shadow: none;
	filter: brightness(120%);
	transition: 0.3s ease;
}
.budget-wrap .budget-title{
	color: #20325f;
    font-size: 46px;
    font-family: 'JalnanGothic';
    text-align: center;
    padding: 30px 0 50px;
}
.budget-wrap .budget-title span{
	color: #121212;
    display: block;
    font-size: 22px;
    font-family: 'GmarketSans';
    font-weight: 300;
    letter-spacing: -.5px;
    margin-top: 5px;
}
.budget-wrap{
	background:#f1f8ff;
}
.budget-wrap .budget-inner{
	max-width:1186px;
	margin:0 auto;
	padding:80px 0;
}
.budget-wrap .budget-inner .budget-cont{
	font-size:0;
}
.budget-choice-wrap{
	width:752px;
    display:inline-block;
    vertical-align:top;
}
.budget-choice-wrap .budget-choice{
	background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(208, 216, 237);
    padding: 25px 20px;
    position: relative;
    margin-bottom:39px;
    box-sizing: border-box;
}

.budget-choice-box{
	display:flex;
}
.budget-choice-box .budget-choice{
	flex:1;
}
.budget-choice-box .budget-choice03{
	margin-right:20px;
}


.budget-choice-wrap .budget-subtit,
.budget-total-price .budget-subtit{
	position: absolute;
    width: 104px;
    height: 38px;
    line-height: 41px;
    background: #23355f;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    font-family: 'GmarketSans';
    font-weight: 300;
    letter-spacing: -.5px;
    font-size: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -18px;
}
.budget-choice-wrap .budget-choice .budget-tit{
	color: #1e3980;
    font-size: 30px;
    font-family: 'JalnanGothic';
    text-align: center;
    margin: 15px 0 20px;
}
.budget-choice-wrap .budget-choice .budget-tit span{
    font-family: 'GmarketSans';
    letter-spacing: -.5px;
    display: block;
    color: #50586e;
    font-size: 18px;
    line-height: 1.2;
    margin-top: 5px;
    height: 32px;
}
.budget-choice-wrap .budget-choice02 .budget-tit span{
	height:auto;
}
.budget-choice-wrap .budget-choice .budget-cont{
	display: flex;
	justify-content: center;
}
.budget-choice-wrap .budget-choice .budget-cont .budget-checkbox{
	margin: 0 10px;
	width: 100%;
	box-sizing: border-box;
	cursor:pointer;
}

.budget-checkbox input[type="radio"]{
	display:none;
}
.budget-checkbox input[type="radio"] + label{
	background: #f7f7f7;
    width: 100%;
    color: #fff;
    padding: 20px 25px;
    padding-left:40px;
	border-radius: 10px;
	cursor:pointer;
	border:1px solid #eaeaea;
	display: table;
	box-sizing: border-box;
	position:relative;
}
.budget-checkbox input[type="radio"] + label .txt{
	color: #121212;
    font-size: 18px;
    letter-spacing: -1px;
}
.budget-checkbox input[type="radio"] + label .price{
	font-size: 24px;
    color: #1e3980;
    letter-spacing: -1px;
    margin-top: 5px;
    display: block;
}

.budget-checkbox input[type="radio"] + label:before{
	content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #dfdfdf;
    border-radius: 100%;
    left: 12px;
    top: 50%;
    backgrounD: #fff;
    transform: translateY(-50%);
}
.budget-checkbox input[type="radio"]:checked + label{
	background: #ff6759;
	border:1px solid #ff6759;
}
.budget-checkbox input[type="radio"]:checked + label .txt,
.budget-checkbox input[type="radio"]:checked + label .price{
	color: #fff;
}
.budget-checkbox input[type="radio"]:checked + label:before{
	border:1px solid #ff6759;
}
.budget-checkbox input[type="radio"]:checked + label:after{
	content:'';
	position:absolute;
	width: 9px;
    height: 9px;
    border-radius: 100%;
    backgrounD: #ff6759;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.budget-checkbox input[type="radio"]:disabled + label .txt,
.budget-checkbox input[type="radio"]:disabled + label .price{
	color:#969696;
}
.budget-checkbox input[type="radio"]:disabled + label:after{
	content:'';
	position:absolute;
	width: 9px;
    height: 9px;
    border-radius: 100%;
	backgrounD:#dfdfdf;
	left: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.budget-choice .budget-cont .budget-checkbox.budget-1 label{
	width:247px;
	padding-left:40px;
	margin:0 auto;
}

.budget-wrap .budget-cont .budget-total-price{
	width: 398px;
    height: 800px;
    display: inline-block;
    vertical-align: top;
    background: #fffde7;
    border-radius: 10px;
    margin-left: 36px;
    padding: 30px 0;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(208, 216, 237);
    position:relative;
}
.budget-total-price .budget-checkbox{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.budget-total-price .budget-checkbox .all-checked{
	width: 311px;
    height: 78px;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    background: #ff6759;
    border: 1px solid #ff6759;
    box-sizing: border-box;
    margin: 20px 0;
    position: relative;
    display: flex;
    align-items: center;
}
.budget-total-price .budget-checkbox .txt{
	color: #fff;
    font-size: 18px;
    letter-spacing: -1px;
 	width: 50%;
}
.budget-total-price .budget-checkbox .price{
    font-size: 24px;
    color: #fff;
    letter-spacing: -1px;
    margin-top: 5px;
 	position: absolute;
    right: 20px;
}
.budget-total-price .budget-checkbox .all-checked + .all-checked:before{
	content:'';
	position:absolute;
	width:24px;
	height:24px;
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/page/budget_ico_plus.png") no-repeat center center;
	top:-33px;
	left:0;
	right:0;
	margin:0 auto;
}
.budget-total-price .price-wrap{
	display: flex;
    flex-direction: column;
	margin: 40px 45px 25px;
    position: relative;
}
.budget-total-price .price-wrap .price-cont{
	width: 311px;
	display: flex;
    align-items: center;
	margin: 20px 0;
}
.budget-total-price .price-wrap .price-cont .price-tit{
	color: #121212;
    font-size: 20px;
    font-weight: bold;
    width: 30%;
}
.budget-total-price .price-wrap .price-cont .price-txt{
	color: #121212;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 0;
}
.budget-total-price .price-wrap .price-cont .price-txt b{
	font-size: 24px;
    color: #1e3980;
    letter-spacing: -1px;
    margin-right: 5px;
    vertical-align: middle;
}
.budget-total-price .price-wrap .price-cont .price-txt input{
	width: 143px;
    height: 46px;
    line-height: 46px;
    text-align: right;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    padding: 0 15px;
    box-sizing: border-box;
    margin-right: 5px;
    color: #1e3980;
    font-weight: bold;
    font-size: 24px;
    vertical-align: middle;
}
.budget-total-price .price-wrap .total-price{
	border-top: 1px dashed #dfdfdf;
    padding-top: 28px;
}
.budget-total-price .price-wrap .total-price .price-txt strong{
	color: #f45831;
    font-size: 32px;
    vertical-align: middle;
    margin-right: 5px;
}
.budget-contact{
	background: #e1effd;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.budget-contact .contact{
	flex: 1;
	color:#3b4e7d;
	font-size: 15px;
	font-family: 'GmarketSans';
    letter-spacing: -.5px;
}
.budget-contact .contact.contact02{
	text-align:right;
}
.budget-contact .contact .contact-btn{
	color:#fff;
	font-size: 16px;
	font-family: 'GmarketSans';
    letter-spacing: -.5px;
    width:152px;
    height:46px;
    line-height:48px;
    text-align:center;
    backgrounD:#343434;
    border-radius:5px;
    margin-left:15px;
    display:inline-block;
}
.budget-contact .contact .contact-btn:hover{
	filter: brightness(120%);
}
.budget-total-price .budget-contact{
	background:transparent;
	display:block;
	padding: 0;
	margin: 0 43px;
    width: 100%;
}
.budget-total-price .budget-contact .contact-btn{
	width:100%;
	margin:0;
}
.budget-total-price .budget-contact .contact + .contact{
	margin-top:10px;
}
.budget-total-price .budget-cont{
	display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}


.budget-section.section02 .cont .txt p,
.budget-section.section03 .cont .txt p,
.budget-section.section04 .cont .txt p{
	font-size:18px;
	color:#333333;
	font-weight: 300;
    font-family: 'GmarketSans';
	letter-spacing: -1px;
	margin: 20px 0 30px;
}
.budget-section.section02 .cont,
.budget-section.section03 .cont,
.budget-section.section04 .cont{
	padding: 30px;
	padding-bottom:60px;
}
.budget-section.section02 .cont .txt{
	display: inline-block;
    vertical-align: middle;
    margin-right:70px;
}
.budget-section.section03 .cont .txt{
	display: inline-block;
    vertical-align: middle;
    margin-left:95px;
}
.budget-section.section04 .cont .txt{
	display: inline-block;
    vertical-align: middle;
    margin-right:70px;
}
.budget-section.section03 .budget-btn{
	margin-top:30px;
}

.budget-container-v2 .budget-section .inner-cont{
	max-width:1190px;
}
.budget-container-v2 .inner-cont .title{
	width:90%;
	margin:0 auto;
}
.budget-container-v2 .budget-section.section01 .cont{
	padding-left:60px;
	padding-right:0;
}
.budget-container-v2 .budget-section.section01 .cont .txt ul li{
	font-size:22px;
	margin:0;
}
.budget-container-v2 .budget-section.section01 .cont .txt ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 22px;
    height: 22px;
    background: url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/front/page/budget_ico_check_v2.png) no-repeat center center;
}
.budget-container-v2 .tab-link{
	max-width:1190px;
}
.budget-container-v2 .budget-section.section02 .cont,
.budget-container-v2 .budget-section.section03 .cont,
.budget-container-v2 .budget-section.section04 .cont{
	padding-left:100px;
	padding-right:100px;	
}
.budget-container-v2 .budget-cont-fw{
	flex-wrap: wrap;
}
.budget-container-v2 .budget-cont-fw .budget-checkbox{
	margin:10px !important;
}
.budget-container-v2 .budget-wrap .budget-cont .budget-total-price{
	height:935px;
}
.budget-container-v2 .budget-total-price .price-wrap{
	margin-top:170px;
}
.budget-notice{
	background:#f1f8ff;
	text-align:center;
	padding-bottom:100px;
}


/* #67037 메인 부분개편(1) 쇼츠연수메인 부분개편(1) 쇼츠연수 */
.shorts-section{
	margin-top:30px;
}
.shorts-section article{
	position:relative;
}
.shorts-slider{
	overflow:hidden;
}
.shorts-slider .swiper-slide{
	border-radius: 5px;
    overflow: hidden;
    height:315px;
    cursor:pointer;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
}
.shorts-slider .time{
	position: absolute;
    right: 6px;
    top:8px;
    background: rgba(0, 0, 0, 0.7);
    font-size: 11px;
    color: #e6e6e6;
    border-radius: 3px;
    box-sizing: border-box;
    width: 38px;
    height: 19px;
    line-height: 20px;
    text-align: center;    
    z-index:1;
}
.shorts-slider figure:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgb(255,255,255);
	background: linear-gradient(175deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 100%);
	opacity:0.3;
}
/* .shorts-slider figure{
	height:315px;
} */
.shorts-slider figure img{
	width:100%;
	height:100%;
	/* object-fit: cover; */
}
.shorts-slider ul li figure img{
	transform: scale(1);
	transition:all 0.3s;
}
.shorts-slider ul li:hover figure img{
	transform: scale(1.05);
	transition:all 0.3s;
}
.shorts-slider .shorts-tit{
	position: absolute;
    bottom: 10px;
    padding: 0 15px;
    /* color:#e6e6e6; */
    color: #313131;
    line-height: 1.3;
    font-size: 14px;
    letter-spacing: -0.5px;
    word-break: keep-all;
	display: -webkit-box;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}
.shorts-control .control-btn{
	width: 100%;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    z-index: 2;
}
.shorts-control .control-btn .swiper-button-prev-s,
.shorts-control .control-btn .swiper-button-next-s{
    font-size: 0;
    cursor: pointer;
    margin: 0;
    position: absolute;
}
.shorts-control .control-btn .swiper-button-prev-s{
	left: -18px;
}
.shorts-control .control-btn .swiper-button-next-s{
	right: -18px;
}
.shorts-control .control-btn .swiper-button-prev-s:after,
.shorts-control .control-btn .swiper-button-next-s:after{
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    border: 1px solid #d0d0d0;
    border-radius: 100%;
    background: #fff;
    top: -2px;
    left: -2px;
    z-index: -1;
}
.shorts-control .control-btn .swiper-button-next-s:after{
	left:auto;
	right:-2px;
}
.shorts-control .control-btn .swiper-button-prev-s:before{
	content: '';
    position: absolute;
    left: 13px;
    top: 11px;
    width: 10px;
    height: 10px;
    border-left: 2px solid #888;
    border-bottom: 2px solid #888;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.shorts-control .control-btn .swiper-button-next-s:before{
	content: '';
    position: absolute;
    right: 13px;
    top: 11px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #888;
    border-top: 2px solid #888;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.shorts-layer{
	position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
}
.shorts-layer .inner{
	width:645px;
	height:505px;
	border-radius:5px;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	box-sizing: border-box;
}
.shorts-layer .inner .close{
	width: 15px;
    height: 15px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/common/floating/floating_close.png) no-repeat;
    background-size: contain;
    font-size: 0;
}
.shorts-layer .shorts-layer-cont{
	padding:35px;
	overflow: hidden;
}
.shorts-layer .swiper-slide{
	font-size:0;
}
.shorts-layer .swiper-wrapper{
	height: 434px;
}
.shorts-layer .swiper-slide iframe{
	width:100%;
	height:100%;
}
.shorts-layer .swiper-slide figure,
.shorts-layer .swiper-slide .cont{
	display:inline-block;
	vertical-align:middle;
}
.shorts-layer .swiper-slide figure{
	width:242px;
	height: 434px;
	border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 0 2px rgba(0, 0, 0, 0.11);
}
.shorts-layer .swiper-slide .cont{
	width:calc(100% - 275px);
	padding-left:30px;
}
.shorts-layer .swiper-slide .cont .shorts-tit{
	font-size:22px;
	color:#333333;
	font-weight: 900;
    font-family: 'GmarketSans';
    letter-spacing:-1px;
    position:relative;
	padding-bottom: 15px;
    margin-bottom: 20px;
	display: table;
}
.shorts-layer .swiper-slide .cont .shorts-tit:before{
	content:'';
	position:absolute;
	width:16px;
	height:5px;
	background:#4a4a4a;
	left:0;
	bottom:0;
}
.shorts-layer .swiper-slide .cont .shorts-tit:after{
    content: '';
    width: 71px;
    height: 70px;
    background: url(/asset/images/front/main/shorts-layer-titleimg-big.png) no-repeat;
    position: absolute;
    right: -78px;
    bottom: 17px;
    background-size:100%;
}
.shorts-layer .swiper-slide .cont .shorts-tit b{
	font-size:46px;
	font-weight: 900;
    font-family: 'GmarketSans';
    display:block;
    color:#ff4e19;
}
.shorts-layer .swiper-slide .cont .shorts-txt{
	font-size:16px;
	color:#121212;
	font-weight: bold;
	letter-spacing:-0.5px;
	word-break: keep-all;
	display: -webkit-box;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height:1.6;
}
.shorts-layer .shorts-subtit{
	color: #333333;
    font-size: 17px;
    font-weight: 900;
    font-family: 'GmarketSans';
    margin-top:70px;
    margin-bottom:5px;
}
.shorts-layer .shorts-subtit i.ico-shorts{
	width: 16px;
    height: 14px;
    background: url(/asset/images/front/main/shorts-layer-subicon.png) no-repeat;
    border-radius: 2px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
}
.shorts-layer .swiper-slide .cont .shorts-training{
	box-shadow: 0px 0 4px rgba(0,0,0,0.11);
	padding:15px;
	border-radius:5px;
	position:relative;
	font-size:0;
	display:block;
}
.shorts-layer .swiper-slide .cont .shorts-training .thumb{
	width:87px;
	height:68px;
	border-radius:6px;
	overflow: hidden;
	display:inline-block;
	vertical-align:middle;
}
.shorts-layer .swiper-slide .cont .shorts-training .thumb img{
	width:100%;	
}
.shorts-layer .swiper-slide .cont .shorts-training .txt{
    display:inline-block;
	vertical-align:middle;
	width: calc(100% - 102px);
    margin-left: 15px;
}
.shorts-layer .swiper-slide .cont .shorts-training .txt .chasi{
	font-size:12px;
	display:block;
	margin-bottom:4px;
}
.shorts-layer .swiper-slide .cont .shorts-training .txt p{
	font-weight: bold;
    font-size: 13px;
    color: #666666;
    line-height:1.4;
    text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* #68688 메인개편 전체영역 */
#header2019.header2024 .util{
	display: flex;
    justify-content: space-between;
}
#header2019.header2024 .util .top_link{
	position:static;
}

#header2019.header2024 #schArea.sch2024{
	width:1180px;
	display: flex;
    align-items: center;
}
#header2019.header2024 #schArea.sch2024 h1{
	position: static;
}
#header2019.header2024.fix #schArea.sch2024 h1,
#header2019.header2024.fix .util .top_link{
	position: fixed;
}
#header2019.header2024 #schArea.sch2024 .top_bar{
	padding-top: 0;
}
#header2019.header2024.fix #schArea.sch2024 .top_bar{
	padding-top:30px;
}
#header2019.header2024 #schArea.sch2024 .header-bnn{
	position: static;
}


#header2019.header2024 #gnb > ul{
	width:1180px;
}
#header2019.header2024 #gnb > ul > li{
	width: 12.2% !important;
}
#header2019.header2024.fix #gnb > ul > li{
	width: auto !important;
}
#header2019.header2024 #gnb > ul > li.gnb-right{
	right: 40px !important;
}


/* #68688 메인 개편(2) 전체 영역 */
body:has(.main-container){
	#body {
    	min-width: 1680px;
    }
	/* .main-container, #util, #schArea, #gnb{
		padding: 0 240px;
	} */
	#header2019.fix #gnb{
		padding:0;	
	}
}

.main-container{
	margin-top:20px;
	margin-bottom:100px;
}
.main-grid{
	max-width:1180px;
	margin: 0 auto;
	position: relative;
}
.main-container section{
	margin-top:90px;
	position:relative;
}
.main-container section.shorts-section{
	margin-top:70px;
}
.main-container h3.mtit{
	font-size:26px;
	color:#333333;
	letter-spacing:-0.04em;
	margin-bottom:15px;
	position:relative;
}
.main-container h3.mtit .all{
	color: #333333;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 8px;
}
.main-slider-grid h3.mtit{
	padding-left:24px;
}
.overflow-hidden{
	overflow:hidden;
}
.main-container section figure img{
	 transition: all 0.3s;
}
.main-container section figure:hover img{
	opacity: 0.85;
	 transition: all 0.3s;
}

.main-banner-grid{
	max-width:1180px;
	margin: 0 auto;
	position:relative;
}
.main-banner-wrap{
	overflow: hidden;
}
.main-bnn2024 .bnn-wrap{
	font-size:0;
}
.main-bnn2024 .bnn-wrap .bnn-content{
	height:360px;
	border-radius:20px;
	overflow: hidden;
	position:relative;
	display:inline-block;
}
.main-bnn2024 .bnn-wrap .bnn-content.curriculum{
	width:784px;
}
.main-bnn2024 .bnn-wrap .bnn-content.event{
	width:385px;
	margin-left:10px;
}

.main-bnn2024 .bnn-wrap .bnn-content .label{
	font-weight: bold;
	font-size:14px;
	height:25px;
	line-height:26px;
	border-radius:5px;
	padding:0 10px;
	position:absolute;
	left:30px;
	top:20px;
}
.main-bnn2024 .bnn-wrap .bnn-content .label.label-w{
	color:#36399d;
	background:#fff;
}
.main-bnn2024 .bnn-wrap .bnn-content .label.label-b{
	color:#fff;
	background:#333;
}
.main-bnn2024 .bnn-wrap .bnn-content .tit{
	font-family: 'SUIT';
	font-weight: 800;
	font-size:32px;
	color:#fff;
	letter-spacing:-0.04em;
}
.main-bnn2024 .bnn-wrap .bnn-content .txt{
	font-family: 'SUIT';
	font-weight: 400;
	font-size:16px;
	color:#fff;
	margin-top:5px;
	letter-spacing:-0.04em;
}
.main-bnn2024 .bnn-wrap .bnn-content .bnn-cont{
	position:absolute;
	bottom:30px;
	left:30px;
}
.main-container .swiper-pagination{
	font-weight: bold;
    font-size: 14px;
    color: #fff;
    background: rgba(0,0,0,0.8);
    display: table;
    width: auto;
    padding: 0 10px;
    border-radius: 12px;
    left: auto;
    right: 20px;
    bottom: 15px;
    height:24px;
    line-height:24px;
    letter-spacing: -0.04em;
}
.main-container .swiper-pagination span{
	font-weight: bold;
    font-size: 14px;
    color: #fff;
    letter-spacing: -0.04em;
}
.main-container .swiper-pagination .swiper-pagination-current{
	font-weight: bold;
    font-size: 14px;
    color: #fff;
}
.main-container .main-banner-grid .swiper-button-prev,
.main-container .main-banner-grid .swiper-button-next{
	margin-top: -20px;
}


.main-container .swiper-button-prev,
.main-container .swiper-button-next{
    font-size: 0;
    cursor: pointer;
    margin: 0;
    position: absolute;
	background: #fff;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    border: 1px solid #d0d0d0;
}
.main-container .swiper-button-prev{left:-22px;}
.main-container .swiper-button-next{right:-22px;}
.main-container .swiper-button-prev:before{
	content: '';
    position: absolute;
	left: 18px;
    top: 15px;
    width: 10px;
    height: 10px;
    border-left: 2px solid #333333;
    border-bottom: 2px solid #333333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.main-container .swiper-button-next:before{
	content: '';
    position: absolute;
    right: 18px;
    top: 15px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #333333;
    border-top: 2px solid #333333;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.main-container .floating-left{
	width: 168px;
    position: absolute;
	left: -228px;
    top: 0;
	z-index: 10;
}
.main-leftlist{
	border: 1px solid #ebebeb;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 20px 9px;
	background: #fff;
}
.main-leftlist h2{
	font-size: 17px;
    font-weight: bold;
    letter-spacing: -0.04em;
}
.main-leftlist .mn-tabs-nav{
	border-radius:8px;
	overflow:hidden;
	font-size:0;
	margin:10px 0 15px;
}
.main-leftlist .mn-tabs-nav li{
	display:inline-block;
	width:50%;
}
.main-leftlist .mn-tabs-nav li a{
	font-size:14px;
	color:#626262;
	font-weight: bold;
	background:#ebebeb;
	height:40px;
	line-height:40px;
	display:block;
	text-align:center;
	letter-spacing:-0.04em;
}
.main-leftlist .mn-tabs-nav li.active a{
	color:#fff;
	background:#ff7350;
}
.main-leftlist .mn-tab-cont li{
	text-align: center;
}
.main-leftlist .mn-tab-cont li + li{
    border-top: 1px solid #ebebeb;
	padding-top: 10px;
    margin-top: 10px;  
}
.main-leftlist .mn-tab-cont li i{
	display:table;
	margin:0 auto 10px;
}
.main-leftlist .mn-tab-cont li b{
	font-size:12.5px;
	color:#4b4078;
	margin-bottom:5px;
	display:block;
}
.main-leftlist .mn-tab-cont li p{
	font-size:12px;
	color:#333333;
	line-height:1.4;
}

.main-container .floating-right{
	width: 160px;
    position: absolute;
    right: -220px;
    top: 0;
}
.profile-wrap > div{
	border:1px solid #ebebeb;
	border-radius:16px;
	background:#fff;
	padding:20px 15px;
	text-align:center;
}
.profile-wrap > div .p-img{
	display: table;
    width: 52px;
    height: 52px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.profile-wrap > div .p-name{
	margin: 10px 0;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: -0.045em;
}
.profile-wrap > div .p-info{
	font-size: 13px;
    color: #666666;
    letter-spacing: -0.04em;
    line-height: 1.3;
}
.profile-login .p-edit-btn{
	font-size: 13px;
    font-weight: bold;
    color: #ff7350;
    background: #fff;
    width: 75px;
    height: 30px;
    display: table;
    margin: 0 auto;
    border: 1px solid #ff7350;
    border-radius: 6px;
    line-height: 30px;
    margin-top: 9px;
}
.profile-link{
	margin-top:45px;
}

.profile-logout .p-login-btn{
	font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: #ff7350;
    width: 116px;
    height: 40px;
    display: table;
    margin: 15px auto;
    border-radius: 8px;
    line-height: 40px;
}
.profile-logout .find li{
	display:inline-block;
}
.profile-logout .find li a{
	font-size:12px;
	color:#666666;
	letter-spacing: -0.04em;
}
.profile-logout .find li + li{
	position:relative;
	margin-left:14px;
}
.profile-logout .find li + li:before{
	content:'';
	position:absolute;
	left: -9px;
    top: 2px;
	width:1px;
	height:10px;
	background:#dcdcdc;
}


.main_floating2024{
	position: absolute;
    right: -220px;
    top: 135px;
    z-index: 10;
}
.main_floating2024 .floating-bnn{
	position:relative;
	margin-bottom:10px;
}
.main_floating2024 .floating-bnn .close {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../../images/front/main/main_floating_close.png) no-repeat;
    text-indent: -9999px;
}

.main-container .shorts-slider{
	/* padding-left:1px; */
	padding:0 1px;
}
.main-container .shorts-slider .swiper-slide{
	height:329px;
	width:188px !important;
}
.main-container .week-slider .swiper-slide {
	border: 1px solid #ebebeb;
    border-radius:12px;
    overflow: hidden;
    box-sizing: border-box;
}
.main-container .week-slider .figure img{width:100%;}

.main-container .week-slider .week-cont{
	padding: 20px;
    display: flex;
    align-items: flex-start;
}
.main-container .week-slider .week-cont .num{
	color: #333333;
    font-size: 36px;
    font-weight: bold;
    font-family: 'GmarketSans';
}
.main-container .week-slider .week-cont .cont{
	margin-left: 10px;
    margin-top: 5px;
}
.main-container .week-slider .week-cont .cont .chasi{
	font-size: 15px;
    color: #ff7350;
    font-weight: bold;
}
.main-container .week-slider .week-cont .cont .txt{
	font-size: 18px;
    margin-top: 10px;
    color: #333333;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
 	height: 42px;
}
.new-section ul li .label, .thumb-list li .label{
	position:absolute;
	left:15px;top:15px;
}
.new-section ul li .label span, .thumb-list li .label span{
	font-size:14px;
	color:#fff;	
	background:#ff3f47;
	border-radius: 5px;
	margin-right:3px;
	box-sizing: border-box;
	height:25px;
	line-height:26px;
	padding:0 7px;
	display:inline-block;
	vertical-align:middle;
	font-weight: bold;
}
.new-section img{
	border-radius:12px;
	-webkit-border-radius:12px;
}

.category-list{
	display: flex;
	margin-bottom:20px;
}
.category-list li{
	border-radius:8px;
	background:#eeeeee;
	height:38px;
	line-height:38px;
	padding:0 15px;
	color:#434343;
	font-size:16px;
	font-weight: bold;
	margin-right:5px;
	cursor:pointer;
}
.category-list li.active{
	background:#ff7350;
	color:#fff;
}

.thumb-list{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size:0;
}
.thumb-list li{
	position:relative;
	border-radius:12px;
	overflow:hidden;
	margin-bottom:10px;
    box-sizing: border-box;
}
.thumb-list li img{
	width:100%;
}

.ai-section .thumb-list li{
	width:286px;height:224px;
}
.main-container section.best-section{
	margin-top:80px;
}
.best-section .thumb-list{
	justify-content: initial;
}
.best-section .thumb-list li{
	margin-right:10px;
}
.best-section .thumb-list li:nth-child(4n){
	margin-right:0;
}

.theme-section{
	background:#fff9eb;
	padding:100px 0;
	text-align:center;
}
.theme-section h3{
	font-size:48px;
	color:#333;
}
.theme-section h3 span{
	font-size:20px;
	color:#666666;
	display:block;
	font-weight: normal;
	margin-top:5px;
}
.theme-category ul{
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    margin-top:30px;
}
.theme-category ul li a{
	border-radius:10px;
	background:#ffffff;
	height:56px;
	line-height:56px;
	padding:0 20px;
	color:#444444;
	font-size:18px;
	margin:5px;
	box-shadow: 0 0 7px rgba(0,0,0,0.1);
	display:block;
}
.theme-category ul li.active a, .theme-category ul li:hover a{
	background:#ff7350;
	color:#fff;
}

.set-section .figure{
	border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
}
.set-section .set-content{
	padding:20px 0;
}
.set-section .set-content .tit{
	color: #091019;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.04em;
	display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow:hidden;
    line-height: 1.3;
    height: 46px;
}
.set-section .set-cont{
	margin-top: 20px;
}
.set-section .set-cont .cate{
	color: #1b1b1b;
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}
.set-section .set-cont .txt{
	font-size: 14px;
    color: #666666;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: -0.04em;
    line-height: 1.3;
	display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow:hidden;
    height: 36px;
}
.set-section .set-cont .price-wrap{
	
}
.set-section .set-cont .price-wrap .sale{
	color: #ff7350;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.04em;
    display: inline-block;
    vertical-align: middle;
}
.set-section .set-cont .price-wrap del{
	color: #a0a0a0;
    margin: 0 2px;
    display: inline-block;
    vertical-align: middle;
    font-size:14px;
}
.set-section .set-cont .price-wrap .price{
	color: #1b1b1b;
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: -0.04em;
    font-weight: bold;
}
.set-section .set-cont .price-wrap .price span{
	font-size:14px;
	color:#1b1b1b;
	font-weight: bold;
	display: inline-block;
    vertical-align: middle;
    margin-left:3px;
}
/* .set-section .swiper-button-prev,
.set-section .swiper-button-next{
	margin-top:-100px;
} */

.event-slider .bnn-wrap{
	display:inline-block;
}
.event-slider .bnn-wrap + .bnn-wrap{
	margin-left:8px;
}

.ssemcon-section .thumb-list{
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.ssemcon-section .thumb-list li{
	width:226px;height:177px;
	margin:0;
	border: 1px solid #ebebeb;
    border-radius: 12px;
    overflow: hidden;
}

.set-product ul{
	display:flex;
	justify-content: space-between;
}
.set-product ul li{
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    padding-bottom: 20px;
  	width: 286px;
}
.set-product ul li a > figure{
	height: 286px;
	overflow: hidden;
}
.set-product ul li a > figure img{
	width:100%;
	height:100%;
}
.set-product ul li .set-content{
	font-size: 0;
    display: table;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.set-product ul li .set-content > figure{
	width: 86px;
    height: 67px;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.set-product ul li .set-content > figure img{
	object-fit: fill;
    width: 100%;
}
.set-product ul li .set-content .set-cont{
	display: inline-block;
    vertical-align: top;
    margin: 0;
    width: calc(100% - 98px);
    margin-left: 12px;
}
.set-product ul li .set-content .set-cont .chasi{
	font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.02em;
    margin-bottom: 10px;
    display: block;
}
.set-product ul li .set-content .set-cont .txt{
	font-size: 16px;
    color: #333333;
    height: 40px;
    margin: 0;
}
.set-product ul li .price-wrap{
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    letter-spacing: -0.02em;
}
.set-product ul li .price-wrap .sale{
	font-size: 24px;
    color: #FF7350;
    font-weight: bold;
}
.set-product ul li .price-wrap .price del{
	font-size: 16px;
    color: #C5C5C5;
}
.set-product ul li .price-wrap .price b{
	font-size: 24px;    	
}
.set-product ul li .price-wrap .price b span{
	font-size: 16px;
	vertical-align: middle;
}

.ssemclass-list{
	display:flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.ssemclass-list li{
	border:1px solid #ebebeb;
	border-radius:12px;
	padding:15px;
	width:385px;
	box-sizing: border-box;
	margin-bottom:10px;
}
.ssemclass-list li a{

} 
.ssemclass-list li .sclass-thumb{
	width:151px;
	height:118px;
	border:1px solid #ebebeb;
	border-radius:8px;
	overflow:hidden;
	margin-right:10px;
	display:inline-block;
	vertical-align: middle;
}
.ssemclass-list li .sclass-content{
    width: calc(100% - 167px);
    display: inline-block;
    vertical-align: middle;
}
.ssemclass-list li .sclass-thumb img{

}
.ssemclass-list li .sclass-content .time{
	font-size:14px;
	color:#ff7350;
	font-weight: bold;
}
.ssemclass-list li .sclass-content .tit{
	font-size:15px;
	color:#333333;	
	margin-top:5px;
	letter-spacing: -0.04em;
    line-height: 1.3;
	display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow:hidden;
    height: 39px;
    margin-bottom:10px;
}
.ssemclass-list li .sclass-content .profile{
	position:relative;
	padding-left: 40px;
    margin-top: 26px;
	display: table;
}
.ssemclass-list li .sclass-content .profile figure{
	position:absolute;
	left:0;
	top: -12px;
	width: 36px;
    height: 36px;
    border-radius: 100%;
    overflow: hidden;
}
.ssemclass-list li .sclass-content .profile .nickname{
	font-size:11px;
	color:#666666;
	margin-left:5px;
	display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.notice-section h4{
	font-size:22px;
	color:#333333;
	font-weight: bold;
	position:relative;
	margin-bottom:20px;
	letter-spacing:-0.04em;
}
.notice-section h4 .all{
	font-size:16px;
	color:#333333;
	font-weight: bold;
	position:absolute;
	right:0;bottom:0;
	letter-spacing:-0.04em;
}
.notice-section .border{
	border:1px solid #ebebeb;
	border-radius:12px;
	padding:40px 50px;
	box-sizing: border-box;
}
.notice-section .notice-wrap{
	display:flex;
	justify-content: space-between;
}
.notice-section .notice-board{
	width:705px;
}
.notice-section .notice-board .board-list{
	padding-top:10px;
}
.notice-section .notice-board .board-list ul li + li{
	margin-top:13px;
}
.notice-section .notice-board .board-list ul li a{
	font-size:15px;
	color:#707070;
	letter-spacing:-0.04em;
}
.notice-section .notice-helper{
	width:464px;
}
.notice-section .notice-helper h4{
	padding-lefT:20px;
}
.notice-section .notice-helper .helper-content ul{
	font-size:0;
}
.notice-section .notice-helper .helper-content ul + ul{
	margin-top:20px;
}
.notice-section .notice-helper .helper-content ul li{
	display: inline-block;
    vertical-align: top;
    width: 33.3%;
    text-align: center;
}
.notice-section .notice-helper .helper-content ul li i{
	width:76px;
	height:76px;
	display: table;
	margin:0 auto;
}
.notice-section .notice-helper .helper-content ul li i.hep1{
	background:url("../../images/front/main/main_notice_ico01.png") no-repeat center center;
	
}
.notice-section .notice-helper .helper-content ul li i.hep2{
	background:url("../../images/front/main/main_notice_ico02.png") no-repeat center center;
	
}
.notice-section .notice-helper .helper-content ul li i.hep3{
	background:url("../../images/front/main/main_notice_ico03.png") no-repeat center center;
	
}
.notice-section .notice-helper .helper-content ul li i.hep4{
	background:url("../../images/front/main/main_notice_ico04.png") no-repeat center center;
	
}
.notice-section .notice-helper .helper-content ul li i.hep5{
	background:url("../../images/front/main/main_notice_ico05.png") no-repeat center center;
	
}
.notice-section .notice-helper .helper-content ul li i.hep6{
	background:url("../../images/front/main/main_notice_ico06.png") no-repeat center center;
	
}
.notice-section .notice-helper .helper-content ul li span{
	font-size:13px;
	color:#555555;
	display:block;
	margin-top:5px;
}
.notice-section .service-center{
	margin-top:10px;
}
.notice-section .service-center h4{
	font-size:20px;
	    margin-bottom: 0;
}
.notice-section .service-center .service-wrap{
	display: flex;
    justify-content: space-between;	
	margin-top: -20px;
}
.notice-section .service-wrap .tel-wrap{
	display: flex;
	padding-top: 35px;
}
.notice-section .service-wrap .tel-wrap .num{
	font-size: 44px;
    color: #ff7350;
    letter-spacing: -0.04em;
}
.notice-section .service-wrap .tel-wrap .time span{
	display:block;
	font-size:14px;
	color:#666666;
	margin:4px 0;
	margin-left:17px;
}
.notice-section .service-wrap .center-wrap ul{
	display:flex;
}
.notice-section .service-wrap .center-wrap ul li{
    margin-left: 10px;
}
.notice-section .service-wrap .center-wrap ul li a{
	background: #f5f5f5;
    width: 206px;
    height: 78px;
    line-height: 78px;
    display: block;
    border-radius: 12px;
    font-size: 16px;
    color: #444444;
    text-align: center;
}
.notice-section .service-wrap .center-wrap ul li i{
	width:26px;
	height:26px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.notice-section .service-wrap .center-wrap ul li i.s1{
	background:url("../../images/front/main/main_service_ico01.png") no-repeat center center;
}
.notice-section .service-wrap .center-wrap ul li i.s2{
	background:url("../../images/front/main/main_service_ico02.png") no-repeat center center;
}
.notice-section .service-wrap .center-wrap ul li i.s3{
	background:url("../../images/front/main/main_service_ico03.png") no-repeat center center;
}

#footer.footer2024 .flink ul,
#footer.footer2024 .footer{
	width:1180px;
}

/* #69142 연수후기 워드클라우드 제공관련 */
.review-top{
	display: flex; 
    justify-content: space-between;
    padding-bottom:24px;
}
div.jqcloud span.vertical {
   -webkit-writing-mode: vertical-rl;
   writing-mode: tb-rl;
} 
.review-top .wordcloud{
	width: 412px;
    display: block;
    height:271px;
    border:1px solid #E5E5E5;
	border-radius: 5px;
    position:relative;
    overflow: hidden;
}
.review-top .wordcloud > div *{
	font-family: GmarketSans;
}
.review-top .review{
	width: 454px;
}
.review-top .review h5{
	font-size: 16px;
    color: #333;
}
.review-top .review .review-box{
	display: flex;
    justify-content: space-between;
   	align-items: flex-end;
}
.review-top .review .review-box .review-lt .score{
	font-family: GmarketSans;
    font-size: 88px;
	line-height: 105px;
    margin-top: 10px;
    display: block;
}
.review-top .review .review-star{
	display: block;
}
.review-top .review .review-star .star{
	width:24px;
	height:24px;
	display:inline-block;
	vertical-align:middle;
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_review_star_big.png") no-repeat center center;
	background-size: 100%;
}
.review-top .review .review-star .star.checked{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_review_star_big_chk.png") no-repeat center center;
	background-size: 100%;
}

.review-top .review .review-box .review-progress li{
	display:flex;
	margin: 7px 0 0;
}
.review-top .review .review-box .review-progress li .score,
.review-top .review .review-box .review-progress li .percent{
	font-size:14px;
	color:#999;
}
.review-top .review .review-box .review-progress li .percent{
	text-align:right;
	width: 35px;
}
.review-top .review .review-box .review-progress li .score .star{
	width:12px;
	height:12px;
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_review_star_big.png") no-repeat center center;
	background-size: 100%;
	margin-right:2px;
}
.review-top .review .review-box .review-progress li .bar{
	display:inline-block;
	vertical-align:middle;
	width:120px;
	height:8px;
	background: #E0E0E0;
	border-radius:5px;
	margin: 5px;
	overflow: hidden;
	position:relative;
}
.review-top .review .review-box .review-progress li .bar span{
	position:absolute;
	left:0;
	top:0;
	background:#999;
	height:8px;
}

.review-top .review .review-box .review-progress li.point .score,
.review-top .review .review-box .review-progress li.point .percent{
	color:#FF7350;
}
.review-top .review .review-box .review-progress li.point .score .star{
	background:url("https://tsdownload.i-scream.co.kr/tscream/v1.0/asset/images/resources/04_icon/icon_review_star_big_chk.png") no-repeat center center;
	background-size: 100%;
}
.review-top .review .review-box .review-progress li.point .bar span{
	background: #FF7350;
}

.review-top .review .review-ban{
	margin-top:22px;
	border-radius: 5px;
    overflow: hidden;
}
.review-top .review .review-ban img{
	width:100%;
}


.bbs-list2024 > ul > li > div.head{
	display: flex;
    justify-content: space-between;
    align-items: center;
	height: auto;
    padding: 10px 15px;
	line-height: initial;
}
.bbs-list2024 > ul > li > div.head .tit{
	color: #333333;
    font-size: 13px;
    font-weight: bold;
    width: 73%;
    line-height: 18.2px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
	white-space: initial;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.bbs-list2024 > ul > li > div.head .tit .label{
	width: 48px;
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-bottom:2px;
    background: #FF915F;
}
.bbs-list2024 > ul > li > div.cont .review-cont{
	margin-top:0;
}


/* #69872 PC 강의실화면 부분디자인 수정 */
.prs-info-box2024 .prs-wrap{
	display: flex;
    justify-content: space-between;
}
.prs_info_l{
	width:513px;
}
.prs-info-box2024 .progress .bar{
	width: 180px;
    height: 20px;
    display: inline-block;
    background: #ebebeb;
    vertical-align: middle;
    margin-right: 10px;
    box-sizing: border-box;
    position:relative;
}
.prs-info-box2024 .progress .bar em{
	position:absolute;
	height:20px;
	left:0;top:0;
	background:#ff7350;
}
.prs-info-box2024 .prs-chart h5{
	font-size:16px;
}
.prs-info-box2024 .prs-chart table tr th{
	padding:10px;	
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
.prs-info-box2024 .prs-chart table tr .first{
	border-right:10px solid #fff;	
}
.prs-info-box2024 .prs-chart table tr .last{
	border-right:0;
}
.prs-info-box2024 .prs-chart table tr td{
	border-bottom: 2px solid #e1e1e1;
	font-size:16px;
	color:#b2b2b2;
	line-height:1.3;
	height: 100px;
    box-sizing: border-box;
    padding:0;
}
.prs-info-box2024 .prs-chart table tr .last .order-score{
	background:#ffedcc;
	font-size:13px;
	color:#333;
	text-align:center;
	width:100%;
	height: 33px;
    line-height: 33px;
    margin-bottom: -20px;
    margin-top: 5px;
}
.prs-info-box2024 .prs-chart table tr .last .order-score b{
	font-size:100%;
} 
.prs-info-box2024 .prs-chart table tr td b{
	font-size:30px;
	color:#333;
}
.prs-info-box2024 .prs-chart table tr .highlight{
	background:#fefff1;
	font-size:14px;
	color:#333;
}
.prs-info-box2024 .prs-chart table tr .highlight b{
	font-size:30px;
	margin-right:3px;
	vertical-align:middle;
}
.prs-info-box2024 .prs-chart table tr .highlight span{
	font-size:20px;
	font-weight: bold;
	vertical-align:middle;
}
.prs-info-box2024 .prs-chart table tr td.score{
	font-size: 16px;
    color: #b2b2b2;
}
.prs-info-box2024 .prs-chart table tr td.score b{
	margin-right:0;
	vertical-align: initial;
}
.prs-info-box2024 .prs-chart table tr td .org-btn{
	background: #FF7350;
    font-size: 13px;
    color: #fff;
    padding: 8px;
    border-radius: 3px;
}
.prs-info-box2024 .prs-chart p{
	font-size:12px;
	font-weight: bold;
}

.prs-info-box2024 .prs-noti{
	display:flex;
	align-items: center;
    justify-content: space-between;
    background:#f5f5f5;
    padding:20px;
    border-radius:5px;
}
.prs-info-box2024 .prs-noti p{
	font-size:13px;
	color:#444;
}
.prs-info-box2024 .prs_info_state .complete{
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    height: 141px;
    box-sizing: border-box;
    width: 171px;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.prs-info-box2024 .prs-bottom{
    display: flex;
    justify-content: space-between;
}
.prs-info-box2024 .prs-bottom .prs-noti {
	width: 513px;
    box-sizing: border-box;
}
.prs-info-box2024 .prs-bottom .bg_gray{
	background: #798089;
	font-size:20px;
	color:#fff;
	height:60px;
	width:171px;
	border-radius:5px;
	text-align:center;
	line-height:60px;
}

/* #70454 메인 상단 커튼배너 */
.header-topbann{
	height:0;
	transition:all 0.3s;
	overflow:hidden;
}
.header-topbann.on{
	height:70px;
	transition:all 0.3s;
}
.header-topbann .inner{
	max-width:1180px;
	margin:0 auto;
	position:relative;
}
.header-topbann .inner .close{
	position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 15px;
    height: 15px;
    font-size:0;
    background:url("../../images/front/common/icon_close_wh.png") no-repeat center center;
}

/* #70635 경남 위탁 교육청사업 홍보배너 추가탑재 */
.aidt_bnn{
	display:flex;
	justify-content: space-between;
}

/* #71418 AI 후기요약 */
.ai-review > div{
	border-radius: 5px;
    border: 1px solid #E5E5E5;
    padding: 20px 24px;
	margin-bottom:24px;
}
.ai-review .ai-title h5{
	color: #333;
    font-size: 16px;
	display: inline-block;
    vertical-align: middle;
}
.ai-summary .ai-title h5 i.ai-lottie{
	width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
	background: url('../../images/front/bbs/ico_ai_lottie.gif') no-repeat center center;
	background-size: 100%;	
	margin-bottom: 3px;
    margin-right: 5px;
}
.ai-summary .ai-title .sm-txt{
	display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #666;
    font-weight: 400;
	margin-left: 5px;
	position:relative;
	line-height: 1.5;
}
.ai-summary .ai-title .sm-txt i.ai-help{
	cursor: pointer;
	line-height: 1;
	vertical-align: middle;
}
.ai-summary .ai-title .sm-txt .ai-gpt{
	display:none;
	position:absolute;
	background: #fff;
    border-radius: 4px;
    border: 1px solid #999;
    padding: 16px;
	width: 325px;
	box-sizing: border-box;
	left: 202px;
    top: -52px;
}
.ai-summary .ai-title .sm-txt .ai-gpt .arrow{
	position: absolute;
    left: -3px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.ai-summary .ai-title .sm-txt .ai-gpt .close{
	position: absolute;
    font-size: 0;
    width: 10px;
    height: 10px;
    right: 10px;
    top: 15px;
}
.ai-summary .ai-s-cont{
	font-size: 13px;
    letter-spacing: -0.65px;
	margin:5px 0 10px;
}
.ai-summary .ai-teacher{
	border-radius: 5px;
    border: 1px solid #FFE4BB;
    background: #FFF7EB;
    display: table;
    padding: 8px;
    box-sizing: border-box;
}
.ai-summary .ai-teacher .ai-heart{
	vertical-align: middle;
	line-height: 1;
	margin-right:2px;
}
.ai-summary .ai-teacher b{
	color: #F96742;
	font-size: 16px;
	vertical-align: middle;
	margin-left:5px;
}
.ai-percent .ai-title h5 i.ai-bubble{
	background: #999;
    border: 1px solid rgba(255, 255, 255, 0.50);
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    text-align: center;
    line-height: 26px;
    margin-right: 5px;
    margin-bottom: 3px;
}
.ai-percent .ai-title .sm-txt2{
	display:inline-block;
	font-size:13px;
	color:#333;
}
.ai-percent .ai-p-cont{
	border-radius: 5px;
    background: #FBFBFB;
    padding: 16px 0;
    margin-top: 12px;
    display: flex;
    justify-content: center;
	align-items: flex-end;
    text-align: center;
}
.ai-percent .ai-p-cont .item{
	padding:0 14px;
}
.ai-percent .ai-p-cont .item .prograss-bar{
	width: 12px;
	height: 64px;
    background: #e0e0e0;    
    display: table;
    margin: 0 auto;
    border-radius: 99px 99px 0 0;
    overflow: hidden;
    position: relative;
	margin-top: 5px;
}
.ai-percent .ai-p-cont .item .prograss-bar span{
    background: #999;
    width: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ai-percent .ai-p-cont .item.item-front .prograss-bar span{
	background: #FF7350;
}
.ai-percent .ai-p-cont .item .percent{
	font-size:12px;
	color:#999;
}
.ai-percent .ai-p-cont .item.item-front .percent{
    color: #fff;
    background: #ff7350;
    border-radius: 3px;
    padding: 2px 4px 0px;
    position: relative;
    margin-bottom: 5px;
    display: inline-block;
}
.ai-percent .ai-p-cont .item.item-front .percent:before{
	content:'';
	position:absolute;
	width:5px;height:5px;
	background:#ff7350;
	bottom: -1px;
	left:0;right:0;margin:0 auto;
	transform: rotate(-45deg);
}
.ai-percent .ai-p-cont .item p{
	color: #333;
    font-size: 12px;
    margin-top: 8px;
    line-height: 1.3;
    height: 30px;
}


/* //////////////////////////////////////////////////////////////////////////////////// */

/* input */
.input-rounded { display: flex; padding: 8px 16px; justify-content: center; align-items: center; border-radius: 3px; border: 1px solid var(--gray-30-d-0-d-0, #D0D0D0); }
.input-rounded input[type="text"] {min-width:200px; color: var(--gray-80444, #444); font-family: 'NanumSquareRoundOTF',sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%;     /* 21px */ letter-spacing: -0.28px; }

/* button */
.send-button { display: flex; padding: 8px 16px; justify-content: center; align-items: center; border-radius: 3px; border: 1px solid var(--Orange_3_main, #FF7350); background: var(--Orange_3_main, #FF7350); color: var(--Gray-00, #FFF); font-family: NanumSquareRoundOTF; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%;     /* 21px */ letter-spacing: -0.28px; }
.small_lf { color: var(--Orange_4, #F96742); font-family: NanumSquareRound; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%;     /* 13px */ }



/* 투명버튼 btnnp */
[class^="btnnp"]{display: block; padding: 0; background: none; border: none; font-size: 0; line-height: 1; text-indent: -9999em; outline: 0; cursor: pointer; background: rgba(100, 100, 200, 0);}
.sns_link{display:flex; gap:15px; position:absolute; top:20px; right:10px;}
.sns_link img{border-radius:6px;}

/* 개인정보 수집 및 이용 동의 */
.persinfo_popup { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; z-index: 1000; }
.persinfo_popup .close { position:absolute; top:-6%; right:0; }
.persinfo_popup .inner {min-width: 317px;background: #fff;border-radius: 5px; padding:24px 28px 36px;position: absolute;transform: translate(-50%, -50%);left: 50%;top: 50%;box-sizing: border-box;max-height: 585px;}
.persinfo_popup .privacy_form { width: 100%; font-family: "NanumSquareRoundOTF", sans-serif; color: #333; background: #fff; box-sizing: border-box; overflow-y:auto;}
.persinfo_popup .privacy_form h2 {position:absolute;top:-6%;left: 50%;font-size: 18px;transform: translateX(-60%);width: 80%;color:#fff;font-weight:400;}
.persinfo_popup .privacy_desc { font-size: 12px; color: #F96742; margin: 0 auto calc(24 / 720 * 100%); }
.persinfo_popup .privacy_box { border-radius: 10px; margin: 0 auto calc(20 / 720 * 100%); }
.persinfo_popup .privacy_box h3 { font-size: 14px; margin: 0 auto calc(12 / 720 * 100%); }
.persinfo_popup .privacy_box h3 em { color: #F96742; font-style: normal; font-weight: normal; }
.persinfo_popup .privacy_box ul { display: flex; flex-direction: column; gap: 3px; font-size: 14px; margin: 0 auto calc(16 / 720 * 100%); }
.persinfo_popup .privacy_box ul li { position: relative; padding-left: 10px; font-size: 12px; letter-spacing: -0.8px; }
.persinfo_popup .privacy_box ul li:before { content: ''; position: absolute; top: 5px; left: 0; display: flex; width: 4px; height: 4px; background: #9b9b9b; border-radius: 4px; }
.persinfo_popup .radio_group { display: flex; gap: 40px; justify-content: center; border-radius: 3px; background: #F7F7F7; padding:10px 20px; align-items: center; align-self: stretch; margin: 0 auto; }
.persinfo_popup .radio_group label { display: flex; align-items: center; gap: 6px; font-weight: 400; cursor: pointer; font-family: "NanumSquareRoundOTF", sans-serif; color: #444; }
.persinfo_popup .radio_group input[type="radio"] {display :block; appearance: none; width: 18px; height: 18px; border: 2px solid #bbb; border-radius: 50%; background: #fff; position: relative; cursor: pointer; }
.persinfo_popup .radio_group input[type="radio"]:checked { border-color: #F96742; background: #F96742; }
.persinfo_popup .radio_group input[type="radio"]:checked::after { content: ""; position: absolute; top: 4px; left: 4px; width: 6px; height: 6px; background: white; border-radius: 50%; }
.persinfo_popup .privacy_note { font-size: 12px; color: #F96742; line-height: 1.4; margin: 0 auto calc(20 / 720 * 100%); letter-spacing: -0.6px;}
.persinfo_popup .button_group { display: flex; justify-content: center; gap: 10px; }
.persinfo_popup .button_group button { width: 100%; padding: 12px; font-size: 16px; border-radius: 6px; border: none; cursor: pointer; max-width: 140px; }
.persinfo_popup .btn_cancel { background: #9b9b9b; color: #fff; }
.persinfo_popup .btn_confirm { background: #F96742; color: #fff; }
/* 개인정보 수집 및 이용 동의 */


/* 테마연수 */
/* 플로팅배너 */
.themeTraining_banner{position:absolute; top:15%; right:4%; transition: .2s ease-in-out; z-index:9;}
.themeTraining_banner .btn_close{position: absolute;left: 50%;transform: translateX(290%);width: 12%;height: 0;padding-top: 12% !important;z-index: 1;top: 2%;}