@import url(common.css);
img {
	
	
}
.bold { font-weight : bold;}
.inbox {
	width : 95.3125%;
	margin : 0 auto;
}
.header {
	padding : 10px 0;
	position : relative;
	z-index : 10;
	background-color :#fff;
	height:25px
}
.header  .inbox {
	position : relative;
}
.header h1 {
	width : 22.622%;
	margin : 0 auto;
}
.header  .h_bg { position : absolute; top : 100%;}
.header>div>.menubtn {
	position : absolute;
	left : 0;
	top : 22%;
	display : block;
	width : 10.16%;
	cursor : pointer;
}
.header>div>a {
	position : absolute;
	right : 0;
	top : 7%;
	display : block;
	width : 9.18%;
	
}
.header>div>.instar {
	position : absolute;
	right : 11.5%;
	top : 2%;
	display : block;
	width : 7.18%;
	
}
.header>div>.instar1 {
	position : absolute;
	right : 20%;
	top : 2%;
	display : block;
	width : 7.18%;
	
}
.gnb {
	position : absolute;
	width : 50%;
	top : 100%;
	z-index : 10;
	display : none;
	
}
.gnb .close {
	position : absolute;
	top : 25%;
	right : 2%;
	color : #ddd;
	font-size : 1.05em;
	font-weight : bold;
	cursor : pointer;
}
.gnb h3 {
	position : relative;
	width : 100%;
	background-color : #404348;
	padding : 5% 0;
	color : #fff;
	font-size : 1em;
	text-align : center;
	letter-spacing : -0.8px;
	font-weight : 100;
}
.gnb>ul>li span{position : relative;display : block; background : url(../images/menulist.png) no-repeat 11.25% 50% #f4f9f9; background-size : 2.5%; color :#404348; font-weight : bold; padding : 5% 0 5% 17.1875%;border-bottom : 1px solid #dfdfdf;}
.gnb>ul>li span.active{background : url(../images/menulist_h.png) no-repeat 11.25% 50% #f4f9f9; background-size : 2.5%; color :#08c3cc;}
.gnb>ul>li span img {display : inline-block; width : 5.9375%; float : right; margin-right : 9%; margin-top : 2%;}


.titlebox {
	width : 78.20%;
	font-size : 0.9em;
		font-weight : bold;
		margin : 7% 0;
}
.more {
	width : 21.79%;
	font-size : 0.7em;
padding-top: 1.5%;
	margin : 6.5% 0;
		font-weight : bold;
}
.titlebox>img {
	display : inline-block !important;
	width : 8.78% !important;
	margin-right : 5.85%;
}
.titlebox img, 
.titlebox span {
	vertical-align : middle;
}


.more img, 
.more span {
	vertical-align : middle;
}
.more>img {
	display : inline-block !important;
	width : 15.34% !important;
	margin-left : 0.5%;
}
.subbox {
	width : 87.7%;
	padding-left : 19.3%;
	background-color : #fff;
	margin-left : -6.875%;
	display : none;

}
.subbox ul {
	margin-left : -21.875%;
}
.subbox li {


	
}
.subbox li a {
	display : block;
	color : #7d7d7d;
	font-size : 0.8em;
		padding : 5% 0 5% 23.7%;
	background : url(../images/sub_bg.png) no-repeat 19% 50%;
	background-size : 3%;
	border-bottom : 1px solid #dfdfdf;
}
.subbox li a:hover {
	color : #7d7d7d;
}




.visual .slide {
	position : relative;
	width : 100%;
	overflow : hidden;
}

.visual .owl-wrapper {
	width : 500%;
}
.visual .owl-item{
	float : left;
	width : 20%;

}
.owl-pagination {
	display : none;
	position : absolute;
	bottom : 2%;
	width : 100%;
	text-align : center;
	
}

.owl-theme .owl-controls .owl-buttons div{
	display : none;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	border : 1px solid #dadada;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background-color : #fff;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}


.visual .slide .slidebtn {
	position : absolute;
	bottom : 6.1%;
	text-align : center;
	width : 100%;
	
}
.visual .slide .slidebtn span {
	display: inline-block;
	width : 3.6%;
	margin-right : 2.65625%;
	cursor : pointer;

}
.visual .menu{}
.visual .menu li {
	width : 20%;
	float : left;
	background : url(../images/menu_line.png) no-repeat 100% 0 #323232;
	background-size : 1.5%;
}
.visual .menu li:hover {
	background-color : #08c3cc;
}
.visual .menu li.last:hover {
	background-color : #08c3cc !important; 
}
.visual .menu li.last {
	background : 0 !important;
		background-color : #323232 !important;
}
.visual .menu li a{
	display : block;
	width : 100%;
	padding : 30% 0;
}
.visual .menu li a img {
	
	margin : 0 auto;
}
.menu1 a img {
	width : 26.5625% !important;
}
.menu2 a img{
	width : 27.5625% !important;
}
.menu3 a img{
	width :26.5625% !important;
}
.menu4 a img {
	width : 38.78125% !important;
}
.menu5 a img {
	width : 26.0625% !important;
}

.contents {
	margin-top : 2.5%;
}
.contents .mg img{
	margin : 3% 0;
}
.contents h3 {
	color : #08c3cc;
	font-weight : bold;
	font-size : 0.95em;

}
.contents h3 span {
	color : #abafb5;
	font-size : 0.65em;
	letter-spacing : -0.8px;
}
.contents .con1 >a {display : block; margin-bottom : 2.5%;}
.contents .con1 ul li {float : left; width : 50%; margin-bottom : 2.5%;} 
.contents .con1 ul li a{display : block; width : 97.70491803279%;}
.contents .con1 ul li.a_right a{float : right;}
.contents .con2 {
	margin-top : 4%;
}
.contents .con2 h3 {
	margin-bottom : 4%;

}
.contents .con2 ul {
	width : 99.6721%;
		background-color : #f3f3f3;
	border : 1px solid #dadada;
}
.contents .con2 li {
	float: left;

	background-color : #f3f3f3;
	
}
.contents .con2 .left {
	width : 49.6721%;
	border-right : 1px solid #dadada;
}

.contents .con2 li a {
	display : block;
	width : 100%;
	text-align : center;
	color : #4a4a4a;
	font-size : 0.7em;
	font-weight : bold;
}
.contents .con2 li a img{

}
.contents .con2 .right { 
	width : 50%;
}
.con2_1 a img{
	width : 18.2%;
		margin : 0 auto 6%;
}

.con2_2 a img{
	width : 20.327%;
		margin : 0 auto 1.5%;
}
.con2_3 a img{
	width : 22.2%;
		margin : 0 auto 5%;
}
.con2_4 a img{
	width : 13.77%;
		margin : 0 auto 4.5%;
}
.con2_4,
.con2_3  {
border-top : 1px solid #dadada;
}

.con2_1 a{
	padding: 9.2% 0;
	
}
.con2_2 a{
	padding: 5.9% 0 9.2%;
}
.con2_3 a{
	padding: 7.5% 0;
}
.con2_4 a{
	padding: 8% 0;
}

.con3 {position :relative; margin-top : 4%;}
.con3>a {
	position : absolute;
	top : 0;
	right : 0;
	color : #54575c;
	font-size : 0.7em;
		font-weight : bold;
}
.con3>a:hover {
	color : #54575c;

}
.con3 .conslide {
	padding-top : 4%;
	margin-top : 3%;

	border-top : 1px solid #dadada;
}
.cs_box {
	position: relative;
	width : 92.185%;
	margin: 0 auto ;
	padding-bottom: 50px;
	
}
.cs_box .slider1{
	width: 100%;
	overflow: hidden;
}

.cs_box .owl-wrapper {
	width : 200%;
}
.cs_box .owl-item{
	float : left;
	width : 50%;

}

/*  슬라이더 */

.cs_box .owl-pagination {
	display : block;
	width : 100%;
	text-align : center;
	
}

.cs_box .owl-theme .owl-controls .owl-buttons div{
	display : none;
}
.cs_box .owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.cs_box .owl-theme .owl-controls .owl-page span{
	display: block;
	width: 19px;
	height: 19px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	background: url(../images/conslidebtn1.png) no-repeat !important;
}

.cs_box .owl-theme .owl-controls .owl-page.active span,
.cs_box .owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background: url(../images/conslidebtn2.png) no-repeat !important;
}

/* If PaginationNumbers is true */

.cs_box .owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}



/* ---------------- */

.last {

}



.con4 {

	margin-top : 4%;
}
.con4 h3 {
	margin-left : 2.787%;
	margin-top : 5%;
	margin-bottom : 3%;
}


.notice {
	position : relative;
	padding-bottom: 2%;
}
.notice> a{
	position : absolute;
	top : 0;
	right : 2.2787%;
	font-size : 0.7em;
	color : #54575c;
		font-weight : bold;
}
.notice ul {
	width : 94.426%;
	margin : 0 auto;
}
.notice li {
	padding-bottom : 2%;
	margin-bottom : 2%;
	border-bottom : 1px solid #e6e6e6;
}
.notice li a{
	display : inline-block;
	font-size : 0.7em;
	color : #54575c;
		font-weight : bold;
}
.notice li img{
    width: 3% !important;
    display: inline-block !important;
    vertical-align: middle;
}


.con5 {
	margin : 4% 0;
}

.con5 ul li {
	float : left;
	width : 49.18%;
}

.con5_1 {
	margin-right : 1.47%;
}
.bgbox {
	display : none;
	position : fixed;
	z-index : 1;
	width : 100%;
	height : 100%;
	background : url(../images/bgbox.png) repeat;
}
.bgbox1 {
	display : none;
	position : fixed;
	z-index : -1;
	width : 100%;
	height : 100%;
	background : url(../images/bgbox.png) repeat;
	top:0;
	left:0;
}

.footer {
	padding : 5% 0 5%;
	background-color : #333333;
} 

.footer>.add {
	text-align :center;
	color :#c6c6c6;
	font-size : 0.8em;
	line-height : 1.5em;

}


.f_btn {margin-top : 5%;text-align :center; color :#686868;font-size : 0.75em;}
.f_btn>a {color :#c6c6c6; font-size : 1em;}




.sub_footer {
	position :relative;
}
.sub_footer>a{
	display : block;
	width : 10%;
	margin : 0 auto;
}
.sub_footer ul {
	border-top : 1px solid #dadada;
}
.sub_footer ul li{
	float : left;
	width : 25%;
	text-align : center;
	background-color :#f3f3f3;
}
.sub_footer ul li a{
	display : block;
	font-size : 0.7em;
	color : #6e6e6e;
	border-right : 1px solid #dadada;
	
}
.sub_footer ul li a img {
	display : block;

}
.fmenu1 img { width : 31.25%; margin : 0 auto 7%;}
.fmenu2 img { width : 31.25%; margin : 0 auto 9%;}
.fmenu3 img { width : 31.25%; margin : 0 auto 3%;}
.fmenu4 img { width : 21.875%; margin : 0 auto 6%;}

.fmenu1 a {padding : 17% 0 15%;}
.fmenu2 a {padding : 20% 0 16%;}
.fmenu3 a {padding : 16% 0 16%;}
.fmenu4 a {padding : 16% 0 16%;}


.rightmenu {
	position : absolute;
	right : 0;
	top : 100%;
	width : 37.5%;
	display : none;
	background: rgba(124,124,124,0.9);
	z-index : 2;
}
.rightmenu li {
	

	border-bottom : 1px solid #a9a9a9;

}
.rightmenu li  a {
	display : block;
	color : #fff;
		font-size : 0.8em;
	padding : 7% 0 7% 9.16%;
}	
.rightmenu .last {
	border : 0 !important;
}



/* 로그인*/


#mb_login img{width :100%;}
#mb_login {margin:0 auto;padding:13% 0;width:95%}
#mb_login h3 {width : 41.44%; padding : 2% 0; margin : 0 auto; background : url(../images/login_t.png) no-repeat; border-bottom : 0 !important; background-size : 100%;}
#mb_login>p {margin:2% 0; color : #797c83; font-size : 0.6em; letter-spacing : -0.6px; text-align : center;}
#mb_login #login_fs {
    position: relative;
    margin: 0 auto;
    text-align: left;
    padding: 20px 0 20px 10.67%;
    border-top: 2px solid #08c3cc;
    background: #fff;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#mb_login #login_fs label,
#mb_login #login_fs input { vertical-align : middle;}
#mb_login #login_fs label {color : #575246; font-size : 0.6em; }
#mb_login #login_fs .login_id { margin-right: 3.618%;}
#mb_login #login_fs .login_pw { margin-right: 0.5%;}                                           
#mb_login #login_fs .frm_input {display:inline-block; width : 47.375%; height : 19px; border :1px solid #dcdcdc; margin-right: 20px; }
#mb_login #login_fs .btn_submit {display : inline-block; width:60px;height:53px}
#mb_login #login_info {margin:0 0 2%;padding:5% 0 5% 9.868%;border-top : 1px solid #dcdcdc;border-bottom : 1px solid #dcdcdc;background:#f7f7f7}
#mb_login #login_info div {text-align:left}
#mb_login #login_fs>span { margin-top : 1%; display : block; text-align : left;}
#mb_login #login_info div a.btn02 {display : inline-block; padding-right : 4.27%; background : url(../images/login_l.png) no-repeat 100% 50%; margin-right : 4.605%; background-size : 0.9%; width : 35.855%}
#mb_login #login_fs .log_submit {position : absolute; top : 26%; right : 19%; width : 13.006%; background : url(../images/log_submit.png) no-repeat; border : 0; background-size : 100%; padding : 5%;}

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


#mb_login #login_info div a.btn03{display : inline-block; width : 50.657%;}

#eye_title{display:inline-block; font-size:1.1em; margin:2% 0 5% 2.5%; font-weight:bold; clear:both;padding-top:20px; border-bottom:1px solid #dcdcdc; width:95.3125%; padding-bottom:1.5%;}



#reg_result {margin:0 auto;padding:13% 0;width:95%}
#reg_result>h3 {width : 56.414%; background : url(../images/reg_com_t.png) no-repeat 50%; background-size : 100%; margin : 0 auto; padding : 2% 0;}
#reg_result >.reg_ment{color :#797c83; font-size : 0.8em; margin : 1% 0 3%; padding-bottom : 1%; border-bottom :2px solid #08c3cc; text-align : center;}
#reg_result .reg_box{border-top : 1px solid #dcdcdc; border-bottom : 1px solid #dcdcdc; padding : 4% 2%; background-color : #f7f7f7; line-height : 1.3em; color :#797c83; font-size : 0.8em; text-align : left !important;}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .reg_btn {display : block; margin : 0 auto; width : 35.03%; background : url(../images/reg_com_btn.png) no-repeat; background-size : 100%; padding : 3% 0; margin-bottom : 4%;}

/*---------------------------팝업 -----------------*/
#divpop{position:absolute; top:40px; left:0; width:100%; z-index: 100; visibility:hidden;}
#divpop2{position:absolute; top:35.5%; left:0; width:100%; z-index: 100; visibility:hidden;}
#divpop3{position:absolute; top:71%; left:0; width:100%; z-index: 100; visibility:hidden;}

@media (min-width: 321px) and (max-width:411px) {
#divpop{position:absolute; top:40px; left:0; width:100%; z-index: 100; visibility:hidden;}
#divpop2{position:absolute; top:36%; left:0; width:100%; z-index: 100; visibility:hidden;}
#divpop3{position:absolute; top:72%; left:0; width:100%; z-index: 100; visibility:hidden;}

}
@media (min-width: 412px) and (max-width:767px) {
	#divpop{position:absolute; top:20px; left:0; width:100%; z-index: 100; visibility:hidden;}
	#divpop2{position:absolute; top:36.5%; left:0; width:100%; z-index: 100; visibility:hidden;}
	#divpop3{position:absolute; top:73%; left:0; width:100%; z-index: 100; visibility:hidden;}
}
@media (min-width: 767px) and (max-width:1000px) {
	#divpop{position:absolute; top:40px; left:0; width:100%; z-index: 100; visibility:hidden;}
	#divpop2{position:absolute; top:37.6%; left:0; width:100%; z-index: 100; visibility:hidden;}
	#divpop3{position:absolute; top:75.2%; left:0; width:100%; z-index: 100; visibility:hidden;}
}	
@media (min-width: 1001px){
	#divpop{position:absolute; top:40px; left:0; width:100%; z-index: 100; visibility:hidden;}
	#divpop2{position:absolute; top:38.6%; left:0; width:100%; z-index: 100; visibility:hidden;}
	#divpop3{position:absolute; top:77.2%; left:0; width:100%; z-index: 100; visibility:hidden;}
}