/**** 상단 네비게이션 (스크롤 이후 고정)  ****/
#header {display:none; height:78px; text-align:center; background: #fff; border-bottom: 3px solid #f08200; box-sizing: border-box;}
#header .topCon {position: relative;width: 1080px; height: 78px; left: 50%; margin-left: -540px;}
.topCon .logo {position: absolute; left: 0; top: 20px;}
#header .topCon .gnb {position: absolute; right: 0; top: 35px;}
.gnb li { float: left; margin-right:22px; padding-right: 22px; background: url(http://image.hrdch.co.kr/gosich/image/main/gnb_line.png) right 2px no-repeat !important; font-size: 19px; font-weight: bold;}
.gnb li:last-child {background-image: none !important; padding-right: 0; margin-right: 0;}
.gnb li a:hover {color: #f08200;}


/**** 풀페이지 ****/
#fullpage {position: relative;}
#fullpage .section {position: relative;text-align:center;}
#fullpage .section .section_wrap {position: relative; text-align: center; width: 1200px; margin: 0 auto;}
#fullpage a:hover {transition: all 0.5s ease-in-out;}

/*** 알파벳 ***/
#object {position:relative; width:100%; min-width:1080px;}
#object_g {position:absolute; top:60px; left:50%; margin-left:-1050px; z-index:1;}
#object_o {position:absolute; top:600px; left:50%; margin-left:-900px; z-index:4;}
#object_s {position:absolute; top:200px; left:50%; margin-left:500px; z-index:19;}
#object_i {position:absolute; top:800px; left:50%; margin-left:600px; z-index:5;}
#object_p {position:absolute; top:1430px; left:50%; margin-left:-1100px; z-index:6;}
#object_r {position:absolute; top:1500px; left:50%; margin-left:600px; z-index:7;}
#object_o2 {position:absolute; top:2420px; left:50%; margin-left:-1000px; z-index:8;}
#object_e {position:absolute; top:2650px; left:50%; margin-left:600px; z-index:9;}
#object_j {position:absolute; top:3200px; left:50%; margin-left:-1050px; z-index:9;}
#object_c {position:absolute; top:3550px; left:50%; margin-left:620px; z-index:10;}
#object_t {position:absolute; top:4470px; left:50%; margin-left:590px; z-index:10;}


/**** 풀페이지 섹션 바로가기 퀵메뉴(페이지 표시) ****/
#myMenu {display:none;} /* section0에서 노출X */
.quick {position:absolute; top: 50%; right: 0; transform: translateY(-50%);}
.quick li {position: relative;margin-bottom: 5px; width: 190px; height: 38px; box-sizing: border-box; background-color: #fff; border: 1px solid #b0b0b0; border-top-left-radius: 15px; border-bottom-left-radius: 13px; border-right: 0;}
.quick li:first-child {margin-bottom: 11px; margin-left: 90px; border: 0; width: 67px; height: 70px; border-radius:0;}
.quick li a {display: block;font-size: 19px; color: #000; width: 100%; height: 100%; text-align: right; padding: 8px 15px 0 0; box-sizing: border-box;} 
.quick li:hover, .quick li.active {background-color: #ffa500;}
.quick li:first-child, .quick li:first-child:hover, .quick li:first-child.active {background: transparent;}


/*** section0 비주얼 ***/
#section0 {position: relative;background: url(http://image.hrdch.co.kr/gosich/image/main/bg_section0.jpg) center bottom no-repeat !important;}
#section0 .section_wrap .title_01 {margin: 60px 0 0 55px; z-index: 90;}

/**** section0 레이어 팝업 ****/
.main_popup {position: fixed; width: 190px; height: 195px; z-index: 100000; right: 10px;}
.main_popup > a {position: absolute; display: inline-block; right: 0; top: 0; padding-top: 10px; width: 40px; height: 40px; border-radius: 20px; background:#000; z-index: 100001; box-sizing: border-box; font-size: 24px; color: #fff;}
.main_popup > div {position: relative; top: 5px; left: 0; width: 190px; height: 190px; border-radius: 100px; text-align: center; box-shadow: 4px 4px 4px #999; background-size: 190px; background-position: center; background-repeat: no-repeat;}
.main_popup > div > a {display: block; width: 100%; height: 100%; cursor: pointer;}
.popup_1 {top: 700px;}
.popup_2 {top: 410px;}
/*.talk_pop {position: absolute; z-index: 100000; left: 50%; margin-left:-780px; bottom: 20px;}*/

/*** 초기화면 네비게이션 - 스크롤이후 숨김 ***/
#section0 .nav {position: absolute; top: 0; width: 100%; height: 134px; background: #fff; border-bottom: 1px solid #666; z-index: 999 !important;}
#section0 .nav .topCon {position: relative;width: 1080px; height: 75px; left: 50%; margin-left: -540px;}
.sns {position: absolute; top: 30px; right: 0;}
.sns li {float: left; margin-right: 10px;}
.sns li:last-child {margin-right: 0;}
#section0 .nav .line {border-top: 3px solid #f08200;}
#section0 .gnbCon {position: relative;width: 1080px; height: 75px; left: 50%; margin-left: -540px; top: 20px;}
.link {position: absolute; right: 0px;}
.link li { float: left; margin-right:22px; font-size: 19px; font-weight: normal;}
.link li:last-child {margin-right: 0;}
.link li a:hover {color: #f08200;}

/*** section0 우측 바로가기 메뉴 ***/
#section0 .quick2 {position: absolute; top: 50%; right: -150px; transform: translateY(-50%); z-index: 99;}
#section0 .quick2 li a:hover {position: relative; margin-left: -300px;}


/*** section1 - 이벤트&최신소식 ***/
#section1{position: relative; background: url(http://image.hrdch.co.kr/gosich/image/main/bg_section1.jpg) center top no-repeat;}
#section1 .section_wrap {height: 765px;}
#section1 p {color: #000;font-size: 42px; font-weight: bold; letter-spacing: -1px; margin-bottom: 45px;}
#section1 p span {font-weight: normal;}
#section1 .bnList {position: relative;}
#section1 .bnList a {position: absolute;}
#section1 .bnList a:nth-child(1) {left: 0; top: 0;}
#section1 .bnList a:nth-child(2) {right: 0; top: 0;}
#section1 .bnList a:nth-child(3) {left: 0; top:263px;}
#section1 .bnList a:nth-child(4) {left: 406px; top:263px;}

#section1 .bnList a:nth-child(5) {right: 0; top: 263px;}
#section1 .bnList a:nth-child(6) {left: 0; top: 527px;}
#section1 .bnList a:nth-child(7) {left: 406px; top: 527px;}
#section1 .bnList a:nth-child(8) {right: 0; top: 527px;}
#section1 .bnList a img {box-shadow: 2px 2px 2px #ccc;}


/*** section2 - 전체 카테고리 ***/
#section2{background: url(http://image.hrdch.co.kr/gosich/image/main/bg_section2.jpg) center no-repeat;}
#section2 .section_wrap {height: 320px; padding: 80px 0 0 0;}
#section2 .classList {position: relative;}
#section2 .classList > li {display: block; width: 223px; height: 320px; float: left; margin-right:20px;}
#section2 .classList > li:last-child {margin-right: 0px;}
#section2 .classList .stitle {background-color: #76c4d1; opacity: 0.8; padding: 15px; text-align: center; border-top-left-radius: 16px; border-top-right-radius: 16px; color: #000; font-size: 26px; font-weight: bold;}
#section2 .classList li .listCon {background-color: #fff; opacity: 0.8; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; padding: 17px 30px;  text-align: left; height: 200px;}
#section2 .classList li .listCon li {margin-bottom: 7px;}
#section2 .classList li .listCon a {color: #000; font-size: 18px;  font-weight: bold;}
#section2 .classList li .listCon a:hover {color: #005c82;}


/*** section3 - 후기/오리엔테이션 동영상 리스트 ***/
#section3 {position: relative;}
#section3 .section_wrap {height: 824px;}
#section3 .vodList {position: relative;}
#section3 .vodList .tab {overflow:hidden; position:relative;} 
#section3 .vodList .tab li {float:left; cursor:pointer;} 
#section3 .vodList .con_wrap {position:relative; height:565px; width:100%; box-sizing: border-box; border-bottom: 3px solid #535d9c; border-left: 3px solid #535d9c; border-right: 3px solid #535d9c;} 
#section3 .vodList .con_wrap div:nth-child(2){display:none} 
#section3 .vodList .con_wrap ul {margin-left:26px; }
#section3 .vodList .con_wrap li {position: relative; float: left; width: 277px; margin-right:11px; margin-top: 40px; text-align: center;}
#section3 .vodList .con_wrap li a {display: block; width: 277px; height: 156px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 999; cursor: pointer;}
#section3 .vodList .con_wrap li a img {width: 277px; height: 156px;}
#section3 .vodList .con_wrap li p {display: block; width: 277px; height: 156px; overflow: hidden;}
#section3 .vodList .con_wrap li iframe {width: 277px; height: 156px;}
#section3 .vodList .con_wrap li span {display: block; font-size: 20px; margin-top: 20px;}
#section3 .vodList .con_wrap li span:last-child {font-size: 16px; margin-top: 5px}
#section3 .vodList .con_wrap div:nth-child(2) li span {font-size: 16px;} 
#section3 .vodList .con_wrap div:nth-child(2) li span:last-child {font-size: 20px;} 
#section3 .bn {position: absolute; bottom: 0;}


/*** section4 - 강사진 ***/
#section4 {background:#f1f3f6;}

/* 스터디채널 메인 강사진과 동일  */
.professor_wrap {width:100%; height:745px; /*background:#f1f3f6 url("http://image.hrdch.co.kr/studych/image/studych/main/new/bg_professoer.gif") top center no-repeat;*/ position:relative;}
.professor_wrap p.tit {width:1200px; margin:0 auto; font-size:30px; font-weight:bold; text-align:center; color:#111;font-family:'notokr-medium'; height:35px; margin-bottom:10px; letter-spacing:-1px;}

/*tab css*/
.professor_wrap .pro_box{width:1200px; height:290px; margin:auto;}
.professor_wrap .tabnav {width:1200px; margin-bottom:10px; font-size:0;}
.professor_wrap .tabnav li {display: inline-block; text-align:center; cursor:pointer;}
.professor_wrap .tabcontent div.con_pro:nth-child(2){display:none} 
.professor_wrap .tabcontent div.con_pro:nth-child(3){display:none}
.professor_wrap .tabcontent div.con_pro:nth-child(4){display:none}
.professor_wrap .tabcontent div.con_pro:nth-child(5){display:none}
.professor_wrap .tabcontent div.con_pro:nth-child(6){display:none}
.professor_wrap .tabcontent div.con_pro:nth-child(7){display:none}
.professor_wrap .tabcontent div.con_pro:nth-child(8){display:none}

.professor_wrap .wrap_free_video {height:220px; border:1px solid #ddd; margin-top:10px; background:#f5f5f5; border-radius:0px; color:#111; letter-spacing:-2px; position:relative; z-index:9;}
.professor_wrap .swiper-container { width: 1200px; height: 600px; border-radius:0px; box-shadow: 6px 8px 12px #cecfd2;}
.professor_wrap .swiper-slide { text-align: center; font-size: 18px;
/* 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;
}

.professor_wrap .swiper-slide img { display: block; object-fit:cover;}
.professor_wrap .pro_page {width:1200px; margin:auto; position:relative;}
.professor_wrap .swiper-pagination {position:unset !important; width:100%;}
.professor_wrap .pro_page span {margin:20px 2px !important;}
.professor_wrap .swiper-pagination-bullet {width:10px !important; height:10px !important;}
.professor_wrap .swiper-pagination-bullet-active {width:12px !important; height:12px !important; background:#f00006 !important;}
.professor_wrap .swiper-slide {}


/*** section5 - 채널 패밀리 홍보영상 ***/
#section5 .section_wrap {height: 792px; background: url(http://image.hrdch.co.kr/gosich/image/main/bg_section5.jpg) center 20px no-repeat;}
#section5 .chList {position: relative; top: 176px;}
#section5 .chList .tab2 {position: absolute; left: 37px; z-index: 999;}
#section5 .chList .tab2 li {cursor: pointer;}   
#section5 .chList .tab2 li:last-child {padding-top: 95px;}   
#section5 .chList .con_wrap2 div {position: absolute; left: 222px; z-index: 999;} 
#section5 .chList .con_wrap2 div:nth-child(1){display:none} 
#section5 .chList .con_wrap2 div:nth-child(2){display:none} 
#section5 .chList .con_wrap2 div:nth-child(3){display:none} 
#section5 .chList .con_wrap2 div:nth-child(4){display:none} 
#section5 .chList .con_wrap2 div:nth-child(5){display:block} 
#section5 .chList .con_wrap2 div iframe {width: 916px; height: 515px;}


/*** 하단 - 고객센터/패밀리사이트/카피라이트 등 ***/
#footer {position: relative;}
#footer .csCenter {position: relative; height: 100px; background: #575757; text-align: center;}
#footer .csCenter > div {display: inline-block; color: #fff; font-size: 15px; padding: 10px; text-align: left; margin-right: 20px; margin-top: 20px;}
#footer .csCenter .tel {font-size:22px;}
#footer .csCenter .tel span {font-size: 30px; color: #fcff00;}
#footer .csCenter .account {border-left: 1px solid #fff; padding-left: 40px;}
#footer .chGo {position: relative; width: 1200px; height: 76px; left: 50%; margin-left: -570px; overflow: hidden;}
#footer .chGo li {float: left; padding:20px; background: url(http://image.hrdch.co.kr/gosich/image/main/chGo_line.jpg) right 20px no-repeat;}
#footer .chGo li:last-child {background-image: none;}
#footer .footerBox {position: relative; height: 192px; background: #f3f3f3;}
#footer .footerBox .container {position: relative; width: 1200px; left: 50%; margin-left: -600px;}
#footer .footerBox .container .site {position: absolute; right: 0; top: 37px;}
#footer .footerBox .container .logo { position: absolute; font-size: 28px; font-weight: bold; left: 62px; top: 37px; letter-spacing: -1px; color: #333;}
#footer .footerBox .container .copyright {position: absolute; left: 300px; top: 37px;}
#footer .footerBox .container .copyright li {float: left;}
#footer .footerBox .container .commonMenu > li {font-size: 16px; font-weight: bold; margin-bottom: 15px; margin-right: 15px; padding-right: 15px; background: url(http://image.hrdch.co.kr/gosich/image/main/commonMenu_line.jpg) right 3px no-repeat;}
#footer .footerBox .container .commonMenu > li:last-child {background-image: none;}
#footer .footerBox .container .commonMenu > li > a:hover {color: #ce7000;}
#footer .footerBox .container .copyCon {clear: both; width: 600px; font-size: 14px;}
#footer .footerBox .container .copyCon > li {margin-right: 10px; padding-right: 10px; background: url(http://image.hrdch.co.kr/gosich/image/main/commonMenu_line.jpg) right 3px no-repeat;}
#footer .footerBox .container .copyCon > li:nth-child(4),#footer .footerBox .container .copyCon > li:nth-child(6),#footer .footerBox .container .copyCon > li:nth-child(8),#footer .footerBox .container .copyCon > li:nth-child(9) {background-image: none;}
#footer .footerBox .container .copyCon > li > a {display: inline-block; background-color: #fff; border: 1px solid #9e9e9e; font-size: 13px; padding: 0 5px;}
#footer .footerBox .container .copyCon > li > a:hover {background-color: #9e9e9e; color: #fff;}


/**** 네비게이션 하위 펼침메뉴 ****/
.smenu {display: none; position:fixed; width:100%; min-height:292px;overflow:hidden;border-top:1px solid #ababab; border-bottom:1px solid #ababab; background:#fafafa;z-index:999;}
.smenu .smenu_l { position:absolute; top:41px; left:77px;}

.smenu .smenu_m {position:relative;top:41px; width:1080px;left:50%;margin-left:-540px; }
.smenu .smenu_m ul {position:relative; float:left;display:inline-block;width:20.8%; height:224px; border-left:1px solid #d9d9d9; padding:0 2%;}
.smenu .smenu_m ul:last-child {border-right:1px solid #d9d9d9;}
.smenu .smenu_m ul .mtit {position:relative; font-size:16px;font-family:'notokr-medium'; margin-bottom:10px}
.smenu .smenu_m ul .mtit a:after {position: absolute; top:100%; left:0%; content:""; display:block; width:100%; height:1px; background:#f58526;}
.smenu .smenu_m ul a{position:relative; font-size:14px;font-family:'notokr-regular'; line-height:26px; letter-spacing:-1px}
.smenu .smenu_m02 {position:relative;top:41px; width:1080px;left:50%;margin-left:-540px; }
.smenu .smenu_m02 ul {position:relative; float:left;display:inline-block;width:15.9%; height:224px; padding:0 2%;}
.smenu .smenu_m02 ul:last-child {border-right:1px solid #d9d9d9;}
.smenu .smenu_m02 .introduce { font-size:16px;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
.smenu .smenu_m02 .introduce li { width:70px; border-bottom:1px solid #d6d6d6; }
.smenu .smenu_m02 .introduce li a {line-height:30px; font-size:16px}
.smenu .smenu_m02 .btn_go { float:right; margin-top:18px;}
.smenu .smenu_m02 .txt { margin-top:10px; font-size:13px; color:#484848}
.smenu .smenu_m02 .briefing { font-size:16px;border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
.smenu .smenu_m02 .briefing li { width:100px; border-bottom:1px solid #d6d6d6; }
.smenu .smenu_m02 .briefing li a {line-height:30px; font-size:16px}
.smenu .smenu_m02 .banner02 { width:75.6%;overflow:hidden}
.smenu .smenu_m02 .banner02 li { float:left; display:inline-block; padding-top:28px; padding-left:30px;text-align:center;}
.smenu .smenu_m02 .banner01 { width:79%;height:196px;overflow:hidden; padding-top:28px; text-align:center;border-right:1px solid #d9d9d9;}

.smenu .smenu_r { position:absolute; top:41px; right:0px;width:126px; height:211px;background:url(http://image.hrdch.co.kr/gosich/image/common/mr_bg.png) no-repeat 0 0;}
.smenu .smenu_r ul { position:relative; top:16px; left:35px}
.smenu .smenu_r ul li a{ display:block; color:#FFF; font-size:15px; line-height:45px;}

@media screen and (max-width:1750px) {
	.smenu_l img {
	 display:none;
	}
}