@charset "utf-8";

#wrap{position:relative; overflow:hidden; right:0; top:0; width:100%; height:100%; background:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#main-container{padding:35px 0 0 0;}
#sub-container{padding:75px 0 100px 0; min-height:60.5vh;}

.inner{position:relative; max-width:1420px; margin:0 auto; box-sizing:border-box;}
.inner::after { display:block; clear:both; content:''; }
.dim{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:10; display:none;}
@media (max-width:1420px){
	.inner { padding:0 10px; }
}

textarea { width:100%; max-width:100%; padding:.5rem; display:block; box-sizing:border-box; margin:0 0 1rem; border:1px solid #cacaca; background:#fefefe;  transition:box-shadow .5s,border-color .25s ease-in-out; font-weight:400; appearance:none; font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; }

/* gnb */
.header-top{width:100%; height:35px; line-height:35px; background:#ff0303;}
.header-top li{float:left;}
.header-top li:nth-child(1){width:30%;}
.header-top li:nth-child(2){width:70%; text-align:right;}
.header-top li button,
.header-top li a{font-size:0.8em; color:#fff; cursor:pointer;}
.header-top li span{font-size:0.8em; color:#fff;}
.header-top li i.bar{display:inline-block; margin:0 10px; color:rgba(255,255,255,0.3); font-size:12px;}

#slide-gnb{position:fixed; left:-300px; top:0; width:300px; height:100%; max-height:100vh; overflow-y:auto; z-index:1000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow-y:scroll; background:#333; }
/* #slide-gnb::after{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background:#333; } */
#slide-gnb.active{left:0;}
#slide-gnb.active::before{left:0;}
#slide-gnb button.hamburger-close{position:absolute; right:20px; top:20px; width:19px; height:19px; background:url(/images/A/common/close.png) no-repeat center center;}

#slide-gnb > ul:first-child{display:block; margin:70px 25px 0 25px;}
#slide-gnb > ul:first-child li:last-child a:last-child, #slide-gnb > ul:first-child li:last-child button:last-child{padding-left:25px;}
#slide-gnb > ul:first-child li:last-child a:last-child::before, #slide-gnb > ul:first-child li:last-child button:last-child::before{position:absolute; display:inline-block; content:''; width:1px; height:10px; background:rgba(255,255,255,0.3); left:10px; top:8px;}
#slide-gnb > ul:first-child li{float:left;}
#slide-gnb > ul:first-child li:first-child{width:30%;}
#slide-gnb > ul:first-child li:first-child button[data-sec="검색"]{display:inline-block; width:30px; height:28px; background:url(/assets/img/common/search_white.png) no-repeat center center; background-size:100%;}
#slide-gnb > ul:first-child li:last-child{width:70%; text-align:right;}
#slide-gnb > ul:first-child li:last-child a, #slide-gnb > ul:first-child li:last-child button{position:relative; color:#fff; font-size:1em; height:28px; line-height:28px;}
#slide-gnb > ul:last-child{margin:120px 25px 30px 25px; border-top:1px solid rgba(255,255,255,0.3); position:relative; z-index:1;}
#slide-gnb > ul li.gnb{}
#slide-gnb > ul li.gnb > a{display:block; font-size:1.2em; font-weight:500; color:#fff; padding:20px 5px; background:url(/images/A/common/btn_down.png) no-repeat 95% center; cursor:pointer; border-bottom:1px solid rgba(255,255,255,0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#slide-gnb > ul li.gnb:hover > a{text-decoration:none; color:#009cff;}
#slide-gnb > ul li.active > a{color:#009cff; background:url(/images/A/common/btn_up.png) no-repeat 95% center;}
#slide-gnb ul.lnb-wrap{display:none; background:#3e3e3e; padding:25px 10px;}
#slide-gnb ul.lnb-wrap li.lnb{}
#slide-gnb ul.lnb-wrap li.lnb a{display:block; height:30px; line-height:30px; color:#ccc; font-size:0.9em;}
#slide-gnb ul.lnb-wrap li.lnb a:hover{text-decoration:none; color:#fff;}

#header{position:relative; width:100%; z-index:5; border-bottom:0;}

#header .logo{ width:relative; height:130px; text-align:center; }
#header .logo a{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header .logo a img{ max-width:300px; }

.advertising-left{position:absolute; width:auto; left:0; top:50%; transform:translate(0, -50%);}
.advertising-left img{width:auto; max-height:60px;}

.advertising-right{position:absolute; width:auto; right:0; top:50%; transform:translate(0, -50%);}
.advertising-right img{width:auto; max-height:60px;}

#header .header-login{position:absolute; right:0; top:0; width:100%;}

#header.fixed{position:fixed; left:0; top:0; max-width:100%; height:240px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:999;}
#header.fixed #gnb .inner > ul{border-bottom:0;}
@media (max-width:640px){
	#header .header-login{display:none;}
	#header .logo a{display:block;}

	#slide-gnb > ul:first-child{display:block; margin:70px 25px 0 25px;}

}
#header .header-login ul{position:relative;}
#header .header-login ul li{float:left; width:50%; font-size:14px; height:14px; line-height:14px;}
#header .header-login ul li span.date{font-weight:500;}
#header .header-login ul li:last-child{text-align:right;margin-top:40px;}
#header .header-login ul li:last-child a, #header .header-login ul li:last-child button{position:relative; color:#777777; display:inline-block; padding-left:25px;}
#header .header-login ul li:last-child a:last-child::before, #header .header-login ul li:last-child button:last-child::before{position:absolute; display:inline-block; content:''; width:1px; height:100%; background:#dddddd; left:11px; top:0;}

#header #gnb{width:100%; box-sizing:border-box; }
#header #gnb > .inner { height:77px; }
#header #gnb .inner a.home{ position:absolute; display:inline-block; width:90px; height:inherit; line-height:inherit; text-align:center; background:url(/images/A/common/home.png) no-repeat center center; }

#header #gnb .inner .gnb-search-bar{position:absolute; width:90px; right:0; top:0; height:inherit; line-height:inherit; text-align:right;}
#header #gnb .inner .gnb-search-bar label{display:none;}
#header #gnb .inner .gnb-search-bar button[data-sec="검색"]{display:inline-block; width:90px; height:inherit; background:url(/images/A/common/search.png) no-repeat center center;}

#header #gnb .inner button.gnb-hamburger{position:absolute; width:90px; height:inherit; line-height:inherit; left:0; top:0; background:url(/images/A/common/hamburger.png) no-repeat center center; cursor:pointer;}

#header #gnb .inner > ul{border-top:2px solid #222; border-bottom:1px solid #bbbbbb; height:77px; padding-left:90px; box-sizing:border-box;}
#header #gnb ul li.gnb{position:relative; float:left;}

#slide-gnb::-webkit-scrollbar { width:3px; } #slide-gnb::-webkit-scrollbar-track { background-color:#222; } #slide-gnb::-webkit-scrollbar-thumb { background:#444; border-radius:0; } #slide-gnb { scrollbar-3dLight-Color: #444; scrollbar-arrow-color: #222; scrollbar-base-color: #444; scrollbar-Face-Color: #444; scrollbar-Track-Color: #222; scrollbar-DarkShadow-Color: #222; scrollbar-Highlight-Color: #222; scrollbar-Shadow-Color: #222; }
.show-for-sr,.show-on-focus{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}



@media (max-width:1420px){
	.advertising-left{left:10px;}
	.advertising-right{right:10px;}
}

@media (max-width:1150px){
	#header #gnb ul li.gnb > a{padding:0 14px;}
}

@media (max-width:980px){
	.advertising-left{display:none;}
	.advertising-right{display:none;}
}

@media (max-width:850px){
	#header #gnb ul li.gnb{display:none;}
}

@media (max-width:640px){
	#header #gnb{display:none;}
	#header{border-bottom:1px solid #222;}
	#header.fixed{height:115px;}
	#header .logo, #header.fixed .logo {height:80px;}
	#header .logo a{ position:absolute; top:50%; left:10px; transform: translate(0, -50%); height:80px;}
	#header .logo a img, #header.fixed .logo a img { height:96%; }
	#header .logo .gnb-search-bar {position:absolute; width:100px; right:70px; top:0; height:inherit; line-height:inherit; text-align:right;}
	#header .logo .gnb-search-bar label {display:none;}
	#header .logo .gnb-search-bar button[data-sec="검색"] {display:inline-block; width:30px; height:inherit; background:url(/images/A/common/search.png) no-repeat center center;}
	#header .logo button.gnb-hamburger{position:absolute; width:50px; height:inherit; line-height:inherit; right:0; top:0; background:url(/images/A/common/hamburger.png) no-repeat center center; cursor:pointer;}

	.advertising-left{display:none;}
	.advertising-right{display:none;}
}
#header #gnb ul li:first-child.gnb::before{visibility:hidden;}
#header #gnb ul li.gnb > a{ display:block; font-size:18px; color:#222; font-weight:500; height:inherit; line-height:77px; text-align:center; padding:0 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header #gnb ul li.gnb:hover > a{text-decoration:none; color:#126936;}
#header #gnb ul li.gnb.active{}
#header #gnb ul li.gnb.active > a{color:#0077e5}

#header #gnb ul li.gnb a + ul.lnb-wrap{position:absolute; width:350px; left:0; top:120px; background:#222; visibility:hidden; opacity:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header #gnb ul li.gnb a + ul.lnb-wrap.active{top:100px; opacity:1; visibility:visible; top:74px; }
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb{float:left; width:33.33333%;}
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb a{display:block; font-family: 'Malgun Gothic'; font-size:14px; padding:15px; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb:hover a{background:#126936; text-decoration:none;}
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb.active{}
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb.active a{color:#fc0;}


#footer{position:relative; width:100%; background:#ffffff; padding:10px 0; text-align:center; overflow:hidden;  box-shadow: inset 0 0 1rem rgba(0, 0, 0, 0.1);}
#footer .f-logo{position:absolute; width:100%; max-width:1420px; top:50%; left:50%; transform:translate(-50%, -50%); text-align:left;}
#footer .inner{display:inline-block; width:100%; box-sizing:border-box; padding-left:200px; text-align:left;}

#footer li{float:left; font-size: 0.8em; line-height: 25px; font-family: 'Malgun Gothic';}
#footer li.fnb{padding:0 3em;}
#footer li.fnb a{position:relative; display:inline; color:#777777;}
#footer li.fnb a::before{ display:inline-block; content:''; margin:0 4px; width:1px; height:10px; background:#ccc;}
#footer li.fnb a:last-child::before{display:none;}

#footer li.information span{position:relative; display:inline; padding-right:2em; color:#777777;}
#footer li.information span::before{position:absolute; display:inline-block; content:''; right:1em; top:2px; width:1px; height:10px; background:#ccc;}
#footer li.information span:last-child::before{display:none !important;}

#footer .sns{position:absolute; top:0; right:0; transform:translate(0, -50%);}
#footer .sns a{display:inline-block; padding:5px; background:#aaa; color:#333; font-size:1em;}
#footer .sns a[data-menu="트위터"]{width:25px; height:20px; background:url(/assets/img/common/twitter.png) no-repeat center center;}
#footer .sns a[data-menu="인스타그램"]{width:25px; height:20px; background:url(/assets/img/common/insta.png) no-repeat center center;}
#footer .sns a[data-menu="페이스북"]{width:25px; height:20px; background:url(/assets/img/common/facebook.png) no-repeat center center;}

@media (max-width:1400px){
	#footer{width:100%; background:#ffffff; padding:0;}
	#footer .f-logo{position:absolute; width:100%; max-width:1420px; top:35px; left:50%; transform:translate(-50%, 0); text-align:center;}
	#footer .inner{/*background:url(/assets/img/common/logo.png) no-repeat center 35px;*/  padding:130px 0 50px 0; text-align:center; width:100%; height:100%; display:inline-block;}
	#footer li{float:none; clear:both; padding:10px 0; line-height:2em;}

	#footer .sns{top:70px; left:50%; transform:translate(-50%, 0);}
}

@media (max-width:640px){

}

/* right */
.news-tab-wrap{width:100%; border:1px solid #eee; display:inline-block;}
.news-tab{height:45px;}
.news-tab li button{float:left; width:50%; text-align:center; height:45px; line-height:45px; color:#aaa; font-size:1em; 
    letter-spacing: -1px;
    font-weight: bold;
    font-family: 'Malgun Gothic'; background:#f8f8f8;}
.news-tab li.active button{background:#ff0303; color:#fff;}

.news-rank{width:100%; background:#f8f8f8; border:1px solid #eee; padding:25px 15px; margin-bottom:25px;}
.news-rank h6.tit{font-size:1.1em; font-weight:500; color:#222; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:25px;}
.news-rank h6.tit b{color:#ff0303;}
.news-rank a:link{color:#4d4d4d; text-decoration:none;}
.news-rank a:visited{color:#4d4d4d; text-decoration:none;}
.news-rank a:hover{text-decoration:underline;}
.news-rank a{display:block; height:22px; line-height:20px; margin-bottom:10px; font-family: 'Malgun Gothic'; font-size:0.9em; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; cursor:pointer;}
.news-rank a:last-child{margin-bottom:0;}
.news-rank a i{display:inline-block; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #ddd; margin-right:8px; font-size:0.8em; font-weight:500;}
.news-rank a.rank i{background:#ff0303; border:1px solid #ff0303; color:#fff;}

.con_none {padding:20px; text-align:center}

.advertising-area{margin-bottom:10px;}
.advertising-area a{position:relative; display:block; overflow:hidden;}
.advertising-area a img{max-width:100%; min-width:100%; min-height:100%; max-height:100%;}