@charset "utf-8";
/* CSS Document */
.gap { height:50px;}
.sgap { height:30px;}
.ssgap { height:20px;}
.sssgap { height:10px;}
.tc { text-align:center}
.blue { color:#3a7cda;}
.blue_b { color:#3a7cda; font-size:24px; font-weight:bold}
.tc { text-align:center}
#wrap { width:100%; overflow:hidden;}
#con_inner { padding:0 4%; overflow:hidden}

.black_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999;display:none;}

/* 메인상단 */
#header_main { position:relative; display:block; height:550px; z-index:1; background:#010a25 url(http://image.hrdch.co.kr/work/changwon/m/image/main/main_visual.jpg) no-repeat; background-size:100% auto;}
#header_main .head_inner { width:100%;height:65px;vertical-align:center;vertical-align:middle;}
#header_main .head_inner h1{position:absolute; top:0; left:0; float:left;}
#header_main .head_inner .logo{position: absolute;top:14px; left:15px;}
#header_main .head_inner .menu{position: absolute;top:0; right:0;}
#header_main .head_inner a{display:block;}
#header_main .slide {position:absolute; top:320px;width:100%; }
/*#header_main .slide div{background:#010b26; height: 100%;}*/
#header_main .slide .bx-controls-direction{display:none;}
#header_main .slide .bx-pager{z-index:3; width:100%;text-align:center;margin:30px auto;}
#header_main .slide .bx-pager-item{ display:inline-block; margin-right:11px; border:1px solid #fff; width:16px; height:16px; border-radius:35px; color:transparent;}
#header_main .slide .bx-pager-item a{ display:inline-block; margin-right:11px; border:1px solid #fff; width:16px; height:16px; border-radius:35px; color:transparent;}
#header_main .slide .bx-pager-item a.active{  background:#FFF}
#header_main .slide ul { position:absolute;width:100%; z-index:2; overflow: hidden; margin:0 auto}
#header_main .slide ul li { display:inline-block; float:left;}
#header_main .slide ul li img{width:100%;}
#header_main .slide ul li:last-child {margin-right:0;}
#header_main .slide .choice {position: absolute; top:180px; z-index:3; width:80px; left:50%; margin-left:-40px;}
#header_main .slide .choice a { display:inline-block; margin-right:11px; border:1px solid #fff; width:16px; height:16px; border-radius:35px;}
#header_main .slide .choice a:last-child {margin-right:0;}
#header_main .slide .choice .on { background:#FFF}

#header_main .slide .swiper-wrapper{top:-55px;height:240px;}
#header_main .slide .swiper-slide{text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width: 80%;margin-top: 20px;}
#header_main .slide .swiper-pagination2{position:relative;text-align:center;bottom:45px;}
#header_main .slide .swiper-pagination-bullet{ display:inline-block; margin-right:11px; border:3px solid #fff; width:16px; height:16px; border-radius:35px;}
#header_main .slide .swiper-pagination-bullet-active{background:#FFF}


@media all and (max-device-width:340px) {
    #header_main { min-height:520px;}
    #header_main .slide {position:absolute; top:270px;}
    #header_main .slide ul li { display:inline-block; float:left;}
    #header_main .slide ul li:last-child {margin-right:0;}
}
@media all and (max-device-width:400px) {
    #header_main .slide {position:absolute; top:310px;}
    #header_main .slide ul li { display:inline-block; float:left;}
    #header_main .slide ul li:last-child {margin-right:0;}
    #header_main .slide ul li img { width:100%;}
}
@media all and (min-device-width:700px) {
    #header_main { height:1100px;}
    #header_main .slide {position:absolute; top:700px;}
    #header_main .slide ul li { display:inline-block; float:left;}
    #header_main .slide ul li:last-child {margin-right:0;}
    #header_main .slide .choice {position: absolute; top:200px; }
}
@media all and (min-device-width:1024px) {
    #header_main { height:1400px;}
    #header_main .slide {position:absolute; top:950px;}
    #header_main .slide ul li { display:inline-block; float:left;}
    #header_main .slide ul li:last-child {margin-right:0;}
    #header_main .slide .choice {position: absolute; top:200px; }
}

/* 전체메뉴 */
#header_allmenu { position:fixed;width:100%;top:0;z-index:20;overflow:scroll;display:block;height:100%;background:#31363d;}
#header_allmenu .allmenu_inner { width:100%; height:88px;background:#31363d;border-bottom:1px solid #41464c;}
#header_allmenu .allmenu_inner h1{position:absolute; top:0; left:0;}
#header_allmenu .allmenu_inner .logo{position:absolute; top:14px; left:15px;}
#header_allmenu .allmenu_inner .x{position: absolute;top:0; right:0;}
#header_allmenu  ul {}
#header_allmenu ul li {position:relative; width:100%; height:68px;background:#31363d;line-height:68px; color:#fff;overflow:hidden;border-bottom:1px solid #41464c;font-size:18px}
#header_allmenu ul li .l1{float:left;padding-left:20px;}
#header_allmenu ul li .l1 a{color:#fff;display:block; }
#header_allmenu ul li .l2{float:right;}
#header_allmenu ul li .off{width:80px;height:68px;background-image: url(http://image.hrdch.co.kr/gosich/image/m/common/open.png);background-repeat: no-repeat;background-position: center right;background-size: 80px;}
#header_allmenu ul li .on{width:80px;height:68px;background-image: url(http://image.hrdch.co.kr/gosich/image/m/common/close.png);background-repeat: no-repeat;background-position: center right;background-size: 80px;}
#header_allmenu ul li .l3{padding-left:20px;}
#header_allmenu ul li .l3 a{color:#fff;display:block;}
#header_allmenu ul li div > img{height:68px}
#header_allmenu ul li > a{color:#fff;display:block;}
#header_allmenu ul ul li {position:relative; width:100%; height:68px;background:#20252c; line-height:68px;overflow:hidden;border-bottom:1px solid #41464c;}
#header_allmenu ul ul li span{padding-left:40px;color:#898989;}
#header_allmenu .smenu { width:100%; background:#16191e !important;}
#header_allmenu .smenu li { float:left; display:inline-block; width:33.3%; background:#16191e !important; color:#727272 !important;padding:0; text-align:center;}
#header_allmenu .bmenu {width:100%; height:88px;background:#31363d;border-bottom:1px solid #41464c; text-align:center; font-size:18px}
#header_allmenu .bmenu a {display:inline-block; margin-right:40px; color:#FFF;line-height:88px;overflow:hidden;}
#header_allmenu .bmenu a:last-child {margin-right:0px;}

/* 서브상단 */
#header_sub { position:relative; display:block; width:100%; height:210px; z-index:1; background:#20252c url(http://image.hrdch.co.kr/work/changwon/m/image/sub/sub_visual01.jpg) no-repeat; background-size:100% auto;}
#header_sub02 { position:relative; display:block; width:100%; height:210px; z-index:1; background:#20252c url(http://image.hrdch.co.kr/work/changwon/m/image/sub/sub_visual02.jpg) no-repeat; background-size:100% auto;}
#header_sub03 { position:relative; display:block; width:100%; height:210px; z-index:1; background:#20252c url(http://image.hrdch.co.kr/work/changwon/m/image/sub/sub_visual03.jpg) no-repeat; background-size:100% auto;}
#header_sub04 { position:relative; display:block; width:100%; height:210px; z-index:1; background:#20252c url(http://image.hrdch.co.kr/work/changwon/m/image/sub/sub_visual04.jpg) no-repeat; background-size:100% auto;}
#header_sub05 { position:relative; display:block; width:100%; height:210px; z-index:1; background:#20252c url(http://image.hrdch.co.kr/work/changwon/m/image/sub/sub_visual05.jpg) no-repeat; background-size:100% auto;}
h3 { position: absolute; width:90%; top:110px;left:50%; margin-left:-45%; text-align:center; color:#FFF; font-size:25px; letter-spacing:-1px}
.head_inner { width:100%; }
.head_inner h1{position:absolute; top:0; left:0; float:left;}
.head_inner .logo{position: absolute;top:14px; left:15px;}
.head_inner .menu{position: absolute;top:0; right:0;}

/* 바로가기 */
h2 { font-size:28px;font-weight:bold; text-align:center}
.go { text-align:center}
.go a { display:inline-block;width:120px; height:56px; border-radius:35px; font-size:22px; font-weight:bold; line-height:56px; margin-right:8px;margin-top:20px;}
.go a:nth-child(1) {border:1px solid #33ccc1; color:#089d93;}
.go a:nth-child(2) {border:1px solid #7a8ccd; color:#3e52a0;}
.go a:nth-child(3) {border:1px solid #9b7cb1; color:#572a78; margin-right:0;}

/* 배너 */
.ban_list { display:block;  margin:20px;}
.ban_list img {width:100%; margin-bottom:10px;}

/* 교수진 소개 */
.pro_intro {position:relative;height:265px;margin-top:20px;overflow:hidden}
.pro_intro ul { width:2000px;  }
.pro_intro ul li { float:left; display:inline-block;}
.pro_intro .pre { position:absolute; top:95px; left:0; z-index:5;}
.pro_intro .next { position:absolute; top:95px; right:0; z-index:6;}
.pro_intro .bx-pager {display:none;}
.pro_intro .bx-viewport ul li img {width:100%;height:auto;}
.pro_intro .bx-controls{position: absolute; width:100%;top:0;}
.pro_intro .bx-prev { position:absolute; top:120px;width:41px;height:90px;left:0; z-index:5;color: transparent;background-image:url("http://image.hrdch.co.kr/gosich/image/m/main/pre.png");}
.pro_intro .bx-next { position:absolute; top:120px;width:41px;height:90px;right:0; z-index:6;color: transparent;background-image:url("http://image.hrdch.co.kr/gosich/image/m/main/next.png");}

.pro_intro .swiper-slide{text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width: 60%;margin-top: 20px;}
.pro_intro .swiper-button-prev{background-color:rgba( 222, 222, 222, 0.5 );border:1px solid rgba( 222, 222, 222, 0.5 );border-radius:32px;width:70px;padding:5px 25px 5px 0;height:55px;left:-35px;background-position:55px;}
.pro_intro .swiper-button-next{background-color:rgba( 222, 222, 222, 0.5 );border:1px solid rgba( 222, 222, 222, 0.5 );border-radius:32px;width:70px;padding:5px 25px 5px 0;height:55px;right:-35px;background-position:15px;}

.banner img { width:100%;}

/* 하단 */
.cs {position:relative; display:block; margin-top:0px; height: auto; background:#30353c url(http://image.hrdch.co.kr/work/changwon/m/image/main/cs_bg.jpg) no-repeat; background-size:100% auto;padding:20px 0; overflow:hidden}
.cs ul { text-align:center; margin-top:10px;}
.cs ul .tit { display:block; width:180px; height:30px; border:1px solid #5b5c62; font-size:16px; color:#5b5c62; line-height:30px; margin:0px auto 10px auto}
.cs ul li {  font-size:16px;color:#FFF; letter-spacing:-1px;}
.cs ul .btxt {font-size:22px; }
.cs ul .stxt {font-size:13px;}

.cs .spot { position:absolute; top:0px; right:20px;}
.cs .spot li { display:inline-block; margin-left:10px;}

#footer { position:relative; width:100%; background:#20252c; text-align:center; color:#45484e; padding:35px 0 70px 0;overflow:hidden}
#footer .btn_top { position:absolute; top:0; right:0;}
#footer .fmenu { }
#footer .fmenu a { display:inline-block; margin-right:15px;font-size:16px; letter-spacing:-2px; color:#66666c;}
#footer .fmenu a:last-child { margin-right:0;}
#footer address {font-size:14px;letter-spacing:-1px; color:#45484e; margin-top:20px; line-height:24px;}

/* 인사말 */
.ceo { position:relative;overflow:hidden}
.ceo img{width:100%; height:auto;}
.greeting { overflow:hidden}
.greeting .greet_b { margin-top:40px; font-size:28px; color:#000000; line-height:36px;}
.greeting .greet_txt { margin-top:40px; font-size:14px; line-height:26px}
.greeting .greet_sign { text-align:right; margin-top:60px; font-size:18px; font-weight:bold}
.greeting .greet_sign span {font-size:28px;}

/* 회사소개 */
.introduce { position:relative; top:60px; left:50%; margin-left:-122px; overflow:hidden}
.intro { overflow:hidden}
.intro .intro_b { margin-top:100px; font-size:28px; color:#000000; line-height:36px;}
.intro .intro_txt { margin-top:40px; font-size:14px;line-height:26px}
h4 { position:relative; font-size:24px; color:#000;text-align:center; line-height:50px;}
h4:after { position:absolute;left:50%; top:45px; margin-left:-30px; display:block; content:""; width:60px; height:1px; background:#24a9f8; }
.changwon { margin-top:35px;}
.changwon .chang_l { float:left; width:20%; display:inline-block; text-align:right; padding-right:15px;font-size:18px; font-weight:bold; line-height:30px;}
.changwon .chang_r { float:left; width:75%; display:inline-block; font-size:18px; letter-spacing:-2px;line-height:30px;}

/* 사업영역 */
.btn_go { position:relative; top:10px}
.gray_box { margin-top:15px; padding:20px 20px; background:#f5f5f5; font-size:14px; line-height:26px;}
.gray_box .box_tit { font-size:20px; font-weight:bold; margin-bottom:10px;}

/* 연혁 */
.history_wrap {margin-top:40px;}
.history_wrap > div{margin-left:0px;}
.history_wrap table td{vertical-align:top}
.history_wrap table td.t1{width:80px;font-size:30px;line-height:32px;letter-spacing:-1px;}
.history_wrap table td ul li{line-height:24px;font-size:14px;line-height:32px;letter-spacing:-1px;}
.history_wrap table td.t2 li{font-size:18px;}
.history_wrap table td.t2 {width:40px;text-align:center;background:#f8f8f8;height:100%}
.history_wrap table td.t3 {padding:0 20px;}
.history_wrap table td.t3 li{color:#888;}

.history_wrap .h_2016{margin-top:30px;}
.history_wrap .h_2017{margin-top:30px;}

/* 시설안내 */
.tab {border-bottom:1px solid #cccccc;}
.tab li { float:left; display:inline-block; width:49.6%; text-align:center; line-height:50px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; color:#000; font-size:20px;}
.tab li a{display:block;}
.tab li:nth-child(2n - 2){border-right:0;}
.tab .on a{ color:#3a7cda;}

.facilities { margin-top:37px;}
.facilities img {width:100%;}
.facilities_s { margin-top:20px;}
.facilities_s li { float:left; display:inline-block; width:32%; margin-right:2%; }
.facilities_s li:last-child {margin-right:0;}
.facilities_s li img { width:100%;}
.reading img { width:100%;}

/* 교수소개 */
.pro { margin-bottom:50px; overflow:hidden}
.pro dl{ float:left; display:inline-block; width:48%; margin-right:4%}
.pro dl:nth-child(2n-2){margin-right:0;}
.pro dl dt { margin-bottom:10px;display:inline-block;border-radius:50%;overflow:hidden;width:100%;height:auto;box-sizing:border-box;}
.pro dl dt img { width:100%;}
.pro dl dd { text-align:center; font-size:18px; line-height:24px;}

.profe { position:relative; z-index:10; background:#fff url(http://image.hrdch.co.kr/gosich/image/m/sub/pro_bg.jpg) no-repeat; background-size:100% auto; overflow:hidden}
.profe .slogan { text-align:center; color:#FFF; font-size:32px; line-height:40px; margin-top:0px;}
.profe .allname { margin-top:50px; z-index:11; }
.profe .allname .class { font-size:36px; color:#b9b9b9; letter-spacing:-2px;}
.profe .allname .name { position:relative; font-size:46px; color:#000; line-height:70px;letter-spacing:-2px;}
.profe .allname .name:after {position:absolute; bottom:18px; left:130px; content:""; display:block;  width:80px; height:4px; background:#000;}
.profe .photo { width:90%; margin:-30px auto 0 auto;z-index:13; padding-left:60px;}
.profe .photo img { width:100%}

.review { position:relative; border:1px solid #b7b9bd; width:100%; z-index:13; overflow:hidden}
.review .view_tit { width:100%; height:45px; border-bottom:1px solid #e8e8ea !important;font-size:22px; line-height:45px; color:#5b5e64;padding-left:19px;}
.review ul { padding:10px 23px;}
.review ul li { position:relative; padding-left:10px; font-size:14px;}
.review ul li:before { position: absolute; top:45%;left:0; content:""; display:block; width:2px; height:2px; background:#5b5e64;}

.pro_sub {}
.pro_sub .pro_sl { float:left; width:46%;}
.pro_sub .pro_sl img {border:1px solid #c4c4c4;width:100%;}
.pro_sub .pro_sr { float:left; width:48%; margin-left:6%;}
.pro_sub .pro_sr .titbox {border:1px solid #c4c4c4; background:#f8f8f8; padding:18px 14px;}
.pro_sub .pro_sr .titbox .stxt { color:#2387a1; font-size:16px}
.pro_sub .pro_sr .protxt { margin-top:16px; line-height:24px;}
.pro_sub .pro_sr .protxt .protit { color:#595959;}

/* 패키지 */
.package img { width:100%;}

/* 설명회 참석 신청하기 */
.consult_tit { position:relative; width:100%; height:76px; background:#1e55b0; color:#fff; font-size:28px;text-align:center; line-height:76px}
.consult_tit:after {position:absolute;top:75px;left:50%; margin-left:-23px; content:""; display:block;  width:46px; height:21px;background:url(http://image.hrdch.co.kr/gosich/image/m/sub/mark.gif) no-repeat 0 0; }

.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;font-size:16px;border-bottom:1px solid #929292; line-height:36px;}
.tbl-type01 thead th, .tbl-type01 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.tbl-type01 th, .tbl-type01 td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.tbl-type01 th, .tbl-type01 tfoot th {color:#666;background:#fff;font-weight:normal;}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0}
.tbl-type01 th:last-child, .tbl-type01 td:last-child {border-right:0}
.tbl-type01 th { font-weight:bold; background:#f8f8f8;text-align:left;}
.tbl-type01 .bgnone {text-align:left !important; background:none; font-weight:normal;}
.tbl-type01 .check {width:14px; height:14px;}
.tbl-type01 input{ padding-left:10px; width:100%; height:28px;border:1px solid #e2e2e2;font-size:12px; }
.tbl-type01 textarea { width:100%;}

.agree { font-size:19px; margin-top:26px; overflow:hidden}
.agree span {font-size:15px;}
.btn_view { display:inline-block;width:85px;height:29px;line-height:31px;text-align:center;font-size:15px;font-family:'notokr-regular';background:#f8f8f8;border:1px solid #c4c4c4;}
.btn_red_b {display: block;width:100%;height:60px;line-height:60px;text-align:center;font-size:30px;font-family:'notokr-regular';background:#d22829; color:#FFF; overflow:hidden; margin-top:25px;}

.trans { text-align:center; margin-top:30px}
.view_box {border:1px solid #c4c4c4;border-top:5px solid #1e55b0; padding:10px 20px; overflow:hidden; background:#fff;z-index:1000;width:86%;}
.view_box .view_boxl { }
.view_box .view_boxl .boxl_in {border:1px solid #e3e3e3; background:#f5f5f5; padding:20px 25px; margin-top:20px;}
.view_box .view_boxl .boxl_in p { font-size:16px; line-height:30px;}
.view_box .view_boxl .boxl_in ul { margin-top:10px;}
.view_box .view_boxl .boxl_in ul li {font-size:14px; line-height:26px;}
.view_box .view_boxr { float:right; line-height:30px; text-align:center}

/* 게시판 */
.notice_page{background:#fff;}

.common_board .board_list ul li{border-bottom:1px solid #e2e2e2;padding:15px 10px}
.common_board .board_list ul li span{display:block;}
.common_board .board_list ul li span label{margin-left:5px;}
.common_board .board_list ul li span.tit{margin-bottom:5px;font-size:15px;}
.common_board .board_list ul li span.sb_tit{margin-bottom:5px;font-size:13px;}

a.more_btn{ margin-top:30px; display:block;text-align:center;height:40px;line-height:40px;background:#fff;border-radius:3px;border:1px solid #a2a2a2;font-size:14px;font-weight:bold;}
.label-event{background:#05b2b0; color:#FFF}

.common_board .board_list ul li{border-bottom:1px solid #737373;padding:15px 10px;}
.common_board .board_list ul li span{display:block;}
.common_board .board_list ul li span label{margin-left:5px;}
.common_board .board_list ul li span.tit{margin-bottom:5px;font-size:15px;}

.common_board .paging_box{text-align:center;padding:15px 0}
.common_board .paging{text-align:center;display:inline-block;overflow:hidden;}
.common_board .paging a{display:block;float:left;width:30px;height:30px;line-height:28px;text-align:center;border:1px solid #a2a2a2;box-sizing:border-box;}
.common_board .paging a.prev{margin-right:5px;}
.common_board .paging a.next{margin-left:5px;}
.common_board .paging ul{float:left;overflow:hidden;}
.common_board .paging ul li {float:left;margin-left:3px;}
.common_board .paging ul li span{display:block;width:30px;height:30px;line-height:28px;border:1px solid #a2a2a2;;text-align:center;font-size:14px;box-sizing:border-box;}
.common_board .paging ul li:first-child {margin-left:0px;}
.common_board .paging ul li.on span{border-color:#d22828;color:#d22828;}

.common_board .search_box {padding:0px 10px 10px 10px}
.common_board .search_box > div{border:1px solid #d2d2d2;border-radius:3px;}
.common_board .search_box > div > div{position:relative;margin-right:50px;}
.common_board .search_box > div > div > input{height:34px;width:100%;padding:5px;box-sizing:border-box;}
.common_board .search_box > div > div > a{display:block;position:absolute;top:0px;right:-50px;width:50px;height:34px;}

.common_board .board_view .tit_area{padding:20px 10px;border-bottom:1px solid #d2d2d2}
.common_board .board_view .tit_area h5{display:block;font-size:18px;font-weight:bold;}
.common_board .board_view .tit_area span{display:block;font-size:14px;margin-top:8px;}

.common_board .board_view .contents_area {padding:20px 0px; width: 100%; border-bottom:1px solid #d2d2d2;}
.common_board .board_view .contents_area img{width:100%;}

.common_board .board_view .btn_area{text-align:center;padding:10px 0px;}
.common_board .board_view .btn_area a{display:inline-block;width:120px;height:50px;line-height:50px;border:1px solid #a2a2a2;font-size:18px;}


.add_btn{display:block;float:right;margin:20px 0;height:37px;width:110px;font-size:19px;border:1px solid #d2d2d2;}


header{width:100%;}
header .logo{width:200px;height:auto;margin:25px auto;}
header .logo img{width:200px;height:auto;}
header .btn{position:absolute;top:0;right:0;padding:18px;margin-top:25px;}
header .btn span{display:block;height:3px;width:30px;background:black;margin-bottom:6px;}
header .btn span:last-child{margin-bottom:0;}
aside{top:0;right:-50%;position:fixed;width:50%;height:100%;background:#31363d;color:#fff;z-index:999;}
aside ul{padding-top:120px;padding-left:40px;}
aside ul li{border-bottom:1px solid #666;line-height:40px;}
aside .close{position:absolute;top:20px;right:20px;color:#eee;font-style:italic;text-decoration:underline;}
nav{width:100%;border-top:3px solid red;background:#f5f5f5;}
.gnb{height:43px;}
.gnb:after{content:'';display:block;clear:both;}
.gnb li{float:left;width:20%;color:#333;text-align:center;line-height:43px;}
.gnb li a{font-size:16px !important;font-weight:bold;}
.gnb li.on a{color:#ff0000;font-weight:bold;}


/*2차 탭메뉴*/
.tab_menu_wrap .tab_menu {width:100%;overflow: hidden;display:none;}
.tab_menu_wrap .tab_menu.on {display:block;}
.tab_menu_wrap .tab_menu li{float:left;width:20%;text-align: center;background: #e6e6e6; transition:all 0.3s;}
.tab_menu_wrap .tab_menu li.on{background: #4b4b4b;}
.tab_menu_wrap .tab_menu li.on a {color:#fff;}
.tab_menu_wrap .tab_menu li a{font-size:16px;color:#282828;display:inline-block;padding:9px 0;}
.tab_menu_wrap .tab_menu01 li:nth-child(1) a{font-size:15px;}
.tab_menu_wrap .tab_menu02 li{width:25%;}
.tab_menu_wrap .tab_menu03 li{width:100%;}
.tab_menu_wrap .tab_menu05 li{width:25%;}


/*3차 탭메뉴내용*/
.tab_con {width:100%;}
.tab_con .box{width:100%;overflow: hidden;background: #444;color:#fff;display:none;}
.tab_con .box div{float:left;width:33.3%;text-align: center;padding:7px 0;font-size:16px;}
.tab_con .box div a{color:#ffffff;}
.tab_con .box05 div{width:50%;}
.tab_con .box.on{display:block;}

.section01{width:100%;}
.section01 .main_slide01 img{width:100%;}
.bx-wrapper{position:relative;}
.bx-pager{text-align:center;}
.bx-controls{position:absolute;top:90%;left:50%;margin-left:-29px;}
.bx-pager-item{display:inline-block;margin:0 4px;}
.bx-pager-item a{width:11px;height:11px;border-radius:50%;background-color:rgba(0, 0, 0, 0.3);border:1px solid #444;display:block;text-indent:-9999px;}
.bx-pager-item a.active{background:black;}
.bx-controls-direction{display:none;}
.s01_bn{width:100%;height:auto;}
.s01_bn img{width:100%;}
.section02{width:100%;overflow:hidden;margin-top:25px;}
.section02 h1{width:90%;margin:0 auto 22px;font-size:22px;font-weight:bold;}
.section02 .s02_bn{width:100%;}
.section02 .s02_bn img{width:90%;margin-left:5%;margin-bottom:20px;}
.section02 .s02_bn .bn_img03{width:100%;}
.section02 .s02_bn .bn_img03 img{width:100%;padding:30px 0;margin-left:0;}
.section03{width:100%;margin-top:40px;}
.section03 .tit03{width:90%;height:29px;margin:0 auto 22px;border-bottom:1px solid #c8c8c8;}
.section03 .tit03:after{content:'';display:block;clear:both;}
.section03 .tit03 h1{font-size:22px;font-weight:bold;float:left;}
.section03 .tit03 .arr{width:22px;height:22px;float:right;}
.section03 .tit03 .arr img{width:100%;height:100%;}
.section03 .s03_slide img{width:100%;}
.section03 .bx-wrapper .bx-controls {margin-left:-84px;}
.section04{width:100%;overflow:hidden;margin:20px 0;}
.section04 img{width:100%;margin-bottom:20px;}
.section05{width:100%;padding-top:40px;background:url('http://image.hrdch.co.kr/gosich/image/m/main/section06_bg.png');}
.section05 .s05_tit{width:100%;}
.section05 .s05_tit img{width:100%;}
.section05 .s05_bn{width:90%;margin:30px auto; border:1px solid #aeaeae;}
.section05 .s05_bn:after{content:'';display:block;clear:both;}
.section05 .s05_bn div{float:left;width:33%;height:145px;border-right:1px solid #aeaeae; position:relative;}
.section05 .s05_bn div:last-child{border-right:0;}
.section05 .s05_bn div img{position:absolute;top:50%;left:50%;margin-left:-59px;margin-top:-60px;width:118px;height:120px;}
.notice{width:90%;margin:40px auto;}
.notice .tit03{height:29px;margin-bottom:22px;border-bottom:1px solid #c8c8c8;}
.notice .tit03 h1{font-size:22px;font-weight:bold;float:left;}
.notice .tit03 .arr{width:15px;height:22px;float:right;}
.notice .tit03 .arr img{width:100%;height:100%;}
.notice .notice_con{width:100%;}
.notice .notice_con li{padding:8px 0;border-bottom:1px solid #e7e7e7;}
.section06{width:100%;}
.section06 .sns{width:100%;height:67px;background:#f4f4f4;border:1px solid #dbdbdb;}
.section06 .sns .sns_wrap{width:90%;margin:0 auto;}
.section06 .sns_wrap:after{content:'';display:block;clear:both;}
.section06 .sns_wrap div{float:left;padding-right:7px;width:25%;height:31px;margin-top:17.5px;box-sizing: border-box;}
.section06 .sns_wrap div img{width:100%;height:100%;}
.section06 .s06_bt{width:80%;overflow:hidden;margin:0 auto;padding:37px 0;}
.section06 .s06_bt div{float:left;width:49.5%;height:40px;border:1px solid #dbdbdb;}
.section06 .s06_bt div a{display:block;text-align:center;line-height:40px;font-size:22px;}
.footer{width:100%;}
.footer .fmenu{width:100%;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.footer .fmenu:after{content:'';display:block;clear:both;}
.footer .fmenu li{width:24.3%;padding:7px 0;float:left;position:relative;text-align:center;}
.footer .fmenu li:before{position:absolute;content:'';top:0;left:0;bottom:0;margin:auto;width:1px;height:15px;background-color:#bababa;}
.footer .fmenu li:first-child:before{display:none;}
.footer .fmenu li a{font-size:13px;}
.footer .fmenu li:nth-child(3) a{font-size:12px;}
.footer .cs{width:100%;background:#f4f4f4;border-bottom:1px solid #ddd;}
.footer .cs:after{content:'';display:block;clear:both;}
.footer .cs .call{float:left;width:50%;padding:10px 0;}
.footer .cs .call .call_wrap{width:77%;margin:0 auto;}
.footer .cs .call .call_wrap:after{content:'';display:block;clear:both;}
.footer .cs .call .call_wrap img{float:left;width:18% !important;}
.footer .cs .call .call_wrap h1{font-size:1.3em;float:left;line-height:34px;margin-left:5px;}
.footer .cs .cs_con{width:50%;float:left;padding:14px 0;}
.footer .cs .cs_con div{font-size:16px;}
.footer .f_info{width:85%;padding:40px 30px;}
.footer .f_info:after{content:'';display:block;clear:both;}
.footer .f_info li{float:left;margin-bottom:5px;padding:0 5px;position:relative;}
.footer .f_info li:nth-child(2):before{position:absolute;content:'';top:0;left:0;bottom:0;margin:auto;width:1px;height:10px;background-color:#bababa;}


/* 동영상 팝업 */
.layer_popup { position: fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(255, 255, 255, 0.90); z-index:500;}
.layer_popup .btn_close { position:absolute; top:82px; right:292px; cursor:pointer;}
.layer_popup .inner { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);width:100%;}
.layer_popup .inner .layer_tit { font-size:30px;}
.layer_popup .inner .layer_tit span { float:right; font-size:25px;}
.layer_popup .inner .layer_tit span em { font-size:20px;}
.layer_popup .inner .layer_movie {width:100%;height:577px;margin-top:22px; overflow:hidden}

.container_inner { position:relative; width:100%; /*left:50%; margin-left:-540px;*/ }

/* TOP 버튼 */
#back-to-top {
  display: inline-block;
  background-color: transparent !important;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 10px !important;
  right: 5px !important;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: visible;
  z-index: 99999999;
}
#back-to-top img {width: 50px;}
.btnShow {
  opacity: 1 !important;
  visibility: visible !important;
}


/***** 모바일메인 리뉴얼 20210824 *****/
@media (max-device-width:320px) {
  #up .upList li .teacher > span {width: 70px; height: 70px; top: 10px; left: 10px;}
  #up .upList li a.home {width: 35px; height: 35px;}
  #up .upList li .teacher p { margin: 25px 15px 0 32%; font-size: 0.9em; letter-spacing: -1px; padding: 5px 0 0 0;}
  #up .review .review_title {font-size: 1.2em !important;}
  #up .review .review_title > a {width: 28px; height: 28px;}
  #up .review .swiper-slide > p span.job {font-size: 1.0em;}
  #up .review .swiper-slide > p span.reviewer {font-size: 1.1em;}
  #up .review .swiper-slide > p span.comment {font-size: 0.9em;}
  #up .review .swiper-slide > p a {border-radius: 12.5px; font-size: 0.8em; width: 100px; padding: 4px 8px 6px 8px;}
}
@media (min-device-width:321px) and (max-device-width:480px) {
  #up .upList li .teacher > span {width: 90px; height: 90px; top: 10px; left: 10px;}
  #up .upList li a.home {width: 35px; height: 35px;}
  #up .upList li .teacher p { margin: 25px 15px 0 35%; font-size: 1.0em; letter-spacing: -1px; padding: 5px 0 0 0;}
  #up .review .review_title > a {width: 30px; height: 30px;}
  #up .review .swiper-slide > p span.job {font-size: 1.0em;}
  #up .review .swiper-slide > p span.reviewer {font-size: 1.1em;}
  #up .review .swiper-slide > p span.comment {font-size: 0.9em;}
  #up .review .swiper-slide > p a {border-radius: 12.5px; font-size: 0.8em; width: 100px; padding: 4px 8px 6px 8px;}
}
@media (min-device-width:481px) and (max-device-width:768px) {
  #up .upList li h4 {font-size: 2.0em !important;}
  #up .upList li .teacher > span {width: 150px; height: 150px; top: 10px; left: 30px;}
  #up .upList li a.home {width: 50px; height: 50px; right: 20px !important; bottom: 20px !important;}
  #up .upList li .teacher p { margin: 25px 15px 0 200px; font-size: 1.2em; letter-spacing: 0px; padding: 10px 0 10px 0;}
  #up .review .review_title {font-size: 2.0em !important;}
  #up .review .review_title > a {width: 50px; height: 50px;}
  #up .review .swiper-slide > p span.job {font-size: 1.4em;}
  #up .review .swiper-slide > p span.reviewer {font-size: 1.5em;}
  #up .review .swiper-slide > p span.comment {font-size: 1.2em;}
  #up .review .swiper-slide > p a {border-radius: 15px; font-size: 1.1em; width: 140px; padding: 5px 8px 6px 8px;}
}
@media (min-device-width:769px) {
  #up .upList li h4 {font-size: 2.5em !important;}
  #up .upList li .teacher > span {width: 200px; height: 200px; top: 0px; left: 30px;}
  #up .upList li a.home {width: 50px; height: 50px; right: 20px !important; bottom: 20px !important;}
  #up .upList li .teacher p { margin: 25px 15px 0 270px; font-size: 1.5em; letter-spacing: 0px; padding: 10px 0 10px 0;}
  #up .review .review_title {font-size: 2.5em !important;}
  #up .review .review_title > a {width: 50px; height: 50px;}
  #up .review .swiper-slide > p span.job {font-size: 1.8em;}
  #up .review .swiper-slide > p span.reviewer {font-size: 2.0em;}
  #up .review .swiper-slide > p span.comment {font-size: 1.5em;}
  #up .review .swiper-slide > p a {border-radius: 20px; font-size: 1.3em; width: 180px; padding: 5px 8px 6px 8px;}
}

/* 메뉴  */
.menu_btn {position: absolute; display: block; width: 40px; height: 40px; overflow: hidden; left: 15px; top: 15px;z-index: 99;}
.menu_btn img {width: 75%;}
.menu_btn a {display: block; width: 40px; height: 40px; padding: 5px; box-sizing: border-box;}
.menu_btn span{display:block;height:3px;width:30px;background-color:#000;margin-bottom:6px;}
.menu_btn span:last-child{margin-bottom:0;}
.menu_bg {width: 100%; max-width: 480px; height: 100%; position: absolute; top:0px; left:0px; overflow-y: scroll; display: none; z-index: 99999;}
.menu_all { position:absolute; top:0px; left:0px; width:100%; height: 100%; background-color:#fff; overflow-y: auto;}
.menu_top {background: #f08200; height: 70px;}
.menu_top > img {height: 30px; margin: 20px 0 0 15px;}
.menu_btn_x {position: absolute; display: block; width: 20px; height: 20px; overflow: hidden; right: 20px; top: 25px;}
.menu_btn_x img {width: 20px;}

/* 메뉴 리스트 */
#mmenu,
#mmenu ul,
#mmenu ul li,
#mmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#mmenu { width: 100%; color: #000;}
#mmenu ul ul {display: none; margin: 0;}
.align-right {float: right;}
#mmenu > ul > li > a {
  padding: 18px 0 15px 52px;
  border-bottom: 1px solid #acacac;
  cursor: pointer;
  font-size: 1.1em;
  font-weight: bold;
  color: #000000;
  cursor: pointer;
  z-index: 2;
  text-decoration: none;
}
#mmenu li { background-repeat: no-repeat; background-size: 30px; background-position: 15px 12px;}
#mmenu .icon1 {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon1_off.png);}
#mmenu .icon1.open {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon1.png);}
#mmenu .icon2 {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon2_off.png);}
#mmenu .icon2.open {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon2.png);}
#mmenu .icon3 {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon3_off.png);}
#mmenu .icon3.open {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon3.png);}
#mmenu .icon4 {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon4_off.png);}
#mmenu .icon4.open {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon4.png);}
#mmenu .icon5 {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon5_off.png);}
#mmenu .icon5.open {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon5.png);}
#mmenu .icon6 {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon6_off.png);}
#mmenu .icon6.open {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_list_icon6.png);}
#mmenu > ul > li > a:hover,
#mmenu > ul > li.active > a,
#mmenu > ul > li.open > a {}
#mmenu > ul > li.open > a {border-bottom: 1px solid #acacac;}
#mmenu > ul > li:last-child > a,
#mmenu > ul > li.last > a {border-bottom: 1px solid #acacac;}
.holder {width: 0; height: 0; position: absolute; top: 0; right: 0;}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #999;
  border-left: 2px solid #999;
}
.holder::before {
  top: 17px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#mmenu > ul > li > a:hover > span::after,
#mmenu > ul > li.active > a > span::after,
#mmenu > ul > li.open > a > span::after {border-color: #f08200;}
#mmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  padding: 16px 16px 16px 52px;
  z-index: 1;
  text-decoration: none;
  font-size: 1.1em;
  color: #444;
  background: #f5f5f5;
}
#mmenu ul ul li:hover > a,
#mmenu ul ul li.open > a,
#mmenu ul ul li.active > a {background: #f5f5f5; color: #444;}
#mmenu ul ul li:first-child > a {}
#mmenu ul ul ul li:first-child > a {}
#mmenu ul ul ul {background: #ddd; padding: 10px;}
#mmenu ul ul ul li {display: inline-block; width: 30%; margin-right: 10px; padding: 0;}
#mmenu ul ul ul li:nth-child(3n) {margin-right: 0;}
#mmenu ul ul ul li a {
  width: 100%;
  text-align: center;
  background: none;
  margin:0;
  padding: 10px 0;
  border-bottom: 0;
  font-size: 1.1em;
  letter-spacing: -1px;
}
#mmenu > ul > li > ul > li:last-child > a,
#mmenu > ul > li > ul > li.last > a {}
#mmenu > ul > li > ul > li.open:last-child > a,
#mmenu > ul > li > ul > li.last.open > a {}
#mmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {}
#mmenu ul ul li.has-sub > a::after {
 display: block;
 position: absolute;
 content: "";
 width: 8px;
 height: 8px;
 right: 20px;
 z-index: 10;
 top: 18px;
 border-top: 2px solid #999;
 border-left: 2px solid #999;
 -webkit-transform: rotate(-135deg);
 -moz-transform: rotate(-135deg);
 -ms-transform: rotate(-135deg);
 -o-transform: rotate(-135deg);
 transform: rotate(-135deg);
}
#mmenu ul ul li.active > a::after,
#mmenu ul ul li.open > a::after,
#mmenu ul ul li > a:hover::after {}

/* 바로가기 메뉴 */
.menu_side {
  width: 100%; 
  margin: 30px 0 0 0; 
  padding: 0; 
  box-sizing: border-box; 
  text-align: center;
}
.menu_side li {
  display: inline-block; 
  box-sizing: border-box; 
  width: 22%;
  height: 80px;
  margin: 0 0 7px 0;
  padding: 0; 
}
.menu_side li a {
  background: #fbbd0e; 
  display: block; 
  box-sizing: border-box; 
  width: 100%; 
  height: 100%;
  font-size: 1.0em;
  letter-spacing: -1px;
  text-decoration: none; 
  color: #000; 
  margin: 0;
  padding: 5px 0 5px 0; 
  text-align: center; 
  border-radius: 10px; 
}
.menu_side li a span {
  display: block;
  height: 50px;
  margin: 0 atuo;
  background-size: 100%; 
  background-repeat: no-repeat; 
  background-position: center;
}

.menu_side li:nth-child(1), .menu_side li:nth-child(5) {margin-left: 0;}
.menu_side li:nth-child(1) a span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_side_icon1.png);}
.menu_side li:nth-child(2) a span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_side_icon2.png);}
.menu_side li:nth-child(3) a span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_side_icon3.png);}
.menu_side li:nth-child(4) a span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_side_icon4.png);}
.menu_side li:nth-child(5) a span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_side_icon5.png);}
.menu_side li:nth-child(6) a span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_side_icon6.png);}
.menu_side li:nth-child(7) a span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_side_icon7.png);}
.menu_side li:nth-child(8) a span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_side_icon8.png);}

/* 하단 Family 메뉴 */
.menu_family {
  width: 88%; 
  overflow: hidden; 
  margin: 30px auto; 
  margin-bottom: 2em; 
  padding:80px 0 0 0; 
  box-sizing: border-box; 
  background-color: #f7f0dc; 
  border: 1px solid #ccc; 
  border-radius: 15px; 
  box-shadow: 0 -5px 5px #ddd; 
  background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_family_bg.png); 
  background-repeat: no-repeat; 
  background-position: center 20px; 
  background-size: 100%; 
  text-align: center;}
.menu_family ul { 
  width: 100%; 
  margin: 0 auto; 
  text-align: center; 
  padding: 0;}
.menu_family li {
  display: inline-block; 
  box-sizing: border-box; 
  width: 30%; 
  margin: 0; 
  padding: 0;}
.menu_family li a {
  background: #fff; 
  display: block; 
  box-sizing: border-box; 
  width: 100%; 
  border: 1px solid #ddd; 
  box-shadow: 2px 2px 3px #ddd; 
  background-repeat: no-repeat;
  background-size: 100%; 
  background-position: center;
  padding: 20px;
}
.menu_family li:nth-child(3), .menu_family li:nth-child(6) {margin-right: 0;}
.menu_family li:nth-child(1) a {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_family_logo1.png);}
.menu_family li:nth-child(2) a {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_family_logo2.png);}
.menu_family li:nth-child(3) a {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_family_logo3.png);}
.menu_family li:nth-child(4) a {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_family_logo4.png);}
.menu_family li:nth-child(5) a {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_family_logo5.png);}
.menu_family li:nth-child(6) a {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_family_logo6.png);}
.menu_family a.call {
  display: inline-block; 
  margin: 10px auto; 
  background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/menu_family_icon.png); 
  background-size: 35px; 
  background-repeat: no-repeat; 
  background-position: left top; 
  padding: 8px 0 0 40px; 
  font-size: 1.7em; 
  text-decoration: none; 
  color: #000;
  height: 40px;
}

/***** 메인 슬라이드 배너 *****/
.swiper-container {position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 9 !important; top: 0;}
.swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  width: 90% !important;
  opacity: 0.7;
  box-shadow: -2px 0px 5px #444;;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.slide6 {background-color:#227ee1; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_slide_250609.jpg);}
.slide5 {background-color:#145857; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_slide_250708.jpg);} 
.slide7 {background-color:#145857; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_slide_250620.jpg);} 
.slide1 {background-color:#e8e9eb; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_slide_event.jpg);}
.slide9 {background-color:#145857; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_main_slide09_230720.jpg);}
.slide3 {background-color:#0a0b89; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_main_slide03.jpg?v=220602);}
/* .slide15 {background-color:#4350d3; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_main_slide15.jpg?v=220520);} */
.slide23 {background-color:#2d60ae; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_main_slide23.jpg?v=211105);}
.slide8 {background-color:#e8e9eb; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_main_slide08.jpg?v=220520);}
/* .slide21 {background-color:#145857; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_main_slide21.jpg?v=220307);} */
.slide2 {background-color:#1f5bc9; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_main_slide02.jpg);}
.slide4 {background-color:#2d4e17; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_main_slide04.jpg);}

.slide13 {background-color:#43a8b7; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_slide_interview.jpg);}
.slide14 {background-color:#f6cf50; background-image:url(http://image.hrdch.co.kr/gosich/image/m/main/m_slide_pass.jpg);}


.slide1 img.m_logo {position: absolute; top: 17px; right: 15px; height: 30px;}
.swiper-container .swiper-slide-active {opacity: 1;}
#contents .swiper-slide a {position: absolute; left: 0; top: 0; display:block; width: 100%; height: 100%;}


/***** 강사진 *****/
#up {
    position: absolute;
    width: 100%;
    top: 500px;
    margin: 0 auto;
    z-index: 9999;
    transition: all 0.5s ease-in-out;
    overflow-x: hidden;
}
#up img {width: 100%;}
#up_back {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9;
    display: none;
}
#up .upList {
    position: relative;
    width: 88%;
    margin: 0 auto;
    padding: 0;
}
#up .upList ul {margin: 5px 0 0 0; padding: 0; position: relative;}
#up .upList li {
    position: relative;
    margin: 0 0 30px 0; padding: 0 0 20px 0;
    display: block;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #f2f2f2;
    border: 1px solid #bfbfbf;
    box-shadow: 0 5px 5px #ddd;
}
#up .upList li > h5 {position: relative; font-size: 1.8em; font-weight: bold; text-align: center; margin: 0; padding: 20px 0 15px 0;}
#up .upList li .vod {width: 100%; position: relative;}
.sample { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; vertical-align: text-top;} /* 동영상 16:9 비율인 경우 56.25%, 4:3 비율인 경우 75%로 설정합니다 */
.sample iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sample_cover {width:100%; position: absolute; top:0px; left:0px; z-index: 1000;}
#up .upList li .teacher {position: relative;}
#up .upList li .teacher > span {display: block; position: absolute; background-repeat: no-repeat; background-size: 100%;}
#up .upList li:nth-child(1) > .teacher > span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/up_teacher_01.png);}
/*#up .upList li:nth-child(2) > .teacher > span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/up_teacher_02.png?v=211104);}*/
#up .upList li:nth-child(2) > .teacher > span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/up_teacher_03_2.png);}
#up .upList li:nth-child(3) > .teacher > span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/up_teacher_04.png);}
#up .upList li:nth-child(4) > .teacher > span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/up_teacher_05_2.png);}
#up .upList li:nth-child(5) > .teacher > span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/up_teacher_06.png);}
#up .upList li:nth-child(6) > .teacher > span {background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/up_teacher_09.png);}


#up .upList li .teacher p > span.stitle {display: block; font-size: 1.1em;font-weight: bold; }
#up .upList li .teacher p > span.name {display:block; margin-top: 0.5em;font-size: 1.3em;}
#up .upList li .teacher p > span.name > span {font-weight: bold;}
#up .upList li a.home {
    display: block; 
    background-color: #ff9600; 
    border-radius: 50%;
    background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/up_teacher_home.png);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute; right: 15px; bottom: 15px;
    z-index: 2000;
}
#up .review {
    position: relative;
    width: 85%;
    margin: 25px auto;
    padding: 0;
    border: 0;
}
#up .review .review_title {
  position: relative;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  letter-spacing: -1px;
  margin: 10px 0 15px 0;
}
#up .review .review_title > a {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2000;
  background-image: url(http://image.hrdch.co.kr/gosich/image/m/main/up_vod2_more.png);
  background-size: 100%;
}
#up .review .swiper-container2 {
  border: 1px solid #bfbfbf;
  background-color: #fff;
  width: 100%;
  margin: 0;
  padding: 0 0 90px 0;
  overflow: hidden;
  box-sizing: border-box;
}
#up .review .swiper-wrapper {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
#up .review .swiper-slide {
  position: relative;
  width: 100%;
  box-shadow: none;
  opacity: 1;
  margin: 0;
  padding: 0;
}
#up .review .swiper-slide .vod {width: 100%; position: relative; margin: 0; padding: 0; top: 0;}
#up .review .swiper-slide .vod > p {margin: 0; padding: 0; display: block;}
.sample2 {position: relative; margin: 0; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden;} /* 동영상 16:9 비율인 경우 56.25%, 4:3 비율인 경우 75%로 설정합니다 */
.sample2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sample_cover2 {width:100%; position: absolute; top:0; left:0px; z-index: 1000;}
#up .review .swiper-slide > p {
  width: 100%;
  display: block;
  position: relative;
  margin: 15px 0 0 0;
  padding: 0 20px;
  text-align: center;
  box-sizing: border-box;
}
#up .review .swiper-slide > p span {
  display: block;
}
#up .review .swiper-slide > p span.job {font-weight: bold;}
#up .review .swiper-slide > p span.reviewer {margin-top: 10px;}
#up .review .swiper-slide > p span.comment {text-align: left; margin-top: 10px;}
#up .review .swiper-slide > p a {
  position: relative;
  display:block;
  background-color: #efeff0;
  margin: 0 auto;
  margin-top: 20px;
  text-decoration: none;
  text-align: center;
  letter-spacing: -1px;
  box-sizing: border-box;
  color: #000;
}
#up .review .arrows {display: block; position: absolute; background-color: #f5f5f5; width: calc(100% - 2px); height: 70px; left: 1px; bottom: 1px; box-sizing: border-box; overflow: hidden;}
.swiper-button-prev, .swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: none !important;}
#up .review .arrows .swiper-button-next::after, #up .review .arrows .swiper-button-prev::after {content: ''}
#up .review .arrows .swiper-button-next, #up .review .arrows .swiper-button-prev {
    position: absolute;
    top: 18px;
    width: 35px;
    height: 35px;
    margin: 0;
    z-index: 10;
    cursor: pointer;
    display: block;
    align-items: center;
    justify-content: center;
}
#up .review .arrows .swiper-button-next {left: 50%; margin-left: ;}
#up .review .arrows .swiper-button-prev {left: 50%; margin-left: -45px;}