@import url(common.css);
@charset "utf-8";
/* CSS Document */
body{min-width:1280px;}
#wrap {width:100%; min-width:1240px;}
input:focus {outline:none;}
/* header */
#header{position:relative; min-width:1280px; z-index:90;}
/* top */
#header .top {height:38px; line-height:36px; background:#fff;}
#header .top > ul { float:left;}
#header .top > ul li {float:left;}
#header .top > ul li a {display:inline-block; width:121px; text-align:center; color:#4b4a4a; font-size:14px; border-right:1px solid #ccc;}
#header .top .utilMenu {float:right; margin-right:20px;}
#header .top .utilMenu > a { line-height:38px; font-size:13px; color:#acacac; display: inline-block; margin-right: 25px;}
#header .top .utilMenu #cs_center {display:inline-block; margin-right: 23px; cursor:pointer; width:69px; text-align: center; height: 38px;}
#header .top .utilMenu #cs_center>span{width: 100%;}
#header .top .utilMenu #cs_center span {display:inline-block; font-size:13px; color:#acacac;}
#header .top .utilMenu #cs_center_menu {display:none;position:absolute; top:38px; margin-left:-27px; padding-top:10px; width:130px; text-align:center; border:1px solid #e1e1e1; background:url("/images/myinfo_menu_topbg.gif") no-repeat center top #fff; z-index:9999;}
#header .top .utilMenu #cs_center_menu li{margin-bottom: 5px;}
#header .top .utilMenu #cs_center:hover #cs_center_menu {display:block;}

#header .top .utilMenu #cart{display:inline-block; position:relative; margin-right: 25px; height: 38px;}
#header .top .utilMenu #cart > img{padding-top:8px;}
#header .top .utilMenu #cart > span{display:inline-block; height:100%;  cursor:pointer;}
#header .top .utilMenu #cart > span>img{vertical-align: middle;}
#header .top .utilMenu #cart > span.num{position:absolute; top:6px; left:13px; display:inline-block; width:19px; height:19px; line-height:19px;
font-size:12px; color:#fff; text-align:center; font-weight:bold; background:#91b821; border-radius:100%;}
#header .top .utilMenu #cart #cart_view{display:none; z-index:9999; position:absolute; top:38px; right:-20px; padding:0 21px; width:272px; height:263px; border:1px solid #ccc; background:#fff;}
#header .top .utilMenu #cart:hover #cart_view{display:block;}
#header .top .utilMenu #cart #cart_view > span.tit{display:inline-block; margin-top:15px; width:100%; border-bottom:1px solid #ccc; font-size:16px; font-weight:600;}
#header .top .utilMenu #cart #cart_view > span.line{position:absolute; top:0px; right:35px; width:60px; height:2px; background:#91b821;}
#header .top .utilMenu #cart #cart_view ul{margin:10px 0; height:123px; overflow:auto;}
#header .top .utilMenu #cart #cart_view ul li{line-height:22px;}
#header .top .utilMenu #cart #cart_view ul li input{margin:5px 8px; vertical-align:top;}
#header .top .utilMenu #cart #cart_view ul li p{font-size:14px; color:#000;
text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#header .top .utilMenu #cart #cart_view div a{display:inline-block; width:110px; height:44px; line-height:44px; text-align:center; font-size:16px; color:#fff; font-weight:600;}
#header .top .utilMenu #cart #cart_view div a.talk{background:#0e9eb9;}
#header .top .utilMenu #cart #cart_view div a.counsel{background:#91b821;}

#header .top .utilMenu #myinfo{float:left;cursor:pointer; width: 130px;text-align: center; height: 38px;}
#header .top .utilMenu #myinfo>span{width: 100%;}
#header .top .utilMenu #myinfo span{display:inline-block; font-size:13px;color:#000;}
#header .top .utilMenu #myinfo_menu{display:none;z-index:9999; position:absolute; top:38px; padding-top:10px; width:130px;  text-align:center; border:1px solid #e1e1e1; background:url("/images/myinfo_menu_topbg.gif") no-repeat center top #fff;}
#header .top .utilMenu #myinfo:hover #myinfo_menu{display:block;}
#header .top .utilMenu #myinfo_menu li a, #header .top .utilMenu #cs_center_menu li a{ font-size:14px; color:#000;}
#header .top .utilMenu #myinfo_menu li{ margin-bottom: 5px;}
#branch_title{
	color: #91b821;
  display: inline-block;
  margin-left: 10px;
  font-size: 17px;
	font-weight:600;
	position: relative;
  top: 5px;
}
	/* ȸ¿ø°¡ÀÔ, ·Î±×ÀÎ Æ˾÷ */
	#popup_joinLogin{
		z-index:1002;
		position:absolute;
		top:107px;
		left:0;
		right:0;
		padding:87px 0;
		width:100%;
		height:500px;
		text-align:left;
		background:#fff;
		box-sizing:border-box;
	}

	#popup_joinLogin .closeBtn{
		position:absolute;
		top:40px;
		right:25px;
		float:right;
		margin-right:25px;
		cursor:pointer;
	}
	#popup_joinLogin .clearfix{
		width:1200px;
		height:326px;
		margin:0 auto;
		text-align:center;
	}

	#popup_joinLogin h3{
		margin-bottom:30px;
		font-weight:700;
		font-size:25px;
		color:#91b821;
	}

	#popup_joinLogin .section_join,
	#popup_joinLogin .section_login{
		display:inline-block;
		text-align:left;
		vertical-align:top;
		height:326px;
	}

	#popup_joinLogin .section_join{
		padding-right:64px;
		margin-right:64px;
		border-right:1px solid #e5e5e5;
	}

	#popup_joinLogin .section_join p{
		font-weight:400;
		font-size:14px;
		line-height:20px;
		letter-spacing:-0.6px;
	}
	#popup_joinLogin .section_join a{
		display:block;
		margin-top:70px;
		width:264px;
		height:42px;
		line-height:40px;
		font-weight:700;
		font-size:16px;
		color:#fff;
		text-align:center;
		border-radius:2px;
		background:#91b821;
	}
	#popup_joinLogin .section_login .user-input{
		float:left;
		margin-right:8px;
	}
	#popup_joinLogin .section_login input[type="text"],
	#popup_joinLogin .section_login input[type="password"]{
		display:block;
		vertical-align:top;
		padding:0 12px;
		width:238px;
		height:40px;
		font-size:14px;
		color:#2f2f2f;
		border:1px solid #e5e5e5;
		border-radius:2px;
		box-sizing:border-box;
	}
	#popup_joinLogin .section_login input[type="text"]{
		margin-bottom:8px;
	}
	#popup_joinLogin .section_login .login-input button{
		width:116px;
		height:88px;
		font-size:16px;
		color:#fff;
		font-weight:700;
		text-align:center;
		border:none;
		border-radius:2px;
		background:#91b821;
	}
	#popup_joinLogin .section_login .login-input>p{
		margin:10px 0;
		text-align:center;
	}
	#popup_joinLogin .section_login .login-input>p label{
		margin-right:40px;
		font-size:14px;
	}
	#popup_joinLogin .section_login .login-input>p label input{
		margin-right:10px;
	}
	#popup_joinLogin .section_login .login-input a{
		font-size:14px;
	}
	#popup_joinLogin .section_login ul li{
		float:left;
		margin-right:9px;
	}
		/* ¾ð¾îº¯È¯ */
		#modaltrigger{
			margin-left:25px;
		}
		#modaltrigger img{
			padding-top:11px;
		}
		#language_submenu{
			position:absolute;
			top:107px;
			left:0;
			right:0;
			width:100%;
			height:500px;
			text-align:center;
			background:#fff;
		}
		#language_submenu .closeBtn{
			position:absolute;
			top:40px;
			right:25px;
			float:right;
			margin-right:25px;
			cursor:pointer;
		}
		#language_submenu p{
			margin:148px 0 41px 0;
			font-size:30px;
			color:#3f3f3f;
		}
		#language_submenu ul li{
			display:inline-block;
			margin-right:50px;
		}
		#language_submenu ul li:last-child{
			margin-right:0;
		}



/* gnb */
.gnb_wrap {position:relative; /* min-width:1560px;*/ height:70px; text-align:center; box-sizing:border-box; background-color:#0b1f2d;}
.gnb_wrap h1{position:absolute; top:0; left:20px; line-height:60px; z-index:101; }
.gnb_wrap h1 img{ vertical-align:middle; }
.gnb_wrap .gnb {width:1200px; height:70px; margin:0 auto;}
.gnb_wrap .gnb:hover {height:140px}
.gnb_wrap .gnb > ul{float:left; padding:0 15px}
.gnb_wrap .gnb > ul:first-child{margin-left:0;}
.gnb_wrap .gnb > ul > li { }
.gnb_wrap .gnb > ul > li > a { font-size:16px; color:#fff; line-height:70px; }
.gnb_wrap .submenus_area {text-align: left; display:none; position:absolute; top:0; left:0; width:100%; background-color:#ebebed; transition: height 0.3s; z-index:100;}
.gnb_wrap .gnb>ul:hover .submenus_area {display: block; top:70px; }
.gnb_wrap .submenu {display:none; white-space:nowrap; width:1200px; margin:0 auto }
.gnb_wrap .submenu li { display:inline-block; margin-left:20px;}
.gnb_wrap .submenu li:first-child { margin-left:0}
.gnb_wrap .submenu li a{display:inline-block; height:55px; line-height:55px; font-size:16px; color:#2f2f2f;}
.gnb_wrap .submenu li a:hover{	font-weight:500; background:url("/images/submenu_hoverbg.gif") repeat-x center bottom;}
.gnb_wrap .menu01:hover .submenus_area {z-index:101} .gnb_wrap .menu01:hover .submenus_area .submenu {display:block; }
.gnb_wrap .menu02:hover .submenus_area {z-index:101} .gnb_wrap .menu02:hover .submenus_area .submenu {display:block; }
.gnb_wrap .menu03:hover .submenus_area {z-index:101} .gnb_wrap .menu03:hover .submenus_area .submenu {display:block; }
.gnb_wrap .menu04:hover .submenus_area {z-index:101} .gnb_wrap .menu04:hover .submenus_area .submenu {display:block; padding-left:170px }
.gnb_wrap .menu05:hover .submenus_area {z-index:101} .gnb_wrap .menu05:hover .submenus_area .submenu {display:block; padding-left:330px }
.gnb_wrap .menu06:hover .submenus_area {z-index:101} .gnb_wrap .menu06:hover .submenus_area .submenu {display:block; padding-left:480px }
.gnb_wrap .menu07:hover .submenus_area {z-index:101} .gnb_wrap .menu07:hover .submenus_area .submenu {display:block; padding-left:500px}
.gnb_wrap .menu08:hover .submenus_area {z-index:101} .gnb_wrap .menu08:hover .submenus_area .submenu {display:block; padding-left:600px}
.gnb_wrap .menu09:hover .submenus_area {z-index:101} .gnb_wrap .menu09:hover .submenus_area .submenu {display:block; padding-left:700px}
.gnb_wrap .menu10:hover .submenus_area {z-index:101} .gnb_wrap .menu10:hover .submenus_area .submenu {display:block; padding-left:800px}
.gnb_wrap .menu11:hover .submenus_area {z-index:101} .gnb_wrap .menu11:hover .submenus_area .submenu {display:block; text-align:right}
.gnb_wrap .menu12:hover .submenus_area {z-index:101} .gnb_wrap .menu12:hover .submenus_area .submenu {display:block; text-align:right }

	/* search */
	.searchWrap{
		position:absolute;
		top:15px;
		right:20px;
		z-index:300
	}
	.searchWrap div{
		position:relative;
		width:172px;
		height:38px;
		border:1px solid #ced2d5;
	}
	.searchWrap input{
		vertical-align:top;
		float:left;
		width:80%;
		height:38px;
		line-height:38px;
		padding:0 5px;
		color:#fff;
		box-sizing:border-box;
		border:none;
		background:none;
	}
	.searchWrap button{
		position:relative;
		top:8px;
		right:0;
		float:left;
		width:20%;
		height:18px;
		line-height:36px;
		cursor:pointer;
		border:none;
		background:#0b1f2d;
	}

/* join */
#join{
	position:fixed;
	top:0; left:0;
	z-index:9999999999;
	width:100%; height:100%;
	background:rgba(0, 0, 0, 0.8);
	padding: 10% 0;
}
.join_inner{
	position:relative;
	margin:0 auto;
	padding:0 30px 22px 30px;
	width:880px;
	max-height: 100%;
	background:#fff;
	box-sizing:border-box;
	overflow: auto;
}
#join .close_joinpopup{
	position:absolute;
	top:20px;
	right:16px;
}
#join .stepBox{
	display:inline-block;
	width:100%; height:88px;
	border-bottom:2px solid #e5e5e5;
}
#join .stepBox h3{
	float:left;
	margin-top:34px;
	font-weight:700;
	font-size:26px;
	color:#91b821;
}
#join .stepBox ul{
	display:inline-block;
	float:right;
	margin-top:31px;
}
#join .stepBox ul li{
	position:relative;
	float:left;
	margin-right:17px;
	width:139px;
	height:42px;
}

#join .stepBox ul li span{
	position:absolute;
	top:-7px;
	left:13px;
	display: none;
}
#join .stepBox ul li.active span{
	display: inline-block;
}
#join .stepBox ul li:nth-child(1){
	background:url("/images/join_step01.jpg") no-repeat 0 0;
}
#join .stepBox ul li:nth-child(1).active{
	background:url("/images/join_step01_on.jpg") no-repeat 0 0;
}
#join .stepBox ul li:nth-child(2){
	background:url("/images/join_step02.jpg") no-repeat 0 0;
}
#join .stepBox ul li:nth-child(2).active{
	background:url("/images/join_step02_on.jpg") no-repeat 0 0;
}
#join .stepBox ul li:nth-child(3){
	background:url("/images/join_step03.jpg") no-repeat 0 0;
}
#join .stepBox ul li:nth-child(3).active{
	background:url("/images/join_step03_on.jpg") no-repeat 0 0;
}
#join .stepBox ul li:nth-child(4){
	width:113px;
	background:url("/images/join_step04.jpg") no-repeat 0 0;
}
#join .stepBox ul li:nth-child(4).active{
	background:url("/images/join_step04_on.jpg") no-repeat 0 0;
}
#join .tabContent{
	display:inline-block;
	padding:0 10px;
	width:100%;
	box-sizing:border-box;
}
#join .tabContent a.btn_loginNext,
#join .tabContent a.btn_loginCancle{
	display:inline-block;
	width:200px;
	height:42px;
	line-height:41px;
	font-size:16px;
	font-weight:600;
	color:#fff;
	text-align:center;
	border-radius:2px;
}
#join .tabContent a.btn_loginNext{
	float:left;
	background:#91b821;
}
#join .tabContent a.btn_loginCancle{
	float:right;
	background:#a9b0b5;
}

	/* step01 */
	#step01{
		margin-top:15px;
	}
	#step01 form{
		display:inline-block;
		float:left;
		padding:0 18px 0 0;
		margin-right:18px;
		border-right:1px solid #e5e5e5;
		box-sizing:border-box;
	}
	#step01 form .formBox{
		display:inline-block;
		width:100%;
		margin-bottom:26px;
		padding-bottom:10px;
		border-bottom:1px solid #e5e5e5;
	}
	#step01 form .formBox div{
		margin-bottom:8px;
	}
	#step01 form .formBox label{
		display:inline-block;
		width:69px;
		font-size:16px;
		color:#2f2f2f;
	}
	#step01 form .formBox input[type="text"]{
		padding:0 10px;
		width:219px;;
		height:40px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
	}
	#step01 form .formBox .join-input{
		float:left;
	}
	#step01 form .formBox button{
		display:inline-block;
		margin-left:10px;
		width:116px;
		height:88px;
		font-size:16px;
		color:#fff;
		font-weight:700;
		border:none;
		border-radius:4px;
		background:#172e3e;
	}
	#step01 form .formBox .emailCheckBtn{
		display:inline-block;
		margin-left:10px;
		width:116px;
		height:88px;
		font-size:16px;
		color:#fff;
		font-weight:700;
		border:none;
		border-radius:4px;
		background:#172e3e;
		text-align: center;
		vertical-align: middle;
		line-height: 88px;
	}
	#step01 .textBox{
		float:right;
		padding:20px;
		width:328px;
		height:183px;
		font-size:13px;
		line-height:20px;
		background:#eee;
		box-sizing:border-box;
	}

	/* step02 */
	#step02 textarea{
		padding:10px;
		width:100%;
		height:110px;
		font-size:14px;
		border:1px solid #ccc;
		background:#fafafa;
		overflow-y:scroll;
		box-sizing:border-box;
	}
	#step02 .agreeBox>p{
		text-align:right;
	}
	#step02 .agreeBox p input{
		display:inline-block;
		margin-right:6px;
	}
	#step02 .agreeBox p span{
		display:inline-block;
		margin-left:13px;
		font-size:14px;
	}
	#step02 .agreeAll{
		margin:22px 0 0 0;
		width:100%;
		height:55px;
		line-height:55px;
		text-align:right;
		background:#eee;
	}
	#step02 .agreeAll p{
		display:inline-block;
		margin:0 17px 0 9px;
	}
	#step02 .btnStep02{
		margin-top:26px;
		padding-top:21px;
		border-top:1px solid #e5e5e5;
	}
	#step02 .btnStep02 p{
		float:left;
		margin-top:5px;
		font-size:14px;
	}
	#step02 a.btn_loginNext{
		margin-left:93px;
	}

	/* step03 */
	#step03 table tr th,
	#step03 table tr td{
		text-align:left;
		line-height:40px;
	}
	#step03 table tr th{
		width:130px;
		font-size:16px;
		font-weight:600;
		vertical-align:middle;
	}
	#step03 table tr td{
		width:650px;
	}
	#step03 table tr th em{
		font-size:16px;
		color:#f73e72;
		margin-left:5px;
	}
	#step03 table tr td,
	#step03 table tr td *{
		font-size:14px;
		vertical-align:middle;
	}
	#step03 table tr td input[type="checkbox"],
	#step03 table tr td input[type="radio"]{
		margin-right:9px;
	}
	#step03 table tr td input[type="text"],
	#step03 table tr td input[type="password"]{
		padding:0 10px;
		height:28px;
		line-height:26px;
		border:1px solid #ccc;
		box-sizing:border-box;
	}
	#step03 table tr td input[type="password"]{
		width:200px;
	}
	#step03 table tr td p{
		line-height:20px;
	}
	#step03 table tr td>span{
		display:inline-block;
		margin-right:10px;
	}
	#step03 table tr td .checkReceive{
		font-size:13px;
	}
	#step03 table tr td .exmark{
		font-size:13px;
		padding-left:22px;
		background:url("/images/icon_join_mark.gif") no-repeat 0 4px;
	}
	#step03 .section_id input{
		width:124px;
	}
	#step03 .section_id button{
		margin-left:6px;
		width:68px;
		height:28px;
		line-height:26px;
		font-weight:600;
		color:#fff;
		font-size:13px;
		border:none;
		border-radius:2px;
		background:#172e3e;
	}
	#step03 .section_id #idCheck{
		display: inline-block;
		margin-left:6px;
		width:68px;
		height:28px;
		line-height:26px;
		font-weight:600;
		color:#fff;
		font-size:13px;
		border:none;
		border-radius:2px;
		background:#172e3e;
		text-align: center;
	}
	#step03 .section_birth select{
		margin:0 5px;
		width:46px;
	}
	#step03 .section_birth select:nth-child(1){
		margin-left:0;
		width:80px;
	}
	#step03 .section_birth span:nth-child(4){
		margin-left:15px;
	}
	#step03 .section_phone th{
		vertical-align:top;
	}
	#step03 .section_phone input[type="text"]{
		width:60px;
	}
	#step03 .section_phone span{
		display:inline-block;
		margin:0 4px;
	}
	#step03 .section_phone .checkReceive{
		margin-top:12px;
	}
	#step03 .txtBox{
		padding:13px;
		background:#eee;
	}
	#step03 .txtBox p{
		font-size:13px;
		line-height:18px;
		margin-bottom:12px;
	}
	#step03 .btnStep03{
		display:inline-block;
		width:100%;
		padding-top:26px;
		margin-top:26px;
		border-top:1px solid #e5e5e5;
	}
	#step03 .btnStep03>div{
		float:right;
	}
	#step03 .btnStep03>div .btn_loginCancle{
		margin-left:10px;
		color:#2f2f2f;
		background:#fff;
		border:1px solid #e5e5e5;
	}
	#step03 .redTxt{
		font-size:13px;
		color:#f73e72;
		float:right;
	}
	#step03 .secLevel{
		margin-left:10px;
	}
	#step03 #speech{
		display:none;
		position:absolute;
		top:-20px;
		right:0;
		font-size:12px;
		color:#fff;
		line-height:15px;
		background:#455865;
		padding:10px 13px;
	}

	/* ¾ÆÀ̵ðÁߺ¹È®ÀÎ */
	#step03 #layerBox{
		display:none;
		padding:0 30px 30px 30px;
		margin-left:-235px !important;
		width:500px;
		background:#fff;
		box-sizing:border-box;
		position: absolute;
	    top: 50px;
	    left: 50%;
	    box-shadow: 0px 0px 20px #eee;
	}
	#step03 #layerBox .layerBox_inner{
		position:relative;
	}
	#step03 #layerBox h4{
		padding-bottom:16px;
		margin:34px 0 20px 0;
		font-weight: bold;
		font-size: 26px;
		color: #91b821;
		border-bottom:2px solid #e5e5e5;
	}
	#step03 #layerBox .topBox{
		height:119px;
		text-align:center;
		padding-top:16px;
		background:#eee;
		box-sizing:border-box;
	}
	#step03 #layerBox p{
		font-size:14px;
		margin-bottom:20px;
	}
	#step03 #layerBox p span{
		font-size:14px;
		color:#f73e72;
	}

	#step03 #layerBox .layerBox_inner>p{
		font-size:14px;
		margin-top:10px;
	}
	#step03 #layerBox .topBox a{
		display: inline-block;
		width: 200px;
		height: 42px;
		line-height: 41px;
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		text-align: center;
		border-radius: 2px;
		background:#91b821;
	}
	#step03 .topBox p{
		font-size:14px;
	}
	#step03 .bottom{
		border-top:1px solid #ccc;
		padding-top:17px;
		margin-top:14px;
	}
	#step03 .bottom *{
		vertical-align:middle;
	}
	#step03 .bottom span{
		font-size:16px;
	}
	#step03 .bottom input{
		width:261px;
		height:28px;
		margin:0 8px 0 16px;
		border:1px solid #ccc;
	}
	#step03 .bottom button{
		margin-left: 6px;
		width: 68px;
		height: 28px;
		line-height: 26px;
		font-weight: 600;
		color: #fff;
		font-size: 13px;
		border: none;
		border-radius: 2px;
		background: #172e3e;
	}
	#step03 .hidemodal{
		position:absolute;
		top:21px;
		right:16px;
	}
	/* step04 */
	#step04{
		padding:13px 10px 0 10px !important;
	}
	#step04 .txtBox{
		float:left;
		box-sizing:border-box;
	}
	#step04 .txtBox span{
		font-size:16px;
		margin-bottom:18px;
	}
	#step04 .txtBox p{
		font-size:13px;
		line-height:20px;
	}
	#step04 .txtBox .btn_ok{
		display: inline-block;
		margin-top:20px;
		width: 200px;
		height: 42px;
		line-height: 41px;
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		text-align: center;
		border-radius: 2px;
		background: #91b821;
	}
	#step04 div:nth-child(2){
		float:right;
		padding-left:18px;
		border-left:1px solid #e5e5e5;
	}
/* footer */
#footer{
	clear:both;
}
	/* familySite */
	#footer .familySite{height:90px;line-height:90px; border-top:1px solid #eeeff0;  border-bottom:1px solid #e5e5e5;}
	#footer .familySite>div{
		width:1200px;
		margin:0 auto;
	}
	#footer .familySite span{
		display:inline-block;
		float:left;
		padding-right:25px;
		background:url("/images/foot_family_titbg.gif") no-repeat right center;
	}
	#footer .familySite ul{
		float:left;
	}
	#footer .familySite ul li{
		float:left;
		margin-left:88px;
	}
	#footer .familySite ul li a{
		display:inline-block;
		cursor:pointer;
	}
	#footer .familySite ul li img{
		vertical-align:middle;
	}

	/* footBottom */
	.footBottom{
		width:1200px;
		height:188px;
		margin:0 auto;
		box-sizing:border-box;
	}
	.footBottom .left{
		float:left;
		margin-top:23px;
	}
	.footBottom .left .footLogo{
		float:left;
		margin-right:18px;
	}
	.footBottom .left ul{
		display:inline-block;
		margin-top:6px;
	}
	.footBottom .left ul li{
		float:left;
		margin-right:14px;
		padding-right:14px;
		background:url("/images/footmenu_bg.gif") no-repeat right center;
	}
	.footBottom .left ul li:last-child{
		background:none;
	}
	.footBottom .left ul li a{
		font-weight:700;
		font-size:13px;
		color:#333;
	}
	.footBottom address{
		clear:both;
		margin:20px 0 13px 0;
		font-weight:400;
		font-size:13px;
		color:#333;
	}
	.footBottom .left>p{
		font-weight:400;
		font-size:13px;
		color:#333;
	}

	.footBottom .right{
		float:right;
	}

	/* sns */
	.footBottom .sns{
		margin-right:22px;
		float:left;
		margin-top:13px;
	}
	.footBottom .sns li{
		margin-bottom:12px;
	}

	/* DO ORACLE! */
	.footBottom .right .footBanner{
		float:left;
		border:solid #e5e5e5;
		border-width:0 1px 1px 1px;
	}

	/* csCenter */
	.csCenter{
		float:left;
		padding:16px;
		width:188px;
		height:138px;
		line-height:18px;
		border:solid #e5e5e5;
		border-width:0 1px 1px 0;
		box-sizing:border-box;
	}
	.csCenter *{
		font-size:14px;
		color:#333;
	}
	.csCenter ul{
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #e5e5e5;
	}
	.csCenter ul li:first-child em{
		letter-spacing:0.2px;
	}
	.csCenter ul li em{
		display:inline-block;
		margin-right:18px;
		width:44px;
		font-weight:700;
		font-size:14px;
	}
	.csCenter .infoTime {word-break:keep-all}
	.csCenter>em{
		font-size:14px;
	}
	.csCenter>span{
		float:right;
		font-size:15px;
		top: 1px;
   	position: relative;
	}

/* quick menu */
#quick_menu{
	position:fixed;
	top:180px;
	right:0;
	z-index:50 !important;
	transition: 0.5s right;
}
#quick_menu .quickList ul li{
	border-bottom:1px solid #fff;
}

#lean_overlay{
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	display:none;
}
#quick_menu .quickCont{
	display:none;
	top:0 !important;
	right: 220px !important;
	width:490px;
	background:#fff;
}
#quick_menu .quickTop{
	position:relative;
	padding:17px 0 0 23px;
	height:100px;
	background:#172e3e;
	box-sizing:border-box;
}
#quick_menu .quickTop h3{
	padding-left:35px;
	font-size:30px;
	color:#fff;
}
#quick_menu .quickTop p{
	font-size:14px;
	color:#fff;
}
#quick_menu .quickTop>span{
	position:absolute;
	top:19px;
	right:29px;
	cursor:pointer;
}
#quick_menu .cont{
	padding:28px 40px;
}
	/* ½Ç½Ã°£ÅåÅå */
	#quick_menu .naverTalk{
		position:relative;
		width:195px;
		height:235px;
		right:220px !important;
		background:none;
	}
	#quick_menu .naverTalk>span{
		position:absolute;
		top:0;
		right:0;
		cursor:pointer;
	}
	#quick_menu .talk_banner_div{
		margin-top:40px;
	}
	/* ³»»çÁøº¸±â */
	#quick_menu .quick_myinfo .quickTop h3{
		background:url("/images/icon_quickinfo_titbg.gif") no-repeat 0 center;
	}
	#quick_menu .quick_myinfo .photo{
		padding:20px 0;
		width:410px;
		height:272px;
		text-align:center;
		background:#edeff0;
		box-sizing:border-box;
	}
	#quick_menu .quick_myinfo .photo ul.tabs{
		display:inline-block;
		margin-bottom:7px;
	}
	#quick_menu .quick_myinfo .photo ul.tabs li:nth-child(1){
		margin-left:0 !important;
	}
	#quick_menu .quick_myinfo .photo ul.tabs li{
		float:left;
		margin-left:-1px;
		width:68px;
		height:26px;
		font-size:16px;
		color:#3f3f3f;
		border:1px solid #ccc;
		background:#fff;
		cursor:pointer;
	}
	#quick_menu .quick_myinfo .photo ul.tabs li.active,
	#quick_menu .quick_myinfo .photo ul.tabs li:visited{
		line-height:24px;
		font-size:16px;
		color:#fff !important;
		border:none;
		background:#91b821;
	}
	#quick_menu .quick_myinfo .photo .tab_container .tab_content{
		display:inline-block;
		text-align:center;
	}
	#quick_menu .quick_myinfo .photo .tab_container .tab_content>div{
		float:left;
	}
	#quick_menu .quick_myinfo .photo .tab_container .tab_content>div img{
		border:solid #ccc;
		border-width:1px 1px 0 1px;
	}
	#quick_menu .quick_myinfo .photo .tab_container .tab_content>div>span{
		display:block;
		width:100%;
		height:30px;
		line-height:30px;
		font-size:15px;
		color:#fff;
	}
	#quick_menu .quick_myinfo .photo .tab_container .tab_content .before span{
		background:#6d7b85;
	}
	#quick_menu .quick_myinfo .photo .tab_container .tab_content .after{
		margin-left:-1px;
	}
	#quick_menu .quick_myinfo .photo .tab_container .tab_content .after span{
		background:#91b821;
	}
	#quick_menu .quick_myinfo .history{
		margin-top:16px;
		padding-top:27px;
		border-top:1px solid #8c8c8c;
	}
	#quick_menu .quick_myinfo .history>span{
		font-size:18px;
	}
	#quick_menu .quick_myinfo .history>div>p{
		margin:9px 0 7px 0;
	}
	#quick_menu .quick_myinfo .history>div>p>em{
		display:inline-block;
		padding-left:10px;
		font-size:16px;
		background:url("/images/quick_bullet_history.gif") no-repeat 0 center;
	}
	#quick_menu .quick_myinfo .history>div>p>a{
		display:inline-block;
		float:right;
		padding-right:10px;
		font-size:14px;
		background:url("/images/quick_iconmore_history.gif") no-repeat right center;
	}
	#quick_menu .quick_myinfo .history .treat ul{
		padding:0 19px;
		border:1px solid #ccc;
	}
	#quick_menu .quick_myinfo .history .treat ul li{
		display:inline-block;
		width:100%;
		height:53px;
		line-height:53px;
		border-bottom:1px solid #ccc;
	}
	#quick_menu .quick_myinfo .history .treat ul li:last-child{
		border-bottom:none;
	}
	#quick_menu .quick_myinfo .history .treat ul li label{
		float:left;
		width:117px;
		line-height:17px;
		padding-top:9px;
	}
	#quick_menu .quick_myinfo .history .treat ul li label em,
	#quick_menu .quick_myinfo .history .treat ul li label span{
		display:block;
		font-size:14px;
	}
	#quick_menu .quick_myinfo .history .treat ul li div{
		position:relative;
		display:inline-block;
		width:154px;
		height:6px;
		background:#edeff0;
	}
	#quick_menu .quick_myinfo .history .treat ul li div span{
		position:absolute;
		top:0;
		left:0;
		height:6px;
		background:#91b821;
	}
	#quick_menu .quick_myinfo .history .treat ul li span.number{
		display:inline-block;
		font-size:14px;
		width:38px;
		text-align:center;
	}
	#quick_menu .quick_myinfo .history .treat ul li button{
		width:49px;
		height:30px;
		line-height:28px;
		font-size:14px;
		color:#fff;
		border:none;
		border-radius:2px;
		background:#172e3e;
		cursor:pointer;
	}
	#quick_menu .quick_myinfo .history .reserve{
		margin-top:15px;
	}
	#quick_menu .quick_myinfo .history .reserve div{
		padding:0 19px;
		height:53px;
		line-height:48px;
		border:1px solid #ccc;
	}
	#quick_menu .quick_myinfo .history .reserve div label{
		display:inline-block;
		float:left;
		margin-top:15px;
		padding:0 10px;
		height:20px;
		line-height:20px;
		text-align:center;
		font-size:14px;
		color:#fff;
		background:#91b821;
	}
	#quick_menu .quick_myinfo .history .reserve div p{
		float:left;
		margin-left:26px;
		font-size:14px;
	}
	#quick_menu .quick_myinfo .history .reserve div span{
		float:right;
		font-size:16px;
		font-weight:700;
		color:#91b821;
	}

	/* »ó´ã.³»¿ø¿¹¾à */
	#quick_menu .quick_counsel .quickTop h3{
		background:url("/images/icon_quickcounsel_titbg.gif") no-repeat 0 center;
	}
	#quick_menu .quick_counsel .cont{
		width:489px;
		height:556px;
		margin:0 auto;
		padding:28px 20px 28px 28px;
		overflow-y:auto;
		overflow-x:hidden;
	}
	#quick_menu .quick_counsel .cont select,
	#quick_menu .quick_counsel .cont input[type="text"]{
		border:1px solid #ccc;
	}
	#quick_menu .txt_counselHour{margin:0 0 10px 0; font-weight:600;}
	#quick_menu .quick_counsel .cont .subject{
		margin-bottom:10px;
		padding-left:16px;
		width:410px;
		height:50px;
		line-height:50px;
		background:#edeff0;
		box-sizing:border-box;
	}
	#quick_menu .quick_counsel .cont .subject label{
		margin-left:16px;
		font-size:16px;
	}
	#quick_menu .quick_counsel .cont .subject select{
		margin-left:28px;
		width:180px;
		height:26px;
	}
	#quick_menu .quick_counsel .cont .counselDate{
		display:inline-block;
		width:100%;
	}
	#quick_menu .quick_counsel .cont .counselDate>div{
		float:left;
	}
	#quick_menu .quick_counsel .cont .counselDate>div>em{
		float:left;
		display:inline-block;
		padding-left:10px;
		font-size:16px;
		background: url("/images/quick_bullet_history.gif") no-repeat 0 center;
	}
	#quick_menu .quick_counsel .cont .counselDate .days{
		position:relative;
		width:240px;
	}
	#quick_menu .quick_counsel .cont .counselDate .days .counselDatepicker{
		float:right;
	}
	#quick_menu .quick_counsel .cont .counselDate .days input[type="text"]{
		width:139px;
		height:28px;
		text-align:center;
	}
	#quick_menu .quick_counsel .cont .counselDate .hour{
		float:right;
		width:160px;
	}
	#quick_menu .quick_counsel .cont .counselDate .hour input[type="text"]{
		float:right;
		width:72px;
		height:28px;
	}
	#quick_menu .quick_counsel .cont .counselDate .hour>div{
		display:inline-block;
		clear:both;
		height:243px;
		margin-top:12px;
		padding:18px 15px;
		border:1px solid #ccc;
		background:#edeff0;
		box-sizing:border-box;
	}
	#quick_menu .quick_counsel .cont .counselDate .hour>div ul li{
		display:inline-block;
		width:100%;
		line-height:29px;
		text-align:center;
	}
	#quick_menu .quick_counsel .cont .counselDate .hour>div ul li span{
		display:inline-block;
		float:left;
		width:33.3%;
		font-size:14px;
		color:#c1c1c1;
		cursor:pointer;
	}
	#quick_menu .quick_counsel .cont .counselDate .hour .hourSelect{
		color:#fff;
		background:#91b821;
	}
	#quick_menu .quick_counsel .cont .counselDate .datepicker{
		float:right;
	}
	#quick_menu .quick_counsel .cont .counsel-input{
		margin:20px 0 16px 0;
		padding-bottom:16px;
		border-bottom:1px solid #8c8c8c;
	}
	#quick_menu .quick_counsel .cont .counsel-input ul li{
		font-size:14px;
		margin-bottom:8px;
	}
	#quick_menu .quick_counsel .cont .counsel-input label{
		display:inline-block;
		padding-left:8px;
		width:77px;
		font-size:16px;
		vertical-align:top;
		background:url("/images/quick_counsel_bullet0.gif") no-repeat 0 center;
	}
	#quick_menu .quick_counsel .cont .counsel-input input[type="text"]{
		padding:0 7px;
		height:26px;
		line-height:24px;
		border:1px solid #ccc;
		box-sizing:border-box;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox01 input[type="text"]{
		width:133px;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox01 span{
		display:inline-block;
		margin-right:7px;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox01 label:nth-child(3){
		margin-left:39px;
		width:52px;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox01 input[type="radio"]{
		margin-right:3px;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox02 input[type="text"]{
		margin-right:6px;
		width:82px;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox03 input[type="radio"]{
		margin-right:3px;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox03 span{
		display:inline-block;
		margin-right:7px;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox04 input[type="text"]:nth-child(2){
		width:144px;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox04 label:nth-child(3){
		margin-left:24px;
		width:70px;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox04 input[type="text"]:nth-child(4){
		width:89px;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox04 p{
		margin:5px 0 0 76px;
		font-size:13px;
		color:#828282;
	}
	#quick_menu .quick_counsel .cont .counsel-input .inputBox05 textarea{
		padding:7px;
		width:331px;
		height:54px;
		line-height:15px;
		border:1px solid #ccc;
		box-sizing:border-box;
	}
	#quick_menu .quick_counsel .cont .counsel-input>div{
		display:inline-block;
		margin-left:60px;
		width:100%;
	}
	#quick_menu .quick_counsel .cont .counsel-input>div input[type="checkbox"]{
		float:left;
		margin-top:3px;
	}
	#quick_menu .quick_counsel .cont .counsel-input>div p{
		margin-left:10px;
		float:left;
		font-size:13px;
		line-height:18px;
	}
	#quick_menu .quick_counsel .cont .counsel-input>button{
		margin:9px 0 0 0;
		width:410px;
		height:42px;
		font-size:18px;
		color:#fff;
		font-weight:700;
		border:0;
		background:#91b821;
	}

	#quick_menu .calendar{
		display:block !important;
		box-shadow:none !important;
		width:238px !important;
		left: -100px !important;
		z-index:5;
	}

	/* quick_menu */
.quick_map .root_daum_roughmap .cont .section_subway {display:none}
.quick_map .root_daum_roughmap .cont .section_busstop {display:none}
.quick_map .root_daum_roughmap .cont .section_busline {display:none}
.quick_map .root_daum_roughmap .cont .section_howtogo {display:none}
	/*#quick_menu .quick_map .map{
		border:1px solid #ccc;
	}
	#quick_menu .quick_map .map div{
		display:inline-block;
		padding:10px 13px;
		width:100%;
	}
	#quick_menu .quick_map .map div span{
		display:inline-block;
		float:left;
		margin-right:14px;
		font-size:16px;
	}
	#quick_menu .quick_map .map div p{
		float:left;
		font-size:14px;
		line-height:20px;
	}
	#quick_menu .quick_map .mobile-input{
		width:100%;
		margin:14px 0;
		padding:10px 13px;
		height:80px;
		background:#edeff0;
		box-sizing:border-box;
	}
	#quick_menu .quick_map .mobile-input span{
		display:block;
		font-size:16px;
		color:#3f3f3f;
		letter-spacing:-0.7px;
		margin-bottom:8px;
	}
	#quick_menu .quick_map .mobile-input input{
		width:295px;
		height:26px;
		border:1px solid #ccc;
	}
	#quick_menu .quick_map .mobile-input button{
		width:64px;
		height:26px;
		font-size:16px;
		color:#fff;
		border:none;
		border-radius:2px;
		background:#000;
		vertical-align:middle;
		float:right;
	}
	#quick_menu .quick_map .cont>button{
		width:200px;
		height:42px;
		font-size:18px;
		font-weight:700;
		color:#fff;
		text-align:center;
		border:none;
		border-radius:2px;
		background:#91b821;
		cursor:pointer;
	}
	#quick_menu .quick_map button.more{
		float:right;
	}
	#quick_menu .quick_map .hours{
		margin-top:16px;
		padding-top:16px;
		border-top:1px solid #8c8c8c;
	}*/

/* main */
.mainContents{
	position:relative;
}
	/* visual */
	.mainVisual .mainVisual_mouse{
		z-index:3;
		position:absolute;
		text-align:center;
		left:50%;
		bottom:80px;
		display:inline-block;
		margin-left: -10px;
		width:30px;
		height:47px;
		background:url("/images/visual_icon_mouse.png") no-repeat 0 0;
	}
	.swiper-slide>img{
		z-index:1;
		position:relative;
	}
	.swiper-slide .txt{
		z-index:2;
		position:absolute;
		top:21em;
		right:50%;
		width:1200px;
		text-align:right;
	}
	.swiper-slide .txt>div{
		position:relative;
		right:-50%;
	}
	.swiper-slide .txt span{
		font-size:80px;
		color:#59636b;
	}
	.swiper-slide .txt span strong{
		font-weight:700;
		color:#91b821;
	}
	.swiper-slide .txt p{
		margin:30px 0 20px 0;
		font-weight:400;
		font-size:30px;
		color:#273844;
		line-height:40px;
		letter-spacing:-1px;
	}
	.swiper-slide .txt p strong{
		color:#91b821;
	}
	.swiper-slide .txt>div>a{
		display:inline-block;
		width:148px;
		height:48px;
		line-height:46px;
		text-align:center;
		font-size:22px;
		color:#273844;
		border:1px solid #636f77;
	}


	/* section01 */
	.mainContents .section01{
		width:1200px;
		margin:79px auto 0;
	}

	.mainContents .section01 .section1-1{
		width:905px;
		float:left;
	}

		/* ¸®¾ó½ºÅ丮 */
		.mainContents .section01 .realStory{
			position:relative;
			float:left;
			width:595px;
			height:300px;
			overflow:hidden;
		}
		.mainContents .section01 .realStory .swiper-slide a{
			display:inline-block;
			width:100%;
			height:100%;
		}

		.mainContents .section01 .realStory .swiper-button-prev,
		.mainContents .section01 .realStory .swiper-button-next{
			top:141px;
		}
		.mainContents .section01 .realStory .swiper-button-prev{
			left:19px;
			background:url("/images/mbanner_realstory_prev.png") no-repeat 0 0;
		}
		.mainContents .section01 .realStory .swiper-button-next{
			right:19px;
			background:url("/images/mbanner_realstory_next.png") no-repeat 0 0;
		}

		/* ÀÌ´ÞÀÇ º£½ºÆ® ½Ã¼ú */
		.mainContents .section01 .bestSurgery{
			float:right;
			padding:0 19px;
			width:298px;
			height:300px;
			border:1px solid #e5e5e5;
			box-sizing:border-box;
		}
		.mainContents .section01 .bestSurgery h3{
			height:59px;
			line-height:59px;
			color:#2f2f2f;
			font-size:22px;
			border-bottom:1px solid #ccc;
		}
		.mainContents .section01 .bestSurgery h3 a{
			position:relative;
			display:inline-block;
			width:10px;
			height:10px;
			top:27px;
			float:right;
		}
		.mainContents .section01 .bestSurgery ul{
			margin:20px 0;
		}
		.mainContents .section01 .bestSurgery ul li{
			margin-bottom:16px;
		}
		.mainContents .section01 .bestSurgery ul li em,
		.mainContents .section01 .bestSurgery ul li span{
			display:inline-block;
		}
		.mainContents .section01 .bestSurgery ul li .num{
			width:26px;
			height:26px;
			font-size:18px;
			color:#fff;
			text-align:center;
			background:#9da5ab;
		}
		.mainContents .section01 .bestSurgery ul li .tit{
			margin:0 13px;
			font-size:18px;
			color:#2f2f2f;
		}
		.mainContents .section01 .bestSurgery ul li .tit:hover{
			text-decoration:underline;
			cursor:pointer;
		}
		.mainContents .section01 .bestSurgery ul li .hit{
			width:27px;
			height:16px;
			background:url("/images/mbanner_surgery_hit.gif") no-repeat 0 0;
		}
		.mainContents .section01 .bestSurgery ul li .up{
			width:10px;
			height:6px;
			float:right;
			background:url("/images/mbanner_surgery_up.gif") no-repeat 0 0;
		}
		.mainContents .section01 .bestSurgery ul li .down{
			width:10px;
			height:6px;
			float:right;
			background:url("/images/mbanner_surgery_down.gif") no-repeat 0 0;
		}
		/* mbanner_genuine */
		.mainContents .section01 .mbanner_genuine{
			float:left;
			clear:left;
			margin-top:10px;
		}

		/* À¯Åõºê ¿µ»ó */
		.mainContents .section01 .mainVideo{
			float:right;
			margin-top:10px;
			height:300px;
		}

		/* ÇǺε¸º¸±â */
		.mainContents .section01 .section1-2{
			float:right;
			width:285px;
			height:610px;
			position:relative;
			border:1px solid #e5e5e5;
			background:url("/images/main_section1-2.jpg") no-repeat 0 0;
			overflow:hidden;
			box-sizing:border-box;
		}
		.mainContents .section01 .section1-2 .text{
			margin:13px 0 0 21px
		}
		.mainContents .section01 .section1-2 .text h3{
			font-size:40px;
			color:#81a518;
			font-weight:600;
			letter-spacing:-2px;
		}
		.mainContents .section01 .section1-2 .text p{
			margin-top:7px;
			font-size:26px;
			color:#3f3f3f;
			line-height:32px;
			letter-spacing:-2px;
		}
		.mainContents .section01 .section1-2 .text a{
			display:inline-block;
			margin-top:10px;
			width:68px;
			height:28px;
			line-height:26px;
			font-size:20px;
			color:#fff;
			text-align:center;
			background:#404e57;
		}
		.mainContents .section01 .section1-2 .zoom_tool{
			position:absolute;
			width: 205px;
			height: 199px;
			/*
			border-width: 5px;
			border-style: solid;
			border-color: red;
			*/
			-moz-border-radius: 200px;
			-webkit-border-radius: 200px;
			border-radius: 200px;
			cursor:pointer;
			left:25px;
			bottom:25px;
			background:url("/images/main_section1-2_big.jpg") no-repeat -158.5px -884.5px;
		}

		.mainContents .section01 .section1-2 .zoom_tool>img{
			margin: -4px 0 0 -190px;
		}

		/* ¼ö»ó ¹è³Ê */
		.mainContents .section01 .section1-3{
			margin-top:10px;
		}
		.mainContents .section01 .section1-3 .swiper-pagination-bullet{
			margin:0 0 0 8px;
			width:10px;
			height:10px;
		}

		.mainContents .section01 .section1-3 .swiper-pagination{
			top:10px;
			right:18px;
			left:inherit;
			bottom:inherit;
			text-align:right;
		}
		.mainContents .section01 .section1-3 .swiper-pagination-bullet-active{
			background:#3b4455;
		}

	/* ¿À¶óŬ WITH½ºÅ¸ & ¸®¾ó¸ðµ¨ */
	.mainContents .withStar{
		width:1200px;
		height:455px;
		margin:72px auto 40px;
		text-align:center;
		background:url("/images/mbanner_withstar_bg.jpg") no-repeat 0 0;
	}
	.mainContents .withStar h3{
		position:relative;
		top:-12px;
		font-weight:400;
		font-size:22px;
		color:#2f2f2f;
	}
	.mainContents .withStar h3 em{
		font-weight:700;
		color:#81a518;
	}
	.mainContents .withStar_swiper .swiper-slide{
		display:inline-block;
		width:100%;
	}
	.mainContents .withStar_swiper .swiper-slide>p{
		margin:95px 0 42px 0;
		width:100%;
		font-weight:400;
		font-size:40px;
		color:#444;
		line-height:40px;
		letter-spacing:-2.1px;
	}
	.mainContents .withStar_swiper .swiper-slide>p>em{
		font-weight:700;
		color:#ff5a53;
	}
	.mainContents .withStar_swiper .swiper-slide>a{
		display:inline-block;
		width: 100%;
		height: 100%;
	}

	.mainContents .withStar_swiper .swiper-wrapper{
		margin-top:9px;
	}
	.mainContents .withStar_swiper .swiper-pagination{
		bottom:62px !important;
	}
	.mainContents .withStar_swiper .swiper-pagination-bullet{
		width:6px;
		height:6px;
		background:#cdcdcd;
	}
	.mainContents .withStar_swiper .swiper-pagination-bullet-active{
		background:#ff8ea1;
	}
	.mainContents .withStar_swiper .swiper-button-prev,
	.mainContents .withStar_swiper .swiper-button-next{
		top:160px;
	}
	.mainContents .withStar_swiper .swiper-button-prev{
		width:52px;
		height:52px;
		background:url("/images/mbanner_withstar_prev.png") no-repeat 0 0;
	}
	.mainContents .withStar_swiper .swiper-button-next{
		width:52px;
		height:52px;
		background:url("/images/mbanner_withstar_next.png") no-repeat 0 0;
	}

	/* section03 */
	.mainContents .section03{
		width:100%;
		height:730px;
		background:url("/images/mbanner_section03_bg.jpg") no-repeat 0 0;
		background-size:cover;
	}
	.mainContents .section03 ul{
		padding-top:70px;
		width:1200px;
		margin:0 auto;
		box-sizing:border-box;
	}
	.mainContents .section03 ul li{
		float:left;
		margin-right:30px;
	}
	.mainContents .section03 ul li:last-child{
		margin-right:0;
	}
	.mainContents .section03 ul li .box{
		width:380px;
		height:300px;
		text-align:center;
		background:#fff;
	}
	.mainContents .section03 ul li .box em,
	.mainContents .section03 ul li .box span{
		display:block;
	}
	.mainContents .section03 ul li .box em{
		padding-top:46px;
		font-size:18px;
		color:#78bbc3;
	}
	.mainContents .section03 ul li .box span{
		margin:3px 0 15px 0;
		font-size:32px;
		color:#2f2f2f;
	}
	.mainContents .section03 ul li .box p{
		font-size:18px;
		line-height:28px;
	}
	.mainContents .section03 ul li a{
		display:inline-block;
		width:100%;
		height:100%;
	}
	.mainContents .section03 ul li a *{
		opacity:1;
	}
	.mainContents .section03 ul li a:hover *{
		opacity:0.3;
		transition: all 0.5s ease;
	}
	/*.mainContents .section03 ul li:nth-child(1) a:hover{
		background:url("/images/mbanner_section0301_icon.png") no-repeat center #0b1f2d;
	}
	.mainContents .section03 ul li:nth-child(2) a:hover{
		background:url("/images/mbanner_section0302_icon.png") no-repeat center #0b1f2d;
	}
	.mainContents .section03 ul li:nth-child(3) a:hover{
		background:url("/images/mbanner_section0303_icon.png") no-repeat center #0b1f2d;
	}*/

	/* philosophy */
	.mainContents .philosophy{
		width:100%;
		height:480px;
		text-align:center;
		background:#3e9eaa;
	}
	.mainContents .philosophy h3{
		padding-top:57px;
	}
	.mainContents .philosophy h3 em{
		display:block;
		font-weight:400;
		font-size:20px;
		color:#c5e2e6;
	}
	.mainContents .philosophy h3 span{
		display:block;
		padding-bottom:21px;
		font-weight:700;
		font-size:40px;
		color:#fff;
		background:url("/images/mbanner_philosophy_titbg.gif") no-repeat center bottom;
	}
	.mainContents .philosophy ul{
		width:1200px;
		margin:40px auto 0;
	}
	.mainContents .philosophy ul li{
		float:left;
		padding-top:160px;
		width:25%;
		font-size:18px;
		color:#fff;
	}
	.mainContents .philosophy ul li:nth-child(1){
		background:url("/images/mbanner_philosophy_icon01.png") no-repeat center 0;
	}
	.mainContents .philosophy ul li:nth-child(2){
		background:url("/images/mbanner_philosophy_icon02.png") no-repeat center 0;
	}
	.mainContents .philosophy ul li:nth-child(3){
		background:url("/images/mbanner_philosophy_icon03.png") no-repeat center 0;
	}
	.mainContents .philosophy ul li:nth-child(4){
		background:url("/images/mbanner_philosophy_icon04.png") no-repeat center 0;
	}

/* page_nation */
.page_nation{text-align:center;}
.page_nation > div{display:inline-block;}
.page_nation > div > a{margin:0 3px;}
.page_nation a{display:inline-block; float:left; width:32px; height:32px; line-height:30px; font-size:16px; border:1px solid #ccc;}
.page_nation ul{display:inline-block; float:left; margin:0 13px;}
.page_nation ul li{display:inline-block; float:left; margin:0 3px;}
.page_nation ul li a.on{color:#fff; border:0; background:#6c7a85;}

/* boardWrite */
.board_writeWrap > span{display:inline-block; float:right; margin-bottom:10px; font-size:13px; color:#f73e72; font-weight:600;}
.boardWrite{clear:both;}
.boardWrite table{width:100%; border-top:2px solid #787878;}
.boardWrite table tr th, .boardWrite table tr td{height:56px; line-height:56px; border-bottom:1px solid #ccc;}
.boardWrite table tr th{padding:0 0 0 32px; text-align:left; font-size:18px; font-weight:600; color:#3f3f3f; background:#edeff0;}
.boardWrite table tr th span{margin-left:5px; font-size:18px; color:#f73e72; font-weight:600;}
.boardWrite table tr td{padding:0 30px;}
.boardWrite table tr td *{vertical-align:middle; font-size:14px;}
.boardWrite table tr td input[type="text"], .boardWrite table tr td select{padding:0 15px; height:28px; line-height:28px; border:1px solid #ccc; box-sizing:border-box;}
.boardWrite table tr td select {-webkit-appearance: none; background:url("/images/boardWrite_select_arrow.gif") no-repeat center right 15px;}
.boardWrite table tr td select::-ms-expand {display: none;}
.boardWrite table tr td span{display:inline-block;}
.boardWrite table tr td textarea{padding:15px; width:920px; height:180px; font-size:14px; border:1px solid #ccc;}
.boardWrite table tr input[type="checkbox"]{margin-right:9px;}
.boardWrite table tr p{display:inline-block;}
.boardWrite table tr a{display:inline-block; margin-left:10px; width:74px; height:26px; line-height:25px; font-size:16px; font-weight:600; color:#fff; text-align:center; background:#555;}
.boardWrite table tr.cont td{padding:20px 30px;}
.board_writeWrap .boardWrite_button{float:right; margin-top:30px;}
.board_writeWrap .boardWrite_button a{display:inline-block; width:200px; height:42px; line-height:41px;
font-size:18px; font-weight:700; color:#fff; text-align:center; background:#91b821; border-radius:2px;}
.board_writeWrap label.fileBtn{color: #fff; background: #172e3e; display: inline-block;
    width: 70px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; margin-left: 5px;}


/* boardList */
.listWrap{border-top: 2px solid #444; text-align:center;}
.listWrap .listTabWrap{margin:20px 0 50px 0;}
.listWrap .listTabWrap>ul{display: inline-block; width: 100%;}
.listWrap .listTabWrap>ul>li{display: inline-block;float: left; width: calc(100%/6);border: solid #cccccc; border-width: 1px 0px 1px 1px;  font-size: 20px; transition: all 0.5s;}
.listWrap .listTabWrap>ul>li:last-child{border-right-width: 1px;}
.listWrap .listTabWrap>ul>li:hover{background: #91b821; color: #fff;}
.listWrap .listTabWrap>ul>li.on{background: #91b821; color: #fff;}
.listWrap .listTabWrap>ul>li>a{display: inline-block; width: 100%; height: 100%; padding: 18px 0; cursor:pointer;}

.listWrap .searchBox{margin-top: 45px; margin-bottom: 20px; text-align: right; }
.listWrap .searchBox>.writeBtn{float: left;background: #555555 url(../images/write_icon01.png) no-repeat center left 15px; padding-left: 18px;
color: #fff; width:102px; height: 36px; text-align: center; line-height: 36px; border-radius:2px;}
.listWrap .searchBox>div{display: inline-block; }
.listWrap .searchBox>div>*{display: inline-block; float: left; margin-left: 10px; }
.listWrap .searchBox>div>span{font-weight: 700; font-size: 20px; }
.listWrap .searchBox>div>input{width: 400px; height: 36px; line-height: 36px; padding-left: 5px; border:1px solid #ccc;}
.listWrap .searchBox>div>select{-webkit-appearance: none; padding:0 10px; width:99px; height:36px; line-height: 36px;
font-family:"Dotum"; font-size:16px; background:url("/images/boardWrite_select_arrow.gif") no-repeat center right 15px;
border:1px solid #ccc;}
.listWrap .searchBox>div>select::-ms-expand {display: none;}
.listWrap .searchBox>div>a{background: #555555 url(../images/search_icon01.png) no-repeat center left 20px; padding-left: 15px;
color: #fff; width: 90px; height: 36px; text-align: center; line-height: 36px; border-radius:2px; cursor:pointer;}
.listWrap table{width: 100%; border-top: 2px solid #cccccc; margin-bottom: 50px;}
.listWrap table *{font-family:"Dotum"; font-size:16px;}
.listWrap table tr{border-bottom: 1px solid #cccccc; height: 110px; font-size: 16px;}
.listWrap table tr:first-child{height: auto;}
.listWrap table tr.best{background: #edeff0;}
.listWrap table th{padding: 20px 0; font-weight:bold;}
.listWrap table td{padding: 20px 0;}
.listWrap table td*{vertical-align:middle;}
.listWrap table td:nth-child(3){text-align: left;}
.listWrap table td:nth-child(3)>a{display: inline-block; width: 100%;}
.listWrap table td:nth-child(3)>a>*{vertical-align: middle;}
.listWrap table td:nth-child(3)>a>span{display: inline-block;}
.listWrap table td .listThum{width: 116px; height: 86px; display: inline-block; margin-right: 20px; border: 1px solid #ccc;}
.listWrap table td .new{display: inline-block; width:35px; height:16px; line-height:16px; text-align:center;
font-family:"Noto Sans KR"; font-size:13px; font-weight:600; color: #fff; background:#f73e72; margin-left: 10px;}
.listWrap table tr td.subject{padding:0 10px; text-align:left;}
.listWrap table tr td.state span{
	display:inline-block; width:72px; height:35px; line-height:35px;
	font-size:14px; font-weight:bold; color:#fff;
}
.listWrap table tr td.state span.prstate_gray{background:#74828b;}
.listWrap table tr td.state span.prstate_green{background:#91b821;}

.listWrap table tr td.percent{text-align:center !important;}
.listWrap table tr td.percent > div{display:inline-block; position:relative; width:285px; height:12px; background:#eeeff1;}
.listWrap table tr td.percent > div > span{position:absolute; top:0; left:0; height:12px; background:#91b724;}
.listWrap table tr td.percent .number{display:inline-block; margin-left:24px;}
.history_w30p{width:30%;}
.history_w25p{width:25%;}
.history_w100p{width:100%;}


/* ¸¶ÀÌÆäÀÌÁö */
.mypage{margin:80px auto 0; width:1200px; text-align:left !important;}
.mypage h2{font-family:"NanumSquare"; font-size:40px; font-weight:normal;}
.mypage_content{float:right; margin:0 0 120px 0; width:960px;}
.mypage .page_nation{margin-top:60px;}

.mypage .titBox h2 span, .titBox h2 span em{font-family:"Noto Sans KR"; color:#91b821; font-weight:600;}
.mypage .titBox p{margin-top:3px; font-size:20px; font-weight:600;}
.mypage .cont{margin-top:58px;}

	/* ±â°£º°,Á÷Á¢ÀÔ·Â Á¶È¸ */
	.dateCount{margin-bottom:20px; padding:0 12px; height:76px;	line-height:65px;border-top:2px solid #787878; border-bottom:1px solid #ccc; background:#edeff0;}
	.dateCount *{vertical-align:middle;}
	.dateCount > div{height:100%;}
	.dateCount > div > span.tit{display:inline-block; float:left; margin:3px 14px 0 0; font-size:18px; font-weight:600;}
	.dateCount .date_sort{float:left;}
	.dateCount .date_sort ul{display:inline-block;}
	.dateCount .date_sort ul li{float:left; margin-left:-1px; width:70px; height:36px; line-height:34px; text-align:center;
	border:1px solid #ccc; background:#fff; cursor:pointer;}
	.dateCount .date_sort ul{margin-top:3px;}
	.dateCount .date_sort ul li.on{color:#fff; border:0; background:#91b821;}
	.dateCount .date_pick{float:right;}
	.dateCount .date_pick em{margin:0 4px; font-family:"Dotum"; font-size:12px;}
	.dateCount .date_pick .datepicker input{padding-left:7px; width:124px; height:36px; font-size:15px; border:0; background:url("/images/mypage_datepick_icon.gif") no-repeat top 7px right 11px #fff;}
	.dateCount .date_pick > button{margin:3px 0 0 10px; width:80px; height:36px; line-height:36px; border-radius:2px; font-size:18px; color:#fff; text-align:center;
	border:none; background:#555; cursor:pointer;}
	.dateCount .calendar{line-height:18px;}

	/**/
	.mypage ul.tab{display:inline-block; margin:0 0 25px 0; width:100%;}
	.mypage ul.tab li{float:left; margin-left:-1px; width:171px; height:52px; line-height:50px;
	font-size:20px; text-align:center; border:1px solid #ccc; cursor:pointer;}
	.mypage ul.tab li.active{color:#fff; border:none; background:#91b821;}

	/* boardList*/
	.mypage_boardList .listWrap{border-top:0;}
	.mypage_boardList .listWrap table tr{height:60px;}
	.mypage_boardList .listWrap table td{padding:0; height:60px;}
	.mypage_boardList .listWrap > table{text-align:center;}
	.mypage_boardList .listWrap > table th, .mypage_boardList > table td{height:52px; font-family:"Dotum"; font-size:16px; border-bottom:1px solid #ccc;}
	.mypage_boardList .listWrap > table th{font-weight:bold; border-top:2px solid #ccc;}



@media screen and (max-width:1650px){
	#quick_menu{right: -220px;}
	#quick_menu.showQ{right: 0px;}
	#quick_menu .showQuickBtn{
		display: block !important;
		position: absolute;
		width: 30px;
		height: 30px;
		background: #91b724;
		top: 0;
		left: -30px;
		cursor: pointer;
		color: #fff;
		line-height: 30px;
		text-align: center;
	}
}
@media screen and (max-width:1500px){
	.gnb_wrap {height: auto; max-height:120px}
	.gnb_wrap .gnb {height:60px}
	.gnb_wrap .gnb > ul > li > a {line-height:60px}
	.gnb_wrap .gnb>ul:hover .submenus_area {display: block; top:100px; }
	.gnb_wrap h1{position:relative; left:0; line-height:30px; padding-top:10px}
	.gnb_wrap .gnb:hover { height: 120px;}
	.gnb_wrap .gnb:hover .submenus_area{top: 125px;}
	#popup_joinLogin {top:140px}
}