@charset "utf-8";
/* 감춰질것들 */
.pc, #pc_gnb, .controller_wrap, .snb ,.tap1, .tap3, .tap4{display:none}

/* 보여질것들 */
.m {display: block}
html, body {min-width:320px; max-width:100%}

/* 가로 사이즈 px */
.header_in, .main_bt_banner,.footer_in, .footer2_wrap{width:100%}
.main_bg {background:url(/skin/images/common/sfc_bg.png)repeat; }
/* gnb */
.header_wrap {background:#fff; position:relative}
.header_in { height:56px;}
.header_in > h1 {width:190px; height:56px; background:#fff url(/skin/images/common/sfc_logo_m.png)no-repeat 0 14px; background-size:contain; margin:0 auto;}
.header_in > h1 > a {display:block; height:56px;}
/* 로그인버튼  */
.btn_mng{ background:#85888e; width:60px; height:33px; display:none; color:#fff; text-align:center; border-radius:3px; line-height:33px; position:absolute; right:3.5%; top:11px; z-index:100}
.btn_mng:hover{ background:#93969d;}
a.btn_mng {color:#fff}

.toggle button{background:url(/skin/images/common/toggle_menu.png) center center no-repeat; background-size:contain; position: absolute; left:20px; top:13px; width:28px; height:28px; }
.gnb a:hover { color: #256afa;}
.m_gnb {overflow-y:auto; background:rgba(0,0,0,0.50); width:100%; height:100%; top:0; position:fixed; z-index:100; font-size:1.09em; display:none;}
.m_gnb .gnb {background:#fff; z-index: 2000; box-shadow: 0 0 10px rgba(0,0,0,.6); height:auto; width:70%;}
.m_logo {width:100%; height:31px; background:url(/skin/images/common/sfc_logo_m.png)no-repeat; background-position:50% 50%; background-size:190px; padding:10px 0 19px 0;}
.depth1,.depth2 {border-top:1px solid #e8e8e9; border-bottom:1px solid #e8e8e9}
.depth2 {border-bottom:none}
.depth1 li {border-bottom:1px solid #babec6;}
.depth1 li:last-child{border:none}
.depth1 li > a {padding:15px 0 15px 25px; display:block; }
.depth1 > li > a {background:#2467f3 url(/skin/images/common/ico_arrow01.png) 95% 47% no-repeat; background-size:18px; color:#fff;}
.depth1 > li > a:hover {color:#fff}
.depth1 > li.on > a {background:#2467f3 url(/skin/images/common/ico_arrow02.png) 95% 47% no-repeat; background-size:18px;} 
.depth2 li {background: url(/skin/images/common/ico_m_gnb.png) 27px 20px no-repeat; background-size: 16px; border-bottom: 1px solid #e8e8e9 ; padding-left: 25px}
.gnb #mobile_close img {position: absolute; left:73%; top:16px; z-index: 100; width: 25px; display:block}

/* 탑비주얼 */
.visual_wrap {background-image:url(/skin/images/common/gnb_bg.png),url(/skin/images/common/top_visual_m.png); background-repeat:repeat-x, no-repeat ; background-position:0 0, 50% 0  ;  background-size:7px 7px,cover; height:0; padding-bottom:26.2%; width:100%}
.visual_in, .main_banner_in {width:100%;} 
.visual_in p {padding:5.25% 5% 0 42.63%; font-size:.92em;}

/* 메인 */
.main_banner_wrap {background:none; min-height:0}
.main_banner_in {margin-top:0; display:flex; flex-wrap:wrap;}
.main_banner1, .main_banner2, .main_banner3, .main_banner4 {background-repeat:no-repeat; background-size:cover; height:0 }
.main_banner1 {background-image:url(/skin/images/main/main_banner1_m.png); order:1; padding-bottom:18.5%;  width:50%;}
.main_banner2 {background-image:url(/skin/images/main/main_banner2_m.png); order:3; padding-bottom:15.2%;  width:100%}
.main_banner3 {background-image:url(/skin/images/main/main_banner3_m.png); order:2; padding-bottom:18.5%; width:50%;}
.main_banner4 {background-image:url(/skin/images/main/main_banner4_m.png); order:4; padding-bottom:15.2%; width:100%; margin-left:0;} 

/* 코칭과정 클래스 */
.main_coachg {margin:0 auto; margin-top:8.2%; width:90%; position:relative;}
.main_coachg:after {display:block; clear:both; content:"";}
.main_coachg .class h2 {background:url(/skin/images/main/main_tit1.png) no-repeat; width:90%; height:0; margin:0 auto; background-size:contain; padding-bottom:6.209150%; margin-bottom:4%}
.main_coachg .class{width:100%; position:relative;} 
.main_coachg .class li {width:48.354%; padding-bottom:52.099%; margin-right:3.2917%; float:left; height:0; background-color:#ced6d9}
.mentor {border:1px solid #080103; position:relative; width:100%; }
.mno1,.mno2,.mno3,.mno4,.mno5,.mno6,.mno7,.mno8,.mno9,.mno10,.mno11,.mno12 {background-size:contain; background-rpeat:no-repeat; background-color:#ced6d9; position:relative; width:100%; padding-bottom:120%;}
.main_coachg li:nth-child(even){margin-right:0}
.main_coachg li:nth-of-type(3),.main_coachg li:nth-of-type(4), .main_coachg li:nth-of-type(5),.main_coachg li:nth-of-type(6){margin-top:12%}
.mno_ico {background:url(/skin/images/common/ico_mentor_m.png)no-repeat; width:45%; padding-bottom:115.254%;  height:28%; display:block; position: absolute; left:-1.222%; top:0; padding:8% 0 0 0; background-size:contain; text-align:center; line-height:1em}
.mno_ico span {display:block; font-size:1em; color:#ffd258; line-height:1.25em; margin-left:-24%}
.mno_ico b {font-size:90%; color:#fff; margin-left:-24%} 
.mentor i {background: rgba(0, 0, 0, 0.88); font-size:.7em; color:#fff; display:block; height:3em; z-index:5;  position: absolute; left:0; bottom:0; line-height:1.4em; width:90%; text-align:center; padding:4% 5% 0 5%} 

/* 코칭과정 클래스 탭 */
.main_coachg .nav li a{line-height:2.0} 
.nav{margin-bottom:25px;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}	

/* 메인푸터 */
.footer_wrap,.footer2_wrap {background:#eeeeee; padding:4%; margin-top:4%;font-size:.8em; overflow:hidden; line-height:1.68em}
.footer_wrap span,.footer2_wrap span {display:block}
.footer_wrap b, .footer2_wrap b {font-weight:bold; color:#000}

/* 서브시작 */
.sub_con {margin:0 15px 15px 15px;}
/*브레드 크롬 */
/* 모바일 브레드 크롬 */
.breadcrumb {padding:9px 0; overflow:hidden; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding-left:5px; font-size:.85em; width:120%; margin-left:-15px}
.breadcrumb span {display:block; float:left}
.breadcrumb span:nth-child(odd) {background:url(/skin/images/common/breadcrumb_bg.png)right 49.2% no-repeat; background-size:6px;  padding:0 12px 0 6px;}
.breadcrumb span:last-child {background:none; padding-right:0}
.breadcrumb a {color:#65666d}
.breadcrumb .home {background:url(/skin/images/common/ico_home.png)0 4px no-repeat; width:15px; background-size:14px 12px; display:block; text-indent:-99999%}
/* snb */
.snb_m {background:#2467f3 url(/skin/images/common/ico_select_arrow.png) no-repeat 95% 50%; background-size:11px 7px; height:100%; padding:0 30px 0 10px; color:#fff; display:block; box-sizing:border-box; overflow: hidden; vertical-align:middle; width:100%; border:0; font-size:17px; height:43px; border-radius:0; -webkit-appearance: none;}
.tit1 {background:url(/skin/images/common/ico_tit1.png)no-repeat 0 4px ; padding-left:30px; margin:4% 0 3% 0; color:#000; background-size:21px 13px; letter-spacing:-0.02em; font-size:1.2em; font-weight:bold}
.tit2 {font-size:1.4em; text-align:center; padding:4% 0; letter-spacing:-0.02em; color:#51617a}
.tit3 {background:url(/skin/images/common/ico_tit2.png)no-repeat 0 4px; background-size:18px; padding-left:25px; font-size:1.2em; margin-bottom:20px; color:#000; letter-spacing:-0.02em;}
.tit4 {font-size:1.2em;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}
.key_words {text-align:center; font-size:1.1em; color:#12bdb0; line-height:1.3em; margin:0 0 3% 0;}
.key_words i {display:block}
/* 필드캠퍼스 소개 이미지*/
.intrcn_wrap {/* display:flex; margin:0 auto; flex-wrap:wrap; */}
.intrcn_wrap .img1, .intrcn_wrap .img2, .intrcn_wrap .img3 { width:100%; background-size:contain; padding-bottom:50.9890%; margin-bottom:3.5%; background-repeat:no-repeat; display:block; height:0}
.intrcn_wrap .img1 {background-image:url(/skin/images/sub/intrcn_img1_m.jpg);}
.intrcn_wrap .img2 {background-image:url(/skin/images/sub/intrcn_img5.gif); padding-bottom:85.433%}
.intrcn_wrap .img3 {background-image:url(/skin/images/sub/intrcn_img11_m.jpg);}
.intrcn_wrap .img3 span {display:block; padding-top:52.9890%; text-align:center; font-size:16px}
.intrcn_pofl {padding-top:10%}
.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:20px;}
/* 오시는 길 */
.map_pic {order:2}
.map_pic li {float:left; margin:0 4% 0 0; width:48% }
.map_pic li:nth-child(even) {margin-right:0}
.map_pic li:nth-child(3),.map_pic li:nth-child(4) {margin-top:2%;}
.map_pic li img {width:100%}
.map_pic p {text-align:center; padding:3px 0; }

/* 캠퍼스 비전 */
.visn dt {font-size:1.1em; margin-bottom:1.5%; color:#0353fa; letter-spacing:-.03em;}
.visn dt span{display:inline-block; background:url(/skin/images/sub/bg_num.gif)0 0 no-repeat; padding-top:4px; margin-right:6px; background-size:contain; width:25px; height:20px; line-height:15px; color:#fff; text-align:center; vertical-align:middle; font-size:16px; font-weight:bold;}
.visn dd {color:#fff;}
.visn dd span {display:block}
.visn dd span.txt1,.visn dd span.txt2,.visn dd span.txt3 {padding:4%}
.visn dd span.txt1 {background:#173169; margin-bottom:7%}
.visn dd span.txt2 {background:#c18b0a; margin-bottom:7%}
.visn dd span.txt3 {background:#13b7aa;}

/* 캠퍼스철학 */
.philo {margin-top:8%}
.philo li dl {float:left; display:block; margin-bottom:5%}
.philo dt {background-repeat:no-repeat; width:23.5555%; padding-bottom:21.333%; padding-top:7%; background-size:contain;  margin-right:8.333px; color:#fff; font-size:22px; text-align:center; float:left; height:0}
.philo .philo1 dt{background-image:url(/skin/images/sub/intrcn_img6.gif)}
.philo .philo2 dt{background-image:url(/skin/images/sub/intrcn_img7.gif)}
.philo .philo3 dt{background-image:url(/skin/images/sub/intrcn_img8.gif);}
.philo .philo4 dt{background-image:url(/skin/images/sub/intrcn_img9.gif)}
.philo .philo5 dt{background-image:url(/skin/images/sub/intrcn_img10.gif)}
.philo dd {float:left; width:67.888%; line-height:1.5em; margin-top:-.6%}

/* 법인교육센터 */
a.bsc_btn {color:#000; }
.bsc_btn {display:inline-block; margin-top:5px; height:40px; padding:0 25px; border-radius:7px; line-height:40px; background-color:#ffd11b; font-size:1.05em; letter-spacing:-.009em; cursor: pointer;}
.bsc_btn span {display:block; padding:0 40px 0 0px; background-image:url(/skin/images/common/ico_btn1.png); background-repeat:no-repeat; background-position: right 15px; background-size:30px 9px; }
.bsc_btn:hover {background-color:#ffdc52; }

/* 법인교육센터 - 멘토소개 */
.mno_itr {margin:0 auto; margin-top:20px; position:relative;}
.mno_itr li{width:48.354%;  margin-right:3.2917%; float:left;}
.mno_itr li:nth-child(even){margin-right:0}
.mno_itr p{text-align:center; margin:7px 0; line-height:1.3em; color:#333; font-size:.8em; height:38px}
.mentor_2 { position:relative; width:100%; }
.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:contain; background-repeat:no-repeat; background-color:#ced6d9; position:relative; width:100%; padding-bottom:120%;}


/* 멘토상세 */
.mno_dtl { position:relative ;}
.mentor_3 {position:relative; max-height:417px; margin:0 auto; width:100%; padding-bottom:60%; }
.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:center bottom; background-color:#ced6d9; background-size:contain; background-repeat:no-repeat}
.mentor_3 .mno_ico {background:url(/skin/images/common/ico_mentor_m.png)no-repeat; width:45%; padding-bottom:115.254%;  height:28%; display:block; position: absolute; left:-1.222%; top:0; padding:5% 0 0 0; background-size:contain; text-align:center; line-height:1em}
.mentor_3 .mno_ico span {display:block; font-size:1em;  color:#ffd258; line-height:1.25em; margin-left:-60%}
.mentor_3 .mno_ico b {color:#fff; margin-left:-60%}
.pofl {p-top:10px; position:relative}
.pofl ul {color:#fff; background:#1a2c52; padding:20px 20px 70px 20px; background:#1a2c52; margin-bottom:10px; display:block }
.pofl li {background: url(/skin/images/common/ico_dot1.png)no-repeat 0 10px ; padding-left:12px;}
.pofl .bsc_btn4 {display:block; height:40px; border-radius:7px; line-height:40px; font-size:1.1em; letter-spacing:-.009em; cursor: pointer; background-color:#ffd11b; padding:0 25px; color:#000; width:140px;  position: absolute; bottom:25px; left:25px}
.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 14px;}
.pofl .bsc_btn4:hover {background-color:#ffdc52}
.pofl2 {font-size:1.2em; color:#fddb53}
/* 서브 -탭2 - 맨토상세 아래 들어가는 탭 */
.tap2 {margin-bottom:35px; margin:15px 0 20px 0;}
.tap2 li {width:24.975%; display:inline-block; line-height:1; float:left; text-align:center; }
.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; }
/* 학습센터-강의영상 */
.lctre_mov li object {width:100%; height:auto;}
.lctre_mov li object embed {width:100%;  height:100%;}
.lctre_mov p {text-align:center;  padding:5px 0; margin-top:-8px;}
.lctre_mov p span {margin-right:10px; font-weight:bold; color:#000}
.coachg2_banner {margin-bottom:10px}
/* 컨퍼런스 일정 */
.cnfr_shdl {border-top:2px solid #303030; border-bottom:1px solid #e2e2e2; padding:15px 15px 20px 15px; margin-top:5px }
.cnfr_shdl_box {position:relative; display:flex; flex-wrap:wrap;}
.cnfr_shdl_box ul {margin-top:5px; width:100%; order:2}
.cnfr_shdl_box h4 {color:#2467f3; font-size:18px; font-weight:bold;order:1}
.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:30%; margin-right:5%;}

/* 컨퍼런스 상세보기 사진*/
.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:7px 20px; margin:10px 5px 0 0; order:3}
.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;}

/* 법인교육센터 팝업 */
.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; border:4px solid #2467f3; box-shadow: 3px 5px 10px rgba(0, 0, 0, .3); position:relative; margin:15px}
.pop_wrap h1 { color:#fff; background:#2467f3 url(/skin/images/common/ico_tit3.png)no-repeat 13px 13px ; font-size:18px; padding:10px 0 10px 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:15px 20px 25px 20px; overflow:hidden}

/* .sub_con {margin:; padding-bottom:; overflow:hidden; background:#fff}
.sub_con_in {padding-top:; display:block; margin:0 auto} */
/* 테이블 팝업*/
.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:80px}
.pbtn_wrap .rqet {background:#ffd11b;  padding:8px 0; }
.pbtn_wrap .rqet:hover {background:#ffdc52}
.pbtn_wrap .cncl {background:#f5f5f5; border:1px solid #e3e3e3; padding:7px 0; margin-left:3px }
.pbtn_wrap .cncl:hover {background:#fbfbfb; border:1px solid #eaeaea;}
.coachg3_banner {margin-bottom:10px}
/* 법인교육센터 - 조인윅 */
.mno_dtl_4 { position:relative; margin-top:10px}
.mentor_4 {position:relative; max-height:417px; margin:0 auto; width:100%; padding-bottom:60%; }
.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-color:#ededed; background-size:contain; background-repeat:no-repeat;}
.mentor_4 .mno_ico {background:url(/skin/images/common/ico_mentor_m.png)no-repeat; width:45%; padding-bottom:115.254%;  height:28%; display:block; position: absolute; left:-1.222%; top:0; padding:5% 0 0 0; background-size:contain; text-align:center; line-height:1em}
.mentor_4 .mno_ico span {display:block; font-size:1em;  color:#ffd258; line-height:1.25em; margin-left:-60%}
.mentor_4 .mno_ico b {color:#fff; margin-left:-60%} 
.pofl2 {background:#1a2c52; font-size:16px; display:flex; flex-wrap:wrap; padding:20px; }
.pofl2 > h4{ display:block; order:1; width:100%}
.pofl2 ul {color:#fff; background:#1a2c52; background:#1a2c52; order:2; width:100%}
.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:40px;  width:150px; border-radius:7px; line-height:40px; font-size:1.1em; letter-spacing:-.009em; cursor: pointer; margin-top:8px; order:3}
.bsc_btn2 {background-color:#ffd11b;  padding-left:25px; width:125px; margin-right:8px}
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 15px; }
.bsc_btn2:hover {background-color:#ffdc52}

/*★★★★★★★★★★★★★★★★★★★★★★★★ 미디어쿼리 가로너비 최대350px★★★★★★★★★★★★★★★★★★★★★★★★ */    
@media screen and (max-width:350px) {   
.header_in > h1 {width:170px;}  
}