@charset "utf-8";

/* 제목 */
h3.tit{margin-bottom: 23px;padding-top:15px;padding-bottom: 20px;font-size: 25px;line-height:28px;color: #000;background:url(/lll/nanum/site/img/common/icon_h3.gif) no-repeat left bottom;font-weight: 500;letter-spacing: -1px;}
h3.tit2 {margin-bottom:28px;padding-top:15px; text-align:center; padding-bottom: 20px;font-size: 25px;line-height:28px;color: #000;background:url(/lll/nanum/site/img/common/icon_h3_2.gif) no-repeat 50% bottom;font-weight: 500;letter-spacing: -1px;}
h3.tit.h3_t,
h3.tit2.h3_t {margin-top:40px;}

h4.tit{margin-bottom:25px;font-size: 22px;color: #000;font-weight: 300;letter-spacing: -1px;}
h4.tit.h4_t{margin-top:50px;}

/* 리스트 */
ul.list li{padding-left:14px;margin-bottom: 7px;color:#333;background:url(/lll/nanum/site/img/common/icon_list.gif) no-repeat 0 8px;font-size: 13px;line-height:22px;color: #444;font-weight: 500;}
ul.list li.st{color:#000;}
ul.list li a {color:#007beb; }

ul.list ul.list2{margin: 8px 0 10px 0;}
ul.list2 li{padding-left:14px;margin-bottom: 6px;background:url(/lll/nanum/site/img/common/icon_list2.gif) no-repeat 0 9px;font-size:13px;line-height:20px;color:#777;}

/* 숫자리스트 */
ul.num_list {margin:15px 0;padding: 20px 30px;background: #f8fbff;border: 1px solid #ecf2fb;}
ul.num_list li{position:relative;padding: 4px 0 0px 36px;color: #666;font-size: 13px;line-height:22px;background: none; font-weight:400;}
ul.num_list li span{display:inline-block;position:absolute;left:0;top:4px;font-size: 14px;text-align:center;line-height:22px;font-family:'Rajdhani',sans-serif;color: #007beb;border: 1px solid #007beb;width: 22px;font-weight:500;/* background: #fff; */}


/*탭정의*/
.con_tab{width:100%;}
.con_tab ul{display:inline-block;width:100%;}
.con_tab ul li{float:left;width:50%;margin-right:-1px;}
.con_tab ul li a{display:block;padding:17px 0;font-family:'NotoKrM',sans-serif;color:#666;font-size:15px;text-align:center;border:1px solid #ccc;background:#f8f8f8;}
.con_tab ul li a:hover{color:#22476a;background:#e8e8e8;}
.con_tab ul li a.on {position:relative;padding:17px 0 17px 0;color:#22476a;font-family:'NotoKrM',sans-serif;border-top:none;background:#fff;z-index:1;border:1px solid #22476a;}
.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:33.2%;}
.con_tab ul.no4 li{width:25%;}
.con_tab ul.no5 li{width:20%;}
.tab_b{margin-bottom:30px;}

/* 테이블 */
table.table1 {clear:both; border-collapse:collapse; border-top:2px solid #222; width:100%;}
table.table1 thead th {color:#444;font-weight:bold;text-align:center;padding:15px 0;border:1px solid #eaeaea;font-size: 15px;border-bottom:1px solid #666;}
table.table1 tbody td,
table.table1 tbody th{text-align:center;font-size:14px;border:1px solid #eaeaea;padding:13px 5px 13px 5px;font-size:13px;letter-spacing: -1px;line-height: 150%;}
table.table1 tbody th{background:#f9f9f9;border:1px solid #eaeaea;}
table.table1 tbody td img{vertical-align:middle;}
table.table1 tbody td input {vertical-align:middle;}
table.table1 .noline{border:1px solid #dfdfdf;}
table.table1 td.left {text-align:left; padding-left:10px;}
table.table1 td.right {text-align:right; padding-right:10px;}

/* 일정표_테이블 */
table.sch_table {clear:both;}
table.sch_table {width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
table.sch_table thead th {font-family: 'NotoKrL', sans-serif;font-size:14px;text-align:center;border: 1px solid #e5e5e5;border-top:2px solid #ff8a00; border-bottom:1px solid #cacaca; padding:16px 0;color:#333;line-height:160%;background:#fbfbfb;}
table.sch_table tbody th {font-family: 'NotoKrM', sans-serif; color:#ff8a00; padding:15px 5px; border:1px solid #e5e5e5;}
table.sch_table tbody td {white-space:nowrap;font-family: 'NotoKrM', sans-serif;padding:15px 5px;border:1px solid #e5e5e5;text-align:center;line-height:140%;word-break:keep-all;border-top: 0px;}
table.sch_table tbody td.class {background:#fff3e5; color:#000;}
table.sch_table tbody tr.total th,
table.sch_table tbody tr.total td {color:#333; background:#fbfbfb;}

/* input */
.input_text{height:38px;padding:0 10px;border:1px solid #e5e5e5;border-radius:10px;font-family:'NotoKrM';font-size:14px;color:#888;}

/*버튼*/
.btn_w{width:100%;padding:30px 0; text-align:center;}
.btn_w2{width:100%;padding:35px 0; margin-top:35px; text-align:center;border-top:1px dashed #ccc;}
.con_btn{display:inline-block;*display:inline;*zoom:1;min-width:150px;padding:0 15px;font-size:13px; font-weight:500; text-align:center;cursor:pointer; border-radius:4px;}
.con_btn span{display:inline-block;*display:inline;*zoom:1;padding:12px 0;padding-left:30px;}

.con_btn2 {display:inline-block;*display:inline;*zoom:1;min-width:150px;padding:12px 0; font-size:13px; font-weight:500; text-align:center;cursor:pointer; border-radius:4px;}

.sm_btn{display:inline-block;*display:inline;*zoom:1;min-width:80px;padding:0 15px;font-size:13px;  font-weight:500;  text-align:center;cursor:pointer; border-radius:4px;}
.sm_btn span{display:inline-block;*display:inline;*zoom:1;padding:7px 0;padding-left:28px;}
.con_btn.blue,
.sm_btn.blue{color:#007beb;border:1px solid #007beb;background:#fff;}
.con_btn.blue:hover,
.sm_btn.blue:hover{color:#fff;background:#007beb\9;}
.con_btn.gray,
.sm_btn.gray{color:#728091;border:1px solid #c2cad4;background:#fff;}
.con_btn.gray:hover,
.sm_btn.gray:hover{color:#fff;background:#b2b6bc\9;}
.con_btn.red,
.sm_btn.red{color:#ff3c15;border:1px solid #ff3c15;background:#fff;}
.con_btn.red:hover,
.sm_btn.red:hover{color:#fff;background:#ff3c15\9;}

.con_btn2.blue {color:#007beb;border:1px solid #007beb; background:#fff;}
.con_btn2.blu:hovere {color:#fff; background:#007beb;}
.con_btn2.gray {color:#728091;border:1px solid #c2cad4; background:#fff;}
.con_btn2.gray:hover {color:#fff; background:#728091;}
.con_btn2.red {color:#ff3c15;border:1px solid #ff3c15; background:#fff;}
.con_btn2.red:hover {color:#fff;background:#ff3c15;}
.con_btn2.green {color:#2abf93; border:1px solid #2abf93; background:#fff;}
.con_btn2.green:hover {color:#fff;background:#2abf93;}

.con_btn span.list {background:url(/lll/nanum/site/img/common/btn_list.png) no-repeat left 50%;} /*전체목록보기*/
.con_btn:hover span.list{background:url(/lll/nanum/site/img/common/btn_list_on.png) no-repeat left 50%;}
.con_btn span.acc {background:url(/lll/nanum/site/img/common/btn_acc.png) no-repeat left 50%;} /*신청접수하기*/
.con_btn:hover span.acc{background:url(/lll/nanum/site/img/common/btn_acc_on.png) no-repeat left 50%;}

/*버튼효과*/
.con_btn,
.sm_btn{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.con_btn:before,
.sm_btn:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #2098D1;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.con_btn:hover, 
.con_btn:focus, 
.con_btn:active,
.sm_btn:hover, 
.sm_btn:focus, 
.sm_btn:active{color: white;}
.con_btn:hover:before, 
.con_btn:focus:before, 
.con_btn:active:before,
.sm_btn:hover:before, 
.sm_btn:focus:before, 
.sm_btn:active:before{-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.con_btn.blue:before,
.sm_btn.blue:before{background:#007beb;}
.con_btn.gray:before,
.sm_btn.gray:before{background:#b2b6bc;}
.con_btn.red:before,
.sm_btn.red:before{background:#e96565;}

/*강좌신청 - 취소*/
.btn_cancel {color:#ff3c15;border:1px solid #ff3c15; padding:8px 12px 8px 30px; border-radius:4px; font-weight:bold; background:url(/lll/nanum/site/img/common/btn_cancel.gif) no-repeat 10px 50%; cursor:pointer;}


/* 셀렉트박스 */
.comm_sel .jq_sel{display:block;position:relative;height:42px; background:#fff; border-radius:3px;}
.comm_sel .jq_sel span{position:absolute;left:0;top:0;white-space:nowrap;height:42px;width:100%;font-size:13px;color:#333 !important;line-height:42px;letter-spacing:-0.04em;text-align:left;text-indent:20px; overflow:hidden;cursor:pointer;background: url(/lll/nanum/site/img/common/sel_arrow2.png) no-repeat right 50% #fff;}
.comm_sel .jq_sel ul{overflow:auto;position:absolute;z-index:9999;top:42px;left:-1px;width:280px;list-style:none;background: #fff;border: solid 1px #f5f5f5;display:none;overflow:auto;overflow-y:auto;z-index:10;white-space:nowrap;}
.comm_sel .jq_sel ul a{display:block;padding-left:20px;height:42px;line-height:42px;font-size:13px;letter-spacing:-0.04em;text-decoration:none;color: #999;text-align:left;}
.comm_sel .jq_sel ul li {margin-left:0;}
.comm_sel .jq_sel ul a:hover{background-color:#f5f5f5;}
.comm_sel .jq_sel_hide{display:none;}

/************* 라디오, 체크박스 공통 *************/
input[type=checkbox],
input[type=radio]{width:20px!important;height:20px!important;margin-right:-20px!important;line-height:1;border:0;vertical-align:middle;position:absolute;opacity:0}
input[type=checkbox]+label,
input[type=radio]+label{line-height:20px;cursor:pointer;border:none;background:0 0}
/* input[type=checkbox]+label:last-child,input[type=radio]+label:last-child{margin-right:0} */
input[type=checkbox]+label,
input[type=radio]+label{position:relative;padding-left:25px;margin-right:5px;text-align:left;color:#666;font-size:13px;vertical-align:middle;display:inline-block;transition:all .2s linear 0s; line-height:42px;}
input[type=checkbox]+label:after,
input[type=checkbox]+label:before,
input[type=radio]+label:after,
input[type=radio]+label:before{vertical-align:middle;display:inline-block;content:"";transition:all .2s linear}

input[type=radio]+label:before{position:absolute;left:0;top:50%;width:20px;height:20px;margin:-10px 10px 0 0;width:20px;height:20px;text-indent:1000%;white-space:nowrap;background:url(/lll/nanum/site/img/common/radio_bg.png) no-repeat left top;overflow:hidden;}
input[type=radio]+label:after{opacity:0;position:absolute;left:0;top:50%;margin:-10px 0 0 0;width:20px;height:20px;text-indent:1000%;white-space:nowrap;background:url(/lll/nanum/site/img/common/radio_bg_on.png) no-repeat left top;overflow:hidden;}
input[type=radio]:checked+label:after{opacity:1;}

input[type=checkbox]+label:before{position:absolute;left:0;top:50%;width:20px;height:20px;margin:-10px 10px 0 0;width:20px;height:20px;text-indent:1000%;white-space:nowrap; background:url(/lll/nanum/site/img/common/check_bg.png) no-repeat left top; overflow:hidden;}
input[type=checkbox]+label:after{opacity:0;position:absolute;left:0;top:50%;margin:-10px 0 0 0;width:20px;height:20px;text-indent:1000%;white-space:nowrap;background:url(/lll/nanum/site/img/common/check_bg_on.png) no-repeat left top; overflow:hidden;}
input[type=checkbox]:checked+label:after{opacity:1;}

/*아이콘형 상단*/
.icon_top {position:relative; width:100%; background:#f6fafe; border:1px solid #d6eafa; text-align:center; padding:30px 0; margin-bottom:35px;}
.icon_top .tedge {position:absolute; top:0; left:0; width:35px; height:35px; background:url(/lll/nanum/site/img/common/tedge.png) no-repeat 50% 0px;}
.icon_top .bedge {position:absolute; bottom:0; right:0; width:35px; height:35px; background:url(/lll/nanum/site/img/common/bedge.png) no-repeat 50% 0px;}
.icon_top p {font-size:17px; color:#000; letter-spacing:-1px; padding-top:90px; line-height:160%; font-family:'NotoKrR';}
.icon_top p strong {margin-bottom:5px; display:inline-block;}
.icon_top p.icon0504 {background:url(/lll/nanum/site/img/common/top_icon0504.png) no-repeat 50% 0px;}
.icon_top p.icon0201 {background:url(/lll/nanum/site/img/common/top_icon0201.png) no-repeat 50% 0px;}
.icon_top p.icon0404 {background:url(/lll/nanum/site/img/common/top_icon0404.png) no-repeat 50% 0px;}
.icon_top p.circles {background:url(/lll/nanum/site/img/common/top_icon_circles.png) no-repeat 50% 0px;}
.icon_top p.teacher {background:url(/lll/nanum/site/img/common/top_icon_teacher.png) no-repeat 50% 0px;}



/********************모바일********************/
@media(max-width:736px){
	
h3.tit {font-size:20px; margin-bottom:20px; padding-bottom:13px; text-align:center; background-position:center bottom;}
h3.tit2 {font-size:20px; margin-bottom:20px; padding-bottom:13px; text-align:center; background-position:center bottom;}
h3.tit.h3_t,
h3.tit2.h3_t {margin-top:20px;}

/*아이콘형 상단*/
.icon_top {padding-left:15px; padding-right:15px; box-sizing:border-box;}
.icon_top p {font-size:14px;}
.icon_top p br {display:none;}
.icon_top p strong {display:block; text-align:center;}

.btn_w a,
.btn_w2 a {margin-bottom:10px;} 

.con_tab ul li a {margin-top:-1px;}
.con_tab ul.no3 li{width:50%;}
.con_tab ul.no4 li{width:50%;}
.con_tab ul.no5 li{width:50%;}

.lecture_cont .top p.txt br {display:none;}

/*모바일 스크롤*/
.mscroll {overflow-y:hidden; padding-bottom:20px;}
.mscroll_guide {padding:17px; color:#545454; border-radius:3px; box-shadow:1px 1px 7px #c7ced4; font-weight:600;}
.mscroll_guide img {display:inline-block; vertical-align:middle; margin-right:10px;}

}

/********************웹********************/
@media(min-width:737px){

.mscroll_guide {display:none;}

}