@charset "utf-8";

/* 감춰질 것 */
.toggle , .m, .m_global,.snb_m, #mobile_close, .toggle m {display: none}

/* 보여질 것 */
.pc {display: block}

/* 가로 사이즈 px */
.header_in, .main_coachg, .main_bt_banner,.footer_in, .footer2_wrap, .sub_con{width:1100px; margin:0 auto}
body {background:url(/skin/images/common/sfc_bg.png)repeat}
/* gnb */
.header_wrap {background:#fff; position:relative}
.header_in { height:70px; position:relative}
.header_in > h1 {width:285px; height:41px; background:url(/skin/images/common/sfc_logo.png)no-repeat; position:absolute; top:11px; left:0}
.header_in > h1 > a {display:block; width:285px; height:41px; z-index:2000; position:absolute; top:0; left:0}
.header_in .gnb {text-align:right; position:relative}
.gnb a:hover { color: #256afa}
.depth1 {margin-right:150px}
.depth1 li {display:inline-block; font-size:19px; color:#000; letter-spacing:-.01em; padding:0 30px}
.depth1 > li:last-of-type {padding-right:0!important}
.depth1 > li > a {float:left; padding:23px 7px 23px 7px; color:#000}
.depth1 > li > a:hover { border-bottom:3px solid #2467f3; padding-bottom:20px}
.depth1 > li > span { margin:-35px 0 0 0; display:inline-block;  font-size:15px}
.depth2 {position:absolute; left:0; top:70px; z-index:10}
.depth2 li{padding:0 5px}
.depth2 > li:last-of-type {padding-right:0!important}
.depth2 li a {font-size:16px; padding:15px 5px; color:#5d5c5c; display:inline-block}
.depth2 li:after:last-child {color:#fff}
.depth2 li a:hover { border-bottom:2px solid #2467f3; padding-bottom:12px}
.depth2.sub1{margin-left:294px; display:none}
.depth2.sub2{margin-left:616px; display:none}
.depth2.sub3{margin-left:840px; display:none}
.depth2_bg{ background:rgba(255,255,255,0.9); position:absolute; top:70px; left:0; height:53px; display:none; z-index:1; width:100%}

/* 로그인버튼  */
.btn_mng{ background:#85888e; width:85px; height:33px; display:inline-block; color:#fff; text-align:center; border-radius:3px; line-height:33px; position:absolute; right:0; top:17px; z-index:200}
.btn_mng:hover{ background:#93969d}
a.btn_mng {color:#fff}

/* 메인 배너 */
.main_banner_wrap {background:url(/skin/images/main/main_banner4_bg.png)0 145px repeat-x; min-height:321px}
.main_banner_in {margin-top:-60px}
.main_banner_in div { cursor: hand; cursor: pointer}
.main_banner1 {background:url(/skin/images/main/main_banner1.png)no-repeat; width:367px; height:144px; float:left}
.main_banner2 {background:url(/skin/images/main/main_banner2.png)no-repeat; width:366px; height:144px; float:left}
.main_banner3 {background:url(/skin/images/main/main_banner3.png)no-repeat; width:367px; height:144px; float:left}
.main_banner4 {background:url(/skin/images/main/main_banner4.png)no-repeat; width:949px; height:169px; float:left; margin-left:70px}

/* 코칭과정 클래스 */
.main_coachg {margin-top:60px; padding-bottom:130px; text-align:center; overflow:hidden}
.main_coachg h2 {width:612px;height:39px;margin:0 auto;margin-bottom:45px;background:url(/skin/images/main/main_tit1.png)no-repeat}
.main_coachg .class { margin:0 auto; text-align:center} 
.main_coachg .class li {float:left;width:346px;height:419px;margin-top:40px;margin-right:31px;background-color:#ced6d9}
.main_coachg .class li:nth-child(3n+3) {margin-right:0}
.mentor {border:1px solid #080103; position:relative; width:344px; height:417px}
.mentor_extd {width:386px; float:left}
.mno1,.mno2,.mno3,.mno4,.mno5,.mno6,.mno7,.mno8,.mno9,.mno10,.mno11,.mno12 {background-position:50% bottom; background-rpeat:no-repeat}
.mentor .mno_ico {background:url(/skin/images/common/ico_mentor.png)no-repeat; width:118px; height:100px; display:block; position: absolute; left:-4px; top:-14px; padding:36px 0 0 0}
.mentor .mno_ico span {display:block; font-size:25px; color:#ffd258; line-height:1.25em; margin-left:-4px}
.mentor .mno_ico b {font-size:21px; color:#fff; margin-left:-4px} 
.mentor i {background: rgba(0, 0, 0, 0.88); font-size:16px; color:#fff; display:block; height:40px; width:344px; z-index:5;  position: absolute; left:0; bottom:0; line-height:40px}
	
/* 코칭과정 클래스 탭 */
.main_coachg .nav li a{line-height:2.0} 
.nav{margin-bottom:0;padding-left:0;list-style:none}
.nav>li{display:block;position:relative}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav::after,.nav::before{display:table;content:" "}
.nav::after{clear:both}
.nav-justified{width:100%}
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs>li{margin-bottom:-1px;vertical-align:bottom}
.nav-tabs>li>a{color:#ccc}
.nav-tabs>li>a:hover{background:#1c347f;border:none;color:#fff}
.nav-tabs.nav-justified{width:100%;border-bottom:0}
.nav-tabs.nav-justified>li{float:none;display:table-cell;width:1%}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{border:1px solid #256afa}
.nav-tabs.nav-justified>li>a{background:#1c347f;border-radius:4px 4px 0 0;border-bottom: 1px solid #256afa;margin-right:0;margin-bottom:5px;text-align:center}
.nav-tabs.nav-justified>li>a:hover{background:#2644a6;border-left:#000 1px solid}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{font-size:18px;color:#fff;cursor:default;background-color:#256afa;border:1px solid #256afa;border-bottom-color:transparent}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.label-success{background-color:#1ea701}
.label-warning{background-color:#ff8a00}    

/* 메인하단배너 */
.main_bt_banner { padding-bottom:100px; text-align:center; overflow:hidden}
.main_bt_banner p + p {margin-top:40px}

/* 메인푸터 */
.footer_wrap {background:#fff;font-size:13px; padding:15px 0; overflow:hidden}
.footer_wrap h1 {background:url(/skin/images/common/sfc_ft_logo.png) no-repeat; width:217px; height:34px; float:right; margin-top:14px}
.footer_wrap span {display:inline-block; padding-left:30px; background:url(/skin/images/common/ico_div.gif) 13px 3px no-repeat}
.footer_wrap span:first-of-type {padding-left:0; background:none}
.footer_wrap b {font-weight:bold; color:#000}
/* 서브푸터 */
.footer2_wrap {font-size:13px; padding:12px 2px; overflow:hidden; color:#71787e; box-sizing : border-box}
.footer2_wrap h1 {background:url(/skin/images/common/sfc_ft2_logo.png) no-repeat; width:250px; height:37px; float:right; margin-top:14px}
.footer2_wrap span {display:inline-block; padding-left:30px; background:url(/skin/images/common/ico_div2.gif) 13px 4px no-repeat}
.footer2_wrap span:first-of-type {padding-left:0; background:none}
.footer2_wrap b {font-weight:bold; color:#98a2a9}

/* 서브시작 */

/* 서브타이틀 */
.tit1 {background:url(/skin/images/common/ico_tit1.png)no-repeat 0 2px ; padding-left:32px; font-size:23px; margin-bottom:15px; color:#000; background-size:24px 16px; letter-spacing:-0.02em}
.tit2 {font-size:37px; text-align:center; padding:42px 0 45px 0; color:#222; letter-spacing:-0.02em}
.tit3 {background:url(/skin/images/common/ico_tit2.png)no-repeat 0 3px; padding-left:28px; font-size:22px; margin-bottom:20px; color:#000; letter-spacing:-0.02em}
.tit4 {font-size:22px; padding:0 0 15px 0; color:#000; font-weight:bold; letter-spacing:-0.02em}
.tit5 {font-size:22px; padding:0 0 15px 0; color:#2467f3; font-weight:bold; letter-spacing:-0.02em}
/*브레드 크롬 */
.breadcrumb { float:left; border-bottom:#e9e9e9 solid 1px; width:100%; height:40px; padding:20px 0 0 20px}
.breadcrumb span { display:block; float:left}
.breadcrumb span:nth-child(odd) {background:url(/skin/images/common/breadcrumb_bg.gif)right 50% no-repeat; padding:0 12px 0 6px}
.breadcrumb span:last-child {background:none; padding-right:0}
.breadcrumb .current {color:#256afa}
.breadcrumb .home {background:url(/skin/images/common/ico_home.png)0 5px no-repeat;  background-size:15px;  width:16px; display:block}

/* 서브 -탭1 */
.tap1 li {width:33.333%}
/* 서브 -탭3 */
.tap3 li {width:49.94%}
/* 서브 -탭4 */
.tap4 li {width:19.914%}
/*서브_탭공통  */
.tap1,.tap3,.tap4 {margin-bottom:35px}
.tap1 li , .tap3 li, .tap4 li {display:inline-block; line-height:1; float:left; text-align:center; font-size:18px}
.tap1 li:first-child a, .tap3 li:first-child a, .tap4 li:first-child a{border-left:1px solid #c1c1c1}
.tap1 li a, .tap3 li a,.tap4 li a {display:block; border:1px solid #c1c1c1; border-left:none; padding:13px 0 }
.tap1 li a.current, .tap3 li a:hover ,.tap3 li a.current, .tap4 li a:hover ,.tap4 li a.current, .tap1 li a:hover {background:#256afa; border:none;  padding:14px 0; color:#fff}

/* 서브 -탭2 - 맨토상세 아래 들어가는 탭 */
.tap2 {margin-bottom:35px}
.tap2 li {width:24.975%; display:inline-block; line-height:1; float:left; text-align:center; font-size:18px}
.tap2 li:first-child a {border-left:1px solid #c1c1c1}
.tap2 li a {display:block; border:1px solid #c1c1c1; border-left:none; padding:14px 0 }
.tap2 li a.current, .tap2 li a:hover { border-top:4px solid #2467f3;   padding:13px 0; color:#2467f3; border-bottom:0}
.tap2 li:first-child {/* border-left:1px solid #c1c1c1; */}
/* 법인교육센터 팝업*/
.pop_bg {background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:100}
.pop_wrap {background:#fff; margin-top: 0%; margin-left:35%; width:500px; border:4px solid #2467f3; box-shadow: 3px 5px 10px rgba(0, 0, 0, .3); position:relative}
.pop_wrap h1 { color:#fff; background:#2467f3 url(/skin/images/common/ico_tit3.png)no-repeat 13px 19px ; font-size:22px; padding:15px 0 15px 38px}
.pop_wrap .cls {background:url(/skin/images/common/ico_close.png)no-repeat; position:absolute; right:16px; top:16px; z-index:120;  width:17px; heght:17px; display:block}
.pop_in {margin:25px 34px 35px 34px; overflow:hidden}
.sub_con {margin:-60px auto 0 auto; padding-bottom:100px; overflow:hidden; background:#fff}
.sub_con_in {padding-top:70px; display:block; width:940px; margin:0 auto}

/* 법인교육센터 - 코칭배너 */
.coachg_banner ,.coachg2_banner ,.coachg3_banner {background-repeat:no-repeat; height:136px; margin-bottom:30px}
.coachg_banner {width:100%; background:url(/skin/images/sub/coachg_banner.jpg)}
.coachg_banner p {color:#fff; font-size:20px; float:left; margin:41px 0 0 40px; line-height:1.3em}
.coachg_banner p i {display:block}
.coachg2_banner { background:url(/skin/images/sub/coachg2_banner.jpg)}
.coachg2_banner p {color:#fff; font-size:20px; text-align:center; padding:41px 0 0 40px; line-height:1.3em}
.coachg2_banner p i {display:block}
.coachg3_banner { background:url(/skin/images/sub/coachg3_banner.jpg)}
.coachg3_banner p {color:#fff; font-size:20px; text-align:center; padding:41px 0 0 40px; line-height:1.3em}
.coachg3_banner p i {display:block}
a.bsc_btn {color:#000}
.bsc_btn {display:inline-block; height:70px; padding:0 25px; border-radius:7px; line-height:70px; background-color:#ffd11b;  font-size:22px;  letter-spacing:-.009em; float:right; margin:32px 32px 0 0; cursor: pointer}
.bsc_btn span {display:block; padding:0 45px 0 0px; background-image:url(/skin/images/common/ico_btn1.png); background-repeat:no-repeat; background-position: right 30px; background-size:37px 12px}
.bsc_btn:hover {background-color:#ffdc52}



/* 법인교육센터 - 멘토소개 */
.mno_itr ul {}
.mno_itr li{margin-right:38px; float:left}
.mno_itr li:nth-child(3n+3) {margin-right:0}
.mno_itr p{text-align:center; margin:10px 0; line-height:1.3em; width:288px; color:#333; font-size:16px}
.mentor_2 {position:relative; width:288px; height:361px}
.mentor_2.mno1_2, .mentor_2.mno2_2, .mentor_2.mno3_2, .mentor_2.mno4_2, .mentor_2.mno5_2, .mentor_2.mno6_2,.mentor_2.mno7_2, .mentor_2.mno8_2, .mentor_2.mno9_2, .mentor_2.mno10_2, .mentor_2.mno11_2, .mentor_2.mno12_2 { background-size:290px; background-repeat:no-repeat; background-position:50% bottom; background-color:#ced6d9}
.mentor_2 .mno_ico {background:url(/skin/images/common/ico_mentor.png)no-repeat; width:99px; height:84px; background-size:99px 117px; display:block; position: absolute; left:-4px; top:-12px; padding:33px 0 0 0; text-align:center}
.mentor_2 .mno_ico span {display:block; font-size:20px; color:#ffd258; line-height:1.1em; margin-left:-4px}
.mentor_2 .mno_ico b {font-size:17px; color:#fff; margin-left:-4px} 

/* 멘토상세 */
.mno_dtl { position:relative ; margin-top:-10px}
.mentor_3 {float:left; position:relative; width:386px; height:417px}
.mno1_3,.mno2_3,.mno3_3,.mno4_3,.mno5_3 {background-position:50% bottom; background-repeat:no-repeat; background-color:#ced6d9}
.mno1_3 {background-image:url(/skin/images/mentor/mentor1.png)}
.mno2_3 {background-image:url(/skin/images/mentor/mentor2.png)}
.mno3_3 {background-image:url(/skin/images/mentor/mentor3.png)}
.mno4_3 {background-image:url(/skin/images/mentor/mentor4.png)}
.mno5_3 {background-image:url(/skin/images/mentor/mentor5.png)}
.mno6_3 {background-image:url(/skin/images/mentor/mentor6.png)}
.mno7_3 {background-image:url(/skin/images/mentor/mentor7.png)}
.mno8_3 {background-image:url(/skin/images/mentor/mentor8.png)}
.mno9_3 {background-image:url(/skin/images/mentor/mentor9.png)}
.mno10_3 {background-image:url(/skin/images/mentor/mentor10.png)}
.mno11_3 {background-image:url(/skin/images/mentor/mentor11.png)}
.mno12_3 {background-image:url(/skin/images/mentor/mentor12.png)}
.mentor_3 .mno_ico {background:url(/skin/images/common/ico_mentor.png)no-repeat; width:118px; height:100px; display:block; text-align:center; position: absolute; left:-4px; top:-14px; padding:36px 0 0 0}
.mno1_3,.mno2_3,.mno3_3,.mno4_3,.mno5_3,.mno6_3,.mno7_3,.mno8_3,.mno9_3,.mno10_3,.mno11_3,.mno12_3 {background-position:50% bottom; background-repeat:no-repeat; background-color:#ced6d9;}
.mentor_3 .mno_ico {background:url(/skin/images/common/ico_mentor.png)no-repeat; width:118px; height:100px; display:block; text-align:center; position: absolute; left:-4px; top:-14px; padding:36px 0 0 0;}
.mentor_3 .mno_ico span {display:block; font-size:25px; color:#ffd258; line-height:1.25em; margin-left:-5px}
.mentor_3 .mno_ico b {font-size:21px; color:#fff; margin-left:-5px} 
.pofl {background:#1a2c52; min-height:417px; margin-bottom:35px}
.pofl ul { margin:40px 10px 0 418px; color:#fff; background:#1a2c52; padding:30px 0}
.pofl li {background: url(/skin/images/common/ico_dot1.png)no-repeat 0 13px ; padding-left:12px; line-height:2em}
.pofl .bsc_btn4 {display:block; height:49px; border-radius:7px; line-height:50px; font-size:18px; letter-spacing:-.009em; position: absolute; cursor: pointer; right:38px; top:330px; background-color:#ffd11b; padding:0 25px; color:#000}
.pofl .bsc_btn4 span {display:block; padding: 0 38px 0 0; background-image:url(/skin/images/common/ico_btn2.png); background-repeat:no-repeat; background-position: right 20px; background-size:30px 10px}
.pofl .bsc_btn4:hover {background-color:#ffdc52}

/* 학습센터-강의영상 */
.lctre_mov li {float:left; margin:46px 34px 0 0}
.lctre_mov li:nth-of-type(3) {margin-right:0}
.lctre_mov li:first-child  {display:block; margin:0}
.lctre_mov li object {margin:0; padding:0}
.lctre_mov p {text-align:center; /* background:#e3e7ea; */ padding:5px 0; margin-top:-8px; font-size: 18px; }
.lctre_mov p span {margin-right:10px; font-weight:bold; color:#000}
/* 학습센터-강의자료 */
.lctre_data li {margin-bottom:60px; border:1px solid #d7d7d7; width:48.19%; float:left; margin-right:3.19%}
.lctre_data li:nth-child(even) {margin-right:0}
.lctre_data li img {width:100%}
/* 컨퍼런스 일정 */
.cnfr_shdl {border-top:2px solid #303030; border-bottom:1px solid #303030}
.cnfr_shdl_box {position:relative}
.cnfr_shdl_box h4 {color:#2467f3; font-size:19px; position:absolute; left:60px; top:32px; font-weight:bold}
.cnfr_shdl_box ul {padding:65px 60px 38px 60px; border-bottom:1px solid #e2e2e2}
.cnfr_shdl_box li {margin:1px 0 ; line-height:32px; color:#333; font-weight:bold}
.cnfr_shdl_box li b{color:#666; display:inline-block; folat:left; background:#f0f0f0; height:31px; text-align:center; width:90px; margin-right:20px}
/* 컨퍼런스  상세보기*/
.cnfr_shdl_view { border-top:2px solid #303030; border-bottom:1px solid #e2e2e2}
.cnfr_shdl_view ul {padding:35px 60px}
.cnfr_shdl_view li {margin:1px 0 ; line-height:30px; color:#333; font-weight:bold}
.cnfr_shdl_view li b{color:#fff; letter-spacing:10px; display:inline-block; folat:left; background:#94a0b8; height:30px; text-align:center; width:80px; margin-right:20px; padding-left:10px}
/* 컨퍼런스 상세보기 사진*/
.cnfr_shdl_view_pic {margin:30px 0}
.cnfr_shdl_view_pic li {margin-bottom:30px; border:1px solid #d7d7d7; width:48.19%; float:left; margin-right:3.19%}
.cnfr_shdl_view_pic li:nth-child(even) {margin-right:0}
.cnfr_shdl_view_pic li img {width:100%}
/* 컨퍼런스 일정 버튼 */
.cnfr_shdl_box .cnfr_wrap { border-radius:7px; margin:0; display:inline-block; text-align:cetner; padding:15px 40px; position:absolute; right:60px; font-size:20px}
.rqet_btn {background:#ffd11b; border:1px solid #eec009; color:#000; top:76px}
.rqet_btn:hover {background:#ffdc52}
.inqire_btn {background:#a2a7b1; border:1px solid #959aa3; top:140px; color:#fff}
a.inqire_btn {color:#fff}
.inqire_btn:hover {background:#b2b7c2}
.view_btn {background:#a2a7b1; border:1px solid #959aa3; top:100px}
a.view_btn {color:#fff}
.view_btn:hover {background:#b2b7c2}

/* 법인교육센터 - 조인윅 */
.mno_dtl_4 { position:relative; margin-top:10px}
.mentor_4 {float:left; position:relative; width:350px; height:325px}
.mno1_4,.mno2_4,.mno3_4,.mno4_4,.mno5_4 {background-position:50% bottom; background-size:75%; background-repeat:no-repeat; background-color:#ededed}
.mno1_4 {background-image:url(/skin/images/mentor/mentor1.png)}
.mno2_4 {background-image:url(/skin/images/mentor/mentor2.png)}
.mno3_4 {background-image:url(/skin/images/mentor/mentor3.png)}
.mno4_4 {background-image:url(/skin/images/mentor/mentor4.png)}
.mno5_4 {background-image:url(/skin/images/mentor/mentor5.png)}
.mno6_4 {background-image:url(/skin/images/mentor/mentor6.png)}
.mno7_4 {background-image:url(/skin/images/mentor/mentor7.png)}
.mno8_4 {background-image:url(/skin/images/mentor/mentor8.png)}
.mno9_4 {background-image:url(/skin/images/mentor/mentor9.png)}
.mno10_4 {background-image:url(/skin/images/mentor/mentor10.png)}
.mno11_4 {background-image:url(/skin/images/mentor/mentor11.png)}
.mno12_4 {background-image:url(/skin/images/mentor/mentor12.png)}
.mno1_4,.mno2_4,.mno3_4,.mno4_4,.mno5_4,.mno6_4,.mno7_4,.mno8_4,.mno9_4,.mno10_4,.mno11_4,.mno12_4 {background-position:50% bottom; background-size:75%; background-repeat:no-repeat; background-color:#ededed;}
.mentor_4 .mno_ico {background:url(/skin/images/common/ico_mentor.png)no-repeat; width:99px; height:84px; background-size:99px 117px; display:block; position: absolute; left:-4px; top:-12px; padding:33px 0 0 0; text-align:center}
.mentor_4 .mno_ico span {display:block; font-size:20px; color:#ffd258; line-height:1.1em; margin-left:-4px}
.mentor_4 .mno_ico b {font-size:17px; color:#fff; margin-left:-4px} 
.pofl2 {background:#1a2c52; min-height:285px; padding:35px 10px 0 390px; font-size:16px; color:#fddb53}
.pofl2 ul {color:#fff; margin-top:5px}
.pofl2 li {background: url(/skin/images/common/ico_dot1.png)no-repeat 0 11px ; padding-left:12px; line-height:1.7em}
.bsc_btn2, .bsc_btn3 {display:block; height:49px;  width:150px; border-radius:7px; line-height:50px; font-size:18px; letter-spacing:-.009em; position: absolute; cursor: pointer; right:30px}
.bsc_btn2 {background-color:#ffd11b; bottom:90px; padding-left:25px; width:125px}
a.bsc_btn2 { color:#000}
.bsc_btn3 {background:#a2a7b1; bottom:30px; text-align:center}
a.bsc_btn3 { color:#fff}
.bsc_btn2 span {display:block; margin: 0 25px 0 0px; background-image:url(/skin/images/common/ico_btn2.png); background-repeat:no-repeat; background-position: right 20px; background-size:30px 10px}
.bsc_btn2:hover {background-color:#ffdc52}

/* 필드캠퍼스 소개 */
.key_words {text-align:center; font-size:28px; color:#12bdb0; line-height:1.3em; margin:30px 0 50px 0}
.key_words i {display:block}
.intrcn_wrap {line-height:1.8em}
.intrcn_wrap b {font-weight:bold; color:#222}
.intrcn_wrap p.line_sac5{padding-top:50px} 
.intrcn_wrap .img1 {background:url(/skin/images/sub/intrcn_img1.jpg); width:348px; height:429px; float:right; margin-left:20px}
.intrcn_wrap .img3 {background:url(/skin/images/sub/intrcn_img11.jpg); width:348px; height:429px; float:right; margin-left:20px}
.intrcn_wrap .img3 span {display:block; margin-top:435px; text-align:center; font-size:16px}
.intrcn_pofl {padding-top:15px}
.intrcn_pofl li {margin-bottom:20px}
.intrcn_pofl li span {color:#2467f3; font-weight:bold; display:inline-block; margin-right:5px}
.intrcn_wrap .map {width:100%; margin-bottom:30px; overflow:hidden; padding-top:40px}
/* 오시는 길 */
.map_pic li {float:left; margin:0 20px 0 0}
.map_pic li:nth-child(even) {margin-right:0}
.map_pic li:nth-child(3),.map_pic li:nth-child(4) {margin-top:20px}
.map_pic p {text-align:center; padding:5px 0; font-size: 18px}

/* 캠퍼스 비전 */
.visn dt {font-size:25px; margin-bottom:20px; padding-top:15px; color:#0353fa; letter-spacing:-.03em}
.visn dt span{display:inline-block; background:url(/skin/images/sub/bg_num.gif)no-repeat; margin-right:10px; width:41px; height:36px; line-height:38px; color:#fff; text-align:center; vertical-align:middle; font-size:23px; font-weight:bold; padding-bottom:3px}
.visn dd {color:#fff}
.visn dd:after {display:block;clear:both;content:""; margin-bottom:40px}
.visn dd span {display:inline-block}
.visn dd span.vs_img1, .visn dd span.vs_img2, .visn dd span.vs_img3 {width:370px; height:292px; float:right}
.visn dd span.vs_img1 {background:url(/skin/images/sub/intrcn_img2.jpg)}
.visn dd span.vs_img2 {background:url(/skin/images/sub/intrcn_img3.jpg); float:left}
.visn dd span.vs_img3 {background:url(/skin/images/sub/intrcn_img4.jpg)}
.visn dd span.vs_txt{ padding:0 30px; width:510px; /*  min-height:292px; */}
.visn dd span.txt1 { padding-top:85px; min-height:208px; background:#173169}
.visn dd span.txt2 { padding-top:75px; min-height:217px; background:#c18b0a}
.visn dd span.txt3 { padding-top:60px; min-height:233px; background:#13b7aa}
/* 캠퍼스철학 */
.intrcn_wrap .img2 {background:url(/skin/images/sub/intrcn_img5.gif)no-repeat 50% 50%; height:522px; display:block; margin-bottom:90px}
.philo li dl {float:left; display:block; width:50%; margin-bottom:30px}
.philo dt {background-repeat:no-repeat; width:107px; height:96px; margin-right:15px; color:#fff; font-size:25px; text-align:center; line-height:96px; float:left}
.philo .philo1 dt{background:url(/skin/images/sub/intrcn_img6.gif)}
.philo .philo2 dt{background:url(/skin/images/sub/intrcn_img7.gif)}
.philo .philo3 dt{background:url(/skin/images/sub/intrcn_img8.gif)}
.philo .philo4 dt{background:url(/skin/images/sub/intrcn_img9.gif)}
.philo .philo5 dt{background:url(/skin/images/sub/intrcn_img10.gif)}
.philo dd {float:left; width:300px; line-height:1.5em; padding-top:10px}

/* 테이블 팝업*/
.tbl_pop {width:100%; border-top:1px solid #cad1e1;vertical-align:middle}
.tbl_pop th,.tbl_pop td { border-bottom:1px solid #cad1e1; vertical-align:middle}
.tbl_pop th{background:#eaf0fc; text-align:center; padding:10px 0;   font-weight:normal}
.tbl_pop td{padding:10px; text-align:left}
/* 하단 버튼 가운데 */
.pbtn_wrap {text-align:center; margin-top:15px}
.pbtn_wrap .all {border-radius:7px; margin:0; display:inline-block; text-align:cetner; width:114px}
.pbtn_wrap .rqet {background:#ffd11b;  padding:10px 0}
.pbtn_wrap .rqet:hover {background:#ffdc52}
.pbtn_wrap .cncl {background:#f5f5f5; border:1px solid #e3e3e3; padding:9px 0; margin-left:3px}
.pbtn_wrap .cncl:hover {background:#fbfbfb; border:1px solid #eaeaea}


/*★★★★★★★★★★★★★★★★★★★★★★★★ 미디어쿼리 가로너비 최대1024px★★★★★★★★★★★★★★★★★★★★★★★★ */	
@media screen and (max-width:1024px) {
/* 가로 사이즈 px */
.header_in, .main_coachg, .main_bt_banner,.footer_in, .footer2_wrap, .sub_con {width:100%}
.main_coachg {padding-bottom:80px}
.main_coachg .class {width:754px}
.main_coachg .class li:nth-child(even){margin-right:0}
.main_coachg .class li:nth-child(3n+3){margin-right:31px!important}
.main_coachg .class li:nth-of-type(3){margin-top:46px}
}