@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* SIR 지운아빠 */

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Nanum Gothic', 'open sans';}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Nanum Gothic', 'open sans';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Nanum Gothic', 'open sans';;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:'Nanum Gothic', 'open sans';font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
/*a:link, a:visited {color:#fff; text-decoration:none}*/
a:link, a:visited {color:#000; text-decoration:none}
/*a:hover, a:focus, a:active {color:#e6e4e4; text-decoration:none;}*/
a:hover, a:focus, a:active {color:#000; text-decoration:none;}
ul{list-style:none;}
.f_blod { font-weight:bold; }

#dado_info {border-collapse:collapse; border-top:0px solid #b6a732; border-bottom:1px solid #e9e9e9;}
#dado_info td {height:26px; border: 1px solid #eee; padding: 10px;}
#dado_info .head {height:30px; background:#f6f6f6; border-bottom:1px solid #e5e5e5; font-weight:bold; color:#252525;}

/*좌측메뉴*/
html.open { overflow: hidden; }
.btn { width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; z-index: 1; background-image: url("/img/menu.png"); background-size: 50%; background-repeat: no-repeat; background-position: center; cursor: pointer; }
.close { width: 50px; height: 50px; /*position: absolute; left: 0px; top: 0px;*/ background-image: url("/img/close.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; cursor: pointer; }
#menu {font-family: 'NanumSquare', sans-serif;overflow-y: auto; width: 290px; height: 100%; position: fixed; top: 0px; left: -292px; z-index: 9999; border: 1px solid #c9c9c9; background-color: white; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; } 
#menu li a:hover {color:#e95725;}
#menu ul {padding:0 0 0 20px;}
#menu li {font-size:14px; line-height:22px; font-weight:400;}
#menu .menu_bold {font-size:17px; line-height:24px; font-weight:800; padding:10px 0 0 0;}
.menu_instagram {font-size:17px !important; padding:20px 0 0 0;}

#menu.open { left: 0px; } 
.page_cover.open { display: block; } 
.page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0,0,0,0.4); z-index: 99; display: none; }

.login_con {padding:30px 0 0 0}
.login_con ul {}
.login_con li {display:inline-block; border:1px solid #dcdcdc; font-size:17px; font-family:'Jeju Gothic', serif; font-weight:800; padding:5px 20px; border-radius:30px; margin:0 10px 0 0;}

.naver_con {padding:10px 0 0 0}
.naver_con ul {}
.naver_con li {display:inline-block; padding:0 0px 0 0;}

/* 오픽테스트 메인 */
.opic_title_area {width:100%; height:auto; background:#fff; padding:30px 0 50px 0;}
.opic_title_sub {font-size:27px; color:#000; line-height:26px; margin:14px 0 0 0; font-weight:700;}
.opic_title_sub span {font-size:17px; }

.opic_caption_area {border-top:2px solid #000; border-bottom:2px solid #000; margin:50px 0 0 0;}
.opic_caption {font-size:17px; color:#000; line-height:26px; margin:10px 10px 0 10px; font-weight:700;}
.opic_caption li {padding:0 0 10px 0;}

.opic_step {padding-bottom:50px;  padding-right:40px; background:url('/img/opic_arrow.png')no-repeat right top 50px;margin-right:40px; text-align:center; /*background:url('/img/opic_btn_bg.png') center no-repeat;*/ 
display:inline-block;
/*padding:0 17px 27px 17px;*/}
.opic_step li{width:120px;height:120px; background-color:#fff; 
border-radius:120px;  font-size:15px; color:#000; font-weight:700;/* padding:45px 0 0 36px;*/}

.opic_sub_title01{font-weight:600; color:#fff; font-size:32px; position:absolute; left:30px; top:20px;}
.opic_sub_title02{font-weight:600; color:#333; font-size:25px; position:absolute; left:130px; top:455px;}
.opic_sub_title03{font-weight:600; color:#333; font-size:25px; position:absolute; left:130px; top:660px;}

div.opic_step:nth-child(4) h2{color:#ef1c25;}
div.opic_step:nth-child(8n){padding-right:0px !important;margin-right:0px !important;}
div.opic_step:nth-child(13n){padding-right:0px !important;margin-right:0px !important;}

.opic_step span {display:block; font-size:13px; line-height:10px;}
.opic_step H2 {
 font-family: 'Open Sans', sans-serif;
 font-weight:800; /*Extra-Bold*/ 
 letter-spacing:-1px;
	display:block; 
	font-size:40px; 
	line-height:120px; 
	/*padding:10px 0 0 0;*/}
.opic_step li a:hover {color:#fe6100;}

.opic_step2 { padding-right:15px;margin-right:5px;text-align:center;background:url('/img/opic_arrow02.png')no-repeat right top 30px;
/*background:url('/img/opic_btn_bg.png') center no-repeat;*/ display:inline-block; /*padding:0 17px 27px 17px;*/}
div.opic_step2:nth-child(10){padding-right:0px !important; margin-right:0px !important;}

div.opic_step2:nth-child(11), div.opic_step2:nth-child(12),div.opic_step2:nth-child(13),div.opic_step2:nth-child(14),div.opic_step2:nth-child(15),
div.opic_step2:nth-child(16), div.opic_step2:nth-child(17),div.opic_step2:nth-child(18),div.opic_step2:nth-child(19), div.opic_step2:nth-child(20)
{margin-top:140px;}



div.opic_step2:nth-child(20){padding-right:0px !important; margin-right:0px !important;}
div.opic_step2:nth-child(1) h2{color:#ef1c25;}
div.opic_step2:nth-child(11) h2{color:#ef1c25;}
.opic_step2 li {width:70px;height:70px; background-color:#fff; 
border-radius:70px;  font-size:15px; color:#000; font-weight:700;}
.opic_step2 span {display:block; font-size:13px; line-height:10px;}
.opic_step2 H2 {
 font-family: 'Open Sans', sans-serif;
 font-weight:600; /*Extra-Bold*/ 
 letter-spacing:-1px;
	display:block; 
	font-size:35px; 
	line-height:70px; 
	/*padding:10px 0 0 0;*/}
.opic_step2 li a:hover {color:#e24b82;}

.opic_step3 {width:150px; height:140px; background:url('/img/opic_btn_bg.png') center no-repeat; display:inline-block; padding:0 17px 27px 17px;}
.opic_step3 li { font-size:15px; color:#000; font-weight:700; padding:45px 0 0 36px;}
.opic_step3 span {display:block; font-size:13px; line-height:10px;}
.opic_step3 H2 {
 font-family: 'Open Sans', sans-serif;
 font-weight:800; /*Extra-Bold*/ 
 letter-spacing:-1px;
	display:block; 
	font-size:42px; 
	line-height:41px; 
	padding:10px 0 0 0;}
.opic_step3 li a:hover {color:#e24b82;}




.opic_step_area {padding:90px 0 0 0;}
/* 오픽테스트 메인 */

.mycard_head{font-size:22px; color:#fff; font-weight:bold;}
.mycard_txt{font-size:14px;color:#fff; padding:4px 0;}
.mycard_dot{font-size:6px;color:#fff}
.mycard_no{font-size:12px;color:#fff}


#pay_message p{font-size: 14px; font-weight:bold;}
#pay_message span{font-size: 12px; line-height: 20px;}
.rules_head {
	font-size: 30px;
	color:#000;
}
.rules_txt {
	font-size: 12px;
	line-height: 20px;
	color:#000;
}
.rules_txt2 {
	font-size: 14px;
	color:#000;
}
.rules_head2 {
	font-size: 14px;
	font-weight: bold;
	color:#000;
}
.rules_txt3 {
	font-size: 14px;
	line-height: 20px;
	color:#000;
}

/* 메인비쥬얼2 */

#featured{ 
	width:251px; 
	padding-right:786px; 
	position:relative; 
	border:0px solid #ccc; 
	height:363px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:786px; 
	list-style:none; 
	padding:0; margin:0; 
	width:251px; 

}
#featured ul.ui-tabs-nav li{ 
	padding:0px 0; padding-left:px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:0px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:16px;
	line-height:24px;
	position:relative; 
	top:36px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:121px; 
	color:#000; ; 
	line-height:px;
	

}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#;
	text-decoration:none 
}
#featured li.ui-tabs-selected{ 
	/*background:url('/img/selected-item.png') top left no-repeat;*/

}

#featured ul.ui-tabs-nav li a{
	background:url('/img/main_caption_bg.png') top left no-repeat;
	}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	color:#fff; 
	opacity: 0.0;
	filter: alpha(opacity=0);
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('/img/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


/*메인비쥬얼*/
* {
	margin: 0;
	padding: 0;
}

::selection {
	background: #bfa57c;
	color: #fff;
}
/*
body {
	color: #a48d66;
	font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif;
}

h1, h2, h3, h4, b {
	font-weight: 300;
	font-family: bree-web, Bree, sans-serif;
}
	h2 {
		font-size: 28px;
		padding-bottom: 60px;
	}
	b {
		font-weight: 500;
		font-size: 16px;

		color: #c3522f;
	}

#logo {
	position: absolute;
	left: 80px;
	top: 40px;
	z-index: 2;

	margin-left: -17px;
}
*/
.banner {
	position: relative;
	width: 100%;
	overflow: auto;

	font-size: 18px;
	line-height: 18Px;
	text-align: center;
  color:#fff;
	/*color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);*/

	background: #;
	/*box-shadow: 0 1px 2px rgba(0,0,0,.25);*/
}
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		min-height: 279px;

		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;

		/*box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);*/
	}

	.banner .inner {
		padding: 0px 0 0px 150px;
		margin:0 auto;
		width:1037px;
		text-align:left;
		font-weight: bold;
		color:#828282;
		font-size: 13px;
	}
.banner span{
	  clear: both;
		margin: 0 auto;
		width:480px;
		padding:0px 0 0px 26px;
		line-height: 42px;
}
	.banner h1, .banner h2 {
		float:left;
		padding-top:px;
		font-size: 36px;
		line-height: 42px;
		font-weight: bold;
		text-align: ;
		font-family:'Nanum Gothic';
		color: #fff;
		width:280px;
	}
	.banner p {
		font-size: 16px;
		line-height: 32px;
		margin: 0 auto;
		color:#696969;
		text-align: ;
		padding:38px 0 0px 40px;
		width:480px;
	}
	.banner .btn {
		display: inline-block;
		margin: auto 0;
		padding: ;
		clear: both;
    
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;

		border: px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}

	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		width: 100%;
		text-align:center;
	}
		.banner .dots li {
			display: inline-block;
			*display: inline;
			zoom: 1;

			width: 10px;
			height: 10px;
			line-height: 10px;
			margin: 0 2px;

			text-indent: -999em;
			*text-indent: 0;

			border: 2px solid #fff;
			border-radius: 10px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}

	.banner .arrows {
		position: absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
	}
		.banner .arrow {
			display: inline;
			padding-left: 10px;
			cursor: pointer;
		}

.features {
	overflow: hidden;
	padding: 50px 0;

	background: #f7f7f6;
	box-shadow: inset 0 -1px 3px rgba(0,0,0,.03);
}
	.features li {
		position: relative;
		padding: 0 25px 0 40px;
		list-style: none;

		width: 25%;
		float: left;
	}
		.features li:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;

			display: block;
			width: 24px;
			height: 22px;

			background: url('img/icons.png');
		}
			.features li.browser:before { background-position: 0 -44px; }
			.features li.height:before { background-position: 0 -22px; }
			.features li.responsive:before { background-position: 0 -66px; }
	.features b {
		display: block;
		padding-bottom: 6px;
	}

.how {
	padding: 60px 0;
}
	.how h2 {
		color: #7c6853;
	}
	.how h3 {
		padding-bottom: 8px;

		color: #7b6b53;
		font-size: 20px;
		line-height: 10px;
	}
	.how li {
		position: relative;
		width: 375px;
		margin: 0 0 40px 15px;
		padding-left: 10px;
	}
	.how pre {
		position: absolute;
		left: 450px;
		top: 0;

		width: 495px;
		padding: 20px 25px;

		background: #f8f5f0;
		color: #8a785d;

		font-size: 12px;
		line-height: 18px;

		border-radius: 5px;
		box-shadow: inset 0 2px 2px rgba(180,157,125,.15), inset 0 0 1px rgba(0,0,0,.2);
	}
	.how p {
		padding-bottom: 15px;
	}

.options {
	padding: 60px 0;

	background: #39342d;
	color: #7b7368;

	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
}
	.options a {
		opacity: .7;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255,.2);
		text-decoration: none;
	}
		.options a:hover {
			opacity: 1;
			border-bottom-color: rgba(255,255,255,.3);
		}
	.options p {
		font-size: 16px;
		line-height: 25px;

		padding-bottom: 20px;
	}
	.options h2 {
		color: #fff;
		padding-bottom: 15px;
	}
	.options pre {
		padding: 20px 25px;

		background: #342f29;
		color: #988f81;

		font-size: 13px;
		line-height: 19px;

		box-shadow: inset 0 2px 2px rgba(0,0,0,.15), inset 0 0 1px rgba(0,0,0,.1);
		border-radius: 5px;
	}
		.options pre span {
			color: #706657;
		}

.footer {
	padding: 80px 0 60px;
	text-align: center;
}
	.footer .btn {
		display: inline-block;
		padding: 13px 24px 10px;
		margin-bottom: 15px;

		background-color: #c4652d;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#d07936), to(#b95124));
		background-image: -webkit-linear-gradient(top, #d07936, #b95124);
		background-image: -moz-linear-gradient(top, #d07936, #b95124);
		background-image: -o-linear-gradient(top, #d07936, #b95124);
		background-image: -ms-linear-gradient(top, #d07936, #b95124);
		background-image: linear-gradient(top, #d07936, #b95124);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d07936', EndColorStr='#b95124');

		border-radius: 5px;
		box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.15), inset 0 2px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.1);

		color: #fff;
		text-shadow: 0 1px 2px rgba(0,0,0,.2);

		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		text-transform: uppercase;

		border: none;
	}
	    .footer .btn span {
	        font-weight: normal;
	        opacity: .8;
	    }
		.footer .btn:hover {
			opacity: .95;
			color: #fff;
		}
		.footer .btn:active {
			opacity: 1;
			background-color: #bc5f29;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#b55625), to(#c3692d));
			background-image: -webkit-linear-gradient(top, #b55625, #c3692d);
			background-image: -moz-linear-gradient(top, #b55625, #c3692d);
			background-image: -o-linear-gradient(top, #b55625, #c3692d);
			background-image: -ms-linear-gradient(top, #b55625, #c3692d);
			background-image: linear-gradient(top, #b55625, #c3692d);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b55625', EndColorStr='#c3692d');

			box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,.1), inset 0 2px 2px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.1);
		}
	.footer a {
		margin: 0 4px;

		color: #79654e;
		text-decoration: none;
		border-bottom: 1px solid #ddd2c6;
	}
		.footer a:hover {
			color: #665139;
			border-color: #d1bfa9;
		}

.wrap {
	margin: 0 auto;
	width: 960px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
	.wrap {
		width: 90%;
	}
	#logo {
		left: 50px;
		top: 30px;
	}

	.banner h1, .banner h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.banner ul li {
		height: 240px;
	}
	.banner .inner {
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.banner p {
		font-size: 15px;
		width: 80%;
		margin: 0 auto;
	}
	pre {
		overflow: auto;
	}
	.features li {
		width: 100%;
		margin-left: 10px;
		margin-bottom: 30px;
	}
	.how li {
		width: 90%;
	}
	.how pre {
		position: static;
		width: 100%;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.features li:before {
		background: url('img/icons@2x.png');
		background-size: 100%;
	}
}

.mainbutton {position:relative;margin:0 auto;width:1037px;}

.buttonPrev {
    z-index: 1;
    position: absolute;
    left: 0%;
    top:100px;
    width: 35px;
    height:70px;

}

.buttonNext {
    z-index: 1;
    position: absolute;
    right: 0%;
    top:100px;
    width: 35px;
    height:70px;
}

/* 메인비쥬얼 */
#visual_wrap {/*width:100%;*/min-width: 100%; width: 1630px;margin:20px auto 35px auto;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
#visual_wrap2 {width:1037px;height:363px;margin:auto; padding:20px 0 0 0;}

#gnb {width:1400px; text-align:center; margin:0 auto;}

#gnb_1dul {margin:0 auto !important;padding:0;zoom:1;text-align: center;font-family:'Jeju Gothic', serif; font-weight:550;width:100%;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;display:inline-block;list-style:none;float:none;}
.gnb_1da {display:inline-block;width:94px; font-weight:500; background-color:#; text-align:center; padding:0px 10px 0 10px;line-height:38px;text-decoration:none;font-size:18px; }
.gnb_1da:focus, .gnb_1da:hover {color:#bc9272;  /*background:url('../img/gnb_bg00.gif') center riGht no-repeat;*/ text-decoration:none}
.gnb_1da:link, .gnb_1da:visited {color:#000;}
.gnb_1dli_air .gnb_1da {background-color:#;color:#c6001f}
.gnb_1dli_on .gnb_1da {background-color:#;color:#e95725;}
.gnb_2dul {display:none !important;position:absolute;top:px;width:100%; list-style:none;}
.gnb_2da {display:block;padding:12px 10px 12px 10px; text-align:center; text-decoration:none; font-size:14px;  /*height:26px;*/;}
.gnb_1dli_air .gnb_2da {background-color:#;color:#2f2f2f;}
.gnb_1dli_on .gnb_2da {background-color:#;color:#2f2f2f;color:#fff;}
.gnb_2da:focus, .gnb_2da:hover {background:#bc9272;text-decoration:none; color:#fff600;}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#e56627}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#c6001f; }
.gnb_1dli p {position:absolute;top:26px;right:10px;}

.gnb_2dli .gnb_3dul {display:none;position:absolute;top:px;width:100%; list-style:none;}
.logo_padd {padding:0 100px;}





#hd_wrap02 {width:100%;margin:auto;background:none;border:none;}
#wrap02 {position:relative;width:100%;}


#price {width:80px; height:22px; background-color:#e2e2e2;}

#icon_wrap {width:100%;margin:auto;overflow:hidden;}
#icon {margin:auto;width:1037px; padding-top:20px;}
#icon li{color:#000;padding-top:em; list-style:none;}
#icon p {margin:0; padding:0;}

.icon_back01 {background-color:#ebebeb;width:525px;height:319px;float:left;border:1px solid #e5e5e5;}
.icon_back01 li{color:#fff;padding-left:em;}

.icon_back02 {background-color:#ebebeb;height:319px;width:502px;float:left;margin-left:5px;border:1px solid #e5e5e5;}
.icon_back02 li{color:#fff;padding-left:0px;}
.icon_back02 ul{border:0px solid #e5e5e5;}

.icon_back03 {background-color:#fff;height:268px;width:286px;float:left; margin-left:9px;border:1px solid #e5e5e5;}
/*.icon_back03 li{color:#fff;}
.icon_back03 ul{border:1px solid #e5e5e5;}*/

.icon_back04 {background-color:#fff;height:262px;width:281px;float:left; ;}
.icon_back04 li{color:#fff;padding-left:9px;}

#icon_wrap2 {width:100%;margin:auto;overflow:hidden; padding:10px 0 0px 0;}
#icon2 {margin:0 auto;width:1033px; height:238px; background-color:#fff;border:1px solid #e5e5e5;}
.icon_back05 {width:513px;float:left;}
.icon_back05 li{color:#fff;padding-left:em;}

.icon_back06 {width:482px;float:left; padding:42px 0 0 38px;}
.icon_back06 li{color:#fff;padding-left:em;float:left;}

#icon_wrap3 {width:100%;margin:auto;overflow:hidden; padding:96px 0 26px 0;}


.icon_back012 {background-color:#fff;height:63px;width:570px;float:left;margin-left:px; border:solid 1px #e8e8e8;}
.icon_back012 li{color:#fff;list-style:none;}

.icon_back022 {background-color:#fff;height:63px;width:570px;float:left;margin-left:8px; border:solid 1px #e8e8e8;}
.icon_back022 li{color:#fff;list-style:none;padding-left:8px}

.icon_back032 {background-color:#fff;height:100px;width:366px;float:left;margin-left:px;}
.icon_back032 li{color:#fff;padding-left:0em;list-style:none;}

#icon_wrap4 {width:100%;overflow:hidden;  padding:40px 0 26px 0;}
#icon4 {margin:auto 0;width:1037px;}
#icon4 li{font-size:13px; /*color:#8a8a8a;*/ padding-top:em;}

.icon_back014 {background-color:#;height:;width:215px;float:left;}
.icon_back014 li{color:#fff;padding-left:0em;list-style:none;}

.icon_back024 {background-color:#;height:;width:786px;float:left;padding-left:36px;}
.icon_back024 li{color:#fff;padding-left:0em;list-style:none;}

.icon_back024a {background-color:#;height:;width:100%;float:left;padding-left:36px;}
.icon_back024a li{color:#fff;padding-left:0em;list-style:none;}

.icon_back024b {background-color:#;height:;width:100%;float:left;padding-left:0;}
.icon_back024b li{color:#fff;padding-left:0em;list-style:none;}

.icon_back034 {width:100%; padding:50px 0 0 0;}
.icon_back034 li{color:#fff;padding-left:0em;list-style:none;}

/* 서브페이지 */
#sub_container {z-index:1; position:relative; margin:0px auto; padding:0px;width:1037px;/*min-height:500px;*/height:auto !important;height:500px;background:#;font-size:1em;zoom:1}
#sub_icon {width:100%;background:#;}
#sub_visible{width:100%; height:69px; background:#2C2C2C; /*background:url('/shop/img/sub_visible.png') center repeat !important*/}
#sub_visible h1 {width:1037px; position:relative; top:20px; font-size:24px; margin:0 auto; text-align:center; color:#fff; font-weight:normal; /* text-shadow:1px 1px 1px #737373;*/}
.sub_title {margin:0; font-size:20px; color:#4e4e4e; font-weight:bold; border-bottom:solid 0px #cccccc; padding-bottom:21px;}
.sub_title span {display:none; color:#777676; float:right; padding:18px 0 2px 0; font-size:12px;}

.speaking_title {padding:0 0 50px 0;}
.speaking_txt {border-top:solid 2px #000; border-bottom:solid 2px #000; text-align:left; padding:10px 0; line-height:23px; font-size:14px; color:#424242;}
.speaking_message {padding:0; width:100%; height:500px; margin:30px 0 0 0; background:#e0c1b7 !important}
.speaking_list_area {/*width:920px;*/ width:145px; margin:0 auto; padding:50px 0px 25px 50px; float:left;}
.speaking_list {border:solid 8px #fff; width:145px; height:145px;}
.speaking_list ul {width:110px; height:110px; margin:0 auto; padding:5px 0 0 0;}
.speaking_list li {text-align:center; color:#453a36; font-size:14px; padding:3px 0;}
.speaking_list li span {font-size:46px; color:#000;}
.speaking_click {padding:35px 0 0 10px !important}
.speaking_copyright {padding:10px 0 20px 0; text-align:center;}
.speaking_copyright_txt {line-height:34px; font-size:20px; color:#ac0000;}

.newwin_mocktest_btn {text-align:right;}
.newwin_mocktest_btn01 {text-align:right; background:#cccccc; font-size:16px; font-weight:bold; /*font-family:Gotham;*/ color:#000; padding:10px 9px 9px 9px;}
.newwin_mocktest_btn a {text-decoration:none !important}

.time_area {width:300px; margin:0 auto; padding:20px 0 0px 0;}
.MTitle_area {background:#000; color:#fff; text-align:center; font-size:20px; line-height:28px; font-family:'Nanum Gothic', 'open sans';}
.MTimer_area {border-left:solid 2px #000; border-right:solid 2px #000; border-bottom:solid 2px #000; text-align:center; padding:0; margin:0;}

/*.MTimer_area {border-left:solid 2px #000; border-right:solid 2px #000; border-bottom:solid 2px #000; text-align:center; padding:0; margin:0;}*/

.mo_title {z-index:0;position:absolute;top:45%;right:3px;width:100%;font-size:20px;text-align:center;font-weight:bold}
.mo_tw {overflow:hidden;padding:80px 0 0}
.mo_t1 {float:left;width:50%}
.mo_t2 {float:right;width:50%}
.mo_t1p {position:relative;padding:0 25px}
.mo_tt1w{overflow:hidden}
.mo_tt {float:left; margin-right:8px;line-height:124px;text-align:center;font-size:38px !important;font-weight:bold;width:109px;height:124px;background:url('/img/mote_wimg.png') center no-repeat}
.mo_tt a {color:#fff;text-decoration:none}
.mo_tt a:hover {text-decoration:none;color:#000}
.mo_tt_nm {margin-right:0}
.mo_tt2w{z-index:1;position:relative;padding-left:59px;margin-top:-20px;overflow:hidden}
.mo_tt3w{overflow:hidden;margin-top:-20px}

.mocktest_title_img {}
.mocktest_title_voice {max-width:924px; margin:0 auto;} 
.newwin_mocktest_ex {display:block;}

.newwin_mocktest {max-width:1024px; width:100%; height:100%; margin:0 auto; background:#f3ecce; font-family: arial;}
.newwin_mocktest01 {max-width:1037px; height:100%; min-height:950px; margin:0 auto; background:#ccc;}
.newwin_mocktest_atitle { background:#fff; padding:25px 50px 50px; font-size:17px; color:#0f0f0f; line-height:24px; text-align: center; font-weight:; text-decoration:underline;}

.newwin_mocktest_area01 {/*background:#ccc;*/ /*width:100%;*/ /*height:100%;*/ margin:0 auto; padding:65px 20px 65px 10px;; /*text-align:center;*/ font-size:20px; line-height:24px; position:relative;}

.newwin_mocktest_area {position:relative; max-width:1024px; width:100%; margin:0 auto; padding:50px 0 0 0; font-size:20px; line-height:24px;}
.newwin_mocktest_guide01 {width:1024px; padding:10px 50px; font-size:14px; line-height:24px;}
.newwin_mocktest_guide02 {width:1024px; background:#fff; padding:10px 50px; height:25px; font-size:14px; line-height:24px;}
.newwin_mocktest_guide02 span{ display:block; float:left; margin-right:100px; }
.newwin_mocktest_guide03 { display:block; padding:10px 0px; font-size:14px; line-height:24px;}
.newwin_mocktest_abtn { clear:both; padding:20px 0 0 0; font-size:15px;}
.newwin_mocktest_nbtn01 { display:block; width:177px; background:#333333; padding:17px 0; margin:0 auto; border-radius:50px; text-align:center; font-size:18px; color:#fff;}
.newwin_mocktest_nbtn02 { float:right; /* position: relative; top:20px;*/padding: 0 40px 0 0;}
.newwin_mocktest_nbtn02b {display:inline-block; vertical-align:bottom; padding:0 0 0px 0;}
.newwin_mocktest_nbtn02c {position:absolute;top:450px;right:0px;}
.newwin_mocktest_nbtn02a {clear:both; position: relative; top:10px; right: 40px; text-align:right;}
.newwin_mocktest_nbtn03 { float:right; position: relative; top:-35px; right: -250px; }

/*.newwin_mocktest_nbtn04 { float:right; position: relative; top:-100px; right: -150px; }*/
.newwin_mocktest_nbtn04 {display:inline-block; vertical-align:bottom;}
.newwin_mocktest_nbtn04_a {display:inline-block; vertical-align:bottom; width:129px; height:108px;}

.newwin_mocktest_nbtn05 { float:right; /*position: relative; top:-35px;*/  font-size:13px; color:red}
.newwin_mocktest_nbtn05 img{ margin: 15px 50px 15px 0;}
.nbtn_t_center{ margin: 0 -25px; }
.self_listen { display:block; width:177px; background:#333333; padding:10px 0; /*margin:0 auto;*/ border-radius:50px; text-align:center; font-size:13px; color:#fff;}*/
.newwin_mocktest_area .ctgo {text-align:center}
/*.newwin_mocktest_area p {text-align:center; letter-spacing:px; font-family:'open sans';}*/
.newwin_mocktest_area ul{ margin:50px 0 0 0;}
/*.newwin_mocktest_setting{ position: relative; float:left; background:#fff; border: 5px solid #000; border-radius: 10px; width:264px; height:364px; margin:50px 50px 0 0;padding:20px 0; font-size:16px;}*/
.newwin_mocktest_setting{ position: relative; float:left; background:#fff; border: 5px solid #000; border-radius: 10px; width:264px; height:314px; margin:50px 50px 0 0;/*padding:20px 0;*/ font-size:16px;}

.chang_alpha {
opacity: 0.35;
filter: alpha(opacity = 35); // IE6,7
-ms-filter: “alpha (opacity=35)”; // IE8
-moz-opacity: 0.35; // Firefox 1.5
-khtml-opacity: 0.35; // Safari 1.x
zoom: 1; 
}

.chang_alpha2 {
opacity: 0.35;
filter: alpha(opacity = 35); // IE6,7
-ms-filter: “alpha (opacity=35)”; // IE8
-moz-opacity: 0.35; // Firefox 1.5
-khtml-opacity: 0.35; // Safari 1.x
zoom: 1; 
}

.newwin_mocktest_setting02{position: relative; float:left; background:#fff; border: 5px solid #000; border-radius: 10px; width:264px; height:314px; margin:50px 0 0 0;/*padding:20px 0;*/ font-size:16px;}

.newwin_mocktest_top {border-top:solid 4px #000; border-bottom:solid 4px #000; background:#fff; padding:10px;}
.newwin_mocktest_top01 { border-bottom:solid 4px #cccccc; background:#fff; /*padding:10px;*/}


.newwin_mocktest_title01 {padding:30px 0 10px; font-size:30px; font-weight:bold; color:#000; font-family:Helvetica Neue; text-align: center;}
.newwin_mocktest_title {padding:30px 0 10px;font-size:46px; color:#000; font-family:'Nanum Myeongjo', serif;}
.newwin_mocktest_start {border:solid 4px #000; font-size:60px; line-height:80px; width:400px; margin:0 auto; padding:20px 20px 20px 70px; font-family:'Nanum Gothic', 'open sans'; font-weight:bold;letter-spacing:-3px;}
.newwin_mocktest_start a {text-decoration:none; }
.newwin_mocktest_txt {position:absolute;top:0;left:-54px;width:1024px;padding:12px 0;font-size:18px; color:#fff; text-align:center;background:#000;}
.newwin_mocktest_txt2 {width:915px;padding:0px 0 20px 0;font-size:28px; color:#000; text-align:center;background:#; font-weight:bold;}
.newwin_mocktest_txt3 {width:915px;padding:20px 0 20px 0;font-size:16px; color:#000; font-weight:bold; line-height:20px;}
.newwin_mocktest_txt4 {width:915px;padding:20px 0 20px 0;font-size:30px; color:#e10c0c; font-weight:bold; line-height:20px; text-align:center;}
.newwin_mocktest_txt5 {width:915px;padding:20px 0 20px 0;font-size:18px; color:#000; font-weight:bold; line-height:26px; text-align:center;}

.newwin_mocktest_txt6 {float:left; padding:50px 0 0 0; font-size:16px; color:#000; font-weight:bold; line-height:30px; text-align:;}
.newwin_mocktest_txt7 {padding:50px 0 0 0;font-size:16px; color:#000; font-weight:; line-height:30px;}
.newwin_mocktest_txt9 {width:915px;padding:50px 0 0px 0;font-size:20px; color:#000; text-align:center;background:#; font-weight:bold;}
.newwin_mocktest_txt10 {padding:50px 0 0px 0;font-size:16px; color:#000; font-weight:; line-height:30px; list-style:none;}

.sub_head {margin:31px 0 15px 0; font-size:1.2em; color:#252525}
.sub_head span {color:#9b8f1d}
.sub_copy {margin:46px 0 44px 0; font-size:30px; color:#5e5e5e; line-height:38px;}
.sub_message {float:left;width:746px; margin:0 ; font-size:px; color:#6f6f6f; line-height:25px; border:solid 1px #cccccc; padding:30px 0 30px 30px;}

.sub_message2 {float:left;width:100%; margin:0 ; font-size:px; color:#6f6f6f;}

.compay_txt2{ font-size:16px; color:#5e5e5e; line-height:42px; height:433px;}

.compay_txt{ font-size:16px; color:#5e5e5e; line-height:42px; height:383px;}
.compay_txt p{ position:absolute;top:110px;right:40px;}



.setting_title{display:block; z-index:1; position: relative; left: 35px; top:-25px; width:193px; background:#333333; border-radius:50px; padding:10px 0; text-align:center; font-size:17px; color:#fff; font-weight:bold;}
.setting_text{display:block; overflow:hidden; width:85%; margin:0 auto; font-size:15px;}
.setting_btn{position: absolute; bottom:5px; left:5px; background:#e6e4e4; border-radius:0 0 10px 10px; width:254px; margin:0 auto; padding:24px 0; text-align:center;}

.setting_btn_off {text-indent:-999px;background:url(../img/sample_btn_playing.png) no-repeat 0px 0px; width:92px; height:92px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -93px 0px; }
.setting_btn_off:hover {background-position: 0px 0px; }

.setting_btn_pause {text-indent:-999px;background:url(../img/sample_btn_pause.png) no-repeat 0px 0px; width:92px; height:92px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -92px 0px; }
.setting_btn_pause:hover {background-position: 0px 0px; }

.setting_btn_record {text-indent:-999px;background:url(../img/sample_btn_record.png) no-repeat 0px 0px; width:92px; height:92px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -92px 0px; }
.setting_btn_record:hover {background-position: 0px 0px; }

.setting_btn_stop {text-indent:-999px;background:url(../img/sample_btn_stop.png) no-repeat 0px 0px; width:92px; height:92px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -92px 0px;}
.setting_btn_stop:hover {background-position: 0px 0px; }

.setting_btn_listen {text-indent:-999px;background:url(../img/sample_btn_listen.png) no-repeat 0px 0px; width:92px; height:92px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -92px 0px; }
.setting_btn_listen:hover {background-position: 0px 0px; }

.setting_btn_replay {text-indent:-999px;background:url(../img/sample_btn_replay.png) no-repeat 0px 0px; width:92px; height:92px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -92px 0px;}
.setting_btn_replay:hover {background-position: 0px 0px; }

.setting_btn_next {text-indent:-999px;background:url(../img/ex_btn_next.png) no-repeat 0px 0px; width:129px; height:108px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -129px 0px; }
.setting_btn_next:hover {background-position: 0px 0px; }


/*
.setting_btn_off {text-indent:-999px;background:url(../img/sample_btn_playing.png) no-repeat 0px 0px; width:64px; height:64px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -65px 0px; }
.setting_btn_off:hover {background-position: 0px 0px; }

.setting_btn_pause {text-indent:-999px;background:url(../img/sample_btn_pause.png) no-repeat 0px 0px; width:64px; height:64px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -64px 0px; }
.setting_btn_pause:hover {background-position: 0px 0px; }

.setting_btn_record {text-indent:-999px;background:url(../img/sample_btn_record.png) no-repeat 0px 0px; width:64px; height:64px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -64px 0px; }
.setting_btn_record:hover {background-position: 0px 0px; }

.setting_btn_stop {text-indent:-999px;background:url(../img/sample_btn_stop.png) no-repeat 0px 0px; width:64px; height:64px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -64px 0px;}
.setting_btn_stop:hover {background-position: 0px 0px; }

.setting_btn_listen {text-indent:-999px;background:url(../img/sample_btn_listen.png) no-repeat 0px 0px; width:64px; height:64px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -65px 0px; }
.setting_btn_listen:hover {background-position: 0px 0px; }

.setting_btn_replay {text-indent:-999px;background:url(../img/sample_btn_replay.png) no-repeat 0px 0px; width:64px; height:64px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -64px 0px;}
.setting_btn_replay:hover {background-position: 0px 0px; }

.setting_btn_next {text-indent:-999px;background:url(../img/ex_btn_next.png) no-repeat 0px 0px; width:129px; height:108px;overflow:hidden; margin:0 auto; cursor:pointer; background-position: -129px 0px; }
.setting_btn_next:hover {background-position: 0px 0px; }
*/
/*.setting_opacity{ opacity:0.5; }*/

/*.survey_select { display:block; position: relative  float: right; top: -124; right: -50; background:#343434; padding: 10px 25px; font-size:13px; line-height:24px; color:#fff; }*/
.survey_select_area {float:right;}
.survey_select_area_re {position:relative; top:0px; width:291px; height:100%; overflow:auto;}
.survey_select {position:fixed; background:#343434; width:240px; padding: 10px 25px; font-size:13px; line-height:24px; color:#fff; }
.survey_select_txt {border:none;  background:#343434; font-size:13px; line-height:px; color:#fff; width:18px; text-align:center; padding:0 0 4px 0;}

.survey_select span{ font-size:14px; font-weight:bold; }
.survey_text { display:block; margin:20px 0; font-size:13px; line-height:20px; color:#666666; }
.survey_qestion { margin:0 0 40px 40px; font-size:14px; line-height:24px; color:#333; }
.survey_qestion li {list-style:none;}
.survey_qestion_radio { margin-left:18px; font-size:12px; line-height:24px; color:#333; }
/*.survey_qestion_radio01 { font-size:12px; line-height:24px; color:#7c7c7c; }*/
.survey_qestion_checkbox { margin-left:18px; font-size:12px; line-height:24px; color:#7c7c7c; }

.self_a {  margin:10px 0; font-size:13px; line-height:24px; color:#333; height:70px;  clear:both;}
.self_a ul { }
.self_a input{ margin-right:10px;}
.self_a img{ margin-right:10px;}
.self_a li { float:left; }
.self_text { float:left; margin-bottom:0px; }

.overview_img {position:relative; display:inline-block; margin:50px 0px 0 0px; padding:0 0px 0 0; text-align:center; width:100%;}


/*.sample_player { position: relative; top:50px; right: -200; }*/
.sample_player {display:inline-block; text-align:center; padding:50px 0 0 130px;}
.sample_player02 { position: relative; top:50px; right: -90; }
.sample_player03 { position: relative; top:50px; right: -130; }
/*.s_connect { float:left; margin:332px 8px 0 0; width:170px; height:144px; background: url('/img/btn_s_connected3.png');}*/
.s_connect {display:inline-block; width:170px; height:144px; background: url('/img/btn_s_connected3.png'); vertical-align:bottom;}
.s_connect table {margin:0 auto; padding:10px 0 0 0;}


/*.player { width:312px; height:453px; border:10px solid black; border-radius:5px; float:left; }*/
.player {display:inline-block; border:10px solid black; border-radius:5px;}

.player01 { width:312px; height:453px; border:10px solid black; border-radius:5px; float:left; }
.player_bg{ width:312px; height:320px; background-image: url('/img/overview_woman.png'); }
.playing_bg{ width:312px; height:320px; background-image: url('/img/overview_woman.gif'); background-size:312px 320px; }

.btn_recording {float:right; padding:10px 10px 0 0;}
.player_guide { height:24px; background:#000; padding-top:2px;font-size:10px; color:#ffcccc; text-align:center; }
.player_btn { height:99px; background:#5d5d5d; padding-top:8px; text-align:center; }
/*.player_recording { float:left; position: relative; top:8px; right: -188; }*/
.player_recording {display:inline-block; }

.newwin_last {margin:100px 0 0 0; text-align:center; color:#333; line-height:30px;}
.newwin_last span {font-weight:bold; color:#000;}
.newwin_last_txt {text-align:center; font-size:14px; color:#fff; padding:50px 0 0 0;}

.ex_guide { font-size:20px; color:#000; font-weight:bold; }
.ex_guide01 { float:left;  margin:30px; }
/*.ex_guide02 { float:right; position: relative; top:-264px; right:0; clear:both;}*/
.ex_guide02 { float:left; margin:30px 0 0 0; }
.ex_guide03 { clear:both; text-align:center; margin:0 auto;}
/*.ex_guide03 { float:left;  margin-top:30px; position: relative; top:0; right:220px; }*/
/*.ex_guide_text { font-size:16px; color:#787676; }*/
.ex_guide_text { font-size:16px; color:#787676; padding:0 0 10px 0; }
/*.ex_guide_box { margin-top:10px; width:344px; height:164px; padding:30px; border:3px solid white; }*/
.ex_guide_box { margin-top:10px; width:344px; height:164px; padding:30px; border:3px solid white; margin:0 auto;}
.ex_guide_box_text01 { font-size:14px; color:#000; font-weight:bold; text-align:center; margin-bottom:5px; }
.ex_guide_box_text02 { font-size:8px; color:#000; font-weight:bold; line-height:14px; text-align:center;  }
.ex_guide_box_text03 { margin-top:50px; padding:10px; background:#999; /*font-size:3px; letter-spacing:-0.5;color:#fff; font-weight:bold;*/ text-align:center;  }
.ex_guide_box_text04 { margin-top:10px; padding:10px; background:#999; /*font-size:3px; letter-spacing:-0.5;color:#fff; font-weight:bold;*/ text-align:center;  }
.ex_guide_box_text05 { font-size:14px; color:#515050; /*font-weight:bold;*/ text-align:center; margin:25px 0 5px 0; }
.ex_guide_box_text06 { margin:40px 100px; font-size:4px; letter-spacing:-0.5;color:#fff; font-weight:bold;* text-align:center;  }

.a_text { width:587px; height:72px; margin:0 auto; padding:10px; background:#999;  /*font-size:3px; letter-spacing:-0.5;color:#fff; font-weight:bold;*/ text-align:center; }
.a_text_co {float:left; color:#fff; font-size:12.5px; /*font-family:'Gulim' !important;*/ line-height:72px; padding:0 0 0 16px;}
.btn_img_gap {float:left; padding:10px 0 0 10px; }

.time { /*display:block; position: relative;*/ float: right; /*top: -50; right: -20;*/ background:#999999; padding: 10px 3px; heigh:50px; border-radius: 0px 0px 10px 10px; font-size:15px; line-height:24px; color:#fff; }

.next_text01 { width:587px; margin:0 auto; padding:10px; background:#999; font-size:14px; /* letter-spacing:-0.5;font-weight:bold;*/ color:#fff; text-align:center; }
.next_text02 { width:640px; margin:0 auto; padding-bottom:10px; /*background:#999;  letter-spacing:-0.5; text-align:center;*/ font-size:14px; font-weight:bold; color:#000;  }
.next_text03 { width:587px; height:50px; margin:0 auto; padding:6px 30px; background:#999; font-size:14px; /* letter-spacing:-0.5;font-weight:bold; text-align:center;*/ color:#fff;  }
.next_text03 p{ display:block; float:left; margin-top:15px;}
.next_text03 a{ display:block; float:right;}

/*- Menu 7--------------------------- */
	
#menu7 {
	width: 200px;
	margin: 10px;
	}
	
#menu7 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu7 li a:link, #menu7 li a:visited {
	color: #000;
	display: block;
	background:  url(../shop/img/icon_img.png) no-repeat;
	padding: 8px 0 0 30px;
	}
	
#menu7 li a:hover {
	color: #adfaf3;
	background:  url(../shop/img/icon_img2.png) 190px 0px no-repeat;
	padding: 8px 0 0 30px;
	}




/* 신규가로네비 서브 */

	ul.form2 {
		/*border-top:6px solid #9b8f1d;*/
		position:relative;
		/*background:url('/img/navi_bg.png');*/
		width:215px;
		margin-bottom:35px;
		padding:0;
		list-style: none;
		overflow:hidden;
		border-left:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;
	}
	.form2 li a {
		width:205px;
		padding:20px 0 20px 10px;
		height:px;
		line-height:16px;
		display:block;
		overflow:hidden;
		position:relative;
		text-decoration:none;
		font-size:18px;
		border-bottom:1px solid #e5e5e5;
		font-weight:;
		color:#504f4f;
    background:  url(/shop/img/icon_img.png) 190px 20px no-repeat;
		
	}
	.form2 li span{font-size:12px;}
	.form2 li a:hover {
		color:#e56627;
		background:  url(/shop/img/icon_img2.png) 190px 20px no-repeat;
	}
			
/*	.form2 li a:hover i {
		color:#504f4f;
		border-radius:2em; background:#919191;
		
	}
*/
	.form2 i {
		margin-right:15px;
	}

	.form2 p {
		font-size: 20px;
		/*background: #ea4f35;*/
		padding: 3px 3px;	
		font-weight:;
		color: #b6a732;
		margin-top: 14px;
		margin-right: 10px;
		line-height: 20px;
		height: 20px;
		float:right;
	}
	.form2 li.selected a {
		color:#fff;
		background:#c6001f;
	}
	.form2 h5 {font-size:12px; color:#acacac; padding:9px 0 38px 0; }
	.form2 h2 {font-size:20px; color:#fff; padding:0px 0 0 10px; border-top:0px solid #000000; height:55px; background:#e56627; font-weight:normal; line-height:55px;}
	.form2 h3 {font-size:20Px; color:#2f2f2f; padding-bottom:20px; border-bottom:2px solid #9b8f1d;}
	.form2 h4 {font-size:20px; color:#2f2f2f; padding-bottom:20px; border-bottom:2px solid #9b8f1d;}



/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1000px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {background:none;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_qnb {border-bottom:1px solid #c9c9c9;background:#dadada;zoom:1}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb div {text-align:right;letter-spacing:-4px; width:1037px; margin:0 auto;}
#hd_qnb a {letter-spacing:0; font-size:12px; color:#919191; line-height:31px;}
#hd_qnb span {letter-spacing:0; font-size:12px; color:#eeeeee; line-height:31px;}
.toplogin {position:absolute; right:0; float:right; top:32px;}

#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:1037px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0}

#hd_sch {float:left;margin:0 0 0 20px;border:1px solid #c3c6ca}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch #sch_str {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}

#tnb {float:right}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left}
#tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em}
#tnb a:focus, #tnb a:hover {text-decoration:none}

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:100%;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}


/* aside wrapper */
#aside {float:left;margin:0 10px 0 0;width:150px}

#container {position:relative;float:left;width:100%;min-height:500px;height:auto !important;height:500px;background:#;zoom:1; padding:0 0 40px 0;}
#container:after {display:block;visibility:hidden;clear:both;content:""}

/* 텍스트 크기 조절 */
#text_size {display:none;position:absolute;top:-31px;left:-1px}
#text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer}

/* 하단 레이아웃 */
#ft {clear:both;padding:0 0 16px 0;min-width:1000px;border-top:0px solid #e9e9e9; background:#f5f5f5;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} 
#ft div {position:relative;margin:0 auto;padding:0 0 0 0px;width:1037px}
#ft .div2 {position:relative;margin:0 auto;padding:0 0 0 0px;width:100%;background:#e9e9e9; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; line-height:42px;}
#ft_logo {position:absolute;top:20px;left:0}
#ft ul {margin:0;padding:0;zoom:1}
#ft ul:after {display:block;visibility:hidden;clear:both;content:""}
#ft li {float:left;margin:0 20px 0 0}
#ft a {text-decoration:none}
#ft p {margin:0;padding:10px 0;line-height:1.8em}
#ft span {display:inline-block;margin:0 15px 0 0}
#ft b {display:inline-block;margin:0 5px 0 0}
#ft_totop {position:absolute;top:20px;right:0}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .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}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* Mobile화면으로 */
#mobile_cng {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 목록 바로가기 */
.sanchor {margin:0 0 10px;padding:0;zoom:1}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;margin-left:-1px;list-style:none}
.sanchor a {display:inline-block;border:1px solid #e9e9e9;background:#f2f5f9;padding:0 7px;height:30px;text-decoration:none;line-height:2.6em}
.sanchor a:focus, .sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
.sanchor a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 선택수정 버튼 */
.btn_list {margin:0 auto;width:93%}
.btn_list input, .btn_list button {background: none repeat scroll 0 0 #617D46;border: 0 none;color: #FFFFFF;height: 28px;line-height: 2.2em;padding: 0 15px;vertical-align: middle}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;border-top:1px solid #f26705;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:0em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f7f7f7;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:140px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_default {width:60px;text-align:center}
.td_dvr {width:30px;text-align:center}
.td_group {width:100px;text-align:center}
.td_imgsmall {width:60px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_name2 {width:px;text-align:center;}
.td_teacher{width:px;font-size:12px; text-align:center;letter-spacing:-1px; font-weight:bold; color:#e56627;}
.td_edu{width:px;font-size:14px; text-align:left;letter-spacing:-1px; color:#000;}
.td_edu2{width:px;font-size:12px; text-align:center;letter-spacing:-1px; color:#000;}
.td_day {width:px;font-size:12px; text-align:left;letter-spacing:px;line-height:20px; color:#000;}
.td_day2 {width:px;font-size:12px; text-align:center;letter-spacing:px;line-height:20px; color:#000;}
.td_time {width:120px;font-size:12px; text-align:center;letter-spacing:-1px;}
.td_pay2 {width:px;font-size:12px; font-weight:bold; color:#000; text-align:right;}
.td_pay {width:px;font-size:18px; font-weight:bold; color:#e56627; text-align:right;}
.td_namesmall {width:50px;text-align:left}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_statsmall {width:50px;text-align:center}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:'Nanum Gothic', 'open sans';;font-weight:bold;text-decoration:none}
.new_win .win_desc {margin:0 20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border:1px solid #e9e9e9}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current, .qa_page {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
#sidx_img img {max-width:100%;height:auto}

/* 마이페이지 */
#smb_my {}

#smb_my_ov {margin:0 0 20px}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#smb_my_act {margin:0 0 10px;;zoom:1}
#smb_my_act:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_act ul {float:right;margin:0;padding:0;list-style:none}
#smb_my_act li {float:left;margin:0 0 0 4px}
#smb_my_ov dl {margin:0;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#smb_my_ov dl:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov dt {float:left;padding:7px 10px;width:100px;border-bottom:1px solid #e9e9e9;font-weight:bold}
#smb_my_ov dd {float:left;margin:0;padding:7px 10px;width:220px;border-bottom:1px solid #e9e9e9}
#smb_my_ovaddt {border-bottom:0 !important}
#smb_my_ovaddd {width:590px !important;border-bottom:0 !important}

#smb_my_od {margin:0 0 20px}
#smb_my_od h2 {margin:0 0 10px}

#smb_my_wish h2 {margin:0 0 10px}

.smb_my_more {text-align:right}

.smb_my_img {width:90px;text-align:center}

/* 장바구니 */
#sod_bsk {}
.sod_img {width:90px;text-align:center}
.sod_opt {margin:5px 0;border:1px solid #e9e9e9;border-bottom:0;background:#f2f5f9}
.sod_opt ul {margin:0;padding:0;list-style:none}
.sod_opt li {padding:3px;border-bottom:1px solid #e9e9e9}
.sod_option_btn .mod_options {margin:0;padding:3px 0;width:100%;border:0;background:#ff882a;color:#fff;cursor:pointer}

#sit_opt_added {margin:0;padding:0;border:1px solid #e9e9e9;border-bottom:0;background:#fff;list-style:none}
#sit_opt_added li {padding:10px 20px;border-bottom:1px solid #e9e9e9}
#sit_opt_added li div {margin:5px 0 0;text-align:right}
#sit_opt_added button {margin:0 0 0 1px}

#sod_bsk_list {position:relative}
#sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none}

#sod_bsk_tot {margin:0 0 20px;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding:12px 0;border-bottom:1px solid #e9e9e9}
#sod_bsk_tot dt {padding-left:2%;width:48%;font-weight:bold}
#sod_bsk_tot dd {margin:0;padding-right:2%;width:47%;text-align:right}
.sod_bsk_cnt {background:#ff3061;color:#fff}
.sod_bsk_point {border-bottom:0 !important}

#sod_bsk_act {text-align:center}
#sod_bsk_act p {margin:0 0 10px}

/* 위시리스트 */
#sod_ws {}
.sod_ws_img {width:90px;text-align:center}
#sod_ws_act {text-align:center}

/* 주문서 작성 */
.display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9}
.display_setup_message strong {display:block;margin:0 0 10px}

#sod_frm {}
#sod_frm h2 {margin:0 0 10px}

#sod_frm p {margin:0 0 10px}

#sod_list {position:relative}
#sod_list #cp_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none}

#sod_frm_orderer {margin:20px 0 40px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0}

#sod_frm_addr div {position:relative} /* FF 포지션 */
#sod_frm_addr div div {position:absolute;top:-20px;left:170px}

#sod_frm_same {margin:0 0 10px}

#sod_frm #od_memo {height:50px}

#sod_frm p#sod_frm_pt {margin:10px 0 5px}
#sod_frm #sod_frm_pt_alert {margin:0 0 10px}

#sod_frm #display_pay_process {text-align:center}
#sod_frm #display_pay_process span {display:block;margin:5px 0 0}

#sod_frm_pay {position:relative}
#sod_frm_pay h2 {margin:0 0 10px}
#sod_frm_pay .tbl_wrap th {width:auto !important;font-weight:bold;text-align:center !important}
#sod_frm_pay .tbl_wrap td {padding:8px 5px 6px !important;border-top:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important}
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll}

#sod_frm_paysel {margin:0 0 20px;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;text-align:center}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#settle_bank {margin:10px 0 0}

#sod_frm_escrow {margin:30px 0 0}

#display_pay_process {padding:20px;text-align:center}

/* 배송지 목록 */
#sod_addr .td_mng button {margin:0;padding:0;border:0;background:transparent}

/* 주문내역 */
#sod_v {}
#sod_v .basic_tbl {text-align:center}
#sod_v_info {margin:0 0 10px;font-size:14px; font-weight:bold; line-height:22px; color:#000 !important;}

/* 주문상세내역 */
#sod_fin {}

#sod_fin_no {margin:0 0 20px}

#sod_sts_wrap {margin:0 0 10px;text-align:right}
#sod_sts_explan {display:none}

#sod_fin_legend {padding:7px 5px 0;border:1px solid #e9e9e9;text-align:left;zoom:1}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
#sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold}
#sod_fin_legend dd {float:left;margin:0}

#sod_fin #sod_bsk_tot {border-bottom:0 !important}

#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center}
#request_form .frm_input {width:300px;background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important}
#request_form .btn_frmline {padding:0 10px;line-height:1.6em}

#sod_req_btn {margin:0 0 10px}
#sod_req_btn button {background:#626870}

#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
.sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em}
.sod_req_log_view caption span {color:#ff3061}
.sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center}
.sod_req_log_view td {background:#fff;color:#000}
.sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000}
.sod_req_log_view .sod_req_it {width:270px}
.sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer}

#sod_fin_list h2 {margin:0 0 10px}
#sod_fin_list td {height:30px}

#sod_fin_view {border:1px solid #e9e9e9}
#sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}

#sod_fin_pay {padding:10px;border-bottom:1px solid #e9e9e9}

#sod_fin_orderer {padding:10px;border-bottom:1px solid #e9e9e9}

#sod_fin_receiver {padding:10px;border-bottom:1px solid #e9e9e9}

#sod_fin_dvr {padding:10px}
#sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline}

#sod_fin_tot {margin:0 0 30px;padding:10px;border:1px solid #e9e9e9;border-top:0;background:#565e60;color:#fff}
#sod_fin_tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:10px;border-bottom:1px solid #6f7a7d;zoom:1}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {text-align:center}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {padding:10px;border:0;background:#ff3600;color:#fff}
#sod_fin_cancelfrm {display:none;margin:10px 0 0}
#sod_fin_cancelfrm .frm_input {background:#fff}

#sod_fin_test {padding:10px}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 20px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

/* 공지사항 및 커뮤니티 새글 */
#sidx_lat {padding:15px 0 0;border-top:1px solid #ddd}
#sidx_lat h2 {text-align:center}

/* 배너 인덱스 출력 */
#sbn_idx {}

/* 상품검색 */
#ssch_frm {padding:20px;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#ssch_frm:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm div {margin:0 0 5px}
#ssch_frm strong, #ssch_frm .ssch_lbl {display:inline-block;width:100px;font-weight:bold}
#ssch_frm .frm_input {background:#fff}
#ssch_frm .btn_submit {padding:0 8px;height:24px}
#ssch_frm p {padding:10px 0;border-top:1px solid #e9e9e9;line-height:1.5em}
#ssch_frm #ssch_sort {float:left;margin:0;padding:0;list-style:none;zoom:1}
#ssch_frm #ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm #ssch_sort li {float:left;margin:0 1px 0 0}
#ssch_frm #ssch_ov {float:right}

#ssch_cate {}
#ssch_cate ul {margin:10px 0;padding:10px 20px 20px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_cate li {float:left;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #e9e9e9}
#ssch_cate a {}
#ssch_cate a span {font-weight:bold}

/* 쇼핑몰 이벤트 */
#sev {}
.sev_admin {margin:0 0 10px;text-align:right}

/* 쿠폰 */
#coupon .td_numbig {width:150px}
#coupon .td_datetime {width:180px}