@charset "utf-8";
/* 구글웹폰트 연동 https://www.google.com/fonts/earlyaccess */

@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css'); /* 나눔고딕 */
@import url('https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css'); /*나눔 브러쉬*/
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');/* 나눔고딕코딩 */
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');/*나눔 명조 */
@import url('https://fonts.googleapis.com/earlyaccess/nanumpenscript.css'); /* 나눔펜브러쉬 */

/*
font-family: 'Nanum Gothic','나눔고딕','맑은 고딕','Malgun Gothic', Dotum,'Nanum Brush Script','Nanum Gothic Coding','Nanum Myeongjo','Nanum Pen Script' sans-serif;
*/

/* reset */
/*
국문걸로 교체
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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; word-break: keep-all; word-wrap:break-word;}
*/
/* html5 */
/*
국문걸로 교체
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;word-break: keep-all; word-wrap:break-word;}
*/

/* reset */
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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; word-break: keep-all;}

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* skip */
.skipNav {position:absolute;left:-9999px;top:-9999px;overflow:hidden;width:0px;height:0px;margin:0;padding:0;font-size:0px;line-height:0;}





/* common*/
/*html, */body {width:100%; height:100%; margin:0; padding:0;}
body {font-size: 0.75em;font-family:/*'Lato','NanumBarunGothic',*/'Nanum Gothic','NanumGothic','Malgun Gothic','돋움','dotum','AppleGothic','Apple SD Gothic Neo Medium',Helvetica,Arial,Sans-Serif; line-height: 1.5em;font-weight:normal;font-style:normal;background:#fff;color:#1d1d1d;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
a {text-decoration:none;color: #555555;}
a:link, a:visited {text-decoration:none;color: #555555;}
a:hover,  a:active {text-decoration:none;}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, sub {font-size:1em;}
table {border:none;border-collapse:collapse;border-spacing:0;}
td,th {border:0 none;}
address{font-style:normal;font-weight:normal;}
textarea{font-size:12px;}
fieldset,img,abbr,acronym {border:0}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal;}

img,fieldset,iframe {border:0;}
img,fieldset {border:none;}
/*img {max-width:100%;}*/
img {border:0 !important}
img, input, button, select, textarea {vertical-align:middle;}
hr {overflow:hidden;position:absolute;top:0;left:0;}
ol,ul {list-style:none}
q:before, q:after {content:''}
caption, legend {overflow:hidden;font-size:0;line-height:0;height:0;width:0;text-indent:-999em;}
/*.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}*/
hr {visibility:hidden;font-size:0;width:0;height:0;line-height:0;}


/* form element */
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='checkbox'],input[type='radio'] {margin:0; padding:0;}

/* .hidden */
.hidden {overflow:hidden; visibility:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0;}
.hide {visibility:hidden;position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0} /* image */
.blind {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px} /* txt */

/*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;height:0;clear:both;visibility:hidden}

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

/* Text Styles */
.bold {font-weight:bold !important}
.f_10px {font-size:10px !important;}
.f_11px {font-size:11px !important;}
.f_12px {font-size:12px !important;}
.f_13px {font-size:13px !important;}
.f_14px {font-size:14px !important;}
.f_16px {font-size:16px !important;}
.f_18px {font-size:18px !important;}
.f_20px {font-size:20px !important;}
.f_24px {font-size:24px !important;}
.f_26px {font-size:26px !important;}
.f_40px {font-size:40px !important;}


/* width */
.width30 {width:30px !important} 
.width40 {width:40px !important} 
.width50 {width:50px !important} 
.width60 {width:60px !important} 
.width70 {width:70px !important} 
.width80 {width:80px !important} 
.width90 {width:90px !important} 
.width100 {width:100px !important}
.width110 {width:110px !important}
.width120 {width:120px !important}
.width130 {width:130px !important}
.width140 {width:140px !important} 
.width150 {width:150px !important}
.width200 {width:200px !important} 
.width250 {width:250px !important} 
.width300 {width:300px !important}
.width80p {width:80% !important} 

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


/* padding */
.pl0 {padding-left: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}

.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}

.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}

.ie8 a:active, .ie8 a:focus {outline: none;ie-dummy: expression(this.hideFocus=true);}




.input_select, textarea, input[type="text"], input[type="password"] {
	font-family:'Nanum Gothic';
	font-size:13px;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #d4d4d4;
	height:22px; 
	padding-left:10px; 
	/*아이폰스타일*/-webkit-appearance:none;-webkit-border-radius:0
}

select {
	font-family:'Nanum Gothic';
	font-size:13px;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #d4d4d4;
	height:36px;
	padding-left:10px;
}


.input_select:focus,
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;
	
}

/*.ie8 .input_select {line-height:35px;padding:5px 0 !important}*/
/*.ie8 .input_txt {line-height:35px;}*/

 input[type="checkbox"] {
 background:#fff; border:1px solid #333; width:14px; height:14px; 
 }

input.input_big { height:35px; font-size:15px; font-weight:bold; color:#666}
textarea.input_big { padding-top:10px; font-size:15px; font-weight:bold; color:#666}


input::-webkit-input-placeholder{color:#c1c1c1;} /* 웹킷 전용 속성 */
input:-moz-placeholder{color:#c1c1c1;} /* 파이어폭스 전용 속성 */



/* btn */
.btn-desc {padding:20px 0 0 0;}

.btn-both { margin:20px 0 0 0; padding:0 4px 0 0; text-align:right;overflow:hidden;}
.btn-both.botline {border-bottom:1px solid #e8e8e8;padding:0 0 15px 0;}
.btn-both.type {margin:0;}
.btn-both a { margin:0 0 5px 10px; }
.btn-both a:first-child { margin-left:0; }
.btn-both .btnL { float:left; text-align:left;}
.btn-both .btnL a { margin:0 10px 0 0; }
.btn-both.btnC { position:relative; text-align:center; }
.btn-both.btnC .btnL { position:absolute; left:0; }
.btn-both.btnC .btnR { position:absolute; right:4px; *right:-6px;}
.btn-both .bInfo { float:left; line-height:18px; text-align:left;font-size:13px;color:#666666;}
.btn-both a img,
.btn-both .bInfo img{vertical-align:middle;}

.mCtrl {margin:10px 0 0 0; padding:7px 15px; border:1px solid #bcbfc4; line-height:21px; text-align:center; background:#dfe3e6; *zoom:1; overflow:hidden;}
.mCtrl .btnL { float:left; text-align:left; }
.mCtrl .btnR { float:right; text-align:right; }

.btn-50 {display:inline-block;min-width:114px;height:50px;line-height:50px;padding:0 35px;font-weight:bold;font-size:18px;letter-spacing:-1px;vertical-align:middle;}
.btn-35 {display:inline-block;height:34px;line-height:34px;padding:0 19px;font-weight:bold;font-size:12px;letter-spacing:-1px;vertical-align:middle;}
.btn-30 {display:inline-block;height:30px;line-height:30px;padding:0 14px;font-weight:bold;font-size:13px;letter-spacing:-1px;vertical-align:middle;}
.btn-40 {display:inline-block;height:40px;line-height:40px;padding:0 25px;font-weight:bold;font-size:14px;letter-spacing:-1px;vertical-align:middle;}
.btn-gray {background:#474d60 !important; color:#fff !important;}
.btn-gray:hover {background:#000 !important; color:#fff !important;}
.btn-gray2 {background:#8a8989 !important; color:#fff;}
.btn-gray2:hover {background:#4c4a4a !important; color:#fff;}
.btn-gray3 {background:#656565 !important; color:#fff;}
.btn-gray3:hover {background:#4c4a4a !important; color:#fff;}
.btn-orange {background:#ff7200 !important; color:#fff;}
.btn-orange:hover {background:#ed5d1e !important; color:#fff;}
.btn-blue {background:#345f87 !important; color:#fff;}
.btn-blue:hover {background:#1E374E !important; color:#fff;}
.btn-green {background:#44b749 !important; color:#fff;}
.btn-green:hover {background:#429746 !important; color:#fff;}
.btn-red {background:#da1f3d !important; color:#fff !important;}
.btn-red:hover {background:#9f1010 !important; color:#fff !important;}
.btn-white {background:#fff !important; color:#666;border:1px solid #ccc;}
.btn-white:hover {background:#ccc !important;color:#fff;}
.mark-blue {background:#345f87 !important; color:#fff;}
.btn-bkline {border:1px solid #474d60; !important; color:#474d60;}
.btn-bkline:hover {background: #474d60; !important; color:#fff;}


.a_point{cursor:pointer}