/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트
// 처리내용 : 
// 작 성 자 : 2013-09-06 강대인 
//=================================================================================================*/
@import url("/modules/user/css/base.css");

body { position:relative; }

#wrap { width:100%; }
/* pc 버전일때 */
@media (min-width:1200px) {
#all_View_wrap { display:none; }
#header .m_menu_btn { display:none; }
#header { width:100%; background:#fff; padding:20px 0; }
#header .logo { text-align:center; font-family: 'Montserrat', sans-serif; font-size:30px; font-weight:500; }
#header .logo a { display:inline-block; }
#header .lnb_wrap { position:fixed; left:40px; top:40px; }
#header .lnb { line-height:24px; font-size:12px; color:#545454; margin:0 0 20px 0; }
#header .lnb .first_lnb { font-family: 'Montserrat', sans-serif; }
#header .lnb .first_lnb a { display:inline-block; }
#header .lnb .first_lnb a:after { content:''; display:block; margin:auto; height:1px; width:0; background:transparent; transition:width .5s ease,background-color .5s ease; }
#header .lnb .menu_open .active:after,
#header .lnb .menu_open .on a:after,
#header .lnb .first_lnb a:hover:after { width:100%; background:#6a8518; color:#6a8518; }
#header .lnb .first_lnb .sub_lnb { display:none; padding:0 0 0 10px; }
#header .lnb .first_lnb .sub_lnb li {  }
#header .lnb .menu_open .sub_lnb { display:block; }

#header .sns_link { overflow:hidden; position:absolute; right:50px; top:50px; }
#header .sns_link li { float:left; margin:0 0 0 15px; }

#container { width:1200px; margin:0 auto; padding:50px 0 100px 0; }

.sub1010 { overflow:hidden; width:1020px; margin:0 auto; padding:45px 0; }
.sub1010 .img { float:left; width:500px; margin:0 20px 0 0; }
.sub1010 .contents { float:left; width:500px; padding:180px 0 0 0; }
.sub1010 .contents .tit { text-align:center; margin:0 0 20px 0; font-size:24px; font-weight:bold; color:#333; font-family: 'Montserrat', sans-serif; }
.sub1010 .contents .text { font-size:15px; line-height:24px; color:#333; text-align:center; word-wrap:break-word; }

.sub1020 { overflow:hidden; z-index:999999; padding:45px 0; }
.sub1020 .tit { font-family: 'Montserrat', sans-serif; text-align:center; margin:0 0 10px 0; font-size:24px; font-weight:bold; color:#333; }
.sub1020 .text { font-size:14px; line-height:24px; color:#333; text-align:center; word-wrap:break-word; margin:0 0 100px 0; }
.sub1020 .text a { color:#387cbb; }
.sub1020 .text_red { color:#ff0000; }
.sub1020 .sub1020_con { width:920px; margin:0 auto; }
.sub1020 .sub1020_con li { margin:0 0 100px 0; }
.sub1020 .sub1020_con li ul { overflow:hidden; }
.sub1020 .sub1020_con li ul li { float:left; margin:0; }
.sub1020 .sub1020_con li ul .img_con { width:552px; }
.sub1020 .sub1020_con li ul .text_con { width:368px; text-align:center; padding:100px 0 0 0; font-size:16px; font-weight:500; line-height:30px; }
.sub1020 .sub1020_con li ul .text_con p { font-size:14px; font-weight:300; text-transform:uppercase; }


.sub1030 .naver_map { width:90%; margin:0 auto 50px; }
.sub1030 .naver_map .daum_map { width:100%; }
.sub1030 .naver_map .wrap_map { height:500px !important; }
.sub1030 .rough_map { text-align:center; }
.sub1030 .text { font-size:15px; line-height:24px; color:#333; text-align:center; word-wrap:break-word; }
.sub1030 .text span { font-family: 'Montserrat', sans-serif; }

.sub20 { overflow:hidden; width:1040px; margin:0 auto; padding:50px 0 0 0; }
.sub20 .img { float:left; width:355px; margin:0 15px 0 0; text-align:center; }
.sub20 .img img { width:80%; }
.sub20 .m_img { display:none; }
.sub20 .profile { float:left; width:670px; }
.sub20 .tit { display:inline-block; font-size:24px; font-weight:bold; color:#333; margin:0 0 40px 0; padding:0 0 0 20px; }
.sub20 .tit span { font-family: 'Montserrat', sans-serif; }
.sub20 .list { font-size:14px; line-height:30px; color:#333; padding:0 0 0 40px; }
.sub20 .list li { /*font-family: 'Playfair Display', serif; font-weight:500;*/ font-weight:500; word-wrap:break-word; word-break:keep-all; }
.sub20 .list li span { /*font-family: "Noto Sans KR", sans-serif; font-weight:300;*/ font-weight:500; word-wrap:break-word; word-break:keep-all; }
.sub20 .list li:nth-child(8),
.sub20 .list li:nth-child(12),
.sub20 .list li:nth-child(17){ margin:0 0 20px 0; }

.sub30 { overflow:hidden; width:1150px; margin:0 auto; padding:45px 0; }
.sub30 .img { float:left; width:555px; margin:0 20px 0 0; }
.sub30 .contents { float:left; width:575px; padding:211px 0 0 0; }
.sub30 .contents .tit { text-align:center; margin:0 0 20px 0; font-size:24px; font-weight:bold; color:#333; font-family: 'Montserrat', sans-serif; }
.sub30 .contents .text { font-size:15px; line-height:24px; color:#333; text-align:center; word-wrap:break-word; word-break:keep-all; }

.sub4010 { overflow:hidden; padding:45px 0; min-height:540px; }
.sub4010 .lesson_type { float:left; width:356px; }
.sub4010 .lesson_type li { margin:0 0 10px 0; }
.sub4010 .lesson_type li a { display:inline-block; /*background:linear-gradient(to top, #f6f6f6 40%, transparent 40%);*/ font-size:24px; color:#333; margin:0 0 5px 0; }
.sub4010 .lesson_type li a:after { content:''; display:block; margin:auto; height:1px; width:0; background:transparent; transition:width .5s ease,background-color .5s ease; }
.sub4010 .lesson_type li p { font-size:14px; color:#333; }
.sub4010 .lesson_type li a.on,
.sub4010 .lesson_type li a:hover { display:inline-block; /*background:linear-gradient(to top, #6a8518 40%, transparent 40%);*/ font-size:24px; color:#333; margin:0 0 5px 0; }
.sub4010 .lesson_type li a:hover:after { width:100%; background:#6a8518; color:#6a8518; }
.sub4010 .lesson_info { float:left; width:700px; text-align:left; }
.sub4010 .lesson_info .img { margin:0 0 20px 0; }
.sub4010 .lesson_info .text { font-size:15px; line-height:24px; color:#333; word-wrap:break-word; word-break:keep-all; }

.sub4020 { overflow:hidden; padding:45px 0; min-height:540px; }
.sub4020 .lesson_type { float:left; width:356px; }
.sub4020 .lesson_type li { margin:0 0 10px 0; }
.sub4020 .lesson_type li a { display:inline-block; /*background:linear-gradient(to top, #f6f6f6 40%, transparent 40%);*/ font-size:24px; color:#333; margin:0 0 5px 0; }
.sub4020 .lesson_type li a.on:after,
.sub4020 .lesson_type li a:after { content:''; display:block; margin:auto; height:1px; width:0; background:transparent; transition:width .5s ease,background-color .5s ease; }
.sub4020 .lesson_type li p { font-size:14px; color:#333; }
.sub4020 .lesson_type li a.on,
.sub4020 .lesson_type li a:hover { display:inline-block; /*background:linear-gradient(to top, #6a8518 40%, transparent 40%);*/ font-size:24px; color:#333; margin:0 0 5px 0; }
.sub4020 .lesson_type li a.on:after,
.sub4020 .lesson_type li a:hover:after { width:100%; background:#6a8518; color:#6a8518; }
.sub4020 .lesson_info { float:left; width:640px; text-align:left; }
.sub4020 .lesson_info .img { text-align:center; margin:0 0 20px 0; }
.sub4020 .lesson_info .text { font-size:15px; line-height:24px; color:#333; word-wrap:break-word; word-break:keep-all; }

.sub50 { width:1020px; margin:0 auto; padding:45px 0; }
.sub50 .sub50_top { margin:0 0 100px 0; }
.sub50 .sub50_top .img { text-align:center; margin:0 0 50px 0; }
.sub50 .sub50_top .text {  }
.sub50 .sub50_top .text h2 { text-align:center; margin:0 0 20px 0; font-size:24px; font-weight:bold; color:#333; font-family: 'Montserrat', sans-serif; }
.sub50 .sub50_top .text h2 span { vertical-align:text-top; font-size:16px; }
.sub50 .sub50_top .text p { font-size:15px; line-height:24px; color:#333; text-align:center; padding:0 50px; word-wrap:break-word; word-break:keep-all; }
.sub50 .sub50_con { display:flex; align-items:center; gap:50px; }
.sub50 .sub50_con .img { width:520px; }
.sub50 .sub50_con .text { width:100%; }
.sub50 .sub50_con .text h2 { text-align:center; margin:0 0 20px 0; font-size:24px; font-weight:bold; color:#333; font-family: 'Montserrat', sans-serif; }
.sub50 .sub50_con .text h2 span { vertical-align:text-top; font-size:16px; }
.sub50 .sub50_con .text ul {  }
.sub50 .sub50_con .text ul li { font-size:15px; line-height:24px; color:#333; background:url("../img/sub/sub50_bullet.png") 0 11px no-repeat; padding:0 0 0 15px; margin:0 0 10px 0; word-wrap:break-word; word-break:keep-all; }


#footer { position:absolute; bottom:0; width:100%; overflow:hidden; margin:0 auto; padding:20px 0; font-family:'Basic Commercial LT Std','Arial',sans-serif; }
#footer .operating_tit { font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:500; line-height:24px; color:#545454; padding:0 0 0 40px; }
#footer .operating { font-size:12px; color:#545454; line-height:20px; margin:0 0 30px 0; padding:0 0 0 40px; }
#footer .operating li span { font-family: 'Montserrat', sans-serif; }
#footer .operating li span.font_blue { color:#387cbb; } 
#footer .operating li span.font_red { color:#ff0000; }
#footer .foot_sns { display:none; }
#footer .company_info { font-size:12px; color:#545454; line-height:20px; padding:0 0 0 40px; }
#footer .company_info span { font-family: 'Montserrat', sans-serif; }

.warring { position:fixed; bottom:10px; right:10px; color:#ff0000; }
}
/* 테블릿 버전일때 */
@media (max-width:1199px) {
.asideopen #wrap:before { display:block; content:''; position:fixed; top:0; left:0; z-index:101; width:100%; height:100%; background:rgba(0,0,0,.6); cursor:pointer; }

#all_View_wrap { overflow-y:scroll; overflow-x:hidden; position:fixed; top:0; bottom:0; left:-80%; z-index:999999; width:50%; box-sizing:border-box; background:rgba(255,255,255,1); }
#all_View_wrap.v2 { width:80%; min-width: 315px; background: #fff; overflow-y:hidden; }
#all_View_wrap .view_close { position:absolute; top:20px; right:20px; cursor:pointer; }
#all_View_wrap .lnb_wrap { padding:20px 0 0 20px; }
#all_View_wrap .m_lnb { line-height:24px; font-size:12px; color:#545454; margin:0 0 20px 0; }
#all_View_wrap .m_lnb .first_lnb { font-family: 'Montserrat', sans-serif; }
#all_View_wrap .m_lnb .first_lnb a { display:inline-block; }
#all_View_wrap .m_lnb .first_lnb a:after { content:''; display:block; margin:auto; height:1px; width:0; background:transparent; transition:width .5s ease,background-color .5s ease; }
#all_View_wrap .m_lnb .menu_open .active:after,
#all_View_wrap .m_lnb .menu_open .on a:after,
#all_View_wrap .m_lnb .first_lnb a:hover:after { width:100%; background:#6a8518; color:#6a8518; }
#all_View_wrap .m_lnb .first_lnb .sub_lnb { display:none; padding:0 0 0 10px; }
#all_View_wrap .m_lnb .first_lnb .sub_lnb li {  }
#all_View_wrap .m_lnb .menu_open .sub_lnb { display:block; }

#header { width:100%; background:#fff; padding:20px 0; }
#header .logo { text-align:center; font-family: 'Montserrat', sans-serif; font-size:30px; font-weight:500; }
#header .logo a { display:inline-block; }
#header .lnb_wrap { display:none; position:fixed; left:40px; top:40px; }
#header .lnb { line-height:24px; font-size:12px; color:#545454; margin:0 0 20px 0; }
#header .lnb .first_lnb { font-family: 'Montserrat', sans-serif; }
#header .lnb .first_lnb a { display:inline-block; }
#header .lnb .first_lnb a:after { content:''; display:block; margin:auto; height:1px; width:0; background:transparent; transition:width .5s ease,background-color .5s ease; }
#header .lnb .first_lnb a:hover:after { width:100%; background:#6a8518; color:#6a8518; }
#header .lnb .first_lnb .sub_lnb { display:none; padding:0 0 0 10px; }
#header .lnb .first_lnb .sub_lnb li {  }

#header .sns_link { display:none; overflow:hidden; position:absolute; right:20px; top:35px; }
#header .sns_link li { float:left; margin:0 0 0 15px; }
#header .sns_link li:first-child { margin:0; }

#header .m_menu_btn { position:absolute; top:30px; left:20px; }

#container { width:100%; padding:30px 14px 80px 14px; box-sizing:border-box; }

.sub1010 { overflow:hidden; width:100%; }
.sub1010 .img { width:100%; text-align:center; margin:0 0 20px 0; }
.sub1010 .img img { width:100%; }
.sub1010 .contents { width:100%; text-align:center; }
.sub1010 .contents .tit { text-align:center; margin:0 0 20px 0; font-size:18px; font-weight:bold; color:#333; font-family: 'Montserrat', sans-serif; }
.sub1010 .contents .text { font-size:12px; line-height:24px; color:#333; text-align:center; word-wrap:break-word; }

.sub1020 { overflow:hidden; z-index:999999; }
.sub1020 .tit { font-family: 'Montserrat', sans-serif; text-align:center; margin:0 0 50px 0; font-size:18px; font-weight:bold; color:#333; }
.sub1020 .text { display:none; font-size:12px; line-height:24px; color:#333; text-align:center; word-wrap:break-word; margin:0 0 50px 0; }
.sub1020 .text a { color:#387cbb; }
.sub1020 .text_red { color:#ff0000; }
.sub1020 .sub1020_con { width:100%; }
.sub1020 .sub1020_con li {  }
.sub1020 .sub1020_con li ul { overflow:hidden; margin:0 0 50px 0; }
.sub1020 .sub1020_con li ul li { float:left; }
.sub1020 .sub1020_con li ul li:nth-child(odd) { margin:0 1% 0 0; }
.sub1020 .sub1020_con li ul .img_con { width:50%; }
.sub1020 .sub1020_con li ul .img_con img { width:100%; }
.sub1020 .sub1020_con li ul .text_con { width:49%; text-align:center; padding:20px 0 0 0; font-size:14px; font-weight:500; word-wrap:break-word; word-break:keep-all; }
.sub1020 .sub1020_con li ul .text_con p { font-size:12px; font-weight:300; text-transform:uppercase; word-wrap:break-word; word-break:keep-all; }


.sub1030 {  }
.sub1030 .naver_map { margin:0 0 30px 0; }
.sub1030 .naver_map .wrap_map { height:300px !important; }
.sub1030 .rough_map { text-align:center; }
.sub1030 .text { font-size:14px; line-height:24px; color:#333; text-align:center; word-wrap:break-word; }
.sub1030 .text span { font-family: 'Montserrat', sans-serif; }

.sub20 { overflow:hidden; width:100%; }
.sub20 .img { display:none; }
.sub20 .m_img { width:100%; text-align:center; margin:0 0 30px 0; }
.sub20 .m_img img { width:50%; }
.sub20 .profile { width:100%; }
.sub20 .tit { display:inline-block; font-size:18px; font-weight:bold; color:#333; margin:0 0 20px 0; padding:0 0 0 10px; }
.sub20 .tit span { font-family: 'Montserrat', sans-serif; }
.sub20 .list { font-size:12px; line-height:24px; color:#333; padding:0 20px; }
.sub20 .list li { /*font-family: 'Playfair Display', serif; font-weight:500;*/ font-weight:500; word-wrap:break-word; word-break:keep-all; }
.sub20 .list li span { /*font-family: "Noto Sans KR", sans-serif; font-weight:300;*/ font-weight:500; word-wrap:break-word; word-break:keep-all; }
.sub20 .list li:nth-child(8),
.sub20 .list li:nth-child(12),
.sub20 .list li:nth-child(17){ margin:0 0 20px 0; }

.sub30 { width:100%; }
.sub30 .img { width:100%; margin:0 0 20px 0; }
.sub30 .contents { width:100%; }
.sub30 .contents .tit { text-align:center; margin:0 0 20px 0; font-size:18px; font-weight:bold; color:#333; font-family: 'Montserrat', sans-serif; }
.sub30 .contents .text { font-size:12px; line-height:24px; color:#333; padding:0 30px; text-align:center; word-wrap:break-word; word-break:keep-all; }

.sub4010 { width:100%; }
.sub4010 .lesson_type { margin:0 0 50px 0; }
.sub4010 .lesson_type li { margin:0 0 10px 0; }
.sub4010 .lesson_type li a { display:inline-block; /*background:linear-gradient(to top, #f6f6f6 40%, transparent 40%);*/ font-size:18px; color:#333; margin:0 0 5px 0; }
.sub4010 .lesson_type li a:after { content:''; display:block; margin:auto; height:1px; width:0; background:transparent; transition:width .5s ease,background-color .5s ease; }
.sub4010 .lesson_type li p { font-size:12px; color:#333; }
.sub4010 .lesson_type li a.on,
.sub4010 .lesson_type li a:hover { display:inline-block; /*background:linear-gradient(to top, #6a8518 40%, transparent 40%);*/ font-size:18px; color:#333; margin:0 0 5px 0; }
.sub4010 .lesson_type li a:hover:after { width:100%; background:#6a8518; color:#6a8518; }
.sub4010 .lesson_info { width:100%; text-align:left; }
.sub4010 .lesson_info .img { margin:0 0 20px 0; }
.sub4010 .lesson_info .img img { width:100%; }
.sub4010 .lesson_info .text { font-size:12px; line-height:24px; color:#333; word-wrap:break-word; word-break:keep-all; }

.sub4020 { width:100%; }
.sub4020 .lesson_type { margin:0 0 50px 0; }
.sub4020 .lesson_type li { margin:0 0 10px 0; }
.sub4020 .lesson_type li a { display:inline-block; /*background:linear-gradient(to top, #f6f6f6 40%, transparent 40%);*/ font-size:18px; color:#333; margin:0 0 5px 0; }
.sub4020 .lesson_type li a:after { content:''; display:block; margin:auto; height:1px; width:0; background:transparent; transition:width .5s ease,background-color .5s ease; }
.sub4020 .lesson_type li p { font-size:14px; color:#333; }
.sub4020 .lesson_type li a.on,
.sub4020 .lesson_type li a:hover { display:inline-block; /*background:linear-gradient(to top, #6a8518 40%, transparent 40%);*/ font-size:18px; color:#333; margin:0 0 5px 0; }
.sub4020 .lesson_type li a:hover:after { width:100%; background:#6a8518; color:#6a8518; }
.sub4020 .lesson_info { width:100%; text-align:left; }
.sub4020 .lesson_info .img { margin:0 0 20px 0; }
.sub4020 .lesson_info .img img { width:100%; }
.sub4020 .lesson_info .text { font-size:12px; line-height:24px; color:#333; word-wrap:break-word; word-break:keep-all; }

.sub50 { width:100%; }
.sub50 .sub50_top { margin:0 0 100px 0; }
.sub50 .sub50_top .img { text-align:center; margin:0 0 50px 0; }
.sub50 .sub50_top .img img { width:50%; }
.sub50 .sub50_top .text {  }
.sub50 .sub50_top .text h2 { text-align:center; margin:0 0 20px 0; font-size:18px; font-weight:bold; color:#333; font-family: 'Montserrat', sans-serif; }
.sub50 .sub50_top .text h2 span { vertical-align:text-top; font-size:12px; }
.sub50 .sub50_top .text p { font-size:14px; line-height:24px; color:#333; text-align:center; word-wrap:break-word; word-break:keep-all; }
.sub50 .sub50_con {  }
.sub50 .sub50_con .img { text-align:center; margin:0 0 50px 0; }
.sub50 .sub50_con .img img { width:50%; }
.sub50 .sub50_con .text { width:100%; }
.sub50 .sub50_con .text h2 { text-align:center; margin:0 0 20px 0; font-size:18px; font-weight:bold; color:#333; font-family: 'Montserrat', sans-serif; }
.sub50 .sub50_con .text h2 span { vertical-align:text-top; font-size:12px; }
.sub50 .sub50_con .text ul {  }
.sub50 .sub50_con .text ul li { font-size:14px; line-height:24px; color:#333; background:url("../img/sub/sub50_bullet.png") 0 11px no-repeat; padding:0 0 0 10px; margin:0 0 10px 0; word-wrap:break-word; word-break:keep-all; }

#footer { width:100%; overflow:hidden; padding:20px 10px; font-family:'Basic Commercial LT Std','Arial',sans-serif; box-sizing:border-box; }
#footer .operating_tit { font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:500; line-height:24px; color:#545454; }
#footer .operating { font-size:12px; color:#545454; line-height:20px; margin:0 0 30px 0; }
#footer .operating li span { font-family: 'Montserrat', sans-serif; }
#footer .operating li span.font_blue { color:#387cbb; } 
#footer .operating li span.font_red { color:#ff0000; }
#footer .foot_sns { overflow:hidden; margin:0 0 30px 0; }
#footer .foot_sns li { float:left; text-align:center; margin:0 0 0 5px; }
#footer .foot_sns li:first-child { margin:0; }
#footer .foot_sns li img { width:60%; }
#footer .company_info { font-size:12px; color:#545454; line-height:20px; }
#footer .company_info span { font-family: 'Montserrat', sans-serif; }

}