@charset "utf-8";
/* Browser Default Style Reset */
body {position:relative; font-family:'Nanum Gothic','돋움',Dotum,AppleGothic,Arial,sans-serif; font-size:13px; line-height:140%; color:#444;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,a,button {margin:0; padding:0}
h1,h2,h3,h4,h5,h6 {font-weight:normal;  font-size: 100%}
input, select, textarea, button, label, img {vertical-align:middle}
input, select {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
fieldset, img, iframe, button {border:0 none}
input, select, textarea {resize:none; line-height:100%; padding:.3em;font-family:'Nanum Gothic','돋움',Dotum,AppleGothic,Arial,sans-serif; font-size:13px;}

.blur {-webkit-filter: blur(10px); -o-filter: blur(10px); filter: blur(10px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
	display: block;
}
input, select, textarea, button, label, img {vertical-align:middle;outline:none;-ms-interpolation-mode:bicubic !important}
input,select,textarea{vertical-align:middle;outline:none;resize:none; line-height:100%; padding:.3em; border-radius:0;}
input[type="text"],input[type="password"],input[type="number"], textarea{
	border-style:solid; border-width:1px; border-color:#b0b0b0 #ececec #ececec #b0b0b0;
	-webkit-appearance: none;
	-webkit-border-radius:2px;
	border-radius:2px;
 }

ul,li,ol,li,dl,dd,dt{list-style:none}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

th, td {text-align:left}
em, address {font-style:normal;}
ol, ul, dl, li { list-style:none;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
a{text-decoration:none; color:#444; margin:0; padding:0;}
.hr{border:none;border-top:1px solid #cacaca; margin:20px 0;}

/* form */
select {margin:0; padding:.4em .3em; border:1px solid #ccc;}
input[type='radio'],
input[type='checkbox']{border:none !important}
fieldset{margin:0;padding:0;border:none}

.inputText {padding:5px; border:1px solid #c5c5c5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; outline:none; border-radius:0;}

/* common */
.cboth {clear:both;}
.fwrap {position:relative;}
.fwrap:after {clear:both; display:block; content:"";}
.fl {float:left;}
.fr {float:right;}

.aleft {text-align:left !important;}
.acenter {text-align:center !important;}
.aright {text-align:right !important;}

.inlineb {display:inline-block !important;}
.block {display:block !important;}
.valign_m {vertical-align:middle !important;}
.underline {text-decoration:underline}

.normal {font-weight:normal !important;}
.bold {font-weight:bold !important;}
.c_link {cursor:pointer !important;}
.fancy_link {cursor:pointer !important;}
.v_top {vertical-align:top !important;}
.white {color:#fff !important;}
.black {color:#000 !important;}
.pink {color:#fc7ccd !important;}
.orange {color:#fc5602 !important;}
.red {color:#ff2222 !important;}
.blue {color:#0b61c2 !important;}
.green {color:#739a1c !important;}
.brown {color:#b48d08 !important;}
.violet {color:#d41ac9 !important;}
.gray {color:#a1a1a1 !important;}
.ngray {color:#999 !important;}
.ggray {color:#67625c !important;}

.min400 {min-height:400px !important;}
.min500 {min-height:500px !important;}
.min600 {min-height:600px !important;}
.min700 {min-height:700px !important;}

.no10 {font-size:10px !important;}
.no11 {font-size:11px !important;}
.no12 {font-size:12px; !important}
.no16 {font-size:16px !important;}

.kr10 {font-size:10px !important;}
.kr11 {font-size:11px !important;}
.kr12 {font-size:12px !important;}
.kr13 {font-size:13px !important;}
.kr14 {font-size:14px !important;}
.kr15 {font-size:15px !important;}
.kr16 {font-size:16px !important;}
.kr18 {font-size:18px !important;}
.kr20 {font-size:20px !important;}
.kr24 {font-size:24px !important;}
.kr28 {font-size:28px !important;}
.kr30 {font-size:30px !important;}
.kr36 {font-size:36px !important;}

.mauto {margin:auto;}
.mt0 {margin-top:0 !important;} .mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !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;}
.mt130 {margin-top:130px !important;}
.mt135 {margin-top:135px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb80 {margin-bottom:80px !important;}
.mb100 {margin-bottom:100px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml80 {margin-left:80px !important;}
.ml100 {margin-left:100px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.pd0 {padding:0 !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}
.pd60 {padding:60px !important;}
.pd70 {padding:70px !important;}
.pd80 {padding:80px !important;}
.pd90 {padding:90px !important;}
.pd100 {padding:100px !important;}

.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !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;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}

.w5 {width:5% !important;}
.w10 {width:10% !important;}
.w12 {width:12% !important;}
.w13 {width:13% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w33 {width:33.33% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w48 {width:48% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}

.wp80 {width:80px !important;}
.wp90 {width:90px !important;}
.wp230 {width:230px !important;}
.wp240 {width:240px !important;}

.btn {display:inline-block; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; border:1px solid transparent;}
.btn_small {padding:5px 9px; font-size:12px; font-weight:400; line-height:1.3;}
.btn_md {padding:7px 15px; font-size:12px; font-weight:400; line-height:1.3;}
.btn_lg {padding:10px 18px; font-size:13px; font-weight:400; border-radius:3px; -webkit-border-radius:3px; line-height:1.33;}

.btn_default {color:#fff; background:#b6c2c9; border-color:#a9b7bf;}
.btn_default:hover {background:#a9b7bf;}
.btn_blue {color:#fff; background:#348fe2; border-color:#2f87d7;}
.btn_blue:hover {background:#2f87d7;}
.btn_gblue {color:#fff; background:#00acac; border-color:#019f9f;}
.btn_gblue:hover {background:#019f9f;}
.btn_red {color:#fff; background:#ff5b57; border-color:#e94e4a;}
.btn_red:hover {background:#e94e4a;}
.btn_orange {color:#fff; background:#f59c1a; border-color:#e89316;}
.btn_orange:hover {background:#e89316;}
.btn_gray {color:#fff; background:#666; border-color:#555;}
.btn_gray:hover {background:#555;}
.btn_black {color:#fff; background:#2d353c; border-color:#22292f;}
.btn_black:hover {background:#22292f;}
.btn_white {color:#333; background:#fff; border-color:#f5f1f1;}
.btn_white:hover {background:#f5f1f1;}

.input_group {position:relative; display:inline-block; border-collapse:separate;}
.input_group .inputText{display:table-cell; position:relative; z-index:2; float:left; width:100%; margin-bottom:0;}
.input_group_btn {position:relative; font-size:0; white-space:nowrap; vertical-align:middle; display:table-cell;}
.input_group_btn .btn{position:relative; padding:5px 10px; font-size:13px; line-height:1.6; cursor:pointer; border:1px solid transparent;}
.input_group_btn:last-child>.btn{margin-left:-2px;}

/* Layer Pop */
div.divLayerPopOuter {border:4px solid #333; background:#fff; padding:20px; text-align:left;}
div.divLayerPopOuter .popT {height:25px; background:url(/images/common/bg_ext.gif) no-repeat; vertical-align:top; font-size:14px; font-weight:bold; padding:1px 0 0 25px;}

div.divLayerPopOuter table.tbBox {position:relative; border:1px solid #cbcbcb; border-spacing:0px; border-collapse:collapse;}
div.divLayerPopOuter table.tbBox td {text-align:left; padding:5px; font-size:13px;}
div.divLayerPopOuter table.tbBox .item {text-align:left; padding:5px; background:#f4f4f4; font-weight:bold;}
div.divLayerPopOuter table.tbBox .itemn {text-align:left; padding:5px; background-color:#f4f4f4;}
div.divLayerPopOuter table.tbBox .bbr {border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb;}
div.divLayerPopOuter table.tbBox .br {border-right:1px solid #cbcbcb;}
div.divLayerPopOuter table.tbBox .bb {border-bottom:1px solid #cbcbcb;}
div.divLayerPopOuter table.tbBox .acenter {text-align:center;}
div.divLayerPopOuter input {vertical-align:middle;}

.btn_close_pop {position:absolute; z-index:50; top:15px; right:20px; width:25px; height:24px; background:url(/images/common/btn_close_div.gif) no-repeat; cursor:pointer; text-indent:-9999px;}
.textarea_full {border:none; padding:0;}

/* Login */
.login_box {padding:20px; margin-left:40px;}
.login_box .title {margin-bottom:20px;}
.login_box p label {position:relative; display:block; height:31px; margin-bottom:4px;}
.login_box p label:after {content:""; display:block;clear:both;}
.login_box p label span {float:left;}
.login_box p label span:first-child {position:absolute; top:1px; left:1px; z-index:10;}
.login_box p input {width:220px; height:31px; line-height:31px; text-indent:45px; padding:0;border-style:solid; border-width:1px; border-color:#b0b0b0 #ececec #ececec #b0b0b0;;}
.login_box .log_btn {position:absolute; top:110px; left:310px;}
.login_box .btn_login {width:100px; height:66px; background:url(/images/common/btn_login.gif); text-indent:-9999px; cursor:pointer;}
.login_box .option {margin-top:20px;}
.login_box .option li {float:left; height:16px; line-height:16px; vertical-align:middle; margin-right:20px;}
.login_box .option li a {color:#454444;}

/*paging*/
.btnprev img,
.btnnext img{width:100%;height:100%;background:url(/images/common/ico_d.gif) no-repeat 8px 4px;}
.btnnext img{background-position:1px -35px;}

.pagewrap {position:relative; margin-top:30px;}
.pagewrap .wbtn {position:absolute; left:0; top:0;}
.pagel{margin:0; padding:3px 0;text-align:center;white-space:nowrap; height:22px;}
.pagel a{display:inline-block;width:22px;height:22px;line-height:22px;margin-right:4px;border:1px solid #d7d7d7;background-color:#fff;color:#454444;font-family:tahoma; font-size:13px;text-align:center;vertical-align:middle; padding:0 2px 0 2px;}
.pagel a.on{border-color:#e34000;color:#e34000; font-weight:bold;}
.pagel a:last-child {margin-right:0;}
.pagel .pgbtn{width:22px;border-color:#bcbcbc;background-color:#f1f1f1; padding:0}
.pagel .btnprev{margin-right:8px;}
.pagel .btnnext{margin-left:4px;}
.pagel em{margin:0 0.5em;font-size:0.93em;color:#454444;}
.pagel strong{color:#ed1b23;}

.btnwrap {position:relative; text-align:center;}
.btnwrap .btn {margin:0 5px;}