@charset "utf-8";

/* text typography */
@media screen and (min-width: 0) {
  html {
    font-size: 90%; } }
@media screen and (min-width: 768px) {
  html {
    font-size: 100%; } }
@media screen and (min-width: 1700px) {
  html {
    font-size: 110%; } }

/* init style */
* { margin:0; padding:0; -moz-box-sizing: border-box;
  box-sizing: border-box;}
html, body, .page { height:100%; }
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {border:0;outline:0;background:transparent;}
article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary {display:block;}
a {margin:0;padding:0;border:0; color:#454545; }
nav, ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after {content:"";content:none;}
table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;}

.not-a {pointer-events:none;}

/* body font set */
body {
  font-family: "Spoqa Han Sans", "WF Spoqa Han Sans", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  word-break: keep-all;
  line-height: 1.5rem; 
  color:#555;
}

::placeholder {
	color:#a9a9a9;
}

/* list style */
li { list-style:none;}
li.first { padding-left:0px; }
ul.fl-list li , .fl-list { float:left; }
ul.fr-list li , fr-list { float:right; }
.fl-list:after , .fr-list:after { clear:both; display:block; content:""; }
ol.l-basic { margin:0 0 30px 18px; padding:0; }
ol.l-num { margin:0; list-style:none;}
ol.l-num li { margin:0; padding: 0 0 0 20px; }
ol.l-num li span.num { position:absolute; margin:0 0 0 -20px; }
ol.even li:nth-child(2n) {margin-bottom:10px;}
ol.all li { margin-bottom:10px;}

/* form style */
fieldset {padding:0px;margin:0px;border:0px;}
legend{display:none;}
input[type='tel'],input[type='url'],input[type='number'], input[type='email'], input[type='text'], input[type='password'],
input.text,input.password {border-left:1px solid #cbcbcb;border-top:1px solid #cbcbcb;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background:#fff;height:1.5em;line-height:1.3em;padding:0.30em 5px 0.4em 5px;vertical-align:middle;margin:1px;}
input[type=radio],input[type=checkbox] {border:none;padding:0;margin:0}
textarea {border:1px solid #ddd;padding:2px 5px;}
select::-ms-expand { background:#fff; border:0px; display:none; }
select { background-color:#fff; border:1px solid #dddddd; background:url('../img/select.png') no-repeat right center; cursor:pointer; -webkit-padding-end:30px; background-size:17px 5px; -webkit-appearance: none; -moz-appearance: none; appearance:none; }

/* img style */
img {border:0px;vertical-align:middle;}
img.f-width { width:100%; }

/* cursor style */
button, .hand { cursor:pointer; }

/* basic style */
.fl {float:left;}
.fr {float:right;}
.cr {clear:both;content:"";display:block;}
.container:after {content:"";display:table;clear:both;}
.pos-r {position:relative;}
.pos-a {position:absolute;}

.box-block { display:block; position:relative;}
.box-abs { position:absolute; }
.box-inline { display:inline-block; }

.col { float:left; box-sizing:border-box;min-height:1px;}
.txt-dotted { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}

.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.vtop {vertical-align:text-top !important;}
.vcenter {vertical-align:middle !important;}
.vbottom {vertical-align:bottom !important;}
.indent-10 {margin-left:10px;}
.indent-20 {margin-left:20px;}
.indent-30 {margin-left:30px;}

.nb {font-weight:normal;}
.b {font-weight:bold;}

.en {font-size:90%; font-family:Verdana;}
.f10 {font-size:10px; font-size:0.63rem;}
.f11 {font-size:11px; font-size:0.69rem;}
.f12 {font-size:12px; font-size:0.75rem;}
.f13 {font-size:13px; font-size:0.81rem;}
.f14 {font-size:14px; font-size:0.88rem;}
.f15 {font-size:15px; font-size:0.94rem;}
.f16 {font-size:16px; font-size:1rem;}
.f17 {font-size:17px; font-size:1.06rem;}
.f18 {font-size:18px; font-size:1.13rem;}
.f19 {font-size:19px; font-size:1.19rem;}
.f20 {font-size:20px; font-size:1.25rem;}
.f22 {font-size:22px; font-size:1.375rem;}
.f24 {font-size:24px; font-size:1.5rem;}
.f32 {font-size:32px; font-size:2rem; }

.lineh-110 {line-height:110%;}
.lineh-120 {line-height:120%;}
.lineh-130 {line-height:130%;}
.lineh-140 {line-height:140%;}
.lineh-150 {line-height:150%;}
.lineh-160 {line-height:160%;}
.lineh-170 {line-height:170%;}
.lineh-180 {line-height:180%;}
.lineh-190 {line-height:190%;}
.lineh-200 {line-height:200%;}

.wpx500 {width:500px;}
.wpx450 {width:450px;}
.wpx400 {width:400px;}
.wpx350 {width:350px;}
.wpx300 {width:300px;}
.wpx250 {width:250px;}
.wpx200 {width:200px;}
.wpx150 {width:150px;}
.wpx120 {width:120px;}
.wpx100 {width:100px;}
.wpx50 {width:50px;}
.wpx20 {width:20px;}

.wp100 {width:100%;}
.wp98 {width:98%;}
.wp90 {width:90%;}
.wp80 {width:80%;}
.wp70 {width:70%;}
.wp60 {width:60%;}
.wp50 {width:49%;}
.wp45 {width:44%;}
.wp40 {width:40%;}
.wp33 {width:33.3333%;}
.wp30 {width:30%;}
.wp25 {width:25%;}
.wp20 {width:20%;}
.fwp50 {width:50%;}

.pad5-a {padding:5px}
.pad5-tb {padding-top:5px;padding-bottom:5px}
.pad5-lr {padding-left:5px;padding-right:5px;}
.pad5-r {padding-right:5px}
.pad5-l {padding-left:5px}
.pad5-t {padding-top:5px}
.pad5-b {padding-bottom:5px}
.pad10-a {padding:10px}
.pad10-tb {padding-top:10px;padding-bottom:10px}
.pad10-lr {padding-left:10px;padding-right:10px;}
.pad10-r {padding-right:10px}
.pad10-l {padding-left:10px}
.pad10-t {padding-top:10px}
.pad10-b {padding-bottom:10px}
.pad15-a {padding:15px}
.pad15-tb {padding-top:15px;padding-bottom:15px}
.pad15-lr {padding-left:15px;padding-right:15px;}
.pad15-r {padding-right:15px}
.pad15-l {padding-left:15px}
.pad15-t {padding-top:15px}
.pad15-b {padding-bottom:15px}
.pad20-a {padding:20px}
.pad20-tb {padding-top:20px;padding-bottom:20px}
.pad20-lr {padding-left:20px;padding-right:20px;}
.pad20-r {padding-right:20px}
.pad20-l {padding-left:20px}
.pad20-t {padding-top:20px}
.pad20-b {padding-bottom:20px}
.pad25-a {padding:25px}
.pad25-tb {padding-top:25px;padding-bottom:25px}
.pad25-lr {padding-left:25px;padding-right:25px;}
.pad25-r {padding-right:25px}
.pad25-l {padding-left:25px}
.pad25-t {padding-top:25px}
.pad25-b {padding-bottom:25px}
.pad30-a {padding:30px}
.pad30-tb {padding-top:30px;padding-bottom:30px}
.pad30-lr {padding-left:30px;padding-right:30px;}
.pad30-r {padding-right:30px}
.pad30-l {padding-left:30px}
.pad30-t {padding-top:30px}
.pad30-b {padding-bottom:30px}
.pad40-a {padding:40px}
.pad40-tb {padding-top:40px;padding-bottom:40px}
.pad40-lr {padding-left:40px;padding-right:40px;}
.pad40-r {padding-right:40px}
.pad40-l {padding-left:40px}
.pad40-t {padding-top:40px}
.pad40-b {padding-bottom:40px}
.pad50-a {padding:50px}
.pad50-tb {padding-top:50px;padding-bottom:50px}
.pad50-lr {padding-left:50px;padding-right:50px;}
.pad50-r {padding-right:50px}
.pad50-l {padding-left:50px}
.pad50-t {padding-top:50px}
.pad50-b {padding-bottom:50px}
.pad5-a-rel {padding:5%;}
.pad10-a-rel {padding:10%;}
.pad5-lr-rel {padding-left:5%;padding-right:5%;}
.pad10-lr-rel {padding-left:10%;padding-right:10%;}
.pad5-tb-rel {padding-top:5%;padding-bottom:5%;}
.pad10-tb-rel {padding-top:10%;padding-bottom:10%;}

.mg5-a {margin:5px;}
.mg5-tb {margin-top:5px;margin-bottom:5px}
.mg5-lr {margin-left:5px;margin-right:5px}
.mg5-r {margin-right:5px;}
.mg5-l {margin-left:5px;}
.mg5-t {margin-top:5px;}
.mg5-b {margin-bottom:5px;}
.mg10-a {margin:10px;}
.mg10-tb {margin-top:10px;margin-bottom:10px}
.mg10-lr {margin-left:10px;margin-right:10px}
.mg10-r {margin-right:10px;}
.mg10-l {margin-left:10px;}
.mg10-t {margin-top:10px;}
.mg10-b {margin-bottom:10px;}
.mg15-a {margin:15px;}
.mg15-tb {margin-top:15px;margin-bottom:15px}
.mg15-lr {margin-left:15px;margin-right:15px}
.mg15-r {margin-right:15px;}
.mg15-l {margin-left:15px;}
.mg15-t {margin-top:15px;}
.mg15-b {margin-bottom:15px;}
.mg20-a {margin:20px;}
.mg20-tb {margin-top:20px;margin-bottom:20px}
.mg20-lr {margin-left:20px;margin-right:20px}
.mg20-r {margin-right:20px;}
.mg20-l {margin-left:20px;}
.mg20-t {margin-top:20px;}
.mg20-b {margin-bottom:20px;}
.mg25-a {margin:25px;}
.mg25-tb {margin-top:25px;margin-bottom:25px}
.mg25-lr {margin-left:25px;margin-right:25px}
.mg25-r {margin-right:25px;}
.mg25-l {margin-left:25px;}
.mg25-t {margin-top:25px;}
.mg25-b {margin-bottom:25px;}
.mg30-a {margin:30px;}
.mg30-tb {margin-top:30px;margin-bottom:30px}
.mg30-lr {margin-left:30px;margin-right:30px}
.mg30-r {margin-right:30px;}
.mg30-l {margin-left:30px;}
.mg30-t {margin-top:30px;}
.mg30-b {margin-bottom:30px;}
.mg35-a {margin:35px;}
.mg35-tb {margin-top:35px;margin-bottom:35px}
.mg35-lr {margin-left:35px;margin-right:35px}
.mg35-r {margin-right:35px;}
.mg35-l {margin-left:35px;}
.mg35-t {margin-top:35px;}
.mg35-b {margin-bottom:35px;}
.mg40-a {margin:40px;}
.mg40-tb {margin-top:40px;margin-bottom:40px}
.mg40-lr {margin-left:40px;margin-right:40px}
.mg40-r {margin-right:40px;}
.mg40-l {margin-left:40px;}
.mg40-t {margin-top:40px;}
.mg40-b {margin-bottom:40px;}
.mg45-a {margin:45px;}
.mg45-tb {margin-top:45px;margin-bottom:45px}
.mg45-lr {margin-left:45px;margin-right:45px}
.mg45-r {margin-right:45px;}
.mg45-l {margin-left:45px;}
.mg45-t {margin-top:45px;}
.mg45-b {margin-bottom:45px;}
.mg50-a {margin:50px;}
.mg50-tb {margin-top:50px;margin-bottom:50px}
.mg50-lr {margin-left:50px;margin-right:50px}
.mg50-r {margin-right:50px;}
.mg50-l {margin-left:50px;}
.mg50-t {margin-top:50px;}
.mg50-b {margin-bottom:50px;}