@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');

/* reset */
body {
	font-family:'Noto Sans KR',NanumGothic,'나눔고딕','돋움',dotum, sans-serif;	
	font-weight:400;
	font-size:14px;
	line-height:1.6;
	color:#444444;	
	margin:0;
	padding:0;	
	letter-spacing:-0.5px;
	-webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
}/*overflow-x: hidden;*/

*:focus{outline:none; }

button{cursor:pointer; font-family:inherit; border-radius:2px;}
button:focus{outline:none;}

textarea{font-family:inherit; border-radius:2px; border:1px solid #aaaaaa; vertical-align:top;}
textarea:focus{outline:none;}

input{font-family:inherit; border-radius:2px; border:1px solid #aaaaaa; background-color:#ffffff;}
input:focus{outline: none;}

fieldset{border:none;}

legend{font-size:0; height:0; width:0;}

select{font-family:inherit; border-radius:2px; background-color:#ffffff;}
select::-ms-expand{display: none; }

img{border:none;}

br{letter-spacing: 0; font-family:NanumGothic,'나눔고딕', sans-serif;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption
{
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}

table{width:100%; border-collapse:collapse; border-spacing:0;}
table caption{font-size:0; text-indent:-999999px;} 


strong, b, h1, h2, h3, h4, h5, h6, th{font-weight:500;}
em,i,address{font-style:normal;}
a{text-decoration:none; color:#444444;}
*{box-sizing:border-box;}



/***layout***/
.wrap{width:100%;  height:100%; font-family:'Noto Sans KR', sans-serif; min-width:1200px;}
header{width:100%;}
main{width:100%;}
footer{width:100%; padding:20px 0 80px; position:relative; color:#777777;}

/***common***/
.wrap img{display:block; max-width:100%; vertical-align:top; margin:0 auto;}
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content: ''; zoom:1; display:block; clear:both;}
.inner{width:1200px; padding:0 15px; margin:0 auto; }
.main_container{padding-top:40px; padding-bottom:80px;}
.main_container>div+div{margin-top:60px;}

/*prev-next 페이지 버튼 공통*/
.prev_next_page{text-align:center; font-size:0; margin-top:60px;}
.prev_next_page>*{display:inline-block; vertical-align:top;}
.prev_next_page>span{margin:0 7px;}
.prev_next_page>span>a{display:inline-block; font-size:14px; padding:2px 7px; }
.prev_next_page>span>a.on{color:#1158a4; font-weight:500;}
.prev_next_page>a.btn_page{width:26px; height:26px; background-position:0 0; background-repeat:no-repeat;}
.prev_next_page>a.first_page{background-image:url("../images/common/btn_first.jpg");}
.prev_next_page>a.prev_page{background-image:url("../images/common/btn_prev.jpg"); margin-left:3px;}
.prev_next_page>a.next_page{background-image:url("../images/common/btn_next.jpg");}
.prev_next_page>a.last_page{background-image:url("../images/common/btn_last.jpg"); margin-left:3px;}

/*decoration common*/
.text_point{position:relative; padding-left:6px;}
.text_point:before{content:''; width:2px; height:2px; display:block; background-color:#444444; border-radius:100%; position:absolute; left:0; top:10px;}



/* header header_wrap01 PC / 가로 1201px 이상*/
/*common*/
.header_wrap01{width:100%; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease;}
/*top_menu*/
.top_menu{padding:11px 0; background-color:#e4eff8; border-bottom:1px solid #d0deee; border-top:1px solid #d0deee;}
.top_menu ul:first-child{float:left;}
.top_menu ul:last-child{float:right;}
.top_menu ul>li{float:left; position:relative;}
.top_menu ul>li+li{padding-left:8px; margin-left:7px;}
.top_menu ul>li+li:before{ content:''; width:1px; height:12px; display:block; background-color:#999999; position:absolute; left:0; top:7px;}
.top_menu ul>li>a{display:block; font-weight:500;}
.top_menu ul>li>a:hover{color:#1158a4;}
.top_menu ul>li>a span{color:#cf0000;}

/*middle 로고, 로그인 form*/
.middle{padding:27px 0; border-bottom:1px solid #cccccc;}

/*로고*/
.middle h1{float:left; width:254px; }
.middle h1>a{display:block; width:100%;}
.middle h1>a>img{width:100%;}

/*로그인 form*/
.id_pw_wrap{float:right; margin-top:1px;}
.id_pw_wrap>*{display:inline-block; vertical-align:middle;}
.id_pw_wrap>div+div{margin-left:18px;}
.id_pw_form input, .id_pw_form button, .id_pw_form label{display:inline-block; vertical-align:middle;}
.id_pw_wrap .input_login{padding:6px 10px; width:160px; font-size:16px; color:#555555; background-color:#f5f9fd; margin-right:5px;}
.id_pw_wrap .btn_login{padding:6px 12px; font-size:16px; color:#ffffff; background-color:#1b66b8;  border:1px solid #1b66b8; }
.id_pw_wrap .btn_login:hover{background-color:#3b86d6;  border:1px solid #3b86d6;}
.id_pw_wrap a{float:left; display:block; color:#666666; position:relative;}
.id_pw_wrap a+a{padding-left:8px; margin-left:7px;}
.id_pw_wrap a+a:before{ content:''; width:1px; height:12px; display:block; background-color:#999999; position:absolute; left:0; top:7px;}

/*로그인 후 노출 내용*/
.id_pw_on_wrap{float:right; margin-top:1px;}
.id_pw_on_wrap>*{display:inline-block; vertical-align:middle;}
.id_pw_on_wrap>div+div{margin-left:18px;}
.membership_data>*{display:inline-block; vertical-align:middle;}
.membership_data>div>*{display:inline-block; vertical-align:middle;}
.membership_data p{ font-size:18px; position:relative; letter-spacing:-1px;}
.membership_data p+p{margin-left:15px; padding-left:15px;}
.membership_data p+p:before{content:''; width:1px; height:12px; display:block; background-color:#999999; position:absolute; left:0; top:8px;}
.membership_data p span{font-weight:500;}
.membership_data p:first-child>span{color:#1158a4;}
.membership_data p:last-child>span{color:#cf0000;}
.membership_data .btn_logout{padding:6px 12px; font-size:16px; color:#ffffff; background-color:#666666;  border:1px solid #666666; border-radius:2px;
		margin-left:20px;}
.membership_data .btn_logout:hover{background-color:#888888;  border:1px solid #888888; }
.head_my_menu>a{display:inline-block; width:90px;  font-size:16px; padding:6px 0; border-radius:2px; text-align:center; color:#ffffff;
		border:1px solid #ed2c2d; background-color:#ed2c2d; }
.head_my_menu>a:hover{background-color:#ff6600;  border:1px solid #ff6600;}
.head_my_menu>a+a{background-color:#1b66b8;  border:1px solid #1b66b8;}
.head_my_menu>a+a:hover{background-color:#3b86d6;  border:1px solid #3b86d6;}

/*bottom gnb 메뉴*/
.bottom{border-bottom:4px solid #1158a4; position:relative; text-align:center; background-color:rgba(255,255,255,0.95);} 
.gnb>li{float:left; width:14.28571%;}
.gnb>li>a{display:block; padding:11px 0; color:#333333; font-size:18px;}
.gnb>li>a:hover{color:#1158a4;}
/*gnb_2depth*/
.gnb_2depth_wrap{width:100%; background-color:rgba(255,255,255,0.95); z-index:350; position:absolute; left:0; top:50px; border-top:4px solid #1158a4;
		border-bottom:1px solid #cccccc;}/*oberflow:hidden;*/
.gnb_2depth_wrap h3{font-size:0; text-indent:-999999px;}
.gnb_2depth{float:left; position:relative; padding:15px 0; min-height:280px;  width:14.28571%;}
.gnb_2depth:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; background-color:#cccccc; }
.gnb_2depth:after{content:''; width:1px; height:100%; display:block; position:absolute; right:-1px; top:0; background-color:#cccccc; }
.gnb_2depth:hover{background-color:#ffffff; border-top:4px solid #50aed2; margin-top:-4px;}
.gnb_2depth li+li{margin-top:3px;}
.gnb_2depth li>a{display:block; padding:3px 0; font-size:15px; font-weight:500;}
.gnb_2depth li>a:hover{color:#1158a4;}

/*header_wrap01 스크롤 내렸을때 */
.header_wrap01.header_up{position:fixed; top:-142px; left:0; z-index:200;}

/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하*/
.header_wrap02{display:none; width:100%; padding:15px 0; background-color:#ffffff;  -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease;}

/*header_wrap02 h1 logo*/
.header_wrap02 h1{width:254px; float:left; margin-left:15px;}
.header_wrap02 h1>a{width:100%;}
.header_wrap02 h1>a>img{width:100%;}

/*header_wrap02 전화연결 메뉴/ 모바일 메뉴*/
/*common*/
.header_wrap02 .util_menu{float:right; margin-top:7px; padding:0 15px; text-align:right;}
.header_wrap02 .util_menu>div{display:inline-block; vertical-align:middle;}
.header_wrap02 .util_menu>div+div{margin-left:7px;}

/*전화연결*/
.phone_link{width:26px; height:26px; }
.phone_link>a{display:block; width:100%;}
.phone_link>a>img{width:100%;}

/*모바일 메뉴 열기 버튼*/
.btn_tm_nav_open{width:26px; height:26px; position:relative; cursor:pointer; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease; padding-top:5px;}
.btn_tm_nav_open span{display:block; width:100%; height:2px; overflow:hidden; font-size:0;  background-color:#444444; margin:0 auto;
		-webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;  transition:all 0.3s ease; }
.btn_tm_nav_open span+span{margin-top:5px;}
/*모바일 메뉴 열렸을때 버튼 모양 x로 변경*/
.btn_tm_nav_open.on{z-index:600; position:fixed; left:20px; top:15px;}
.btn_tm_nav_open.on span{background-color:#ffffff;}
.btn_tm_nav_open.on span:nth-child(1){-webkit-transform: translateY(7px) rotate(-45deg); -ms-transform: translateY(7px) rotate(-45deg); 
		transform: translateY(7px) rotate(-45deg);}
.btn_tm_nav_open.on span:nth-child(2){opacity: 0;}
.btn_tm_nav_open.on span:nth-child(3){transform: translateY(-7px) rotate(45deg); -webkit-transform: translateY(-7px) rotate(45deg);
		-ms-transform: translateY(-7px) rotate(45deg);}

/*모바일 메뉴 배경 바탕막*/
.page_cover02{display:none; position:fixed; width:100%; height:100%; top:0px; left:0; background-color:rgba(0,0,0,0.8); z-index:499; min-height:999999px;}
/*모바일,태블릿/1차 2차 카테고리  메뉴*/
/*common*/
.tm_gnb_wrap{display:block; width:80%; height:100%; position:fixed; top:0px;  right:-100%; z-index:500; background-color:#31363b; text-align:center; 
		overflow-y:auto;}
.tm_gnb{width:100%; overflow-x:hidden; background-color:#31363b;  border-bottom:1px solid rgba(255,255,255,0.1); 
		border-top:1px solid rgba(255,255,255,0.1);}
.tm_gnb>li{border-bottom:1px solid #2b3034;}
.tm_gnb>li+li{border-top:1px solid rgba(255,255,255,0.1); }
.tm_gnb>li>a{display:block;}
.tm_gnb>li:first-child>a{padding-top:10px;}
.tm_gnb>li strong{display:block; font-size:16px; color:#ffffff; padding:10px 10px; cursor:pointer; position:relative; font-weight:400;}
.tm_gnb>li .m_more{width:12px; height:12px; display:block; position:absolute; right:20px; top:16px; overflow:hidden; }
.tm_gnb>li .m_more:before{content:''; height:8px; width:8px; display:block; border:1px solid #ffffff; border-left-width:0; border-top-width:0;
		position:absolute; top:2px; right:2px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);  -webkit-transition:All .3s; transition:All .3s;}
.tm_gnb>li.active .m_more:before{transform:rotate(45deg);}
.tm_gnb .tm_home{width:14px; height:14px; display:inline-block; position:relative;  font-size:0; text-indent:-999999px; overflow:hidden; padding:10px 0;}
.tm_gnb .tm_home:before{content:''; width:0; height:0px; display:block; position:absolute; left:0px; top:0px;
		border:7px solid transparent; border-bottom-color:#ffffff; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8);
		-moz-transform:scale(1,0.8);-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.tm_gnb .tm_home:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px;
		border:3px solid #ffffff; border-top-width:3px; border-bottom:0;}
/*2차 카테고리*/
.tm_gnb_2depth{display:none;  background-color:rgba(255,255,255,0.95); padding:7px 0; font-size:15px;}
.tm_gnb_2depth>li+li{margin-top:2px;}
.tm_gnb_2depth>li>a{display:block; padding:3px 10px;}
.tm_gnb_2depth>li>a:hover{color:#1158a4; font-weight:500;}
/*3차 카테고리*/
.tm_gnb_3depth{margin-top:2px; margin-left:20px; display:inline-block; text-align:left; font-size:14px;}
.tm_gnb_3depth>li+li{margin-top:1px;}
.tm_gnb_3depth>li>a{display:block; padding:2px 10px; color:#666666;}
.tm_gnb_3depth>li>a:hover{color:#1158a4; font-weight:500;}

/*tm_cs_center 고객 상담 안내*/
.tm_cs_center{color:#ffffff; font-size:16px; padding:15px 0;} 
.tm_cs_center h4{font-weight:400; margin-bottom:5px;}
.tm_cs_center dl dt, .tm_cs_center dl dd{display:inline-block; vertical-align:middle;}
.tm_cs_center dl dt{padding-right:10px; margin-right:7px; position:relative; }
.tm_cs_center dl dt:after{content:':'; display:block; position:absolute; right:0; top:0;}

/*회원 로그인 메뉴*/
.tm_member_menu{background-color:#2a2e32; border-bottom:1px solid #2b3034;}
.tm_member_menu>li{float:left; width:50%; font-weight:500; font-size:17px; position:relative;}
.tm_member_menu>li:before{content:''; width:1px; height:100%; display:block;  position:absolute; top:0;}
.tm_member_menu>li:first-child:before{right:0; background-color:rgba(255,255,255,0.1);}
.tm_member_menu>li:last-child:before{left:0; background-color:#1e2124;}
.tm_member_menu>li>*{display:block; color:#ffffff; padding:15px 0; }

/*header_wrap02 모바일/태블릿 가로 1200px 이하 스크롤 내렸을때 */
.header_wrap02.header_up02{ padding:10px 0; position:fixed; top:0; left:0; z-index:500; box-shadow:1px 1px 3px rgba(0,0,0,0.2); }

/*my_menu 내 강의실,회원가입 링크*/
.my_menu>div{position:relative;}
.my_menu ul{position:absolute; right:15px; top:35px; z-index:150; border-radius:100px; background-color:#3b86d6; width:265px; overflow:hidden;
		box-shadow:1px 1px 3px rgba(0,0,0,0.4);}
.my_menu ul>li{float:left; width:50%; text-align:center; font-size:20px; position:relative; }
.my_menu ul>li+li:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; background-color:rgba(255,255,255,0.1); }
.my_menu ul>li>a{color:#ffffff; padding:3px 0 4px; display:block;}
.my_menu ul>li>a:hover{background-color:#4296f0;}

/*메인 비주얼*/
.main_visual{width:100%;}
.main_slide_list.swiper-wrapper{box-sizing:border-box;}
.main_slide_list>li{width:100%; height:550px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.main_slide_list .slide01{background-image:url("../images/main/main_visual_slide01.jpg");}
.main_slide_list .slide02{background-image:url("../images/main/main_visual_slide02.jpg");}
.main_slide_list .slide03{background-image:url("../images/main/main_visual_slide03.jpg");}
/*메인 비쥬얼 control_box*/
.main_visual_pagination.swiper-pagination span{width:10px; height:10px; vertical-align:middle; opacity:1; background-color:#eeeeee; 
		box-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.main_visual_pagination.swiper-pagination .swiper-pagination-bullet-active{ background-color:#1158a4;}
/*main_visual_txt*/
.main_slide_list>li>div{height:100%;}
.main_visual_txt{width:100%; height:100%; display:table; text-align:center; font-size:33px; color:#000000; font-weight:700;}
.main_visual_txt>div{display:table-cell; vertical-align:middle; }
.main_visual_txt strong{display:block; font-size:50px; font-weight:900; padding-top:23px; letter-spacing:0;}
.main_visual_txt strong span{position:relative;}
.main_visual_txt strong span:before{content:''; width:10px; height:10px; display:block; border-radius:100%; position:absolute; left:50%; top:-2px; margin-left:-5px;
		background-color:#ed2c2d;}

/*main_quick_menu01 ,sub_quick_menu01*/
/*common*/
.quick_menu_wrap{position:relative;}
.quick_menu_list{width:160px; max-width:160px; position:absolute; right:20px; top:40px; text-align:center; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; 
		-o-transition:all 0.3s ease;  transition:all 0.3s ease; z-index:180;} 
.quick_menu_list h3{font-size:17px; font-weight:700; color:#222222;}
.quick_menu_list h3 span{color:#003e81;}
.quick_menu_list ul{width:100%; margin-top:10px;}
.quick_menu_list li{border:1px solid #dddddd; background-color:#ffffff; height:100px;}
.quick_menu_list li+li{margin-top:10px;}
.quick_menu_list li>a{display:block; width:100%; height:100%; padding:12px 0 0; font-size:15px; color:#ffffff; font-weight:500;}
.quick_menu_list li:nth-child(5)>a,.quick_menu_list li:nth-child(6)>a{padding:15px 0 0;}
.quick_menu_list li>a.b2c{font-size:24px; padding:26px 0 0; }
/*.quick_menu_list li 배경색*/
.quick_menu_list li:nth-child(1){background-color:#55c7d4; border-color:#3dbac8; }
.quick_menu_list li:nth-child(2){background-color:#a0d400; border-color:#8bb800; }
.quick_menu_list li:nth-child(3){background-color:#8da8ff; border-color:#84a0f9; }
.quick_menu_list li:nth-child(4){background-color:#ff8d8d; border-color:#ed7272; }
.quick_menu_list li:nth-child(5){background-color:#f3f3f3;}
.quick_menu_list li:nth-child(6){border-color:#000000; }
/*main_quick_menu_list01*/
.main_quick_menu_list01.scroll_up{top:40px;}
.main_quick_menu_list01.scroll_down{position:fixed; top:70px;}
/*sub_quick_menu_list01*/
.sub_quick_menu_list01.scroll_up{top:40px;}
.sub_quick_menu_list01.scroll_down{position:fixed; top:70px;}

/*인기강좌 프로그램 */
.main_popularity_class_wrap>div{position:relative; overflow:hidden;}
.main_popularity_class_title{padding-bottom:23px; margin-bottom:25px; border-bottom:1px solid #003e81;}
.main_popularity_class_title h3{font-size:26px; font-weight:700; color:#222222; }
/*인기강좌 프로그램 검색form*/
.main_class_search_wrap{position:absolute; left:50%; top:3px; border:2px solid #666666; margin-left:-152px; width:304px;}
.main_class_search_wrap form{position:relative;}
.main_class_search_wrap .main_class_search{border:none; font-size:17px; padding:3px 10px 4px; width:239px;}
.main_class_search_wrap .main_btn_search{position:absolute; right:0; top:0; border:none; font-size:17px; padding:3px 13px 4px;
		border-radius:0; color:#ffffff; background-color:#003e81;}
/*인기강좌 프로그램 slide*/
.main_popularity_class.swiper-container{width:100%; overflow:visible;}/*overflow:visible;*/
.main_popularity_class ul.swiper-wrapper{box-sizing:border-box;}
.main_popularity_class .main_class_slide{font-size:15px; background-color:#ffffff;}
.main_class_slide>a{display:block; width:100%;}
.main_class_slide>a>*{display:block; width:100%;} 
.main_class_img>img{width:100%; height:auto; }
.main_class_name{margin-top:15px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  padding:0 3px;}
/*인기강좌 prev,next btn*/
.main_class_button_wrap{position:absolute; right:0; top:-85px; width:64px; height:30px;}
.main_class_button{border-radius:100%; width:30px; height:30px; background-color:#003e81; overflow:hidden;  margin-top:0; display:inline-block; vertical-align:middle;
		position:absolute; top:0;}
.main_class_button_next{right:0;}
.main_class_button_prev{left:0;}
.main_class_button:after{content:''; height:8px; width:8px; display:block; border:1px solid #ffffff; border-left-width:0; border-top-width:0;
		position:absolute; top:11px; left:9px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.main_class_button.swiper-button-prev:after{transform:rotate(135deg);-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); 
		-o-transform:rotate(135deg); -ms-transform:rotate(135deg); left:12px;}
/*인기강좌 전체보기*/
.main_popularity_class_more{position:absolute; left:120px; top:6px; color:#50aed2; font-size:20px; font-weight:500;}

/*.main_board_wrap 공지사항, 자주묻는 질문, q&a*/
/*common*/
.main_board_wrap{float:left; width:31.6%; border:1px solid #dddddd; position:relative;}
.main_board_wrap+div{margin-left:2.6%;}
.main_board_wrap h4{font-size:19px; color:#222222; padding:17px 20px; border-bottom:2px solid #666666; background-color:#f8f8f8;}
.main_board_wrap ul{padding:7px 0; height:169px;}
.main_board_wrap ul li{padding:0 20px;}
.main_board_wrap ul li+li{border-top:1px solid #dddddd;}
.main_board_wrap ul li>a{display:block; padding:8px 0 8px 6px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; }
.main_board_wrap ul li>a:before{content:''; width:2px; height:2px; display:block; border-radius:100%; background-color:#666666; position:absolute; left:0; top:20px; }
.main_board_wrap ul li>a:hover{color:#000000; text-decoration:underline;}
.main_board_more{position:absolute; right:20px; top:20px;}
.main_board_more:hover{color:#1158a4; font-weight:500;}
/*공지사항*/
.main_board_wrap.main_notice_wrap h4{background-color:#e7f4fa;}

/*main_community_wrap02 고객상담안내, 뷰어프로그램 다운로드 자료실, 학습환경설정, 원격지원요청*/
/*common*/
.main_contents01{float:left; width:31.6%; border:1px solid #b2d8e8; height:189px; }
.main_contents01+div{margin-left:2.6%;}
.main_contents01 h4{color:#222222; font-size:19px;}

/*뷰어프로그램 다운로드 자료실*/
.main_contents01.main_study_program{position:relative;}
.main_program_download{background-color:#e1eff5; padding:20px 2px 10px; border-bottom:1px solid #b2d8e8; text-align:center;}
.main_program_download ul{margin-top:14px; font-size:0;}
.main_program_download ul li{display:inline-block; font-size:14px; vertical-align:top; padding:5px 2px;}
.main_program_download ul li>a{display:block;}
/*학습현황, 환경설정*/
.main_study_setting li{width:50%; float:left; text-align:center; background-color:#fafafa; padding:15px 10px;}
.main_study_setting li>a{display:block;  color:#5e5e5e; font-weight:500;}
.main_study_setting li>a>*{display:inline-block; vertical-align:middle; }
.main_study_setting li>a>img{width:20px;}
.main_study_setting li>a:hover{color:#000000;}
/*뷰어프로그램 다운로드 자료실 바로가기*/
.main_study_program>a{position:absolute; right:0; top:0; background-color:#0c4d5a; width:26px; height:26px; overflow:hidden; text-indent:-999999px;} 
.main_study_program>a:before{content:''; width:2px; height:12px; background-color:#ffffff; position:absolute; left:12px; top:7px; display:block; }
.main_study_program>a:after{content:''; width:12px; height:2px; background-color:#ffffff; position:absolute; left:7px; top:12px; display:block; }
.main_study_program>a:hover{background-color:#1a7f93}

/*학습환경설정, 원격지원요청*/
.main_banner_wrap01{border-color:#aaaaaa;}
.main_banner_wrap01>a{display:block; float:left; width:50%; height:100%; padding:27px 5px;}
.main_banner_wrap01>a>*{display:block; text-align:center; color:#ffffff; font-size:19px; font-weight:500;}
.main_banner_wrap01>a:first-child{background:#55c7d4 url("../images/main/bg_main_setting02.png")repeat center center;}
.main_banner_wrap01>a:last-child{background-color:#ff8d8d;}
.main_banner_wrap01 em{margin-top:5px;}

/*고객상담안내*/
.main_cs_center_wrap{background-color:#c8e9f7; text-align:center; padding:30px 0 0; }
.main_cs_center_wrap>*{display:inline-block; vertical-align:middle;}
.main_cs_center_wrap> div{text-align:left; margin-left:10px;}
.main_cs_center_wrap img{display:inline-block; vertical-align:middle;}
.main_cs_center_wrap strong{font-family:'Lato'; font-size:28px; color:#003e81; font-weight:bold;}
.main_cs_center_wrap p{font-size:15px;}

/*main_banner_wrap02 메인 배너*/
.main_banner_wrap02 ul{border:1px solid #dddddd;}
.main_banner_wrap02 li{float:left; width:16.666666%; position:relative;}
.main_banner_wrap02 li+li:before{content:''; width:1px; height:100%; display:block; background-color:#dddddd; position:absolute; left:0; top:0;}
.main_banner_wrap02 li>a{display:block; padding:70px 3px 20px; font-size:17px; color:#555555; text-align:center; background-repeat:no-repeat;
		background-position:center 20px;}
.main_banner_wrap02 li>a strong{ font-weight:400;}
.main_banner_wrap02 li>a strong,.main_banner_wrap02 li>a em{display:block; margin-top:3px;}
/*배너 배경 아이콘*/
.main_banner_wrap02 li:nth-child(1)>a{background-image:url("../images/main/main_banner_icon01.png");}
.main_banner_wrap02 li:nth-child(2)>a{background-image:url("../images/main/main_banner_icon02.png");}
.main_banner_wrap02 li:nth-child(3)>a{background-image:url("../images/main/main_banner_icon03.png");}
.main_banner_wrap02 li:nth-child(4)>a{background-image:url("../images/main/main_banner_icon04.png");}
.main_banner_wrap02 li:nth-child(5)>a{background-image:url("../images/main/main_banner_icon05.png");}
.main_banner_wrap02 li:nth-child(6)>a{background-image:url("../images/main/main_banner_icon06.png");}
/*배너 배경 아이콘 hover 효과*/
.main_banner_wrap02 li>a:hover{color:#50aed2;}
.main_banner_wrap02 li:nth-child(1)>a:hover{background-image:url("../images/main/main_banner_icon01_on.png");}
.main_banner_wrap02 li:nth-child(2)>a:hover{background-image:url("../images/main/main_banner_icon02_on.png");}
.main_banner_wrap02 li:nth-child(3)>a:hover{background-image:url("../images/main/main_banner_icon03_on.png");}
.main_banner_wrap02 li:nth-child(4)>a:hover{background-image:url("../images/main/main_banner_icon04_on.png");}
.main_banner_wrap02 li:nth-child(5)>a:hover{background-image:url("../images/main/main_banner_icon05_on.png");}
.main_banner_wrap02 li:nth-child(6)>a:hover{background-image:url("../images/main/main_banner_icon06_on.png");}

/*quick_menu_wrap02 메인퀵메뉴 가로1500px 이하 노출*/
.quick_menu_wrap02{display:none;}
.quick_menu_wrap02 h3{font-size:21px; color:#222222;}
.quick_menu_wrap02 h3 span{color:#003e81;}
.quick_menu_wrap02 ul{margin-top:10px;}
.quick_menu_wrap02 li{float:left; width:16%; border:1px solid #dddddd; text-align:center; margin-bottom:5px; position:relative;}
.quick_menu_wrap02 li+li{margin-left:0.8%;}
.quick_menu_wrap02 li>a{display:block; width:100%; height:100%; font-size:15px; color:#ffffff; font-weight:500; text-align:center; padding:0 5px;} 
.quick_menu_wrap02 li em{display:block; width:100%; position:absolute; left:0; bottom:8px;}
.quick_menu_wrap02 li a.tm_b2c em{bottom:50%; margin-bottom:-16px; font-size:21px;}

/*.quick_menu_wrap02 li 배경색*/
.quick_menu_wrap02 li:nth-child(1){background-color:#55c7d4; border-color:#3dbac8; }
.quick_menu_wrap02 li:nth-child(2){background-color:#a0d400; border-color:#8bb800; }
.quick_menu_wrap02 li:nth-child(3){background-color:#8da8ff; border-color:#84a0f9; }
.quick_menu_wrap02 li:nth-child(4){background-color:#ff8d8d; border-color:#ed7272; }
.quick_menu_wrap02 li:nth-child(5){background-color:#f3f3f3;}
.quick_menu_wrap02 li:nth-child(6){border-color:#000000; }

/*main_banner_slide_wrap*/
.main_banner_slide_wrap{border-top:1px solid #dddddd;}
.main_banner_slide_wrap li{float:left; width:20%; position:relative;}
.main_banner_slide_wrap li:before{content:''; width:1px; height:100%; display:block; background-color:#dddddd; position:absolute; left:0; top:0;}
.main_banner_slide_wrap li:last-child:after{content:''; width:1px; height:100%; display:block; background-color:#dddddd; position:absolute; right:-1px; top:0;}
.main_banner_slide_wrap li>a{display:block; padding:1px 0;}


/*etc_menu*/
.etc_menu{background-color:#393939; padding:8px 0;}
.etc_menu ul{font-size:0;}
.etc_menu li{display:inline-block; vertical-align:middle; position:relative; font-size:14px;}
.etc_menu li+li{margin-left:8px; padding-left:8px;}
.etc_menu li+li:before{content:''; width:1px; height:12px; display:block; position:absolute; left:0; top:7px; background-color:#999999;}
.etc_menu li>a{color:#cccccc;}
.etc_menu li>a:hover{color:#ffffff;}

/*footer*/
footer>div.inner{position:relative;}
.f_logo{display:block; width:220px; margin:0;}
.f_logo>img{width:100%;}
.company_info02{margin-top:10px;}
.company_info02>*{padding:1px 0;}
.company_info02>div>dl{display:inline-block; vertical-align:middle; position:relative;}
.company_info02>div>dl+dl{padding-left:9px; margin-left:8px;}
.company_info02>div>dl+dl:before{content:''; width:1px; height:12px; display:block; position:absolute; left:0; top:7px; background-color:#999999;}
.company_info02 dl dt,.company_info02 dl dd{display:inline-block; vertical-align:middle;}
.company_info02 dl dt{padding-right:7px; margin-right:5px; position:relative;}
.company_info02 dl dt:after{content:':'; display:block; position:absolute; right:0; top:0; color:#777777;}
.company_info02 dl dd{color:#333333; font-weight:500;}

/*f_site_link 사이트 링크*/
.f_site_link{position:absolute; right:15px; top:0; font-size:0;}
.f_site_link>a{display:inline-block; vertical-align:middle; font-size:14px;}
.f_site_link>a+a{margin-left:15px;}

/*.top_btn*/
.top_btn{position:fixed; bottom:20px; right:30px; border:1px solid #444444; padding:15px 0 8px; cursor:pointer; width:40px; height:40px; 
		text-align:center; font-size:13px; color:#444444;  z-index:300; background-color:rgba(255,255,255,0.9);}
.top_btn:before{content:''; width:4px; height:4px; display:block; border:2px solid #444444; border-left-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:16px; top:9px;}

/*뒤로 돌아가기 back_btn*/
footer .back_btn{display:none; width:40px; height:40px; position:absolute; left:15px; bottom:20px; border:1px solid #777777;}
footer .back_btn>img{width:100%;}









/*1590이하 */
@media screen and (max-width:1590px){

/*main_quick_menu01 ,sub_quick_menu01*/
/*common*/
.quick_menu_list{width:auto; min-width:125px;}
.quick_menu_list li:nth-child(5)>a{padding-top:22px;}
.quick_menu_list li:nth-child(5) img{max-width:110px;}



}/*1590이하 끝*/



/*1500이하 */
@media screen and (max-width:1500px){
/*main_quick_menu01 ,sub_quick_menu01*/
.quick_menu_wrap{display:none;}

/*quick_menu_wrap02 메인퀵메뉴 가로1500px 이하 노출*/
.quick_menu_wrap02{display:block;}

}/*1500이하 끝*/


/*1200이하 */
@media screen and (max-width:1200px){

/***layout***/
.wrap{min-width:100%;}

/*common*/
.inner{width:100%; }

/*header*/
.header_wrap01{display:none;} 
.header_wrap02{display:block;} 

/*my_menu 내 강의실,회원가입 링크*/
.my_menu ul{right:50%; margin-right:-133px;}

/*main_community_wrap02 고객상담안내, 뷰어프로그램 다운로드 자료실, 학습환경설정, 원격지원요청*/
/*뷰어프로그램 다운로드 자료실*/
.main_program_download ul li{padding:5px 1px;}

/*고객상담안내*/
.main_cs_center_wrap img{width:90px; height:auto;}
.main_cs_center_wrap strong{font-size:25px;} 
.main_cs_center_wrap p{font-size:14px;}

/*main_banner_slide_wrap 서브 페이지일때 보더값*/
.main_banner_slide_wrap>div{padding:0;}
.sub_site_link{border:none;}
.main_banner_slide_wrap li:first-child:before{display:none;}
.main_banner_slide_wrap li:last-child:after{display:none;}

/*etc_menu*/
.etc_menu{text-align:center;}

/*footer*/
.f_logo{margin:0 auto;}
.company_info02{text-align:center;}

/*f_site_link 사이트 링크*/
.f_site_link{position:static; text-align:center; margin-top:30px;}

/*.top_btn*/
.top_btn{right:15px;}

/*뒤로 돌아가기 back_btn*/
footer .back_btn{display:block;}


}/*1200이하 끝*/


/*1024이하 */
@media screen and (max-width:1024px){

/*인기강좌 프로그램 */
/*인기강좌 프로그램 검색form*/
.main_class_search_wrap{ left:auto; margin-left:0; right:100px;}

/*.main_board_wrap 공지사항, 자주묻는 질문, q&a*/
.main_board_wrap{width:32.3%;}
.main_board_wrap+div{margin-left:1.55%;}

/*main_community_wrap02 고객상담안내, 뷰어프로그램 다운로드 자료실, 학습환경설정, 원격지원요청*/
/*common*/
.main_contents01{float:none; width:100%; }
.main_contents01+div{margin-left:0; margin-top:25px;}
/*뷰어프로그램 다운로드 자료실*/
.main_program_download ul li{padding:5px 8px;}

/*고객상담안내*/
.main_cs_center_wrap>div{ margin-left:25px;}
.main_cs_center_wrap img{width:110px; }
.main_cs_center_wrap strong{font-size:28px;} 
.main_cs_center_wrap p{font-size:15px;}

/*quick_menu_wrap02 메인퀵메뉴 가로1500px 이하 노출*/
.quick_menu_wrap02 li em{bottom:5px;}

}/*1024이하 끝*/


/*768이하 */
@media screen and (max-width:768px){

/***common***/
.main_container{padding-top:25px;}

/*prev-next 페이지 버튼 공통*/
.prev_next_page{margin-top:40px;}


/*메인 비주얼*/
.main_slide_list>li{height:450px;}
/*메인 비쥬얼 control_box*/
.main_visual_pagination.swiper-pagination span{width:8px; height:8px;}
/*main_visual_txt*/
.main_visual_txt{font-size:28px;}
.main_visual_txt strong{font-size:40px; padding-top:18px; }
.main_visual_txt strong span:before{width:8px; height:8px; margin-left:-4px;}

/*인기강좌 프로그램 */
.main_popularity_class_title{padding-bottom:17px; margin-bottom:17px;} 
/*인기강좌 프로그램 검색form*/
.main_class_search_wrap{position:static; margin-left:0px; margin-top:20px;}
/*인기강좌 prev,next btn*/
.main_class_button_wrap{top:-68px;}
/*인기강좌 전체보기*/
.main_popularity_class_more{left:auto; right:80px; top:7px;}

/*.main_board_wrap 공지사항, 자주묻는 질문, q&a*/
.main_board_wrap{float:none; width:100%;}
.main_board_wrap+div{margin-left:0; margin-top:25px;}
.main_board_wrap ul{padding:0; height:155px;}

/*main_community_wrap02 고객상담안내, 뷰어프로그램 다운로드 자료실, 학습환경설정, 원격지원요청*/
/*common*/
.main_container .main_community_wrap02{margin-top:25px;}

/*main_banner_wrap02 메인 배너*/
.main_container .main_banner_wrap02{margin-top:25px;} 
.main_banner_wrap02 li{width:33.333333%;} 
.main_banner_wrap02 li:nth-child(4):before{display:none;}
.main_banner_wrap02 li:nth-child(4),.main_banner_wrap02 li:nth-child(5),.main_banner_wrap02 li:nth-child(6){border-top:1px solid #dddddd;}

/*quick_menu_wrap02 메인퀵메뉴 가로1500px 이하 노출*/
.container .quick_menu_wrap02{margin-top:25px;} 
.quick_menu_wrap02 li{width:32.8%;}
.quick_menu_wrap02 li+li{margin-left:0.8%;}
.quick_menu_wrap02 li:nth-child(3n+1){margin-left:0; clear:both;}

/*main_banner_slide_wrap*/
.main_banner_slide_wrap li{width:33.333333%;}
.main_banner_slide_wrap li:nth-child(1),.main_banner_slide_wrap li:nth-child(2),.main_banner_slide_wrap li:nth-child(3){border-bottom:1px solid #dddddd;}
.main_banner_slide_wrap li:nth-child(4):before{display:none;}
.main_banner_slide_wrap li:last-child:after{display:block;}

/*f_site_link 사이트 링크*/
.f_site_link{margin-top:25px;}
.f_site_link>a{padding:5px 10px;}
.f_site_link>a+a{margin-left:0;}

}/*768이하 끝*/


/*420이하 */
@media screen and (max-width:420px){

/*common*/
.main_container{padding-bottom:60px;}
.main_container>div+div{margin-top:40px;}

/*prev-next 페이지 버튼 공통*/
.prev_next_page>span>a{font-size:13px; }

/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하*/
/*header_wrap02 h1 logo*/
.header_wrap02 h1{width:220px; max-width:220px;}
/*header_wrap02 전화연결 메뉴/ 모바일 메뉴*/
.header_wrap02 .util_menu{margin-top:6px;}
.phone_link{width:20px; height:20px; }
.btn_tm_nav_open{width:20px; height:20px; padding-top:3px}
.btn_tm_nav_open span+span{margin-top:4px;}
/*모바일 메뉴 열렸을때 버튼 모양 x로 변경*/
.btn_tm_nav_open.on span:nth-child(1){-webkit-transform: translateY(6px) rotate(-45deg); -ms-transform: translateY(6px) rotate(-45deg); 
		transform: translateY(6px) rotate(-45deg);}
.btn_tm_nav_open.on span:nth-child(3){transform: translateY(-6px) rotate(45deg); -webkit-transform: translateY(-6px) rotate(45deg);
		-ms-transform: translateY(-6px) rotate(45deg);}

/*tm_cs_center 고객 상담 안내*/
.tm_cs_center dl dt, .tm_cs_center dl dd{font-size:15px; }

/*my_menu 내 강의실,회원가입 링크*/
.my_menu ul{right:0; margin-right:0; width:100%; border-radius:0; top:0;}
.my_menu ul>li{font-size:18px;}

/*메인 비주얼*/
.main_slide_list>li{height:400px;}
/*main_visual_txt*/
.main_visual_txt{font-size:20px;}
.main_visual_txt strong{font-size:30px; padding-top:10px; }
.main_visual_txt strong span:before{width:6px; height:6px; margin-left:-3px;}

 /*인기강좌 프로그램 */
.main_popularity_class_title h3{font-size:23px;}
/*인기강좌 프로그램 검색form*/
.main_class_search_wrap{ width:100%; margin:15px auto 0;}
/*인기강좌 프로그램 slide*/
.main_popularity_class{padding-bottom:45px;} 
.main_class_slide{padding-bottom:15px; border-bottom:1px solid #003e81;}
.main_class_name{margin-top:10px;}
/*인기강좌 prev,next btn*/
.main_class_button_wrap{top:auto; bottom:0; right:50%; margin-right:-34px;}
/*인기강좌 전체보기*/
.main_popularity_class_more{font-size:16px; top:6px; right:0;}

/*.main_board_wrap 공지사항, 자주묻는 질문, q&a*/
/*common*/
.main_board_wrap h4{padding:12px 15px; font-size:18px;}
.main_board_wrap ul li{padding:0 15px;}

/*main_community_wrap02 고객상담안내, 뷰어프로그램 다운로드 자료실, 학습환경설정, 원격지원요청*/
/*common*/
.main_contents01{height:auto; }
.main_contents01 h4{font-size:18px;}
/*뷰어프로그램 다운로드 자료실*/
.main_program_download{padding-top:25px;}
.main_program_download ul{margin-top:10px;}
.main_program_download ul li{padding:5px 1px;}
/*학습환경설정, 원격지원요청*/
.main_banner_wrap01>a>*{font-size:18px;}

/*고객상담안내*/
.main_cs_center_wrap{padding:10px 5px 15px; }
.main_cs_center_wrap>*{display:block;} 
.main_cs_center_wrap>div{ margin-left:0; margin-top:10px;text-align:center;}
.main_cs_center_wrap img{width:90px; }
.main_cs_center_wrap strong{font-size:26px;} 
.main_cs_center_wrap p{font-size:14px;}

/*main_banner_wrap02 메인 배너*/
.main_banner_wrap02 li>a{font-size:15px;} 
.main_banner_wrap02 li>a{padding:45px 3px 10px; background-size:40px auto; background-position:center 15px;}
.main_banner_wrap02 li>a strong,.main_banner_wrap02 li>a em{margin-top:6px;}

/*quick_menu_wrap02 메인퀵메뉴 가로1500px 이하 노출*/
.quick_menu_wrap02 h3{font-size:19px;} 
.quick_menu_wrap02 li>a{ font-size:14px; padding:5px 3px;}
.quick_menu_wrap02 li a.tm_b2c em{margin-bottom:-12px; font-size:16px;}

/*f_site_link 사이트 링크*/
.f_site_link>a{display:block;}
.f_site_link>a>img{height:35px; width:auto;}


}/*420이하 끝*/


/*320이하 */
@media screen and (max-width:320px){

.wrap{min-width:300px;}

/*header_wrap02 태블릿, 모바일 / 가로 1200px 이하*/
/*header_wrap02 h1 logo*/
.header_wrap02 h1{width:200px;} 
/*header_wrap02 전화연결 메뉴/ 모바일 메뉴*/
.header_wrap02 .util_menu{margin-top:4px;}

}/*320이하  끝*/