@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&subset=japanese');
@import url('/css/default/notosansjp.css');
@import url('/css/default/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');


/* Reset */
* { box-sizing: border-box; }
html, body {height:100%;  font-family:'Roboto','Noto Sans JP', '나눔고딕', 'sans-serif'; font-size:16px; color:#646464;font-style:normal;}
html, body, div, span, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {margin:0;padding:0}
ol, ul, li {list-style:none;}
em, dt, dd, address, i {font-style:normal}
img {vertical-align:top}
img, fieldset {border:0 none;}
label {padding-right:10px}
button {border:0 none;background:transparent;cursor:pointer}
hr {display:none;}
legend, .skip, .blind, .skip_nav {width:0;height:0;visibility:hidden;font-size:0;line-height:0;position:absolute;top:0;left:-9999em;overflow:hidden;}
table caption {display:none}
table {border-collapse:collapse;border-spacing:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
a{color:#000}
a:link, a:visited {text-decoration:none; }
a:hover, a:active {text-decoration:none}
.clearfix { clear: both;}
.clearfix:before, .clearfix:after { content: "";  display: table;}

h1, h2, h3, h4, h5, h6{ font-size:16px;  letter-spacing: -0.01em; line-height:1.3; color:#1b1b1b;}


/* 입력 스타일 */
input, textarea, select {-webkit-appearance:none;-webkit-border-radius:0;  font-size:16px; }
input[type="checkbox"] {-webkit-appearance:checkbox;vertical-align:middle}
input[type="radio"] {-webkit-appearance:radio;-webkit-border-radius:50px;width:13px;height:13px;margin:0 0 3px;padding:0;vertical-align:middle}
input[type="password"],
input[type="text"] {width:100%; background:#fff;  border:1px solid #d8d8d8; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 3px 10px;  box-sizing:border-box;  height: 35px; text-align:left;}
select::-ms-expand {  display: none;    -webkit-display: none;    -moz-display: none;    -o-display: none;    -ms-display: none;}
select{ background-image:none;   -webkit-appearance: none;    -moz-appearance: none;    -o-appearance: none;	-ms-appearance: none; padding:5px; height:35px; border:1px solid #d8d8d8;background-image:none;   -webkit-appearance: none;    -moz-appearance: none;    -o-appearance: none;	-ms-appearance: none;	 background:url("/images/default/content/sel_icon.png") no-repeat 92% 50%; min-width:80px;}
textarea{padding:10px; width:100%; box-sizing:border-box; vertical-align:middle; background:#fff; border:1px solid #b2b2b2; color:#555; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}


/* placeholder */
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:    #818181 !important;}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #818181 !important;}
input:-moz-placeholder { /* Mozilla Firefox 19+ */    color: #818181 !important;}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */   color: #818181 !important;}
input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */   color:#818181 !important;}

/* 체크박스 스타일 */
input[type='checkbox'] {background: #fff;border: solid 2px #ADABA8;height: 20px;width: 20px;-webkit-appearance: none;-webkit-border-radius: 4px; margin-right:5px;}
input[type='checkbox']:checked {background: #fff;border: solid 2px #8f8d89;}
input[type='checkbox']:checked:after {content: ' ';display: block;background: #b4b1ae;position: relative;top: 3px;left: 3px;-webkit-border-radius: 2px;}



/*basic*/
.clear {clear:both;}
.of{overflow:hidden;}
.blind{display:none;}

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

/*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;}

/*width*/
.w0 { width:0% !important; }
.w10 { width:10% !important; }
.w20 { width:20% !important; }
.w22 { width:22% !important; }
.w30 { width:30% !important; }
.w40 { width:40% !important; }
.w50 { width:50% !important; }
.w60 { width:60% !important; }
.w70 { width:70% !important; }
.w80 { width:80% !important; }
.w90 { width:90% !important; }
.w100 { width:100% !important; }

.w10p { width:10px !important; }
.w20p { width:20px !important; }
.w30p { width:30px !important; }
.w40p { width:40px !important; }
.w50p { width:50px !important; }
.w60p { width:60px !important; }
.w70p { width:70px !important; }
.w80p { width:80px !important; }
.w90p { width:90px !important; }
.w100p { width:100px !important; }
.w150p { width:150px !important; }
.w200p { width:200px !important; }
.w300p { width:300px !important; }
.w400p { width:400px !important; }
.w500p { width:500px !important; }

/*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-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*/
.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.aj {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;}