/* jqm docs css

Beware: lots of last-minute CSS going on in here 
cobblers, shoes, 
*/

/* CSS Document */
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}



body { background: #f9f9f9; padding:13px; }
body.ui-mobile-viewport { padding: 0; }
body, input, textarea, select, button { font-family: '¸¼Àº °íµñ'; }
.ui-mobile .type-home .ui-content { margin: 0; background: #e5e5e5 url(../images/qr-sitebg.png) top center repeat-x; }
.ui-mobile #jqm-homeheader { padding: 30px 10px 0; text-align: center;  margin: 0 auto; }
.ui-mobile #jqm-homeheader h1 { margin: 0 0 ; }
.ui-mobile #jqm-homeheader p { margin: .3em 0 1em; line-height: 1.3; font-size: .8em; font-weight: bold; color: #666; }

.type-home .ui-content .jqm-version {
	display: block;
	position: absolute;
	width: 96px;
	border: solid #fff;
	border-width: 2px 1px;
	padding: .25em 2.25em;
	margin: 0 15px 0 0;
	right: 0;
	top: -2px;
	background: #f7cf57;
	color: #000;
	font-size: .8em;
	font-weight: bold;
	text-align: center;
	/*text-shadow: 0 1px 1px #fff;*/
	z-index: 9;
	-webkit-transform: rotate(45deg) translate(4.8em,-1em);
	-moz-transform: rotate(45deg) translate(4.8em,-1em);
	-ms-transform: rotate(45deg) translate(4.8em,-1em);
	-o-transform: rotate(45deg) translate(4.8em,-1em);
	transform: rotate(45deg);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.40);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.40);
	-o-box-shadow: 0 0 6px rgba(0,0,0,.40);
	box-shadow: 0 0 6px rgba(0,0,0,.40);
}
.type-home .ui-content .jqm-version b {
	color: #a21412;
	font-weight: bold;
}

.footer-docs {
	padding: 5px 0;
	clear:both;
	color:#666;

}
.footer-docs p {
	font-weight: normal;
	font-size: .9em;
}
.ui-mobile-viewport .footer-docs p {
	margin: .5em 15px;	
}
.ui-mobile-viewport .footer-docs p.jqm-version {
	font-weight: bold;
}
@media all and (min-width:650px) {
	.ui-mobile-viewport .footer-docs {
		overflow: hidden;		
	}
	.ui-mobile-viewport .footer-docs p {
		margin: 1em 15px;
		float: left;		
	}
	.ui-mobile-viewport .footer-docs p.jqm-version {
		float: right;
		font-weight: normal;
	}
}

h2 { margin:1.2em 0 .4em 0; }
p code { font-size:1.2em; font-weight:bold; } 
h4 code {font-size:1.2em; font-weight:bold; }

dt { font-weight: bold; margin: 2em 0 .5em; }
dt code, dd code { font-size:1.3em; line-height:150%; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
strong { font-weight: bold; }

#jqm-homeheader img { width: 295px; height: 84px; margin-top:10px; }
img { max-width: 100%; }

/* fluid images moved from jquery.mobile.core.css*/
.ui-mobile img {
	max-width: 100%;
}

.ui-header .jqm-home { top: 0; }
nav { margin: 0; }

p.intro {
	font-size: .96em;
	line-height: 1.3;
	border-top: 1px solid #75ae18;
	border-bottom: 0;
	background: none;
	margin: 1.5em 0;
	padding: 1.5em 15px 0;
}
p.intro strong {
	color:  #558e08;
}

.type-interior .content-secondary {
	border-right: 0;
	border-left: 0;
	margin: 10px -15px 0;
	background: #fff;
	border-top: 1px solid #ccc;
}
.type-home .ui-content {
	margin-top: 5px;
	overflow: hidden;
	position: relative;
}
.type-interior .ui-content {
	padding-bottom: 0;
}
.content-secondary .ui-collapsible {
	padding: 10px 15px;
}
.content-secondary .ui-collapsible-inset {
	margin: 0;
}
.content-secondary .ui-collapsible-content {
	padding: 0;
	background: none;
}
.content-secondary .ui-listview {
	margin: 0;
}
/* new API additions */

dt {  
	margin: 35px 0 15px 0; 
	background-color:#ddd; 
	font-weight:normal;
}
dt code { 
	display:inline-block; 
	font-weight:bold;
	color:#56A00E; 
	padding:3px 7px; 
	margin-right:10px; 
	background-color:#fff; 
}
dd { 
	margin-bottom:10px; 
}
dd .default { font-weight:bold; }
dd pre { 
	margin:0 0 0 0; 
}
dd code { font-weight: normal; }
dd pre code { 
	margin:0; 
	border:none; 
	font-weight:normal; 
	font-size:100%; 
	background-color:transparent; 
}
dd h4 { margin:15px 0 0 0; }
		
.localnav {
	margin:0 0 20px 0;
}
.ui-mobile-viewport .localnav li {
	float:left;
}
.localnav .ui-btn-inner { 
	padding: .6em 10px; 
	font-size:80%; 
}

/* custom dialog for the photos sharing */
.ui-dialog.dialog-actionsheet .ui-dialog-contain {
	margin-top: 0;
}

/* popup examples */
.type-interior .ui-popup-container .ui-content { padding: 15px !important; }

/* F bar theme - just for the docs overview headers */
.ui-bar-f {
	border: 1px solid #56A00E;
	background: 			#74b042;
	color: 					#fff;
	font-weight: bold;
	text-shadow: 0 1px 1px #335413;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
	background-image:     -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
	background-image:      -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
	background-image:         linear-gradient(#74b042, #56A00E);		
}
.ui-bar-f, 
.ui-bar-f input, 
.ui-bar-f select, 
.ui-bar-f textarea, 
.ui-bar-f button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}

.ui-bar-f,
.ui-bar-f .ui-link-inherit {
	color: 					#fff;
}
.ui-bar-f .ui-link {
	color: 					#fff;
	font-weight: bold;
}
.ui-btn-up-f {
	border: 1px solid 		#3B6F07;
	background: 			#56A00E;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
	background-image:     -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
	background-image:      -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
	background-image:         linear-gradient(#74b042, #56A00E);
}
.ui-btn-up-f a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-hover-f {
	border: 1px solid 		#3B6F07;
	background: 			#6EBC1F;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8FC963), to(#6EBC1F)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#8FC963, #6EBC1F); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#8FC963, #6EBC1F); /* FF3.6 */
	background-image:     -ms-linear-gradient(#8FC963, #6EBC1F); /* IE10 */
	background-image:      -o-linear-gradient(#8FC963, #6EBC1F); /* Opera 11.10+ */
	background-image:         linear-gradient(#8FC963, #6EBC1F);
}
.ui-btn-hover-f a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-down-f {
	border: 1px solid 		#3B6F07;
	background: 			#3d3d3d;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56A00E), to(#64A234)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#56A00E, #64A234); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#56A00E, #64A234); /* FF3.6 */
	background-image:     -ms-linear-gradient(#56A00E, #64A234); /* IE10 */
	background-image:      -o-linear-gradient(#56A00E, #64A234); /* Opera 11.10+ */
	background-image:         linear-gradient(#56A00E, #64A234);
}
.ui-btn-down-f a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}


/* docs site layout */

@media all and (min-width: 650px){
	
	.type-home .ui-content {
		margin-top: 5px;
	}
	.ui-mobile #jqm-homeheader {
		max-width: 340px;
	}
	p.intro {
		margin: 2em 0;
	}
	.type-home .ui-content,
	.type-interior > .ui-content {
		padding: 0;
	}
	.type-interior > .ui-content {
		overflow: hidden;
	}
	.content-secondary {
		text-align: left;
		float: left;
		width: 45%;
	}
	.content-secondary,
	.type-interior .content-secondary {
		margin: 30px 0 20px 2%;
		padding: 20px 4% 0 0;
		background: none;
		border-top: none;
		position: relative;
	}
	.type-interior .content-secondary::after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		height: 1px;
		width: 1px;
		margin-bottom: -9999px;
		padding-bottom: 9999px;
		background: #bbb;
	}
	.type-index .content-secondary {
		padding: 0;
	}
	.content-secondary .ui-collapsible {
		margin: 0;
		padding: 0;
	}
	.content-secondary .ui-collapsible-content {
		border-left: none;
		border-right: none;
	}
	.type-index .content-secondary .ui-listview {
		margin: 0;
	}
	.ui-mobile #jqm-homeheader {
		padding: 0;
	}
	.content-primary {
		width: 45%;
		float: right;
		margin-top: 30px;
		margin-right: 1%;
		padding-right: 1%;
	}
	.content-primary ul:first-child {
		margin-top: 0;
	}
	/* collapsible non-inset example */
	.content-primary .ui-collapsible-content ul:first-child {
		margin-top: -10px;
	}
	.content-secondary h2 {
		position: absolute;
		left: -9999px;
	}
	.type-interior .content-primary {
		padding: 1.5em 6% 3em 0;
		margin: 0;
	}
	/* fix up the collapsibles - expanded on desktop */
	.content-secondary .ui-collapsible-inset {
		margin-bottom: -1px;
	}
	.content-secondary .ui-collapsible-heading {
		display: none;
	}
	.content-secondary .ui-collapsible-contain {
		margin:0;
	}
	.content-secondary .ui-collapsible-content {
		display: block;
		margin: 0;
		padding: 0;
	}
	.content-secondary .ui-collapsible-content,
	.content-secondary .ui-collapsible-content > .ui-listview .ui-li-last {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.type-interior  .content-secondary .ui-li-divider {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	
}
@media all and (min-width: 750px){
	.type-home .ui-content {
		background-position: 39%;
	}
	.content-secondary {
		width: 34%;
	}
	.content-primary {
		width: 56%;
		padding-right: 1%;
	}
}

@media all and (min-width: 1200px){
	.type-home .ui-content{
		background-position: 38.5%;
	}
	.content-secondary {
		width: 30%;
		padding-right:6%;
		margin: 30px 0 20px 5%;
	}
	.type-interior .content-secondary {
		margin: 0;
		padding: 0;
	}
	.content-primary {
		width: 50%;
		margin-right: 5%;
		padding-right: 3%;
	}
	.type-interior .content-primary {
		width: 60%;
	}
}

/* reset for popup examples */
.type-interior .ui-popup.ui-content,
.type-interior .ui-popup .ui-content {
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: visible;
}

/* tables documenting enum-type settings */
.enum-value {
	vertical-align: top;
	white-space: nowrap;
}

/* Navbar examples */
.content-primary > .ui-header,
.content-primary > .ui-footer {
	overflow: hidden;
}

/* list styles */
ul { margin:0; padding-left:0; }
ul li { list-style:none; padding:.7em 0; margin:0; border-bottom:0px solid #e3e3e3; }
ul ul li { border: none;}

dl dd ul { padding-left: 40px; }
dl dd ul li { list-style: disc; }
dl dd ul li li { list-style: circle; }
dl dd ul li li li { list-style: square; }
dl dd ul li { border: none; }

.ui-mobile-viewport .localnav li {
	border: none;	
}







/* ADD - KIM JAE MIN 2012.12*/
.ui-li-thumb, .ui-li-icon {
		 left: 10px;
		 max-height: 270px; 
		 max-width: 200px;
		 position: absolute;
		 top: 5px;
}
/* MID ¸Þ´º */
#sp_container {
        margin: 0 auto;
        padding: 0 auto;
		background: #00a99d;
        border-top: 5px solid #00a99d;
}
ul#splist {
        text-align:center;
        padding: 0;
        margin: 0;
}
ul#splist li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0;
        width: 50%;
}
ul#splist li a {
        display: block;
        padding: 10px;
        color: #fff;
        text-decoration: none;
        background: #00a99d;
        font-size: 13px;
        font-family: 'Nanum Gothic';
}
#sp_container>ul#splist li a { width: auto; }

ul#splist li#active a, ul#splist li#active a:hover {
        background: #fff;
        color: #454545;
        font-size: 16px;
        font-family: 'Nanum Gothic';

}
ul#splist li a:hover {
        color: #084944;
}
/* */
/* Quiz ¸Þ´º */
#qz_BTNarea {
        margin: 0 auto;
        padding: 10px;

}
ul#qzlist {
        text-align:center;
        padding: 0;
        margin: 0;
}

ul#qzlist li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 50%;
}

ul#qzlist li a {
        display: block;
        padding: 10px;
		margin:2px;
        color: #1d1d1d;
        text-decoration: none;
        background: #cccccc;
        font-size: 15px;
        font-family: 'Nanum Gothic';
}

#qz_BTNarea>ul#qzlist li a { width: auto; }

ul#qzlist li#active a, ul#qzlist li#active a:hover {
        background: #fff;
        color: #454545;
        font-size: 15px;
        font-family: 'Nanum Gothic';
        text-decoration: none;

}
ul#qzlist li a:hover {
        color: #084944;
        text-decoration: none;
}
/*  qzlist2 */
ul#qzlist_2 {
        text-align:center;
        padding: 0;
        margin: 0;
}

ul#qzlist_2 li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 50%;
}

ul#qzlist_2 li a {
        display: block;
        padding: 10px;
		margin:2px;
        color: #fff;
        text-decoration: none;
        background: #dc3dba;
        font-size: 15px;
        font-family: 'Nanum Gothic';
}

#qz_BTNarea>ul#qzlist_2 li a { width: auto; }

ul#qzlist_2 li#active a, ul#qzlist_2 li#active a:hover {
        background: #be0f88;
        color: #fff;
        font-size: 15px;
        font-family: 'Nanum Gothic';
        text-decoration: none;

}
ul#qzlist_2 li a:hover {
        color: #fff;
		background: #be0f88;
        text-decoration: none;
}
/* */
/*  qzlist3 */
ul#qzlist_3 {
        text-align:center;
        padding: 0;
        margin: 0;

}

ul#qzlist_3 li {
        display: block;
        float: left;
        padding: 0;
		margin:0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 50%;

}

ul#qzlist_3 li a {
        display: block;
        padding: 10px;
		margin:2px;
        color: #fff;
        text-decoration: none;
        background: #39b54a;
        font-size: 15px;
        font-family: 'Nanum Gothic';

}

#qz_BTNarea>ul#qzlist_3 li a { width: auto; }

ul#qzlist_3 li#active a, ul#qzlist_2 li#active a:hover {
        background: #178626;
        color: #fff;
        font-size: 15px;
        font-family: 'Nanum Gothic';
        text-decoration: none;

}
ul#qzlist_3 li a:hover {
        color: #fff;
		background: #178626;
        text-decoration: none;
}
/*  qzlist sign */
ul#qzlist_s {
        text-align:center;
        padding: 0;
}

ul#qzlist_s li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;

}

ul#qzlist_s li a {
        display: block;
        padding: 10px;
		margin:2px;
        color: #454545;
        text-decoration: none;
        background: #d7d7d7;
        font-size: 15px;
        font-family: 'Nanum Gothic';
}

#qz_BTNarea>ul#qzlist_3 li a { width: auto; }

ul#qzlist_s li#active a, ul#qzlist_2 li#active a:hover {
        background: #d7d7d7;
        color: #454545;
        font-size: 15px;
        font-family: 'Nanum Gothic';
        text-decoration: none;

}
ul#qzlist_s li a:hover {
        color: #fff;
		background: #7c7c7c;
        text-decoration: none;
}
/* */
/* MID ¸Þ´º */
.gd_container {
        margin: 0 auto;
        padding: 0 auto;
		background: #959595;
        border-top: 5px solid #336699;
  	    letter-spacing: -2px;
}
ul#gdlist {
        text-align:center;
        padding: 0 auto;
		background: #00a99d;
}

ul#gdlist li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 25%;
}

ul#gdlist li a {
        display: block;
        padding: 10px;
        color: #000;
        text-decoration: none;
        background: #e1e1e1;
        font-size: 13px;
        font-family: 'Nanum Gothic';
}

#gd_container>ul#gdlist li a { width: auto; }

ul#gdlist li#active a, ul#gdlist li#active a:hover {
        background: #336699;
        color: #fff;
        font-size: 13px;
        font-family: 'Nanum Gothic';

}
ul#gdlist li a:hover {
        color: #084944;
}
/* */
.qr_txt_red {
        color: #ec008c;
}
.qr_txt_blue {
        color: #336699;
}
/* */
#qr_main_list {
       text-align:center;
	   margin: 0 auto;
	   border:1px #dbdbdb solid;
	   width:90%;
	   background:#fff;
	   padding:10px;;
}
.qr_tb {
       text-align:center;
	   background: #e5e5e5 url(../images/qr-thumb_bg.png);
	   width:285px;
	   margin: 0 auto;
}
.qr_quiz_bg {
	   background: #e5e5e5 url(../images/qr-thumb_bg2.png);
	   width:100%;
}
.qr_tb_date {
       font-size:14px;
	   color:#33ff00;
	   padding-bottom:3px;
}
.tb_qr_main_pop {
       border:0px #336699 solid;width:100%;
}
.tb_qr_main_pop_txt_1 {
       font-size:1.3em;font-family:'Nanum Gothic';text-align:left;color:#084944;;
}
.tb_qr_main_pop_txt_2 {
       font-size: .8em;font-family:'Nanum Gothic';text-align:left;color:#4f4e4e;
}
.tb_qr_main_pop_txt_3 {
       font-size: .7em;font-family:'Nanum Gothic';text-align:left;
}
.tb_qr_main_pop_txt_4 {
       font-size: .6em;font-family:'Nanum Gothic';text-align:left;color:#959595;
}

.tb_qr_main_txt_1 {
       font-size:1.1em;font-family:'Nanum Gothic';text-align:left;color:#084944;
}
.tb_qr_main_txt_2 {
       font-size: .7em;font-family:'Nanum Gothic';text-align:left;
}
/* quiz step-01 */
.ui-mobile #quiz-01-homeheader { padding:  10px 0 5px 0;  text-align: center;  margin: 0 auto; }
.ui-mobile #quiz-01-homeheader a {text-decoration: none;color:#fff;}
.ui-mobile #quiz-01-homeheader h1 { margin: 0 0 ; }
.ui-mobile #quiz-01-homeheader h2 { margin: 0 0 ;color: #fff; }
.ui-mobile #quiz-01-homeheader p { margin: .3em 0 1em; line-height: 1.3; font-size: .6em; font-weight: bold; color: #ffcc00; }
#quiz-01-homeheader img { width: 258px; height: 147px; margin-top:10px; }

#header-quiz {text-align:center; padding:5px;}

/* quiz step-02 */
#content-quiz {text-decoration: none;color:#fff;}
#content-quiz h3 { color:#33ff00; }

/* quiz step-01 */
.ui-mobile #quiz-03-homeheader { padding: 10px 0 5px 0; text-align: center;  margin: 0 auto; }
.ui-mobile #quiz-03-homeheader a {text-decoration: none;color:#fff;}
.ui-mobile #quiz-03-homeheader h1 { margin: 0 0 ; }
.ui-mobile #quiz-03-homeheader h2 { margin: 0 0 ;color: #fff; }
.ui-mobile #quiz-03-homeheader h5 { margin: 0 0 ;color: #ffcc00; }
.ui-mobile #quiz-03-homeheader p { margin: .3em 0 1em; line-height: 1.3; font-size: .6em; font-weight: bold; color: #ffcc00; }
#quiz-03-homeheader img {  height: 147px; margin-top:10px; }

/* ¼îÇÎ¸ô */
#goods_header { margin:0;height:60px;background: #e5e5e5 url(../images/qr-sitebg.png) top center repeat-x;font-family:'Nanum Gothic'; }
#goods_header h2 { width:100%;text-align:center;margin:0;padding-top:25px;}
#gooodsContent { margin:0;padding-left:15px;padding-right:15px;}
#gooodsContent	table { padding:0px;margin:0;width:100%;}
#gooodsContent	td{ font-size: 0.8em;font-family:'Nanum Gothic';padding:1px;}
#gooodsContent	th{ width:170px;background:#d7d7d7;font-size: 0.8em;font-family:'Nanum Gothic';padding:5px;}

.gd_info { background: #fff;padding-bottom:40px;padding-top:40px;}
#tb_gd_price { border:0px #336699 solid;width:100%;  letter-spacing: -1.5px;}
.tb_gd_txt {
       font-size: 1.0em;font-family:'Nanum Gothic';color:#000; letter-spacing: -1.5px;
}
.tb_gd_num {
       font-size: 1.3em;font-family:'Nanum Gothic';color:#336699;
}
#gd_price { background: #fff;padding-bottom:40px;font-size: 0.8em;font-family:'Nanum Gothic';color:#000;}
/* ´çÃ·ÀÚÈ®ÀÎ */
.ui-mobile #qz_form {padding-top:20px;width:95%;text-align:center;  margin: 0 auto; font-size:0.6em;font-family:'Nanum Gothic'; }
.ui-mobile #qz_form table { border:0px #336699 solid;width:100%;margin:1px;}
.ui-mobile #qz_form .txt2{ font-size:1.6em;}
.ui-mobile #qz_form .txt{ font-size:1.2em;font-family:'Nanum Gothic';text-align:left;}
.ui-mobile #qz_form .tit{ font-size:1.2em;width:50px;text-align:left;background:#e0e0e0;padding:5px;}
.ui-mobile #qz_form .txt_red {font-size:1.2em;color: #ec008c;text-align:left;}
.ui-mobile caption {font-size:1.2em;color: #000;text-align:left;text-align:center;padding:2px;;}

/* photoSwipe */
#PhotoSwipeTarget { width: 100%; height: 200px; }

#MainContent { background: #ffffff; padding-bottom: 5px; }
#Indicators { text-align: center; margin-top: 5px; }
#Indicators span { display: inline-block; height: 10px; width: 10px; margin: 0 10px 0 0; padding: 0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; background: #c5c5c5; overflow:hidden; }
#Indicators span.current{ background: #EEBF02; }

.ui-icon-myhp {
	background-image: url("../images/ico_hp.png");
}
.ui-icon-mypop {
	background-image: url("../images/ico_popup_w.png");
}
.ui-icon-mygift {
	background-image: url("../images/ico_gift.png");
}
.ui-icon-mycart {
	background-image: url("../images/ico_cart.png");
}
.ui-icon-mypen {
	background-image: url("../images/icon_pen.png");
}

.ui-icon-myrp {
	background-image: url("../images/icon_rp.png");
}

.ui-icon-myquestion {
	background-image: url("../images/icon_question.png");
}



/* ADD 13.1.22 */
.gd_info2 { background: #fff;padding-top:35px; letter-spacing: -1.5px;}
.gd_info2 table{font-size:0.8em;font-family:'Nanum Gothic';text-align:left;color:#000;}	
.gd_info2 table th{font-size:0.9em;color:#336699;}

	/* sns */
	 .article-sns {text-align:center;background:#fff;}
	 .article-sns p {display:inline-block; padding:10px 0 15px;}
	 .article-sns button {display:inline-block; margin-top:5px; border-right:1px solid #dfe3e6; }
	 .article-sns button:last-child {border-right:none;}




	/* SNS */ 
.icbg {float:left; display:block; text-indent:-30000em; background: url(http://www.koreaimg.com/test/demos/docs/_assets/images/qr_icon.png) no-repeat; -webkit-background-size:240px 173px; -moz-background-size:240px 173px; background-size:240px 173px; }  
span.sns-twitter {width:50px; height:40px; background-position:-15px -10px;}
span.sns-facebook {width:50px; height:40px; background-position:-95px -10px;}
span.sns-me2 {width:50px; height:40px;background-position:-180px -10px;}
span.sns-yozm {width:50px; height:40px; background-position:-15px -85px;}
span.sns-mypp {width:50px; height:40px; background-position:-95px -85px;}
span.sns-kakao {width:50px; height:40px; background-position:-175px -85px;}


/*  Footer */
#ui-footer {background:#f1f1f1; border-top:1px solid #c6cacc; width:100%; bottom:0;} 
.ft-util {margin-top:12px; padding:0 10px;}
.ft-util ul:after {content:""; display:block; clear:both;padding:0 auto;margin:0 auto;}
.ft-util ul li {width:37%; float:left;}
.ft-util ul li:last-child {width:26%;} 
.ft-util ul li:first-child div {margin:0 3px 0 0}
.ft-util ul li:last-child div {margin:0 0 0 2px}
.ft-util ul li div {display:block;}
.ft-util ul li div a {color:#000; text-decoration: none;display:block; text-align:center;  line-height:28px; background:#fff; border:1px solid #dfe3e6; border-bottom:1px solid #c9cccf; color:#636566; font-size:13px; text-transform:uppercase; height:28px;}

.ft-util ul li div a span {display:block;}
.ft-address {font-size:10px; color:#949799; line-height:14px; padding:0 10px 22px; margin:10px 0; text-align:left; }
.ft-address a, .ft-address a:link, .ft-address a:hover  {font-size:10px; color:#949799; text-decoration: none;}
.ft-address span {font-weight:bold; color:#636566;}



/* LOGIN */
.ut-login-wrap {padding:15px 20px 20px;background:#fff;padding-bottom:200px;}
.ut-login-wrap fieldset div.login-input-box {margin-right: 50px; position: relative;}
.ut-login-wrap fieldset div.login-input-box .login-input {height: 50px; width:100%; display:block; position:relative; border: 1px solid #ccc; background-color:#fff; padding-right:50px;}
.ut-login-wrap fieldset div.login-input-box .login-input input {border:0px; width:100%; height: 40px; color: #444; font-size: 16px; text-overflow: clip; outline:none; box-shadow:none; -webkit-box-shadow:none; -webkit-appearance:none; -moz-box-shadow:none; -moz-appearance:none; line-height:16px; border-radius: none; background:transparent; margin-left:14px; margin-top:6px; text-indent:0;}

.ut-login-wrap fieldset div.login-input-box .login-input input::-webkit-input-placeholder {color:#D3D4D5;}
.ut-login-wrap fieldset div.login-input-box .login-input input:-moz-placeholder {color:#D3D4D5;}
.ut-login-wrap fieldset div.login-input-box .login-input input:-ms-input-placeholder {color:#D3D4D5;}

.ut-login-wrap fieldset div.login-input-box .login-input button.icon_clear {display:none;}
.ut-login-wrap fieldset div.login-input-box {padding-right:2px; padding-bottom:10px; }
.ut-login-wrap fieldset div.login-input-box .login-input:last-child {border-top:0 none;}

.ut-login-wrap fieldset a.btn-login {color:#000;  padding:14px 0 14px; text-decoration: none;display:block; text-align:center;  line-height:28px; background:#336699; border:1px solid #dfe3e6; border-bottom:1px solid #c9cccf; color:#636566; font-size:13px; text-transform:uppercase; height:28px;}
.ut-login-wrap fieldset a.btn-login span {display:block; width:65px; height:24px; background:url(http://www.koreaimg.com/test/demos/docs/_assets/images/btn_login.png) 0 2px no-repeat; padding-left:29px; -webkit-background-size: 19px 20px; margin:0 auto; font-size:20px; color:#fff;}

.ut-login-wrap .join-tip {color:#949799; font-size:13px; padding-top:10px; line-height:17px; padding-bottom:20px; text-align:left;}
.ut-login-wrap .join-tip a {color:#336699; font-size:14px; text-decoration:underline;}

.ut-login-wrap a.btn-join {color:#000;  padding:14px 0 14px; text-decoration: none;display:block; text-align:center;  line-height:28px; background:#f1f1f1; border:1px solid #dfe3e6; border-bottom:1px solid #c9cccf; color:#636566; font-size:13px; text-transform:uppercase; height:28px;}
.ut-login-wrap a.btn-join span {display:block;font-family:'Nanum Gothic'; width:65px; height:24px; background:url(http://www.koreaimg.com/test/demos/docs/_assets/images/btn_login.png) 0 2px no-repeat; padding-left:29px; -webkit-background-size: 19px 20px; margin:0 auto; font-size:20px; color:#fff;}


/* È¸¿ø°¡ÀÔ */
.ut-join-wrap {padding:15px 20px 20px;}

.ut-join-wrap fieldset div.birth-input-box {position: relative;clear:both;}
.ut-join-wrap fieldset div.birth-input-box .birth-input {height: 50px; width:30%; display:block; position:relative; border: 1px solid #ccc; background-color:#fff; margin-right:5px;float:left;}
.ut-join-wrap fieldset div.birth-input-box .birth-input select {border:0px; width:100%; height: 40px; color: #444; font-size: 16px; text-overflow: clip; outline:none; box-shadow:none; -webkit-box-shadow:none; -webkit-appearance:none; -moz-box-shadow:none; -moz-appearance:none; border-radius: none; background:transparent; margin-left:14px; margin-top:6px; text-indent:0;}

.ut-join-wrap fieldset div.name-input-box {margin-right: 50px; position: relative;clear:both;}
.ut-join-wrap fieldset div.name-input-box .name-input {height: 50px; width:100%; display:block; position:relative; border: 1px solid #ccc; background-color:#fff; padding-right:50px;}
.ut-join-wrap fieldset div.name-input-box .name-input input {border:0px; width:100%; height: 40px; color: #444; font-size: 16px; text-overflow: clip; outline:none; box-shadow:none; -webkit-box-shadow:none; -webkit-appearance:none; -moz-box-shadow:none; -moz-appearance:none; border-radius: none; background:transparent; margin-left:14px; margin-top:6px; text-indent:0;}

.ut-join-wrap fieldset div.name-input-box .name-input input::-webkit-input-placeholder {color:#D3D4D5;}
.ut-join-wrap fieldset div.name-input-box .name-input input:-moz-placeholder {color:#D3D4D5;}
.ut-join-wrap fieldset div.name-input-box .name-input input:-ms-input-placeholder {color:#D3D4D5;}

.ut-join-wrap fieldset div.name-input-box .login-input button.icon_clear {display:none;}
.ut-join-wrap fieldset div.name-input-box {padding-right:2px; padding-bottom:10px; }
.ut-join-wrap fieldset div.name-input-box .login-input:last-child {border-top:0 none;}

.ut-join-wrap fieldset div.sex-input-box {margin-right: 50px; position: relative;clear:both;padding-bottom:10px;padding-top:10px;width:100%; }
.ut-join-wrap fieldset div.sex-input-box .sex-input  {height: 50px; width:100%; display:block; position:relative; border: 1px solid #ccc; background-color:#fff; }
.ut-join-wrap fieldset div.sex-input-box .sex-input select {border:0px; width:100%; height: 40px; color: #444; font-size: 16px; text-overflow: clip; outline:none; box-shadow:none; -webkit-box-shadow:none; -webkit-appearance:none; -moz-box-shadow:none; -moz-appearance:none;  border-radius: none; background:transparent; margin-left:14px; margin-top:6px; text-indent:0;}



.ut-join-wrap fieldset div.hp-input-box {position: relative;clear:both;}
.ut-join-wrap fieldset div.hp-input-box .hp-input {height: 50px; width:30%; display:block; position:relative; border: 1px solid #ccc; background-color:#fff; float:left;margin-right:5px;}
.ut-join-wrap fieldset div.hp-input-box .hp-input select {border:0px; width:100%; height: 40px; color: #444; font-size: 16px; text-overflow: clip; outline:none; box-shadow:none; -webkit-box-shadow:none; -webkit-appearance:none; -moz-box-shadow:none; -moz-appearance:none;  border-radius: none; background:transparent; margin-left:14px; margin-top:6px; text-indent:0;}
.ut-join-wrap fieldset div.hp-input-box .hp-input input {border:0px; width:100%; height: 40px; color: #444; font-size: 16px; text-overflow: clip; outline:none; box-shadow:none; -webkit-box-shadow:none; -webkit-appearance:none; -moz-box-shadow:none; -moz-appearance:none;  border-radius: none; background:transparent; margin-left:14px; margin-top:6px; text-indent:0;}

.ut-join-wrap fieldset div.hp-input-box .hp-input input::-webkit-input-placeholder {color:#D3D4D5;}
.ut-join-wrap fieldset div.hp-input-box .hp-input input:-moz-placeholder {color:#D3D4D5;}
.ut-join-wrap fieldset div.hp-input-box .hp-input input:-ms-input-placeholder {color:#D3D4D5;}


.ut-join-wrap  a.btn-join2 {clear:both;color:#000;  padding:14px 0 14px; text-decoration: none;display:block; text-align:center;  line-height:28px; background:#336699; border:1px solid #dfe3e6; border-bottom:1px solid #c9cccf; color:#636566; font-size:13px; text-transform:uppercase; height:28px;}
.ut-join-wrap  a.btn-join2 span {display:block; font-family:'Nanum Gothic';width:100px; height:24px; background:url(http://www.koreaimg.com/test/demos/docs/_assets/images/btn_login.png) 0 2px no-repeat; padding-left:29px; -webkit-background-size: 19px 20px; margin:0 auto; font-size:20px; color:#fff;}

/* ADD 1.24 */


/* MyPage */
 /* ¸¶ÀÌÆäÀÌÁö »ó´Ü ¸Þ´º */
  /* TYPE A */
 .my_container {
        margin: 0 auto;
        padding: 0 auto;
        border-top: 0px solid #336699;
 }
 ul#mylist {
        text-align:center;
        padding: 0 auto;
		
 }

 ul#mylist li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 20%;
 }



 ul#mylist li a {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
		color: #fff;
        text-decoration: none;
        background: #29303a;
        font-size: 11px;
        font-family: 'Nanum Gothic';
 }

 #my_container>ul#ul#mylist li a { width: auto; }

 ul#mylist li#active a, ul#mylist li#active a:hover {
        /*background: #336699;*/
        color: #33ffff;
        font-size: 11px;
        font-family: 'Nanum Gothic';

 }

 /* //¸¶ÀÌÆäÀÌÁö */
 .my_main_wrap{clear:both; font-size: .8em;}
 .my_main_wrap .red {color:#ed145b;}

 .my_main_wrap .text { font-family: 'Nanum Gothic'; margin:0 auto; padding:0 auto;}

 /* ¸¶ÀÌÆäÀÌÁö ¼îÇÎÁøÇàÇöÈ²*/
 .my_stat_container {
        margin: 0 auto;
        padding: 0 auto;
        border-top: 0px solid #336699;
		background: #656c7c;
 }
 ul#mystatlist {
        text-align:center;
        padding: 0 auto;
		
 }

 ul#mystatlist li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 20%;

 }

 ul#mystatlist li a {
        display: block;
        padding: 10px;
        color: #afafaf;
        text-decoration: none;
        background: #656c7c;
        font-size: 10px;
        font-family: 'Nanum Gothic';
		height:60px;.
		width:100%;
 }


 ul#mystatlist li#active a, ul#mystatlist li#active a:hover {
        /*background: #336699;*/
        color: #fff;
        font-size: 10px;
        font-family: 'Nanum Gothic';

 }
.statbg {float:left; display:block; background: url(http://www.koreaimg.com/test/demos/docs/_assets/images/stat_icon.png) no-repeat; -webkit-background-size:500px 200px; -moz-background-size:500px 200px; background-size:500px 200px; }  
 ul#mystatlist li#active span.step1 {width:40px; height:40px; background-position:0px 0px;text-indent:-0em;}
 ul#mystatlist li#active span.step2 {width:40px; height:40px; background-position:-40px 0px;text-indent:-0em;}
 ul#mystatlist li#active span.step3 {width:40px; height:40px;background-position:-80px 0px;text-indent:-0em;}
 ul#mystatlist li#active span.step4 {width:40px; height:40px; background-position:-120px 0px;text-indent:-0em;}
 ul#mystatlist li#active span.step5 {width:40px; height:40px; background-position:-160px 0px;text-indent:-0em;}

 ul#mystatlist li#active .num_txt {position:absolute;padding-top:7px;padding-left:17px;text-align:center;width:20px;}

 ul#mystatlist li span.step1 {width:40px; height:40px; background-position:0px -40px;text-indent:-30000em;}
 ul#mystatlist li span.step2 {width:40px; height:40px; background-position:-40px -40px;text-indent:-30000em;}
 ul#mystatlist li span.step3 {width:40px; height:40px;background-position:-80px -40px;text-indent:-30000em;}
 ul#mystatlist li span.step4 {width:40px; height:40px; background-position:-120px -40px;text-indent:-30000em;}
 ul#mystatlist li span.step5 {width:40px; height:40px; background-position:-160px -40px;text-indent:-30000em;}
 ul#mystatlist li .step_txt {width:40px;clear:both;}



.my_point_container {padding:3px;margin:0 auto;}
.my_point_wrap h1 {font-size:0.9em;font-family: 'Nanum Gothic';margin:0 auto;color:#3d3d3d;}
.my_point_wrap li a:link {font-size:0.8em;font-family: 'Nanum Gothic';color:#5d5d5d;text-decoration:none;}
.my_point_wrap li span.myPoint {width:25px; height:30px; background-position:-210px -11px;}
.my_point_wrap li span.myEvent {width:25px; height:30px; background-position:-250px -11px;}
.my_point_wrap li span.num_point {float:right;color:#336699;font-family: 'Nanum Gothic';}

.my_customer_container {font-size:0.8em;color:#5d5d5d;font-family: 'Nanum Gothic';padding:10px;}


/* ¸¶ÀÌÆäÀÌÁö ±¸¸Å³»¿ª ¼­ºê ¸Þ´º*/
 .my_sub_container {
        margin: 0 auto;
        padding: 0 auto;
        border-top: 0px solid #336699;
  	    letter-spacing: -1.5px;
 }
 ul#mySublist {
        text-align:center;
        padding: 0 auto;
		margin: 0 auto;
		
 }

 ul#mySublist li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 33%;

 }

 ul#mySublist li a {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #6a6969;
        text-decoration: none;
        font-size: 12px;
        font-family: 'Nanum Gothic';

 }


 ul#mySublist li#active a, ul#mySublist li#active a:hover {
        /*background: #336699;*/
        color: #336699;
        font-size: 12px;
        font-family: 'Nanum Gothic';

 }


 .my_subSearch_container {margin:0 auto;background:#fff;height: 30px;padding-top:5px; padding-bottom:5px;}
 .my_subSearch_container span.my_subSearch_txt {position:relative;font-size: 13px;font-family: 'Nanum Gothic';top:5px;}
 .my_subSearch_container .my_subSearch_txt_num {font-size: 12px;color:#336699;font-family: 'Nanum Gothic';}
 .my_subSearch_container .my_subSearch_txt_num2 {font-size: 13px;color:#ec008c;font-family: 'Nanum Gothic';}
 .my_subSearch_container div.my_subSearch_fm {float:right;font-size: 12px;font-family: 'Nanum Gothic';padding-left:5px;}
 .my_subSearch_container div.my_subSearch_fm .sch_year {display:block; position:relative; border: 1px solid #ccc; background-color:#fff; float:left;;}
 .my_subSearch_container div.my_subSearch_fm .sch_year select {border:0px; color: #444; font-size: 12px; font-family: 'Nanum Gothic';text-overflow: clip; outline:none; box-shadow:none; -webkit-box-shadow:none; -webkit-appearance:none; -moz-box-shadow:none; -moz-appearance:none;  border-radius: none; background:transparent; margin:8px;text-indent:0;}

  .ellipsis {overflow:hidden; text-overflow:ellipsis; }

 .my_OrderList {margin:0 auto;background:#fff;font-size: 0.8em;font-family:'Nanum Gothic';color:#000; }
 .my_OrderList li.my_OrderListTxt {background:#d7d7d7;}
 .my_OrderList .my_OrderListTxt2 {font-size:0.8em;color:#767676;}
 .my_OrderList .my_OrderListTxt3 {font-size:0.7em;color:#767676;}
 .my_OrderList table {TABLE-LAYOUT:fixed;width:100%;border-bottom:1px solid #f1f1f1;border-collapse:collapse;font-size: 0.9em;font-family:'Nanum Gothic';color:#000; }
 .my_OrderList table td {padding-left:10px;}
 .my_OrderList table td.goodsTit a{font-size:1.1em;color:#555555;}
 .my_OrderList table td.goodsPrice {font-size:1.4em;color:#336699;}
 .my_OrderList table td.goodsDate {font-size:.9em;color:#767676;}
 .my_OrderList table th {padding-left:10px;}
 .my_OrderList table th img {border:1px solid #f1f1f1;}
 .my_OrderList .status_box {border:1px solid #767676;font-size: 0.7em;font-family:'Nanum Gothic';color:#ff0000;padding:2px;}
 .my_OrderList .final {color:#fff;background:#595959;}
 .my_OrderList a {font-family:'Nanum Gothic';text-decoration:none;}



 ul span.delIcon {width:30px; height:40px; background-position:-280px 0px;text-indent:-30000em;}
 ul span.rewIcon {width:40px; height:40px; background-position:-320px 0px;text-indent:-30000em;}
 ul span.addMileage {width:40px; height:40px; background-position:-200px -40px;text-indent:-30000em;}
 ul span.MileageIcon {width:40px; height:40px; background-position:-240px -45px;text-indent:-30000em;}
 ul span.btnCircleSearch {width:40px; height:40px; background-position:-280px -45px;text-indent:-30000em;}
 ul span.btnCircleOK {width:40px; height:40px; background-position:-320px -45px;text-indent:-30000em;}
 ul span.btnCircleGift {width:40px; height:40px; background-position:-360px -45px;text-indent:-30000em;}
 ul span.btnCircleDel {width:40px; height:40px; background-position:-400px -45px;text-indent:-30000em;}
 ul span.addCart {width:30px; height:40px; background-position:-365px -7px;text-indent:-30000em;}
 ul span.vwMyPage {width:33px; height:40px; background-position:-405px -7px;text-indent:-30000em;}
 ul span.btnSch {width:30px; height:40px; background-position:-5px -88px;text-indent:-30000em;}
 ul span.vwTotal {width:40px; height:40px; background-position:-440px 0px;text-indent:-30000em;}
 ul span.vwHome {width:30px; height:40px; background-position:-45px -88px;text-indent:-30000em;}
 ul span.addBack {width:35px; height:40px; background-position:-82px -88px;text-indent:-30000em;}
 

/* ¸¶ÀÌÆäÀÌÁö ¼­ºñ½º³»¿ª ¼­ºê ¸Þ´º*/
 .my_sv_container {
        margin: 0 auto;
        padding: 0 auto;
        border-top: 0px solid #336699;
  	    letter-spacing: -1.5px;
 }
 ul#mySvlist {
        text-align:center;
        padding: 0 auto;
		margin: 0 auto;
		
 }

 ul#mySvlist li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 33%;

 }

 ul#mySvlist li a {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #6a6969;
        text-decoration: none;
        font-size: 12px;
        font-family: 'Nanum Gothic';

 }


 ul#mySvlist li#active a, ul#mySvlist li#active a:hover {
        /*background: #336699;*/
        color: #336699;
        font-size: 12px;
        font-family: 'Nanum Gothic';

 }
 .my_ServList {margin:0 auto;background:#fff;font-size: 0.8em;font-family:'Nanum Gothic'; }
 .my_ServList ul{margin:0 auto;}
 .my_ServList table {padding:5px;width:100%;border-top:2px solid #595959;border-bottom:1px solid #f1f1f1;border-collapse:collapse;font-size: 0.9em;font-family:'Nanum Gothic';color:#595959;text-align:left;line-height:18px;padding-bottom:10px;}
 .my_ServList table th {padding:5px;font-size: 1.2em;font-family:'Nanum Gothic';color:#000;line-height:20px;background:#f1f1f1;}
 .my_ServList table th span.date {font-size: 0.9em;font-family:arial;color:#595959;}
 .my_ServList table td {padding-left:10px;}
 .my_ServList table td.tit {color:#000;;font-family:'Nanum Gothic';padding-top:5px;}
 .my_ServList .status_box_reply {font-size: 0.9em;font-family:'Nanum Gothic';color:#fff;padding:2px;background:#ec008c;}
 .my_ServList div.reply {width:95%;border:0px solid #767676;font-family:'Nanum Gothic';color:#000;padding:2px;background:#f1f1f1;}
 .my_ServList a {font-family:'Nanum Gothic';color:#767676;font-size: 1.3em;text-decoration:none;}
 .my_ServList table.my_MileageTable {background:#4c4e5d;border-top:0px solid #595959;}
 .my_ServList table.my_MileageTable td span.my_MileageINFO {font-family:'Nanum Gothic';color:#00ffff;font-size: 1.4em;text-decoration:none;}
 .my_ServList table.my_MileageTable td span.my_MileageNUM {font-family:'Nanum Gothic';color:#00ffff;font-size: 2.5em;text-decoration:none;}
 .my_ServList table.my_MileageTable td span.my_MileageDAN {font-family:'Nanum Gothic';color:#00ffff;font-size: .3em;text-decoration:none;}
 
 .my_ServList table.my_MileageListTable {background:#4c4e5d;border-top:0px solid #595959;}
 .my_ServList table.my_MileageListTable span.num_txt {font-size: 1.1em;font-family:'Nanum Gothic';color:#336699;}

 .my_ServList table.my_MileageTable_Inner {background:#4c4e5d;border:1px solid #fff;font-family:'Nanum Gothic';}
 .my_ServList table.my_MileageTable_Inner th {color:#959595;background:#f6f8f7;border:0px solid #595959;font-size: 0.9em;font-family:'Nanum Gothic';}
 .my_ServList table.my_MileageTable_Inner tr {border:1px solid #f1f1f1;}
 .my_ServList table.my_MileageTable_Inner td {font-family:'Nanum Gothic';height:45px;color:#252525;background:#fff;border:0px solid #f1f1f1;font-size: 0.9em;}
 


 table .my_review {font-size: 0.7em;font-family:'Nanum Gothic';}
 table .TL {text-align:left;}
 table .TC {text-align:center;}
 table .TR {text-align:right;}

 /* ¸¶ÀÌÆäÀÌÁö Á¤º¸º¯°æ ¸Þ´º*/
 .my_member_container {
        margin: 0 auto;
        padding: 0 auto;
        border-top: 0px solid #336699;
  	    letter-spacing: -1.5px;
 }
 ul#myMemberlist {
        text-align:center;
        padding: 0 auto;
		margin: 0 auto;
		
 }

 ul#myMemberlist li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 25%;

 }

 ul#myMemberlist li a {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #6a6969;
        text-decoration: none;
        font-size: 12px;
        font-family: 'Nanum Gothic';

 }


 ul#myMemberlist li#active a, ul#myMemberlist li#active a:hover {
        /*background: #336699;*/
        color: #336699;
        font-size: 12px;
        font-family: 'Nanum Gothic';

 }

/* È¸¿øÁ¤º¸ °ü·Ã */
  .my_Member_wrap{background:#fff;padding:10px;margin:0 auto;}
  .my_Member_wrap ul li{padding : 0 auto;margin:0 auto;}
  .my_Member_wrap ul li span.tit{font-size: .8em;font-family: 'Nanum Gothic'}
  .my_Member_wrap ul li span.contxt{font-size: .7em;font-family: 'Nanum Gothic'}
  .my_Member_wrap ul li a {font-size: 0.8em;text-decoration:none;font-family: 'Nanum Gothic'}

  .my_Member_wrap a.btn-join {padding:14px 0 14px; text-decoration: none;display:block; text-align:center;  line-height:28px; background:#f1f1f1; border:1px solid #dfe3e6; border-bottom:1px solid #c9cccf; color:#636566; font-size:20px; text-transform:uppercase; height:28px;}

  .my_Member_wrap li a.btn-mod {width:100%; color:#fff;  padding:10px 0 10px; text-decoration: none;display:block; text-align:center;  line-height:28px; background:#336699; border:1px solid #dfe3e6; border-bottom:1px solid #c9cccf; font-size:15px; text-transform:uppercase; height:28px;}

  .my_Member_wrap li a.btn-cancel {width:40%; padding:10px 0 10px; text-decoration: none;display:block; text-align:center;  line-height:28px; background:#f1f1f1; border:1px solid #dfe3e6; border-bottom:1px solid #c9cccf; color:#636566; font-size:13px; text-transform:uppercase; height:28px;}


 
   .my_Member_Table {width:100%;background:#fff;}
   .my_Member_Table table {width:100%;border-collapse:collapse;text-align:left;border-top:2px solid #cacaca;border-bottom:2px solid #cacaca;}
   .my_Member_Table th {padding:10px;font-size: 0.7em;color:#595959;background:#f1f1f1;width:100px;font-family:'Nanum Gothic';}
   .my_Member_Table td {padding:10px;font-size: 0.8em;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;font-family:'Nanum Gothic';}

   .my_Member_Table  div.Member-input-box {margin-right: 50px; position: relative;}
   .my_Member_Table  div.Member-input-box .Member-input {height: 50px; width:100%; display:block; position:relative; border: 1px solid #ccc; background-color:#fff; padding-right:50px;}
   .my_Member_Table  div.Member-input-box .Member-input input {font-family:'Nanum Gothic';border:0px; width:100%; height: 40px; color: #444; font-size: 1.5em; text-overflow: clip; outline:none; box-shadow:none; -webkit-box-shadow:none; -webkit-appearance:none; -moz-box-shadow:none; -moz-appearance:none; line-height:16px; border-radius: none; background:transparent; margin-left:14px; margin-top:6px; text-indent:0;}

   .my_Member_Table  div.Member-input-box .Member-input input::-webkit-input-placeholder {color:#D3D4D5;}
   .my_Member_Table  div.Member-input-box .Member-input input:-moz-placeholder {color:#D3D4D5;}
   .my_Member_Table  div.Member-input-box .Member-input input:-ms-input-placeholder {color:#D3D4D5;}
   .my_Member_Table  div.Member-input-box .Member-input select {font-family:'Nanum Gothic';border:0px; width:100%; height: 40px; color: #444; font-size: 16px; text-overflow: clip; outline:none; box-shadow:none; -webkit-box-shadow:none; -webkit-appearance:none; -moz-box-shadow:none; -moz-appearance:none; border-radius: none; background:transparent; margin-left:14px; margin-top:6px; text-indent:0;}

   .my_Member_Table textarea {width:100%;background:#fff;font-family:'Nanum Gothic';height:100px;}
   .my_Member_Table fieldset  label {width:100%;background:#fff;font-family:'Nanum Gothic';font-size: 0.7em;}



   /* ¸¶ÀÌÆäÀÌÁö ÀÌº¥Æ® ¼­ºê ¸Þ´º*/
 .my_Ev_container {
        margin: 0 auto;
        padding: 0 auto;
        border-top: 0px solid #336699;
  	    letter-spacing: -1.5px;
 }
 ul#myEvlist {
        text-align:center;
        padding: 0 auto;
		margin: 0 auto;
		
 }

 ul#myEvlist li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 25%;

 }

 ul#myEvlist li a {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #6a6969;
        text-decoration: none;
        font-size: 12px;
        font-family: 'Nanum Gothic';

 }


 ul#myEvlist li#active a, ul#myEvlist li#active a:hover {
        /*background: #336699;*/
        color: #336699;
        font-size: 12px;
        font-family: 'Nanum Gothic';

 }
 .my_EvList {margin:0 auto;background:#fff;font-size: 0.8em;font-family:'Nanum Gothic'; }
 .my_EvList li.my_EventListTxt {background:#d7d7d7;}
 .my_EvList .my_EventListTxt2 {font-size:0.8em;color:#767676;}
 .my_EvList .my_EventListTxt3 {font-size:0.7em;color:#767676;}
 .my_EvList ul{margin:0 auto;}
 .my_EvList table {padding:5px;width:100%;border-top:2px solid #595959;border-bottom:1px solid #f1f1f1;border-collapse:collapse;font-size: 0.9em;font-family:'Nanum Gothic';color:#595959;text-align:left;line-height:18px;padding-bottom:10px;}
 .my_EvList table th {padding:5px;font-size: 1.2em;font-family:'Nanum Gothic';color:#000;line-height:20px;background:#f1f1f1;}
 .my_EvList table th span.date {font-size: 0.9em;font-family:arial;color:#595959;}
 .my_EvList table td {padding-left:10px;}
 .my_EvList .status_box {border:1px solid #767676;font-size: 0.7em;font-family:'Nanum Gothic';color:#ff0000;padding:2px;}
 .my_EvList .final {color:#fff;background:#595959;}
 .my_EvList a {font-family:'Nanum Gothic';color:#767676;font-size: 1.3em;text-decoration:none;}

 .my_EvList table.my_EventListTable {background:#4c4e5d;border-top:0px solid #595959;}
 .my_EvList table.my_EventListTable span.num_txt {font-size: 1.1em;font-family:'Nanum Gothic';color:#336699;}

 .my_EvList table.my_EventListTable_INNER {background:#4c4e5d;border:1px solid #fff;}
 .my_EvList table.my_EventListTable_INNER th {color:#959595;background:#f6f8f7;border:0px solid #595959;font-size: 0.9em;font-family:'Nanum Gothic';}
 .my_EvList table.my_EventListTable_INNER tr {border:1px solid #f1f1f1;}
 .my_EvList table.my_EventListTable_INNER td {height:60px;color:#252525;background:#fff;border:0px solid #f1f1f1;font-size: 0.9em;}
 .my_EvList table.my_EventListTable_INNER td span.rankNum {font-family:'Nanum Gothic';color:#ed145b;border:0px solid #f1f1f1;font-size:1.2em;}
 .my_EvList table.my_EventListTable_INNER td span.rankTotalNum {font-family:'Nanum Gothic';color:#252525;border:0px solid #f1f1f1;font-size: 0.2em;letter-spacing: -1.5px;}
 

 .bg_woodBack {background: url(http://www.koreaimg.com/test/demos/docs/_assets/images/bg_wood_giftback.jpg) repeat;}
 .ellips {overflow:hidden; text-overflow:ellipsis; }


 /* QRÀåÅÍ ¸ÞÀÎ */
  .ui-icon-totalNavigaion {
	background-image: url("../images/icon_totalNavi.png");
  }
  .ui-icon-totalNavigaion2 {
	background-image: url("../images/icon_totalNavi2.png");
  }
  /* QRÂ¡ÅÍ Çì´õ */

   

/* QRÀåÅÍ ¸ÞÀÎ »çÀÌÆ®¸Ê ¸Þ´º*/
 .siteMap_container {
        margin: 0 auto;
        padding: 0 auto;
        border-top: 0px solid #336699;
  	    letter-spacing: -1.5px;
 }
 ul#siteMaplist {
        text-align:center;
        padding: 0 auto;
		margin: 0 auto;
		top:25px;
		position:relative;
		
 }

 ul#siteMaplist li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 50%;

 }

 ul#siteMaplist li a {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #336699;
        text-decoration: none;
        font-size: 14px;
        font-family: 'Nanum Gothic';

 }


 ul#siteMaplist li#active a, ul#siteMaplist li#active a:hover {
        /*background: #336699;*/
        color: #336699;
        font-size: 14px;
        font-family: 'Nanum Gothic';

 }
 #siteMaplist ul li span.vwTotal2 {}

 #siteMapWrap ul li {padding:0;margin:0;}
 #siteMapWrap ul li div.detail {background:url(http://www.koreaimg.com/test/demos/docs/_assets/images/bg_m_title.gif) 0 -169px repeat-x; height:31px;color:#333; position:relative; top:0px;}
 #siteMapWrap ul li div.detail a {position:absolute; font-family:'Nanum Gothic';color:#fff;font-size: 0.9em;text-decoration:none; top:6px;left:10px;}
 #siteMapWrap ul li div.detail p { position:absolute; right:0.1em; top:-10px;}
 

 /* Product Index */
.cnt_product {background:#fff;}
.cnt_product .plist{border-bottom:1px solid #dfdfdf;}


.cnt_product .my_MainListTxt{font-family:'Nanum Gothic';font-size:0.8em;}


.plist{zoom:1;margin-right:0px;}
.plist:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
.plist li{position:relative;float:left;width:148px;padding:10px 0 20px 3px;line-height:14px;color:#686767; margin:0 5px 0 3px;}
.plist li img{width:148px;height:148px;margin-bottom:2px; border:1px solid #eee;}
.plist li a{color:#686767;text-decoration:none;}
.plist li a:hover{color:#686767;text-decoration:none;}
.plist li strong{display:block;color:#f26522;font-weight:normal;font-size:14px;padding-top:3px; padding-bottom:5px;}
.plist li strong.etc {display:block;color:#f26522;font-weight:normal;font-size:12px;padding: 1px 0;}
.plist li strong.price {display:block;color:#f26522;font-weight:normal;font-size:12px;padding-top:0px; padding-bottom:2px;}
.plist li span{color:#686767;display:block;height:30px;overflow:hidden;padding: 3px 0 3px 0;font-size:0.75em;font-family:'Nanum Gothic';} /*  »óÇ°Á¦¸ñ */
.plist li span a {color:#686767;} 
.plist li span a:hover{color:#686767;}
.plist li span.etcbold{display:block;height:15px;overflow:hidden;padding: 1px 0;font-weight: bold;font-size:0.9em;font-family:'verdana';}
.plist li span.etcbold em{font-weight: bold;font-size:1.0em;}


.plist strong.tag_new{position:absolute;top:10px;left:6px;display:block;width:26px;height:25px;background:url("http://www.koreaimg.com/test/demos/docs/_assets/images/ico_tag.png") no-repeat 0 0;text-indent:-9999px;}
.plist strong.tag_best{position:absolute;top:10px;left:6px;display:block;width:26px;height:25px;background:url("http://www.koreaimg.com/test/demos/docs/_assets/images/ico_tag.png") no-repeat 0 0;text-indent:-9999px;}

.plist strong.tagn{background-position:0 0;}
.plist strong.tagh{background-position:-27px 0;}

.plist li span.etcbold{display:block;height:15px;overflow:hidden;padding: 1px 0;font-weight: bold;}
.plist li span.etcbold em{font-weight: bold;}

/* paging */
.pagingQR { padding:20px 0 20px 0;margin:0px;text-align:center;white-space:nowrap;background:#fff;}
.pagingQR a{ display:inline-block; text-decoration: none;width:24px; height:24px; line-height:24px; margin-right:2px; *margin-right:5px; border:1px solid #e0e0e0;background-color:#fff;color:#888;font-size:14px;text-align:center;vertical-align:middle; font-weight:bold;}
.pagingQR a#active {border:3px solid #76b5ec;color:#336699;text-decoration: none;}
.pagingQR a:hover {border-color:#336699;color:#336699;text-decoration: none;}
.pagingQR a.none {vertical-align:0; border:none; *vertical-align:-15px;}


/* °Ë»öÅä±Û */
#searchSec { background:#00a99d; padding:10px;}
#searchSec form { position:relative; background:#fff;}
#searchSec form .fm_wrap .fm_input{ width:100%; border:0; vertical-align:top;}
#searchSec form .fm_wrap { margin:0px 32px 0 0; -webkit-box-shadow:0 1px 0 #31cc12}
#searchSec form input { font-family:'Nanum Gothic';font-size:0.9em;border:2px solid #f1f1f1 !important; height:33px; font-size:14px; -webkit-border-radius:0; -webkit-appearance:none;}
#searchSec form button { background:url("http://www.koreaimg.com/test/demos/docs/_assets/images/btn_search_m.png") no-repeat; -webkit-background-size:32px 40px; -moz-background-size:32px 40px; background-size:32px 40px;width:32px; height:40px; text-indent:-9999px; right:0; position:absolute; top:0;border:0px}


/* Çì´õ */
.headerSec .LayAbsL {position:absolute;z-index:1890;top:0px;}
.headerSec .LayAbsL .LayObjL {position:relative;left:10px;top:-5px;float:left;}
.headerSec .LayAbsR {position:absolute;z-index:1889;top:0px;width:100%;}
.headerSec .LayAbsR .LayObjR {position:relative;right:10px;top:-5px;float:right;}


/* ¸ÞÀÎ °øÁö»çÇ× */

 .noticeRolll dl { overflow: hidden;margin:0 ;}
 .noticeRoll dl dt { float: left; margin: 0 auto; padding: 2px 0 0 0; background:#f1f1f1;}
 .noticeRoll dl dd { margin: 0 80px 0 32px; color: #fff; }
 .noticeRoll dl dd ul { width: 100%; }
 .noticeRoll dl dd ul li { font-size: 1.2em; line-height: 1em; letter-spacing: -1px; margin: 0 ;padding:0;}
 .noticeRoll dl dd ul li a { display: block; padding: 0 0 0 0; height: 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color:#636363; }
 .noticeRoll dl dd ul li a:hover { color:#636363; }
 .noticeRoll dl dd ul li a:link { color:#636363; }
 .noticeRoll dl dd ul li a:active { color:#636363; }
 .noticeRoll dl dd ul li a:visited { color:#636363; }
 .noticeRoll .LayAbsMore {position:absolute;z-index:1889;width:100%;}
 .noticeRoll .LayAbsMore .LayObjMore {position:relative;right:10px;top:-35px;float:right;}
 .text_11 {
	font-family: "Nanum Gothic";
	font-size: 12px;
	color:#636363;
	}	
.text_ft {
	font-family: "Nanum Gothic";
	font-size: 12px;
	color:#636363;
	padding:10px;
	}
	

 /* ¼îÇÎ¸ô ÆäÀÌÂ¡ ¸®½ºÆ® */
 .sorting_select { border-bottom:1px solid #ddd; border-top:1px solid #d8d8d8; padding:0.7em; background:#fff;font-size:0.8em; }
 .sorting_select #active { border:1px solid #4f89cf; background:url(http://www.koreaimg.com/test/demos/docs/_assets/images/bg_btn_blue.gif) repeat-x; height:19px; padding:2px 8px 3px 6px; letter-spacing:-1px; text-align:center; }
 .sorting_select #active a,
 .sorting_select #active a:hover { color:#fff; font-weight:bold;text-decoration: none;} 
 .sorting_select span { border:1px solid #a6a6a6; background:url(http://www.koreaimg.com/test/demos/docs/_assets/images/bg_btn_white.gif) repeat-x; height:19px; padding:2px 8px 3px 6px; line-height:25px;letter-spacing:-1px; text-align:center; }
 .sorting_select span a,
 .sorting_select span a:hover { color:#555555;text-decoration: none;}



 /* µ¿¼±ÀÌº¥Æ®°ü·Ã 13.04.16 */
#header-quiz-move {text-align:center; padding:5px;}
.qr_quiz_move_bg {background:url(http://www.koreaimg.com/test/demos/docs/_assets/images/bg_quiz_move2.jpg) top center repeat; }
.ui-mobile #quiz-move-container {padding:  10px 0 5px 0;  text-align: center;  margin: 0 auto;font-family: 'Nanum Gothic', sans-serif;font-style: normal;font-weight:800;font-size:.8em;letter-spacing:-0.5px;}
.ui-mobile #quiz-move-container a {text-decoration: none;color:#fff;}
.ui-mobile #quiz-move-container a {text-decoration: none;color:#fff;}
.ui-mobile #quiz-move-container h1 { margin: 0 0 ; }
.ui-mobile #quiz-move-container h2 { margin: 0 0 ;color: #fff; }
.ui-mobile #quiz-move-container p { margin: .3em 0 1em; line-height: 1.3; font-size: .6em; font-weight: bold; color: #ffcc00; }


.ui-mobile  #quiz-move-container .qz-move-util ul li {width:50px; float:right;padding:0 2px 0 2px;}
.ui-mobile  #quiz-move-container .qz-move-util ul li:Last-child {width:60px; float:right;padding:0 2px 0 2px;}
.ui-mobile  #quiz-move-container .qz-move-util ul li div a {color:#636363;text-decoration: none;display:block; text-align:center;line-height:28px;border:1px solid #dfe3e6; border-bottom:2px solid #c9cccf;  font-size:13px; text-transform:uppercase; height:28px;background:#fff;}
.ui-mobile  #quiz-move-container .qz-move-util ul li div a:hover{color:#000;background:#0c988a; -o-linear-gradient(top, rgba(12,152,138,1), rgba(9,123,112,1));background: -moz-linear-gradient(top, rgba(12,152,138,1), rgba(9,123,112,1));background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(12,152,138,1)), color-stop(1, rgba(9,123,112,1)));}

.ui-mobile  #quiz-move-container .qz-move-thumb ul li {width:145px; float:left;padding:5px;text-align:center;}
.ui-mobile  #quiz-move-container .qz-move-thumb ul li div a {color:#636363;text-decoration: none;display:block; text-align:center;line-height:100px;font-size:13px; text-transform:uppercase; height:100px;background:#fff;border:#999 1px dashed;}
.ui-mobile  #quiz-move-container .qz-move-thumb ul li div img.thumb130 {width:130px;height:85px;padding-top:7px;}
.ui-mobile  #quiz-move-container .qz-move-thumb ul li div img.opp30 {opacity:0.15;}
.ui-mobile  #quiz-move-container .qz-move-thumb ul li div .thumb_txt1 {font-size:0.8em;}
.ui-mobile  #quiz-move-container .qz-move-thumb ul li div .thumb_txt2 {font-size:1.3em;}



.qr_txt_gray {
        color: #888888;
}

/* »ó´Ü ÅØ½ºÆ® ±×¸²ÀÚ Á¦°Å */
.type-interior {text-shadow:none;}




/* MyPage Ãß°¡ ÀÌº¥Æ®º¸°üÇÔ */

.header-mypage-event {background:-o-linear-gradient(top, rgba(136,82,68,1), rgba(109,39,27,1));background: -moz-linear-gradient(top, rgba(136,82,68,1), rgba(109,39,27,1));background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(136,82,68,1)), color-stop(1, rgba(109,39,27,1)));}
.bg_woodBack_top {background: url(http://www.koreaimg.com/test/demos/docs/_assets/images/bg_wood_titback.jpg ) top center repeat; }
.bg_woodBack_ct {background: url(http://www.koreaimg.com/test/demos/docs/_assets/images/bg_wood_giftback_top.jpg) top center repeat; }
.bg_woodBack_rib {background: url(http://www.koreaimg.com/test/demos/docs/_assets/images/img_mypage_ev_ribbon.png) top left no-repeat; }
.bg_woodBack_con {background: url(http://www.koreaimg.com/test/demos/docs/_assets/images/bg_wood_giftback3.jpg) top center repeat; }
 /* ¸¶ÀÌÆäÀÌÁö »ó´Ü ¸Þ´º */
  /* TYPE WOOD */
 .my_container_w {
        margin: 0 auto;
        padding: 0 auto;
        border-top: 0px solid #336699;
		height:35px;
		
 }
 ul#mylist_w {
        text-align:center;
        padding: 0 auto;

 }

 ul#mylist_w li {
        display: block;
        float: left;
        padding: 0;
		text-align:center;
        list-style: none;
        margin: 0 auto;
        width: 25%;
 }



 ul#mylist_w li a {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
		color: #c19a9a;
        text-decoration: none;
        font-size: 11px;
        font-family: 'Nanum Gothic';
 }

 #my_container_w#ul#mylist_w li a { width: auto; }

 ul#mylist_w li#active a, ul#mylist_w li#active a:hover {
        /*background: #336699;*/
        color: #fff;
        font-size: 12px;
        font-family: 'Nanum Gothic';
		font-weight:800;
 }

.my_EvList_wood table {border-collapse:collapse;font-size: 1em;font-family:'Nanum Gothic';color:#595959;text-align:center;line-height:18px;}
.my_EvList_wood table div {width:100px;height:95px;padding:0px 15px 0px 15px;margin-top:35px;float:left;font-family: 'Nanum Gothic';font-size: 11px;font-weight:500;line-spacing:-1px;color:#fff;}
.my_EvList_wood table div img {width:100px;}
.my_EvList_wood table div p {line-height:18x;width:100px;}

/* paging ¿ìµå ½ºÅ¸ÀÏ*/
.pagingQR_wood { padding:20px 0 20px 0;margin:0px;text-align:center;white-space:nowrap;}
.pagingQR_wood a{display:inline-block; text-decoration: none;width:24px; height:24px; line-height:24px; margin-right:2px; *margin-right:5px; border:1px solid #381a12;color:#381a12;font-size:14px;text-align:center;vertical-align:middle; font-weight:bold;}
.pagingQR_wood a#active {background:#381a12;border:0px solid #76b5ec;color:#fff;text-decoration: none;}
.pagingQR_wood a:hover {border-color:#fff;color:#381a12;text-decoration: none;}
.pagingQR_wood a.none {vertical-align:0; border:none; *vertical-align:-15px;}