@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');


/*common*/
.sub_container{padding:30px 0 80px;}
.left{float:left; width:230px; }
.right{float:right; width:74%; position:relative; padding:10px 0 0 0; }
.sub_contents>h4{font-size:30px; color:#111111; font-weight:700;}
.contents_wrap{margin-top:25px; padding-top:30px; border-top:1px solid #e6e6e6;}
.contents_title{font-size:26px; color:#1158a4; font-weight:500; display:block;}

/***서브 비주얼***/
.sub_visual{height:200px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.sub_visual>div{height:100%;}
.sub_visual01{background-image:url("../images/sub/sub_visual01.jpg");}
.sub_visual02{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual03{background-image:url("../images/sub/sub_visual03.jpg");}
.sub_visual04{background-image:url("../images/sub/sub_visual04.jpg");}
.sub_visual05{background-image:url("../images/sub/sub_visual05.jpg");}
.sub_visual06{background-image:url("../images/sub/sub_visual06.jpg");}
.sub_visual07{background-image:url("../images/sub/sub_visual07.jpg");}
.sub_visual08{background-image:url("../images/sub/sub_visual09.jpg");}
/*.sub_visual_txt*/
.sub_visual_txt{display:table; width:100%; height:100%; font-size:30px; color:#ffffff; letter-spacing:-1px; font-weight:500;  text-align:center;}
.sub_visual_txt>div{display:table-cell; vertical-align:middle;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:none; background-color: #ebf2f5; border-bottom:1px solid rgba(17,88,164,0.5);}
.sub_tab{float:left; color:#333333; position:relative;}
.sub_tab+div:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; bottom:0; background-color:rgba(17,88,164,0.5);}
.sub_tab_01{width:14%;}
.sub_tab_02{width:43%;}
.sub_tab_03{width:43%;}
.sub_tab_bar h4,.sub_tab_bar h3{font-weight:400; padding:8px 15px 7px; font-size:16px; cursor:pointer;}
.sub_tab_bar strong{font-weight:400;}
.sub_tab_bar a{display:block;}
/*icon_home*/
.sub_tab_01{text-align:center;}
.sub_tab_01>a{padding:9px 0 9px;}
.sub_tab_01 .icon_home02{width:16px; height:14px; display:inline-block; position:relative;  font-size:0; vertical-align:middle;}
.sub_tab_01 .icon_home02:before{content:''; width:0; height:0px; display:block; position:absolute; left:0px; top:0px;
		border:7px solid transparent; border-bottom-color:#1158a4; 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);}
.sub_tab_01 .icon_home02:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px;
		border:3px solid #1158a4; border-top-width:3px; border-bottom:0;}
/*메뉴 더보기*/
.sub_tab_bar .menu_more{position:absolute; right:10px; top:13px; width:11px; height:11px; overflow:hidden; text-indent:-999999px; display:block; font-size:0;}
.sub_tab_bar .menu_more:after,.sub_tab_bar .menu_more:before{content:''; display:block; background-color:#1158a4; width:11px; height:1px; 
		position:absolute; left:0; top:5px;}
.sub_tab_bar .menu_more:after{width:1px; height:11px; left:5px; top:0; }
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth{display:none; position:absolute; left:0; top:39px; width:100%; z-index:250; background-color:#ffffff; padding:5px 10px 5px 15px;
		border-top:2px solid rgba(17,88,164,0.5); border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.sub_tab_2depth>li+li{margin-top:3px;}
.sub_tab_2depth>li>a{display:block; font-size:15px;}
.sub_tab_2depth>li>a:hover{color:#1158a4;  font-weight:500;}
/*sub_tab_3depth 메뉴*/
.sub_tab_3depth{margin-top:5px; margin-left:10px; font-size:14px;}
.sub_tab_3depth li+li{margin-top:3px;}
.sub_tab_3depth li>a{display:block; color:#666666;}
.sub_tab_3depth li>a:hover{color:#1158a4; font-weight:500;}

/*left 메뉴 가로 1201이상 lnb 메뉴 common*/
/*lnb*/
.lnb_title{border:1px solid #dddddd; border-bottom:3px solid #666666; line-height:1.5; padding:10px 20px 10px;}
.lnb_title h3{font-size:22px; color:#222222; font-weight:700;}
.lnb_title span{color:#999999; font-size:18px; font-weight:300; display:block;}
.lnb{margin-top:5px;}
.lnb>li+li{margin-top:3px;}
.lnb>li>a{display:block; padding:8px 20px; font-size:16px; position:relative; border:1px solid #dddddd;}
.lnb>li>a:before{content:''; width:4px; height:4px; display:block; border:2px solid #666666; border-right-width:0; 
		border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; right:20px; top:16px;}
.lnb>li>a:hover{color:#ffffff; font-weight:500; border:1px solid #3b86d6; background-color:#3b86d6; background:linear-gradient( to right, #3b86d6, #50aed2);}
.lnb>li>a:hover:before{border-color:#ffffff;}
.lnb>li>a.lnb_on{color:#ffffff; font-weight:500; border:1px solid #3b86d6; background-color:#3b86d6; background:linear-gradient( to right, #3b86d6, #50aed2);}
.lnb>li>a.lnb_on:before{border-color:#ffffff;}
/*lnb 투뎁스*/
.lnb_2depth{padding:8px 0; background-color:#f5f5f5; border:1px solid #dddddd; margin-top:-1px;}
.lnb_2depth li+li{margin-top:3px;}
.lnb_2depth a{display:block; font-size:15px; padding-left:30px;}
.lnb_2depth a:hover{color:#3b86d6; font-weight:500; }
.lnb02_wrap03_01 .lnb_2depth li:nth-child(1) a{color:#3b86d6; font-weight:500; }
.lnb02_wrap03_02 .lnb_2depth li:nth-child(2) a{color:#3b86d6; font-weight:500; }
.lnb02_wrap03_03 .lnb_2depth li:nth-child(3) a{color:#3b86d6; font-weight:500; }

/*lnb_cs_wrap*/
.lnb_cs_wrap{margin-top:20px; text-align:center;}
.lnb_cs{padding:15px; background:#3b86d6 url("../images/sub/bg_l_cs_center.png")no-repeat 0 0; color:#ffffff; font-size:16px; }
.lnb_cs>*{display:block;}
.lnb_cs>em{font-size:19px;}
.lnb_cs>strong{font-size:28px; font-family:'Lato';}
.lnb_cs>p{line-height:1.4;}
.l_education_link{padding:15px; margin-top:10px; background:#666666 url("../images/sub/bg_l_education_link.png")repeat 0 0;}
.l_education_link>a{display:block; color:#ffffff;}
.l_education_link strong{font-size:19px; letter-spacing:-1px; display:block;}
.l_education_link span{background:linear-gradient( to right, #ff6600, #ff9000); display:inline-block; padding:5px 15px 7px; border-radius:100px;
		font-weight:500; margin-top:8px; line-height:1.0;}

/*right*/
/*경로표시 공통 breadcrumb*/
.breadcrumb{position:absolute; right:0; top:20px;}
.breadcrumb>p{font-size:0;  text-align:right;}
.breadcrumb span{margin-left:5px; display:inline-block;  vertical-align:middle; font-size:14px;}
.breadcrumb span.on{color:#1158a4;}
.breadcrumb span.right_arrow{width:12px; height:12px; position:relative; overflow:hidden;}
.breadcrumb span.right_arrow:before{content:''; height:6px; width:6px; display:block; border:1px solid #999999; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; top:2px; left:0px;}
/*icon_home*/
.breadcrumb .icon_home{width:16px; height:14px; display:inline-block; position:relative;  font-size:0; vertical-align:middle;}
.breadcrumb .icon_home:before{content:''; width:0; height:0px; display:block; position:absolute; left:0px; top:0px;
		border:7px solid transparent; border-bottom-color:#444444; 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);}
.breadcrumb .icon_home:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px;
		border:3px solid #444444; border-top-width:3px; border-bottom:0;}

/*sub_cs_center_wrap 서브 공통 고객센터*/
.sub_cs_center_wrap{display:none; text-align:center;}
.sub_cs_center_wrap>div{float:left; width:50%; color:#ffffff;}
.sub_cs_center{background:#3b86d6 url("../images/sub/bg_l_cs_center.png")no-repeat 0 0;  padding:8px 15px;}
.sub_cs_center>*{display:inline-block; vertical-align:top;}
.sub_cs_center p:first-child{ font-size:17px;} 
.sub_cs_center p:last-child{text-align:left; margin-left:15px; line-height:1.4;}
.sub_education_link{background-color:#666666;}
.sub_education_link>a{display:block; color:#ffffff; padding:13px 15px;}
.sub_education_link>a>*{display:inline-block; vertical-align:top;}
.sub_education_link strong{font-size:17px;}
.sub_education_link span{background:linear-gradient( to right, #ff6600, #ff9000); padding:5px 15px 7px; border-radius:100px;
		font-weight:500; line-height:1.0; margin-left:15px; margin-top:2px;}

/*sub_page common */
/*sub_page_title*/
.sub_page_title>strong{display:block; font-size:26px;  color:#1158a4;font-weight:500; letter-spacing:-1px;}
.sub_page_title>p{font-size:15px;}
.sub_page_title>p:nth-child(2){margin-top:5px;}
.sub_page_title .text_deco{padding-left:11px; position:relative;}
.sub_page_title .text_deco:before{content:'-'; display:block; position:absolute; left:0; top:0;}

/*greeting.php 인사말*/
.greeting_wrap{font-size:16px;}
.greeting_wrap .page_title{font-size:22px; color:#999999; font-weight:300; letter-spacing:-1px; line-height:1.4; }
.greeting_wrap .page_title p{font-size:30px; color:#1158a4; font-weight:500; }
.greeting_wrap .page_title img{margin-top:30px;}
.greeting_txt{margin-top:30px;}
.greeting_txt em{color:#1158a4; font-weight:500;}
.greeting_txt>p+p{margin-top:25px;}
.greeting_txt>p:first-child{font-size:18px;}
.greeting_txt>p:first-child span{ color:#222222;}
.greeting_txt>p:last-child{font-size:20px; color:#222222;}

/*vision.php 비전*/
/*common*/
.vision_wrap{font-size:16px;}
.vision_wrap>div+div{margin-top:60px;}
/*주요사업*/
.major_business>ul{margin-top:25px; }
.major_business>ul>li{float:left; width:31%; border:2px solid #50aed2; padding:30px 20px 0; border-radius:10px; min-height:355px;}
.major_business>ul>li+li{margin-left:3.5%;}
.major_business>ul>li>div{margin-top:20px;}
.major_business strong{display:block; color:#50aed2;  font-size:18px; text-align:center; letter-spacing:-1px;}
.major_business>ul ul{ margin-top:5px;}
.major_business>ul ul li{position:relative; padding-left:8px;}
.major_business>ul ul li+li{margin-top:1px;}
.major_business>ul ul li:before{content:''; width:2px; height:2px; display:block; border-radius:100%; background-color:#3b86d6;
		position:absolute; left:0; top:12px;}
/*비전*/
.vision>div{margin-top:25px;}
.vision>div>div:first-child{display:table; width:330px; height:330px; border-radius:100%; border:30px solid #bbbbbb; margin:0 auto; text-align:center;
		font-weight:bold; font-size:20px; letter-spacing:-1px; font-family: 'Lato'; margin:0 auto; background-color:#ffffff; color:#222222;}
.vision>div>div:first-child>span{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.vision_contnets{margin-top:80px; position:relative;}
.vision_contnets:before{content:''; width:72%; height:1px; display:block; background-color:#bbbbbb;  position:absolute; left:14%; top:-40px; z-index:-1;}
.vision_contnets>li{float:left; width:28%; position:relative;}
.vision_contnets>li:before{content:''; width:1px; height:80px; display:block; background-color:#bbbbbb;  position:absolute; left:50%; top:-40px; z-index:-1;}
.vision_contnets>li:nth-child(2):before{height:90px; top:-80px;}
.vision_contnets>li+li{margin-left:8%;}
.vision_contnets>li>div{padding:17px 5px 0;}
.vision_contnets strong{display:block; text-align:center; font-size:18px; background-color: #50aed2; color:#ffffff; padding:6px 0;}
.vision_contnets em{display:block; font-weight:500; color:#222222;}
.vision_contnets em i{display:inline-block; vertical-align:middle; width:8px; height:8px; margin-right:5px; border:2px solid #3b86d6;}
.vision_contnets ul{margin-top:5px;}
.vision_contnets ul>li{position:relative; padding-left:8px;}
.vision_contnets ul>li:before{content:'-'; display:block; color:#444444; position:absolute; left:0; top:0;} 
.vision_contnets ul>li+li{margin-top:1px;}

/*history.php 연혁*/
.history_wrap{font-size:16px;}
.history_wrap>div+div{margin-top:25px; padding-top:30px; border-top:1px dashed #dddddd;}
.history_wrap .page_title p{letter-spacing:-1px; }
.history_wrap .page_title p:first-child{font-size:22px; color:#1158a4; font-weight:500; line-height:1.4;}
.history_wrap .page_title p:first-child span{font-weight:700; color:#003e81;}
.history_wrap .page_title p+p{margin-top:15px;}
.history_wrap .page_title p+p span{color:#3b86d6; font-weight:500; }
.history_contents01{position:relative; height:340px;}
.history_contents01>div{width:460px; height:300px; position:absolute; left:50%; top:0; margin-left:-230px; border:1px solid #3b86d6;  
		border-radius:100%; border-width:0 0 2px 0;}
.history_contents01 h1{position:absolute; left:50%; top:20%; margin-left:-127px;}
.history_contents01 span{border-radius:100%; color:#ffffff; font-weight:500; font-size:21px; text-align:center; display:inline-block; padding:25px 30px;
		position:absolute; min-width:170px; }
.history_contents01 span:nth-child(2){background-color:#50aed2; bottom:-36px; left:50%; margin-left:-85px;}
.history_contents01 span:nth-child(3){background-color:#3b86d6; left:0; top:35%; margin-left:-85px;}
.history_contents01 span:nth-child(4){background-color:#1158a4; right:0; top:35%; margin-right:-85px;}
.history_contents02{margin-top:60px;}
.history_contents02 table{border-top:2px solid #1158a4; }
.history_contents02 table th{padding:8px 5px; border-bottom:1px solid #dddddd; background-color:#e7f4fa; color:#003e81; font-weight:500;} 
.history_contents02 table td{padding:8px 15px; border-bottom:1px solid #dddddd;}

/*organization_chart.php 조직도*/
.organization_chart_wrap{font-size:16px; letter-spacing:-1px;  text-align:center;}
.organization_chart_wrap>div>strong{display:block; font-size:26px;  color:#1158a4;font-weight:500;text-align:left;}
/*조직구성*/
.organization_composition{margin-top:30px;}
.organization_composition>div p{margin:30px 0; display:inline-block; position:relative;}
.organization_composition>div p:before{content:''; width:240px; height:240px; background:linear-gradient(to top, #d4edf8, #e7f4fa, #d4edf8); border-radius:100%;
		position:absolute; left:50%; top:50%; margin-left:-120px; margin-top:-120px; z-index:-1; border:1px solid #c0e0ef;}
.organization_composition>div p:after{content:''; width:360px; height:360px; display:block; border:1px solid #50aed2; border-radius:100%; 
		position:absolute; left:50%; top:50%; margin-left:-180px; margin-top:-180px; z-index:-1;}
.organization_composition>div span{display:block; font-size:34px;  color:#003e81;font-weight:500; }
.organization_composition_list{margin-top:50px;} 
.organization_composition_list>div{float:left; text-align:center; font-size:15px; width:19%; }
.organization_composition_list>div+div{margin-left:1.25%;}
.organization_composition_list>div em{display:block; background-color:#50aed2; color:#ffffff; font-size:16px; font-weight:500; padding:8px 0;}
.organization_composition_list>div ul{border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb;  border-bottom:1px solid #bbbbbb;}
.organization_composition_list>div ul li{padding:6px 0; background-color:#fefefe;}
.organization_composition_list>div ul li+li{border-top:1px solid #dddddd;}
/*조직도*/
.organization_chart_wrap02{margin-top:55px; padding-top:45px; border-top:1px dashed #dddddd;} 
.organization_chart{margin-top:30px;}
.chart_1depth{width:50%; max-width:160px;  padding:10px 5px;  margin:0 auto; position:relative; color:#ffffff; border-radius:2px;
		background-color:#1158a4; font-size:18px; border:1px solid #003e81;}
.chart_1depth:before{content:''; width:1px; height:250px; background-color:#bbbbbb; position:absolute; left:50%; top:95%; display:block; z-index:-1;}
.organization_chart02{margin-top:80px; position:relative;}
.organization_chart02>div{float:left; width:48%; }
.organization_chart02>div+div{margin-left:4%;}
.organization_chart02:before{content:''; width:50%; height:1px; background-color:#bbbbbb; position:absolute; left:25%; top:50%; display:block; z-index:-1;}
.chart_2depth>em{display:block; max-width:160px; padding:8px 0; color:#ffffff; background-color:#3b86d6; border:1px solid #1158a4; font-size:17px; 
		font-weight:500; margin:0 auto; border-radius:2px;}
.organization_chart03{margin-top:120px; position:relative;}
.organization_chart03:before{content:''; width:81%; height:1px; background-color:#bbbbbb; position:absolute; left:9.5%; top:-50px; display:block; z-index:-1;}
.chart_3depth{float:left; width:19%; position:relative;}
.chart_3depth+div{margin-left:1.25%;}
.chart_3depth:before{content:''; width:1px; height:50px; background-color:#bbbbbb; position:absolute; left:50%; top:-50px; display:block; z-index:-1;}
.chart_3depth_03:before{display:none;}
.chart_3depth>em{display:block; background-color:#e1eff5; font-size:16px; font-weight:500; padding:8px 0; border:1px solid #b2d8e8; color:#333333;}
.chart_3depth ul{border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb;  border-bottom:1px solid #bbbbbb; background-color:#ffffff;}
.chart_3depth ul li{padding:6px 0;}
.chart_3depth li+li{border-top:1px solid #dddddd;}

/*Biz*/
.biz_wrap{font-size:15px;}
.biz_wrap>div+div{margin-top:40px; padding-top:40px; border-top:1px dotted #bbbbbb;}
.biz_contnets>*+*{margin-top:25px;}
.biz_img>span{display:block; text-align:center; margin-top:8px;}
.biz_img img{border:1px solid #eeeeee;}
.biz_contnets .news_link span{margin-right:5px;}
.biz_contnets .news_link a{font-size:14px; word-wrap:break-word;}
.biz_contnets .news_link a:hover{color:#222222; text-decoration:underline;}
.biz_contnets02 b{font-size:16px;}
.biz_contnets02 em{font-weight:500;font-size:16px; display:block; color:#222222; margin-bottom:6px;}
.biz_contnets02_title{font-size:22px; color:#222222; text-align:center; font-weight:500; letter-spacing:-1px;}
.biz_contnets02>div>p+p{margin-top:20px;}
.biz_contnets02 .biz_img{margin-top:25px;}

/*튜터모집*/
.tutor_recruitment_wrap{font-size:16px;}
.tutor_recruitment_list.tutor_recruitment_list01{border-top:1px solid #3b86d6; margin-top:15px;}
.tutor_recruitment_list{ padding:15px 20px 15px 100px; background-repeat:no-repeat; background-position:20px 17px; 
		border-bottom:1px dotted #bbbbbb;}
.tutor_recruitment_list01{background-image:url("../images/sub/icon_tutor01.png");}
.tutor_recruitment_list02{background-image:url("../images/sub/icon_tutor05.png");}
.tutor_recruitment_list03{background-image:url("../images/sub/icon_tutor02.png");}
.tutor_recruitment_list04{background-image:url("../images/sub/icon_tutor06.png");}
.tutor_recruitment_list05{background-image:url("../images/sub/icon_tutor03.png");}
.tutor_recruitment_list06{background-image:url("../images/sub/icon_tutor04.png");}
.tutor_recruitment_list07{background-image:url("../images/sub/icon_tutor07.png");}
.tutor_recruitment_list>em{display:block; color:#222222; font-weight:500; font-size:17px;}
.tutor_recruitment_list>ul,.tutor_recruitment_list>p{margin-top:5px;}
.tutor_recruitment_list>ul>li{padding-left:16px; position:relative;}
.tutor_recruitment_list>ul>li:before{position:absolute; left:0; top:0; color:#444444; display:block;}
.tutor_recruitment_list>ul>li:nth-child(1):before{content:'1.';}
.tutor_recruitment_list>ul>li:nth-child(2):before{content:'2.';}
.tutor_recruitment_list>ul>li:nth-child(3):before{content:'3.';}
.tutor_recruitment_list>ul>li:nth-child(4):before{content:'4.';}

/*찾아오시는길 map.php*/
.map_txt{margin-top:30px; text-align:center;}
.map_txt>strong>img{max-width:220px;}
.map_txt>div{margin-top:15px; font-size:15px;}
.map_txt dl{display:inline-block; vertical-align:middle; position:relative;} 
.map_txt dl+dl{padding-left:9px; margin-left:8px;}
.map_txt dl+dl:before{content:''; width:1px; height:12px; display:block; position:absolute; left:0; top:8px; background-color:#999999;}
.map_txt dl dt,.map_txt dl dd{display:inline-block; vertical-align:middle;}
.map_txt dl dt{padding-right:7px; margin-right:5px; position:relative; padding-left:20px; background-repeat:no-repeat; background-position:0 center;}
.map_txt dl dt:after{content:':'; display:block; position:absolute; right:0; top:0; color:#444444;}
.map_txt dl:nth-child(2) dt{background-image:url("../images/sub/icon_phone02.png");}
.map_txt dl:nth-child(3) dt{background-image:url("../images/sub/icon_email02.png");}

/*.distance_learning01_wrap 원격교육이란?*/
.distance_learning01_wrap{font-size:16px;}
.distance_learning01_wrap ul{border-top:1px solid #3b86d6; margin-top:15px;}
.distance_learning01_wrap ul li{padding:20px 20px 20px 70px; border-bottom:1px dotted #bbbbbb; position:relative;}
.distance_learning01_wrap ul li:last-child{border-bottom:2px solid #dddddd; }
.distance_learning01_wrap ul li:before{display:block; font-size:28px; font-weight:bold; color:#50aed2; font-family: 'Lato'; position:absolute; left:20px; top:14px;}
.distance_learning01_wrap ul li>em{display:block; color:#222222; font-size:18px; font-weight:500;}
.distance_learning01_wrap ul li>p{margin-top:5px;}
.distance_learning01_wrap ul li:nth-child(1):before{content:'01';}
.distance_learning01_wrap ul li:nth-child(2):before{content:'02';}
.distance_learning01_wrap ul li:nth-child(3):before{content:'03';}
.distance_learning01_wrap ul li:nth-child(4):before{content:'04';}
.distance_learning01_wrap ul li:nth-child(5):before{content:'05';}
.distance_learning01_wrap ul li:nth-child(6):before{content:'06';}
.distance_learning01_wrap ul li:nth-child(7):before{content:'07';}
.distance_learning01_wrap ul li:nth-child(2),.distance_learning01_wrap ul li:nth-child(4),.distance_learning01_wrap ul li:nth-child(6){background-color:#f5f9fd;}

/*교육운영절차*/
.distance_learning02_wrap{font-size:16px;}
.distance_learning02_wrap>div>ul{ margin-top:15px; }
.distance_learning02_wrap>div>em{font-size:18px; display:block; color:#222222; font-weight:500; position:relative; padding-left:11px;}
.distance_learning02_wrap>div>em:before{content:'';  width:4px; height:4px; display: block;  border:2px solid #555555; position:absolute; left:0; top:10px;
		border-radius:100%;}
.distance_learning_course{border-top:1px solid #3b86d6; margin-top:15px; padding-top:25px;}
.distance_learning_course li{border:1px solid #b2d8e8; padding:12px 20px 12px 70px; position:relative;}
.distance_learning_course li:before{display:block; font-size:28px; font-weight:bold; color:#50aed2; font-family: 'Lato'; position:absolute; left:20px; top:11px;}
.distance_learning_course li+li{margin-top:35px;}
.distance_learning_course li>em{display:block; color:#222222; font-size:17px; font-weight:500;}
.distance_learning_course li>p{margin-top:5px;}
.distance_learning_course ul li:nth-child(1):before{content:'01';}
.distance_learning_course ul li:nth-child(2):before{content:'02';}
.distance_learning_course ul li:nth-child(3):before{content:'03';}
.distance_learning_course ul li:nth-child(4):before{content:'04';}
.distance_learning_course ul li:nth-child(5):before{content:'05';}
.distance_learning_course ul li:nth-child(6):before{content:'06';}
.distance_learning_course ul li:nth-child(7):before{content:'07';}
.distance_learning_course ul li:nth-child(8):before{content:'08';}
.distance_learning_course ul li i{height:22px; width:22px; border:2px solid #439cbe; border-radius:100%; position:absolute; left:50%; bottom:-29px;
		margin-left:-11px;}
.distance_learning_course ul li i:before{content:''; width:4px; height:4px; display:block; border:2px solid #439cbe; border-right-width:0; border-top-width:0;		
		transform: rotate(-45deg);  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-4deg);
		-ms-transform: rotate(-45deg); position: absolute; right:6px; top:6px;}
.distance_learning_course ul li:last-child i,.distance_learning_course ul li:last-child i:before{display:none;}
.document_download{margin-top:40px;}
.document_download>ul{font-size:0;} 
.document_download li{display:inline-block; margin:2px 0.25%; width:180px;}
.document_download li>a{display:block; vertical-align:middle; padding:8px 35px 8px 15px; font-size:14px; color:#ffffff;  border-radius:2px;
		 background:#3b86d6 url("../images/sub/icon_data_download02.png")no-repeat 95% center; border:1px solid #2e7bcc; }
.document_download li>a:hover{background-color:#1158a4; border-color:#003e81;}

/*고용보험 환급과정 distance_learning03_01.asp*/
.distance_learning03_01wrap{font-size:16px;}
.refund_process_wrap01>strong{font-size:18px; font-weight:500; display:block; color:#222222; padding:0 0 15px 11px; position:relative;}
.refund_process_wrap01>strong:before{content:''; width:4px; height:4px; display:block; border:2px solid #555555; position:absolute; left:0; 
		top:10px; border-radius:100%;}
.refund_process_wrap01{border-top:1px solid #3b86d6; margin-top:15px; padding-top:25px;}
.refund_process_wrap01>p{margin-top:8px; color:#3b86d6; font-size:15px; position:relative; padding-left:16px;}
.refund_process_wrap01>p:before{content:'※'; width:4px; height:4px; display:block; position:absolute; left:0; top:0; color:#3b86d6;}
.refund_process_wrap01>div{border:1px solid #bbbbbb; padding:40px 10px; position:relative; width:100%; height:585px;}
.refund_process{width:280px; margin-left:-140px; position:absolute; }
.refund_process01{left:50%; top:40px;  }
.refund_process02{left:50%; top:318px; margin-left:-350px; width:130px;}
.refund_process03{left:50%; top:318px;}
.refund_process04{right:50%; top:318px; margin-right:-350px; width:130px;}
.refund_process>em{color:#ffffff; width:110px; height:110px; display:block; border-radius:100%; text-align:center; font-size:17px; font-weight:500;
		background-color:#999999; line-height:110px; margin:0 auto;}
.refund_process02>em,.refund_process04>em{line-height:1.6; padding-top:25px;}
.refund_process02>em{background-color:#50aed2;}
.refund_process03>em{background-color:#3b86d6;}
.refund_process04>em{background-color:#1158a4;}
.refund_process ul{margin-top:15px; font-size:15px; font-weight:500;}
.refund_process03 ul{position:absolute; left:0; top:-40px; width:100%;}
.refund_process03 ul li:last-child{position:absolute; right:0; top:0;}
.refund_process i{position:absolute; background-color:#444444; left:47%; top:125px; width:1px; height:140px;} 
.refund_process i:before{content:''; height:8px; width:8px; display:block; border:1px solid #444444; border-right-width:0; border-top-width:0;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; }
.refund_process01 i.top_arrow{left:53%;}
.refund_process01 i.top_arrow:before{top:0; left:-4px; border:1px solid #444444;  border-left-width:0; border-bottom-width:0;}
.refund_process01 i.bottom_arrow:before{bottom:0px; left:-4px;}
.refund_process02 i.right_arrow{width:140px; height:1px; left:138px; top:45px;}
.refund_process02 i.right_arrow:before{top:47%;  left:130px; margin-top:-4px; border:1px solid #444444;  border-left-width:0; border-top-width:0;}
.refund_process02 i.left_arrow{width:140px; height:1px; left:138px; top:65px;}
.refund_process02 i.left_arrow:before{top:47%;  left:0px; margin-top:-4px; border:1px solid #444444;  border-right-width:0; border-bottom-width:0;}
.refund_process04 i.right_arrow{width:140px; height:1px; left:-147px; top:55px;}
.refund_process04 i.right_arrow:before{top:0; margin-top:-4px; left:130px;  border:1px solid #444444;  border-left-width:0; border-top-width:0;}
.refund_process_wrap02{margin-top:50px;}
.refund_process_wrap02>div+div{margin-top:40px;}
.refund_process_wrap02>div>strong{font-size:18px; font-weight:500; display:block; color:#222222; padding:0 0 5px 11px; position:relative;}
.refund_process_wrap02>div>strong:before{content:''; width:4px; height:4px; display:block; border:2px solid #555555; position:absolute; left:0; 
		top:10px; border-radius:100%;}
.refund_process_wrap02>div>p,.refund_process_wrap02>div>ul,.refund_process_wrap02>div>div{margin-left:8px;}
.refund_process_wrap02_01>p{color:#3b86d6;}
.refund_process_wrap02_01>ul{margin-top:3px;}
.refund_process_wrap02_01>ul>li{padding-left:16px; position:relative;}
.refund_process_wrap02_01>ul>li:before{display:block; color:#444444; position:absolute; left:0; top:0;}
.refund_process_wrap02_01>ul>li:nth-child(1):before{content:'1)';}
.refund_process_wrap02_01>ul>li:nth-child(2):before{content:'2)';}
.refund_process_wrap02_01>ul>li:nth-child(3):before{content:'3)';}
.refund_process_wrap02_02>div{margin-top:15px;}
.refund_process_wrap02_02>p>span{color:#ed2c2d;}
.refund_process_wrap02_02>div>em{font-size:17px; color:#1158a4; font-weight:500;}
.refund_case01 li{position:relative; padding-left:8px;}
.refund_case01 li:before{content:''; width:2px; height:2px; display:block; background-color:#444444; border-radius:100%; position:absolute; left:0; top:10px;}
.refund_case02 ul{margin-top:5px;}
.refund_case02 li{position:relative; padding-left:19px;}
.refund_case02 li:before{display:block; color:#444444;  position:absolute; left:0; top:0;}
.refund_case02 li:nth-child(1):before{content:'①';}
.refund_case02 li:nth-child(2):before{content:'②';}
.refund_case02 li:nth-child(3):before{content:'③';}
.refund_case02 li:nth-child(4):before{content:'④';}
.refund_case02 li:nth-child(5):before{content:'⑤';}
.refund_case02 li:nth-child(6):before{content:'⑥';}
.refund_case02>p:last-child{margin-top:8px; color:#3b86d6; font-size:15px; position:relative; padding-left:16px;}
.refund_case02>p:last-child:before{content:'※'; width:4px; height:4px; display:block; position:absolute; left:0; top:0; color:#3b86d6;}

/*distance_learning03_02.php 집체.연수교육과정*/
.distance_learning03_02wrap{font-size:16px; }
.distance_learning03_02_txt{margin-top:15px;}
.distance_learning03_02_txt01{background-color:#f5f9fd; border:1px solid #dddddd;  border-top-color:#3b86d6; padding:15px 20px; font-size:17px;}
.distance_learning03_02_txt02{margin-top:30px;}
.distance_learning03_02_txt02 img{margin-bottom:30px;}
.distance_learning03_02_txt02 em{font-size:18px; display:block; color:#222222; font-weight:500; position:relative; padding-left:11px;}
.distance_learning03_02_txt02 em:before{content:'';  width:4px; height:4px; display: block;  border:2px solid #555555; position:absolute; left:0; top:10px;
		border-radius:100%;}
.distance_learning03_02_txt02 p{margin-top:5px; margin-left:8px;}

/*distance_learning03_03.php 과정개발*/
.distance_learning03_03wrap{font-size:16px;}
.distance_learning03_03_txt{border-top:1px solid #3b86d6; margin-top:15px; padding-top:25px;}
.distance_learning03_03_txt>strong{font-size:18px; font-weight:500; display:block; color:#222222; padding:0 0 5px 11px; position:relative;}
.distance_learning03_03_txt>strong:before{content:''; width:4px; height:4px; display:block; border:2px solid #555555; position:absolute; left:0; 
		top:10px; border-radius:100%;}
.distance_learning03_03_txt>p{margin-left:8px;}
.distance_learning03_03_txt02{margin-top:50px; position:relative; width:100%; height:320px; letter-spacing:-1px;}
.distance_learning03_03_txt02 em{display:block; font-weight:500; color:#1158a4; }
.distance_learning03_03_txt02 div{border:2px solid #95d0e6; border-radius:10px; padding:15px 20px; width:280px; height:110px; background-color:#f5f9fd;
		position:absolute; }
.distance_learning03_03_txt02 div p{margin-top:5px; font-size:15px;}
.distance_learning03_03_txt02 div:first-child{width:170px; height:170px; border:3px solid #95d0e6; border-radius:100%; font-size:20px; text-align:center; z-index:10;
		left:50%; top:66px; margin-left:-85px;  padding-top:70px; color:#ffffff; background:linear-gradient( to right, #3b86d6, #50aed2);}		   
.distance_learning03_03_txt02 div:nth-child(2){left:50%; margin-left:-320px; top:0;}
.distance_learning03_03_txt02 div:nth-child(4){left:50%; margin-left:-320px; top:190px;}
.distance_learning03_03_txt02 div:nth-child(3){right:50%; margin-right:-320px; top:0;}
.distance_learning03_03_txt02 div:nth-child(5){right:50%; margin-right:-320px; top:190px;}

/*attention_point.php 학습유의사항*/
.attention_point_wrap{font-size:16px;}
.attention_point_txt{margin-top:15px; }
.attention_point_txt>div+div{margin-top:40px; }
.attention_point_txt01{background-color:#f5f9fd; border:1px solid #dddddd;  border-top-color:#3b86d6; padding:15px 20px; font-size:17px;}
.attention_point_txt02 em{font-size:18px; display:block; color:#222222; font-weight:500; position:relative; padding-left:11px;}
.attention_point_txt02 em:before{content:''; width:4px; height:4px; display: block;  border:2px solid #555555; position:absolute; left:0; top:10px;
		border-radius:100%;}
.attention_point_txt02 ul{margin-top:5px; margin-left:8px;}
.attention_point_txt02 li{padding-left:16px; position:relative;}
.attention_point_txt02 li:before{position:absolute; left:0; top:0; color:#444444; display:block;}
.attention_point_txt02 li:nth-child(1):before{content:'1.';}
.attention_point_txt02 li:nth-child(2):before{content:'2.';}
.attention_point_txt02 li:nth-child(3):before{content:'3.';}
.attention_point_txt03>div{ padding:15px 20px 15px 85px; background-repeat:no-repeat; background-position:15px 17px; 
		border-bottom:1px dotted #bbbbbb;}
.attention_point_txt03>div:nth-child(1){background-image:url("../images/sub/icon_attention_point01.png"); border-top:2px solid #999999;}
.attention_point_txt03>div:nth-child(2){background-image:url("../images/sub/icon_attention_point02.png");}
.attention_point_txt03>div:nth-child(3){background-image:url("../images/sub/icon_attention_point03.png");}
.attention_point_txt03>div:nth-child(4){background-image:url("../images/sub/icon_attention_point04.png");}
.attention_point_txt03>div:nth-child(5){background-image:url("../images/sub/icon_attention_point05.png");}
.attention_point_txt03>div:nth-child(6){background-image:url("../images/sub/icon_attention_point06.png");}
.attention_point_txt03>div:nth-child(7){background-image:url("../images/sub/icon_attention_point07.png");}
.attention_point_txt03>div:nth-child(8){background-image:url("../images/sub/icon_attention_point08.png");}
.attention_point_txt03>div:nth-child(9){background-image:url("../images/sub/icon_attention_point09.png");}
.attention_point_txt03>div>em{display:block; color:#3b86d6; font-weight:500;}
.attention_point_txt03>div>ul{margin-top:5px;}
.attention_point_txt03>div>ul>li{padding-left:16px; position:relative;}
.attention_point_txt03>div>ul>li:before{position:absolute; left:0; top:0; color:#444444; display:block;}
.attention_point_txt03>div>ul>li:nth-child(1):before{content:'1.';}
.attention_point_txt03>div>ul>li:nth-child(2):before{content:'2.';}
.attention_point_txt03>div>ul>li:nth-child(3):before{content:'3.';}
.attention_point_txt03>div>ul>li:nth-child(4):before{content:'4.';}
.attention_point_txt03>div>ul>li:nth-child(5):before{content:'5.';}
.attention_point_txt03>div>ul+p{margin-left:16px; padding-left:16px; position:relative;}
.attention_point_txt03>div>ul+p:before{content:'※'; position:absolute; left:0; top:0; color:#444444; display:block;}
.attention_point_txt03>div>ul>li:nth-child(6):before{content:'6.';}
.attention_point_txt03>div>ul ul>li{padding-left:19px; position:relative;}
.attention_point_txt03>div>ul ul>li:before{position:absolute; left:0; top:0; color:#444444; display:block;}
.attention_point_txt03>div>ul ul>li:nth-child(1):before{content:'①';}
.attention_point_txt03>div>ul ul>li:nth-child(2):before{content:'②';}
.attention_point_txt03>div>ul ul>li:nth-child(3):before{content:'③';}

/*setup_wrap 학습환경설정*/
.setup_wrap{font-size:16px;}
.setup_txt>em{font-size:18px; display:block; color:#222222; font-weight:500; position:relative; padding-left:11px;}
.setup_txt>em:before{content:''; width:4px; height:4px; display: block;  border:2px solid #555555; position:absolute; left:0; top:10px;
		border-radius:100%;}
.setup_txt01{border-top:1px solid #3b86d6; margin-top:15px; padding-top:25px;}
.setup_txt ul{margin-top:15px;}
.setup_txt ul>li{float:left; width:48%; }
.setup_txt ul>li+li{margin-left:4%;}
.setup_txt ul>li>span{border:1px solid #dddddd; padding:15px; display:block; max-width:380px; margin:0 auto;}
.setup_txt ul>li:nth-child(3){clear:both; margin-left:0; margin-top:35px;}
.setup_txt ul>li p{margin-top:12px; padding-left:26px; position:relative;}
.setup_txt ul>li p:before{position:absolute; left:0; top:0; color:#50aed2; display:block; font-family: 'Lato'; font-size:17px; font-weight:bold;}
.setup_txt ul>li:nth-child(1) p:before{content:'01.';}
.setup_txt ul>li:nth-child(2) p:before{content:'02.';}
.setup_txt ul>li:nth-child(3) p:before{content:'03.';}
.setup_txt02{margin-top:45px;}

/*필수프로그램*/
.program_list{margin-top:30px; font-size:15px;}
.program_list>em{ display:block; font-weight:500; color:#50aed2;  font-size:17px; padding:10px 15px 10px 25px; background-color:#f5f9fd;
		border-top:1px solid #3b86d6;  border-bottom:1px solid #dddddd; position:relative;}
.program_list>em:before{content:''; width:4px; height:4px; display: block;  border:2px solid #50aed2; position:absolute; left:10px; top:20px;
		border-radius:100%;}
.program_list li{border-bottom:1px solid #dddddd; font-size:0; padding:8px 0;}
.program_list li>*{display:inline-block; vertical-align:middle; font-size:15px; padding:0 15px; }
.program_list li>div:first-child{width:80%;}
.program_list li>div:first-child strong{color:#222222; display:block; padding-left:6px; position:relative;}
.program_list li>div:first-child strong:before{content:''; width:2px; height:2px; background-color:#444444; display:block; border-radius:100%;
		position:absolute; left:0; top:12px;}
.program_list li>div:first-child p{color:#666666; margin-top:2px; padding-left:6px;}
.program_list .download_link{width:20%;}
.program_list .download_link>a{display:inline-block; font-size:13px; padding:3px 30px 3px 15px; border-radius:100px; border:1px solid #1158a4; 
		color:#1158a4; background:url("../images/sub/download_triangle.png")no-repeat 90% center; max-width:105px; width:92%; text-align:left;}

/*모사방지시스템 운영기준 system.php*/
.system_wrap{font-size:16px;}
.system_contents>strong{font-size:18px; display:block; color:#222222; font-weight:500; position:relative; padding-left:11px;}
.system_contents>strong:before{content:''; width:4px; height:4px; display: block;  border:2px solid #555555; position:absolute; left:0; top:10px;
		border-radius:100%;}
.system_contents>ul,.system_contents>p{margin-left:8px; margin-top:8px;}
.system_contents01{border-top:1px solid #3b86d6; margin-top:15px; padding-top:25px;}
.system_contents02{margin-top:40px;}
.system_contents02>ul>li+li{margin-top:15px;}
.system_contents02>ul>li>em{display:block; color:#3b86d6;  font-weight:500;}
.system_contents02>ul>li>p, .system_contents02>ul ul{margin-top:3px; font-size:15px;}
.system_contents02>ul>li>p, .system_contents02>ul ul li{position:relative; padding-left:9px;}
.system_contents02>ul>li>p:before, .system_contents02>ul ul li:before{content:'-'; display:block; color:#444444; position:absolute; left:0; top:0;}
.system_contents02>ul>li p.point{padding-left:16px;  color:#1158a4; font-size:14px;} 
.system_contents02>ul>li p.point:before{content:'※'; color:#1158a4;}
.system_contents02>ul .prevent li+li{margin-top:5px;}
.system_contents02>ul>li b{line-height:1.4; display:block;}

/*사이트맵 sitemap.php*/
.sitemap{float:left; width:22%; font-size:15px; margin:15px 0; text-align:center;}
.sitemap+div{margin-left:4%;}
.sitemap:nth-child(4n+1){margin-left:0; clear:both;}
.sitemap h3{background-color:#50aed2; color:#ffffff; padding:8px 10px;  border-radius:2px; font-size:16px;}
.sitemap>ul{padding:5px;}
.sitemap li>a:hover{color:#1158a4; }
.sitemap>ul>li>a{display:block; padding:5px 3px; font-weight:500;}
.sitemap:nth-child(2)>ul ul{text-align:left; display:inline-block; margin-left:2px;}
.sitemap:nth-child(2)>ul ul a{display:block; padding:2px 3px; font-weight:500; font-size:14px; color:#666666;}

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

/*common*/
.sub_container>.inner{padding-bottom:80px;}


}/*1500이하 끝*/



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

/*common*/
.sub_container{padding:20px 0 40px;}
.left{display:none; float:none;  }
.right{float:none; width:100%; padding:0; }

/***서브 비주얼***/
.sub_visual{height:160px;}
/*.sub_visual_txt*/
.sub_visual_txt{padding-top:60px;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_bar{display:block;}

/*sub_cs_center_wrap 서브 공통 고객센터*/
.sub_cs_center_wrap{display:block;}



}/*1200이하 끝*/


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

/*vision.asp비전*/
.major_business>ul>li{width:33%; padding:20px 15px 0; }
.major_business>ul>li+li{margin-left:0.5%;}
.major_business>ul>li>div{margin-top:15px;}
/*비전*/
.vision_contnets:before{width:68%;  left:16%;}
.vision_contnets>li{width:32%;}
.vision_contnets>li+li{margin-left:2%;}

/*사이트맵 sitemap.php*/
.sitemap{width:23.5%;}
.sitemap+div{margin-left:2%;}


}/*1024이하 끝*/



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

/*common*/
.sub_container>.inner{padding-bottom:40px;}
.sub_contents{margin-top:15px;}
.sub_contents>h4{font-size:26px; text-align:center;}
 .contents_title{font-size:24px;} 

/***sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭***/
.sub_tab_01{display:none;}
.sub_tab_02{width:50%;}
.sub_tab_03{width:50%; }
.sub_tab.sub_tab_02:before{display:none;}

/*경로표시 공통 breadcrumb*/
.breadcrumb{position:static;}
.breadcrumb>p{text-align:left;}
.breadcrumb span{font-size:13px;}

/*sub_cs_center_wrap 서브 공통 고객센터*/
.sub_cs_center_wrap>div{float:none; width:100%;}

/*greeting.asp 인사말*/
.greeting_wrap .page_title p{font-size:28px;}

/*vision.asp 비전*/
.vision_wrap>div+div{margin-top:50px;}
/*주요사업*/
.major_business>ul{max-width:400px; margin:20px auto 0;}
.major_business>ul>li{width:100%; padding:20px 15px 0; min-height:330px; }
.major_business>ul>li+li{ margin-top:15px;}
/*비전*/
.vision>div{margin-top:20px;}
.vision_contnets{margin-top:40px;}
.vision_contnets:before{display:none;}
.vision_contnets>li{float:none; width:100%; max-width:400px; margin:0 auto;}
.vision_contnets>li+li{margin:25px auto 0;}
.vision_contnets>li:nth-child(2):before,.vision_contnets>li:nth-child(3):before{display:none;}
.vision_contnets ul>li+li{margin-top:0;}

/*history.asp 연혁*/
.history_contents01{height:auto; margin-top:30px;}
.history_contents01>div{width:100%; height:auto; position:static; margin-left:0; border:none; text-align:center;}
.history_contents01 h1{position:static;  margin-left:0; margin-bottom:20px;}
.history_contents01 span{position:static; min-width:115px; padding:15px 15px; font-size:18px;}
.history_contents01 span:nth-child(2){ margin-left:0;}
.history_contents01 span:nth-child(3){margin-left:10px;}
.history_contents01 span:nth-child(4){margin-left:10px; margin-right:0;}
.history_contents02{margin-top:40px;}

/*organization_chart.php 조직도*/
/*조직구성*/
.organization_composition_list>div{width:49%; }
.organization_composition_list>div+div{margin-left:2%; margin-top:15px;}
.organization_composition_list>div:nth-child(2){margin-top:0;}
.organization_composition_list>div:nth-child(2n+1){clear:both; margin-left:0;}
.organization_composition_list>div:nth-child(5){margin-top:-22px;}
/*조직도*/
.chart_1depth:before{height:170px; }
.organization_chart02{margin-top:60px;}
.organization_chart03{margin-top:80px;}
.organization_chart03:before{ width:100%; left:0%; top:-20px; }
.chart_3depth{width:49%;}
.chart_3depth:before{display:none;}
.chart_3depth+div{margin-left:2%; margin-top:15px;}
.organization_chart03 .chart_3depth_02{margin-top:0;}
.chart_3depth:nth-child(2n+1){clear:both; margin-left:0;}

/*교육운영절차*/
.document_download>ul{text-align:center;}
.document_download>ul>li{text-align:left;}

/*고용보험 환급과정 distance_learning03_01.asp*/
.refund_process_wrap01>div{height:600px;}
.refund_process{width:260px; margin-left:-130px; }
.refund_process01{top:35px;  }
.refund_process02{top:360px; margin-left:-250px; width:120px;}
.refund_process03{ top:260px;}
.refund_process04{ top:360px; margin-right:-250px; width:120px;}
.refund_process>em{width:100px; height:100px; line-height:100px;}
.refund_process02>em,.refund_process04>em{line-height:1.6; padding-top:20px;}
.refund_process ul{margin-top:12px;}
.refund_process03 ul {margin-top:0;}
.refund_process i{top:115px; height:100px;} 
.refund_process02 i.right_arrow{width:80px;  left:100px; top:-20px;
		transform:rotate(-30deg);-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg);}
.refund_process02 i.right_arrow:before{top:0; left:70px;}
.refund_process02 i.left_arrow{width:80px; left:112px; top:-8px;
		transform:rotate(-30deg);-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg);}
.refund_process04 i.right_arrow{width:80px; left:-70px; top:-22px;
		transform:rotate(30deg);-webkit-transform:rotate(30deg); -moz-transform:rotate(30deg);-o-transform:rotate(30deg);-ms-transform:rotate(30deg);}
.refund_process04 i.right_arrow:before{top:0px; margin-top:-4px; left:70px;}

/*distance_learning03_03.php 과정개발*/
.distance_learning03_03_txt02{margin-top:40px; height:auto;}
.distance_learning03_03_txt02 div:first-child{	position:static; margin:0 auto;}
.distance_learning03_03_txt02 div{position:static;} 
.distance_learning03_03_txt02 div:nth-child(2),.distance_learning03_03_txt02 div:nth-child(4),
.distance_learning03_03_txt02 div:nth-child(3),.distance_learning03_03_txt02 div:nth-child(5){ margin:20px auto 0;}

/*setup_wrap 학습환경설정*/
.setup_txt ul>li{float:none; width:100%; }
.setup_txt ul>li+li{margin-left:0; margin-top:35px;} 

/*필수프로그램*/
.program_list>em{ padding: 10px 10px 10px 25px;}
.program_list li{ padding:8px 0 12px;}
.program_list li>*{display:block; padding:0 10px; }
.program_list li>div:first-child{width:100%;}
.program_list .download_link{width:100%; text-align:right; margin-top:10px;}

/*사이트맵 sitemap.php*/
.sitemap{width:49%;}
.sitemap:nth-child(2n+1){margin-left:0; clear:both;}


}/*768이하 끝*/

/*560이하 */
@media screen and (max-width:560px){
.refund_process>em{width:90px; height:90px; font-size:16px; line-height:90px; }
.refund_process02>em,.refund_process04>em{line-height:1.4; padding-top:20px;}
.refund_process02{top:355px;  margin-left:-125px; width:110px;}
.refund_process03{top:205px;}
.refund_process04{ top:355px;   margin-right:-125px;  width:110px;}
.refund_process ul{ font-size:14px;}
.refund_process03 ul{top:35px; }
.refund_process i{ top:100px; height:60px;} 
.refund_process02 i.right_arrow{width:60px;  left:50px; top:-30px;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.refund_process02 i.right_arrow:before{top:0; left:50px;}
.refund_process02 i.left_arrow{width:60px; left:65px; top:-25px;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.refund_process04 i.right_arrow{width:60px; left:-8px; top:-28px;
		transform:rotate(45deg);-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.refund_process04 i.right_arrow:before{top:0; left:50px;}



}/*560이하 끝*/

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

/***서브 비주얼***/
/*.sub_visual_txt*/
.sub_visual_txt{padding-top:40px;}


/***sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭***/
.sub_tab_02{width:100%;}
.sub_tab_03{width:100%; }
.sub_tab.sub_tab_03:before{width:100%; top:0; height:1px; }
.sub_tab.sub_tab_02 .sub_tab_2depth{z-index:400;}

/*sub_cs_center_wrap 서브 공통 고객센터*/
.sub_cs_center{padding:6px 15px 8px;}
.sub_cs_center>*{display:block;}
.sub_cs_center p:first-child{ font-size:16px;}
.sub_cs_center p:last-child{margin-left:0; text-align:center;}
.sub_education_link>a{padding:11px 15px;}
.sub_education_link strong{font-size:16px;}

/*sub_page common */
/*sub_page_title*/
.sub_page_title>strong{font-size:22px;}

/*greeting.asp 인사말*/
.greeting_wrap .page_title{font-size:17px;}
.greeting_wrap .page_title p{font-size:22px;}
.greeting_txt>p+p{margin-top:20px;}

/*vision.asp 비전*/
/*주요사업*/
.major_business>ul{margin-top:15px;}
.major_business>ul>li>*{vertical-align:top;} 

/*비전*/
.vision>div{margin-top:15px;}
.vision>div>div:first-child{width:260px; height:260px; border-width:18px; font-size:18px;}
.vision_contnets>li>div{padding:15px 5px 0;}

/*history.asp 연혁*/
.history_contents01 span{display:block; width:100%; padding:6px 5px; border-radius:0;}
.history_contents01 span:nth-child(3),.history_contents01 span:nth-child(4){margin-left:0; }
.history_contents01 span+span{margin-top:2px;}
.history_contents02{margin-top:15px;}
.history_contents02 table{font-size:15px;}
.history_contents02 table th{padding:8px 5px;}
.history_contents02 table td{padding:8px 10px;}

/*organization_chart.php 조직도*/
.organization_chart_wrap>div>strong{font-size:24px;}
/*조직구성*/
.organization_composition>div p:before{width:180px; height:180px; margin-left:-90px; margin-top:-90px;}
.organization_composition>div p:after{width:220px; height:220px; margin-left:-110px; margin-top:-110px;}
.organization_composition>div span{font-size:26px;} 
.organization_composition>div img{width:96%;}

/*Biz*/
.biz_contnets02_title{font-size:18px;}

/*튜터모집*/
.tutor_recruitment_list{ padding:15px 10px 15px 35px; background-position:5px 18px; background-size:22px auto;}

/*찾아오시는길 map.php*/
.map_txt dl{display:block;} 
.map_txt dl+dl{padding-left:0; margin-left:0;}
.map_txt dl+dl:before{display:none;}

/*.distance_learning01_wrap 원격교육이란?*/
.distance_learning01_wrap ul li{padding:15px 10px 15px 50px;} 
.distance_learning01_wrap ul li:before{font-size:24px; left:10px; top:11px;}
.distance_learning01_wrap ul li>p{margin-top:2px;}

/*교육운영절차*/
.distance_learning_course li{padding:10px 10px 10px 50px;} 
.distance_learning_course li:before{font-size:24px; left:10px; top:9px;}
.distance_learning_course li>p{margin-top:2px;}

/*고용보험 환급과정 distance_learning03_01.asp*/
.refund_process_wrap01>div{height:590px;}

/*distance_learning03_02.php 집체.연수교육과정*/
.distance_learning03_02_txt01{padding:15px 10px;}

/*distance_learning03_03.php 과정개발*/
.distance_learning03_03_txt02 div{padding:10px 15px; width:100%; height:auto;}
.distance_learning03_03_txt02 div p{margin-top:2px;} 

/*attention_point.php 학습유의사항*/
.attention_point_txt01{padding:15px 10px;}
.attention_point_txt03>div{padding:15px 10px 15px 35px; background-position:5px 18px; background-size:22px auto;}

/*setup_wrap 학습환경설정*/
.setup_txt ul>li>span{padding:10px;}

/*사이트맵 sitemap.php*/
.sitemap{width:100%; float:none;}
.sitemap+div{margin-left:0;}

}/*420이하 끝*/