@charset "utf-8";

body{overflow-y:scroll; }

.wrap { position:relative;*zoom:1; width:100%; margin:0 auto; }
.wrap:after { content:""; display:block; clear:both; }

#m-header {display:none;}
#navigation {display:none;}

#Wrapper { width:100%;}

/* Skip Navigation */

#skipnavigation {list-style:none; margin:0 auto; padding:0; width:100%;}

a.skip_navi {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em;}
a.skip_navi:hover,
a.skip_navi:focus,
a.skip_navi:active {position: absolute; top: 0; left:0; padding: 15px 0; font-weight:bold; color:#fff; background:#389fd1; z-index:500; width:100%; margin:0 auto;}

.skipNavigation{ display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.skipnavigation:hover, 
.skipnavigation:active, 
.skipnavigation:focus{ width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; line-height:1; text-decoration:none !important;}
.skip { position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }

.pc_view{display:block; }
.mobile_view{display:none;}

@media all and (max-width:768px) {
	.pc_view {display:none;}
	.mobile_view {display:block;}
}

.sdonly {font-size:0 !important; color:transparent !important; overflow:hidden !important;}

#warp{	overflow: hidden;}


/* header */
header {position: fixed;	z-index: 999; width:100%; background:#fff;}
header #head{ width:1200px; margin:0 auto 0; box-sizing: border-box;}
header #head .inner{width:100%; position:relative; box-sizing: border-box;}
header #head #logo {position: absolute; top:40px; left:0px; }
header.move{box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);}

	.util {position:relative; float:right; margin:20px 0px 0px 0px; height:60px; box-sizing: border-box;} 
	.util li { float:left; padding-left:10px;}
	.util li a {font-size:15px; font-weight:400; }
	.util li.bu_eng a{display:block; padding:0 7px; background:#014790; color:#fff; line-height:27px; border-radius:3px;}
	.util li:first-child { padding-left:0px;}	

	/* 탑메뉴 */
	.gnb_bg{background:#8EAAC6; width:100%; height:50px; display:none; z-index:50; position:absolute;left:0; top:140px;}
	#gnb{position:relative; clear:both; float:right; height:60px; }
	#gnb>ul>li {float:left;position:relative;z-index:100; padding-left:15px;}
	#gnb>ul>li>ul>li {float:left;}
	#gnb>ul>li ul{display:none;z-index:100; width:810px; padding-top:35px; box-sizing: border-box;}
	#gnb ul li.on ul{display:block;}
	#gnb>ul>li>a{display:block;height:37px;color:#000; font-weight:600; font-size:21px; letter-spacing:-2.5px; font-family:'NanumSquareRound'; transition:all .3s;}
	#gnb>ul>li>a.over{color:#014790;}
	#gnb>ul>li>a:active, #gnb>ul>li>a:hover, #gnb>ul>li>a:focus, #gnb>ul>li.on>a, #gnb>ul>li.active>a{color:#014790;}

	#gnb ul li ul li a{color:#fff; display:inline-block; font-size:15px;  letter-spacing:0px; font-weight:400; }
	#gnb ul li ul li a.over{color:#014790;}
	#gnb>ul>li>ul {position:absolute; z-index:40;}
	#gnb .m1 ul{left:-87px;padding-left:0px;}
	#gnb .m2 ul{left:0px;padding-left:0px;}
	#gnb .m3 ul{left:0px;padding-left:0px;}
	#gnb .m4 ul{left:0px;padding-left:0px;}
	#gnb .m5 ul{left:-215px;padding-left:20px; }
	#gnb .m6 ul{left:-130px;padding-left:0px;}
	#gnb .m7 ul{left:-106px;padding-left:0px;}
	#gnb ul li ul li{}
	#gnb ul li ul li:first-child{padding:0px 0px 0px 0px;}
	#gnb ul li ul li{padding:0px 0px 0px 20px;}


@media(max-width:1200px) {
	header #head {width:100%; padding:0 15px; }
}
@media(max-width:768px) {
}
@media(max-width:500px) {
	#gnb {height:50px; }
	#gnb>ul>li { padding:0px 0px;}
	#gnb>ul>li>a { font-size:1.0em; line-height:50px;}
}
@media(max-width:486px) {
}
@media(max-width:370px) {
	#gnb {height:45px; }
	#gnb>ul>li>a { font-size:0.9em; line-height:45px;}
}
@media(max-width:330px) {
	#gnb>ul>li>a { font-size:0.875em; letter-spacing:-1px;}
}



footer{ padding:0px 0px 30px 0px; background:#EFEFEF; box-sizing: border-box;}
footer .inner{ position:relative; width:1200px; margin:0px auto; box-sizing: border-box;}
footer .line{border-top:1px solid #D4D4D4; }
footer .foot_me a{display:inline-block; line-height:55px; font-size:0.9em; margin-right:20px; color:#686868; cursor:pointer;}
footer .foot_me a:first-child {font-weight:500;}
footer .foot_logo {position:absolute; top:20px; left:0px; }
footer .foot_txt {padding:20px 0px 0px 300px; width:83%;  font-size:0.9em; color:#4C4C4C; font-weight:400; box-sizing: border-box;}
footer .foot_txt p, footer .foot_txt a {font-size:1.0em; color:#4C4C4C; line-height:27px;}
footer .foot_txt span{font-size:1.0em; color:#4C4C4C; line-height:27px;}
footer .foot_sns { position:absolute; right:0px; top:20px; overflow: hidden;}
footer .foot_sns ul {float:right; width:205px;}
footer .foot_sns ul li {float:left; width:25%; text-align:right; box-sizing: border-box;}

	.mz_link_foot { position:absolute; top:0px; right:0px; margin:0px 0px 0px 0px; width:180px; height:55px; border-left:1px solid #D4D4D4; border-right:1px solid #D4D4D4;  text-align:left; border-radius:3px; box-sizing: border-box;}
	.mz_link_foot h4 a { position:relative; display:block; line-height:55px; padding:0px 0px 0px 20px; font-weight:500; font-size:0.938em; color:#686868; z-index:10; }
	.mz_link_foot h4 a:before {transition: all .2s ease; content: '▲';  display: block;  font-size:14px; position: absolute; color:#686868; right: 15px; top:0px; }
	.mz_link_foot.active h4 a:before { top: 0px; 	-webkit-transform: rotate(180deg);    -ms-transform: rotate(180deg);  transform: rotate(180deg); }
	.mz_link_foot ul {display:none; position: absolute; left:0; bottom:55px; width:100%; margin:0px auto 0; padding:0px 0px; background-color: #F3F3F3; border-radius:3px 3px 0px 0px; box-sizing: border-box; z-index:1000; }
	.mz_link_foot li { text-align:center; border-bottom: 1px dotted #D2D2D2;  transition:all .3s;}
	.mz_link_foot li a { color:#686868; line-height:35px; font-size:0.875em; font-weight:300; letter-spacing:-0.5px; }
	.mz_link_foot li:hover a{color:#222; }
	.mz_link_foot li:last-child{border-bottom:none;}


@media(max-width:1200px) {
	footer .inner{ width:100%; }
	footer .foot_me {padding-left:15px;}
	footer .foot_logo {left:15px; }
	footer .foot_txt {padding:20px 0px 0px 330px; width:80%;}
	footer .foot_sns { right:15px; }
	.mz_link_foot { right:15px; }
}
@media(max-width:1170px) {
	footer .foot_txt span{display:block; }
}
@media(max-width:1000px) {
	footer .foot_logo {position:relative; width:100%; top:10px; }
	footer .foot_txt {padding:30px 0px 0px 00px; width:100%; text-align:center;}
	footer .foot_sns {top:15px; }
}
@media(max-width:620px) {
	footer .foot_logo img{width:200px;}
	footer .foot_me a{ line-height:45px; font-size:0.85em; margin-right:5px; }
	footer .foot_sns ul {width:135px;}
	.mz_link_foot { width:140px; right:0px; height:45px; }
	.mz_link_foot h4 a {  line-height:45px; padding:0px 0px 0px 10px; }
	.mz_link_foot h4 a:before {right: 10px;}
	.mz_link_foot ul {bottom:45px; }
}
@media (max-width:500px) {
	footer{ padding:0px 0px 20px 0px; }
	footer .foot_logo {left:10px; }
	footer .foot_me {padding-left:10px;}
	footer .foot_me a{ font-size:0.75em; margin-right:5px;  letter-spacing:-0.5px;}
	footer .foot_txt p, footer .foot_txt a {font-size:0.9em;line-height:22px;}
	footer .foot_txt span{ line-height:22px;}
	footer .foot_txt p br{display:block;}
	footer .foot_sns { right:5px; }
	footer .foot_sns ul {width:130px;}
	.mz_link_foot { width:110px; border-right:none;}
	.mz_link_foot h4 a { font-size:0.75em; }
	.mz_link_foot h4 a:before {right: 5px;}
}
@media (max-width:360px) {
	footer .foot_me a{ font-size:0.68em; margin-right:3px;  letter-spacing:-1px;}
	footer .foot_txt p, footer .foot_txt a{font-size:0.8em;}
	footer .foot_sns ul {width:110px;}
	footer .foot_sns ul li {padding-left:5px;}	
	footer .foot_sns ul li img{width:100%;}
}

	.video-container { 
		margin-top:-10px ;
		padding-bottom: 56%; 
		max-width: 100%; 
		height: 0;  
		position: relative;
		overflow: hidden;
	} 
	.video-container iframe, 
	.video-container object,
	.video-container embed {
		margin: 0;
		padding: 0;  
		width: 100%; 
		height: 100%;
		position: absolute; 
		top: 0; 
		left: 0; 
	}


/* 톱가기 버튼 */
.btn_top_area{display:none; position:fixed; right:10px; bottom:190px; z-index:20;}
.btn_top_area a {display:inline-block; border:1px solid #666; width:50px; line-height:50px; text-align:center; background:#fff; transition:all .3s; opacity: 0.5; box-sizing: border-box;}
.btn_top_area a img {vertical-align: middle; }
.btn_top_area a:hover {opacity: 1.0;}
.btn_top_area a:hover img {margin-top:-5px;}

@media (max-width:500px) {
	.btn_top_area{bottom:135px;}
	.btn_top_area a {opacity: 1;}
}


@media (max-width:600px){
	.x-scroll {overflow-x:scroll;  padding-bottom:3px; }
	::-webkit-scrollbar {width: 8px; height: 8px; border: 1px solid #fff; }
	::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 3px; }
	::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
	::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
}