@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html,body {margin:0;padding:0;height:100%;background-color:#fff}

* {font-family:"Noto Sans KR","Tahoma","Dotum",sans-serif;font-weight:300}

img {vertical-align:top}
button, label {cursor:pointer;outline:none}
a,
a:hover,
a:focus,
a:active {
	background-color: transparent;
	outline: 0;
	text-decoration:none;
}

.clr {clear:both}
.dis {display:none}
.letter {letter-spacing:-0.1em}
.letter_normal {letter-spacing:0}
.respon {
	max-width: 100%;
	height: auto;
	width: auto\9; // ie8
}
.agn_l {text-align:left !important}
.agn_c {text-align:center !important}
.agn_r {text-align:right !important}

.f11 {font-size:11px !important}
.f08em {font-size:0.8em !important}
.f09em {font-size:0.9em !important}
.f1_3em {font-size:1.3em !important}
.f1_5em {font-size:1.5em !important}
.f1_7em {font-size:1.7em !important}
.f2em {font-size:2em !important}
.f2_5em {font-size:2.5em !important}
.f3em {font-size:3em !important}

.fc01 {color:#333 !important}
.fc02 {color:#999 !important}
.fc03 {color:#fff !important}
.fc04 {color:#03d !important}
.fc05 {color:#c30 !important}
.fc06 {color:#ddd !important}
.fc07 {color:#f90 !important}
.fc08 {color:#f30 !important}
.fc09 {color:#ccc !important}

.fs01 {font-weight:bold !important}
.fs02 {font-style:italic !important}

.bg000 {color:#000 !important}

.divwrap10 {display:block;margin:0;padding:0;width:100%;height:10px}
.divwrap20 {display:block;margin:0;padding:0;width:100%;height:20px}
.divwrap30 {display:block;margin:0;padding:0;width:100%;height:30px}

.fl-left {float:left !important}
.fl-right {float:right !important}

.per10 {width:10% !important}
.per15 {width:15% !important}
.per20 {width:20% !important}
.per25 {width:25% !important}
.per30 {width:30% !important}
.per40 {width:40% !important}
.per50 {width:50% !important}
.per60 {width:60% !important}
.per70 {width:70% !important}
.per80 {width:80% !important}
.per90 {width:90% !important}
.per100 {width:100% !important}

.page-title {display:block;margin:0;padding:10px 10px 10px;font-size:2em;letter-spacing:-1px;border-top:1px solid #ddd;xbackground-color:#eee}
.page-title2 {display:block;margin:0;padding:0;font-size:1em;font-weight:600;letter-spacing:-1px;xborder-top:1px solid #ddd;xbackground-color:#eee}

#m-global-wrap {display:block;margin:0;padding:10px}

#loading {position:fixed;top:40%;left:0;display:block;width:100%;text-align:center;xbackground-color:#333}

/*********** »ó´Ü ***********/
#m-top-wrap {display:block;margin:0 auto;padding:5px 0;max-width:740px;background-color:#142341}
#m-top-wrap ul {float: right;position: relative;left: -50%;margin:0;padding:0;list-style:none}
#m-top-wrap ul li {float: left;position: relative;left: 50%;margin:0;padding:0}
#m-top-wrap ul li a {padding:5px;color:#fff}

#m-header {position:relative;display:block;margin:0 auto;padding:5px 0;max-width:740px;text-align:center}
#m-header .left-wrap {position:absolute;top:0;left:0;height:45px;line-height:45px;xbackground-color:#333}
#m-header .left-wrap a {display:inline-block;margin:0;padding:0 5px;color:#ccc;font-size:2em}

/*********** »óÇ°»ó¼¼ ***********/
#item-list-wrap {display:block;margin:0 auto 50px;padding:0;max-width:740px;background-color:#eee}
#item-list-wrap h1 {display:block;margin:0;padding:10px;font-size:1em;font-weight:300;letter-spacing:-1px;background-color:#fff}
#item-list-wrap h2 {display:block;margin:0;padding:0 10px 10px;background-color:#fff}
#item-list-wrap h2 .krw-cost {display:inline-block;margin-right:10px;font-weight:900}
#item-list-wrap h2 small {font-weight:300;color:#ccc;text-decoration:line-through}
#item-list-wrap .it-info-nav {display:block;margin:10px 0 0;padding:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fff}
#item-list-wrap .it-info-nav.fix-nav {position:fixed;top:0;left:0;margin:0;width:100%}
#item-list-wrap .it-info-nav ul {margin:0;padding:0;list-style:none}
#item-list-wrap .it-info-nav ul li {float:left;margin:0;padding:0;width:33.3%}
#item-list-wrap .it-info-nav ul li a {display:block;margin:0;padding:15px 0;text-align:center;color:#666;border-bottom:2px solid #fff}
#item-list-wrap .it-info-nav ul li.active a {color:#f30;border-bottom:2px solid #f30}
#item-list-wrap .it-info01-wrap {display:block;margin:0;padding:20px 20px;background-color:#fff}
#item-list-wrap .it-info01-wrap table {width:100%;font-size:0.7em}
#item-list-wrap .it-info01-wrap table th,
#item-list-wrap .it-info01-wrap table td {padding:3px;vertical-align:top;text-align:left}
#item-list-wrap .it-info02-wrap {display:none;margin:0;padding:20px 0;background-color:#fff}
#item-list-wrap .it-info02-wrap table,
#item-list-wrap .it-info02-wrap p {width:100%;height:auto}
#item-list-wrap .it-info02-wrap img {
	max-width: 100%;
	height: auto;
	width: auto\9; // ie8
}
#item-list-wrap .it-info03-wrap {display:none;margin:0;padding:20px 20px;background-color:#fff}

#buy-form-wrap {position:fixed;bottom:0;left:0;display:none;width:100%;height:350px;background-color:#c30;z-index:9999;background-color:#eee}
#buy-form-wrap .contents-wrap {position:relative;margin:0 auto;padding:10px;height:330px;max-width:740px}
#buy-form-wrap .contents-wrap .hidden-btn {position:absolute;top:-20px;left:0;width:100%;text-align:center;color:#fff;background-color:#c30}
#buy-form-wrap .contents-wrap .btn-wrap {position:absolute;bottom:0;left:0;width:100%}
#buy-form-wrap .contents-wrap .btn-wrap .btn-contents-wrap {display:block;margin:0;padding:10px}
#buy-form-wrap .contents-wrap .btn-wrap .sty01 {display:block;margin:0;padding:7px 0;width:100%;text-align:center;font-size:1em;color:#ff4c61;border:1px solid #fe4c62;background-color:#ffe6e9}
#buy-form-wrap .contents-wrap .btn-wrap .sty02 {display:block;margin:0;padding:7px 0;width:100%;text-align:center;font-size:1em;color:#fff;border:1px solid #fe4c62;background-color:#fe4c62}
#buy-form-wrap .contents-wrap dl {margin:0;padding:0;width:100%}
#buy-form-wrap .contents-wrap dt {clear:both;float:left;margin:0;padding:0 0 3px;width:25%;height:40px;line-height:40px}
#buy-form-wrap .contents-wrap dd {float:left;margin:0;padding:0 0 3px;width:75%;height:40px;line-height:40px;text-align:right;xbackground-color:#333}
#buy-form-wrap .contents-wrap dd select {width:100%;height:40px;line-height:40px;border:1px solid #333;font-size:1em;border-radius:0;background-color:#fff}

#buy-wrap {position:fixed;bottom:0;left:0;width:100%;background-color:#c30;z-index:999}
#buy-wrap .contents-wrap {display:block;margin:0 auto;padding:0;max-width:740px}
#buy-wrap .contents-wrap a {display:block;margin:0;padding:0;height:40px;line-height:40px;text-align:center;font-weight:500;color:#fff}

.goto-top,
.goto-top:hover,
.goto-top:focus,
.goto-top:active {position:fixed;bottom:50px;right:10px;display:none;width:40px;height:40px;line-height:40px;text-align:center;color:#666;background-color:rgba(220,220,220,0.5);z-index:999}

.m-it-list {display:block;margin:0;padding:5px;border:1px solid #ddd}
.m-it-list table {width:100%}
.m-it-list table th {vertical-align:top}
.m-it-list table td {vertical-align:top;font-size:12px}

.otb {margin:10px 0;font-size:15px;border-left:1px solid #D90088;border-top:1px solid #D90088}
.otb th,
.otb td {text-align:center;border-right:1px solid #D90088;border-bottom:1px solid #D90088}
.otb td {background-color:#fff}
.otb thead th {color:#ae4f4d;background-color:#f7b7b7}
.otb tbody th,
.otb tbody td.bot {color:#ae4f4d;background-color:#fae6e6}
.otb tbody th.bot {color:#ae4f4d;background-color:#f7b7b7}

.otb2 {margin:0;padding:10px;width:100%;font-size:13px;border:4px solid #ddd}
.otb2 th {text-align:left}
.otb2 th,
.otb2 td {padding:3px}
.otb2 input[type='text'],
.otb2 textarea {padding:4px 0;font-size:13px;color:#000;width:100%;border-radius:0}
.otb2 select {padding:4px 0;font-size:13px;color:#000;border-radius:0}
.otb2 strong {font-weight:900}