@charset "utf-8";

/*PC화면-헤더*/
header{}
.pc_utill{background-color: #eeeeee; border-bottom: 1px solid #dedede;}
.pc_utill_in{width: 1200px; margin: 0 auto;}
.pc_utill_in:after{content: ""; display: block; clear: both;}
.pc_utill_in li{float: right; margin-left: 50px;}
.pc_utill_in li a{color: #444; font-size: 14px; line-height: 35px;}
.logo{width: 320px; height: 47px; margin-top: 10px;}
.logo a{display: block; width: 100%; height: 47px; background-image: url(../img/main/logo.png); background-repeat: no-repeat; text-indent: -9999px; background-size: contain;}


#header_in{position: relative; width: 1250px; height: 90px; margin: 0 auto; padding-top: 15px;  box-sizing: border-box;}
.gnb_pc{z-index: 500; position: absolute; top: 37px; right: 0; width: calc(100% - 315px); height: 54px; overflow: hidden; transition: all 0.7s;}
.gnb_pc:hover{height: 380px;}
.gnb_pc ul:after{content: ""; display: block; clear: both;}
.gnb_pc .d1{float: left; box-sizing: border-box; text-align: center; font-size: 18px; width: 13.4%;}
.gnb_pc .d1:nth-child(3){width: 17%;}
.gnb_pc .d1 .m{padding: 0 0 31px 0; }
.gnb_pc .d1 a{display: block; color: #111;    font-size: 16px;}
.gnb_pc .d1:nth-child(4) a{ color: #111111; }
.gnb_pc .d1 .sub a{font-size: 16px; padding: 10px 0 10px 0; word-break: keep-all;}
.gnb_pc .d1 .sub a:hover{color: #1d9ab2;}


.sub-bg{position: absolute; top: 126px; left: 0; width: 100%; height: 0; border-top: 1px solid #ddd;background-color: #000; transition: all 0.7s; background-color: rgba(255, 255, 255, 0.97); z-index: 200;}
.sub-bg.on{display: block; height: 370px;  border-bottom: 1px solid #ddd;}

.side-R{display: none;}
.open_menu{
    display: none;
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-size: 100%;
    background-image: url(../img/main/btn_open_menu.png);
    background-size: 25px 19px;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.bk_bg{display: none; position: fixed; top: 0; left: 0; z-index: 600; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); }
.side-R{display: block; z-index: 700; position: fixed; top: 0; right: -100%; width: 280px; height: 100%; background-color: #ffffff; overflow-y: scroll;}
.side-R-close{width: 100%; height: 50px; padding: 10px 5px; background-image: url(../img/main/btn_back_w.png); background-size: 35px;  background-repeat: no-repeat; background-position: left 5px center;text-indent: -9999px; box-sizing: border-box; background-color: #214086;}
.mo-utill ul:after{content: ""; display: block; clear: both;}
.mo-utill li{float: left; width: 50%; background-color: #fff;  font-size: 18px; text-align: center; box-sizing: border-box; border-bottom: 1px solid #ccc; }
.mo-utill li:first-child{border-right: 1px solid #ccc;}
.mo-utill li a{display: block; color: #333; font-weight: 400; line-height: 45px;}
.side-R-gnb{height: 100%; overflow-y: scroll;}
.side-R-gnb .d1 .m{display: block; line-height: 60px; text-align: center; border-bottom: 1px solid #ccc; font-size: 19px; color: #555; background-image: url(../img/icon_plus.png); background-repeat: no-repeat; background-size: 16px auto; background-position: right center;}
.side-R-gnb .d1 .m.over{background-color: #1d9ab2; color: #fff; !important;}
.side-R-gnb .d1 .sub li{ border-bottom: 1px solid #c7c7c7; background-color: #f4f4f4;}
.side-R-gnb .d1 .sub{display: none;}
.side-R-gnb .d1 .sub li a{display: block; padding: 12px 0; text-align: center; color: #222; font-size: 16px;}

/* 로그인,로그아웃 */
.logout{display: none;}


/* 푸터 */
.f_menu{border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; }
.f_menu_in{width: 1200px; margin: 0 auto;}
.f_menu_in:after{content: ""; display: block; clear: both;}
.f_menu_in p{float: left; margin-right: 40px;}
.f_menu_in p a{display: block; font-size: 15px; color: #555; line-height: 50px;}
.f_info{width: 1200px; margin: 0 auto; padding: 25px 0; font-size: 15px; color: #555;}
.f_info li{display: inline-block; margin-right: 20px;}

/* lnb */
.top_area{height: 235px; background-image: url(../img/sub/lnb_bg3.jpg);background-position: center;}
#ctt header{display: none;}
.lnb_tit{display: block; padding-top: 85px;  font-size: 44px; color: #fff; text-align: center;}
.lnb_course{color: #fff; text-align: center; margin-top: 35px; font-size: 16px;}
.top_area p img{vertical-align: middle;}
.top_area p em{padding: 0 15px; text-indent: -9999px; background-image: url(../img/sub/ico_bul.png); display: inline-block; background-repeat: no-repeat; background-size: 7px auto; background-position: center;}
.sub_Menu{background-color: #f2f2ea; height: 50px; text-align: center;}
.sub_Menu ul:after{content:""; display: block; clear: both;}
.sub_Menu ul{display: inline-block; margin: 0 auto; padding-top: 14px;}
.sub_Menu ul li{float: left;}
.sub_Menu ul li a{display: inline-block; height: 15px; color: #444; padding: 0 20px; font-size: 16px; }
.sub_Menu ul li a:hover{font-weight: 500; color: #222;}


/***********************************************/
/* 화면 1080px 이하(~1080)  */
@media screen and (max-width: 1180px) {
    #header_in{width: auto; padding: 15px 15px 0 15px;}
    .sub-bg{display: none;}
    .pc_utill{display: none;}
    .gnb_pc{display: none;}
    .open_menu{display: block;}

    .f_menu_in{width: 100%; padding: 0 15px; box-sizing: border-box;}
    .f_info{width: 100%; padding: 20px 15px;  box-sizing: border-box;}

}
/***********************************************/
/* 태블릿 이하(~991)  */
@media screen and (max-width: 991px) {

}



/***********************************************/
/* 모바일 (0~767) */
@media screen and (max-width: 767px) {
    #header_in{height: 80px; padding: 20px 15px 0 15px;}
    .logo{width: 210px;}
    .logo a{width: 210px; background-size: contain;}
    .open_menu{bottom: 15px;}
    .f_menu_in p a{line-height: 2em;}
    .f_info li{display: block;}
    .f_info .pc{display: none;}

	/* lnb */
	.sub_Menu{height: auto;}
	.sub_Menu ul{display: block; padding-top: 0;}
	.sub_Menu ul li{float: none; border-bottom: 1px solid #c4c4c4;}
	.sub_Menu ul li:last-child{border-bottom: 0;}
	.sub_Menu ul li a{display: block; height: auto; padding: 10px 20px; }
	.lnb_tit{font-size: 30px; line-height: 1.2em; word-break: keep-all;}
}

/* PC 1뎁스 메뉴코드 60번 → 초록색 */
.gnb_pc .menu-green > a {
    color: #0c9e1a !important;
}

/*.gnb_pc .menu-green ul.sub a {
    color: #0c9e1a !important;
}*/