@charset "utf-8";

/****************
* html5 css리셋 *
*****************/
*{margin:0; padding:0;}
html,body,h1,h2,h3,h4,h5,h6,div,span,p,strong,em,button,ul,ol,li,dl,dt,dd,a,form,fieldset,input,textarea,table,thead,tbody,tfoot,th,tr,td,header,footer,nav,section,aside{margin:0;padding:0;font-style:normal}
header,footer,section,article,aside,nav {display:block}
html,body {height:100%}
body{
	/*font-family:'Malgun Gothic', dotum, sans-serif;*/
	font-family:'noto3' !important;
    font-weight:100;
	/*font-family:'돋움', dotum,'Apple SD Gothic Neo', '애플 SD산돌고딕', sans-serif;*/
	background-color:#fff;
	color:#333;
	font-size:14px;
	line-height:1.6em;
	letter-spacing:-0.8px;
	min-width:1200px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;

}
button{font-family:'noto3', sans-serif;background:none;border:none}
fieldset,img,input,textarea {border:none}
a:link,a:visited,a:hover,a:active {text-decoration:none;color:inherit}
ul,ol {list-style-type:none}
address,cite,i {font-style:normal}
table {border-collapse:collapse;border-spacing:0;width:100%}

/***************
*   공통css    *
****************/
.hider {font-size:0;text-indent:-9999px;overflow:hidden}
.skip,legend,caption{width:1px;height:1px;overflow:hidden;visibility:hidden;line-height:0;font-size:0;position:absolute;left:-9999px}

#skipNavi{position:absolute;z-index:999;width:100%;height:20px}
#skipNavi a{position:absolute;top:-100px}
#skipNavi a:hover,#skipNavi a:active,#skipNavi a:focus{position:absolute;top:0;width:100%;padding:15px;font-weight:bold;font-size:16px;background:#333;color:#fff;display:block;text-align:center}

.clear-after::after{content:'';display:table;clear:both;line-height:0;}
.clear-both{clear:both}
.center-wrap{width:1100px;margin:0 auto}
.w1000 {width:1000px;margin:0 auto}
.w1100 {width:1100px;margin:0 auto; }
.w1200 {width:1200px;margin:0 auto}
.tc{text-align:center}
.tl{text-align:left !important}

.font-point,.font-oldred{color:#d84646 !important}
.font-red{color:#ff0000 !important}
.font-blue{color:#0081c9 !important}
.font-bold{font-weight:900}
.back-red{background:red}

.font-normal{font-family:'noto3','Malgun Gothic', '맑은 고딕','돋움', 'dotum','Apple SD Gothic Neo', '애플 SD산돌고딕', sans-serif;font-weight:300}
.font-bold{font-family:'noto4','Malgun Gothic', '맑은 고딕','돋움', 'dotum','Apple SD Gothic Neo', '애플 SD산돌고딕', sans-serif;font-weight:600}

.pull-over{overflow:hidden}
.pull-left{float:left}
.pull-right{float:right}
.pull-list li{float:left}
.reset-width{width:auto !important}

.letter-space0{letter-spacing:0 !important}
.letter-space1{letter-spacing:-1px !important}
.mgb0{margin-bottom:0px !important}
.mgb5{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb30{margin-bottom:30px !important}
.mgb40{margin-bottom:40px !important}
.mgb45{margin-bottom:45px !important}
.mgb50{margin-bottom:50px !important}
.mgb60{margin-bottom:60px !important}
.mgb70{margin-bottom:70px !important}
.mgb80{margin-bottom:80px !important}
.mgb90{margin-bottom:90px !important}
.mgt0{margin-top:0 !important}
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt40{margin-top:40px !important}
.mgt50{margin-top:50px !important}
.mgt60{margin-top:60px !important}
.mgl0{margin-left:0 !important}
.mgl5{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl13{margin-left:13px !important}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl30{margin-left:30px !important}
.mgl40{margin-left:40px !important}
.mgl70{margin-left:70px !important}
.mgl120{margin-left:120px !important}
.mgl125{margin-left:125px !important}
.mgr0{margin-right:0 !important}
.mgr5{margin-right:5px !important}
.mgr10{margin-right:10px !important}
.mgr13{margin-right:13px !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr30{margin-right:30px !important}
.mgr40{margin-right:40px !important}
.mgr70{margin-right:70px !important}
.mgr120{margin-right:120px !important}
.mgr125{margin-right:125px !important}
.pdt0{padding-top:0px !important}
.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt15{padding-top:15px !important}
.pdt20{padding-top:20px !important}
.pdt25{padding-top:25px !important}
.pdt30{padding-top:30px !important}
.pdt35{padding-top:35px !important}
.pdt40{padding-top:40 !important}
.pdt0{padding-top:0 !important}
.pdb0{padding-bottom:0 !important}
.pdl0{padding-left:0 !important}
.pdl10{padding-left:10px !important}
.pdl15{padding-left:15px !important}
.pdl20{padding-left:20px !important}
.pdl25{padding-left:25px !important}
.pdl30{padding-left:30px !important}
.pdl50{padding-left:50px !important}
.pdl60{padding-left:60px !important}
.pdl70{padding-left:70px !important}
.pdl75{padding-left:75px !important}
.pdl80{padding-left:80px !important}
.pdl85{padding-left:85px !important}
.pdl135{padding-left:135px !important}
.pdl150{padding-left:150px !important}
.pdl170{padding-left:170px !important}
.pdl185{padding-left:185px !important}
.ti15{display:block;text-indent:15px}

.col4{width:4%}
.col5_5{width:5.5%}
.col5{width:5%}
.col6{width:6%}
.col6_5{width:6.5%}
.col7{width:7%}
.col9{width:9%}
.col10{width:10%}
.col11{width:11%}
.col12{width:12%}
.col13{width:13%}
.col14{width:14%}
.col15{width:15%}
.col17{width:17%}
.col20{width:20%}
.col23{width:23%}
.col24{width:24%}
.col25{width:25%}
.col29{width:29%}
.col30{width:30%}
.col35{width:35%}
.col40{width:40%}
.col45{width:45%}
.col46{width:46%}
.col48{width:48%}
.col49{width:49%}
.col50{width:50%}
.col60{width:60%}
.col65{width:65%}
.col70{width:70%}
.col77{width:77%}
.col83{width:83%}

.size75{width:75px}
.size85{width:85px}
.size110{width:110px}
.size175{width:175px}
.size290{width:290px}
.size400{width:400px}


.color-orange {color:#f14f4f !important}

/******************************
*  공통 요소 > header/footer  *
*******************************/
body{position:relative}
/*header*/
.head {height:166px;}
.head-top{height:70px;line-height:70px;/*outline:1px solid cyan*/border-bottom:1px solid #bfbfbf;}
.head-top .logo-section {margin-top:2px}
.sdedu-logo,.tmp-logo{float:left;}
.sdedu-logo a,.tmp-logo a,.footer-logo,.footer-address .customer{display:block}
.sdedu-logo a{width:120px;height:70px;background:url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_gongin2/images/common/sidae_logo.png') center no-repeat;}
.tmp-logo {font-family:'noto4'; font-size:24px; line-height:67px; position:relative; margin-left:15px;}

.tmp-logo a {
	width: 265px;
    height: auto;
    line-height: 68px;
    font-family: 'noto5';
    font-weight: 600;
    font-size: 23px;
    letter-spacing: -1px;
}
.tmp-logo::before {display:none; content:''; width:1px; height:24px; background:#888888; position:absolute; top:23px; left:-15px;}
.head-top ul li{position:relative;float:left;margin-left:28px;}
.head-top ul li a{display:block;font-family:'noto3';font-weight:300;font-size:16px;}

.move-head{position:absolute;left:0;top:126px;width:100%; height:52px; background:#fff;border-bottom: 1px solid #bfbfbf;}
.move-head.active{position:fixed;left:0;top:0;z-index:999;}
.move-head.no-border{border-bottom:none;}
.head-nav{position:relative;height:50px;line-height:50px; background:#ffffff}
.head-nav .logo-section{height:89px}
.head-nav .total-menu{
	position:absolute;
	top:0;
	right: 0;
	width:28px;
	height:28px;
	margin-top:12px;
	overflow:hidden;
	cursor:pointer;
	background:url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_dok2/images/main/gnb_list_icon.png') center no-repeat;
	border:1px solid #000000;
	background-size: cover;
}
.head-nav .total-menu:hover{
	background:url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_fire_system/images/main/gnb_list_icon.png') center no-repeat;
    background-size: cover;
}
.head-nav .total-menu > img {width:100%}
.head-nav .total-menu:focus{outline:none;}
.head-nav .head-gnb-section{overflow:hidden;}
.head-nav .head-gnb-section li{float:left; text-align:center; padding: 0 75px 0 0 ;}
.head-nav .head-gnb-section li:last-child{padding:0}
.head-nav .head-gnb-section li a{display:block;width:100%;color:#2f2f30;font-size:18px;font-weight:100;font-family:'noto4',sans-serif}
.head-nav .head-gnb-section li a.selected,.head-nav .head-gnb-section li a:hover{font-family:'noto4',sans-serif; color:#5804a2}
.date_bn {vertical-align: middle;height: 100%;padding:0;display:table;}
.date_bn  a{
	height:100%;
	text-align: center;
	box-sizing: border-box;
}

.head-nav .head-gnb-section li .date_bn a{
	position: relative;
	display:block;
	text-align: center;
	box-sizing: border-box;
	font-size:15px;
	font-family:'noto6';
	line-height:19px;
	text-align: left;
	padding:5px 26px 0 40px;
}
.head-nav .head-gnb-section li .date_bn a::before{
	content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
	top:50%;
	margin:-15px 0 0 0;
	background: url('/_skin/tpl_skin/common_images/icon_calendar.png') left top no-repeat;
}
.head-nav .head-gnb-section li .date_bn a::after{
	width:19px;
	height:12px;
	display: block;
	position: absolute;
	bottom:10px;
	right:0;
	content:'';
	background:url('/_skin/tpl_skin/common_images/btn_default.png') center no-repeat;
}
.head-nav .head-gnb-section li .date_bn a:hover::after{
	background:url('/_skin/tpl_skin/common_images/btn_over.png') center no-repeat;
}


/*메뉴 전체보기*/
.dim-layer {position: fixed;  top: 0;  left: 0;  width: 100%;  z-index:999; display:none; color:#000000; transform:skew(-0.03deg);  overflow:auto; background:#ffffff;}
.dim-layer .dimBg {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background:#ffffff; z-index:-1; }
.total-menu-wrap{width:1100px; height:auto; max-height:100%; font-family:'noto4'; margin:0 auto; overflow:auto;}
/*.total-menu-wrap .menu_scroll {height:762px;  overflow:auto;}*/
.total-menu-wrap.active{display:block;background:#fff; z-index:9999}
.total-menu-wrap .total-menu-title {width:100%; height:53px;  position:relative; font-size:20px;     margin-bottom: 30px;}
.total-menu-wrap .total-menu-title > .btn-tml-close {position:absolute;}
.total-menu-wrap .total-menu-sub-title {height:60px; line-height:60px;  margin-bottom:25px;}
.total-menu-wrap .total-menu-sub-title ul li {float: left;   width: 175px;   font-size: 19px;   box-sizing: border-box;   padding-left: 11px;   border-top: 2px solid #000000;  border-bottom:1px solid #000000;   margin-right: 52px;}
.total-menu-wrap .total-menu-sub-title ul li:last-child{margin-right:0}

.total-menu-wrap .left-menu{width:300px; padding:5px; box-sizing:border-box;}
.total-menu-wrap .left-menu > a{display:block;width:130px;height:93px;margin-top:20px;background:url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_security2/images/common/free_off.png') 0 0 no-repeat;cursor:pointer}
.total-menu-wrap .left-menu > a:hover{background:url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_security2/images/common/free_on.png') 0 0 no-repeat;}
.total-menu-wrap .total-menu-list{width:182px; margin-right:43px; padding-left:12px ; min-height:200px;line-height:20px;font-family:'noto3';font-weight:100;  box-sizing:border-box;}
.total-menu-wrap .total-menu-list:last-child{ margin-right:0}
.total-menu-wrap .total-menu-list > h5 {font-size:16px; margin-bottom:10px;  font-family:'noto4'}
.total-menu-wrap .total-menu-list .btn-tml-style1.selected   { color:#5804a2 !important}
.total-menu-wrap .total-menu-list ul {width:auto; box-sizing:border-box; margin-bottom:31px;}
.total-menu-wrap .total-menu-list ul:last-child {margin-bottom:0}
.total-menu-wrap .total-menu-list ul li {margin-bottom:3px; position:relative; padding-left:8px; font-size: 13.5px; letter-spacing:0.1px;   transform: skew(-0.05deg); font-family:'noto3'; font-weight:100; color:#2b2b2b;}
.total-menu-wrap .total-menu-list ul li::after {content:''; width:4px; height:1px; position:absolute; display:block; left:0; top:50%; background:#333333;}
.total-menu-wrap .total-menu-list .cs-info {position:relative;margin-top:29px;}
.total-menu-wrap  strong{display:block;line-height:20px;font-size:15px;margin-bottom:5px;color:#1c45c8}
.total-menu-wrap ul li ul{margin-top:5px;}
.total-menu-wrap h5 > a:hover ,.total-menu-wrap ul li a:hover, .total-menu-wrap ul li a.selected{color:#5c0ab4; text-decoration:underline; font-family:'noto4';}
.total-menu-wrap button.btn-tml-close{cursor:pointer;display:block;position:absolute;font-family:'noto3';font-weight:300; right:24px; top:13%; width:25px; height:25px; padding:10px;  background:url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_dok2/renew_img/main/close_btn.png') right 0 no-repeat; }
.total-menu-wrap button.btn-tml-close:hover{}
#fmb_open_fix2 {width:150px;height:50px; display:block; position:absolute; bottom:0; left:0;}

.snb-list-wrap{width:100%;font-family:'noto3';font-weight:100;z-index:98;background:#fff; box-sizing:border-box;}
.snb-list-wrap{position:relative;height:45px;background:#8927f8;}
.snb-list-wrap .snb-list {width:1100px;  margin: 0 auto;}
.snb-list-wrap .snb-list> li{position:relative;line-height:40px;}
.snb-list-wrap .snb-list > li > a{position:relative;display:block;font-size:16px;color:#fff;text-align:left; height:40px;}
.snb-list-wrap .snb-list > li > a:hover,
.snb-list-wrap .snb-list > li > a:focus{color:#4cecfc;}
.snb-list-wrap .snb-list > li > a.selected{color:#4cecfc; font-family:'noto4'}
.snb-list-wrap .snb-list > li > a.selected::before{/*content:'';position:absolute;width:100%;height:3px;bottom:0;left:0;background:#4cecfc*/}

.snb-list-wrap .snb-list> li.apply-go{float:right !important}
.snb-list-wrap .snb-list> li.apply-go a,
.snb-list-wrap .snb-list> li.apply-go a:link,
.snb-list-wrap .snb-list> li.apply-go a:visited,
.snb-list-wrap .snb-list> li.apply-go a:active,
.snb-list-wrap .snb-list> li.apply-go a:focus{display:block;color:#fff;background-color:#df0000;padding:0 22px;text-decoration:none}
.snb-list-wrap .snb-list> li.apply-go a:hover{background-color:#ea0d0d;color:#fff} .snb-list-wrap.style2 .snb-list{text-align:center}

.snb-list-wrap.style1 .snb-list> li{float:left;display:block}
.snb-list-wrap.style2 .snb-list> li{display:inline-block;}

.snb-list-wrap.style1 .snb-list > li:not(.apply-go) > a{padding: 0 36px;}
.snb-list-wrap.style2 .snb-list > li > a{padding:0 18px}


.depth-menu-list .top-th{
	width: 175px;
	height:60px;
	line-height:60px;
	font-size: 19px;
	box-sizing: border-box;
	padding-left: 11px;
	border-top: 2px solid #000000;
	border-bottom:1px solid #000000;
    margin: 89px 56px 22px 0;
}
.depth-menu-list .top-th p{
 	font-family:'noto4';
}
.depth-menu-list .link-list h5{
	font-size: 16px;
	margin-bottom: 10px;
	font-family: 'noto4';
}
.page-title .location{
	float:right;
}

/***********
* 레이아웃 *
************/
.container{
	position:relative;
	margin-top:101px;
}
.container.no-side{
	margin-top:51px;
}
.container.apply{
	margin-top:95px;
}


/*서브페이지 본문*/
.sub-content{
	width:1100px;
	margin:0 auto;
	padding-bottom:60px;
	padding-top:50px;
}

.sub-content .content-title{
	position:relative;
	margin-bottom:40px;
}
.sub-content .content-title .subpage-title{
	overflow:hidden;
	font-size:25px;
	font-family:'noto3',sans-serif;
	font-weight:300;
	letter-spacing:-1px;
	border-bottom:2px solid #434e5c;
}
.sub-content .content-title .subpage-title span{
	display:block;
	position:relative;
	float:left;
	padding-right:40px;
	height:66px;
	line-height:66px;
	font-weight:100;
	font-family:'noto4';
}
.sub-content .content-title .loction-navi{
	position:absolute;
	right:0;
	bottom:10px;
	font-size:13px;
	color:#333333;
	font-family:'noto3',sans-serif;
	font-weight:300;
	letter-spacing:0.3px;
}
.sub-content .content-title .loction-navi span{
	color:#000000;
	font-weight:100;
	font-family:'noto4';
}


/***************
* 공통 스타일  *
****************/
/**/

.apply .btn{display:block;position:absolute;font-size:0;text-indent:-99999px;overflow:hidden}

.article.exam-info{font-size:16px;line-height:1.6em;font-family:'noto3','dotum';letter-spacing:-1px;word-spacing:1px;font-weight:100}
.article.guide{font-size:16px;line-height:1.6em;font-family:'noto3','dotum';letter-spacing:-1px;font-weight:100; margin-top:50px}
/*h스타일*/

.title-h3{
	position:relative;
	padding:3px 0 0 35px;
	margin-bottom:18px;
	font-family:'noto3','dotum',sans-serif;
	font-weight:100;
	font-size:20px;
	line-height:25px;
	color:#000;
	background:url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_security2/images/common/icon-h3.png') 0 0 no-repeat;
}

.title-h4{
	position:relative;
	padding-left:25px;
	margin-bottom:10px;
	font-family:'noto3','dotum',sans-serif;
	font-weight:300;
	font-size:18px;
	line-height:20px;
}
.title-h4::before{
	content:'\2299';
	position:absolute;
	display:block;
	width:8px;
	height:8px;
	left:0;top:0;
}
.paragraph{
	margin-left:35px;
}
.paragraph strong{
	color:#0833bb;
	font-family:'noto4','dotum',sans-serif;
	font-weight:600;
}

a.a-link{
	color:#434e5c;
	text-decoration:underline;
}

/*탭메뉴*/
.exam-tab-wrap{
	width:100%;
}
.exam-tab-wrap > .tab-menu{
	overflow:hidden;
	margin-bottom:50px;
}
.exam-tab-wrap > .tab-menu li{
	float:left;
}

.exam-tab-wrap > .tab-menu li a{
	display:block;
	height:55px;
	line-height:55px;
	font-size:20px;
	text-align:center;
	border:2px solid #f0f0f0;
	background:#f0f0f0;
}
.exam-tab-wrap > .tab-menu li a.selected{
	transition:background .5s , border .5s;
	color:#fff  !important;
	background:#434e5c;
	border:2px solid #434e5c !important;
}
.exam-tab-wrap > .tab-menu li a:hover{
	color:#434e5c;
	border:2px solid #434e5c;
}
.exam-tab-wrap .tab-menu.item2 li{width:50%}
.exam-tab-wrap .tab-menu.item3 li{width:33.3%}
.exam-tab-wrap .tab-menu.item4 li{width:25%}
.exam-tab-wrap .tab-menu.item6 li{width:16.6%}



.tab-wrap-type2 .tab-menu-type2{
	border:1px solid #b1b1b1;
}
.tab-wrap-type2 .tab-menu-type2 li,
.tab-wrap-type2 .tab-menu-type2 li a{
	display:block;
	float:left;
}
.tab-wrap-type2 .tab-menu-type2 li{
	position:relative;

}
.tab-wrap-type2 .tab-menu-type2 .tab-1depth-btn ,
.tab-wrap-type2 .tab-menu-type2 .tab-2depth-btn {
	text-align:center;
	text-decoration:none;
	font-family:'noto3';
	font-weight:300;
}

.tab-wrap-type2 .tab-menu-type2 .tab-1depth-btn {
	display:block;
	width:100%;
	height:60px;
	line-height:60px;
	font-size:16px;
}

.tab-wrap-type2 .tab-menu-type2 .tab-2depth-btn {
	position:relative;
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#000;
	font-size:14px;
	background:#dadada;
	border:2px solid #dadada;
}

.tab-wrap-type2 .tab-menu-type2 li{
	border-left:1px solid #b1b1b1;
}
.tab-wrap-type2 .tab-menu-type2 li:first-child{
	border-left:none;
}
.tab-wrap-type2 .tab-menu-type2 li .tab-2depth-btn.selected{
	border:2px solid #000;
}
.tab-wrap-type2 .tab-menu-type2 .tab-2depth-btn:hover{
	border:2px solid #000;
}
.tab-wrap-type2.item3 .tab-menu-type2 li.menu1 {width:365px;}
.tab-wrap-type2.item3 .tab-menu-type2 li.menu1 .first{width:118px;}
.tab-wrap-type2.item3 .tab-menu-type2 li.menu1 .second{width:117px;}
.tab-wrap-type2.item3 .tab-menu-type2 li.menu1 .third{width:118px;}

.tab-wrap-type2.item3 .tab-menu-type2 li.menu2 {width:365px;}
.tab-wrap-type2.item3 .tab-menu-type2 li.menu2 .first{width:118px;}
.tab-wrap-type2.item3 .tab-menu-type2 li.menu2 .second{width:117px;}
.tab-wrap-type2.item3 .tab-menu-type2 li.menu2 .third{width:118px;}

.tab-wrap-type2.item3 .tab-menu-type2 li.menu3 {width:366px;}
.tab-wrap-type2.item3 .tab-menu-type2 li.menu3 .first{width:179px;}
.tab-wrap-type2.item3 .tab-menu-type2 li.menu3 .second{width:179px;}


.tab-wrap-type2 .tab-menu-type2 li.selected{
	color:#000;
}

.tab-wrap-type2 .tab-menu-type2 li .tab-1depth-btn {
	color:#000;
	font-family:'noto4';
	font-weight:600;
}
.tab-wrap-type2 .tab-menu-type2 li .tab-2depth-btn::before{
	content:'';
	display:block;
	position:absolute;
	width:1px;
	height:44px;
	top:-2px;
	left:-2px;
	background:#b1b1b1;
}
.tab-wrap-type2 .tab-menu-type2 li .tab-2depth-btn:hover::before{
	background:#000;
}
.tab-wrap-type2 .tab-menu-type2 li .tab-2depth-btn.first::before{
	display:none;
}
.tab-wrap-type2 .tab-menu-type2 li .tab-1depth-btn.selected {
	background:#000;
	color:#fff;
}
.tab-wrap-type2 .tab-menu-type2 li .tab-2depth-btn.selected {
	background:#000;
	color:#fff;
}


/*테이블*/
.content-table{
	width:100%;
}
.content-table th{
	padding:15px 0px;
	font-weight:100;
}
.content-table td{
	padding:15px 15px;
}
.content-table .last td,
.content-table .last th,
.content-table .border-bottom{
	border-bottom:1px solid #ccc;
}
.content-table thead th{
	background:#757575;
	color:#fff;
	font-size:16px;
}
.content-table tfoot th{
	background:#e0e0e0;
	font-size:16px;
}
.content-table tbody th{
	background:#ededed;
}
.content-table tfoot td{
	background:#f2f2f2;
}


/* 스타일1*/
.content-table.style1{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.content-table.style1 caption{
	width:1px;height:1px;
	overflow:hidden;visibility:hidden;
	line-height:0;font-size:0;
	position:absolute;left:-9999px;
}
.content-table.style1 thead th,
.content-table.style1 tfoot th{
	border-top:1px solid #686868;
	border-right:1px solid #686868;
}
.content-table.style1 tbody th,
.content-table.style1 tbody td,
.content-table.style1 tfoot th,
.content-table.style1 tfoot td{
	border:1px solid #ccc;
}

/* 스타일2*/
.content-table.style2 th{
	border-right:1px solid #ccc;
}
.content-table.style2 tr:first-child th,
.content-table.style2 tr:first-child td{
	border-top:1px solid #ccc;
}
.content-table.style2 th,
.content-table.style2 td{
	border-bottom:1px solid #ccc;
}

/* 스타일3*/
.content-table.style3 caption{
	height:45px;
	line-height:45px;
	background:#757575;
	color:#fff;
	font-family:'noto3','dotum';
	font-weight:100;
	font-size:18px;
}
.content-table.style3 th,
.content-table.style3 td{
	border:1px solid #ccc;
}


/*리스트 스타일*/
/*넘버링에 따른 종류*/
.list-dash li, .list-dot li{margin-bottom:6px}
.list-num{list-style-type:decimal;list-style-position:outside;padding-left:15px}
.list-circle{list-style-type:disc !important;list-style-position:outside;padding-left:18px}
.list-dash > li{position:relative;padding-left:12px}
.list-dash > li::before{content:'\2013';display:block;position:absolute;left:0}
.list-dot > li{position:relative;padding-left:10px}
.list-dot > li::before{content:'\00B7';display:block;position:absolute;left:0}

.list-number-box{overflow:hidden}
.list-number-box li{position:relative;display:table;text-align:center;float:left;border:2px solid #000;padding:20px 0;margin-left:10px}
.list-number-box li:first-child{margin-left:0}
.list-number-box li > span.num{position:absolute;display:block;width:20px;height:20px;top:0;left:0;font-size:14px;line-height:20px;color:#fff;background:#000;}
.list-number-box li > div.content{display:table-cell;width:100%;height:100%;vertical-align:middle}
.list-number-box.item3 li{width:276px}
.list-number-box.row3 li{height:72px}

.list-circle-box{overflow:hidden;}
.list-circle-box li{float:left;display:block;border-radius:100%;background:#f0f0f0;margin-left:30px;}
.list-circle-box li:first-child{margin-left:0;}
.list-circle-box li div{display:table-cell;vertical-align:middle;text-align:center;}

.list-check li {padding-left:14px; position:relative;margin-bottom: 8px;}
.list-check li::after {position:absolute; left:0; top:0px; content:'✓'; display:block; font-weight:bold}

/*.list-circle-box.item4{width:810px; margin:0 auto;}*/
.list-circle-box.item4 li,
.list-circle-box.item4 li div{width:170px;height:170px;}

.list-box{overflow:hidden}
.list-box li{position:relative;display:table;text-align:center;float:left;border:2px solid #000;padding:20px 0;margin-left:10px}
.list-box li:first-child{margin-left:0}
.list-box li > div.content{display:table-cell;width:100%;height:100%;vertical-align:middle}
.list-box.item2 li{width:421px}
.list-box.item3 li{width:276px}
.list-box.row3 li{height:75px}
.list-box.row4 li{height:100px}
.list-box.row5 li{height:140px}
.list-box.row6 li{height:159px}

.list-title-content li {overflow:hidden}
.list-title-content li .tit,
.list-title-content li .con{display:block;float:left}
.list-title-content li .tit{padding-right:5px}
.list-title-content li strong.tit{font-family:'noto4';font-weight:600}
.list-title-content li .con{}
/***************
* 게시판       *
****************/
.csinquery-top-img{margin-top:50px}
.A-board-wrap{padding-bottom:0 !important}
.close-preview{display:none}


.scroll_hidden{
 overflow-y:hidden;
}


/*수강신청 리스트 페이지*/
.red_point {
	color: #ff1010;
}
.big-title{font-size:24px; line-height:22px; font-family: 'noto4';  font-weight:500;color:#202020; padding-top: 40px;}

.right-content{
	width:1100px;
}
.exam-info{
	background:#fff;
	margin-top:50px;
	margin-bottom:100px;
}
.exam_title{
	text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    /*letter-spacing: -1.5px;*/
    margin-bottom:45px;
    line-height:32px;
	font-family: 'noto4';
}

.exam_title .big_font{
	font-size:28px;
	font-weight:700;
}

.exam_title .red_font{
	color: #ff1010;
}
.apply-all{
	font-family: 'noto4';
}
.apply-all h5{
    display: block;
    width: 100%;
    border-bottom: 2px solid #888;
    font-size: 23px;
    font-weight: bold;
    padding: 0;
    padding-bottom: 15px;
    color: #333;
    margin-bottom:6px;
}
.apply-all .apply-box{
	width:100%;
	border-bottom:1px solid #ccc;
}
.apply-all .apply-box .sample-play,
.apply-all .apply-box .apply-info,
.apply-all .apply-box .apply-view,
.apply-all .apply-box .apply-view-sale{
	float: left;
}
.apply-all .apply-box .apply-info,
.apply-all .apply-box .apply-view{
	padding:27px 35px 27px 19px;
}

.apply-all .apply-box .sample-play{
	display: none;
    width: 320px;
    height: 250px;
    background: #f3f3f3;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.apply-all .apply-box .apply-info{
	width:60%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.apply-all .apply-box .apply-info > strong{
	display: block;
    font-size: 22px;
    letter-spacing: -1.8px;
    margin-bottom: 15px;
    color: #1c65a9;
}
.apply-all .apply-box .apply-info > em{
	display:block;
	font-size:15px;
	letter-spacing:-0.3px;
	margin-bottom:17px;
	font-style:normal;
}
.apply-all .apply-box .apply-info > em span{
	font-weight: bold;
	color:#ff1010;
}
.apply-all .apply-box .apply-info .apply-buy{
	width:100%;
	height:80px;
}
.apply-all .apply-box table.info-table{
	border-left:0;
	border:0;
	border-top:1px solid #efefef;
	line-height:normal;
	width: 100%;
}
.apply-all .apply-box table.info-table th,
.apply-all .apply-box table.info-table td{
	padding:0;
	font-size: 13px;
	text-align: left;
	font-family: '돋움';
	padding: 7px 0 7px 10px;
	border:0;
	border-bottom:1px solid #efefef;
}
.apply-all .apply-box table.info-table td{
	border-left:1px solid #efefef;
	color:#333;
}
.apply-all .apply-box table.info-table th{
	border-left:0;
	background:none;
	font-weight: normal;
	color:#333;
	font-weight: bold;
	text-align: center;
	padding:0;
}
/*세일가격없을때 .apply-view*/
.apply-all .apply-box .apply-view{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:30%;
	border-left:1px solid #ccc;
	margin:30px 0;
	height:143px;
}
.apply-all .apply-box .apply-view > div.won{
	margin:0 auto;
	letter-spacing: -1.5px;
	min-height: 33px;
}

.apply-all .apply-box .apply-view > div.won > strong{
	font-size:35px;
	font-family: 'verdana';
	font-weight: bold;
	float:left;
	display: block;
}
.apply-all .apply-box .apply-view > div.won > span{
	display: block;
	font-size:30px;
	float:left;
}
.apply-all .apply-box .apply-view > a {
	margin: 0 auto;
	margin-top:5px;
    display: block;
    clear: both;
    width: 100%;
    height: 45px;
    line-height:45px;
    color:#fff;
    font-size: 16px;
    text-decoration: none;
    background: red;
    text-align:center;
    font-family: '돋움';
}
/*세일가격없을때 끝*/

/*세일가격있을때 .apply-view-sale*/
.apply-all .apply-box .apply-view-sale{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 40%;
    border-left: 1px solid #ccc;
    height: 175px;
    margin: 18px 0;
    padding: 62px 30px 10px 30px;
}

.apply-all .apply-box .apply-view-sale2{
	padding: 0px 30px 10px 30px;
	margin: 10px 0 18px;
}
.apply-all .apply-box .apply-view-sale > div.sale{
	position:relative;
	margin:0 auto;
	font-size: 0;
	display: table;

}
.apply-all .apply-box .apply-view-sale > div.sale > strong{
    display: block;
    font-family: 'verdana';
    font-weight: normal;
    font-size: 25px;
    float: left;
    margin-top: 15px;
    margin-right: 11px;
    letter-spacing: -2px;
    color: #aaa;
    position: relative;
}
.apply-all .apply-box .apply-view-sale > div.sale strong .sale-line{
	position: absolute;
	width:130px;
	height:1px;
	background:#000;
	top:52%;
	right:-15px;
	z-index: 1;
	font-size: 0;
}
.apply-all .apply-box .apply-view-sale > div.sale > span{
	background: #000000;
    color: #fff;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50px;
    behavior: url('/css_PIE/PIE.htc');
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    text-align: center;
    line-height: 39px;
    font-size: 16px;
    font-weight: bold;
}
.apply-all .apply-box .apply-view-sale  div.won{
	margin:0 auto;
	letter-spacing: -2px;
	margin-top:15px;
	min-height: 30px;
	display: table;
}

.apply-all .apply-box .apply-view-sale  div.won > strong{
	font-size:26px;
	font-family: 'verdana';
	font-weight: bold;
	float:left;
	margin-right:3px;
}
.apply-all .apply-box .apply-view-sale  div.won > span{
	display: block;
	font-size:24px;
	float:left;
}
.apply-all .apply-box .apply-view-sale  a {
    float: right;
    margin: 0 auto;
    margin-top: 8px;
    display: block;
    /* clear: both; */
    width: 34%;
    height: 39px;
    line-height: 39px;
    color: #fff;
    font-size: 15px;
    /* text-decoration: none; */
    background: #ec0e0e;
    text-align: center;
    font-family: 'noto3';
}

.apply-all .apply-box .apply-view-sale  div.won > p {
    text-align: center;
    margin-bottom: 9px;
    /* padding: 1px 0px; */
    /* border-radius: 36px; */
    color: #ffffff;
    float: left;
    display: block;
    padding: 1px 10px;
    margin-right: 6px;
    font-family:'noto3';
}

.apply-all .apply-box .apply-view-sale  div.won > p.bg-blue {
	background:#2b7dc9;
}

.apply-all .apply-box .apply-view-sale  div.won > p.bg-violet {
	background:#5804a2;
}

.apply-all .apply-box .apply-view-sale  div.won > p.bg-green {
	background:#2f8214;
}

.apply-all .apply-box .apply-view-sale  div.won > p.bg-rightred{
	background:#de1a40;
}

.apply-area.type1 .apply-item .apply-box .c-price {
	height:60px;
}

.apply-area.type1 .apply-item .apply-box .c-price .c-price-item {
	height:100%;
}

/*세일가격있을때 끝*/

.right-quick-menu{display: none;}

/*.ssok_btn{
	margin:33px auto 0px !important
}*/


/*수강신청부분 댑스 2 스타일~:S*/
.apply-area .apply-tab .tab-menu.tab-menu-deps2 {
	margin:10px auto 0;
}
.apply-area .apply-tab .tab-menu.tab-menu-deps2 li a{
	background:none;
	color:#c8cbce;
	border-bottom:1px solid #c8cbce;
}

.apply-area .apply-tab .tab-menu.tab-menu-deps2 li{
	width:49.5% !important;
}

.apply-area .apply-tab .tab-menu.tab-menu-deps2 li:first-child{
	margin-right:1%;
}

.apply-area .apply-tab .tab-menu.tab-menu-deps2 li a.selected{
	position:relative;
	background:none;
	color:#474b5b;
}

.apply-area .apply-tab .tab-menu.tab-menu-deps2 li a.selected::after{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	display:block;
	content:'';
	background:#474b5b;
}

/*수강신청부분 댑스 2 스타일~:E*/

/*수강신청부분 댑스 4 스타일~:S*/
.apply-area .apply-tab .tab-menu.tab-menu-deps4 {
	margin:10px auto 0;
}
.apply-area .apply-tab .tab-menu.tab-menu-deps4 li a{
	background:none;
	color:#c8cbce;
	border-bottom:1px solid #c8cbce;
}

.apply-area .apply-tab .tab-menu.tab-menu-deps4 li{
	width:24.7% !important;
}

.apply-area .apply-tab .tab-menu.tab-menu-deps4 li a.selected{
	position:relative;
	background:none;
	color:#474b5b;
}

.apply-area .apply-tab .tab-menu.tab-menu-deps4 li a.selected::after{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	display:block;
	content:'';
	background:#474b5b;
}

/*수강신청부분 댑스 4 스타일~:E*/






.item-container .contents-title {
	margin-top:0;
}

.contents-title {
    border-bottom: 2px solid #666;
    position: relative;
    height: 42px;
    margin-top: 67px;
    font-family: 'noto4';
}
.contents-title .right-txt {
	float: right;
	position: absolute;
	right: 0px;
	top: 7px;
	font-size: 13px;
	color: #888;
    letter-spacing: 0.8px;
    font-family: 'noto3';
}
.contents-title .right-txt span {
	color: #000;
}

.contents-title h3 {
    font-size: 25px;
    letter-spacing: -1px;
    line-height: 26px;
    width: 174px;
	text-align:left;
    height: 33px;
    font-weight:400;
 }