@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,dl,dt,dd,table,th,td,caption,
form,fieldset,legend,hr,input,button,textarea,label{margin:0; padding:0;}
li{list-style:none;}
img,fieldset{border:0;}

li{line-height:100%;}
table{border-collapse:collapse; width:100%;}
input,select,textarea,button{font-family:"mg"; font-size:12px; color:#333;}
img,input,select{vertical-align:middle;}
address,caption,em{font-weight:normal; font-style:normal;}
hr{display:none;}
html{width:100%; height:100%;}
body{width:100%; height:100%; font-family:"mg"; font-size:14px;
color:#333; line-height:20px;}
a{color:#333; text-decoration:none;}
a:visited,a:hover,a:active,a:focus{color:#333;text-decoration:underline;}
caption,legend{width:0; height:0; font-size:0; text-indent:-9999px; overflow:hidden;}
.hide{width:0; height:0; font-size:0; text-indent:-9999px; overflow:hidden;}
table{width:100%;}
#skipNav a{display:block; position:absolute; left:0; top:-10000px; 
text-align:center; width:100%; height:30px;
z-index:500; line-height:30px; font-weight:bold; font-size:14px;}
#skipNav a:hover,#skipNav a:focus,#skipNav a:active{background:#ccc; top:0}
h1,h2,h3,h4,h5,h6{font-family:"mg"; font-size:12px; color:#333}

/*초기화*/
* {
	margin:0; 
	padding:0;
}
ul {
	list-style:none;
}
a:link {
	text-decoration:none;
}

img {
	border:none;
}
html {
	font-family: 'Lato', sans-serif;
}
/****************************** Interface 버튼 정렬, 강조 컬러, 사용자 테이블 등(사용하지 않을거면 지워도 무방) ******************************/


/*TOP CSS*/
#top {
	width:100%;
}
#top .tobber {
	height:40px;
}
#top .tobber .bar {
	width:1px;
	height:16px;
	background-color:#787878;
	margin-bottom:2px;
}
#top .tobber .tobber-box {
	width:1548px;
	margin: 0 auto;
}
#top .tobber ul {
	float:right;
	margin:14px 178px 0 0;
}
#top .tobber li {
	float:left;
	margin-left:12px;
}
#top .tobber a {
	font-size:13px;
	color:#787878;
	letter-spacing:-.5px;
}
#header {
	width:100%;
	background-color:#3e3e3e;
	border-top:1px solid #9a9a9a;
	border-bottom:1px solid #dcdcdc; 
}
#header .header_inner {
	width:1137px;
	margin:0 auto;
}
#header #logo_wrap {
	float:left;
	margin:32px 160px 0 4px;
}
.nav-bar {
	width:1px;
	height:15px;
	background-color:#787878;
	margin:47px -25px;
}
#gnb >li {
	float:left;
}
#gnb > li > a {
	font-size:17px;
	line-height:17px;
	letter-spacing:.5px;
	color:#fff;
	display:inline-block;
	margin:45px 50px 0 0;
}
#gnb > li > ul {
	position:relative;
	z-index:3;
	padding-top:70px;
}
#gnb > li > ul > li {
	padding-bottom:15px;
}
#gnb > li > ul > li > a{
	font-size:14px;
	color:#707070;
	display:block;
}
#gnb > li > a:hover, #gnb > li > a:focus {
	color:#449dc7;
}
#gnb > li > ul > li > a:hover, #gnb > li > ul > li > a:focus {
	color:#000;
}
.navi-box {
	width:100%; 
	height:219px;
	background:#fff;
	overflow:hidden;
	position:absolute; 
	left:0; 
	top:142px; 
	z-index:2;
}


/* top pop */

.top_pop{position:fixed;z-index:999999;width:100%;top:0;left:0;right:0;bottom:0;border:30px solid #147cbf;background:#fff;box-sizing:border-box;}
.top_pop img{display:inline-block;position:absolute;top:50%;left:50%;margin-left:-250px;margin-top:-122px;}
.top_pop:before{content:'';display:inline-block;width:200px;height:200px;background:url('../image/pop1.png')no-repeat;position:absolute;left:-15px;top:-15px;background-size:200px;}
.top_pop:after{content:'';display:inline-block;width:200px;height:200px;background:url('../image/pop2.png')no-repeat;position:absolute;right:-20px;bottom:-20px;background-size:200px;}

/*wrapper2 CSS*/
#wrapper2 {
	width:100%;
	height:183px;
	margin-top:92px;
}
#main #wrapper2{
	margin-top:0;
}
#wrapper2 .bottom {
	height:40px;
	background-color:#3e3e3e;
	border-top:3px solid #34c2d8;
}
#wrapper2 .bottom .banner-box2 {
	width:1548px;
	margin: 0 auto;
}
#wrapper2 .bottom .bot-left {
	float:left;
	margin:12px 0 0 160px;
}
#wrapper2 .bottom .bot-left a {
	color:#fff;
	font-size:13px;
	line-height:15px;
	letter-spacing:-.5px;
}
#wrapper2 .bottom .bot-left li {
	float:left;
	margin-right:37px;
}
#wrapper2 .bottom .bot-right {
	text-align: center;
	float:right;
	margin:6px 253px 0 0;
	font-size:14px;
}
#wrapper2 .bottom .bot-right a {
	color:#ababab;
	text-align:center;
	display:inline-block;
	line-height:23px;
}
#wrapper2 .bottom .bot-right li {
	float:right;
	width:140px;
	height:25px;
	background-color:#2b2b2b;
	border:1px solid #1e1e1e;
	margin-left:10px;
}
#wrapper2 .bottom .bot-right .option li a{
	font-size:12px;
	padding:2px 0 4px;
}
#wrapper2 .footer {
	height:143px;
	background-color:#449dc7;
	border-top:1px solid #6ec0e6; 
}
#wrapper2 .footer .fot-left {
	float:left;
	margin:33px 0 0 160px;
}
#wrapper2 .footer img {
	margin-bottom:7px;
}
#wrapper2 .footer li {
	color:#add4e6;
	font-size:13px;
	letter-spacing:-.5px;
	margin-top:7px;
}
#wrapper2 .footer .fot-center {
	float: left;
	margin:33px 0 0 30px;
}
#wrapper2 .footer .fot-right {
	float:right;
	margin:14px 282px 0 0;
}
#wrapper2 .footer .fot-right li {
	float:left;
	margin-left:3px;
}
#wrapper2 .footer .banner-box3 {
	width:1548px;
	margin: 0 auto;
}


/* familysite */
#family_site{display:inline-block;overflow:hidden;position:relative;line-height:24px;}
#family_site.on{overflow:visible;}
#family_site .option{position:absolute;left:0;bottom:18px;right:-30px;padding:10px;z-index:10;}
#family_site .option li{vertical-align:top;line-height:1.5;}
#family_site .option li + li{}
#family_site .option a{display:block;}
#family_site .option a:hover{}
#family_site button{
    overflow: visible;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    white-space: nowrap;
    cursor: pointer;
}
#family_site button span{
	border:1px solid #1e1e1e;
	font-size:14px;
	text-align:center;
	position:relative;
    bottom:0;
	color:#ababab;
}