@charset "utf-8";
/* CSS Document */


/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
	HTML5 display definitions
	========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	 display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
	 display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	 display: none;
	 height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
	 display: none;
}

/* ==========================================================================
	Base
	========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *	 user zoom.
 */

html {
  font-family: 'Nanum Gothic', sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }


/**
 * Remove default margin.
 */


/* ==========================================================================
	Links
	========================================================================== */

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:focus,
a:active,
a:hover {
	 outline: none;
}

/* ==========================================================================
	Typography
	========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
	 font-size: 2em;
	 margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
	 border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
	 font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	 font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	 -moz-box-sizing: content-box;
	 box-sizing: content-box;
	 height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	 background: #ff0;
	 color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
	 /*font-family: monospace, serif;*/
	 font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	 white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
	 quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	 font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	 font-size: 75%;
	 line-height: 0;
	 position: relative;
	 vertical-align: baseline;
}

sup {
	 top: -0.5em;
}

sub {
	 bottom: -0.25em;
}

/* ==========================================================================
	Embedded content
	========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
	 border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	 overflow: hidden;
}

/* ==========================================================================
	Figures
	========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
	 margin: 0;
}

/* ==========================================================================
	Forms
	========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	 border: 1px solid #c0c0c0;
	 margin: 0 2px;
	 padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	 border: 0; /* 1 */
	 padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
	 /*font-family: inherit;*/ /* 1 */
	 font-size: 100%; /* 2 */
	 margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	 line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
	 text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *	 and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *	 `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	 -webkit-appearance: button; /* 2 */
	 cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	 cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
	 box-sizing: border-box; /* 1 */
	 padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *	 (include `-moz` to future-proof).
 */

input[type="search"] {
	 -webkit-appearance: textfield; /* 1 */
	 -moz-box-sizing: content-box;
	 -webkit-box-sizing: content-box; /* 2 */
	 box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	 -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	 border: 0;
	 padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	 overflow: auto; /* 1 */
	 vertical-align: top; /* 2 */
}

/* ==========================================================================
	Tables
	========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	 border-collapse: collapse;
	 border-spacing: 0;
}




body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,address,caption,legen{margin:0; padding:0; line-height:1.5em; font-family:'Nanum Gothic', sans-serif; font-size:1em; -webkit-text-size-adjust: none;}
p, ul, ol, li, dl, dt, dd, form { list-style-image:none; list-style-position:outside; list-style-type:none; border:0px; margin:0px; padding:0px;}

label, th img, td img {vertical-align:middle;}
form {margin:0; padding:0;}
hr {display: none;}
fieldset {border:0;}
img {border:0; margin:0; padding:0; vertical-align:middle;}
object {padding:0; margin:0; line-height:0; font-size:0; overflow:hidden;}

/*form */
textarea {padding:10px 5px; border:1px solid #d0d0d0; background:#fff; width:100%; color:#454545; font-family: 'Nanum Gothic'; resize:none;}
/*input{vertical-align: middle; line-height:100%; padding:3px 5px; *padding:3px 5px 0 5px; border:1px solid #d0d0d0; font-family: "Nanum Gothic", Dotum; color:#454545; font-size:12px;}
input.file{border:none; padding:0; line-height:100%; height:22px;}*/

input[type=checkbox] {border:none; height:13px;}
input[type=radio] {border:none; height:13px; margin-top:-1px;}

select {vertical-align: middle; margin:0; padding-left:5px; font-family: 'Nanum Gothic'; color:#454545; font-size:1em;;}
span.button, img.button, a.button {cursor: pointer; vertical-align: middle;}


input[type=text], textarea, input[type=email] {
	vertical-align: middle;
	border: 1px solid #d0d0d0;
	font-family: 'Nanum Gothic';
    font-size: 1em;;
    line-height: 100%;
    color: #454545;
    background-color: #fcfcfc;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
	padding:4px 5px; *padding:4px 5px 0 5px;
}
input[type=text]:focus, textarea:focus, input[type=email]:focus {
	background-color: #f3f3f3;
}





/*링크테두리 삭제*/
a,img,input{outline:0; selector-dummy: expression(this.hideFocus=true);}
a {
	color: #454545;
	text-decoration: none;
	-moz-transition: 0.2s color linear;
	-webkit-transition: 0.2s color linear;
	transition: 0.2s color linear;
}
a:hover {
	color: #454545;
}
a, a:link, a:active, a:visited, a:hover
{
	text-decoration: none;
}

iframe
{
	overflow: hidden;
}


/* hacks setting
-------------------------------------------------------------------*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,.clearfix:after {
  display: block;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.invalid{
	text-align: left;
	color:#f13c6f;
	font-size:1em;line-height:18px;
  	font-family: 'Nanum Gothic';  vertical-align:middle;
}







/* base */
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.cbi7 {*float:none;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.vt {vertical-align:top;}
.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}
.of_auto{overflow:auto;}
.bn {background-image:none; border:0 none;}
.bw {background:#fff;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.fbc {font-weight:bold; text-align:center;}	/* jji */
.di {display:inline;}
.dn {display:none;}
.db {display:block;}
.dib{display:inline-block;}
.bg_yellow {background:#ffff00;}



/* margin */
.m0{margin:0;}
.mt_5{margin-top:-5px;}
.mt_15{margin-top:-15px;}
.mt0 {margin-top:0px;}
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}	 
.mt6 {margin-top:6px;}
.mt7 {margin-top:7px;}	 
.mt8 {margin-top:8px;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt11 {margin-top:11px;}
.mt12 {margin-top:12px;}
.mt13 {margin-top:13px;}
.mt14 {margin-top:14px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt85 {margin-top:85px;}
.mt90 {margin-top:90px;}
.mt95 {margin-top:95px;}
.mt100 {margin-top:100px;}
.mt105 {margin-top:105px;}
.mt110 {margin-top:110px;}
.mt120 {margin-top:120px;}

.mb_10{margin-bottom:-10px;}
.mb5 {margin-bottom:5px;}
.mb8 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}	
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
.mb120 {margin-bottom:120px;}

.ml5 {margin-left:5px;}
.ml7 {margin-left:7px;}
.ml10 {margin-left:10px;}
.ml12 {margin-left:12px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml62 {margin-left:62px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}
.ml74 {margin-left:74px;}
.ml75 {margin-left:75px;}
.ml80 {margin-left:80px;}
.ml85 {margin-left:85px;}
.ml90 {margin-left:90px;}
.ml95 {margin-left:95px;}
.ml100 {margin-left:100px;}
.ml110 {margin-left:110px;}
.ml120 {margin-left:120px;}
.ml130 {margin-left:130px;}
.ml140 {margin-left:140px;}
.ml150 {margin-left:150px;}
.ml160 {margin-left:160px;}
.ml170 {margin-left:170px;}
.ml180 {margin-left:180px;}
.ml195 {margin-left:195px;}
.ml200 {margin-left:200px;}
.ml210 {margin-left:210px;}
.ml220 {margin-left:220px;}
.ml230 {margin-left:230px;}
.ml255 {margin-left:255px;}
.ml300 {margin-left:300px;}
.ml400 {margin-left:400px;}
.ml450 {margin-left:450px;}
.ml500 {margin-left:500px;}
.ml510 {margin-left:510px;}
.ml550 {margin-left:550px;}

.mr5 {margin-right:5px;}
.mr8 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr65 {margin-right:65px;}
.mr70 {margin-right:70px;}
.mr75 {margin-right:75px;}
.mr80 {margin-right:80px;}
.mr85 {margin-right:85px;}
.mr90 {margin-right:90px;}
.mr95 {margin-right:95px;}
.mr100 {margin-right:100px;}
.mr150 {margin-right:150px;}
.mr200 {margin-right:200px;}
.mr488 {margin-right:488px;}
.mr500 {margin-right:500px;}
.mr507 {margin-right:507px;}
.mr515 {margin-right:515px;}
.mr525 {margin-right:525px;}
.mr535 {margin-right:535px;}
.mr556 {margin-right:556px;}


/* padding */
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt11 {padding-top:11px;}
.pt12 {padding-top:12px;}
.pt13 {padding-top:13px;}
.pt14 {padding-top:14px;}
.pt15 {padding-top:15px;}
.pt16 {padding-top:16px;}
.pt17 {padding-top:17px;}
.pt18 {padding-top:18px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px;}
.pt21 {padding-top:21px;}
.pt22 {padding-top:22px;}
.pt23 {padding-top:23px;}
.pt24 {padding-top:24px;}
.pt25 {padding-top:25px;}
.pt26 {padding-top:26px;}
.pt27 {padding-top:27px;}
.pt28 {padding-top:28px;}
.pt29 {padding-top:29px;}
.pt30 {padding-top:30px;}
.pt34 {padding-top:34px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt66 {padding-top:66px;}
.pt70 {padding-top:70px;}
.pt75 {padding-top:75px;}
.pt100 {padding-top:100px;}
.pt120 {padding-top:120px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}

.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl13 {padding-left:13px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl33 {padding-left:33px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}
.pl70 {padding-left:70px;}
.p210 {padding-left:210px;}
.pl250 {padding-left:250px;}
.pl360 {padding-left:360px;}

.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}


/* height */
.h20 {height:20px;}
.h22 {height:22px;}
.h24 {height:24px;}
.h25 {height:25px;}
.h27 {height:27px;}
.h30 {height:30px;}
.h31 {height:31px;}
.h32 {height:32px;}
.h35 {height:35px;}
.h37 {height:37px;}
.h40 {height:40px;}
.h45 {height:45px;}
.h50 {height:50px;}
.h54 {height:54px;}
.h55 {height:55px;}
.h61 {height:61px;}
.h66 {height:66px;}
.h70 {height:70px;}
.h71 {height:71px;}
.h72 {height:72px;}
.h73 {height:73px;}
.h81 {height:81px;}
.h86 {height:86px;}
.h90 {height:90px;}
.h100 {height:100px;}
.h110 {height:110px;}
.h115 {height:115px;}
.h117 {height:117px;}
.h120 {height:120px;}
.h126 {height:126px;}
.h130 {height:130px;}
.h133 {height:133px;}
.h144 {height:144px;}
.h149 {height:149px;}
.h150 {height:150px;}
.h160 {height:160px;}
.h170 {height:170px;}
.h175 {height:175px;}
.h185 {height:185px;}
.h190 {height:190px;}
.h195 {height:195px;}
.h200 {height:200px;}
.h205 {height:205px;}
.h216 {height:216px;}
.h232 {height:232px;}
.h228 {height:228px;}
.h250 {height:250px;}
.h300 {height:300px;}
.h330 {height:330px;}
.h336 {height:336px;}
.h425 {height:425px;}
.h499 {height:499px;}
.h588 {height:588px;}
.h677 {height:677px;}

/* width */
.w20 {width:20px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w45 {width:45px;}
.w48 {width:48px;}
.w50 {width:50px;}
.w52 {width:52px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w71 {width:71px;}
.w72 {width:72px;}
.w75 {width:75px;}
.w76 {width:76px;}
.w78 {width:78px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w92 {width:92px;}
.w94 {width:94px;}
.w95 {width:95px;}
.w100 {width:100px;}
.w103 {width:103px;}
.w105 {width:105px;}
.w108 {width:108px;}
.w110 {width:110px;}
.w113 {width:113px;}
.w115 {width:115px;}
.w116 {width:116px;}
.w117 {width:117px;}
.w120 {width:120px;}
.w123 {width:123px;}
.w125 {width:125px;}
.w130 {width:130px;}
.w135 {width:135px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w162 {width:162px;}
.w163 {width:163px;}
.w165 {width:165px;}
.w170 {width:170px;}
.w175 {width:175px;}
.w180 {width:180px;}
.w188 {width:188px;}
.w190 {width:190px;}
.w191 {width:191px;}
.w192 {width:192px;}
.w195 {width:195px;}
.w198 {width:198px;}
.w200 {width:200px;} 
.w203 {width:203px;}
.w220 {width:220px;}
.w222 {width:222px;}
.w227 {width:227px;}
.w230 {width:230px;} 
.w250 {width:250px;}
.w260 {width:260px;}
.w268 {width:268px;}
.w270 {width:270px;}
.w280 {width:280px;}
.w290 {width:290px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w320 {width:320px;}
.w350 {width:350px;}
.w360 {width:360px;}
.w370 {width:370px;}
.w380 {width:380px;}
.w390 {width:390px;}
.w395 {width:395px;}
.w400 {width:400px;}
.w415 {width:415px;}
.w420 {width:420px;}
.w425 {width:425px;}
.w426 {width:426px;}
.w445 {width:445px;}
.w450 {width:450px;}
.w460 {width:460px;}
.w470 {width:470px;}
.w475 {width:475px;}
.w480 {width:480px;}
.w490 {width:490px;}
.w500 {width:500px;}
.w508 {width:508px;} 
.w509 {width:509px;}
.w510 {width:510px;}
.w550 {width:550px;}
.w570 {width:570px;}
.w580 {width:580px;}
.w600 {width:600px;}
.w610 {width:610px;}
.w620 {width:620px;} 
.w640 {width:640px;} 
.w650 {width:650px;} 
.w800 {width:800px;} 

.w1pm {width:1%;}
.w10pm {width:10%;}
.w20pm {width:20%;}
.w25pm {width:25%;}
.w30pm {width:30%;}
.w40pm {width:40%;}
.w50pm {width:50%;}
.w60pm {width:60%;}
.w70pm {width:70%;}
.w80pm {width:80%;}
.w90pm {width:90%;}
.w95pm {width:95%;}
.w96pm {width:96%;}
.w97pm {width:97%;}
.w98pm {width:98%;}
.w99pm {width:99%;}
.w100pm {width:100%;}