/* 공통S */
#wrapper {position:relative;}
/* 공통E */

/*체크박스 라디오박스 디자인*/

.WolfharuRadioCheckbox {
	
}
.WolfharuRadioCheckbox form { padding:20px 25px 5px 25px; }
.WolfharuRadioCheckbox fieldset { margin-bottom:15px; }
.WolfharuRadioCheckbox legend { padding-bottom:15px; font-weight:bold; font-size:17px; color:#3b5998; }

.WolfharuRadioCheckbox .para {}

.WolfharuRadioCheckbox p.ti { margin:0 0 15px; padding:8px 5px 5px 8px; font-weight:bold; font-size:15px; color:#333333; background-color:#f0f0f0; }
.WolfharuRadioCheckbox p { position:relative; line-height:14px;}
.WolfharuRadioCheckbox p label { color:#423c32; }

.WolfharuRadioCheckbox p>input[type="checkbox"], .WolfharuRadioCheckbox p>input[type="radio"] { position:relative; top:-1px; vertical-align:middle; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"], .WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"] { position:absolute; left:0; top:0; width:20px; height:20px; margin:0; opacity:0; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"] + label, .WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label {
	margin:0 0 0 0; padding:4px 0 2px 30px; display:inline-block; background:url(../images/check_radio_bg.png) no-repeat left top;
	width:100%; height:22px; display:block; background-size:36px auto !important;
}
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"] + label { background-position:left -50px; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:disabled + label { background-position:left -101px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked + label { background-position:left -25px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:checked:disabled + label { background-position:left -75px; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:disabled + label { background-position:left -127px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked + label { background-position:left -75px; }
.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:checked:disabled + label { background-position:left -175px; }

.WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="checkbox"]:focus + label, .WolfharuRadioCheckbox p:not(#cssbrowser)>input[type="radio"]:focus + label {
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6);
}



/*헤더*/


/* 전체메뉴S*/
#all_menu {position:absolute; z-index:9999; width:100%;display:none;background:#222;}
#all_menu dl dt{
	margin-bottom:1px;
	padding:3% 5%;
	font-size:1.2em;
	background:rgba(0,0,0,.5)
	
}
#all_menu dl dt:before{content:"▷ "; color:#fff;}
#all_menu dl dt a {
		color:#fff;
}
#all_menu dl dd {
	width:50%;
	float:left;
	margin-bottom:1px;
}
#all_menu dl dd:nth-child(2n){
	
}
#all_menu dl dd a {
	display:block;
	color:#fff;
	background:rgba(0,0,0,.2);
	padding:5% 0;
	font-size:1em;
	text-indent:24px;
}


#all_menu .all_m_b_close a {
	background:#000;
	padding:3% 0%;
	text-align:center;
	color:#fff;
	display:block;
}
/* 전체메뉴E*/

/* 메인 관련 S*/

/* 메인 버튼 크기 및 위치 */

/* 메인 버튼 크기 및 위치 index3*/
#wrapper .main_btn { position:relative;}
#wrapper .main_btn div a:nth-child(2n){border-left:1px solid #ddd;}
#wrapper .main_btn div a {
	background:#f3f3f3;
	float:left;
	width:50%;
	padding:5%;
	border-bottom:1px solid #ddd;
}

#wrapper header{background:#fff; border-bottom: 1px solid #bd122f;} 
#wrapper header div.com_area {padding:0 3%; position:relative; overflow:hidden; }
#wrapper header h1.logo {float:left; width:30%; line-height:0; margin:4% 0;}
#wrapper header h1.logo a {display:block;}
#wrapper header h1.logo a img{width:100%;}
#wrapper header a.all_menu {display:block; float:right; width:9%; line-height:0; margin:5% 0;}
#wrapper header a.all_menu img{width:86%;}

#wrapper header nav{position:relative; }
#wrapper header nav .dp1 {overflow:hidden;}
#wrapper header nav .dp1 a {width:20%; float:left;}
#wrapper header nav .dp1 a img {width:100%;}


footer {background:#222; text-align:center; color:#fff;}
footer .tel-num {border-bottom:1px solid #db0f32; padding:3%; font-size:15px; color:#fff;}
footer .tel-num img{width:6%;}
footer .tel-num a {color:#fff; font-weight:bold; font-size:18px;}
footer .company-info {margin-top:20px;  font-size:0.7em; line-height:1.4em; color:#b4b4b4;}
footer .company-info span {display:inline-block; margin:0px 5px; color:#fff;}
footer .company-info span:nth-of-type(3) {padding:0.3rem 0;}
footer .copyright {padding:20px 0; color:#e1e1e1; font-size:0.7em; letter-spacing:-0.04em;}
footer .made a{color:#eee; padding:0px 0px 20px;}


#contents h3 {font-size:15px; color:#133984; margin-bottom:3%;}
#contents .text_box01 {padding:0px 3%; text-align:justify;}
#contents .text_box01 p {text-align:right; font-weight:bold;}
#contents .text_box01 div.img {margin-bottom:3%;}
#contents .text_box01 div p {display:inline-block; width:30%;}
#contents .text_box01 div p img {width:100%;;}
#contents .s0101 {background:url(/mm/images/s0101_bg.jpg) no-repeat center bottom; background-size:100%; padding-bottom:40%;}
#contents .s0103 p.tel{background:url(/mm/images/m_sub0103_13.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }
#contents .s0103 p.add{background:url(/mm/images/m_sub0103_12.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }
#contents .s0103 p.bus{background:url(/mm/images/m_sub0103_13-03.gif) no-repeat left center; background-size:40px; text-align:left; padding:15px 0px 15px 50px; }

.sec01{margin:40px 0;}
.b_tit_red{color:#db0f32;}
h2 {#222}
.m_video{padding:0 10px; margin-top:20px;}


/* 서브 */

#contents .location{
	font-size:1em;
	padding:3% 3% 3% 8%;
	background:url(../images/icon_home.gif) no-repeat 2% 46%;
	background-size:13px !important;

}

#contents h2.stt{
	text-align:left;
	padding:3%;
	background:#bd122f;
	color:#fff;
	margin-bottom:30px;
	font-size:1.4em;
}

#contents section{
	margin-bottom:30px;
}




.sub_con{width: 100%;}
.sub_con img{width: 100%;}


/* 로그인  S*/

.join-search-btn{ text-align:center; border-top:1px solid #ccc; margin-top:30px; padding-top:20px;}
.join-search-btn a {font-size:13px;}

.login_tab {margin:3%; text-align:center;}
.login_tab a {
	font-size:0.8em;
	width: 20%;
	padding:2%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e0e0e0;
	background-image: -webkit-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -moz-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -o-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: linear-gradient(to top, #e7e7e7, #f8f8f8);

}

.login_tab a.on {color:#2b8dd9; font-weight:bold;}

.login_area {width:94%; margin:0 auto;}
.login_area .login_form {overflow:hidden; margin:1% 0;}
.login_area .login_form .ff { text-align:center; margin-bottom:5px;}


.join_step {margin:8% 0 5% 0; text-align:center;}

.join01_area {width:94%; margin:0 auto; }
.join01_area .all-agree {border:1px solid #ddd;  padding:15px;}
.join01_area .agree-box {border:1px solid #ddd;  padding:15px;}
.join01_area .agree-box .para {margin-bottom:10px;}
.join01_area .agree-box div.textarea-basic{width:100%; background:none; border:none; height:150px; font-size:12px; line-height:20px; color:#666; background:#f4f4f4; overflow-y:scroll;padding:3%}
.join01_area .agree-box div.textarea-basic p {line-height:20px;}
.join01_area h4{font-size:1em; color:#000;}
.join01_area .btn01{text-align:center; margin:5% 0;}
.join01_area .btn01 a img{width:70%;}

.join02_area {width:95%; margin:0 auto;}
.join02_area h4{font-size:1.2em; color:#000; font-weight:normal; margin-bottom:10px;}
.join02_area ul li {
	margin-bottom:5px;
}

.join02_area .addr input{
 float:left;
}

.join02_area .birth {

}

.join02_area select {
	float:left;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	height:45px;
	width:30%;
	font-size:16px;
	text-align:center;
	padding-left:10px;
	color:#666;
}
.join02_area .birth select:first-child{
	width:40%;
	border-left:1px solid #ccc;
}
.join02_area .birth select:nth-child(2),.join02_area .birth select:nth-child(3){
	border-left:none;
}

.join02_area .addr p {
	height:45px;
	line-height:45px;
	float:left; border:1px solid #ccc; width:40%; text-align:center;
	border-right:none;
	color:#999;
}
.join02_area .addr p input {
	display:inline-block;
	border:none;
	height:45px; 
	line-height:45px;
	background-color:transparent;
	width:40%;
	float:none;
	font-size:16px;
	text-align:center;
}


.join02_area .btn01{text-align:center; margin:5% 0;}
.join02_area .btn01 a img{width:70%;}

.join02_area .etc-check li {
	border:1px solid #ccc;
	height:45px;
	line-height:45px;
}
.join02_area .etc-check li .para{
	float:left;
	width:30%;
	margin-top:10px;

}
.join02_area .etc-check li .tit{
	font-size:16px;
	margin-top:0;
	width:30%;
	padding-left:10px;
	
}

.join02_area ul.finish li{
	border:1px solid #ccc;
	height:45px;
	line-height:45px;
	text-align:center;

}

.join02_area .join-finish{
	font-size:20px;
	font-weight:bold;
	color:#444;
	text-align:center;
	margin-bottom:30px;
	margin-top:30px;
}

.join02_area .join-finish span{
	font-size:16px;
	font-weight:bold;
	color:#888;
	text-align:center;
	
}



.search_area h4{width:100%; margin:0 auto; font-size:1.3em; color:#000;}
.search_area {width:94%; margin:0 auto;}
.search_area .login_form {margin:2% 0; }
.search_area .login_form .ff {text-align:center;}

.join-btn-area{ margin-top:10px;}
.join-btn-area a {
	float:left;
	width:50%;
	height:45px;
	line-height:45px;
	text-align:center;
}
.join-btn-area a.join-btn1{
	background:#444;
	color:#fff;
}
.join-btn-area a.join-btn2{
	background:#fff;
	border:1px solid #444;
	color:#444;
}
/*로그인 E*/





/* 세로화면일때 */
@media screen and (orientation:portrait){

#wrapper header nav .dp2{border-bottom:1px solid #ccc; padding:2%;}
#wrapper header nav .dp2 a {font-size:0.8em; color:#555; display:inline-block; margin:0 2%; display:n}

}
/*세로화면끝*/





/* 가로화면일때 */
@media screen and (orientation:landscape){

/* 전체메뉴S*/
#all_menu {position:relative; z-index:9999; width:100%; height:100%; display:none;}
/*
#all_menu dl dt{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:2.5% 5%;
	font-weight:bold; font-size:1.2em;
	background-image: linear-gradient(to top, #ddd, #fff 80%);
	
}
#all_menu dl dd{
	border-bottom:1px solid #666;
	padding:2% 7%;
	font-size:1em;
	background-image:url(/mm/images/all_menu_arrow.png) , linear-gradient(to top, #f4f4f4, #fff 80%);
	background-repeat:no-repeat;
	background-size:6% 40%, 100%;
	background-position:96% center;
	}
	*/
/* 전체메뉴E*/

#wrapper header nav .dp2{border-bottom:1px solid #ccc; padding:2%;}
#wrapper header nav .dp2 a {font-size:1.2em; color:#555; display:inline-block; margin:0 2%;}

footer .copyright {font-size:0.9em; text-align:center;}

	.login_tab a {
	font-size:1em;
	width: 20%;
	padding:2%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 1px #e0e0e0;
	background-image: -webkit-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -moz-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: -o-linear-gradient(bottom, #e7e7e7, #f8f8f8);
	background-image: linear-gradient(to top, #e7e7e7, #f8f8f8);

}

.login_area .login_form .fm {float:left; width:15%; font-size:1.6em }
.login_area .login_form .ff input{font-size:1.1em; }
.search_area .login_form .fm {float:left; font-size:1.3em }
.search_area .login_form .ff input{font-size:1.1em; }
.search_area h4{font-size:1.5em; color:#000;}
.join02_area {font-size:1em;}
}



/*가로화면끝*/



/*서브 관련 E*/