.wrapper{width:100%; margin:0 auto;}

/* header */
#header{width:100%; height:100px; transition:0.3s; border-top:18px;}
#header p {height: 17px; background-image: linear-gradient(90deg,#6beca5,#3caac5,#075f75);}
#header .inr{max-width: 1200px; width: 100%; margin: 0 auto; height: 83px; padding: 0 15px; box-sizing: border-box;}
#header > .inr{position:relative;}
#header h1 {display:inline-block; margin-top: 22px; float: left}
#header h1 a{display:inline-block}
#header .gnb{float: right; margin-top: 30px; margin-right:30px; position: relative}
#header .gnb > li{position: relative; display:inline-block;}
#header .gnb > li > a{position:relative; display:block; height:100px; padding:0 45px; font-size:18px; font-weight:400;}
#header .gnb > li > .sub_menu{display:none; position:absolute; left:0; top:48px; width:100% !important; background:#fff; border:1px solid #ddd; z-index:99;}
#header .gnb li:hover .sub_menu{display:block; background:#fff; top:48px; width:100%; animation: submenu 0.3s 1 linear;}
#header .gnb .sub_menu{animation: submenu 0.3s 1 linear; transition: ease all .2s;}
#header .gnb .sub_menu li a{display: block; padding:14px 0; color:#333; border-top:1px solid #ddd; font-size:14px; text-align:center; transition:0.4s;}
#header .gnb .sub_menu li a:hover{background:#2f8ba2;; color:#fff;}
#header .gnb .sub_menu li:first-child a{border-top:0;}
.language_area{position:absolute; right:0; top:30px;}
.language_area ul li{display:inline-block;}
.language_area ul li a{display:block; padding-left:5px; font-size:13px; font-weight:600; color:#999; letter-spacing:-1px;}

footer {width: 100%; text-align: center; background-color: #1d1d1d; padding: 110px 0; font-size: 16px; }
footer address {font-weight: 300; color: #c0c0c0; line-height: 2.0; max-width: 1200px; margin: 0 auto; position: relative}
footer address b {font-weight: 400; color: #fff; }
footer p {margin-top: 40px; color: #c0c0c0; font-size: 14px}
footer address a {position: absolute; top:0; right: 0}













/* mobile-menu */
.mobile_header{background:#008790; color:#333; text-align:center; padding:35px 0 10px 0;}
.btn_menu{position:absolute; z-index:90; width:25px; height:45px; right:20px; top:14px;}
.btn_menu{display:none;}
.btn_menu span{display:block; width:24px; height:1px; background:#333; text-align:center;}
.btn_menu span:nth-child(1){margin-top:37px;}
.btn_menu span:nth-child(2){margin-top:7px;}
.btn_menu span:nth-child(3){margin-top:7px;}

.menu_top p{margin-top:10px; color:#949494;}
#header .m_gnb_top h1{float:none; padding:20px; }
.m_area_util{margin-top:40px;overflow:hidden;  padding:20px; box-sizing:border-box; background:#4c4c4c;}
.m_area_util a{display:inline-block; width: 49%; height:31px; box-sizing: border-box; padding:5px 0; margin:2px 0px; border:1px solid #fff; vertical-align:middle; color:#fff; text-align:center; font-size:14px;}
.m_gnb{overflow-y:auto; position:fixed; top:0px; right:-100%; width:280px; height:100%; background:#fff; transition:all 0.5s ease-out 0s;z-index:999;}
.m_gnb > ul > li > a{display:block; position:relative; padding:15px 25px; border-bottom: 1px solid #eaeaea; color:#424242; transition:all 0.3s ease 0s;}
.m_gnb > ul > li > a.open:before{content:''; display:block; position:absolute; top:25px; right:10px; width:11px; height:7px; background:url(../images/main/menu_button.png) no-repeat 50% 0; transition:all 0.4s ease 0s; background-size:100%;}
.m_gnb > ul > li > a.active{}
.m_gnb > ul > li > a.active:before{transform:rotate(180deg);}
.m_gnb > ul > li > ul{display:none; background:#2f8ba2;}
.m_gnb > ul > li > ul > li{border-bottom: 1px solid #1d7e96;}
.m_gnb > ul > li > ul > li > a{color: #fff; position:relative; display:block; padding:20px 25px; font-size:14px;}

.m_gnb .btn_close{opacity: 0; display: block; position:absolute; top:30px; right:-100%; width:24px; height:23px; font-size:0px; transition:0.8s;}
.m_gnb.active{right:0px;}
.m_gnb.active .btn_close{opacity:1; right:15px;}
.m_gnb_top{box-sizing:border-box; background:#00469b;}
.m_gnb_top p{background:#ddd;}
.m_gnb > ul{margin-top: 75px;}
.m_gnb .btn_close:before{content: ''; display:block; position:absolute; top:9px; left:0px;  width:100%; height:1px; background:#333; transform:rotate(45deg);}
.m_gnb .btn_close:after{content: ''; display:block; position:absolute; top:9px; left:0px; width:100%; height:1px; background:#333; bottom: 9px; transform:rotate(-45deg);}

.area_util_m{padding:20px 20px; margin-top:100px; background:#598e35;}
.area_util_m span{display:inline-block; width:40px; height:40px; margin-right:6px; background:#111 url(../images/main/icon_call.svg) no-repeat 50%; background-size:15px; border-radius:50%; }
.area_util_m div{display:inline-block; color:#fff;}
.area_util_m div a{color:#fff; font-weight:bold; font-size:17px;}

.cover{position: fixed; width: 100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.8); z-index:995; display:none;}
.cover.active{display:block;}






@media all and (max-width:1080px){

	#header .gnb{display:none;}
	.btn_menu{display:block;}	
    .language_area{right:60px;}
}



@media all and (max-width:700px){
	footer address a {top:-110px}
}


@media all and (max-width:472px){
	footer address a {top: -60px;}
	#footer {padding: 60px 15px; box-sizing: border-box; font-size: 14px}
}