/* ȸ»ç¼Ò°³ -  Àλ縻 - ù¹ø° ´Ü¶ô */
.ceo_01 {padding-bottom:50px; text-align:left; }
.ceo_01 dl dt {float:right; width:35%;}
.ceo_01 dl dd {float:left; width:55%;}
.ceo_01 dl dt img {width:100%;}
.ceo_01 h4 {font-size:43px;line-height:120%;  padding:40px 0; color:#572085;}
.ceo_01 h4 span {font-size:43px; color: #000; font-weight:300; }
.ceo_01 .txt_con { text-align:left;}
.ceo_01 p {font-size:19px; line-height:180%; letter-spacing:-0.01em;   padding:0 0 20px 0;  text-align:left; }
.ceo_01 p.ceo {font-size:13px;  padding:10px 0 20px 0;    text-align:right; }
.ceo_01 p.ceo span.sign {font-size:19px; color:#000; padding:0 0 20px 10px; }

@media screen and (max-width:1260px) {
.ceo_01 {padding-bottom:30px;}
.ceo_01 h4 {font-size:33px;padding:20px 0;}
.ceo_01 h4 span {font-size:33px; }
.ceo_01 p {font-size:17px; line-height:150%;}
}

@media screen and (max-width:767px) {
.ceo_01 {max-width:500px; margin:0 auto;}
.ceo_01 h4,.ceo_01 h4 span {font-size:25px; }
.ceo_01 p {font-size:13px; padding:0 0 10px 0;}
.ceo_01 dl dt,
.ceo_01 dl dd {float:none; width:100%;}
}







/* ȸ»ç¼Ò°³ - Àλ縻 - µÎ¹ø° ´Ü¶ô */
.guide {text-align:center; position:relative; margin:100px auto; width:100%;}
.guide ul li{position:absolute; width:30%; text-align:left; font-size:17px; letter-spacing:-0.04em; line-height:160%; } 
.guide ul li span { font-size:23px; letter-spacing:-0.06em; margin-bottom:13px; font-weight:600; padding-bottom:5px; border-bottom:1px solid #572085; display:block;} 
.guide h4 {width:32%; margin:0 auto;}
.guide ul li.no01 span {color:#18AFAD;} 
.guide ul li.no02 span {color:#F44E91;} 
.guide ul li.no03 span {color:#0570F0;} 
.guide ul li.no04 span {color:#572085;} 
@media screen and (min-width:950px) {
.guide ul li.no01 {top:70px; left:0;} 
.guide ul li.no02 {top:70px; right:0;} 
.guide ul li.no03 {top:220px; left:0;} 
.guide ul li.no04 {top:220px; right:0;}  
}
@media screen and (max-width:1300px) {
.guide {width:900px; }
.guide ul li{;font-size:15px; } 
}
@media screen and (max-width:960px) {
.guide {width:100%; height:auto; margin:50px auto;}
.guide h4 {padding-bottom:30px;}
.guide ul {max-width:450px; margin:0 auto;}
.guide ul li{width:100%;font-size:15px; position:relative; padding-bottom:30px;}
}
@media screen and (max-width:750px) {
.guide h4 {width:100%}
.guide h4 img{width:220px;}
.guide ul li{font-size:13px;  } 
.guide ul li span {font-size:17px; margin-bottom:7px;}
}







/********** ¿À½Ã´Â±æ ±¸±Û¸Ê ¿¬µ¿ *********/
/* ȸ»ç¼Ò°³ - ¿À½Ã´Â±æ */
.location,.location .location_txt,.location .location_map,.root_daum_roughmap,.location_map iframe  {width:100%;}  
.list_img {margin:30px auto; background:#eee; width:100%;}
.list_img ul { padding:10px;}
.list_img ul li {width:31.33%; margin:1%; background:#fff; float:left; }
.list_img ul:after, .list_img dl:after {content:"";display:block;clear:both;} 
.list_img dl dt {background:#C5C5C5; width:20%; float:left; text-align:center; padding:5px 0;}
.list_img dl dd {width:76%; float:left; padding:10px 2% 0 2%;}
.list_img dl dd span {font-size:15px; color:#000; display:block;  font-family:"Metropolis-ExtraBold";font-weight:bold;}
.list_txt ul { padding-top:10px;}
.list_txt ul li {width:100%;  }
.list_txt dl dt {width:100%; font-size:17px; font-weight:bold; padding-bottom:4px;}
.list_txt dl dd {width:100%; font-size:15px; margin-bottom:20px;  padding-bottom:20px;  border-bottom:1px solid #eee;}
 
/* ¸ð¹ÙÀÏ */
@media screen and (max-width:1000px) {
.list_img dl dt img {width:40px; padding:10px 0;}
.list_img ul li {width:100%; margin:3px 0%;}
.list_txt dl dt { font-size:15px;}
.list_txt dl dd {font-size:13px;}
}












/**********1.2°­»ç¼Ò°³  // 2.±³À°ºÐ¾ß*********/
.business_box { position:relative; width:100%;}
.business_box ul {width:100%;  display:flex;  flex-wrap :wrap; }
.business_box ul li {width:30.333%; padding:1.5%;  margin-bottom:20px; }
.business_box ul li dl {background:#F5F5F5; border:1px solid #E1E2E1; padding:20px 20px 0 20px;  height:100%;}
.business_box ul li:nth-child(odd) dl {background:#fff;}
.teacher ul li:nth-child(odd) dl {background:#F5F5F5;}
.business_box ul li ul {margin-top:15px;}
.business_box ul li ul:after {content:"";display:block;clear:both;} 
.business_box ul li ul li {width:98%; font-size:15px; padding:3px 0 3px 8px; margin:0; float:left; background:url(../../img/dot_1.gif) no-repeat 0 11px; }
.business_box ul li h4 {font-size:26px;color:#000;  padding:20px 0;  margin-bottom:15px; border-bottom:1px solid #E1E2E1; }
.business_box ul li h4 span {padding-left:2px; font-size:20px; opacity:0.6;}
.business_box ul li a dl,.business_box ul li a dl img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.business_box ul li a:hover dl img {opacity:0.7;}
.business_box ul li a:hover dl {box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}
.business_box ul li p {font-size:15px; text-align:left;}
.business_box ul li dt {width:100%;}
.business_box ul li dd {width:100%;}
.business_box ul li img {width:100%;}
 
@media screen and (max-width:1000px) {
.business_box  {max-width:700px; margin:0 auto;}
.business_box ul li {width:100%; padding:10px 0;}
.business_box ul li ul {margin-top:10px;}
.business_box ul li ul li {font-size:13px; padding:3px 0 3px 8px;  }
.business_box ul li h4 {font-size:21px; }
.business_box ul li h4 span {font-size:16px;}
.business_box ul li p {font-size:13px;}
}













 /********** 1-3. Çпø³»ºÎ*********/
.circle_box { position:relative; width:100%; margin-bottom:80px;}
.circle_box ul {width:100%;}
.circle_box ul li {width:22%; padding:0 1.5%; float:left;}
.circle_box ul:after {content:"";display:block;clear:both;}
.circle_box ul li dl {padding:20px;}
.circle_box ul li h4 {font-size:22px;color:#000; text-align:center; padding:10px 0; font-weight:600; line-height:140%;}
.circle_box ul li a dl,
.circle_box ul li a dl img { -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.circle_box ul li a:hover dl img {opacity:0.7;}
.circle_box p { font-size:20px; margin:20px 0; text-align:center;}

.circle_box ul li dt {width:100%;  }
.circle_box ul li dd {width:100%;}
.circle_box ul li dt img {width:100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}

@media screen and (max-width:1000px) {
.circle_box  {max-width:700px; margin:0 auto;}
.circle_box ul li {width:47%;}
.circle_box ul li h4 {font-size:17px; padding:5px 0; }
.circle_box  p {font-size:13px;}
}






/* 1-3. Çпø³»ºÎ ¾Æ·¡ ¸®½ºÆ®*/
.con_style5 {padding:50px 0; border-bottom:1px solid #eee;}
.con_style5 dl dt {width:44%;}
.con_style5 dl dt img {width:100%;}
.con_style5 dl dd {width:50%;}
.con_style5 dl dd p{line-height:160%; font-size:18px; margin-bottom:40px;}
.con_style5 dl dt a img { -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s; display:inline-block;}
.con_style5 dl dt a:hover img {opacity:0.7; box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}

@media screen and (max-width:1000px) {
.con_style5 {max-width:700px; margin:0 auto; padding:30px 0 20px 0;}
.con_style5 dl dt {width:100%;}
.con_style5 dl dd {width:100%; margin-top:13px;}
.con_style5 dl dd p {font-size:14px; margin-bottom:20px;}
}








 
/* 2. ±³À°  */
.con_style1 {border:1px solid #E1E2E1; margin-bottom:30px; }
.con_style1 dl {background:#F5F5F5; }
.con_style1 dl dt {width:50%;}
.con_style1 dl dt img {width:88%; padding:6%;}
.con_style1 dl dd {width:44%; padding:3%;}
.con_style1 dl dd h4 span {display:block; font-size:60px; color:#E4E4E4; padding-bottom:15px; line-height:100%; font-weight:bold; }
.con_style1 dl dd h4 {font-size:29px;color:#572085; padding-bottom:30px;  font-weight:bold;}
.con_style1 dl dd p.d_t01 { line-height:130%;font-size:17px; margin:0 0 10px 0;   }
.con_style1 dl dd p.d_t02 {font-size:18px;margin:0 0 40px 0; opacity:0.8; }
.con_style1 dl dt a img { -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s; display:inline-block;}
.con_style1 dl dt a:hover img {opacity:0.7; box-shadow: -60px 0px 80px -90px #000000, 60px 0px 80px -90px #000000;}

.con_style1 dl.bgw {background:#fff;}

@media screen and (max-width:1000px) {
.con_style1 {max-width:700px; margin:0 auto; margin-bottom:20px;}
.con_style1 dl dt {width:100%;}
.con_style1 dl dt img {width:88%; padding:6% 6% 10px 6%;}
.con_style1 dl dd {width:88%; padding:0 6% 6% 6%;}
.con_style1 dl dd h4 span {font-size:40px; }
.con_style1 dl dd h4 {font-size:23px; padding-bottom:15px; }
.con_style1 dl dd p.d_t01 {font-size:15px; }
.con_style1 dl dd p.d_t02 {font-size:14px; margin:0 0 20px 0;}
}










/********** 3.Ãëâ¾÷ *********/
/* ÀýÂ÷ºÎºÐ  */
.process {width:100%; margin-bottom:50px;}
.process ul{max-width:1150px; margin:20px auto;  }
.process ul li {float:left; display:inline-block; width:160px; padding-right:30px; background:url(../../img/arrow.png) no-repeat right 40px; text-align:center;}
.process ul li:last-child {padding:0; background:none;}
.process ul li .pro_img {display:inline-block;  width:120px; height:120px; text-align:center;  }
.process ul li .pro_img img {width:100%;}
.process ul li p span {font-size:40px; line-height:100%; color:#E4E4E4; display:block;  font-family:"Metropolis-ExtraBold";font-weight:bold; }
.process ul li p {font-size:17px;  line-height:100%; font-weight:600; padding-top:5px;}

@media screen and  (max-width:1300px) {
.process ul{max-width:900px;}
.process ul li { width:130px; padding-right:20px;  background-position:right 30px; background-size:25px;}
.process ul li .pro_img {width:90px; height:90px;}
.process ul li p span {font-size:30px; }
.process ul li p {font-size:15px;}
}
 
@media screen and  (max-width:960px) {
.process ul{max-width:700px;}
.process ul li {width:100px; background-position:right 25px; padding-bottom:30px;}
.process ul li .pro_img {width:75px; height:75px;}
.process ul li p {font-size:13px;}
}

@media screen and  (max-width:767px) {
.process ul{max-width:300px;}
.process ul li {width:80px;  background-position:right 27px; background-size:16px;}
.process ul li .pro_img {width:75px; height:75px;}
}



/* ÇÏ´Ü ¼³¸íºÎºÐ */
.pro_txt {margin-bottom:30px; background:#eee; padding:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.pro_txt dl {border-radius:9px;  margin-bottom:10px; background:#fff; }
.pro_txt dl:after {content:"";display:block;clear:both;}
.pro_txt dt {background:#572085;  color:#fff; float:left; display:inline-block;  width:16%; text-align:center; font-size:18px; padding:13px 1%; margin:15px 1%; font-weight:900; border-radius:8px; }
.pro_txt dd {float:left; display:inline-block; width:80%; margin-top:15px; text-align:left; } 
.pro_txt dd p {line-height:160%; font-size:16px; padding:10px; } 
.pro_txt dd p span{font-size:15px; font-weight:bold; color:#572085; } 

@media screen and  (max-width:767px) {
.pro_txt dl {padding:10px;}
.pro_txt dt,.pro_txt dd {float:none; display:block;  width:98%; padding:6px 1%; margin:0;}
.pro_txt dt {font-size:15px; } 
.pro_txt dd {margin-top:4px; }
.pro_txt dd p,.pro_txt dd p span {font-size:13px; padding:0px;} 
}









/********** 4. ÀԽðúÁ¤*********/
.history #section0 .inner{width:1000px;margin:0 auto; overflow:hidden;}
.history #section0{width:100%}
.history #section0 .inner .history_box .list_box .now_box{position:relative;padding:20px 0 90px; width:200px; margin:0 auto;}
.history #section0 .inner .history_box .list_box .now_box>img{position:relative;z-index:2}
.history #section0 .inner .history_box .list_box .now_box:after{content:'';display:block;position:absolute;top:220px;left:100px;width:1px;height:9999px; background:url(../../img/dot_11.gif) 0 0 repeat-y;z-index:1}
.history #section0 .inner .history_box .list_box .history_list{position:relative;padding-bottom:100px;border-bottom:1px solid #000;z-index:3; }
.history #section0 .inner .history_box .list_box .history_list li dl{position:relative; min-height:390px;}
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding-bottom:20px;font-size:30px;color:#000; font-weight:bold;}
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative;padding:0 0 6px 12px;font-size:16px;line-height:22px;color:#010101; }
.history #section0 .inner .history_box .list_box .history_list li dl img {width:100%;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{content:'';display:block;position:absolute;top:11.5px;left:0;width:3px;height:3px;background:#000;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child{margin-top:15px;padding:0;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child:after{display:none}
.history #section0 .inner .history_box .list_box .history_list li:first-child{margin-top:0 !important}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:-130px 0 0 50%;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding-left:130px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after{content:'';display:block;width:127px;height:13px;position:absolute;top:15px;left:-6px;
background:url(../../img/list_line_right.gif) 0 0 no-repeat}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:-130px 48.2% 0 0;text-align:right}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding-right:130px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{display:inline-block;clear:right}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{content:'';display:block;width:128px;height:13px;position:absolute;top:15px;right:-6px;
background:url(../../img/list_line_left.gif) 0 0 no-repeat}

@media screen and (max-width:1200px) {
.history_list {padding-left:6px;}
.history #section0 .inner{width:100%;}
.history #section0 .inner .history_box .list_box .now_box{ margin:0; text-align:left; width:300px; }
.history #section0 .inner .history_box .list_box .now_box img{position:relative;z-index:2; width:230px; }
.history #section0 .inner .history_box .list_box .now_box:after{top:46px;left:6px;}
.history #section0 .inner .history_box .list_box .history_list li dl{min-height:auto;}
.history #section0 .inner .history_box .list_box .history_list li dl dt{padding:10px 0 2px 10px;font-size:20px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd{position:relative;padding:0 0 6px 20px;font-size:13px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child{margin:10px 0 20px 0;padding:0}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child:after{display:none;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:after{ top:10px;left:12px;}
.history #section0 .inner .history_box .list_box .history_list li dl dd:last-child{ padding:10px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even){margin:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl{padding:0}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(even) dl:after,
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl:after{left:-3px; height:10px; background:url(../../img/dot_c.gif) 0 3px no-repeat; background-size:7px;}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd){margin:0;text-align:left; }
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl{padding:0px}
.history #section0 .inner .history_box .list_box .history_list li:nth-child(odd) dl dd{display:inline-block;clear:left}
}



 

 
 

/* °øÅë ¸®½ºÆ®*/
.list_01 {width:100%; }
.list_01 ul li {font-size:15px; padding-left:8px; background:url('../../img/dot_1.gif') 0 9px no-repeat; display:block;} 
@media screen and (max-width:1000px) {
.list_01 ul li {font-size:11px; padding-left:6px; background:url('../../img/dot_1.gif') 0 7px no-repeat;} 
}