/*------------------------------------------------------- 공통  ------------------------------------------------------ */
body {min-width: 400px}
table {table-layout: fixed;}
p, span, ul, li, a, h1, h2, h5, div, table tr th, table th td, table th td, table tr td, label{font-family: S-CoreDream-4Regular; letter-spacing: -1px}
h1, h2,h3 {font-family: 'twayair'; font-weight: normal !important;}
.wrap {width: 100%; padding: 10px;  max-width: 1600px; margin: 0 auto; overflow:hidden}
.center {margin: 0 auto; text-align: center; max-width: 1600px; padding: 0 10px; width: 100%;}
table.type1::before {background: #949494 !important;}

table input[type="checkbox"], table input[type="radio"]{ margin:0}


/*------------------------------------------------------- 공통끝  ------------------------------------------------------ */

/**-------------------------------------------------------레이어 팝업창 -------------------------------------------------------*/
.lay_pop{z-index:9}
.lay_pop_con img{display:block;width: 100%;}
.lay_pop_text{background:#353541; height:30px;  color:#fff; padding-top:7px; position: relative; font-weight:300; font-size:15px}
.lay_pop_text .chk_layerpop{margin-left:8px;}
.lay_pop_btn{
    position: absolute;
    top: 1px;
    right: 5px;
    width: 30px;
    height: 30px;
    background: url('/sites/egive/images/main/popup_close.png') no-repeat center; transition:.3s;
    text-indent: -99999px;
}
.lay_pop_btn:hover{transform:rotate(180deg);}
/*-------------------------------------------------------레이어 팝업창 끝-------------------------------------------------------*/

/* 모달 */
.modal .modal-dialog {max-width: 1200px; pointer-events: auto;}
.modal .card-header, .card-footer {background-color: #fff; padding:20px;}
.modal .modal-dialog .card-header {display: flex; padding: 15px; justify-content: space-between;}
.modal .modal-dialog .card-header p {font-weight: bold; font-size: 20px;line-height: 1.3; width: calc( 100% - 30px );}
.modal .modal-dialog .card-header .close {overflow: hidden;  font-size: 30px;  margin-top: -10px;width: 30px;}
.modal .modal-dialog .card-footer {padding: 15px 23px; text-align: right;}




/*-------------------------------------------------------header-------------------------------------------------------*/

/* 헤더탑(로그인, 바로가기') */
#header {width: 100%; position:fixed; z-index: 10; }

.header_top {width: 100%; overflow: hidden; border-bottom: 1px solid #fff;}
.header_top_box {display: flex; justify-content: space-between}

.header_top ul {display: inline-block;}
.header_top ul li{display: inline-block; padding: 15px 0px;  }
.header_top ul li a{font-size: 16px; margin-right: 10px; color: #fff;}
.header_top ul:last-child li:last-child a{margin-right: 0px;}

.header_top .header_college{float:right;}
.header_top .header_college li a{position: relative; margin-left: 10px; margin-left: 23px;}
.header_top .header_college li:first-child a::before {position: absolute; content: ''; background: url('/sites/egive/images/layout/hd_top_icon.png') left no-repeat; background-size: contain; width: 18px; height: 20px;  left: -22px; top: 2px;}
.header_top .header_college li a::before {position: absolute;  content: ''; background: url('/sites/egive/images/layout/logo_top.png') left no-repeat; background-size: contain;  width: 20px;  height: 20px; left: -22px; top: 1px;}

.header_top .header_login{float:left; }
.header_top .header_login li a i{ margin-right: 5px;}
/* 헤더탑(로그인, 바로가기') 끝 */


/* 헤더 메인 */
.header_main {border-bottom: 1px solid #fff; position: relative; height: 78px;}
.header_main h1 {font-size: 25px; font-weight: bold; margin-left: 10px;  color: #fff;}
.header_main > .center{position: relative;}
.header_main a.header_logo{position: absolute; top: 20px; background: url('/sites/egive/images/layout/logow.png') left no-repeat; height: 37px; background-size: 100%; padding-left: 200px; left:8px; width: 450px;    text-indent: -999999px;}
.header_main h1 img{width: 100%;}

.header_main .nav_wrap {display: flex; justify-content: flex-end;}
.header_main .nav_wrap .menu {padding-top: 25px; padding-left: 20px;}
.header_main .nav_wrap .menu i{font-size: 25px; color: #fff; cursor: pointer;}

.header_main nav .mainmenu {width: 1050px; display: flex; justify-content: flex-end;}
.header_main nav .mainmenu > li {/*width: calc(100% / 5');*/padding: 29px 25px; cursor: pointer; transition: 0.5s ease;    max-width: 200px;}
.header_main nav .mainmenu > li:hover > a{color: #008f48 !important;; transition: 0.2s ease; position: relative;}
.header_main nav .mainmenu > li > a{font-weight: bold; color: #fff; font-size: 20px;}
.header_main nav .mainmenu > li:hover > a::after{position: absolute;  width: 100%;  height: 6px; content: ''; border-top-right-radius: 100px; background: #008f48; bottom: -25px; left: 0%; border-top-left-radius: 100px;}

.header_main nav .mainmenu > li:hover > a{ color: #008f48}
/*.header_main nav .mainmenu > li:hover > a::before,.header_main nav .mainmenu > li:hover > a::after{width: 100%}*/
.header_main nav .mainmenu > li .submenu {position: absolute; top: 100%; left: 0; width: 100%; transition: 0.3s;  display: none;  padding-top: 40px;cursor: default; }
.header_main nav .mainmenu > li .submenu li{line-height: 2.5; margin-bottom: 10px; transition: 0.3s; border-radius: 5px;  margin-right: 20px;  cursor: pointer;   text-align: center;
    width: 18%;  height: 50px; background: #edf4eb;     border: 1px solid #c7c7c7; }
.header_main nav .mainmenu > li .submenu li:hover{background:#008f48; transition: 0.3s}
.header_main nav .mainmenu > li .submenu li:hover a{color: #fff !important; }
.header_main nav .mainmenu > li .submenu li a {display: block;height: 100%; margin-top: 1px;}

.header_main nav .mainmenu > li .submenu .submenu_title {width: 25%; line-height: 1.5; text-align: left; padding: 30px; font-size: 30px; font-weight: 600; float: left; padding-top: 0; position: relative;}
.header_main nav .mainmenu > li .submenu .submenu_title::after {content: ''; position: absolute;right: 0 ; top: 0; height: 100%; border-right: 1px solid #ccc}
.header_main nav .mainmenu > li .submenu .submenu_title p {position: relative; margin-top: 30px; width: 90%; font-size:19px}
.header_main nav .mainmenu > li .submenu .submenu_title p::after {content: ''; position: absolute; border-bottom: 5px solid #008f48; top: -10px; left: 0; width: 20%;}

.header_main nav .mainmenu > li .submenu .submenu_cont {justify-content: flex-start;  display: flex;  /* flex-direction: row; */  text-align: left;  width: 70%; float: right; flex-wrap: wrap;}

.nav_back{width: 100%; height: 240px; background: #fff; position: absolute; top: 76px; left: 0; display: block; display: none; background: url('/sites/egive/images/layout/nabbg.png') center no-repeat; background-size: cover;}
/* 헤더 메인 끝 */



/* 스크롤 했을 때 header */

#header.over .header_top .header_college li a::before {background: url('/sites/egive/images/layout/hd_top_icon_b.png') left no-repeat;background-size: contain;}
#header.over .header_top { border-bottom: 1px solid #ccc;}
#header.over .header_top ul li a {color: #333;}
#header.over .header_main h1 {color: #333}

#header.over .header_main a.header_logo{position: absolute; top: 18px; background: url('/sites/egive/images/layout/logo.png') left no-repeat; height: 40px; background-size: contain; padding-left: 200px; left: 10px;}
#header.over .header_main .nav_wrap .menu i{color: #333;}
#header.over .main_navi>li>a{color:#000;}

#header.over {background:#fff;}
#header.over .header_main {border-bottom:1px solid #d2d2d2;background: #fff;}
#header.over .header_main nav li a{color:#000;}
#header.over .header_main nav .menu>span{background-color:#000}
#header.over .header_main .nav_back{border-bottom: 1px solid #d2d2d2;}

/**/
#header.over02 .header_top .header_college li a::before {background: url('/sites/egive/images/layout/hd_top_icon_b.png') left no-repeat;background-size: contain;}
#header.over02 .header_top { border-bottom: 1px solid #ccc;}
#header.over02 .header_top ul li a {color: #333;}
#header.over02 .header_main h1 {color: #333}

#header.over02 .header_main a.header_logo{position: absolute;  top: 18px;  text-indent: -999999px;background: url('/sites/egive/images/layout/logo.png') left no-repeat;  height: 40px; background-size: contain; padding-left: 200px; left: 10px;}
#header.over02 .header_main .nav_wrap .menu i{color: #333;}
#header.over02 .main_navi>li>a{color:#000;}

#header.over02 {background:#fff;}
#header.over02 .header_main {border-bottom:1px solid #d2d2d2;background: #fff;}
#header.over02 .header_main nav li a{color:#000;}
#header.over02 .header_main nav li i{float: right;  margin-right: 10px;}
#header.over02 .header_main nav .menu>span{background-color:#000}
#header.over02 .header_main .nav_back{border-bottom: 1px solid #d2d2d2;}

#header.sticky_header {position:fixed; left:0; top:0; width:100%;  box-shadow:0 3px 6px 0 rgba(58, 58, 58, 0.19); background:#fff; z-index: 99}
#header.sticky_header .header_top {display: none;}
/*
#header.sticky_header .hd_con {border-top:1px solid #d2d2d2;border-bottom:1px solid #efefef;background: #fff;}
#header.sticky_header .hd_con #gnb li a{color:#000}
#header.sticky_header .innernav>li>a{color:#000;}
#header.sticky_header .menu>span{background-color:#000;}
#header.sticky_header .innernav>li.innernav_ico>a::before{background: url('../images/layout/main/ico-jnu2.png') left 0 no-repeat;}
#header.sticky_header .header_wrap h1 a{background:url('../images/layout/logo_color.svg') 0 0 no-repeat;}


#header.sticky_header .header_wrap  {height: 0;}
#header.sticky_header .header_wrap h1 {display: inline-block;}
#header.sticky_header .header_wrap h1 a{top: 28px;}
#header.sticky_header .header_wrap .hd_top {display: none;}
*/

/* 스크롤 했을 때 header 끝 */



/* 모바일 */
#m_nav{cursor:pointer; display:none; }
#m_nav .btn_m_menu{position:absolute; top:22px; right:33px; }
#m_nav .btn_m_menu i{font-size: 25px;}

/*#m_nav .m_wrap {position: absolute; width: 100%; right: 100%;}*/



@media (max-width:1300px){

    #m_nav{display:block; z-index:9; background: #fff; height: 78px; position: relative;}
    .m_logo {background: url('/sites/egive/images/layout/logo.png') left no-repeat; background-size: contain; width: 390px; height: 40px; position: absolute; top: 20px; left: 20px;}
    .m_logo a{display: block; height: 100%; width: 100%}

    .m_wrap{position:absolute; top:0; right:-80%; background:#fff; width:400px; height:1500px; z-index:3; }
    #m_nav .back{width:100%; height:100vh; background:rgba(0,0,0,.6); position:fixed; top:0; left:0; z-index:3; clip:auto; display:none}
    #m_nav .m_wrap .m_top{background: url('/sites/egive/images/layout/logo.png') left no-repeat; background-size: contain; width: 360px; margin: 0 auto;}
    #m_nav .m_wrap .m_top a{padding: 33px; display: block; width: 100%; height: 100%}
    #m_nav .m_wrap .m_top .m_close{position:absolute; bottom: 670px; right:10px; transition:.3s;}
    #m_nav .m_wrap .m_top .m_close i{font-size: 35px; color: #333}
    #m_nav .m_wrap .m_top ul{display:flex}
    #m_nav .m_wrap .m_top ul li a{color:#fff; font-size:0.94em; padding-right:10px;}

    #m_nav #m_nav_menu {border-top: 1px solid #ccc;}
    #m_nav #m_nav_menu .m_header_top{padding: 10px 20px; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #ddd;}
    #m_nav #m_nav_menu .m_header_top li{width: 49%; text-align: center;}
    #m_nav #m_nav_menu .m_header_top li a{display: block; border: 1px solid #ccc; padding: 8px 0; margin: 5px 0; border-radius: 4px;font-size: 16px;}

    #m_nav #m_nav_menu .nav_list .m_mainmenu{font-size:18px; background:#fff}
    #m_nav #m_nav_menu .nav_list .m_submenu{ background:#f0f5f0; display:none}
    #m_nav #m_nav_menu .nav_list .m_submenu li {}
    #m_nav #m_nav_menu .nav_list .m_submenu li:hover {background: #e5ece5;;}
    #m_nav #m_nav_menu .nav_list .m_submenu li a{font-size: 16px;padding:15px 30px; border-bottom:1px solid #ddd;    display: block;}
    #m_nav #m_nav_menu .nav_list .m_submenu li:last-child{border-bottom:none}
    #m_nav #m_nav_menu .nav_list .m_mainmenu>a{background:url('/sites/egive/images/layout/arrow_down.svg') right 22px center no-repeat;padding:20px; display: block; font-weight:500; border-bottom:1px solid #e5e5e5; }
    #m_nav #m_nav_menu .nav_list .m_mainmenu>a:hover{color:#0b7d0f}
    #m_nav #m_nav_menu .nav_list .m_mainmenu>a.active{background:url('/sites/egive/images/layout/arrow_up.svg') right 22px center no-repeat;}

    #m_nav .btn_m_menu  {top: 25px;}
}



@media (max-width:1024px) {
    .m_wrap {width: 330px;}
    #m_nav .m_wrap .m_top {width: 300px;}

}
@media (max-width:768px){
    .m_wrap {width: 300px;}
    #m_nav .m_wrap .m_top {width: 280px;}
    #m_nav .m_wrap .m_top a {padding: 26px;}
    #m_nav #m_nav_menu .m_header_top {padding: 5px 13px;}
    #m_nav #m_nav_menu .m_header_top li a {padding: 6px 0;font-size: 14px;}
    #m_nav #m_nav_menu .nav_list .m_mainmenu>a {padding: 18px 18px;font-size: 15px;}
    #m_nav #m_nav_menu .nav_list .m_submenu li a {font-size: 15px; padding: 15px 26px;}
}

@media (max-width:550px){
    .m_wrap {width: 250px;}
    #m_nav .m_wrap .m_top {width: 235px;}
    #m_nav #m_nav_menu .m_header_top li a {padding: 5px 0;}
    #m_nav #m_nav_menu .nav_list .m_mainmenu>a {padding: 15px 18px; font-size: 14px;}
}

@media (max-width:480px){
}
/* 모바일 끝*/
/*-------------------------------------------------------header 끝-------------------------------------------------------*/



/*-----------------------------------------------------------footer-------------------------------------------------------------------*/

#footer {width: 100%; overflow: hidden;}

.footer_top {background: #46484c; }
.footer_top ul {text-align: left}
.footer_top ul li{ padding: 20px 0; display: inline-block; padding-right: 20px;}
.footer_top ul li:nth-of-type(1) a {color: #ffc800 !important}
.footer_top ul li a {color: #ccc !important}
.footer_top ul li a:hover{text-decoration: underline;}

.footer_bottom {padding: 35px 0px; background: #3c3e42}
.footer_bottom .center{text-align: left;}
.footer_bottom .footer_logo {display: inline-block; width: 400px; vertical-align: top;}
.footer_bottom .footer_logo img{width: 100%;}

.footer_bottom .footet_text {display: inline-block; color: #fff; margin-left: 25px;}
.footer_bottom .footet_text p{font-size: 16px; color: #ccc; line-height: 1.5;}


/*-----------------------------------------------------------footer 끝-------------------------------------------------------------------*/



@media (max-width:1500px){
    .header_main nav .mainmenu {width: 900px}
}


@media (max-width:1400px){
    .header_main nav .mainmenu > li {padding: 29px 17px;}
}


@media (max-width:1300px){
    .header_top {display: none;}
    .header_main  {display: none;}

    .footer_bottom .footet_text {display: block; margin-left: 0;  margin-top: 30px;}
}


@media (max-width:768px){
    .footer_top ul li a {font-size: 16px;}
    .footer_bottom .footet_text {margin-left: 0; margin-top: 10px;}
}


@media (max-width:550px){
    #m_nav {height: 65px;}
    #m_nav .btn_m_menu {top: 19px;right: 22px;}
    .m_logo {width: 310px; top: 12px; left: 15px;}

    .footer_top ul li {padding-right: 13px;}
    .footer_top ul li a {font-size: 15px;}
    .footer_bottom .footer_logo img {    width: 88%;}
    .footer_bottom .footet_text {margin-top: 20px;}
    .footer_bottom .footet_text p {font-size: 14px;}


}

@media (max-width:480px){
    .footer_top ul li {padding-right: 10px;}
    .footer_top ul li a {font-size: 13px;}
    .footer_bottom {padding: 25px 0;}

    .lay_pop {width: 300px !important;}

}