@charset "UTF-8";

/**** reset ::: 스타일초기화*****/
*{margin:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body { width:100%;  margin:0 !important;  padding:0 !important;  }
body{height: auto; /*overflow-y:scroll !important;*/}



@font-face {
    font-family: 'notokr';
    font-weight: 900;
    src: url('../font/notokr-bold.eot');
    src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-bold.woff2') format('woff2'),
         url('../font/notokr-bold.woff') format('woff'),
         url('../font/notokr-bold.ttf') format('truetype'),
         url('../font/notokr-bold.svg#notokr-bold') format('svg');
}

@font-face {
    font-family: 'notokr';
    font-weight: 700;
    src: url('../font/notokr-medium.eot');
    src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-medium.woff2') format('woff2'),
         url('../font/notokr-medium.woff') format('woff'),
         url('../font/notokr-medium.ttf') format('truetype'),
         url('../font/notokr-medium.svg#notokr-medium') format('svg');
}

@font-face {
    font-family: 'notokr';
    font-weight: 400;
    src: url('../font/notokr-regular.eot');
    src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-regular.woff2') format('woff2'),
         url('../font/notokr-regular.woff') format('woff'),
         url('../font/notokr-regular.ttf') format('truetype'),
         url('../font/notokr-regular.svg#notokr-regular') format('svg');
}


@font-face {
    font-family: 'notokr';
    font-weight: 300;
    src: url('../font/notokr-light.eot');
    src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-light.woff2') format('woff2'),
         url('../font/notokr-light.woff') format('woff'),
         url('../font/notokr-light.ttf') format('truetype'),
         url('../font/notokr-light.svg#notokr-light') format('svg');
}

@font-face {
    font-family: 'notokr';
    font-weight: 100;
    src: url('../font/notokr-demilight.eot');
    src: url('../font/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-demilight.woff2') format('woff2'),
         url('../font/notokr-demilight.woff') format('woff'),
         url('../font/notokr-demilight.ttf') format('truetype'),
         url('../font/notokr-demilight.svg#notokr-demilight') format('svg');
}



@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 600;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-ExtraBold.ttf) format('truetype');
}

/* NotoSans 나눔고딕 설정 
@font-face{
    font-family:'nanum_regular';
    src:url('../font/NanumGothic.eot');
    src:local(※), url('../font/NanumGothic.woff') format('woff') 
	font-weight: normal;
	font-style: normal;
}

@font-face{
    font-family:'nanum_bold';
    src:url('../font/NanumGothicExtraBold.eot');
    src:local(※), url('../font/NanumGothicExtraBold.woff') format('woff') 
	font-weight: normal;
	font-style: normal;
}*/


/* 기본폰트 */

body {font-family:'notokr', sans-serif;  -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  
word-break: keep-all; word-wrap: break-word; }
/*p{font-size:15px; color:#666666; line-height:1.5em; font-family:'notokr', sans-serif;}
@media screen and (max-width: 640px) {
p{font-size:13px;}
}
*/
a {text-decoration:none;}
a:link, a:visited {text-decoration:none;}
a:hover,  a:active {text-decoration:none;}

/*table 기본설정*/
table {border:none; border-collapse:collapse; border-spacing:0;}
td,th, fieldset,img,abbr,acronym, img,fieldset,iframe  {border:0 none;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal;}
dl, dt, dd, ul, ol,ul, li {margin:0; padding:0; list-style:none}
caption, legend {overflow:hidden;font-size:0;line-height:0;height:0;width:0;text-indent:-999em;}
hr {display:none;}
img, input, button, select, textarea {vertical-align:middle;}


/***input***/
input::-webkit-input-placeholder{color:#666;} /* 웹킷 전용 속성  크롬에서 플레이스홀더 텍스트 글자 색상 조정 */
input:-moz-placeholder{color:#666;} /* 파이어폭스 전용 속성 */
.ie8 a:active, .ie8 a:focus {outline: none; ie-dummy: expression(this.hideFocus=true);}

form {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:0 none;}
.ie7 legend {position:absolute;left:-99999px; top:-9999px; display:inline; width:1px;height:1px;text-indent:0;}
label {cursor:pointer; margin:0; padding:0; vertical-align:middle}
caption {overflow:hidden; visibility:hidden;  width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
button {cursor:pointer; border:0 none;}
button,input,textarea {margin:0; outline:none;}

input[type="button"]{cursor:pointer;}

input[type='checkbox'],input[type='radio'] {margin:0; padding:0;}
input[type="text"], input[type="password"]  , input[type="submit"] ,input[type="tel"] ,input[type="button"]{ font-family: 'notokr';-webkit-appearance:none;  -moz-appearance: none; appearance: none; -webkit-border-radius:0; border-radius:0; border:none;}
select, textarea{	-webkit-appearance:none;  -moz-appearance: none; appearance: none; -webkit-border-radius:0;border-radius:0; border:none;}
select::-ms-expand{display: none;}
select {vertical-align:middle;	padding-left:10px; border:none; -webkit-appearance:none; -webkit-border-radius:0; -moz-appearance: none; appearance: none; }


textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
	box-shadow: 0 1px 0 #2392F3 inset, 0 -1px 0 #2392F3 inset, 1px 0 0 #2392F3 inset, -1px 0 0 #2392F3 inset, 0 0 4px rgba(35,146,243,0.5);
	-webkit-box-shadow: 0 1px 0 #2392F3 inset, 0 -1px 0 #2392F3 inset, 1px 0 0 #2392F3 inset, -1px 0 0 #2392F3 inset, 0 0 4px rgba(35,146,243,0.5);
	-moz-box-shadow: 0 1px 0 #2392F3 inset, 0 -1px 0 #2392F3 inset, 1px 0 0 #2392F3 inset, -1px 0 0 #2392F3 inset, 0 0 4px rgba(35,146,243,0.5);
    outline: none;	 
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-modify: read-write-plaintext-only;
}


/*****Align*****/
.fn {float:none !important}
.fl {float:left !important}
.fr {float:right !important}
.tac {text-align:center !important}
.tal {text-align:left !important}
.tar {text-align:right !important}
.vat {vertical-align:top !important;}
.vm {vertical-align:middle !important;}


/***** clear float *****/
.clear {clear:both;}
.clearfix {clear:both;}
.clearfix {display:inline-block}
.clearfix {display:block}
.clearfix:before, .clearfix:after {content:""; display:block; clear:both; visibility:hidden;}

/***** margin *****/
.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt8 {margin-top:8px !important}
.mt10{margin-top: 10px !important}
.mt15{margin-top: 15px !important}
.mt18{margin-top: 18px !important}
.mt20{margin-top: 20px !important}
.mt25{margin-top: 25px !important}
.mt30{margin-top: 30px !important}
.mt35{margin-top: 35px !important}
.mt40{margin-top: 40px !important}
.mt45{margin-top: 45px !important}
.mt50{margin-top: 50px !important}
.mt60{margin-top: 60px !important}
.mt70{margin-top: 70px !important}
.mt80{margin-top: 80px !important}
.mt90{margin-top: 90px !important}
.mt100{margin-top: 100px !important}
.mt120{margin-top: 120px !important}


.mr0 {margin-right:0 !important}
.mr5 {margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}

.ml0 {margin-left:0 !important}
.ml5 {margin-left:5px !important}
.ml8 {margin-left:8px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml60{margin-left:60px !important}
.ml70{margin-left:70px !important}
.ml80{margin-left:80px !important}
.ml100{margin-left:100px !important}
.ml110{margin-left:110px !important}
.ml120{margin-left:120px !important}

.mb0{margin-bottom: 0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb110{margin-bottom:110px !important}

/***** padding *****/
.pt0 {padding-top:0 !important} 
.pt5 {padding-top:5px !important}
.pt10{padding-top: 10px !important}
.pt15{padding-top: 15px !important}
.pt18{padding-top: 18px !important}
.pt20{padding-top: 20px !important}
.pt25{padding-top: 25px !important}
.pt30{padding-top: 30px !important}
.pt35{padding-top: 35px !important}
.pt40{padding-top: 40px !important}
.pt45{padding-top: 45px !important}
.pt50{padding-top: 50px !important}
.pt55{padding-top: 55px !important}
.pt80{padding-top: 80px !important}

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

.pl0{padding-left: 0px !important}
.pl5{padding-left: 5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}
.pl55{padding-left:55px !important}
.pl60{padding-left:60px !important}
.pl65{padding-left:65px !important}
.pl70{padding-left:70px !important}
.pl75{padding-left:75px !important}
.pl80{padding-left:80px !important}

.pb0{padding-bottom:	0px !important}
.pb5{padding-bottom:	5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb50{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb80{padding-bottom:80px !important}


/*width*/
.wi_mi14{width:calc(100% - 14px);}


/*font*/
.font18{font-size:18px;}
.f_bold {font-weight:600 !important}
.font22{font-size:22px;}


/* font color */
.col_white {color:#fff !important}
.col_black {color:#000 !important}
.col_yellow {color:#ffba00 !important}
.col_blue {color:#00adef !important}
.col_purple {color:#124588 !important}
.col_red {color:#f97472 !important}
.col_green {color:#a8d5d9 !important}
.col_sky {color:#47b2e3 !important}
.col_chung {color:#0552a9 !important}
.col_gray2 {color:#aaaaaa !important}




/*block*/
@media screen and (min-width: 960px) {
.block_up_959{display:block;}
}

@media screen and (min-width: 768px) {
.block_up_767{display:block;}
}

.for_mobile{display:none;}

@media screen and (max-width: 767px) {
.for_pc{display:none;}
.for_mobile{display:block;}

.font18{font-size:14px;}
.font22{font-size:18px;}

}

@media screen and (max-width: 350px) {
.dis_none_350{display:none;}
}

/*font_bold*/
.fw_bold{font-weight:600;}

/*font_size*/
.fs13{font-size:13px !important;}

/*border*/
.br_none{border-right:none !important;}
.bl_none{border-left:none !important;}

/*color*/
.col_333{color:#333;}
.col_fff{color:#fff;}
.col_ccc{color:#ccc}