@charset "utf-8";
/* CSS layout */

html,body{width:100%; height:100%; margin:auto; font-size:12px; overflow: auto; -ms-overflow-style: none;}
::-webkit-scrollbar{display:none !important;}
#wrap{width:100%; margin:auto; position:relative; }

/* header */
header .top_gnb_box{width:100%; margin:auto; overflow:hidden;}
header .top_gnb_box .top_gnb{width:100%; height:30px; border-bottom:1px solid #CCC; background:rgba(255, 255, 255, 0.97);}
header .top_gnb_box .top_gnb ul{width:320px; height:30px; margin:auto; text-align:center; font-size:1rem;}
header .top_gnb_box .top_gnb ul li{display:inline-block; line-height:30px;}

header .top_gnb_box .top_gnb_h1{width:100%; height:40px; padding:5px 0; border-bottom:1px solid #CCC; position:relative; background:rgba(255, 255, 255, 0.97);}
header .top_gnb_box .top_gnb_h1 .gnb_menuBtn{width:30px; height:40px; position:absolute; left:10px; cursor:pointer;}
header .top_gnb_box .top_gnb_h1 .gnb_menuBtn img{width:100%;}
header .top_gnb_box .top_gnb_h1 h1{width:180px; height:40px; margin:auto;padding-top:3px;}
header .top_gnb_box .top_gnb_h1 h1 img{width:100%; text-align:center;}



#followGnb{width:100%; margin:auto; overflow:hidden; position:fixed; top:0; z-index:998;}


/* header 외부 사이드 바 - 영역, 슬라이드 */
#sidebar{width:80%; position:fixed; top:0; left:-80%; height:100%; z-index:999; background:#f5f5f5; color:#FFF; transition:all 0.3s; overflow: auto;}

#sidebar.active {left:0;}
.overlay {position: fixed; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:998; display:none;}
/* header 외부 사이드 바 - 로그인 전, 후 안내 및 즐겨찾기 */
#sidebar .leftTop_deepgrayBox{width:100%; overflow:hidden; padding:10px; position:relative; background:#333; box-sizing:border-box;}
#sidebar .leftTop_deepgrayBox li{display:inline-block;}
#sidebar .leftTop_deepgrayBox li:first-child{width:30px; height:30px;}
#sidebar .leftTop_deepgrayBox li:first-child img{width:100%;}
#sidebar .leftTop_deepgrayBox li:last-child{width:30px; height:30px; position:absolute; right:10px;}
#sidebar .leftTop_deepgrayBox li:last-child input{width:100%;}
#sidebar .leftTop_deepgrayBox li:last-child img{width:100%;}
/* header 외부 사이드 바 - 로그인, 회원가입, 수강신청, 나의강의실 */
#sidebar .leftTop_4Box{width:100%; height:40px; overflow:hidden; background:#FFF; box-sizing:border-box; border:1px solid #CCC; margin-bottom:4px;}
#sidebar .leftTop_4Box li a{display:inline-block; float:left; width:25%; line-height:40px; color:#494949; text-align:center; box-sizing:border-box; border-right:1px solid #CCC;}
/* header 외부 사이드 바 - 카테고리 슬라이드 부분 */
#sidebar>.lnb{width:100%;}
#sidebar>.lnb>li{line-height:40px; cursor:pointer;}
#sidebar>.lnb>li>a{width:100%; height:40px; color:#494949; display:block; text-indent:10px; border:1px solid #CCC; box-sizing:border-box; background:#FFF; font-weight:bold;}
#sidebar .lnb>li>.hide{display:none;}
#sidebar .lnb>li>.subMenu>li{border:1px solid #CCC; border-bottom:none; box-sizing:border-box;}
#sidebar .lnb>li>.subMenu>li>a{display:block; width:100%; height:40px; line-height:40px; background:#f5f5f5; text-indent:26px; box-sizing:border-box;}
#sidebar .lnb>li>.subMenu>li>a:hover{background:#dde6f2; color:#333;}
#sidebar .lnb .BBd1{border-bottom:1px solid #CCC !important;}
#sidebar .lnb>p{width:100%; height:40px; line-height:40px; text-indent:10px; box-sizing:border-box; border:1px solid #CCC; border-bottom:none; background:#FFF; color:#333; font-weight:bold;}
#sidebar .lnb>li>a span{font-weight:bold;}

#sidebar .leftTop_2Box{width:100%; overflow:hidden; background:#FFF; box-sizing:border-box; border:1px solid #CCC; margin-bottom:4px;}
#sidebar .leftTop_2Box p{width:100%; height:40px; line-height:40px; text-indent:10px; box-sizing:border-box; border-bottom:1px solid #CCC; background:#FFF; color:#333; font-weight:bold;}
#sidebar .leftTop_2Box>div{width:100%; box-sizing:border-box; padding:10px 0 10px 26px; line-height:20px; color:#333;}
#sidebar .leftTop_2Box>div span{font-weight:bold; font-size:14px;}

/* 메인페이지 - 상단 한국교육검정원에서 새롭게 시작하세요  이미지 부분*/
.top_img img{width:100%;}





/* footer */
footer{width:100%; box-sizing:border-box;}
footer address{width:100%; background:#e7e7e7; padding:10px; box-sizing:border-box;}
footer address .P_boxLine{line-height:30px; border-bottom:1px solid #333;}
footer address h2{width:180px; height:40px; margin:auto;}
footer address h2 img{width:100%; text-align:center;}
footer address p{text-align:center; line-height:20px;}



/* followBanner 하단에 따라다니는 전화상담 및 상담예약 부분 */
.followBanner{width:100%; position:fixed; bottom:0;}
.followBanner ul{width:100%;}
.followBanner ul li{width:50%; display:inline-block; float:left;}
.followBanner ul li:first-child{box-sizing:border-box; border-right:2px solid #FFF;}
.followBanner ul li:last-child{box-sizing:border-box; border-left:2px solid #FFF;}
.followBanner ul li a img{width:100%;}

.follow_Banner{width:100%;}
.follow_Banner ul{width:100%;}
.follow_Banner ul li{width:50%; display:inline-block; float:left;}
.follow_Banner ul li:first-child{box-sizing:border-box; border-right:2px solid #FFF;}
.follow_Banner ul li:last-child{box-sizing:border-box; border-left:2px solid #FFF;}
.follow_Banner ul li a img{width:100%;}











/* header */
header .top_gnb_box_new{width:100%; margin:auto; overflow:hidden;}
header .top_gnb_box_new .top_gnb{width:100%; height:30px; border-bottom:1px solid #CCC; background:rgba(255, 255, 255, 0.97);}
header .top_gnb_box_new .top_gnb ul{width:320px; height:30px; margin:auto; text-align:center; font-size:1rem;}
header .top_gnb_box_new .top_gnb ul li{display:inline-block; line-height:30px;}

header .top_gnb_box_new .top_gnb_h1{width:100%; height:40px; padding:5px 0; border-bottom:1px solid #CCC; position:relative; background:rgba(255, 255, 255, 0.97);}
header .top_gnb_box_new .top_gnb_h1 .gnb_menuBtn{width:30px; height:40px; position:absolute; left:10px; cursor:pointer;}
header .top_gnb_box_new .top_gnb_h1 .gnb_menuBtn img{width:100%;}
header .top_gnb_box_new .top_gnb_h1 h1{width:180px; height:40px; margin:auto;padding-top:3px;padding-right:40px;}
header .top_gnb_box_new .top_gnb_h1 h1 img{width:100%; text-align:center;}

header .top_gnb_box_new .gnb_icon{width:35px; height:40px; position:absolute; top:5px; right:60px; cursor:pointer;}
header .top_gnb_box_new .gnb_icon img{width:100%;}
header .top_gnb_box_new .gnb_icon2{width:35px; height:40px; position:absolute; top:5px;right:10px; cursor:pointer;}
header .top_gnb_box_new .gnb_icon2 img{width:100%;}
#followGnb_new{width:100%; margin:auto; overflow:hidden; position:fixed; top:0; z-index:998;}

.top_gnb_menu4{}
.top_gnb_menu4 > ul{}
.top_gnb_menu4 > ul > li{width:25%;height:40px;font-size:14px;line-height:40px;color:#fff;text-align:center;background:#165b98;display:inline-block;float:left;}
.top_gnb_menu4 > ul > li:last-child{background:#990000;}

.box_menu{position:relative;padding-top:20px;padding-left:10px;padding-right:10px;background:#ecedef}
.box_menu > ul{position:relative;}
.box_menu > ul > li{padding:10px;width:33%;box-sizing:border-box;float:left;}
.box_menu > ul > li > img{width:100%;display:inline-block;}

.basic_img img{width:100%;display:inline-block;}

.box_main_gong {position:relative;padding:5vw;background:#ecedef}
.box_main_gong > div{position:relative;padding:4vw;width:100%;background:#fff;border-radius: .5em;box-sizing:border-box;display:inline-block;}
.box_main_gong > div > ul{padding-top:3vw;padding-bottom:3vw;}
.box_main_gong > div > ul:first-child{padding-top:0vw;padding-bottom:4vw;}
.box_main_gong > div > ul:last-child{padding-top:3vw;padding-bottom:0vw;}
.box_main_gong > div > ul:first-child > li:nth-child(1){width:75%;font:4vw 's-core-dream-medium';color:#165b98;float:left;}
.box_main_gong > div > ul:first-child > li:nth-child(2){width:25%;font-size:3vw;color:#666;text-align:right;float:left;}
.box_main_gong > div > ul > li:nth-child(1){width:75%;font:3vw 's-core-dream-medium';color:#999;float:left;}
.box_main_gong > div > ul > li:nth-child(2){width:25%;font-size:3vw;color:#999;text-align:right;float:left;}


.box_main_news {position:relative;padding-left:5vw;padding-right:5vw;background:#ecedef}
.box_main_news > div{position:relative;padding:4vw;width:100%;background:#fff;border-radius: .5em;box-sizing:border-box;display:inline-block;}
.box_main_news > div > ul{padding-top:3vw;padding-bottom:3vw;}
.box_main_news > div > ul:first-child{padding-top:0vw;padding-bottom:4vw;}
.box_main_news > div > ul:last-child{padding-top:3vw;padding-bottom:0vw;}
.box_main_news > div > ul:first-child > li:nth-child(1){width:70%;font:4vw 's-core-dream-medium';text-align:left;color:#165b98;float:left;}
.box_main_news > div > ul:first-child > li:nth-child(2){width:30%;font-size:3vw;color:#666;text-align:right;float:left;}
.box_main_news > div > ul:last-child > li{padding-left:1.2vw;padding-right:1.2vw;width:33%;font-size:3vw;color:#999;box-sizing:border-box;float:left;}


/* header 외부 사이드 바 - 영역, 슬라이드 */
#sidebar_new{width:100%; position:fixed; top:0; left:-100%; height:100%; z-index:999; background:#f5f5f5; color:#FFF; transition:all 0.3s; overflow: auto;}

#sidebar_new.active {left:0;}
.overlay_new {position: fixed; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:998; display:none;}
/* header 외부 사이드 바 - 로그인 전, 후 안내 및 즐겨찾기 */
#sidebar_new .leftTop_deepgrayBox{width:100%; overflow:hidden; padding-top:10px; padding-bottom:5px; position:relative; background:#165b98; box-sizing:border-box;}
#sidebar_new .leftTop_deepgrayBox li{display:inline-block;margin:auto;}
/*#sidebar_new .leftTop_deepgrayBox li:first-child{width:30px; height:30px; position:absolute; left:10px;}*/
#sidebar_new .leftTop_deepgrayBox li:nth-child(1){position:relative;left: 50%;transform: translateX(-30%);}
#sidebar_new .leftTop_deepgrayBox li:nth-child(2){position:relative;left: 50%;transform: translateX(-30%);}
#sidebar_new .leftTop_deepgrayBox li:last-child{width:30px; height:30px; position:absolute; right:10px;background:#0000ff;}
#sidebar_new .leftTop_deepgrayBox li:last-child img{width:100%;}
/* header 외부 사이드 바 - 로그인, 회원가입, 수강신청, 나의강의실 */
#sidebar_new .leftTop_3Box{position:relative;padding:5px; width:100%;  box-sizing:border-box;}
#sidebar_new .leftTop_3Box li { padding-top:5px;padding-bottom:5px;display:inline-block; float:left; width:33.3%; color:#494949; font:bold 16px '맑은 고딕'; text-align:center; box-sizing:border-box; border:1px solid #CCC; background:#fff;cursor:pointer;}
#sidebar_new .leftTop_3Box li img{width:70%;display:inline-block;}
/* header 외부 사이드 바 - 카테고리 슬라이드 부분 */
#sidebar_new > .lnb{width:100%;}
#sidebar_new > .lnb>li{line-height:40px; cursor:pointer;}
#sidebar_new > .lnb>li>a{width:100%; height:40px; color:#494949; display:block; text-indent:10px; border:1px solid #CCC; box-sizing:border-box; background:#FFF; font-weight:bold;}
#sidebar_new .lnb>li>.hide{display:none;}
#sidebar_new .lnb>li>.subMenu>li{border:1px solid #CCC; border-bottom:none; box-sizing:border-box;}
#sidebar_new .lnb>li>.subMenu>li>a{display:block; width:100%; height:40px; line-height:40px; background:#f5f5f5; text-indent:26px; box-sizing:border-box;}
#sidebar_new .lnb>li>.subMenu>li>a:hover{background:#dde6f2; color:#333;}
#sidebar_new .lnb .BBd1{border-bottom:1px solid #CCC !important;}
#sidebar_new .lnb>p{width:100%; height:40px; line-height:40px; text-indent:10px; box-sizing:border-box; border:1px solid #CCC; border-bottom:none; background:#FFF; color:#333; font-weight:bold;}
#sidebar_new .lnb>li>a span{font-weight:bold;}

#sidebar_new .leftTop_2Box{width:100%; overflow:hidden; background:#FFF; box-sizing:border-box; border:1px solid #CCC; margin-bottom:4px;}
#sidebar_new .leftTop_2Box p{width:100%; height:40px; line-height:40px; text-indent:10px; box-sizing:border-box; border-bottom:1px solid #CCC; background:#FFF; color:#333; font-weight:bold;}
#sidebar_new .leftTop_2Box>div{width:100%; box-sizing:border-box; padding:10px 0 10px 26px; line-height:20px; color:#333;}
#sidebar_new .leftTop_2Box>div span{font-weight:bold; font-size:14px;}


.lnb_list{width:50%;}
.lnb_list>li{width:100%;height:40px;font-size:14px; font-weight:bold; text-indent:10px;color:#777; line-height:40px; border:1px solid #d5d5d5; background:#f7f7f7;display:inline-block; cursor:pointer;}


.lnb_list_sub{width:50%;}
.lnb_list_sub>ul>li{padding-left:15px;width:100%;height:40px;font-size:13px; font-weight:bold;letter-spacing:-0.7px; color:#777;line-height:40px;box-sizing:border-box; display:inline-block; cursor:pointer;}

.top_box_btn{padding:5px;width:25%;;float:left;}
.top_box_btn img{width:100%;display:inline-block;}

.top_box_btn_logout{padding:5px;width:50%;;float:left;}
.top_box_btn_logout img{width:100%;display:inline-block;}