@charset "utf-8";

/* reset */
body{font-family: 'IBMPlexSansKR-Regular'; background: #eeeeee; color:#111111;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,nav,aside,section,article,footer, figure{font-family: 'IBMPlexSansKR-Regular';margin:0; padding:0; font-size: 12px;}
table {border-collapse:collapse; border-spacing:0;font-family: 'IBMPlexSansKR-Regular'; color:#111111;}
input, select, textarea {vertical-align:top; padding:0 6px; font-family: 'IBMPlexSansKR-Regular'; color:#111111;}
input[type=radio] {vertical-align:middle !important;}
select { font-size: 14px; color:#111111;}
input[type=text],input[type=tel],input[type=email],input[type=password],input[type=file],select, textarea{height: 26px; line-height: 26px; border: 1px solid #cccccc; font-size: 12px; color: #000000;}
select{height: 28px; line-height: 28px; border: 1px solid #cccccc; font-size: 12px; color: #000000;}
input[type=tel]{text-align: center;}
input[type=checkbox]{margin-top: 5px;}
fieldset,img {border:0; vertical-align:top;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul {list-style: none; }
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight:normal; margin:0; padding:0; clear:both;}
q:before,q:after {content:"";}
a{outline:1; text-decoration:none; color:#000000;}
em {font-style:normal; }


/*-----HEADER-----*/
.headerWrap{text-align: center; background-image: linear-gradient(var(--set_color1),#ba0052);}
#header{width: 100%; height: 70px; display: block; transition: all 0.5s;}
#header h1{font-family: 'S-CoreDream-4Regular'; height: 70px; line-height: 80px; font-size: 22px; color: #fff; font-weight: bold; display: block;}
#header h1 a{color: #fff; letter-spacing:-1.5px;}
#header h1 a img{padding-top:12px;}

.btnCall{position:absolute; top:25px; right:20px;}
.btnCall>.fa-bars{font-size:24px; color:#fff;}

.gnbMo{position:fixed; top:0px; left:-100%; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:999; transition: all 0.5s;}
.gnbMo.on{left:0px;}
#gnbMo{padding: 0;}
	#gnbMo>li{width: 50%; float: left; border-bottom: 1px solid #666;}
	#gnbMo>li:nth-of-type(2n)>a{border-left: 1px solid #666;}
#gnbMo>li>a{width:99%; background:rgba(0,0,0,0.7); font-size: 14px; line-height: 2.5; color:#fff; text-align: left; text-indent: 20px; display:block;}
	
	.user{width: 100%; border-bottom: 1px solid #666; padding: 20px 0; background: var(--set_color1); text-align: left;}
	.user .info{}	
	.user .info>div{font-weight: bold; color: #fff; padding-left: 20px; display: block;}
	.user .button{ text-align:center; padding-top: 20px;}
	.user .button a{font-size: 12px; background: #fff; color: #333; text-align: center; border-radius: 5px; margin: 0 auto; padding:8px 20px;}
	.user>a.btnCall{width: 18px; height: 18px; line-height: 18px; font-size: 18px; color: #fff; background:none; margin-top: -3px;}

.home{position: absolute; top: 25px; left: 20px; }
.home>.fa-home{font-size: 24px; color: #fff;}


.titleText{width: 100%; text-align: center; font-size: 14px; color: #333; font-weight: bold; margin-bottom: 10px;}

.menu{width: 100%;}
.menu td{width: 33.3%; border: 1px solid #ccc; line-height: 1.2; box-sizing:border-box; padding:15px 10px; vertical-align: top;}
.menu td>a{width: 100%; font-size: 13px; font-weight: bold; color: #333; text-align: center; vertical-align: top; display: block; letter-spacing: -1px;}
.menu td>a>i{font-size: 40px; margin-bottom: 10px; color: var(--set_color1);}
.menu td>.ready{text-align:center; color:#cc0000; letter-spacing:-1.2px;}

.ready{width: 100%;}
.ready th{width: 33.3%; border: 1px solid #ccc; box-sizing:border-box; text-align:center; background:#eeeeee; height:30px;}
.ready td{border: 1px solid #ccc; box-sizing:border-box; text-align:center; line-height:14px; padding: 2px 0;}



#contents {background: #ffffff; min-height:700px;}
#contents h2{font-family: 'S-CoreDream-4Regular'; font-size: 18px; color: var(--set_color1); font-weight: bold; position: relative; padding:20px 0 0 10px;}
#contents h2>a{float: right; margin-right: 6px; color:var(--set_color1); font-weight:bold;}
#contents h2>a.map{width: 90px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; font-weight: normal; color: #fff; background: #525252; display: inline-block; border-radius: 5px; margin: 0;}

.main_notice {width: 100%; box-sizing: border-box;}
.main_notice>ul{padding:10px;}
.main_notice>ul>li{display: table; table-layout: fixed; width: 100%; white-space: nowrap; line-height:18px; border-bottom: 1px dashed #ccc; padding:6px 0; }
.main_notice>ul>li>div{display: table-cell; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_notice>ul>li>div>a>span{border-radius: 5px; width: 50px !important; height: 18px; line-height: 18px; font-size:11px; text-align: center; color: #ffffff; float: left; margin-left: 10px; margin-right: 6px;}

.bbs_list {width: 100%; box-sizing: border-box; padding:0 10px 0 10px;}
.bbs_list>ul{margin-top: 5px; border-top: 1px dashed #ccc;}
.bbs_list>ul>li.bbs_list_top {background:var(--set_color3); border-bottom:1px solid #cccccc;}
.bbs_list>ul>li{display: table; table-layout: fixed; width: 100%; white-space: nowrap; line-height:18px; border-bottom: 1px dashed #ccc; padding:6px 0; }
.bbs_list>ul>li>div{display: table-cell; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_list>ul>li>div>a>span{border-radius: 5px; width: 50px !important; height: 18px; line-height: 18px; font-size:11px; text-align: center; color: #ffffff; float: left; margin-left: 10px; margin-right: 6px;}
.bbs_list>ul>li>div>a>span.p1{background: var(--set_color1);}
.bbs_list>ul>li>div>a>span.p2{background: var(--set_color2);}
.bbs_list>ul>li>div>a>span.p3{background: var(--set_color3);}
.bbs_list>ul>li>div>a>span.p4{background: #c0cdef;}
.bbs_list>ul>li>div>a>span.p5{background: #8aa7cf;}


.list{width: 100%; display: block;}
.list li{border-bottom: 1px dashed #ccc; padding: 5px 0 5px 10px; display: block;}
.list li>a{display: block;}
.list li>strong{margin-bottom: 5px; display: block;}
.list li>input[type=text]{margin-bottom: 5px;}

.view{width: 100%;}
.view th{border-bottom: 1px solid #ccc; padding: 5px 0;}
.view td{border-bottom: 1px solid #ccc; padding: 5px 0;}
.view td>a.btnMore{background: #64bfe2; color: #fff; font-size: 11px; line-height: 11px; padding: 3px 5px; border-radius: 3px;}


.schedule {width: 100%; background: #fff; box-sizing:border-box;}
.schedule h2{font-size: 16px; font-weight: 600; line-height: 1.5; color: #333; margin-bottom: 10px;}
.schedule h2.day{color: #255aa7;}
.schedule span.basic{line-height: 1.5; display: block;}
.schedule span.colorBlue{color: #255aa7; text-align: center; display: block;}
.schedule span.colorBlueLeft{color: #255aa7; display: block;}
.schedule span.alignCenter{text-align: center; display: block;}
.schedule span>span.snsTag{color: #255aa7;}
.schedule span.snsTag+span.snsTag{margin-left: 5px;}
.schedule h3{font-weight: 600; line-height: 1; color: #333; margin: 20px 0 10px 0;}



.write{width: 100%; border-top: 1px solid #ccc; display: block;}
.write li{border-bottom: 1px solid #ccc; padding: 5px 0;}
.write li>textarea{height: 100px;}

.listView{width: 100%; border-top: 1px solid #ccc; display: block;}
.listView li{border-bottom: 1px solid #ccc;}
.listView li.title{font-size: 16px; box-sizing: border-box; padding: 10px; background:var(--set_color2); color:#ffffff; font-weight:bold;}
.listView li.title>span{font-size: 13px; color: #aaa; display: inline-block;}

.listView li.writerInfo{box-sizing: border-box; padding: 6px 10px; color: var(--set_color1); background:#eeeeee;}
.listView li.writerInfo span{float: right; font-size: 11px; color: #aaa;}

.listView li.conts{box-sizing: border-box; padding: 10px; font-size: 13px;}
.listView li.conts>img{width: 100%;}

.image2 {

	border-radius:5px;
	height:100px;
	
	background: no-repeat;
	background-size:cover;
	background-position: center center;
}

.image3 {

	margin:5px;
	border-radius:5px;
	height:128px;
	
	background: no-repeat;
	background-size:cover;
	background-position: center center;
}

.image4 {

	margin:5px;
	border-radius:5px;
	width:50px;
	height:50px;
	
	background: no-repeat;
	background-size:cover;
	background-position: center center;
}

.wrapPage{width: 100%; display: block;}
.wrapPage table{margin: 0 auto;}
.wrapPage a{font-size: 13px; padding: 5px; display: block; text-align: center;}
.wrapPage i{font-size: 16px; padding: 3px 0 0 0;}

.wrapPage .page{margin: 0 auto;}
.wrapPage .page a{font-size: 13px; padding: 8px 10px; line-height: 1; display: block;}
.wrapPage .page a.on{background: var(--set_color3); color:#efefef;  border-radius: 6px; }
.wrapPage .page i{font-size: 18px;}

.map{width: 100%; height: 400px; margin-top: 5px; background: black; position: relative;}
.map .location{width: 280px; height: 160px; background: url(../img/bg_course.png) no-repeat; background-size: contain; box-sizing: border-box; padding: 15px 10px; position: absolute;}
.map .location .title{font-size: 16px; font-weight: bold; color: #333; line-height: 1.6; border-bottom: 1px dashed #ccc; padding-bottom: 5px;}
.map .location .info{width: 100%; display: block; margin-top: 10px;}
.map .location .info li{float: left; display: block;}
.map .location .info li.address{width: 70%;}
.map .location .info li.photo{width: 30%;}
.map .location .info li.photo>span{width: 60px; height: 60px; background-size: cover; display: block; float: right;}


/*btn*/
.btn{width: 100%; display: table;}
.btn a{height: 30px; line-height: 30px; text-align: center; border-radius: 5px; margin-top: 5px; display: inline-block; color: #aaa;}
.btn a+a{margin-left: 5px;}
.btn a.color1{background: var(--set_color1); color: #ffffff; text-decoration:none !important;}
.btn a.small_color1{height: 20px; line-height: 20px; background: var(--set_color1);; color: #ffffff !important; text-decoration:none !important; font-size:10px !important;}
.btn a.blue{background: #0075a6; color: #fff; text-decoration:none !important;}
.btn a.gray{background: #eee; color: #0075a6; text-decoration:none !important;}
.btn a.red{background: #ff0100; color: #ffffff;  text-decoration:none !important;}
.btn a.w30{width: 30px;}
.btn a.w50{width: 50px;}
.btn a.w70{width: 70px;}
.btn a.w100{width: 100px;}
.btn .fl{float: left;}
.btn span{margin-left: 5px; height: 30px; line-height: 30px; margin-top: 5px;}
.btnC{text-align: center;}
.btnR{text-align: right;}
.btnW100 a{width: 100%; display: block;}




/*footer*/
#footer{width: 100%; padding-top:14px; height:70px; background:#1a2a36; color:#cccccc;}
#footer li{width: 100%; text-align: left; font-size: 12px;}
#footer li a{padding: 0 10px; font-size: 12px; color:#cccccc;}
#footer li a+a{border-left: 1px solid #cccccc;}
#footer .company{padding:6px 0 0 10px; color:#eeeeee;}


/*----------bottom----------*/
#bottom{ width: 100%; background: #1a2a36; box-sizing: border-box; padding: 22px 12px; position: relative; color:#cccccc; line-height:22px; font-size:12px;}
#bottom>li:nth-child(1)>a{display: inline-block; color: #333; line-height: 1; font-weight: 600; color:#ffffff;; padding-bottom:16px; font-size:14px;}
#bottom>li:nth-child(1)>a:nth-child(1){padding-right: 10px;}
#bottom>li:nth-child(1)>a+a{padding: 0 10px; border-left: 1px solid #aaaaaa;}
#bottom>li>span+span{margin-left: 15px;}
#bottom>li.copyright{font-size: 12px; padding-top:10px;}