@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{-webkit-text-size-adjust:none;}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 200;
src: 
url(font/NotoSansKR-Light-Hestia.eot),
url(font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
url(font/NotoSansKR-Light-Hestia.woff) format('woff'),
url(font/NotoSansKR-Light-Hestia.otf) format('opentype');}


@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: 
url(font/NotoSansKR-DemiLight-Hestia.eot),
url(font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
url(font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
url(font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: 
url(font/NotoSansKR-Regular-Hestia.eot),
url(font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
url(font/NotoSansKR-Regular-Hestia.woff) format('woff'),
url(font/NotoSansKR-Regular-Hestia.otf) format('opentype');}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(font/NotoSansKR-Medium-Hestia.eot),
    url(font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(font/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: bold;
font-weight: 600;
src: 
url(font/NotoSansKR-Bold-Hestia.eot),
url(font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
url(font/NotoSansKR-Bold-Hestia.woff) format('woff'),
url(font/NotoSansKR-Bold-Hestia.otf) format('opentype');}

body {font-size:75%;font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif;color:#333;}

a, a:link {color: #555;text-decoration: none; cursor: pointer; }
a:visited {color: #555;}
a:hover, a:active, a:focus {color: #333; text-decoration: none;}

/* Letter-spacing */
.ls0 {letter-spacing:0;}
.ls_s {letter-spacing:-1px;}
.ls_ss {letter-spacing:-0.3em;}

/* cursor:pointer */
.hand{cursor:pointer;}

/* dispaly */
.disblock {display:block;}
.disnone {display:none;}
.disinline {display:inline;}
.disinlineblock {display:inline-block;}

/* align */
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

/* vertical align */
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

/* font family */
.ff1 {font-family:µ¸¿ò,dotum;}
.ff2 {font-family:±¼¸²,gulim;}
.ff3 {font-family:verdana;}
.ff4 {font-family:tahoma;}
.ff5 {font-family:arial;}

/* font size */
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fn { font-weight:normal;}
.bold {font-weight:bold;}

/* font color */
.orange {color:#f96f00;}
.black {color:#000000;}
.sky_blue {color:#0085c9;}
.blue {color:#0773c7;}
.gray {color:#C2C2C2;}
.gray2 {color:#9B9B9B;}
.green {color:#80a344;}
.red{color:#e34f4e;}

/* Line */
.underline {text-decoration:underline;}

/* Tag(Paragraph) */
p { margin: 0; padding:0; border:0;}
p.em { color: #06c; margin: 0; padding: 0; }

/* Button */
.ct_bt01{height:20px; line-height:18px; padding-left:0px; padding-right:0px; padding-bottom:2px; font-size:0.92em; letter-spacing:-1px; color:#281E00; border:1px solid; border-color:#cdcdcd #909090 #909090 #cdcdcd; background-color:#f2f2f2; cursor:pointer;}
.ct_bt02{height:20px; line-height:18px; padding-left:0px; padding-right:0px; padding-bottom:2px; font-size:0.92em; letter-spacing:-1px; color:#FFFFFF; border:1px solid; border-color:#858585 #606060 #606060 #858585; background-color:#A2A2A2; cursor:pointer;}

.bt01 {display:inline;}
.bt01 a{display:inline; overflow:hidden; float:left; height:22px; padding-left:13px; margin-right:3px; font:12px dotum; letter-spacing:-1px; color:#6B6B6B; text-decoration:none; background:url('/manager/img/bt01_bg.gif') left 0; cursor:pointer;}
.bt01 a:hover{background:url('/manager/img/bt01_bg.gif') left -22px; text-decoration:none;}
.bt01 a span{display:inline; overflow:hidden; float:left; height:22px; padding-right:10px; line-height:200%; background:url('/manager/img/bt01_bg.gif') right 0;}
.bt01 a:hover span{color:#6B6B6B; background:url('/manager/img/bt01_bg.gif') right -22px;}

#gray_bt span{display:inline; overflow:hidden; float:left; height:22px; margin-left:4px; padding-left:2px; border:none; font:12px dotum; letter-spacing:-1px; font-weight:bold; color:#FFFFFF; text-decoration:none; background:url('/manager/img/gray/bt_bg.gif') left 0; cursor:pointer;}
#gray_bt span:hover {border:none;background:url('/manager/img/gray/bt_bg.gif') left -22px;}
#gray_bt .button input {display:inline; overflow:hidden; height:22px; padding-left:8px; padding-right:10px; padding-bottom:2px; border:none; font:12px dotum; letter-spacing:-1px; font-weight:bold; color:#FFFFFF; text-decoration:none; line-height:200%; background:url('/manager/img/gray/bt_bg.gif') right 0; cursor:pointer;}
#gray_bt .button:hover input {border:none; background:url('/manager/img/gray/bt_bg.gif') right -22px;}





/* Input,textarea,select */
.txt_input{padding:0 15px;height:35px;line-height:35px;color:#484848;font-size:14px;border-radius:10px;border:1px solid #dedede;}
.bggray{background-color:#efefef;}




/*¹öÆ°Á¤ÀÇ*/
.con_tab{width:100%;background:url(/img/tab_bot.gif) repeat-x bottom;}
.con_tab ul{overflow:hidden;clear:both;padding:0 10px;}
.con_tab ul li{float:left;text-align:center;}
.con_tab ul li a{display:block;width:70px;height:23px;padding:9px 0 0 0;color:#222;font-size:12px;font-weight:700;background:none;}
.con_tab ul li a.on{width:108px;text-decoration:none;background:url(/img/tab_btn.gif) no-repeat;background-size:108px 32px;}
.con_tab ul li a:hover{text-decoration:none;}
.tab_b{margin-bottom:20px;}

/* Padding */
.pt0 {padding-top:0px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}

.pr0 {padding-right:0px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px;}

.pl0 {padding-left:0px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl60 {padding-left:60px;}

.pb0 {padding-bottom:0px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}

/* Margin */
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt20_{margin-top:-20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}

.ml5 {margin-left:5px;}
.ml7 {margin-left:7px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}


.mr5 {margin-right:5px;}
.mr7 {margin-right:7px;}
.mr9 {margin-right:9px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}

.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb9 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}

/* Width */
.w100 {width:100%;}


/* Etc */
.loading {display:none; position:absolute; left:400px; top:240px; border:2px solid #C6C6C6; background-color:#ffffff; padding:25px; text-align:center; vertical-align:middle; z-index:1000; font-weight:bold; color:#313131; line-height:140%;}
.loading span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}

div.popup {clear:both; position:relative; float:left; margin:0; padding:0;}
div.popup_right {float:right; padding-top:5px;}
div.popup_right ul li {float:left; font-size:0.9em; letter-spacing:-0.1em; padding-bottom:13px; }
div.popup_right ul li.button {float:left; font-size:1em; letter-spacing:-0.1em;}


/*°Ô½ÃÆÇ*/
span.customStyleSelectBox {height:38px;line-height:38px;padding:0 10px;color:#3b3b3b;font-size:15px;border:1px solid #dfdfdf;border-bottom:2px solid #ccc;background:url(/img/common/se_arrow.gif) no-repeat right 50%;text-align:left;}
span.customStyleSelectBox.changed{background:url(/img/common/se_arrow.gif) no-repeat right 50%;}
.customStyleSelectBoxInner {font-size:15px;white-space:nowrap;}
.customStyleSelectBorderStrong{background:url(/img/common/se_arrow.gif) no-repeat right 50%;}





/**************************************************************ÅØ½ºÆ®½ºÅ¸ÀÏ******************************************************************/


/*¹®´Ü*/
.paragraph{
	text-align:justify;
}
.paragraph p{
	position:relative;
	margin-top:10px;
}
.paragraph p.first{
	margin-top:0 !important;
}


/*ÅØ½ºÆ®*/
em{
	font-weight:bold;
	color:#d44c4c;
}






/*************************************************************************¹öÆ°*************************************************************************/
.btnwrap{margin-top:10px;}
.btnwrap a,
.btnwrap input{display:inline-block;height:38px;line-height:38px;padding:0 20px;font-size:15px;font-weight:300;border:0;border-radius:5px;letter-spacing:-1px;text-align:center;cursor:pointer;vertical-align:middle;}
.btnwrap a:hover{text-decoration:none;}

.cbtn_b{background:#000;color:#fff !important;}
.cbtn_b:hover {background:#404040;}

.cbtn_g{background:#7e7e7e;color:#fff !important;}
.cbtn_g:hover {background:#666;}

.cbtn_point{background:#e77272;color:#fff !important;}
.cbtn_point:hover {background:#d44c4c;}


a.cbtn_mini {display:inline-block; color:#e77272; font-size:11px; font-family:'µ¸¿ò', Dotum, sans-serif;letter-spacing:0; line-height:15px; height:15px; border-bottom:1px solid #f45246; background:url('/img/common/bl_arrow2.gif') no-repeat right 3px;padding-right:10px;padding-left:2px;}
a.cbtn_mini:hover{color:#f45246;border-color:#f45246;font-weight:bold;letter-spacing:-1px;}

