/*20171118 추가*/

@charset "utf-8";
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,a,pre{ padding: 0px; margin: 0px; font-family:'NanumSquare','Nanum Barun Gothic', sans-serif; font-size: 14px; color: #333333; font-weight: normal }
img{ border: none; padding: 0px; vertical-align: middle;}/*max-width:100%;*/
li{ list-style: none; }
a{text-decoration: none; outline:none; } 
table{ border-spacing: 0px; border-collapse: collapse; }
header, section, footer, nav, article, aside, figure{ padding:0px; margin:0px; display: block; }
fieldset{ border: none; }
legend{ display: none; }
address{ font-style: normal;}
pre{ color:#777}
input[type=button], input[type=submit], input[type=reset], input[type=image], button{ cursor: pointer; }
*{box-sizing:border-box;}

.wrap {width: 100%; position: relative; background-color:#ffffff;}

/*header*/
#header {width: 100%; background-color: #FFFFFF;  }
.lnbarea {width: 100%;border-bottom: solid 1px #e1e1e1; background-color: #f5f5f5; height: 34px; margin: auto; position: relative; overflow:hidden;}
.lnbarea .innerlnb{width:990px;margin:0 auto; overflow:hidden;}
.lnbarea .innerlnb .lnb {float: right;overflow: hidden; }
.lnbarea .innerlnb .lnb > li {float: left; line-height: 34px; padding: 0 15px; background-position: right center; background-repeat: no-repeat;}
.lnbarea .innerlnb .lnb > li > a {font-weight: 500; color: #898989; font-size: 13px;font-family: Nanum Barun Gothic;}
.lnbarea .innerlnb .lnb > li.top_nav_btn {margin-left: 15px; padding: 0 25px; line-height: 35px; background-color: #998675; height: 35px;}
.lnbarea .innerlnb .lnb > li.top_nav_btn > a {color: #fff;}
.logoarea {position: relative; height: 110px;width: 990px;margin: 0 auto;left: 0;}
.logoarea a { text-align: left; line-height: 55px; display: block; position: absolute;margin-top: 29px;}

.lnbarea .innerlnb .lnb > li > a .badge{
	    display: inline-block;
    height: 14px;
    border-radius: 7px;
    padding: 1px 5px;
    background-color: #434c82;
    color: white;
    line-height: 14px;
    font-weight: bold;
    font-size: 12px;
    vertical-align: text-top;
    margin-left: 1px;
}

.gnbarea {height: 51px; background-color: #434c83; border-bottom: solid 1px #e1e1e1; border-top: solid 1px #e1e1e1;}
.gnb {width: 990px; margin: auto;box-sizing: border-box;}
.gnb > ul{overflow:hidden;height:50px;margin: 0; padding-left: 0px;}
.gnb > ul > li {line-height: 49px; float: left;box-sizing: border-box}
.gnb > ul:after{content:''; clear:both; display:block;}
.gnb > ul > li > a{color:#fff;font-weight:700; font-size: 17px;width:198px;display: block;text-align: center;padding:0 50px;}
.gnb > ul > li > .active {color:#434c83;font-weight:700; font-size: 17px;width:198px; display: block;text-align: center;padding:0 50px; background-color: #fff;} 
.gnb > ul > li > a.active, .gnb > ul > li > a:hover, #gnb_Control > li >a:focus, #gnb_Control > li >a:active{color:#434c83; background: #fff;}
.gnb > ul > li.menubg{background-color: #121743;}
.gnb > ul > li.menubg a:last-child:hover{background-color: #121743;color:#fff;}

/* main_visual */
.slider01 li{text-align: center;width:100%;}

/*container*/
.container {width: 100%; position: relative; background-color:#fafafa;}
.mainslider {height: 434px; margin-bottom: 49px; border-bottom: solid 1px #e1e1e1; background-color: #edf2f9;}
.mainslider .slider {width: 1280px; margin: auto;}

/*section01*/
.section01 {width: 990px; margin: auto;  border: solid 1px #e1e1e1; text-align: center; background-color:#fff;}
.section01 h2 {margin: 78px 0 46px 0; font-weight: 600; font-size: 48px; color: #000;}
.section01 p {margin-bottom: 64px; font-size: 20px; color: #000; line-height: 33px;}

.section_info ul {overflow: hidden; padding: 0 100px;}
.section_info ul li {float:left; width:33%;}
.section_info ul li p {margin-top: 19px; font-size: 18px; font-weight: 600; color: #000; letter-spacing: -0.5px;}

.section_btn {margin: auto; margin-bottom:58px;display: block; width: 282px; height: 52px; background-image: url(../nimages/common/info_btn.png)}
.section_btn a {text-align: center; font-size: 18px; color: #555; font-weight: 600; line-height: 52px;}

/*section02*/ 
.section02 {width: 990px; margin: 18px auto; border: solid 1px #e1e1e1; text-align: center; padding-bottom: 0px; background-color:#e8eff7; }
.section02 h2 {margin: 78px 0 40px 0; font-weight: 600; font-size: 48px; color: #000;}
.section02 p {position: relative; margin-bottom: 100px; font-size: 30px; color: #000; line-height: 33px; font-weight: bold;}
.section02 p .point-image{
	position: absolute;
	top: -11px;
	right: 5px;
	z-index: 0;
}
.section02 ul {position: relative; z-index: 1; overflow: hidden; padding: 0 100px;}
.section02 ul li {float:left; width:33%;}

.section02 ul li .badge{
	height: 66px;
	line-height: 66px;
	border-radius: 33px;
	background-color: white;
	color: #ee4035;
	max-width: 220px;
	margin: 0 auto 0 auto;
	font-weight: bold;
	font-size: 18px;
}
.section02 ul li .text{
	text-align: center;
	font-size: 17px;
	margin-top: 20px;
	margin-bottom: 65px;
	color: #141943;
}

.section02 .section_btn{
	display: block;
	text-align: center;
	margin-bottom: 58px;
}

.section03 {width: 990px; margin: 0 auto; margin-bottom: 120px; border: solid 1px #e1e1e1; text-align: center; background-color:#fff;}

.section03 .title-frame{
	display: table;
	table-layout: fixed;
	width: 516px;
	margin: 80px auto 25px; auto;
}

.section03 .title-frame .col-image,
.section03 .title-frame .col-title{
	display: table-cell;
	vertical-align: middle;
}

.section03 .title-frame .col-image{
	width: 105px;
}

.section03 .title-frame .col-title{
	text-align: center;
}
.section03 .title-frame .col-title h2{
	font-size: 45px;
	color: black;
	margin-bottom: 10px;
	font-weight: bold;
}
.section03 .title-frame .col-title .subject{
	color: #555555;
	font-size: 26px;
	font-weight: bold;
}

.section03 .main-image{
	display: block;
	margin: 0 auto 0 auto;
}

.section03 .main-text{
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 50px;
	font-weight: bold;
	color: black;
}

/*section03*/
/*.section03 {width: 990px; margin: 0 auto; margin-bottom: 39px; border: solid 1px #e1e1e1; text-align: center; background-color:#fff;}
.section03 h2 {font-size: 48px; color: #ef4036; margin: 78px 0 46px 0; font-weight: 600;}
.section03 p {margin-bottom: 74px; font-size: 20px; color: #000; line-height: 33px;}
.section03 p span { font-size: 20px; color: #000; font-weight: 600;}

.scard02_box {width: 852px;  overflow: hidden; margin: 0 auto;}
.scard02_box li {width:264px; float: left; margin: 0 9px;}
.scard02_box .scard02_border {border: solid 1px #e1e1e1;}
.scard02_box li .scard02_btn_area {width:263px; height: 55px; line-height: 55px; background: url(../nimages/common/detail_btn.png) no-repeat; padding-right: 10px;}
.scard02_box li .scard02_btn_area a {font-size: 13px; color: #555; font-weight: 600; }
.scard02_box li .scard02_txt {margin: 30px 0 101px 0; font-size: 18px; color: #000; font-family: Nanum Barun Gothic; text-align: left; line-height: 25px; letter-spacing: 0.5px;}*/

/*footer*/
#footer {width: 100%; background-color: #555; border-top: solid 1px #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: center; padding: 63px 0;}
#footer h2 {margin-bottom: 39px;}
#footer p {margin-bottom: 30px; font-size: 30px; color: #fff; font-weight: 600;}
#footer span {font-size: 18px; color: #a1a1a1; line-height: 30px;}



/* 기존 css 20171118 추가 */
/* Common */
body {background: #f5f5f5;}
.copyright { width: 990px; margin: 30px auto; padding-left: 30px; font-size: 12px; color: #959595; text-align: left;}


/* Join */
.join_container {width: 990px;margin: 0 auto;}
.join_container h2 {width: 100%;margin-top: 10px;padding: 20px 0;padding-left: 30px;border-bottom: 1px solid #c2c2c2;font-size: 30px;font-weight: 900;color: #303030;text-align: left;}

.agree_article { margin: 0 30px; margin-top: 30px; text-align: left;}
.agree_article h3 {font-size: 16px;color: #303030;}
.agree_article .agree_box {width: 930px;height: 160px;margin-top: 10px;background: #fff;border: 1px solid #b7b7b7;overflow-x: hidden;overflow-y: auto;}
.agree_article p {width: 100%;margin-top: 10px;text-align: right;line-height: 28px;}
.agree_article p input[type="checkbox"] {width: 20px;height: 20px;background: #fff;border: 1px solid #b7b7b7;}


.agree_article_n {margin: 0 30px;margin-top: 30px;text-align: left;
}
.agree_article_n h3 {
	font-size: 16px;
	font-weight: 400;
	color: #303030;
}
.agree_article_n .agree_box_n {
	width: 930px;
	height: 160px;
	margin-top: 10px;
	background: #fff;
	border: 1px solid #b7b7b7;
	overflow-x: hidden;
	overflow-y: auto;
}
.agree_article_n p {
	width: 100%;
	margin-top: 10px;
	text-align: left;
	line-height: 28px;
}
.agree_article_n p input[type="checkbox"] {
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #b7b7b7;
}

.agree_article_n table {
	width: 750px;
	border: 1px solid #EAEAEA;
	border-collapse: collapse;
	line-height: 22px;
	
}

.agree_article_n th {
	border: 1px solid #EAEAEA;
	vertical-align: middle;
	padding: 4px;
	height: 30px;
	background-color: #F6F6F6;
}

.agree_article_n td {
	border: 1px solid #EAEAEA;
	vertical-align: middle;
	padding: 4px;
	height: 30px;
}


.join_register {width: 100%;margin-top: 30px;}
.join_register th {width: 100px;padding-top: 24px;text-align: right;font-size: 15px;font-weight: 700;color: #303030;}
.join_register td {padding: 12px 0;padding-left: 20px;text-align: left;font-size: 15px;font-weight: 700;color: #707070;vertical-align: middle;}
.join_register td input[type="text"],
.join_register td input[type="password"] {width: 250px;height: 40px;padding-left: 13px;border: 1px solid #b7b7b7;border-radius: 10px;line-height: 40px;vertical-align: middle;}
.join_register td input[type="image"] {margin-left: 18px;vertical-align: middle;}
.join_register td input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.join_register td input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; line-height: 28px; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.join_register td input[type="radio"] + label:nth-of-type(1) {margin-left: 20px;}
.join_register td input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 4px;width: 21px;height: 21px;text-align: center;background: url('../nimages/common/icon_radio.png') top left no-repeat;}
.join_register td input[type="radio"]:checked + label:before {content: '';position: absolute;left: 0;top: 4px;width: 21px;height: 21px;text-align: center;background: url('../nimages/common/icon_radio_checked.png') top left no-repeat;}
.join_register td select {width: 250px; height: 40px; padding-left: 13px; border: 1px solid #b7b7b7; border-radius: 10px; background: url('../nimages/common/icon_select_arrow.png') #fff 95% 50% no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;	outline: none; font-size: 14px;}
.join_register td select::-ms-expand {display: none;}
.join_register td span {font-size: 12px;color: #f26522;}
.join_btn_group { width: 100%; margin-top: 50px; margin-bottom: 39px; padding-right: 25px; border-top: 1px solid #c2c2c2; text-align: right;}
.join_btn_group .btn_cancel { margin-top: 25px; margin-right: 15px;}
.join_btn_group .btn_ok {margin-top: 25px;}


/* 수강신청하기 - 리스트 */
.page_title { width: 100%; min-width:990px; height: 80px; background: #faa61a; border-bottom: 1px solid #c2c2c2; display:block;}
.page_title h2 { width: 100%; margin: 0 auto; padding-left: 30px; font-size: 30px; font-weight: 900; color: #fff; line-height: 80px; text-align: left;}

.prdt_navi { width: 100%; min-width:990px; height: 40px; background: #fff; border-bottom: 1px solid #c2c2c2; text-align: center;}
.prdt_navi ul {margin: 0 auto; font-size: 0;}
.prdt_navi li {display: inline-block;}
.prdt_navi li a { display: block; padding: 0 20px; font-size: 14px; font-weight: 700; color: #707070; line-height: 40px; text-align: center;}
.prdt_navi li a:hover {color: #ef4036;}

.prdt_rolling { width: 930px; margin: 0 auto; margin-top: 40px; overflow: hidden;}
.prdt_rolling ul {font-size: 0;}
.prdt_rolling li {display: inline-block; margin-right: 10px;}
.prdt_rolling li:last-child {margin-right: 0;}
.prdt_rolling li a { display: table-cell; width: 225px; height: 210px; background: #fff; font-size: 13px; text-align: center; vertical-align: middle; overflow: hidden;}
.prdt_rolling li img {width: 100%;}

.prdt_rolling .btn_group {margin-top: 20px;text-align: center;}
.prdt_rolling .btn_group a {margin-right: 15px;}
.prdt_rolling .btn_group a:last-child {margin-right: 0;}
.prdt_list_article { width: 930px; margin: 0 auto;}
.prdt_list_article .prdt_list_title { width: 100%; margin-top: 45px; margin-bottom: 10px; overflow: hidden;}
.prdt_list_article .prdt_list_title h3 { float: left; font-size: 16px; color: #000;}
.prdt_list_article .prdt_list_title h3 span {color: #ef4036;}
.prdt_list_article .prdt_list_title a {float: right;}
.prdt_list { margin-top: 10px; font-size: 0; text-align: left;}
.prdt_list li { display: inline-block; margin-right: 10px; margin-top: 10px;}
.prdt_list li:nth-of-type(4n) {margin-right: 0;}
.prdt_list_article .prdt_list li a { display: table-cell; width: 225px; height: 210px; background: #fff; font-size: 13px; color: #ccc; text-align: center; vertical-align: middle;	 overflow: hidden;}


/* 수강신청하기 - 상세페이지 */
.location { width: 990px; margin: 0 auto; margin-top: 20px; padding-left: 30px; font-size: 12px; color: #707070; text-align: left;}
.prdt_layout { width: 990px; margin: 0 auto; margin-top: 10px; margin-bottom: 39px; padding: 50px; background: #fff;}

.prdt_top_article {width: 100%;overflow: hidden;}
.prdt_top_article .prdt_top_img { float: left; display: block; width: 225px; height: 210px; border: 1px solid #b7b7b7; vertical-align: middle;}
.prdt_top_article .prdt_top_img img { width: 100%; height: 100%;}
.prdt_top_article .prdt_top_info { float: right; width: 628px; text-align: left;}
.prdt_top_article dt { margin-bottom: 25px; font-size: 30px; font-weight: 900; color: #0054a6; vertical-align: top;}
.prdt_top_article dd { font-size: 13px; font-weight: 700; color: #707070; line-height: 24px; vertical-align: top;}
.prdt_top_article dd .prdt_sale {color: #ec008c;}
.prdt_top_article .prdt_price { height: 82px; margin-top: 20px; padding: 15px 0; padding-right: 10px; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; font-size: 20px; color: #0054a6; text-align: right; vertical-align: middle;}
.prdt_top_article .prdt_price s { font-size: 13px; color: #707070;}
.prdt_top_article .btn_buy { margin-top: 20px; text-align: right;}
.prdt_detail_article { margin-top: 70px; text-align: left; line-height: 30px;}
.prdt_detail_article h4 {display: block;}
.prdt_detail_article h4 span { display: inline-block; height: 25px; margin-bottom: 10px; padding: 0 30px; background: #707070; border-radius: 13px; font-size: 13px; color: #fff; line-height: 25px;}


/* 수강신청하기 - 주문/결제 */
.prdt_order_article { margin-top: 50px; text-align: left;}
.prdt_order_article:first-child {margin-top: 0;}
.prdt_order_article h4 { font-size: 14px; color: #707070; overflow: hidden;}
.prdt_order_article h4 .comment { float: right; text-align: right;}
.prdt_order_article table { width: 100%; margin-top: 25px; border-top: 1px solid #b7b7b7; text-align: center;}
.prdt_order_article th { height: 40px; border-bottom: 1px solid #b7b7b7; font-size: 14px; color: #707070; line-height: 40px;}
.prdt_order_article td { padding: 30px 0; border-bottom: 1px solid #b7b7b7; font-size: 14px; color: #707070; line-height: 40px;}

.prdt_order_article .price_all { padding-right: 30px; background: #fffdeb; font-size: 24px; text-align: right;}
.prdt_order_article .price_all span:nth-of-type(1) {margin-right: 90px;}
.prdt_order_article .payment { margin-top: 20px; padding: 10px 0; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; text-align: center;}
.prdt_order_article .payment .payment_layer { margin-top: 20px; padding: 10px 0;}
.prdt_order_article .btn_group { margin-top: 20px; text-align: right;}
.prdt_order_article .btn_group a {margin-right: 10px;}
.prdt_order_article input[type="text"] { width: 250px; height: 40px; padding-left: 13px; border: 1px solid #b7b7b7; border-radius: 10px; line-height: 40px; vertical-align: middle;}
.prdt_order_article input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.prdt_order_article input[type="checkbox"] + label { display: inline-block; position: relative; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; width: 20px; height: 20px;}
.prdt_order_article input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 21px; height: 21px; text-align: center; background: url('../nimages/common/icon_checkbox.png') top left no-repeat; }
.prdt_order_article input[type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 21px; height: 21px; text-align: center; background: url('../nimages/common/icon_checkbox_checked.png') top left no-repeat;}
.prdt_order_article input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.prdt_order_article input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; line-height: 28px; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.prdt_order_article input[type="radio"] + label:nth-of-type(1) {margin-left: 20px;}
.prdt_order_article input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 4px; width: 21px; height: 21px; text-align: center; background: url('../nimages/common/icon_radio.png') top left no-repeat;}
.prdt_order_article input[type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 4px; width: 21px; height: 21px; text-align: center; background: url('../nimages/common/icon_radio_checked.png') top left no-repeat;}
.prdt_order_article select { height: 40px; padding: 0 30px 0 20px; border: 1px solid #b7b7b7; border-radius: 10px; background: url('../nimages/members/icon_select_arrow.png') #fff 95% 50% no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;	 outline: none; font-size: 14px;}


/* - list stye - */
.cs_list_basic { width: 830px; margin-top: 10px;}
.cs_list_basic th { height: 40px; background: #FFF; font-size: 14px; font-weight: 900; color: #707070; line-height: 40px; text-align: center; border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;}
.cs_list_basic th:last-child {background: #FFF;}
.cs_list_basic td { padding: 20px 0; border-bottom: 1px solid #b7b7b7; font-size: 14px; color: #000; text-align: center; vertical-align: middle;}
.cs_list_basic td:nth-child(2) { padding-left: 20px; text-align: left;}
.cs_list_basic tr:hover {background: #fffdeb;}
.cs_list_basic .class_end td {color: #acacac;}
.cs_list_basic .class_end td:first-child {color: #000;}


/* paging */
.paging { margin: 0 auto; margin-top: 35px; text-align: center; font-size: 0;}
.paging a { display: inline-block; padding: 0 5px; font-size: 16px; font-weight: normal; color: #000;}
.paging .active,.paging a:hover {color: #ef4036;font-weight: bold;}

.suda_download {margin-top: 70px;overflow: hidden;}
.suda_download h4 { float: left; width: 100px; margin-top: 12px; margin-left: 25px; font-size: 13px; color: #4b9ba7;}
.suda_download ul { float: left; font-size: 0;}
.suda_download li { display: inline-block; margin: 0 6px; font-size: 12px; color: #898989; line-height: 30px; text-align: center;}


/* 학습안내 */
.study_navi { width: 100%; min-width:990px; height: 40px; background: #fff; border-bottom: 1px solid #c2c2c2; text-align: center;}
.study_navi ul {margin: 0 auto;font-size: 0;}
.study_navi li {display: inline-block;}
.study_navi li a { display: block; padding: 0 20px; font-size: 14px; font-weight: 700; color: #707070; line-height: 40px; text-align: center;}
.study_navi li a:hover {color: #ef4036;}


/* 수강없음 팝업 */
.popup_none_class { position: fixed; top: 0; left: 0;     width: 100%; height: 100%; text-align: center; z-index: 90;}
.popup_none_class .popup_bg { width: 100%; height: 100%; background: rgba(000,000,000,0.5);}
.popup_none_class .none_class_box { position: absolute; top: 50%; left: 50%; width: 400px; height: 200px; margin-top: -100px; margin-left: -200px; padding-top: 40px; background: #fff; border: 3px solid #faa61a; border-radius: 25px; font-size: 18px; color: #363636; z-index: 100; text-align: center;}
.popup_none_class .none_class_box p {margin-top: 20px;}
.popup_none_class .none_class_box p span {color: #ef4436;}