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

/* basic */
body { font-family: "Dotum", Gulim, Helvetica, Arial, Verdana, Sans-serif; font-size: 12px; letter-spacing: -1px; word-wrap: break-word; word-break: break-all;}
body, div, p, table, th, td, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, address, span, input, button { -webkit-text-size-adjust: none; margin: 0; padding: 0;}
div, table, th, td { border: 0; border-collapse: collapse;}
ul, ol, li { list-style: none;}
img, form, fieldset { margin: 0; padding: 0; border: 0;}
img { display: inherit;}
select { margin: 0; padding: 0; vertical-align: top;}
legend, .skip, .hid { visibility: hidden; overflow: hidden; position: absolute; left: -1000px; width: 0; height: 0; font-size: 0; line-height: 0;}
address { display: block;padding:2px 0 10px 0;font-size:10px; color: s#b0b0b0; font-style: normal; text-align: center;}
caption { width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -50000px;}
hr { display: none;}
a { text-decoration: none; color:#464646}
em{font-style:normal}
/* common */
/* display */
.hide { display: none !important;}
.view { display: block !important;}

/* position */
.pr { position: relative !important;}

/* float */
.fl { float: left !important;}
.fr { float: right !important;}
.cl { clear: both !important;}
.oh { overflow: hidden !important;}

/* width */
.wid35 { width: 35% !important;}
.wid45 { width: 45% !important;}
.wid100 { width: 100% !important;}

/* margin */
.mt0 { margin-top: 0 !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.ml15 { margin-left: 15px !important;}

/* padding */
.p5 { padding: 5px !important;}
.p10 { padding: 10px !important;}
.pb0 { padding-bottom: 0 !important;}
.pl0 { padding-left: 0 !important;}

/* border */
.bb0 { border-bottom: 0 !important;}

/* align */
.al { text-align: left !important;}
.ac { text-align: center !important;}
.ar { text-align: right !important;}

.at { vertical-align: top !important;}
.am { vertical-align: middle !important;}
.ab { vertical-align: bottom !important;}

.cl {clear:both}
/* font */
.fwbold {font-weight:bold;}

/* color */
.black {color:#000;}

/* ÆäÀÌÂ¡ */

.paginate { padding:15px 0; text-align:center;}
.paginate a,
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 13px/normal Verdana; _width :17px;}
.paginate strong { color:#f23219 !important; border:1px solid #e9e9e9;}
.paginate .pre { margin-right:9px; padding:7px 6px 5px 16px; _padding-bottom:3px; background:url(../../common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important;}
.paginate .next { margin-left:9px; padding:7px 16px 5px 6px; _padding-bottom:3px; background:url(../../common/paginate/bu_pg3_r_off.gif) no-repeat 71px 9px !important;}
*:first-child+html .paginate .pre,
*:first-child+html .paginate .next { top:-1px; padding-bottom:3px;}
.paginate a.pre { background:url(../../common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important;}
.paginate a.next { background:url(../../common/paginate/bu_pg3_r_on.gif) no-repeat 36px 9px !important;}
.paginate .pre,
.paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:1px; _top:-1px; font:12px/normal ±¼¸², Gulim; _width :84px;  _height :24px;}
.paginate a.pre,
.paginate a.next { color:#565656;}
.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;}

.paginate .pre_all { margin-right:6px; padding:7px 6px 5px 6px; _padding-bottom:1px; background:url(../../common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important; letter-spacing:-1px;}
.paginate .next_all { margin-left:4px; padding:7px 6px 5px 6px; _padding-bottom:1px; background:url(../../common/paginate/bu_pg3_r_off.gif) no-repeat 36px 9px !important; letter-spacing:-1px;}
.paginate a.pre_all { background:url(../../common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important;}
.paginate a.next_all { background:url(../../common/paginate/bu_pg3_r_on.gif) no-repeat 36px 9px !important;}
.paginate .pre_all, .paginate .next_all { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; _top:-2px; font:12px/normal ±¼¸², Gulim; _width :50px;  _height :24px;}
.paginate a.pre_all,
.paginate a.next_all { color:#565656;}

.paging {margin:5px; line-height:50px; width:100%; text-align:center; }
.paging .page a {display:inline; padding:8px 10px 6px 10px; font-weight:bold; color:#7B7A7A; border:1px solid #E3E6E9;}
.paging .page a:hover {color:#9098E0; text-decoration:none;}
.paging .page .page_on {display:inline; padding:9px 11px 7px 11px; font-weight:bold; color:#FFFFFF; background-color:#FF7BAA; }
.paging .page .prev {padding:0 10px 0 14px;}
.paging .page .next {padding:0 14px 0 10px;} 

.text_css {
    color: #575757;
    padding:5px 5px 5px 5px;
    border-radius: 2px;
    border: 1px solid #D8D8D8;
}

.select_css {
    padding:5px 5px 5px 5px;
    color: #575757;
    font-family: 'Nanum Gothic', serif;
    font-weight: bold;
    background-color: #FFFFFF;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    -moz-appearance: none;
    appearance: none;
}

.con .check {
	display:inline-block;
	width:490px;
}

.offer_table {
	border-top:2px solid #FF74A5;
}

.offer_table td h3 {
	font-size:16px;
	font-family:'Nanum Gothic', sans-serif;
	width:100%;
	line-height:40px;
	margin:20px 0 0 0;
}
.text_css02 { 
    color: #575757;
    padding:11px 0 11px 10px;
    border-radius: 5px;
    border: 1px solid #D8D8D8;
	font-size:16px;
	font-family:'Nanum Gothic', sans-serif;
}
.text_css03 { 
    color: #FFFFFF;
    padding:11px 0 11px 10px;
    border-radius: 5px;
    border: 1px solid #6C7984;
	background-color:#8C969F;
	font-size:16px;
	font-family:'Nanum Gothic', sans-serif;
}
.select_css02 {
    color: #575757;
    padding:10px 0 10px 10px;
    border-radius: 5px;
    border: 1px solid #6C7984;
	font-size:16px;
	font-family:'Nanum Gothic', sans-serif;
	width:248px;
	margin:0 12px 0 0;
	background-color:#8C969F;
	color:#FFFFFF;
}
.select_css04 {
    color: #575757;
    padding:10px 0 10px 10px;
    border-radius: 5px;
    border: 1px solid #6C7984;
	font-size:16px;
	font-family:'Nanum Gothic', sans-serif;
	width:110px;
	margin:0 12px 0 0;
	background-color:#8C969F;
	color:#FFFFFF;
}
.button_css02 {
    color: #FFFFFF;
    padding:11px 10px 11px 10px;
    border-radius: 5px;
    border: 1px solid #FF74A5;
	background-color:#FF74A5;
	font-size:16px;
	font-weight:bold;
	font-family:'Nanum Gothic', sans-serif;
}
.button_css03 {
    color: #ff0f63;
    padding:11px 10px 11px 10px;
    border-radius: 5px;
    border: 1px solid #ff0f63;
	background-color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	font-family:'Nanum Gothic', sans-serif;
}
.button_css04 {
    color: #FFFFFF;
    padding:11px 10px 11px 10px;
    border-radius: 5px;
    border: 1px solid #BD9AFF;
	background-color:#BD9AFF;
	font-size:16px;
	font-weight:bold;
	font-family:'Nanum Gothic', sans-serif;
}
.button_css05 {
    color: #FF74A5;
    padding:11px 10px 11px 10px;
    border-radius: 5px;
    border: 1px solid #FF74A5;
	background-color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	font-family:'Nanum Gothic', sans-serif;
}
.w225 {
	width:235px;
}
.w140 {
	width:140px;
}

.w450 {
	width:450px;
}
.w980 {
	width:980px;
}

.stext1 {
	font-size:12px; 
	font-weight:normal;
}


.select_css03 {
	height:32px;
    padding: .3em .3em;
    margin:0 0 0 0;
    color: #666666;
    font-family:'Nanum Gothic', sans-serif;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    -moz-appearance: none;
    appearance: none;
    text-indent: 5px;
}


.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100 { width:100%; }

.hp10 { height:10px; clear:both; }
.hp20 { height:20px; clear:both; }
.hp30 { height:30px; clear:both; }
.hp40 { height:40px; clear:both; }
.hp50 { height:50px; clear:both; }
.hp60 { height:60px; clear:both; }
.hp70 { height:70px; clear:both; }
.hp80 { height:80px; clear:both; }
.hp90 { height:90px; clear:both; }
.hp100 { height:100px; clear:both; }