@charset "utf-8";
@import url("basic.css");

/* skipnav */
.skipnav {
	position:absolute;
	width:100%;
	z-index:100000;
}
.skipnav dd a {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:1px;
	height:1px;
	margin:-10000px 0 0 -10000px;
	padding:0;
	background-color:#033477;
	text-align:center;
	overflow:hidden;
	color:#fff;
	font-weight:bold;
}
.skipnav dd a:hover,.skipnav dd a:active,.skipnav dd a:focus {
	margin:0;
	width:100%;
	height:auto;
	padding: 10px;
}



/* 20201110  */
/* 모바일 메뉴 */

#asideArea {
	display:none;
}
#totalOpen{
	display:none ;
	font-size:0;
	text-indent:-999px;
}
#asideArea .total_home {
	height:60px;
	padding-left:18px;
	padding-bottom:1px;
	background:#ffffff;
	color:#214489;
	font-size:20px;
	font-weight:700;
	line-height:60px;
}
#asideArea .total_home .home_btn {
	float:left;
	width:38px;
	height:38px;
	margin-top:10px;
}
#asideArea .total_home .home_btn a {
	display:block;
	width:38px;
	height:38px;
	text-indent:-99999px;
	background:url("../images/common/mobile_home.gif") 50% 50% no-repeat;
	background-size:38px auto;
}
#asideArea #totalClose {
	display:block;
	position:absolute;
	top:14px;
	right:10px;
}
#asideArea #totalClose a {
	display:block;
	width:36px;
	height:36px;
	padding:0;
	background:url("../images/common/totalClose.png") 50% 50% no-repeat;
	background-size:18px auto;
	text-indent:-9999px;
}
.total_link {
	float:left;
	margin-left:50px;
}
.total_link:after {
	display:block;
	clear:both;
	content:'';
}
.total_link li {
	float:left;
	padding:0 2px;
}
#totalNav {
	position:relative;
	padding-bottom:20px;
}
#totalNav .nav_item {
}
#totalNav .nav_btn {
	display:block;
	position:relative;
	padding:12px 21px 12px 23px;
	border-bottom:1px solid #dcdcdc;
	background-color:#fff;
	color:#3e3e3e;
	font-size:15px;
	background:#fff url('../images/common/m_li_op.png') no-repeat;
	background-position:right 20px top 14px;
	background-size:14px;
}
#totalNav .nav_btn.active {
	background:#fff url('../images/common/m_li_clo.png') no-repeat;
	background-position:right 20px top 50%;
	background-size:14px;
}
#totalNav .nav_list>li {
	background:#f6f7f7 url('../images/common/m_li_bg.png') 25px 50% no-repeat;
	background-size:3px;
}
#totalNav a {
	text-decoration:none;
}
#totalNav .nav_list {
	display:none;
}
#totalNav .nav_list>li>a {
	display:block;
	padding:12px 6px 12px 40px;
	border-bottom:1px solid #e3e3e3;
	color:#000;
}
#totalNav .nav_list>li>a.nav_sbtn {
	background:url("../images/common/menu_plus.png") 93% 50% no-repeat;
}
#totalNav .nav_list>li>a.nav_sbtn.active {
	background:url("../images/common/menu_minus.png") 93% 50% no-repeat;
}
#totalNav .nav_list .desc_list {
	display:none;
	padding:12px 6px 14px 25px;
	border-bottom:1px solid #e1e1e1;
	background:#f7f8fa
}
#totalNav .nav_list .desc_list li {
	padding:4px 0 0px 10px;
	background:url('../images/common/total_nav_bullet.png') 0 50% no-repeat;
	background-size:4px auto;
}
#totalNav .nav_list .desc_list a {
	color:#4b536b;
}
#totalNav .nav_list .desc_list a.active {
	color:#0030aa;
	text-decoration:underline
}
#totalNav .nav_list .desc_list {
	display:none;
	padding:12px 6px 14px 25px;
	border-bottom:1px solid #e1e1e1;
	background:#f7f8fa
}
#asideArea h3.topTit {
	padding:18px 22px;
	background:#fff;
	color:#000;
	font-weight:300;
	font-size:16px;
}
#asideArea .m_util {
	padding:10px 0;
	background:#2a3b99;
}
#asideArea .m_util li {
	float:left;
	padding:0 10px;
	border-right:1px solid #3e668f;
	width:33.3333333333%;
}
#asideArea .m_util li a {
	display:block;
	color:#fff;
	font-size:12px;
	font-family:'Dotum','돋움',"굴림","gulim","sans-serif";
	text-align:center;
}
#asideArea .m_util:after {
	content:"";
	display:block;
	clear:both;
	float:none;
}
#asideArea .m_util li:last-child {
	border:none;
}
.overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index: 400;
}
/* //모바일 메뉴 */

/* Pc메뉴_header */
/* main */
#header{
    width: 100%;
    z-index: 10;
    height: 100px;
    background: #fff;
}

.main.fp-viewing-0 #header{
	background: none;
}

body.main #header{
    position: fixed;
}
body.sub #header{
    position: relative;
}
#header .gnbBg{
   display: none;
    position: absolute;
    width: 100%;
    top: 100px;
    background: rgba(255, 255, 255, 0.9);
    border-bottom:1px solid #dbdbdb;
}
.headerWrap{
     width: 100%;
    height: 100%;
    position: relative;
}
#header .headLogo{
    width: 280px;
    height: 100px;
    float: left;
    position: absolute;
    left: 46px;
    z-index: 1;
}
#header .headLogo a{
    height: 100px;
    line-height: 100px;
	background: url('../images/common/logo_black.png')no-repeat left;
    display: block;
    background-size: 90%;
}

.main.fp-viewing-0 #header .headLogo a{
	background-image: url('../images/common/logo_white.png');
	background-repeat: no-repeat;
	background-position: left;
}

#header nav#headGnb{
    height: 100%;
    position: relative;
    text-align: center;
	color: #000000;
}
.main.fp-viewing-0 #header #headGnb{
	border-bottom: 1px solid #ffffff;
}
.main.fp-viewing-0 #header #headGnb a{
    color: #ffffff;
}
#header .menu{
    display: inline-block;
}
#header nav#headGnb>.menu>li {
    float: left;
    position: relative;
    height: 100px;
    line-height: 100px;
}
#header #headGnb a{
    height: 100%;
    display: block;   
	color: #000000;
	font-family: 'notokr-light';
	letter-spacing: -1px;
	padding:10px 5px;
}
#header #headGnb .menu>li>a{
	font-family: 'notokr-regular';
    padding: 0 30px;
	font-size: 15px;
}
#header #headGnb .headSubMenu{
    display: none;
    width: 100%;
    height:auto;
    position: absolute;
    left: 0;
    z-index: 100;
    top: 100px;
}
#header #headGnb .headSubMenu li{
    line-height: normal;
    position:relative;
}
#header #headGnb .headSubMenu li a{
    font-size:13px;
	color: #000000 !important;
}
/* #header #headGnb .headSubMenu li a[href*="http"]:after, #header #headGnb .headSubMenu li a[target="_blank"]:after, #header #headGnb .headSubMenu li a[title*="새창"]:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/common/icon_button_blank.png) 100% 50% no-repeat;
    vertical-align: top;
    position: absolute;
    top: 12px;
    right:0;
}
 */
 .iblank{
	font-size:0;
	text-indent:-999px;
  	width: 20px;
    height: 20px;
    background: url(../images/common/icon_button_blank.png) 100% 50% no-repeat;
    position:absolute;
 }
 .location_nav li{
  	position:relative;
  }
 .location_nav .iblank{
    position:absolute;
    top:12px;
 }
#totalNav .nav_list>li{
  	position:relative;
 }
#totalNav .nav_list>li.s2 .iblank{
    position:absolute;
    top:12px;
    left:143px;
 }
 #headGnb .menu>li>a>.iblank{
 	display:none;
 }
 #headGnb .headSubMenu  li > a >.iblank{
 	top:10px;
 	right:0;
 }
 

/* 통합검색, 언어 */
#header .util{
    position: absolute;
    top: 0;
    right: 40px;
}
#header .search_common{
    height: 100px;
    line-height: 100px;
    float: left;
}
#header .search_common a{
	background: url('../images/common/sub_searchIcon.png')no-repeat center;
	background-size: contain;
    font-size: 0;
    text-indent: -999px;
    width: 28px;
    height: 100%;
    display: block;
}
.main.fp-viewing-0 #header .search_common a{
	background: url('../images/main/icon_search.png')no-repeat center;
	background-size: contain;
}

#header .lang{
    height: 100px;
    float: left;
    margin-left: 20px;
    position: relative;
}
#header .lang_btn{
    border: 1px solid #ebebeb;
    color: #000;
    width: 80px;
    height: 28px;
    border-radius: 32px;
    display: block;
    font-size: 16px;
    margin-top: 36px;
    padding-left: 14px;
}

.main.fp-viewing-0 #header .lang_btn{
	border: 1px solid #ffffff;
}

#header .lang_btn span.txt{
    float: left;
	color: #000000;
}
.main.fp-viewing-0 #header .lang_btn span.txt{
	color: #ffffff;
}

#header .lang_btn .icon{
    float: left;
    width: 13px;
    height: 100%;
	background: url('../images/common/sub_languageIcon.png')no-repeat center;

    margin-left: 8px;
}
.main.fp-viewing-0 #header .lang_btn .icon{
	background: url('../images/main/icon_language.png')no-repeat center;
}

#header a.lang_btn.on span.icon {
    transform: rotateX(180deg);
}
#header .lang_box{
    display: none;
    width: 100%;
    position: absolute;
    top: 66px;
    left: 0;
    border: 2px solid #2a548e;
    border-radius: 5px;
}
#header .lang_box a{
    display: block;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    transition: ease-in-out 0.3s;
}
#header .util li.sns li{
   	margin: 0 4px;
    padding: 35px 0 30px;
    float: left;
}
#header .util li.sns li a{
   	display:inline-block;
}


#header .main_search_box {
	display:none;
	position:absolute;
	width:100%;
	left:0;
	top:100px;
	border-top:1px solid #ccc;
	background:#1155a8;
	padding:60px 0;
	z-index:101
}
#header .main_search_box .container {
	position:relative;
	width:100%;
	margin:0 auto;
}
.main_search_box .container .search_main {
	width:540px;
	margin:0 auto;
}
.search_main span.write {
	display:block;
	border-bottom:5px solid #fff;
}
.search_main span.write .search_int {
	display:inline-block;
	padding:10px 15px;
	font-size:20px;
	width:475px;
	background:#1155a8;
	border:1px solid #1155a8;
	color:#fff;
}
.search_main span.write .search_int::placeholder {
	font-size:17px;
	color:#fff;
}
button.sch_btn {
	display:inline-block;
	color:#fff;
	text-indent:-99999px;
	height:52px;
	width:60px;
	background:url("../images/common/search_icon.png") right center no-repeat;
}
.container .search_close {
	position:absolute;
	right:2%;
	top:10px;
	width:45px;
	height:45px;
	text-indent:-99999px;
	background: url("../images/common/icon_close.png") no-repeat;
}
/* //header */


/* footer */
/* main */
body.main #footer{
    background: #393939;
    border-top: 1px solid #adadad;
    height: 273px !important;
}
#footer .footerWrap{
    padding: 87px 80px 0;
    height: 100%;
}
.footerWrap .info{
    float: left;
    width: calc(100% - 390px);
}
.footerWrap .infoMenu {
    margin-bottom: 20px;
}
.footerWrap .infoMenu li{
    float: left;
    padding:0 10px;
    background:url('../images/common/footerBar.png')no-repeat right center;
    font-size: 16px;
}
body.main .footerWrap .infoMenu li a{
    color: #ffffff;
}
.footerWrap .infoMenu li:first-child{
    padding-left: 0;
}
.footerWrap .infoMenu li:last-child{
    background:none;
}
body.main .footerWrap .address p{
    color: #ffffff;
}
.footerWrap .address p{
    font-size: 14px;
}
.footerWrap .mark_img{
    float: right;
    margin-top: 40px;
}
.footerWrap .mark_img li{
    float: left;
    margin: 0 15px;
}

/* sub */
body.sub #footer{
    height: 265px;
    background: #5e5e5e;
}
body.sub .footerWrap .infoMenu li a{
    color: #dedde2;
}
body.sub .footerWrap .address p{
    color: #dedde2;
}

@media screen and (max-width:1360px){
	#header .headLogo{
		left:20px;
	}
    #header .util{
        right: 10px;
    }
    #header .menu {
	    margin-left: 120px;
	}
}

@media screen and (max-width:1280px){
    /* footer */
    #footer .footerWrap{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width:1200px){
    /* //Pc메뉴_header */
    #wrap{
        width: 100%;
    }
    
    
}


@media screen and (max-width:1100px){
    /* //Pc메뉴_header */
    /* main */
    body.main #header {
        height: 115px;
        position: relative;
        background: #fff;
    }
    #header .headLogo{
        position: static;
        float: none;
        margin: 0 auto;
    }
    body.main #header .headLogo{
        height: 115px;
    }
    body.sub #header .headLogo{
        height: 100px;
    }
    #header .headLogo a{
        height: 100%;
		background-image: url('../images/common/logo_black.png') !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
    }
    #header .util{
        top: 0;
        right: 10px;
        height:100%;
    }
    #header .search_common{
        width: 40px;
    }    
    #header .search_common a{
        width: 100%;
        height: 100%;
        padding: 0;
        display: block;
        text-indent: -999px;
        font-size: 0;
        background: url('../images/common/mobileSearch.png')no-repeat center;
    }    
    #header .util li.sns{
	    display:none;
	}
    #header .headerWrap #headGnb, #header .util .lang, #header .gnbBg{
        display: none;
    }
    /* sub */
    body.sub #header{
        height: 100px;
    }
    body.sub #totalOpen {
    	left: 10px;
        top: 32px;
    }
    body.sub #header .util{
        top: 32px;
    }    
    body.sub #header .search_common{
        width: 40px;
        height: 36px;
    }    
    body.sub #header .search_common a{
        width: 100%;
        height: 100%;
        padding: 0;
        display: block;
        text-indent: -999px;
        font-size: 0;
        background: url('../images/common/mobileSearch.png')no-repeat;
    }    
    .totalMenu_sns{
    	text-align: center;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #dcdcdc;
    }
    .totalMenu_sns ul{
    	display:inline-block;
    }
    .totalMenu_sns ul li{
    	float: left;
	    margin: 0px 15px;
	    height: 30px;

    }
    /* //mobile메뉴 */
    #asideArea {
        display: block;
        position: fixed;
        top: 0px;
        left: -100%;
        overflow-y: scroll;
        width: 320px;
        height: 100%;
        background: #fff;
        z-index: 500;
        -ms-overflow-style: none;
    }
    ::-webkit-scrollbar {
        display: none;
    }
    #totalOpen {
        display: block ;
        position: absolute;
        z-index: 501;
        top: 44px;
        left: 10px;
    }
    #totalOpen.disNone {
        display: none;
    }
    .total {
        width: 38px;
        height: 27px;
        display: block;
        background: url('../images/common/totalOpen.png')no-repeat center;
        font-size: 0;
        text-indent: -999;
    }
    
}

@media screen and (max-width:1024px){
	body.main #header{
   	 position: relative;
	}
	
   /* footer */
   .footerWrap{
   	position:relative;
   }
     .footerWrap .info{
        float: none;
        width: 100%;
        text-align: center;
        color: #eaeaea;
        margin-top:45px;
    }
     .footerWrap .infoMenu {
	    margin-bottom: 20px;
	    text-align: center;
		display:inline-block;
	}
	.footerWrap .mark_img {
	    width:100%;
	    float: none;
	    position: absolute;
	    top: 15px;
	    left:0;
	    text-align:center;
	}
	.footerWrap .mark_img ul {
	    display:inline-block;
	}
}

@media screen and (max-width:750px){
	/* 통합검색 */
	.main_search_box .container .search_main{
		width: 70%;
   		margin: 0px 5%;
	}
	.search_main span.write .search_int{
		width: 80%;
	}
	button.sch_btn{
		width:14%;
	}
	.container .search_close{
		right:5%;
	}
	 
     /* footer */
    /* main */
    #footer .footerWrap{
        padding-top: 70px;
        height: 225px;
    }
    body.main #footer{
        background: #353535;
        border-top: 1px solid #dcdcdc;
    }
    .footerWrap .info{
        float: none;
        width: 100%;
        text-align: center;
        color: #eaeaea;
        margin-top:0;
    }
    .footerWrap .address p{
        color: #eaeaea;
        font-size: 18px;
    }
    .footerWrap .address p.copyright{
        color: #eaeaea;
        font-size: 14px;
        padding-top: 20px;
    }
    .footerWrap .address p span{
        display: block;
    }
    .footerWrap .mark_img{
        display: none;
    }

}

@media screen and (max-width:530px){
    /* footer */
    #footer .footerWrap{
        padding-top: 60px;
    }
    .footerWrap .address p{
        font-size: 16px;
    }
    .footerWrap .address p.copyright{
        font-size: 13px;
    }
}

@media screen and (max-width:480px){
    /* footer */
    #footer .footerWrap{
        padding-top: 50px;
    }
     .footerWrap .infoMenu li.sns{
    	float: none;
	    height: 35px;
	    text-align: center;
	    margin-top: 30px;
    }
    .footerWrap .infoMenu li.sns ul{
    	display:inline-block;
    }
    .footerWrap .infoMenu li:last-child{
	    padding-right: 0;
	}
    .footerWrap .address p{
        font-size: 13px;
        letter-spacing: -1px;
    }
    .footerWrap .address p.copyright{
        font-size: 13px;
    }
}

@media screen and (max-width:430px){
	#header .headLogo a {
	    background-size: 85%;
	}
	
}

@media screen and (max-width:380px){
	#header .headLogo a {
		background-size: 70%;
	}
}



/* 게시물 삭제 확인페이지 */
.deleteWrite {margin:20px 0;}
.deleteWrite li {display:inline-block;}
.deleteWrite .deleteTit {margin-right:15px;}
.deleteWrite .deleteTxt {margin:10px 0;}
.deleteWrite .deleteTxt input[type="text"] {border:1px solid #ddd;}
.deleteWrite .deleteTxt input[type="submit"] {height:38px;line-height:36px;padding:0 20px;background:#06378e;color:#fff;}
.delBoard_btn li input.btn,
.delBoard_btn li input.btn.bg {height:38px;line-height:36px;padding:0 20px;}
.delBoard_btn li input.btn.bg {background:#06378e;color:#fff;}
.delBoard_btn li input.btn {margin-right:15px;border:1px solid #ddd;}

/* 필수입력사항 표시 */
span.star{color:#f90040;}


@media screen and (max-width:1232px){

	.section01 .equip_box{width:100%;}

}