@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

*{font-family: 'Nanum Gothic', sans-serif;}

html, body {margin:0px; padding:0px; font-size:12px; font-family: 'Nanum Gothic', sans-serif;  font-size:0;}
body, div, table, td, li, p, span{font-size:12px; color:#575757; font-family: 'Nanum Gothic', sans-serif;  }

img {border:0px; margin:0px}
table img {vertical-align:top;}

form,p { }
input {font-size:12px; font-family: 'Nanum Gothic', sans-serif; color:#575757; vertical-align: middle; }
select { font-size:12px; font-family: 'Nanum Gothic', sans-serif; color:#575757; border:1px solid #bfbfbf; vertical-align: middle; }
textarea {font-size:12px; font-family: 'Nanum Gothic', sans-serif; color:#575757; border:1px solid #bfbfbf; }

ul,li,dl,dt,dd {font-size:12px;font-family: 'Nanum Gothic', sans-serif; color:#575757; list-style:none; margin:0px; padding:0px;}

a:link {font-family: 'Nanum Gothic', sans-serif; text-decoration:none; color:#575757; }
a:hover {text-decoration:none; color:#48a0cc;}
a:visited {text-decoration:none; color:#575757;}
/*a img {max-width:100%; margin:0px}*/

.fl {float:left;} .fr { float:right;} .fc { float:center;}
.cb {clear:both;}
.vm {vertical-align:middle;}
.tc {text-align:center;} .tl {text-align:left;}
.block {display:block;}
.fw {font-weight:bold;}

.bd_n {border:0 none;}

.f11 {font-size:11px;}

.mr6 {margin-right:6px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

.pr40 {padding-right:38px;}
.pr70 {padding-right:70px;}






/*#wrap { margin:0 auto; } */
#wrap{width:100%; min-width:980px; margin:0 auto;}

/*================================
	°øÅë : header
================================*/

#header{width:100%; background:#315396; top:0px; height:174px; z-index:3;}
#header .top{ }
#header .headerTop{
	width:1000px;
	margin:0 auto;
	padding-top:15px;
}
#header .headerTop .util2{
	float:left;
	margin-left:40%;
	width:170px;
	z-index:9999;
}
#header .headerTop .util{
	float:right;
	margin-top:14px;
	z-index:9999;
}
#header .headerTop .util ul{overflow:hidden;}
#header .headerTop .util ul li{float:left; padding:0 9px 0 0px;}
#top_navi_wrap{
	min-height:112px;
	z-index:100000;
	background:url(../images/subbar.png) repeat-x left bottom;
}
.top_navi_con{
	width:1000px;
	margin:0 auto;
	padding-top:35px;
}

/* ¸Þ´º½ÃÀÛ */
#gnb{
	width:1100px;
	overflow:hidden;
}
.gnb_li{float:left;}

.gnb_li2, .gnb_li3, .gnb_li4, .gnb_li5, .gnb_li6, .gnb_li7, .gnb_li8, .gnb_li9, .gnb_li10{
	margin-left:47px;
}




.sgnb{
	overflow:hidden;
	position:relative;
	display:none;
	width:980px;
	margin:7px 0 10px 0;
	z-index:100000;
}
.sgnb1{
	left:-1px;
	width:500px;
}
.sgnb2{
	left:5px;
	width:350px;
}
.sgnb3{}
.sgnb4{}
.sgnb5{
	left:5px;
	width:628px;
}
.sgnb6{
	left:-219px;
	width:628px;
}
.sgnb10{
	left:-46px;
	width:97px;
}
.sgnb_li{
	float:left;
	margin-right:6px;
}


a.on:link, a.on:visited, a.on:active { text-decoration:none; color:#00f6ff;}
a.on:hover { text-decoration:none;color:#00f6ff;}






























#contents { width:100%; margin:0 auto; border:0px solid red; overflow:hidden; }
.container_left { float:left; }
.container_right { float:right;}
.nbsp { float:left; width:16px; background:#fff; }

.title { float:left; width:750px; }
.title_mall { float:left; width:980px; }
.loc { float:right; color:#888888; text-align:right;}
.loc a{ color:#888888; }
.line { color:#888888; }


#cont_m {background:url(../images/bg_cont_m.gif) no-repeat bottom center;}
#news_m .num {font-size:11px;}
#news_m .bl {margin-top:6px;}

#cont_s {border-bottom:1px solid #ccc; padding-bottom:40px;}
#cont_s .page {background:url(../images/common/bg_sub_all.gif) no-repeat top center;}
#cont_s .page .tit_s {border-bottom:1px solid #58acd0;}
#cont_s .page .tit_s p {float:right; margin-top:7px; font-size:11px;}

.lnb_s a {margin-bottom:8px; display:block;}

{display:block; margin:50px 20px; width:710px;}

.smap {width:700px; display:table;}
.smap td {padding:5px}
.smap .tit {width:130px; font-size:14px; font-weight:bold; background:#d6e9ff; padding-left:10px}
.smap .tit a:link {color:#28377a;}
.smap .tit a:hover {color:#1733b0; text-decoration:underline;}
.smap .tit a:visited {color:#28377a;}
.smap .menu {border-bottom:1px solid #cdd8f8}


#copyright {margin:0 auto; height:120px; text-align:center; padding-top:15px}
#copyright .logo {margin-left:40px; margin-right:50px;}
#sub_copy {background:url(../images/sub/bottom_bg.jpg) repeat-x; padding-top:28px}



/* IE6 PNG OPACITY EXPRESSION */
.png24 {tmp:expression(setPng24(this));}


#wrapper {width:1000px; margin:0px auto}

.sliderbutton {float:left; width:32px; padding-top:160px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:1000px; height:423px; border:2px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:450px; height:517px; padding-right:0px}

.pagination {float:left; list-style:none; height:25px; margin:5px 0 0 32px}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}

li#content {width:450px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

.cer {border:3px solid #dfdfdf; padding:4px; background:#ffffff}


#mall
a.m_title:link, a.m_title:visited, a.m_title:active { text-decoration:none; color:#666666; letter-spacing:0;}
a.m_title:hover { text-decoration:underline; color:#666666; letter-spacing:0;}
.m_title {letter-spacing:0;}

.m_img1 {border:1px solid #e8e2d7; margin-bottom:12px;}
.m_img2 {border:1px solid #eaeaea; margin-bottom:6px;}
.m_img3 {border:1px solid #eaeaea;}
.m_price {font-size:12px; font-family:tahoma;  color:#666666; /*°Ü¿ïcolor:#2b93e2;*/ text-align:center;letter-spacing:0; font-weight:bold;}
.total {letter-spacing:0;}

.m_subject {padding:16px 0; font-size:18px; font-weight:bold; font-family:sans-serif;}
.m_description {font-size:12px; font-weight:normal; color:#898989;letter-spacing:0;}
.m_option1 {font-weight:bold;letter-spacing:0; font-size:12px;}
.m_option2 {letter-spacing:0; color:#898989; font-size:12px;}
.m_detail {font-size:16px; font-weight:bold; border-bottom:1px solid #747474; height:60px;}

.m_input {background-repeat:no-repeat; background-position:center; background-image:url(../images/box_bg.gif); height:20px; width:40px; border-width:1; font-family:Verdana; font-size:8pt; color:#545454;}


 .clear:after{
	content:"";
	clear:both;
	display:block;
}

.font{
	font-size:14px;
	font-weight:bold; 
	color:#444444;
}



#container{overflow:hidden; position:relative; width:100%;  background:url(../images/sub_bg.gif) repeat-x left top; }
#container #contentss{overflow:hidden; position:relative; width:1240px; margin:0 auto; padding:0; top:-33px; margin-left:332px;}

#left{
	float:left;
	width:204px;
	margin-top:33px;
}
@media screen and (max-width: 1280px){
	#container #contentss{
		margin-left:130px;
	}
}


/*
#left ul {width:204px; padding:0px 0 44px 0px; margin:0px; border-top:1px solid #d5d5d5;}
#left ul li {height:38px; border-bottom:1px solid #d5d5d5; padding-left:20px;}
#left ul li a { line-height:38px; }

#left ul li:hover > a{color:#333333; }
#left ul li.on{background:url("../images/lm/leftmenu_0103_on.gif") no-repeat center top; color:#ffffff !important;}
*/
a.on:link, a.on:visited, a.on:active { text-decoration:none; color:#ffffff !important; font-weight:bold;}
a.on:hover { text-decoration:none;color:#ffffff;}

#right{overflow:hidden; float:left; position:relative; width:900px; top:13px; padding:0;margin-left:50px;}
#right .visual{position:relative; width:750px; height:150px;}
#right .visual img {margin-top:20px;}
#right .location{border-bottom:0px solid #d7dade; margin-top:10px;}
#right .location .local{padding:4px 0 0 0; font-size:12px; color:#898989;}
#right .location .local span{margin:0 4px 0 4px; padding:0 0 0 0px;}
#right .location .title {font-size:22px; font-weight:bold; color:#666666; }
#right .con {position:relative; overflow:hidden; margin:40px 0 80px 0; min-height:460px;}


/* ȸ»ç¿¬Çõ */
div.TabView1 div.Tabs1{height:32px; margin:0 0 60px 0;font-size:18px}
div.TabView1 div.Tabs1 a {float:left; font-weight:bold; display:block; width:176px; text-align:center;text-decoration:none; height:30px; padding:6px 0 0 0; margin-right:4px; border-bottom:5px solid #eaeaea;}
div.TabView1 div.Tabs1 a:hover, div.TabView1 div.Tabs1 a.Active{border-bottom:5px solid #1261ac; color:#1261ac;}
div.TabView1 div.Pages1{width:900px; height:100%;overflow:hidden; margin:0 auto;}



.page01, .page02, .page03, .page04, .page05, .page06, .page07, .page08, .page09, .page10, .page11, .page12, .page13{
	width:100%;
	height:200px;
	margin-top:30px;
	text-align:center;
	border-bottom:1px solid #2c4a88;
	border-top:1px solid #2c4a88;

}

.page01{background:url('../images/sub_img.jpg')repeat;}
.page02{background:url('../images/sub_img.jpg')repeat;}
.page03{background:url('../images/sub_img.jpg')repeat;}
.page04{background:url('../images/sub_img.jpg')repeat;}
.page05{background:url('../images/sub_img.jpg')repeat;}
.page06{background:url('../images/sub_img.jpg')repeat;}
.page07{background:url('../images/sub_img.jpg')repeat;}
.page08{background:url('../images/sub_img.jpg')repeat;}
.page09{background:url('../images/sub_img.jpg')repeat;}
.page10{background:url('../images/sub_img.jpg')repeat;}
.page11{background:url('../images/sub_img.jpg')repeat;}
.page12{background:url('../images/sub_img.jpg')repeat;}



#footer{
	width:100%;
	min-width:1100px;
	background:#fff;
}
#footer .foot{
	margin:0 auto;
	width:1100px;
	min-width:1100px;
}
#footer .foot2{
	margin:0 auto;
	width:520px;
}
.top_footer{
	width:100%;
	height:64px;
	line-height:64px;
	background:#373737;
}

#footer .logo{
	margin:13px 0 0 0;
	text-align:center;
	height: 33px;

}
#footer .foot{
	padding:20px 0;
	line-height: 18px;
	font-size:12px;
	text-align:right;
	color:#898989;
}

#footer .bar2 {
padding:0 10px;
color:#898989;
}

.page_img{
	
}

.page_title{
	margin:30px 0 30px 0;
	font-size:25px;
	font-weight:700;
	font-family: 'NanumSquare', sans-serif;
	color:#333333;
}
.page_text{
	line-height:35px;
	font-size:18px;
	font-weight:400;
	font-family: 'NanumSquare', sans-serif;
	color:#333333;
}

.col{
	color:#3b55b4;
	font-family: 'NanumSquare', sans-serif;
	font-size:18px;
}

.tx_box1 {
    display: inline-block;
    margin-right: 1px;
    padding: 13px 0 0 18px;
    font-size: 18px;
    width: 22px;
    height: 22px;
    line-height: 18px;
    color: #fff;
    background: #3b55b4;
}

.tx_box2 {
    display: inline-block;
    margin-left: 1px;
    padding: 0 13px 18px 0;
    font-size: 18px;
    width: 25px;
    height: 20px;
    line-height: 24px;
    color: #fff;
    background: #3b55b4;
}

.add_box {
    width: 1105px;
    margin: 0 auto;
    height: 80px;
    border: 1px solid #e4e4e4;
    margin-top: 10px;
    margin-bottom: 20px;
	background: #f9f9f9;
}

.add_txt{
    margin: 10px 13px;
    font-size: 13px;
    line-height: 20px;
    color: #898989;
}