@charset "utf-8";

@font-face {
    font-family: 'ROEHOE-CHAN';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/ROEHOE-CHAN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24Shiningstar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.common_help_box {padding:15px; border:1px #ddd solid;  font-size:13px; line-height:18px; color:#777; background:#f2f2f2;}




.color_c1 {color:#c75252;}
.color_c2 {color:#de9e17;}
.color_c3 {color:#4b87dc;}

/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {float:right; padding-top:60px; }
.company_intro .photo_box img {max-width:100%;}

.company_intro .txt_area {margin-right:550px;}
.company_intro .txt_area dt {font-size:23px; line-height:28px; color:#222; margin-bottom:30px;}
.company_intro .txt_area dd {font-size:17px; color:#666; word-break:keep-all; line-height:26px;}
.company_intro .txt_area .sign {margin-top:70px; color:#000; color:#000;}
.company_intro .txt_area .sign strong {font-family: 'Cafe24Shiningstar'; font-size:40px; display:inline-block; margin-left:40px;}


.company_intro .com_middle_title {font-size:25px; color:#000; font-weight:bold; padding-bottom:25px;}



.lecture_common_top {position:relative; padding-top:20px;}
.lecture_common_top .icon {position:absolute; left:0px; top:0%;;}
.lecture_common_top .text {margin-left:0px;}
.lecture_common_top .text dl dt {font-size:30px; font-weight:bold; color:#f6b221;}
.lecture_common_top.color .text dl dt {color:#c75252;}

.lecture_common_top .text dl dd {font-size:16px; margin-top:15px; line-height:18px; }
.lecture_common_top .text ul {margin-top:30px; background:#f8f8f8; padding:30px; border-radius:15px;}
.lecture_common_top .text ul li {font-size:16px; margin:13px 0px; position:relative; padding-left:40px; line-height:20px;} 
.lecture_common_top .text ul li span {position:absolute; left:0px; top:0px; width:30px; line-height:30px; heighT:30px; border-radius:30px;  text-align:center;  background:#f6b221; color:#333; }

.lecture_common_top.color .text ul li span { background:#c75252; color:#fff; }

.lecture_common_top .text ul li strong {display:inline-block; background:#fae4b6; color:#000; font-weight:normal;; padding:0 4px;}

.lecture_common_top.color .text ul li strong {background:#f7d8d8; color:#000;}

.lecture_common_top .center_title {font-size:25px; font-weight:bold; color:#000; padding-top:30px;}

.lecture_common_ul {margin-top:60px;}
.lecture_common_ul li {display:inline-block; font-size:0px; width:224px; bordeR:1px #ddd solid; margin-right:15px; vertical-align:top;}
.lecture_common_ul li.last {margin-right:0px;}
.lecture_common_ul li .box {text-align:center; padding:60px 60px 30px; position:relative;}
.lecture_common_ul li .box .cont{color:#000; font-size:16px;  display:inline-block; background:#f6b221; color:#fff; padding:0 10px; border-radius:15px;   }

.lecture_common_ul.color li .box .cont{background:#c75252; color:#fff; }

.lecture_common_ul li .box span {display:inline-block; padding-left:2px;}


.lecture_common_ul li .box .icon{height:80px; line-height:80px;}
.lecture_common_ul li .box .icon img {vertical-align:middle;}
.lecture_common_ul li .text {text-align:center; padding:20px; background:#f6f6f6; min-height:120px;}
.lecture_common_ul li .text .t1 {font-size:22px; color:#000; margin-bottom:10px; padding-top:20px;}
.lecture_common_ul li .text .t2 {font-size:16px; color:#777; line-height:18px;}



.lecture_common_help  {background:#f6f6f6 url(../images/contents/lecture_common_help_bg.png) 60px 50% no-repeat;; padding:30px; position:relative; margin-top:50px; border-radius:30px; font-size:16px; color:#000; line-height:22px; padding-left:250px;} 
.lecture_common_help .etc  {margin-top:20px; color:#c75252; text-decoration:underline;} 
.lecture_common_help.etc_box {padding:60px; text-align:center; font-size:22px; line-height:22px;  border-radius:20px;  color:#c75252;}



.common_education { position:relative;   position:relative; margin-top:60px;}

.common_education .title {  padding:60px; margin:80px 40px 0px;; margin-top:-420px; text-align:center; position:relative;}
.common_education .title .t1 {font-size:40px; color:#fff;  margin-bottom:30px;font-weight:bold; }
.common_education .title .t2 {font-size:18px; color:#fff;   display:block;; padding-bottom:20px;}

.common_education .info_box {background:#fff; padding:60px; margin:80px 40px 0px; margin-top:0px;;position:relative; z-index:1;  }
/*
.common_education .info_box ul {margin-top:20px; overflow:hidden;}
.common_education .info_box ul li.list{float:left; width:30%; margin-bottom:30px; }
.common_education .info_box ul li.list .box {padding:30px; border:1px #ddd solid; text-align:center;  min-height:400px;}
.common_education .info_box ul li.list.center{margin:0 5% 30px;;}


.common_education .info_box ul li.list dl dt {font-size:22px; font-weight:bold; color:#000; border-bottom:1px #ddd solid; padding-bottom:20px; margin:20px 0px;}
.common_education .info_box ul li.list dl dd {font-size:16px; color:#888;}
.common_education .info_box ul li.list dl dd ul li{font-size:14px; background:none; line-height:18px; color:#777}
*/


.common_education .info_box ul li {position:relative; border-bottom:1px #ddd dashed; padding:30px; margin-bottom:10px;}
.common_education .info_box ul li .box {display:table; width:100%;}
.common_education .info_box ul li .box .col {display:table-cell; vertical-align:middle;}
.common_education .info_box ul li .icon {width:120px;}
.common_education .info_box ul li .icon img {vertical-align:middle;}
.common_education .info_box ul li dl {padding-left:80px;}
.common_education .info_box ul li dl dt {color:#222; font-size:30px; margin-bottom:20px; line-height:40px;}
.common_education .info_box ul li dl dd {color:#737373; font-size:16px; line-height:18px;}
.common_education .info_box ul li dl dd .line { background:#fae4b6; color:#000; font-weight:normal;; padding:0 4px; display:inline-block;}



.customer_03_box {position:relative;}
.customer_03_box .col_box {display:table; width:100%;}
.customer_03_box .col_box .col {display:table-cell; vertical-align:middle;}
.customer_03_box .icon img {vertical-align:middle;}
.customer_03_box .text  {padding-left:80px; font-size:16px; padding:30px;}
.customer_03_box .text .t1 {font-size:30px; font-weight:bold; color:#ef745a; margin-bottom:20px;}
.customer_03_box .text .t2 .mail{background:#ffcfb7; color:#000; font-size:20px; padding:0 4px;}





/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}


#daum_map {width:100%; height:350px; margin-top:45px;}


table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left}



.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 




@media all and (max-width:1024px) {




/*인사말*/

.company_intro .photo_box {float:none;}
.company_intro .txt_area {margin-right:0px; padding-top:30px;}




.lecture_common_top { padding-top:0px;}
.lecture_common_top .text {margin-left:0px; padding-top:30px;}
.lecture_common_top .text dl dt {font-size:30px; line-height:30px;}

.lecture_common_top .text ul {padding:10px; border-radius:15px;}

.lecture_common_top .text ul li {margin:22px 0px;}


.lecture_common_ul li { width:auto; display:block;}
.lecture_common_ul li .box { padding:30px;}



.lecture_common_help  {background-position:center 30px;  position:relative; padding:200px 20px 60px; }
.lecture_common_help .etc  {margin-top:20px; color:#c75252; text-decoration:underline;} 

.lecture_common_help.etc_box {padding-top:200px;}





.common_education {  margin-top:0px;}

.common_education .title {  padding:20px; margin:40px 10px 0px;; margin-top:-420px; text-align:center; position:relative;}
.common_education .title .t1 {font-size:25px;  margin-bottom:30px;font-weight:bold; }
.common_education .title .t2 {font-size:16px; padding-bottom:20px;}

.common_education .info_box {background:#fff; padding:40px 0px; margin:80px 20px 0px; }

.common_education .info_box ul li {padding:0px; padding-bottom:25px; margin-bottom:10px;}
.common_education .info_box ul li .box {display:block; width:auto;}
.common_education .info_box ul li .box .col {display:block; vertical-align:middle;}
.common_education .info_box ul li .icon {width:auto; text-align:center;}
.common_education .info_box ul li dl {padding-left:0px;}
.common_education .info_box ul li dl dt {font-size:20px; margin-bottom:20px; line-height:30px; text-align:center;}
.common_education .info_box ul li dl dd {font-size:15px;}





.customer_03_box .col_box {display:block; width:auto;}
.customer_03_box .col_box .col {display:block; }
.customer_03_box .col_box .col.icon {text-align:center;}
.customer_03_box .col_box .col img  {max-width:80%; }
.customer_03_box .text  {padding-left:0px; font-size:16px; padding:30px 11px; text-align:center; }



table.cStyle_location {font-size:13px;}
table.cStyle_location th {padding:10px;width:100px;}
table.cStyle_location td { padding:10px;}




/*오시는길*/
.company_map dl { margin:0px;}
.company_map dt {font-size:14px; margin:0px; }
.company_map dd {font-size:12px; line-height:16px;}
.company_map dl+ dl {display:none;}
.company_map {padding:10px; height:auto; }
.company_map .btn_box {display:none;}
#daum_map {height:200px !important;}


}