@charset "utf-8";


.tb_view{display:none !important}

/*학점은행안내*/
.img_box {margin:20px 0;text-align:center; padding:20px; }

.badge {border: 1px solid #ddd;padding: 10px;margin-top: 10px;background: #fafafa;}
.badge dt{display:table-cell;vertical-align: middle;padding: 10px 20px;text-align:center;font-weight: 600;background: #e7e7e7;line-height: 1.3;border-radius: 5px;width: 140px;box-sizing: border-box;}
.badge dd{display:table-cell;padding-left: 20px;}

.badge1 > li {/* border: 1px solid #ddd; */padding: 10px;margin-top: 10px; border-bottom:1px solid #dfdfdf}
.badge1 > li p{display:table-cell;vertical-align: middle;width:130px;height:130px;text-align:center;font-weight: 500;background: #dee7f1;line-height: 1.3;border-radius: 6px;font-size:16px;}
.badge1 > li p > span { display:block}
.badge1 > li div{display:table-cell;padding-left: 35px; vertical-align:middle}
.badge1 > li div > ul > li {position:relative;padding-left: 12px;}
.badge1 > li div > ul > li:before {position: absolute;left: 0;top: 12px;content: '';width: 4px;height: 4px;background: #585858;border-radius: 50%;transform: translateY(-50%);}


.box_text {background: url(../2019_images/common/bg_conthead.gif);padding: 5px;}
.box_text > span { position:relative;background:#fff;display: block;padding: 20px 100px;font-size: 17px;padding-left: 180px;}
.box_text > span:after {position: absolute;left: 50px;top: 50%;content: '';background:url(../2019_images/common/con_sp.png) no-repeat #cecece;background-position: -50px 10px;width: 80px;height: 80px;border-radius: 50%;transform: translateY(-50%);font-size:12px;} 

.gray_box {border:1px solid #dfdfdf; padding:30px; background:#efefef;}

.ex_box {border:1px solid #dfdfdf;background:#efefef;padding: 20px 30px;margin: 10px 0;}
.ex_box .ex_q {}
.ex_box .ex_a {margin-top:10px; color:#B64645}
.ex_box .ex_a > li {color:#B64645}

/*동일ip신청*/
.certificate_ip input[type=text],
.certificate_ip input[type=password],
.certificate_ip select{ height:38px; width:180px;border:1px solid #ccc; color: #666; }
.certificate_ip select.sw,
.certificate_ip input.sw{width:70px !important;}
.certificate_ip .inputAddress {width:410px !important; margin-top:10px;}
.certificate_ip .button {border:1px solid #ccc; margin: 0 5px;padding: 0 20px;font-size:16px;text-align:center;vertical-align: middle;line-height: 38px;display: inline-block; background:#F5F5F5; }

/*다운로드센터*/
.down_file {}
.down_file > li {position:relative;border:1px solid #efefef;text-align:center;padding: 20px;width: 23%;display:inline-block;margin-bottom: 10px;height: 230px;vertical-align: top;padding-bottom: 10px;}
.down_file > li > a { display:block}
.down_file > li > a>p {margin-top:10px; line-height:1.5;}
.down_file > li > a>p>strong {padding-bottom:10px;}
.down_file > li > a> span.btn {width: 80%;position: absolute;bottom: 20px;box-sizing: border-box;display: block;padding: 0;left: 50%;transform: translateX(-50%);}

/*사이트맵*/
.sitemap {font-size: 0;}
.sitemap div.tit {width:100%;font-size:20px;font-weight:500;text-align:center;border-bottom:2px solid #333;margin-bottom:30px;padding: 15px 0;}
.sitemap > li {position:relative;height: 300px;width:25%;padding: 22px;display:inline-block;margin-bottom: 10px;vertical-align: top;box-sizing: border-box;}


/*표-과목 목록*/
.subject_list > li {display:inline-block;padding: 0 5px; margin-left:0 !important; width:30%;}
.subject_list > .wid_li {width : 50%;}
span.term {display:block;box-sizing:border-box;/* border: 1px solid #ccc; */padding: 10px 30px;width: 200px; margin:0 auto; background:#dee7f1;}
span.term.bg_or{background:#fff9e5; border:1px solid #fff5ea}
.ex >i { border: 1px solid #ccc;font-size: 13px;padding: 0 10px;border-radius: 30px;background: #dfdfdf;margin-right: 5px;}

ul.term {}
ul.term > li {width: 250px;padding: 30px 0 30px;border:1px solid #dfdfdf;border-radius:3px;text-align:center;float: left;line-height: 1.3;height: 150px;box-sizing: border-box;margin-right: 20px;}
ul.term > li > span { display:block; margin-bottom:10px;}
ul.term > li.plus:after{content:'+';position: absolute;right: -25px;top: 45%;font-size:20px;font-weight:bold;}
ul.term > li.equals:after{content:'=';position: absolute;right: -25px;top: 45%;font-size:20px;font-weight:bold;}
ul.term > li:before{ display:none}

/*개인정보 처리방침*/
.con_box.policy > p {margin-top:10px;display:block;color:#111}
.con_box.policy > h1{margin:30px 0 10px 0;color:#111;font-size:18px;font-weight:600}

.policy_tit{margin:30px 0 10px 0;color:#111;font-size:18px;font-weight:500}
/*.policy_txt{margin-top:10px;display:block;color:#111}*/

[class^="policy_ol"]{counter-reset:section;margin-top: 0;}
[class^="policy_ol"] > li{position:relative;margin-top:6px;padding-left:25px;color:#4c4c4c}
[class^="policy_ol"] > li:before{content:counter(section)'.';counter-increment:section;display:inline-block;position:absolute;top:0;left:0;width:22px;text-align:right;}
.policy_ol_circl > li{margin-top: 0;padding-left:20px;}
.policy_ol_circl > li:before{content:counter(section);top: 8px;border:1px solid #737373;width:14px;height:14px;font-size:11px;border-radius:15px;text-align:center;line-height:16px;}
.policy_list > li{position:relative;padding-left:13px;color:#4c4c4c}
.policy_list > li:before{content:'-';display:block;position:absolute;top:0;left:0}


/*교육원소개*/
.about_wrap{}
.about { padding:50px 0 50px 500px; background:url(/2019_images/common/introduce_img01.png) no-repeat left center}
.about p.title {font-size: 30px;margin-bottom:40px;line-height: 1.3;color: #000;}
.about p.title>span { display:block}
.about p.title>span strong{ font-weight:600;}
.about > ul {}
.about > ul > li{font-size:18px;}
.about p.txt {font-size:18px; margin-top:20px;}



/*평가인증*/
.approval_wrap{}
.approval{padding:50px 0;}
.approval dl{font-size:0}
.approval dl dt{display:inline-block;font-size:0;width: 500px; text-align:center}
.approval dl dd{display:inline-block;width: 55%;vertical-align: top;}

.approval p.title {font-size: 30px;margin-bottom:40px;line-height: 1.3;color: #000;}
.approval p.title>span { display:block}
.approval p.title>span strong{ font-weight:600;}
.approval p.txt {font-size:18px; margin-top:20px;}

/*찾아오시는 길*/
.map_wrap{}
.map{}
.map dl{font-size:0}
.map dl dt{text-align:center;overflow: hidden;}
.map dl dd{}
.map .location_info {margin-top:20px;border:1px solid #dfdfdf; padding:10px;}
.map .location_info > ul >li {display:inline-block;vertical-align:top;padding: 10px 35px;box-sizing: border-box;}
.map .car> li > strong { display:block}

/*엠러닝 사용법*/
.eml_img_ex {margin-left:10px; overflow:hidden}
.eml_img_ex > span { float:left}
.eml_img_ex > ol { float:left}

.eml_sp{margin-left:10px;}
.eml_sp > ol { overflow:hidden}
.eml_sp > ol > li {float:left;margin:0;padding: 0;width: 50%;box-sizing: border-box;margin-bottom: 20px;}
.eml_sp > ol > li .img{ float: left;padding-right: 20px;}
.eml_sp > ol > li .img_1{ float: left;padding-right: 20px; margin-bottom : 50px;}
.eml_sp > ol > li .txt{}
.eml_sp > ol > li .txt_1{font-size : 16px;}

.install_area {padding-top: 20px;}
.install_area > ol { overflow:hidden}
.install_area > ol > li {float:left;margin:0;padding: 0;width: 20%;box-sizing: border-box;margin-bottom: 40px;}
.install_area > ol > li .img { text-align:center }
.install_area > ol > li .img > img{width:200px;}
.install_area > ol > li .txt {line-height:1.3; height:100px; overflow:hidden;padding:0 10px;}
.install_area > ol > li .txt > span{display:block;font-weight:600;padding-bottom:10px;font-size: 18px;}

.cf_area {padding-top: 20px;}
.cf_area > ol { overflow:hidden}
.cf_area > ol > li {margin:0;padding: 0;box-sizing: border-box;margin-bottom: 40px;}
.cf_area > ol > li .img { text-align:center }
.cf_area > ol > li .img > img{width:auto;}
.cf_area > ol > li .txt {line-height:1.3; overflow:hidden;padding:0 10px 20px;}
.cf_area > ol > li .txt > span{display:block;font-weight:600;padding-bottom:10px;font-size: 18px;}
.cf_area > ol > li > ol { display:flex}
.cf_area > ol > li > ol > li { flex:1; margin-left:20px}
.cf_area > ol > li > ol > li > img {width:100%}

/*학사일정*/
.btn_box {position: relative;overflow: hidden;background: #fff;margin: 0;padding: 20px 50px;}

.btn_box .con_l {float: left;font-size: 1.5rem;font-weight: bold;}

.btn_box .con_r {float: right}

span.go {width: 18px;height: 18px;background: url(../2020_images/sub/btn_linkG.png) no-repeat;display: inline-block;vertical-align: middle;margin-left: 22px;}

.btn_link {display: inline-block;border: 1px solid #ddd;padding: 10px;}

.calendar {}
.calendar_top {}
.calender_top .month {text-align: center;font-size: 1.7rem;font-weight: 700;}
.calendar {margin-top:30px;box-sizing: border-box;  table-layout: fixed;}
.calendar thead th {border:1px solid #d5d5d5;padding:10px;background:#f8f9fa;font-weight: 400;font-size: 1.2rem; text-transform: uppercase;}
.calendar .fc-sun,
.calendar tbody td:first-child {color:#f00}
.calendar tbody td{border:1px solid #d5d5d5;height: 180px;vertical-align: top; position:relative; padding-top:40px}
.calendar tbody td > span { position:absolute; left:10px; top:10px}
.calendar tbody td .schedule {}
.calendar tbody td .schedule li {padding: 2px 5px;border-radius: 2px;margin-bottom: 10px;color: #fff;text-align: center;}
.calendar tbody td .schedule li.style1{background:#ec4561}
.calendar tbody td .schedule li.style2{background:#02a499}
.calendar tbody td .schedule li.style3{background:#626ed4}
.calendar tbody td .schedule li.style4{background:#f8b425}
.calendar tbody td .schedule li.style5{background:#2196f3}
.calendar tbody td .schedule li.style6{background:#ff9800}
.calendar tbody td .schedule li.style7{background:#8bc34a}
.calendar tbody td .schedule li:before { display:none}
.calendar tbody td .schedule li > a {display:block; color:#fff}

.scroll_box {overflow-x:auto}

/* 회원가입 */
.join_step {}
.join_step li {display:inline-block;text-align:center;width: 33.333%;box-sizing: border-box;font-size: 20px;background: #eeeeee;position: relative;height: 66px;line-height: 66px;}
.join_step li:first-child{margin-left:0;}

.join_step li:after {content: '';display:inline-block; position:absolute; top:0; right:0; width:17px; height:66px;background:url(../2020_images/sub/step_after.gif) no-repeat;}
.join_step li.on:before {content: '';display:inline-block; position:absolute; top:0; left:-17px; width:17px; height:66px;background:url(../2020_images/sub/step_before_on.gif) no-repeat;}
.join_step li.on:after {content: '';display:inline-block;position:absolute;top:0;right:0;width:17px;height:66px;background:url(../2020_images/sub/step_after_on.gif) no-repeat;}
.join_step li.on {background: #034273;color:#fff;}
.join_step li:last-child:after {display:none}

/* 학점 및 자격증 신청 */

.reg_a li p {font-weight:bold; padding-bottom : 20px; font-size : 20px;}
.reg_a li .imag {text-align:center; padding-bottom : 60px;}
.reg_a li img {width: 80%; height: auto;}
.reg_a li img.size_60 {width: 60%; height: auto;}
.reg_a li img.size_40 {width: 40%; height: auto;}
.reg_a_align {padding-left : 17px;}
.reg_a_align_1 {padding-left : 11px;}

.reg_b {list-style:none; list-style-type:none;}
.reg_b > li {padding-bottom : 60px;}
.reg_b li p {font-weight:bold; padding-bottom : 20px; font-size : 20px;}
.reg_b li p.con {padding-bottom : 0px;}
.reg_b li > .con_c1 {padding-left : 17px; padding-bottom : 20px;}
.reg_b li ol > .con_box_1 {padding-left : 32px;} 
.reg_b > li>ol>li {padding : 0px 0px 17px 5px;}
.reg_b > li>ol>li > i {display:inline-block; text-indent:-20px}
.reg_b > li>ol>li>div {padding-left : 17px;}
.reg_b > li>ol>li>div>span>span {padding-left : 20px;}
.reg_b li ol.box1 {padding : 0px 0px 17px 140px;}
.reg_b li p.imag {font-weight:bold; padding-bottom : 20px; text-align : center;}
.reg_b li p img {width: 70%; height: auto;}
.reg_b li p img.size_8 {width: 80%; height: auto;}
.reg_title_text{font-size:24px; font-weight:bold;}

.reg_text_blue{color:blue;}
.reg_text_red{color:red;}


.reg_c_th {text-align:center}
.reg_c_th_con {text-indent: 1em; padding-bottom : 17px;}

/* 텝 */
	.tab_warp {position: relative;}
	.tab_warp > .btn_tab {/* border:1px solid #d2d2d2; */width:100%;text-align: center;margin-bottom: 50px;}
	.tab_warp > .btn_tab > li {/* float:left; */width:50%;padding-left:0;margin-bottom:0;/*  border-left:1px solid #d2d2d2; */width: 19%;display: inline-block;}
	.tab_warp > .btn_tab > li:first-child {border-left:none;}
	.tab_warp > .btn_tab > li:before{display:none}
	.tab_warp > .btn_tab > li > a {display:block;font-size:17px; text-align:center; background:#f6f6f6; color:#000;line-height:50px; border-radius:30px}
	.tab_warp > .btn_tab > li.active > a{background:#13345a; color:#fff}
	.tab_con_wrap{position:relative;margin:0;}
	.tab_con{display:none;}
	.tab_con.active{display:block;}
	
	
	.tab_warp {position: relative;}
	.tab_warp > .btn_tab1 {width:100%;text-align: center;margin-bottom: 50px;}
	.tab_warp > .btn_tab1 > li {width:50%;padding-left:0;margin-bottom:0;width: 19%;display: inline-block;}
	.tab_warp > .btn_tab1 > li:first-child {border-left:none;}
	.tab_warp > .btn_tab1 > li:before{display:none}
	.tab_warp > .btn_tab1 > li > a {display:block;font-size:17px; text-align:center; background:#f6f6f6; color:#000;line-height:50px; border-radius:30px; cursor:pointer}
	.tab_warp > .btn_tab1 > li.active > a{background:#13345a; color:#fff}

@media (min-width: 1200px) {
  .inner {max-width: 1200px;}
}
@media (max-width: 767.98px) {
	.tb_hidden{display:none !important}
	.tb_view{display:block  !important}
	.header_top{ display:none}
	#content {padding: 0 1% 20px 1%; width : 98%;}
	
	.img_box > img {width:100%; }
	
	.badge { }
	.badge dt{display:block; width:100%;}
	.badge dd{display:block;padding: 0;margin-top: 10px;}
	
	.badge1 > li { }
	.badge1 > li p{display: block;width: 100%;height: auto;margin-bottom: 10px;padding: 10px 0;}
	.badge1 > li p > span { display: inline-block}
	.badge1 > li div{padding-left: 15px;}
	.badge1 > li div > ul > li { }
	.badge1 > li div > ul > li:before { }
		
	.box_text {}
	.box_text > span {padding: 15px;font-size: 14px;}
	.box_text > span:after {display: none;}
	
	/*학점은행안내*/
	.img_box { }
	
	.badge { }
	.badge dt{ }
	.badge dd{ }
	
	.badge1 > li { }
	.badge1 > li p{ }
	.badge1 > li p > span {  }
	.badge1 > li div{ }
	.badge1 > li div > ul > li { }
	.badge1 > li div > ul > li:before { }
	
	
	.box_text { }
	.box_text > span {  }
	.box_text > span:after { }
	
	.gray_box { }
	
	.ex_box {padding:15px;}
	.ex_box .ex_q { }
	.ex_box .ex_a { }
	.ex_box .ex_a > li {padding-left: 15px !important;margin: 0;}

	
	/*표-과목 목록*/
	.subject_list > li {width: auto;vertical-align:top;margin-right: 8px;}
	span.term { }
	span.term.bg_or{ }
	.ex >i {  }
	
	ul.term {}
	ul.term > li {margin-bottom: 30px;width: 20%;padding: 20px 0;}
	ul.term > li > span {width: 50px;height: 50px;margin: 0 auto;}
	ul.term > li > span > img {width:100%;}
	ul.term > li.plus:after{right: -20px;z-index: 5;}
	ul.term > li.equals:after{right: -20px;z-index: 5;}
	ul.term > li:before{  }

	/*교육원소개*/
	.about_wrap{}
	.about {background-position: 100%  -100px;padding: 0;background-size: 200px;}
	.about p.title {font-size: 22px;padding-right: 100px;margin-bottom: 25px;}
	.about > ul > li{font-size: 16px;}
	.about p.txt {font-size: 16px;}
	
	.why_img > img {width:100%;}

	/*평가인증*/
	.approval_wrap{ }
	.approval{padding: 20px 0;}
	.approval dl{  }
	.approval dl dt{width: 250px;}
	.approval dl dd{padding-left: 20px;box-sizing: border-box;}
	
	.approval p.title {font-size: 22px;margin-bottom: 20px;}
	.approval p.title>span {  }
	.approval p.title>span strong{  }
	.approval p.txt {font-size: 16px;margin-top: 10px;}
	
	/*찾아오시는 길*/
	ul.car > li {margin-bottom: 10px;}
	.map dl dt >img{width: 100%;}
	.map .location_info > ul >li {padding: 5px;}
	
	/*다운로드센터*/
	.down_file {}
	.down_file > li {width:41%; }
	.down_file > li > a>p { }
	.down_file > li > a>p>strong { }
	.down_file > li > a> span.btn {  }
	
	/*엠러닝 사용법*/
	.eml_img_ex { }
	.eml_img_ex > span {margin-right: 15px;}
	.eml_img_ex > ol {float: none;}
	
	.eml_sp{ }
	.eml_sp > ol { }
	.eml_sp > ol > li {width:100%;}
	.eml_sp > ol > li .img{ }
	.eml_sp > ol > li .txt{ }
	
	.install_area { }
	.install_area > ol { }
	.install_area > ol > li {width: 50%;}
	.install_area > ol > li .img { }
	.install_area > ol > li .img > img{ }
	.install_area > ol > li .txt { }
	.install_area > ol > li .txt > span{ }
	
	p.img > img {width:100%;}
	
	/*학사일정*/
	.box_text .btn_box{padding: 20px 0;}
	.box_text .btn_box .con_l {float: none;}
	.box_text .btn_box .con_r {float: none;margin-top: 20px;}
	.box_text .btn_box .con_r > a {margin-bottom:5px; width:80%}
	.calendar {width:900px}
	.calendar tbody td {height:90px;}

	/* 학점 및 자격증 신청 */
	.reg_a li p {font-size : 15px;}
	.reg_b li p {font-size : 15px;}
	.reg_title_text{font-size:20px; font-weight:bold;}
	.reg_b li ol.box1 {padding-left : 60px;}

	/*사이트맵*/
	.sitemap div.tit{padding: 5px 0;margin-bottom: 20px;border: none;background: #dfdfdf;font-size: 18px;}
	.sitemap > li {width: 50%;height: auto;}

	/* 텝 */
	.tab_warp { }
	.tab_warp > .btn_tab {margin-bottom: 30px;}
	.tab_warp > .btn_tab > li {width: 100%;display: block;margin-bottom: 5px;}
	.tab_warp > .btn_tab > li > a {font-size: 14px;line-height: 30px;height: 30px;padding: 0 10px;}

	.tab_warp > .btn_tab1 {margin-bottom: 30px;}
	.tab_warp > .btn_tab1 > li {width: 100%;display: block;margin-bottom: 5px;}
	.tab_warp > .btn_tab1> li > a {font-size: 14px;line-height: 30px;height: 30px;padding: 0 10px;}
	
}

@media (max-width: 575.98px) {
	.mb_hidden{display:none}
	.about {background-position: 110% -14px;background-size: 120px;}
	.about p.title {padding-right: 90px;margin-bottom: 25px;font-size: 20px;}
	.about > ul > li{font-size: 14px;}
	.about p.txt {font-size: 14px;}
	
	.approval{padding: 20px 0;}
	.approval dl dt{width: 100%;}
	.approval dl dd{width: 100%;margin-top: 20px;padding: 0;}
	
	.approval p.title {font-size: 20px;}
	.approval p.txt {font-size: 14px;margin-top: 10px;}
	
	.sitemap div.tit{font-size: 16px;}
	.sitemap > li {width: 100%; padding:0; height:auto}
	.sitemap .li_sp1 > li {width: 45%;float: left;}
	
	/*표-과목 목록*/
	.subject_list > li {width: auto;vertical-align:top;margin-right: 8px; font-size:12px}
	span.term { }
	span.term.bg_or{ }
	.ex >i {  }
	
	ul.term {}
	ul.term > li {height: auto;margin-right: 0;margin-bottom: 30px;width: 100%;padding: 20px 0;}
	ul.term > li > span { }
	ul.term > li.plus:after{top: unset;bottom: -28px;left: 47%;right: unset;}
	ul.term > li.equals:after{right: unset;top: unset;left: 48%;bottom: -29px;}
	
	.down_file {}
	.down_file > li {width:100%;box-sizing: border-box;}
	.down_file > li > a>p { }
	.down_file > li > a>p>strong { }
	.down_file > li > a> span.btn {  }
	
	
	/*엠러닝 사용법*/
	.eml_img_ex { }
	.eml_img_ex > span {float:none; display:block; text-align:center; margin:0}
	.eml_img_ex > ol {margin-top:15px;}
	.eml_img_ex > ol > li {margin:0; padding-bottom:5px}
	
	.eml_sp{ }
	.eml_sp > ol { }
	.eml_sp > ol > li {width:100%;}
	.eml_sp > ol > li .img{display: block;float: none; text-align:center}
	.eml_sp > ol > li .img > img {width:auto;}
	.eml_sp > ol > li .txt{ }
	
	.install_area > ol > li {width: 100%;}
	
	
	
}

/* @media (max-width: 991.98px) {
}
@media (max-width: 1199.98px) {
}

 */