@charset "utf-8";

@import url("fonts/fonts.css");
@import url(normalize.min.css);
body{font-family: "OpenSans","NanumBarunGothic",sans-serif;font-weight:300;color:#58585a;font-size:15px;letter-spacing:-0.025em;word-break:keep-all;}
h1,h2,h3,h4,h5,h6{font-weight:500;margin:0;}
*{margin:0;padding:0;box-sizing:border-box;}
li{list-style:none;}
a{text-decoration:none;display:block;color:#58585a;}
img{display:block;}
table{width:100%;border-collapse:collapse;}
button{background:none;border:0;cursor:pointer;}
.skip{position:absolute;overflow:hidden;width:0px;height:0px;top:-9999px;left:-9999px;}
.roman{font-family: "OpenSans","NanumBarunGothic",sans-serif}

/* 애니메이션 */
@keyframes arr1{
    0%{left:-40px;}
    50%{left:-100px;}
    100%{left:0;}
}
@keyframes arr2{
    0%{left:-40px;}
    50%{left:-100px;}
    100%{left:-20px;}
}
@keyframes arr3{
    0%{left:-40px;}
    50%{left:-100px;}
    100%{left:0;}
}
@keyframes arr4{
    0%{left:-40px;}
    50%{left:-100px;}
    100%{left:-20px;}
}
@keyframes fadeInLeft{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
@keyframes fadeInRight{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
@keyframes fadeInUp{
    0%{opacity:0;transform:translateY(100px);}
    100%{opacity:1;transform:translateY(0);}
}
@keyframes fadeOut{
    0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes scale{
    100%{transform:scale(1);}
}


.hand {cursor:pointer;}

/* 페이지 전환 */
#main.page{animation-name:fadeIn;animation-duration:0.5s;animation-fill-mode:forwards;}
#sub.page{animation-name:fadeIn;animation-duration:0.5s;animation-fill-mode:forwards;}
#main.page.is-exiting,#sub.page.is-exiting{animation-name:fadeOut;animation-duration:0.5s;animation-fill-mode:forwards;}

/* 풀다운 메뉴 */
#fulldown_wrap{width:100%;height:100%;padding-top:60px;position:fixed;top:0;left:0;background:rgba(255,255,255,0.9);bottom:0;z-index:100;text-align:center;display:none; }
#fulldown{vertical-align:middle;}
#fulldown_wrap .dept1_li{font-family: "OpenSans","NanumBarunGothic",sans-serif; font-weight: 500}/*width:217px;*/
#fulldown_wrap .dept1_link{height:60px;line-height:60px;font-size:35px; font-family: "OpenSans","NanumBarunGothic",sans-serif;}
#fulldown_wrap .dept1_link:hover{color:#109016;}
#fulldown_wrap .dept2_ul{display:none;border-top:1px solid #109016;padding:20px 0;background: rgba(255, 255, 255, 0.8);z-index: 11;position: relative;}
#sub #gnb .dept2_ul{z-index: 11;position: relative; left: inherit; top: inherit; right: inherit;  height: 0; border-bottom: 0; border-top: 0; line-height: inherit; transition:.3s; background-color:transparent; }
#sub #gnb .dept2_li {margin: 0; text-align: left; display: block; }
#sub #gnb:hover .dept2_ul {height: auto;transition:.3s;}
#fulldown_wrap .dept2_link,#sub #gnb  .dept2_link{font-size:18px;font-family: "OpenSans","NanumBarunGothic",sans-serif;height:50px;line-height:50px;}
#sub #gnb  .dept2_link {text-align: left}
#fulldown {overflow-y: scroll; height: 100%}
#menu_close{position:absolute;z-index:10;top:24px;right:5%;width:47px;height:31px;transition:.3s;background:url(../../resources/images/menu_close.png) no-repeat center;}
.full_logo img{height: 25px}
#logo img {height:32px;}
#lang{font-size:14px;line-height:29px;position:absolute;z-index:50;top:24px;right:110px;height:29px;transition:.3s; }
#lang > a{color:#191919; font-family: "OpenSans","NanumBarunGothic",sans-serif;}
#sub #gnb .dept2_ul {margin-top: -10px}

#sub #gnb {
	width: 1280px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	gap: 50px;
	padding-right: 5%;
}

@media (min-width:1340px){
	#menu_close {right: 40px}
    #fulldown_wrap{box-shadow:0 0 30px rgba(0,0,0,0.2);padding-top:0;height:330px;z-index:100;background:#fff;}
    #fulldown {
        width: 1280px;
        margin: 0 auto;
        padding-top: 21px;
        padding-right: 5%;
        display: flex;
        justify-content: center;
        gap: 40px;
        overflow-y: hidden
    }
	#sub #gnb {
		gap: 40px;
		padding-right: 5%;
	}
    #fulldown:after,#sub #gnb:after{display:block;clear:both;content:'';}
    #fulldown .dept1_li,#sub #gnb .dept1_li{text-align:left;width:auto;display:block;vertical-align:top;}
    #fulldown .dept1_link, #sub #gnb .dept1_link{font-size:17px;line-height:40px;height:40px;padding:0 10px;color:#515154; }
    #fulldown .dept2_link,#sub #gnb  .dept2_link{color:#93959a;font-size:14px;line-height:40px;height:40px;padding:0 10px; text-align: left}
    #fulldown .dept2_link:hover,#fnb .dept2_link:hover,#sub #gnb  .dept2_link:hover{color:#109016; text-decoration: none}
    #fulldown_wrap .dept2_ul,#sub #gnb .dept2_ul{display:block;border-top:0;border-bottom:0;padding:0; position: absolute}
    .full_head{position:absolute;top:26px;left:28px;transition:.3s;}
    .full_lang{font-size:14px;line-height:29px;position:absolute;z-index:10;top:24px;right:110px;height:29px;transition:.3s;}
    .full_lang > a {color: #191919;}/*padding-right:49px;background:url(/resources/images/lang.png) no-repeat right center;*/
    .full_des{font-size:13px;color:#93959a;margin-top:12px;text-align:left;}
    .full_util{display:block;}
    .full_head{display:block;}
    #fulldown_wrap .full_head .full_logo{margin-top:0;}
    #full_sns{line-height:29px;position:absolute;top:29px;right:170px;height:29px;transition:.3s;}
    #full_sns li{float:left;}
    #full_sns li+li{margin-left:15px;}
    .full_sns{display:none;}
    #fulldown_wrap{overflow-y:auto}
	#fulldown_wrap .dept2_ul {position: absolute}
}
@media (min-width:1649px){
    #fulldown,#sub #gnb { width:1380px;  }
	#fulldown,#sub #gnb{
		gap: 60px;
	}

}

.lang_tab {
    margin-left: -10px;
    border-radius: 10px;
    position: absolute;
    top: 40px;
    border:1px solid #ff500b;
    overflow:hidden;
    display:none;
}

.lang_tab a {
    
}


.lang_tab li a {
    line-height: 40px;
    padding: 0 20px;
    background:#fff;
    width:137px;
    height:40px;
    color:#9b928e;
}

.lang_tab li a.active {
    background-image: url(/resources/images/common/check.png);
    background-color: #ff500b;
    background-repeat: no-repeat;
    background-position: right 20px center;
    width:137px;
    height:40px;
    color:#fff;
}

@media (max-width:1340px){
	#full_sns{line-height:29px;position:absolute;top:29px;right:185px;}
	#full_sns li{display: inline-block;margin: 0 5px;}
	.full_head{display:none;}
    .full_util .full_lang,.full_util #full_sns{display:none;}
}

@media (max-width:680px){
	#full_sns{display: none;}
}

@media (max-width:789px){
	#full_sns{top:22px;height:29px;}
	#lang{top:17px;right:calc(30px + 5% + 5%);}
}