/* base */
@charset "utf-8";

/* float 해제 */
.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fixed{display:block;}
/*  \*/
.fixed{min-height:1%;}
* html .fixed{height:1%}

/* hidden */
.hdn {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }/* 공간없음 */
.hidden{visibility:hidden;width:0;height:0;overflow:hidden;line-height:0;}
legend, caption{width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }

/*** common ***/
.fl        { float:left !important; }
.fr        { float:right !important; }
.cb        { clear:both !important; }
.tc        { text-align:center !important; }
.tl        { text-align:left !important; }
.tr        { text-align:right !important; }
.vt        { vertical-align:top !important; }
.vm        { vertical-align:middle !important; }
.vb        { vertical-align:bottom !important; }
.tf        { text-align:justify !important; }
.oh        { overflow:hidden !important; }
.cp        { cursor:pointer !important; }
.di        { display:inline !important; }
.dib        { display:inline-block !important; }
.dn        { display:none !important; }
.db        { display:block !important; }
.vv        { visibility:visible !important; }
.vh        { visibility:hidden !important; }
.bn        { border:none !important; }
.bbn    { border-bottom:none !important; }
.brn    { border-right:none !important; }
.bln    { border-left:none !important; }
.bgn    { background:none !important; }
.fwb        { font-weight:bold !important; }
.fwn        { font-weight:normal !important; }
.tdu        {text-decoration:underline !important; }
strong{font-weight:bold}


/* Margin */
.mn0 { margin:0 !important; }
.ml2 { margin-left:2px; }
.ml4 { margin-left:4px; }
.ml5 { margin-left:5px !important; }
.ml8 { margin-left:8px; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml55 { margin-left:55px; }
.mr10 { margin-right:10px !imrprtant; }
.mr15 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt22 { margin-top:22px; }
.mt25 { margin-top:25px; }
.mt28 { margin-top:28px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt70 { margin-top:70px; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mt5b5 {margin:5px 0 !important}
.mall0l10 {margin:0 0 0 10px !important}




/* padding_top */
.pt5 { padding-top:5px !important;}
.pt7 { padding-top:7px;}
.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pt50 { padding-top:50px;}

/* padding_left */
.pl3 { padding-left:3px;}
.pl5 { padding-left:5px}
.pl8 { padding-left:8px;}
.pl10 { padding-left:10px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl40{ padding-left:40px;}
.pl45{ padding-left:45px;}
.pl50{ padding-left:50px;}
.pl55{ padding-left:55px;}
.pl60 { padding-left:60px;}
.pl65 { padding-left:6px;}
.pl100 { padding-left:100px;}

/* padding_right */
.pr10 { padding-right:10px;}
.pr20 { padding-right:20px;}
.pr35 { padding-right:35px;}

/* padding_bottom */
.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;}
.pb50 { padding-bottom:50px !important;}

/* padding_all */
.padding0 { padding:0px !important;}
.pt10l5 { padding:10px 0 0 5px;}
.pt5b5 { padding:5px 0 !important}
.pt20b40 { padding:20px 0 40px 0 !important}
.padding5{padding:5px}
.padding10{padding:10px !important}
.paddingBoht10 {padding:0 10px}

/* line-height */
.lh14 {line-height:1.4}
.lh2 {line-height:2}


/* FONT COLOR */
.fc-ea002c {color:#ea002c !important}
.fc-ff0000{color:#ff0000 !important;}/* red */
.fc-ff6600{color:#ff6600 !important;}/* org */

/* BACKGROUND COLOR */
.bg-000{background-color:#000 !important;}/* red */

/* FONT SIZE */
/*
fonts
14px = 1em 기준
36 = 2.571em
34 = 2.429
32 = 2.286
30 = 2.143
18 = 1.286
16 = 1.143
12 = 0.857
13 = 0.929
11 = 0.786

*/

.fs100{ font-size:100% !important; }
.fs20{font-size:20px !important}
.fs18{font-size:1.286em !important}
.fs16{font-size:1.14em !important}
.fs15{font-size:1.07em !important}
.fs14{font-size:1em !important}
.fs13{font-size:0.929em !important}
.fs11{font-size:0.786em !important}

/* 회원가입  - 표출텍스트 컬러 */
.dlFc1 {color:#333} /* 미입력 :  */
.dlFc2 {color:#ff0000} /* 불가능 :  */
.dlFc3 {color:#58a200} /* 가능 :  */
.dlFc4 {color:#5068c0} /* 보안3 :  */
.dlFc5 {color:#ff9400} /* 보안2 */
.dlFc6 {color:#b48454} /* 보안1 */
.dlFc7 {color:#ff0000} /* 불가능 */
.dlFc8 {color:#ff0000} /* 틀림 */
.dlFc9 {color:#58a200} /* 성공 */
.dlFc10 {color:#f05500}


/* size ---------------------------------------------- */
.w30{width:30% !important;}
.w31 {width:31% !important;}
.w33{width:33% !important;}
.w40{width:40% !important;}
.w45 {width:45% !important}
.w47{width:47% !important;}
.w50{width:48% !important;}
.w62{width:62% !important;}
.w69{width:69% !important;}
.w80{width:80% !important;}
.w90{width:90% !important;}

/* Images ---------------------------------------------- */
.im{display:inline-block;overflow:hidden; background-repeat:no-repeat;white-space:nowrap; vertical-align:top; text-indent:-999px; }
.im{background:url(/tmap2/m/images/common/im_v1.png); -webkit-background-size:174px 197px; }
.im_arr{width:8px;height:16px; margin:0 0 0 6px; background-position:-4px -4px; }
.im_cvr{width:24px;height:24px; margin:-2px 0 0 6px; background-position:-80px -4px; }
.im_cvg{width:24px;height:24px; margin:-2px 0 0 6px; background-position:-80px -33px; }

/* button ---------------------------------------------- */
.nv{width:100%; text-align:center; padding: .7em 0; border-top:1px solid #979797;
background-image: linear-gradient(top, #C6C6C6 0%, #B2B2B2 50%, #A1A1A1 100%);
background-image: -moz-linear-gradient(top, #C6C6C6 0%, #B2B2B2 50%, #A1A1A1 100%);
background-image: -webkit-linear-gradient(top, #C6C6C6 0%, #B2B2B2 50%, #A1A1A1 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #C6C6C6),color-stop(0.5, #B2B2B2),	color-stop(1, #A1A1A1));}

.nv02 {width:100%; text-align:center; padding: .7em 0; background:#dcdcdc}
/* .nv button{padding: .8em 0 .8em; text-shadow: 0px 1px 1px #fff;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px #FFFFFF;
-moz-box-shadow: 0 1px 2px #FFFFFF;
box-shadow:0px 0px 4px #FFFFFF;
filter: dropshadow(color=#fff, offx=0, offy=1);
} */

.nv_dot{padding: 1.2em 5%; background:#e4e4e4; border-top:1px dotted #a1a1a1}

.button {	display: inline-block;	vertical-align: baseline;	margin: 0 3px;	outline: none;	cursor: pointer;	text-align: center;
text-decoration: none;	font: 14px/100% Arial, Helvetica, sans-serif; letter-spacing:-0.15em; font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,Helvetica,sans-serif; color:#373737;}

/* submit 버튼 */
/* dark - gray */
.dk-gr{
background-image: linear-gradient(bottom, #939393 100%, #B2B2B2 65%, #CCCCCC 16%);
background-image: -o-linear-gradient(bottom, #939393 100%, #B2B2B2 65%, #CCCCCC 16%);
background-image: -moz-linear-gradient(bottom, #939393 100%, #B2B2B2 65%, #CCCCCC 16%);
background-image: -webkit-linear-gradient(bottom, #939393 100%, #B2B2B2 65%, #CCCCCC 16%);
background-image: -ms-linear-gradient(bottom, #939393 100%, #B2B2B2 65%, #CCCCCC 16%);
background-image: -webkit-gradient(linear,left bottom,	left top,	color-stop(1, #939393),	color-stop(0.65, #B2B2B2),	color-stop(0.16, #CCCCCC));
border:1px solid #808080;color:#404040
}

/* white - gray */
.b1{
background-image: linear-gradient(bottom, #FFFFFF 100%, #C2C2C2 0%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 100%, #C2C2C2 0%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 100%, #C2C2C2 0%);
background-image: -webkit-gradient(linear,left bottom,left top,	color-stop(1, #FFFFFF),color-stop(0, #C2C2C2));
border:1px solid #808080;
color:#404040
}

/* 본문 버튼 */
.b1{ padding: .8em; font-size:1.143em; border:1px solid #d8d8d8; border-top: 1px solid #fff;
-webkit-box-shadow: #aaa 0 .1em .1em;
-moz-box-shadow: #aaa 0 .1em .1em;
box-shadow: #aaa 0 .1em .1em;
-webkit-border-radius: .15em;
-moz-border-radius: .15em;
border-radius: .15em;
background-image: linear-gradient(bottom, #EEEEED 48%, #FBFBFB 49%);
background-image: -o-linear-gradient(bottom, #EEEEED 48%, #FBFBFB 49%);
background-image: -moz-linear-gradient(bottom, #EEEEED 48%, #FBFBFB 49%);
background-image: -webkit-linear-gradient(bottom, #EEEEED 48%, #FBFBFB 49%);
background-image: -ms-linear-gradient(bottom, #EEEEED 48%, #FBFBFB 49%);
background-image: -webkit-gradient(linear,left bottom,left top,	color-stop(0.48, #EEEEED),	color-stop(0.49, #FBFBFB));
}
.r1{ padding: .8em; font-size:1.143em; border:none;
-webkit-border-radius: .2em;
-moz-border-radius: .2em;
border-radius: .2em;
background-image: linear-gradient(bottom, #911009 0%, #D91E09 37%, #D11908 70%, #AA170C 100%);
background-image: -o-linear-gradient(bottom, #911009 0%, #D91E09 37%, #D11908 70%, #AA170C 100%);
background-image: -moz-linear-gradient(bottom, #911009 0%, #D91E09 37%, #D11908 70%, #AA170C 100%);
background-image: -webkit-linear-gradient(bottom, #911009 0%, #D91E09 37%, #D11908 70%, #AA170C 100%);
background-image: -ms-linear-gradient(bottom, #911009 0%, #D91E09 37%, #D11908 70%, #AA170C 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #911009),
	color-stop(0.37, #D91E09),
	color-stop(0.7, #D11908),
	color-stop(1, #AA170C)
);
}
/* 버튼 - 별칭등록 가이드 적용*/
.gr{ padding: .2em .4em; font-size:1.143em; border:none;
-webkit-border-radius: .2em;-moz-border-radius: .2em;border-radius: .2em;
background:#4f4f4f;color:#fff;font-weight:bold }

/* 버튼 - 그라데이션만 적용된 버튼*/
/* 기본 */
.button.gradients{ font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic, sans-serif; }
.button.gradients.b1{padding: .8em !important; font-size:16px; font-weight:bold; border:none !important; vertical-align: top;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 27%, #efefef 64%, #c8c7c7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#ffffff), color-stop(64%,#efefef), color-stop(100%,#c8c7c7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 27%,#efefef 64%,#c8c7c7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 27%,#efefef 64%,#c8c7c7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 27%,#efefef 64%,#c8c7c7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 27%,#efefef 64%,#c8c7c7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c7c7',GradientType=0 ); /* IE6-9 */
}

/* 기본 - 레드 - 텍스트 1줄 */
.button.gradients.r1{padding:.3em .8em !important; font-size:16px; color:#fff; font-weight:bold; border:none !important; vertical-align: top;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
background: #d72148; /* Old browsers */
background: -moz-linear-gradient(top,  #d72148 27%, #c51e42 64%, #aa1a39 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#d72148), color-stop(64%,#c51e42), color-stop(100%,#aa1a39)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d72148 27%,#c51e42 64%,#aa1a39 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d72148 27%,#c51e42 64%,#aa1a39 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d72148 27%,#c51e42 64%,#aa1a39 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d72148 27%,#c51e42 64%,#aa1a39 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72148', endColorstr='#aa1a39',GradientType=0 ); /* IE6-9 */

}

/* 기본 - 레드 - 텍스트 2줄 */
.button.gradients.r2{padding: .8em !important; font-size:16px; color:#fff; font-weight:bold; border:none !important; vertical-align: top;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
background: #d72148; /* Old browsers */
background: -moz-linear-gradient(top,  #d72148 27%, #c51e42 64%, #aa1a39 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#d72148), color-stop(64%,#c51e42), color-stop(100%,#aa1a39)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d72148 27%,#c51e42 64%,#aa1a39 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d72148 27%,#c51e42 64%,#aa1a39 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d72148 27%,#c51e42 64%,#aa1a39 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d72148 27%,#c51e42 64%,#aa1a39 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72148', endColorstr='#aa1a39',GradientType=0 ); /* IE6-9 */

}

/* input round */
input.rounded{ color:#b4b4b4; -moz-border-radius: 3px;   -webkit-border-radius: 3px;   border-radius: 3px; outline: 0; -webkit-appearance: none; }


/* 단말기 입력 paginate */
.paginate{padding:20px 0;line-height:normal;text-align:center; }
.paginate a,
.paginate strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 9px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;font:bold 1.14em/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{background-color:#f8f8f8}
.paginate strong{color:#ff8600}
.paginate .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate .direction:hover,
.paginate .direction:active,
.paginate .direction:focus{color:#323232;}
.paginate .prev{border-left:0}
.paginate .next{border-right:0}

/* dotted_line */
.dotted2_line{border-top:2px dotted #adadad}