@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(fonts.css);

/*font-series*/
.droid_serif {font-family:'Droid Serif', serif;}/*400. 700*/
.open_sans {font-family:'Open Sans', sans-serif;}/*300. 400, 600, 700, 800*/
.nanum_gothic {font-family:'Nanum Gothic', sans-serif;}/*400, 700, 800*/
.nanum_myeongjo {font-family:'Nanum Myeongjo', serif;}/*400, 700, 800*/
.noto_sans {font-family:'Noto Sans KR', serif;}/*400. 700*/

/*reset*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button {margin:0; padding:0}
* {font-family:'Noto Sans KR', "맑은 고딕", "나눔고딕", "돋움", sans-serif; color:#221f1f; font-size:16px; letter-spacing:-1px;}
ul, p, button {margin:0; padding:0;}
li {list-style:none;}
img {border:0; /*vertical-align:middle;*/}
a {text-decoration:none; color:#000;}
a:hover {color:#221f1f; text-decoration:none;}
legend, caption {display:none;}
fieldset {border:0; margin:0; padding:0;}
input, select, textarea, button {border:1px solid #ccc; background-color:#fff; /*border-radius:3px;*/ vertical-align:middle;}
input[type="text"] {height: 33px;line-height: 33px;padding:0 5px;}
input[type="button"] {height:33px; line-height:33px; padding:0 10px; cursor:pointer;}
input[type="password"] {height:33px; line-height:33px; padding:0 5px;}
input[type="file"] {height:33px; line-height:33px; padding:0 5px;}
input[type="submit"] { /*line-height:28px;*/ padding:0 10px; cursor:pointer;}
button {height:29px; line-height:29px; padding:0 10px; cursor:pointer;}
select {height:30px; line-height:30px; padding:0 5px; vertical-align:middle;}
textarea {font-size:16px; line-height:22px; width:98%; padding:10px 1%; text-align:justify;}
input[type="checkbox"] {border:1px solid #ddd; background-color:#fff; border-radius:3px; vertical-align:middle;}
select:hover {cursor:pointer;}
th {font-size:16px; line-height:19px;}
td {font-size:16px; line-height:19px;}
tr.linked {cursor:pointer;}

@media screen and (min-width:1921px) {
	textarea {width:99%; padding:10px 0.5%;}
}

/*basic*/
.clear {clear:both;}
.clearfix:after{display: block; content: ''; clear: both;}
.blind{font-size: 0; position: absolute; top: -999999px;}

/*text-color*/
.text_white {color:#fff !important;}
.text_red {color:#ff4b00 !important;}
.text_blue {color:#55b9ff;}
.text_green {color:#7dd237;}
.text_scal {color:#e68e27;}
.text-purple{color:#813273}

/*font-size*/
.fs12 {font-size:12px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}

.bold{font-weight:500;}

/*width*/
.w100 {width:100%;}
.w98 {width:98%;}
.w95 {width:95%;}
.w90 {width:90%;}
.w85 {width:85%;}
.w80 {width:80%;}
.w75 {width:75% !important;}
.w70 {width:70%;}
.w65 {width:65%;}
.w60 {width:60%;}
.w55 {width:55%;}
.w50 {width:50%;}
.w49 {width:49%;}
.w48 {width:48%;}
.w45 {width:45%;}
.w40 {width:40%;}
.w35 {width:35%;}
.w30 {width:30%;}
.w25 {width:25%;}
.w20 {width:20%;}
.w15 {width:15%;}
.w10 {width:10%;}
.w100px {width:100px;}
.w90px {width:90px;}
.w80px {width:80px;}
.w70px {width:70px;}
.w60px {width:60px;}
.w50px {width:50px;}
.w40px {width:40px;}
.w30px {width:30px;}
.w20px {width:20px;}
.w10px {width:10px;}

/*height*/
.mh0 {min-height:0 !important;}

/*margin*/
.m100 {margin:100px !important;}
.m90 {margin:90px !important;}
.m80 {margin:80px !important;}
.m70 {margin:70px !important;}
.m60 {margin:60px !important;}
.m50 {margin:50px !important;}
.m40 {margin:40px !important;}
.m30 {margin:30px !important;}
.m20 {margin:20px !important;}
.m10 {margin:10px !important;}
.m5 {margin:5px !important;}
.m0a {margin:0 auto;}
.ma0 {margin:auto 0;}
.ma {margin:auto;}

/*margin-top*/
.mt100 {margin-top:100px !important;}
.mt90 {margin-top:90px !important;}
.mt80 {margin-top:80px !important;}
.mt70 {margin-top:70px !important;}
.mt60 {margin-top:60px !important;}
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:40px !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mt5 {margin-top:5px !important;}
.mt0 {margin-top:0 !important;}

/*margin-left*/
.ml100 {margin-left:100px !important;}
.ml90 {margin-left:90px !important;}
.ml80 {margin-left:80px !important;}
.ml70 {margin-left:70px !important;}
.ml60 {margin-left:60px !important;}
.ml50 {margin-left:50px !important;}
.ml40 {margin-left:40px !important;}
.ml30 {margin-left:30px !important;}
.ml20 {margin-left:20px !important;}
.ml10 {margin-left:10px !important;}
.ml5 {margin-left:5px !important;}
.ml0 {margin-left:0 !important;}

/*margin-right*/
.mr100 {margin-right:100px !important;}
.mr90 {margin-right:90px !important;}
.mr80 {margin-right:80px !important;}
.mr70 {margin-right:70px !important;}
.mr60 {margin-right:60px !important;}
.mr50 {margin-right:50px !important;}
.mr40 {margin-right:40px !important;}
.mr30 {margin-right:30px !important;}
.mr20 {margin-right:20px !important;}
.mr10 {margin-right:10px !important;}
.mr5 {margin-right:5px !important;}
.mr0 {margin-right:0 !important;}

/*margin-bottom*/
.mb100 {margin-bottom:100px !important;}
.mb90 {margin-bottom:90px !important;}
.mb80 {margin-bottom:80px !important;}
.mb70 {margin-bottom:70px !important;}
.mb60 {margin-bottom:60px !important;}
.mb50 {margin-bottom:50px !important;}
.mb40 {margin-bottom:40px !important;}
.mb30 {margin-bottom:30px !important;}
.mb20 {margin-bottom:20px !important;}
.mb10 {margin-bottom:10px !important;}
.mb5 {margin-bottom:5px !important;}
.mb0 {margin-bottom:0 !important;}

/*padding*/
.p100 {padding:100px !important;}
.p90 {padding:90px !important;}
.p80 {padding:80px !important;}
.p70 {padding:70px !important;}
.p60 {padding:60px !important;}
.p50 {padding:50px !important;}
.p40 {padding:40px !important;}
.p30 {padding:30px !important;}
.p20 {padding:20px !important;}
.p10 {padding:10px !important;}
.p5 {padding:5px !important;}
.p0 {padding:0 !important;}

/*padding_horizontal*/
.ph100 {padding:0 100px !important;}
.ph90 {padding:0 90px !important;}
.ph80 {padding:0 80px !important;}
.ph70 {padding:0 70px !important;}
.ph60 {padding:0 60px !important;}
.ph50 {padding:0 50px !important;}
.ph40 {padding:0 40px !important;}
.ph30 {padding:0 30px !important;}
.ph20 {padding:0 20px !important;}
.ph10 {padding:0 10px !important;}
.ph5 {padding:0 5px !important;}

/*padding_vertical*/
.pv100 {padding:100px 0 !important;}
.pv90 {padding:90px 0 !important;}
.pv80 {padding:80px 0 !important;}
.pv70 {padding:70px 0 !important;}
.pv60 {padding:60px 0 !important;}
.pv50 {padding:50px 0 !important;}
.pv40 {padding:40px 0 !important;}
.pv30 {padding:30px 0 !important;}
.pv20 {padding:20px 0 !important;}
.pv10 {padding:10px 0 !important;}
.pv5 {padding:5px 0 !important;}

/*padding-top*/
.pt100 {padding-top:100px !important;}
.pt90 {padding-top:90px !important;}
.pt80 {padding-top:80px !important;}
.pt70 {padding-top:70px !important;}
.pt60 {padding-top:60px !important;}
.pt50 {padding-top:50px !important;}
.pt40 {padding-top:40px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt10 {padding-top:10px !important;}
.pt5 {padding-top:5px !important;}
.pt0 {padding-top:0 !important;}

/*padding-left*/
.pl100 {padding-left:100px !important;}
.pl90 {padding-left:90px !important;}
.pl80 {padding-left:80px !important;}
.pl70 {padding-left:70px !important;}
.pl60 {padding-left:60px !important;}
.pl50 {padding-left:50px !important;}
.pl40 {padding-left:40px !important;}
.pl30 {padding-left:30px !important;}
.pl20 {padding-left:20px !important;}
.pl10 {padding-left:10px !important;}
.pl5 {padding-left:5px !important;}
.pl0 {padding-left:0 !important;}

/*padding-right*/
.pr100 {padding-right:100px !important;}
.pr90 {padding-right:90px !important;}
.pr80 {padding-right:80px !important;}
.pr70 {padding-right:70px !important;}
.pr60 {padding-right:60px !important;}
.pr50 {padding-right:50px !important;}
.pr40 {padding-right:40px !important;}
.pr30 {padding-right:30px !important;}
.pr20 {padding-right:20px !important;}
.pr10 {padding-right:10px !important;}
.pr5 {padding-right:5px !important;}
.pr0 {padding-right:0 !important;}

/*padding-bottom*/
.pb100 {padding-bottom:100px !important;}
.pb90 {padding-bottom:90px !important;}
.pb80 {padding-bottom:80px !important;}
.pb70 {padding-bottom:70px !important;}
.pb60 {padding-bottom:60px !important;}
.pb50 {padding-bottom:50px !important;}
.pb40 {padding-bottom:40px !important;}
.pb30 {padding-bottom:30px !important;}
.pb20 {padding-bottom:20px !important;}
.pb15 {padding-bottom:15px !important;}
.pb10 {padding-bottom:10px !important;}
.pb5 {padding-bottom:5px !important;}
.pb0 {padding-bottom:0 !important;}

/*border*/
.bor {border:1px solid #ddd;}
.bt {border-top:1px solid #ddd;}
.bb {border-bottom:1px solid #ddd;}
.bl {border-left:1px solid #ddd;}
.br {border-right:1px solid #ddd;}
.btn {border-top:0 !important;}
.bbn {border-bottom:0 !important;}
.bln {border-left:0 !important;}
.brn {border-right:0 !important;}
.bn {border:0 !important;}
.bor2 {border:2px solid #bbb;}
.bt2 {border-top:2px solid #bbb;}
.bb2 {border-bottom:2px solid #bbb;}
.bl2 {border-left:2px solid #bbb;}
.br2 {border-right:2px solid #bbb;}

/*border-dotted*/
.bor_dot {border:1px dotted #bbb;}
.bt_dot {border-top:1px dotted #bbb;}
.bb_dot {border-bottom:1px dotted #bbb;}
.bl_dot {border-left:1px dotted #bbb;}
.br_dot {border-right:1px dotted #bbb;}

/*border-radius*/
.bra50 {border-radius:50%;}
.bra10 {border-radius:10px;}
.bra5 {border-radius:5px;}
.bra3 {border-radius:3px;}

/*background-color*/
.bg_fff {background-color:#fff;}
.bg_gray {background-color:#f9f9fb;}
.bg_dgray {background-color:#f2f2f4;}
.bg_dblue {background-color:#3c4650;}
.bg_blue {background-color:#55b9ff;}
.bgn {background:none !important;}
.bgcn {background-color:transparent !important;}

/*float*/
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

/*text-align*/
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tj {text-align:justify !important;}

/*font-weight*/
.tb {font-weight:bold;}
.tn {font-weight:normal;}

/*text-decoration*/
.tdo {text-decoration:overline;}
.tdl {text-decoration:line-through;}
.tdo {text-decoration:underline;}

/*display*/
.db {display:block !important;}
.di {display:inline !important;}
.dib {display:inline-block !important;}