@charset "utf-8";

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}


/* 초기화 */
html,body{width: 100%; height: 100%;}
body {margin:0;padding:0;font-size:12px;font-family:'NanumBarunGothic', 'Malgun Gothic', sans-serif;background:#fff; letter-spacing:-1px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NanumBarunGothic', 'Malgun Gothic', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul,li, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'NanumBarunGothic', 'Malgun Gothic', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NanumBarunGothic', 'Malgun Gothic', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

table{margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;width:100%;}
table{border-collapse:collapse;border-spacing:0}
table,table th,table td{border:0;}

::selection {background:#05989e; color:#fff;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}





/* 상단 */
#header{position:absolute; top:0; width:100%; padding:25px 0; z-index:9999; background:rgba(76,82,86,0.7);}

#header h1{position:absolute; top:18px; left:5%;}
/*#header h1::before{content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(255,255,255,0.5);}*/
#header h1 img{width:100%; max-width:240px;}

#header .lnb{width:100%; overflow:hidden;}
#header .lnb ul{text-align:center;}
#header .lnb ul li{display:inline-block; margin-left:25px; padding-left:25px; border-left:1px solid #fff;}
#header .lnb ul li:nth-child(1){border-left:0 !important;}
#header .lnb ul li a{font-size:20px; font-weight:400; color:#fff;}
#header .lnb ul li a:hover{color:rgba(255,255,255,0.8);}

.menu_box{position:absolute; left:5%; top:130px; width:100%; max-width:57px; text-align:center; font-size:17px; color:#fff; letter-spacing:3px; cursor:pointer;}
.menu_box span{display:block; width:100%; height:3px; margin-bottom:10px; background:#fff;}

/*메뉴 텝*/
.menu_list{position:fixed; left:-100%; top:0; width:100%; height:100%; z-index:9999999; transition:.8s;}
.menu_list_box{position:absolute; left:0; top:0; width:60%; height:100%; background:#fff; transition:1s; overflow-y:scroll;}
.menu_list_box > ul{margin-top:100px; padding:100px;}
.menu_list_box > ul > li{display:table; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ddd; overflow:hidden;}
.menu_list_box > ul > li > p{display:table-cell; width:20%; min-width:120px; font-size:23px; color:#333; font-weight:700; vertical-align:top;}
.menu_list_box > ul > li > ul{display:table-cell;}
.menu_list_box > ul > li > ul > li{float:left; margin-left:20px; line-height:32px;}
.menu_list_box > ul > li > ul > li > a{font-size:18px; color:#333;}
.menu_list_box > ul > li > ul > li > a:hover{color:#e72510;}

.menu_list_box > ul > li.last > ul > li{width:14%; margin-left:1%; text-align:center;}
.menu_list_box > ul > li.last > ul > li:first-child{width:24%; margin:0;}
.menu_list_box > ul > li.last > ul > li a{display:block; border:1px solid #333; font-weight:700;}

.menu_list_box p.close_btn{position:absolute; right:3%; top:3%; width:40px; height:40px; font-size:0; cursor:pointer; transition:.5s;}
.menu_list_box p.close_btn::before{content:""; position:absolute; left:50%; top:0; width:2px; height:100%; background:#333; transform:rotate(45deg);}
.menu_list_box p.close_btn::after{content:""; position:absolute; left:50%; top:0; width:2px; height:100%; background:#333; transform:rotate(-45deg);}

.menu_list_box p.close_btn:hover{transform:rotate(180deg);}

.cover_bg{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1; cursor:pointer;}



.language{position:absolute; top:0; right:10%;}
.language ul li{float:left; margin-left:10px;}
.language ul li a{font-size:17px; color:#fff;}

.language ul li.on{border-bottom:2px solid #fff;}
.language ul li.on a{font-weight:700;}


/* 하단 */
#footer{position:absolute; bottom:0; left:0; width:100%; background:#353e4f;}
.foot ul{display:table; width:90%; margin:0 auto; padding:2% 0;}
.foot ul li{display:table-cell; border-left:1px solid #93574e;}
.foot ul li:nth-child(1){min-width:200px;}
.foot ul li a{display:block; padding:0 15px; font-size:17px; color:#fff; font-weight:400;}
.foot ul li a span{display:block;}
.foot ul li a span img{max-width:80px;}
.foot ul li a strong{display:block; margin:12px 0; font-size:25px; color:#fff; font-weight:700;}

.foot_family{width:100%; background:#353e4f;}
.foot_family_box{width:65%; margin:0 auto; padding:2% 0;}
.foot_family .left{display:inline-block; color:#fff; font-size:15px;}
.foot_family .left a{display:inline-block; margin-bottom:10px; color:#fff; font-size:15px;}
.foot_family .right{float:right; color:#fff; font-size:15px;}
.foot_family .right dl{display:table;}
.foot_family .right dl dt{display:table-cell;}
.foot_family .right dl dd{position:relative; display:table-cell;}
.foot_family .right dl dd p{position:relative; color:#333; padding:5px 30px 5px 15px; margin-left:10px; font-size:15px; text-align:center; background:#fff; border:1px solid #ccc; cursor:pointer; z-index:1;}
.foot_family .right dl dd p::before{content:""; position:absolute; top:45%; right:5%; width:5px; height:5px; border-top:5px solid #333; border-left:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #333; transform:rotate(-45deg);}

.family_box{display:none; position:absolute; bottom:98%; right:0; width:200px; padding:10px; border:1px solid #ccc; background:#fff; z-index:1;}
.family_box ul li{border-top:1px solid #ccc; margin-top:10px; padding-top:10px;}
.family_box ul li:first-child{border-top:none; margin-top:0; padding-top:0;}

.family_cover{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1);}

.block_tg{display:block !important;}


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

	/*메뉴 탭*/
	.menu_list_box > ul > li.last > ul > li{width:30%; margin-left:1%; margin-bottom:1%;}
	.menu_list_box > ul > li.last > ul > li:first-child{width:38%; margin:0 0 1% 0;}

	.menu_list_box > ul > li.last > ul > li:nth-child(4){width:32.5%; margin:0 0 1% 0;}
	.menu_list_box > ul > li.last > ul > li:nth-child(5){width:32.5%;}
	.menu_list_box > ul > li.last > ul > li:nth-child(6){width:32.5%;}


	/*하단*/
	.foot ul li:nth-child(1){min-width:auto;}
	.foot ul li a{display:block; padding:0 15px; font-size:15px; color:#fff; font-weight:400;}
	.foot ul li a span{display:block;}
	.foot ul li a span img{max-width:80px;}
	.foot ul li a strong{display:block; margin:12px 0; font-size:20px; color:#fff; font-weight:700;}

	.foot_family_box{width:90%;}
}

@media screen and (max-width: 960px){
	/*상단*/
	#header{background:none;}
	#header h1{left:3%; top:20px;}
	#header h1 img{max-width:200px;}
	#header .lnb{display:none;}

	.menu_box{left:auto; right:3%; top:15px; max-width:50px; font-size:13px;}

	.language{right:5%;}


	/*메뉴 리스트*/
	.menu_list_box > ul{margin-top:50px; padding:10%;}
	.menu_list_box > ul > li > p{min-width:100px; font-size:20px;}
	.menu_list_box > ul > li > ul > li > a{font-size:15px;}


	/*하단*/
	.foot{padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.5);}
	.foot ul li{display:block; float:left; width:33.3333%; height:150px; margin-top:30px; border-left:0;}
	.foot ul li:nth-child(1){min-width:auto; margin-top:0;}
	.foot ul li:nth-child(2){margin-top:0;}
	.foot ul li:nth-child(3){margin-top:0;}

	.foot ul li a{display:block; padding:0 15px; font-size:15px; color:#fff; font-weight:400; text-align:center;}
	.foot ul li a span{display:block;}
	.foot ul li a span img{max-width:80px;}
	.foot ul li a strong{display:block; margin:12px 0; font-size:17px; color:#fff; font-weight:700;}

	.foot_family_box{width:100%; margin:0 auto; padding:2% 0;}
	.foot_family_box .left{float:none; width:100%; padding-top:10px; color:#fff; font-size:15px; text-align:center;}
	.foot_family_box .left a{display:inline-block; margin-bottom:10px; color:#fff; font-size:15px;}
	.foot_family_box .right{float:none; text-align:center; color:#fff; font-size:15px;}
	
	.foot_family_box .right dl{display:table; margin:0 auto;}

}

@media screen and (max-width: 640px){
	.menu_box{max-width:40px; font-size:13px; letter-spacing:0;}
	.menu_box span{margin-bottom:6px;}

	.indicator{display:none;}

	/*메뉴 리스트*/
	.menu_list_box{width:80%;}
	.menu_list_box > ul{margin-top:20px;}
	.menu_list_box > ul > li{margin:0; padding:25px 0;}
	.menu_list_box > ul > li > p{display:block; width:100%; min-width:auto; cursor:pointer;}
	.menu_list_box > ul > li > ul{display:none; margin-top:10px;}
	.menu_list_box > ul > li > ul > li{position:relative; float:none; margin:0; padding-left:10px;}
	.menu_list_box > ul > li > ul > li::before{content:""; position:absolute; left:0; top:13px; width:3px; height:3px; background:#333;}
	.menu_list_box > ul > li > ul > li > a{font-size:15px;}

	.menu_list_box > ul > li.last > ul{display:block;}
	.menu_list_box > ul > li.last > ul > li{float:left; width:49%; margin:1% 0 1% 1%;; padding:0;}
	.menu_list_box > ul > li.last > ul > li::before{content:""; position:absolute; left:0; top:13px; width:0; height:0; background:none;}
	.menu_list_box > ul > li.last > ul > li:first-child{width:49%; margin:1% 0 1% 1%;}
	.menu_list_box > ul > li.last > ul > li:nth-child(4){width:49%; margin:1% 0 1% 1%;;}
	.menu_list_box > ul > li.last > ul > li:nth-child(5){width:49%;}
	.menu_list_box > ul > li.last > ul > li:nth-child(6){width:49%;}

	.menu_list_box > ul > li.on > ul{display:block;}

	.menu_list_box p.close_btn{right:5%; top:2%;}


	/*하단*/
	.foot ul{width:100%;}
	.foot ul li{display:block; float:left; width:33.3333%; min-height:100px; padding:2% 0; margin-top:30px; border-left:0;}
	.foot ul li:nth-child(1){min-width:auto; margin-top:0;}
	.foot ul li:nth-child(2){margin-top:0;}
	.foot ul li:nth-child(3){margin-top:0;}

	.foot ul li a{display:block; padding:0 15px; font-size:12px; color:#fff; font-weight:400; text-align:center;}
	.foot ul li a span{display:block;}
	.foot ul li a span img{max-width:50px;}
	.foot ul li a strong{display:block; margin:12px 0; font-size:15px; color:#fff; font-weight:700;}


	.foot_family{width:100%; margin:0 auto; padding:2% 0;}
	.foot_family .left{font-size:12px;}
	.foot_family .left a{display:inline-block; margin-bottom:10px; color:#fff; font-size:12px;}
	.foot_family .right{float:none; margin-top:10px; text-align:center; color:#fff; font-size:12px;}

}