@charset "utf-8"; 
/*
  Project _ CSS Init
  FileName _ sub.css - (서브레이아웃)
  Author _ 쮸양~★
  Date _ 2020. 11. 09
  Last _ 2020. 11. 22
*/

.innerLine {position:relative; overflow:hidden; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.container {position:relative; width:1200px; margin:40px auto; overflow:hidden;}

/******************************************************************************************************************************************
	visual CSS (서브비주얼 스타일 설정) - 2020.11.15 쮸양~★
*******************************************************************************************************************************************/
#visual {position:relative; width:100%; height:250px; background-image:url('/groups/language/images/main/mainV_bg.jpg');background-repeat:no-repeat; background-position:center center; background-size:cover;}
#visual span.pic {position:absolute; top:0px; left:0px; width:1200px; height:250px; margin:0px auto; background-image:url('/groups/language/images/main/mainV_img.png');background-repeat:no-repeat; background-position:center center; z-index:0;}
#visual p.eng {padding-top:60px; font-size:3em; color:#fff; text-align:center; margin-bottom:5px; word-break:keep-all; z-index:1;}
#visual p {color:#fff; font-size:1.7em; letter-spacing:-0.05em; text-align:center; line-height:1.4; word-break:keep-all; z-index:1;}


/******************************************************************************************************************************************
	location CSS (로테이션 메뉴 스타일 설정) - 2020.11.15 쮸양~★
*******************************************************************************************************************************************/
.location {position:absolute; bottom:0px; width:100%; background:rgba(0, 100, 53, 0.8); height:50px; z-index:10;}
.location .blank {background:url('/groups/language/images/sub/ico_blank_wh_2.png') no-repeat; background-size:14px}
.location .snb {position:relative}
.location .snb > li {position:relative; float:left}
.location .snb > li::before {position:absolute; top:0; right:0; content:''; display:block; width:1px; height:100%; background:rgba(255, 255, 255, 0.2)}
.location .snb > li > a {display:block; line-height:50px; height:50px; color:#fff; font-size:1.35em; min-width:180px}
.location .snb > li > a.home {display:block; min-width:50px; text-indent:-9999px; background:#fff url('/groups/language/images/sub/ico_home.png') no-repeat 50%; background-size:24px}
.location .snb > li > a:hover {text-decoration:none}
.location .snb > li.has_sub > a {padding:0 40px 0 20px}
.location .snb > li.has_sub > a::before {position:absolute; top:17px; right:15px; content:''; display:block; width:10px; height:10px; background:transparent; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out}
.location .snb > li.has_sub > a.open {color:#fffac0}
.location .snb > li.has_sub > a.open::before {position:absolute; top:24px; right:15px; content:''; display:block; width:10px; height:10px; background:transparent; border-left:1px solid #fffac0; border-bottom:1px solid #fffac0; transform:rotate(-225deg); -webkit-transform:rotate(-225deg); -moz-transform:rotate(-225deg); -ms-transform:rotate(-225deg); -o-transform:rotate(-225deg)}
.location .snb > li > ul {display:none; position:absolute; top:50px; left:0; width:100%; background:#fff; z-index:3; border:1px solid #dedede; border-top:none}
.location .snb > li > ul > li > a {display:block; padding:14px 20px; color:#333; font-size:1.25em}
.location .snb > li > ul > li > a:hover {color:#007d77; text-decoration:none}
.location .snb > li > ul > li.on > a {background:#007d77; color:#fff}
.location_menu {display:none}

/* 위치 */
.location_info {position:absolute; top:15px; right:0px; margin:0px auto; text-align:right;}
.location_info li {position:relative; display:inline-block; font-size:1.35em; padding:0 8px;margin-bottom:4px; color:#fff;}
.location_info li::before {position:absolute; top:10px; right:-4px; content:'';display:block;width:6px; height:6px; background:transparent; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-135deg); transition:all .3s ease-in-out;}
.location_info li:last-child::before {display:none}
.location_info li.home {display:inline-block; width:85px; text-indent:-9999px; background:url('/groups/language/images/sub/ico_home_wh.png') no-repeat 0px 0px; background-size:18px; padding-right:10px;}

/*
@media all and (max-width:667px) {
	#sub_visual .location {display:none}	
	#sub_visual .location_menu {display:block; position:relative; position:absolute; top:115px; left:50%; width:96%; margin-left:-48%}
	#sub_visual .location_menu .menu_wrap {display:block; background:#007d77; font-size:1.35em; padding:0 20px; height:50px; line-height:50px; color:#fff; position:relative; transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out}
	#sub_visual .location_menu .menu_wrap::before {position:absolute; right:20px; top:24px; display:block; width:17px; height:1px; background:#fff; content:""}
	#sub_visual .location_menu .menu_wrap::after {position:absolute; right:28px; top:17px; z-index:1; display:block; height:17px; width:1px; background:#fff; content:""}
	#sub_visual .location_menu .menu_wrap.open {color:#fffac0}
    #sub_visual .location_menu .menu_wrap.open::before {background:#fffac0}	
	#sub_visual .location_menu .menu_wrap.open::after {display:none}	
	#sub_visual .location_menu ul {display:none; position:absolute; top:50px; left:0; width:100%; z-index:5; border:1px solid #dedede; border-top:none}
	#sub_visual .location_menu ul li {position:relative; border-bottom:1px solid #dedede}
	#sub_visual .location_menu ul li:last-child {border-bottom:none}
	#sub_visual .location_menu ul li::before {position:absolute; right:24px; top:21px; display:block; width:15px; height:2px; background:#777; content:""}
	#sub_visual .location_menu ul li::after {position:absolute; right:30px; top:15px; z-index:1; display:block; height:15px; width:2px; background:#777; content:""}
	#sub_visual .location_menu ul li a {font-size:1.35em; color:#111; padding:14px 20px; display:block; transition:all 0.1s ease-in-out; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; background:#f7f7f7}
	#sub_visual .location_menu ul li.on a {background:#007d77; color:#fff}
	#sub_visual .location_menu ul li.on::before {background:#fff}
	#sub_visual .location_menu ul li.on::after {display:none}
	#sub_visual .location_menu ul li ul {background:#eaeaea; border-top:1px solid #dedede; padding:6px 0; overflow:hidden; position:static; display:none; border:none}
	#sub_visual .location_menu ul li ul li {float:left; width:50%; border-bottom:none}
	#sub_visual .location_menu ul li ul li::before, #sub_visual .location_menu ul li ul li::after {display:none}
	#sub_visual .location_menu ul li ul li a {font-size:1.25em; padding:10px 20px; background:none}
	#sub_visual .location_menu ul li.on ul li a {color:#555; background:none}
	#sub_visual .location_menu ul li.on ul li.on a {color:#007d77}
}
@media all and (max-width:480px) {
	#sub_visual .location_menu ul li ul li {float:none; width:100%}
}
*/


/******************************************************************************************************************************************
	content CSS (서브컨텐츠 스타일 설정) - 2020.11.15 쮸양~★
*******************************************************************************************************************************************/
#sub_container {position:relative; padding:50px 0; min-height:500px}
#sub_container .sub_head {position:relative; width:1200px; margin:0 auto}
#sub_container .sub_head h2 {display:block; text-align:center; font-size:3.2em; color:#151515; margin:0 auto 50px auto; word-break:keep-all; font-weight:500}
#sub_container .sub_head .sub_head_info {display:none}
#sub_container #content {width:1200px; margin:0 auto}

/*
@media all and (max-width:1199px) {
	#sub_container .sub_head {width:98%} 
	#sub_container #content {width:98%}
}
@media all and (max-width:667px) {
	#sub_container {padding-top:75px}
	#sub_container .sub_head h2 {font-size:2.8em}
}
*/

/* 폰트 */
h3 {position:relative; margin-bottom:20px; padding-top:10px; min-height:50px; font-size:24px; line-height:160%; color:#222; font-weight:500;}
h4 {margin-bottom:20px; font-size:20px; line-height:160%; color:#008f4c; font-weight:500;}
h5 {position:relative; margin-bottom:20px; padding-left:28px; font-size:15px; line-height:1.2; color:#222}
h5::before {content:""; display:block; position:absolute; top:0; left:2px; width:25px; height:4px; background:#aaa}
h5 span {font-size:13px; color:#555}
p {margin-bottom:30px; font-size:15px; line-height:160%;}


/* 타이틀(텍스트 타입) */
.titT1 {margin-bottom:0.5rem; font-size:24px; line-height:160%; font-weight:400; color:#222;}
.titT2 {margin-bottom:0.5rem; font-size:20px; line-height:160%; font-weight:400; color:#222;}
.titT3 {margin-bottom:0.5rem; font-size:15px; line-height:160%; font-weight:400; color:#0057b8;}

/* 타이틀(블릿 타입) */
.tit1 {color:#222; letter-spacing:-1px; background:url("/groups/language/images/sub/bu_tit01.gif") no-repeat left top;}
.tit2 {padding-left:30px; font-size:18px; background:url("/groups/language/images/sub/bu_tit02.png") no-repeat left top; margin-bottom:10px;}
.tit3 {color:#333; letter-spacing:-1px; background:url("/groups/language/images/sub/bu_tit03.png") no-repeat left top;}

/* 리스트 : 블릿 타입 */
.b_dot1 {padding:0 0 0 0; background:none;}
.b_dot1 li {color:#333; padding-left:20px; font-size:16px; line-height:160%; background:url("/groups/language/images/sub/bu_tit03.png") no-repeat left 5px;}

.s_dot1 {padding:0 0 0 0; background:none;}
.s_dot1 > li {position:relative; padding-left:15px; font-size:15px; line-height:160%; color:#555; background:none;}
.s_dot1 > li:before {content:''; position:absolute; top:10px; left:0; width:5px; height:5px; border-radius:50%; background:#959595;}

.s_dot2 {padding:0 0 0 0; background:none;}
.s_dot2 > li {position:relative; padding-left:15px; line-height:1.6; color:#959595; background:none;}
.s_dot2 > li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background:#7a9eca;}

li.bu_none:before {display:none;}


/* ol 텍스트번호 */
ol.num {margin:0px 0px 30px 10px;}
ol.num li {margin-left:10px; padding-left:5px; list-style:decimal; font-size:18px; line-height:160%; text-align:left; margin-bottom:10px; color:#333;}

ol.num1 {background:none;}
ol.num1 li {margin-left:10px; padding-left:5px; list-style:decimal; line-height:160%; color:#333;}


/* 서브탭메뉴 */
/* tab_menu */
.tab_menu {margin-bottom:40px}
.tab_menu::after {clear:both; content:''; display:block}
.tab_menu li {float:left; margin:-1px -1px 0 0; width:25%}
.tab_menu li:nth-child(1):nth-last-child(3), .tab_menu ul li:nth-child(1):nth-last-child(3) ~ li {width:33.3%}
.tab_menu li a {display:block; text-align:center; font-size:1.35em; color:#333; border:1px solid #dedede; height:50px; line-height:48px}
.tab_menu li a:hover {text-decoration:none; color:#007d77}
.tab_menu li.on a {color:#fff; background:#007d77}
@media all and (max-width:667px) {
	.tab_menu li {width:50% !important}
}


/******************************************************************************************************************************************
	content CSS (컨텐츠내용 스타일 설정) - 2020.11.22 쮸양~★
*******************************************************************************************************************************************/
/* 타이틀이미지 */
.s01::before {background:url('/groups/language/images/sub/box_guide_s01.png') no-repeat 50% 50%;}
.s02::before {background:url('/groups/language/images/sub/box_guide_s02.jpg') no-repeat left bottom; background-size:200px 200px;}
.s03::before {background:url('/groups/language/images/sub/box_guide_s03.png') no-repeat 50% 50%;}
.s04::before {background:url('/groups/language/images/sub/box_guide_s04.png') no-repeat 50% 50%;}

/* 인사말 */
.infoBox {position:relative; width:100%; overflow:hidden; padding:0px 0px 0px 200px; box-sizing:border-box; background:url('/groups/language/images/sub/info_img3.jpg') no-repeat left 0px; letter-spacing:-0.08em;}

.infoBox p {font-size:19px; line-height:165%;}
.infoBox p.tit {font-size:30px; color:#000;}
.infoBox p.line {width:100%; height:5px; margin:30px 0px; background:url(/groups/language/images/sub/info_line.png) no-repeat 0px 0px;}


/* 강사소개 */
.proBox {display:table; width:100%; overflow:hidden; margin-bottom:30px;}
.pro_list {position:relative; display:table-cell; width:600px; overflow:hidden; padding:30px 30px; border:1px dashed #ddd;}

.pro_list_no {position:relative; display:table-cell; width:600px; overflow:hidden; padding:30px 30px; border:none; text-indent:-9999px;}

.pro_list .pro_img {float:left; overflow:hidden; position:relative; display:block; width:150px; height:160px; margin-right:30px; border:1px solid #ccc;}
.pro_list .pro_img img{width:100%; height:100%;}
.pro_list .pro_info {float:left; display:block;position:relative; width:65%; z-index:1}

.pro_list .pro_info h4 {margin-bottom:0px;}

.pro_list .pro_info .year {position:relative; width:100%; overflow:hidden;}
.pro_list .pro_info .year span.day {font-size:13px; color:#414141;}
.pro_list .pro_info .year .txt {}


/* 직원소개 */
.orgBox {text-align:center;}


/* 캠퍼스안내 */
.campusInfo {overflow:hidden}
.campusInfo p {width:100%; text-align:center; margin-bottom:50px;}
.campusInfo .txtBox {overflow:hidden; width:900px; margin:0px auto;}
.campusInfo .txtBox ol {overflow:hidden; float:left; width:50%; background:#fff}
.campusInfo .txtBox ol::after {content:''; clear:both; display:block; height:0}
.campusInfo .txtBox ol li {font-size:15px; font-weight:500; line-height:2.0}
.campusInfo .txtBox ol li em {display:inline-block; margin-right:5px; color:#fff; font-size:12px; text-align:center; width:24px; height:24px; line-height:24px; background:#002e73; border-radius:50%}
.campusInfo .txtBox li em.bg1 {display:inline-block; margin-right:5px; color:#fff; font-size:12px; text-align:center; width:24px; height:24px; line-height:24px; background:#fa0000; border-radius:50%}
.campusInfo .txtBox li em.bg2 {display:inline-block; margin-right:5px; color:#fff; font-size:12px; text-align:center; width:24px; height:24px; line-height:24px; background:#009944; border-radius:50%}

.campusInfo .txtBox li span {margin-left:5px; font-weight:400; letter-spacing:-0.1px; font-family:'NanumMyeongjo'}
@media all and (max-width:640px) {
	.campusInfo .txtBox {float:none; width:100%} 
}
@media all and (max-width:480px) {
	.campusInfo .txtBox li {font-size:1.3em; line-height:2.2; letter-spacing:-0.5px}
	.campusInfo .txtBox li span {margin-left:0; font-size:12px; letter-spacing:-0.5px}
}


/* 강좌소개 > 강좌안내 > 영어인터뷰 */
.box_guide {position:relative; min-height:120px; padding:5px 5px; background:url(/groups/language/images/sub/tit_pattern.png) repeat;}
.box_guide .titleBox {position:relative; background:#fff; padding:30px 50px 30px 250px}
.box_guide .titleBox::before {content:''; display:block; position:absolute; top:0; left:0; width:250px; height:100%}
.box_guide .titleBox p.tit {font-size:1.8em; margin:0 0 10px 0; color:#000;}
.box_guide .titleBox p {font-size:1.5em}
.box_guide .titleBox p strong {color:#2985f5}


/* 탭메뉴 */
/* tab_btn */
.tab_btn {margin-bottom:40px; background:#f3f8f8; padding:15px}
.tab_btn::after {clear:both; content:''; display:block}
.tab_btn li {display:inline-block; position:relative}
.tab_btn li::after {content:''; display:block; position:absolute; top:8px; right:0; width:1px; height:12px; background:#ddd}
.tab_btn li:last-child::after {display:none}
.tab_btn li a {display:block; text-align:center; font-size:1.35em; color:#333; padding:5px 20px}
.tab_btn li a:hover {text-decoration:none; color:#007d77}
.tab_btn li.on a {color:#007d77}


/* 연혁 */
.history {overflow:hidden; display:none}
.list_box {margin-bottom:50px; display:table; width:100%}
.list_box:last-child {margin-bottom:0}
.list_box h3 {display:table-cell; padding:0; font-size:4em; width:300px; color:#006435; text-align:center; background:url(/groups/language/images/sub/his_h3_bg.png) no-repeat 0px 20%; background-size:100%;}

.list_box .list {display:table-cell; width:calc(100% - 300px); vertical-align:top; padding-left:50px; position:relative}
.list_box .list::before {content:''; display:block; position:absolute; top:6px; left:50px; width:2px; height:97%; background:#eaeaea}
.list_box .list dl {display:table; width:100%; position:relative; font-size:1.35em; padding-left:25px; margin-bottom:20px}
.list_box .list dl:last-child {margin-bottom:0}
.list_box .list dl::before {content:""; position:absolute; left:-6px; top:6px; width:10px; height:10px; background:#fff; border:2px solid #cacaca; border-radius:50%}
.list_box .list dl dt {display:table-cell; width:100px}
.list_box .list dl dd {display:table-cell; position:relative; padding-left:20px; width:calc(100% - 100px)}
.list_box .list dl dd::before {content:""; position:absolute; left:0; top:9px; width:5px; height:5px; background:#999}
.list_box .list dl dd ul {margin-top:10px; padding:15px 20px; background:#f7f7f7}
.list_box .list dl dd ul li {position:relative; padding-left:20px; font-size:1em; line-height:1.4; margin-bottom:5px; color:#777}
.list_box .list dl dd ul li:last-child {margin-bottom:0}
.list_box .list dl dd ul li::before {content:""; position:absolute; left:0; top:11px; width:7px; height:1px; background:#999}


/******************************************************************************************************************************************
	pyo CSS (컨텐츠표 스타일 설정) - 2020.11.18 쮸양~★
*******************************************************************************************************************************************/
/* 컨텐츠표속성 */
.basePyo {position:relative; width:100%; border-collapse:collapse; border-top:1px solid #2c3e7e; margin:10px 0px;}
.basePyo thead th {padding:10px 10px; border:1px solid #2c7e55; text-align:center; color:#2c7e55; background:#f2fbf4; font-size:18px; font-weight:500;}
.basePyo tbody th {padding:10px 10px; border:1px solid #dedede; text-align:center; color:#103581; background:#f8f8f8; font-size:18px; font-weight:500;}
.basePyo th {padding:10px 10px; border:1px solid #dedede; text-align:center; color:#333; background:#f2f4fb; font-size:16px;}
.basePyo td {padding:10px 10px; text-align:center; font-size:15px; border:1px solid #dedede;}
.basePyo th.noL {border-left:none;}
.basePyo th.noR {border-right:none;}
.basePyo td.blackTop {padding:10px 10px; text-align:center; border-top:2px solid #222;}
.basePyo td ul {margin-bottom:0;}
.basePyo td ol {margin-bottom:0;}

/* 게시판텍스트정렬 */
.basePyo td.tl {text-align:left;}
.basePyo td.tr {text-align:right;}

p.line {width:100%; height:5px; margin:30px 0px; background:url(/groups/language/images/sub/info_line.png) no-repeat 0px 0px;}