@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

/* default */
body {background:#f4f3ee;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;font-size:12px;color:#666666;line-height:16px;font-weight:normal;padding:0px;margin:0px;letter-spacing:-1px;}
html, body {width:100%;height:100%;}
div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:16px;}
form, fieldset, p {margin:0;padding:0;border:0;}
table {width:100%;table-layout:fixed;}
table, tbody, tfoot, thead, tr, th, td {border-collapse:separate;border-spacing:0;table-layout:fixed;}/*border:none; separate*/
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;}
img {border:0;vertical-align:middle;outline:none;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
label {cursor:pointer;}
input.radio {width:12px;height:12px;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
select {border:1px solid #ccc; height:22px; width:80px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;; background:#fff; color:#666666; font-size:12px; margin-right:3px;vertical-align:middle;}
input {border:1px solid #ccc; height:22px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;; background:#fff; color:#666666; font-size:12px;vertical-align:middle;}
input[type='image']{border:none;}
textarea {font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;font-size:12px;color:#666666;line-height:16px;font-weight:normal;border:1px solid #c8c8c8; padding:5px; color:#666; resize: none;}

/* skip */
.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

/* skipNavi */
#nSkipnavi {position:absolute; left:0; top:0; width:100%; z-index:5;}
#nSkipnavi li {position:absolute; left: 0; top: 0;  width:100%; z-index:5;}
#nSkipnavi a {display:block; width:1px; height:1px; margin-bottom:-1px; font-size:0; overflow:hidden;text-decoration:none;}
#nSkipnavi a:active, #nSkipnavi a:focus {width:100%; height:auto; padding:5px 0; background:#eee; font-size:1em; text-align:center;}

/* 컨텐츠정렬관련 */
.tleft {text-align:left !important;} 
.tcenter {text-align:center !important;} 
.tright {text-align:right !important;}

.vttop {vertical-align:top !important;} 
.vtmdl {vertical-align:middle !important;} 
.vtcen {vertical-align:center !important;}

/* 커서 */
.cursor {cursor:pointer;}

/* 링크 */
a {text-decoration:none;color:#666666;}
a:link, a:visited {text-decoration:none;color:#666666;}
a:hover, a:focus, a:active {text-decoration:none;}

/*input*/
.intxt01 {height:22px;padding:2px 0 2px 5px;border:1px solid #c8c8c8;font-size:12px;color:#666666; vertical-align:top; *margin-top:-1px;}
.intxt02 {width:150px;height:22px;padding:4px 0 2px 10px;border:1px solid #ebebeb;background:#fbfbfb;font-size:14px;color:#666;*margin-top:-1px;}
.intxt03 {height:20px;padding:4px 0 2px 5px;border:1px solid #cccccc;font-size:12px;color:#666666; vertical-align:top; *margin-top:-1px; width:80%;}
.infile01 {height:26px;padding:4px 0 2px 5px;border:1px solid #cccccc;font-size:12px;color:#666666; vertical-align:top; *margin-top:-1px; width:490px;}
.check01 {width:13px;height:13px;vertical-align:middle;border:none;}
.radio01 {width:12px;height:12px;border:none;background:none;}

/*폰트칼라*/
.fc_default{color:#666 !important;}
.fc_01 {color:#444 !important;}
.fc_02 {color:#cb9d66 !important;}
.fc_03 {color:#ff5a00 !important;}
.fc_04 {color:#c7965b !important;}
.fc_05 {color:#888 !important;}
.fc_06 {color:#333 !important;}

/*폰트size*/
.fs_default {font-size:12px !important;}
.fs_14 {font-size:14px !important;line-height:14px;}
.fs_16 {font-size:16px !important;line-height:16px;}
.fs_18 {font-size:18px !important;line-height:18px;}
.fs_24 {font-size:24px !important;line-height:24px;}

/*기타*/
.line-30{line-height:30px;}
.letter_zero {letter-spacing:0;}
.bold{font-weight:bold;}
.inline-b{display:inline-block;}
.float{float:left;}
.font-400{font-family: 'Open Sans', sans-serif;font-weight:400 !important;letter-spacing:0;}
.font-600{font-family: 'Open Sans', sans-serif;font-weight:600 !important;letter-spacing:0;}
.font-700{font-family: 'Open Sans', sans-serif;font-weight:700 !important;letter-spacing:0;}

/*width*/
.w-30{width:30px;}
.w-50{width:50px;}
.w-70{width:70px;}
.w-100{width:100px;}
.w-120{width:120px;}
.w-150{width:150px;}
.w-200{width:200px;}
.w-300{width:300px;}
.w-500{width:500px;}

/*padding*/
.pt-50 {padding-top:50px !important;}
.pt-70 {padding-top:70px !important;}

/* 마진 */
.mgt0 {margin-top:0px !important;}
.mgt05 {margin-top:5px !important;}
.mgt07 {margin-top:7px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}

.mgb05 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb55 {margin-bottom:55px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}

.mgl03 {margin-left:3px !important;}
.mgl05 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}

.mgr05 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}

/* select JS */
span.selectbox_title{text-align:left;padding:5px 29px 8px 6px;/*margin-right:-4px;*/_margin-right:1px;margin-right:5px;border:1px solid #ebebeb;line-height:140%;background:#fbfbfb url('../images/btn/arrow.gif') no-repeat right 0px;}
span.selectbox_title01 {text-align:left;padding:1px 10px 1px 0px;} 
span.selectbox_title strong{width:100%;height:1em;font-weight:normal;font-size:12px;color:#666;word-break:break-all;line-height:1em;padding:1px 0 2px 2px;_padding:2px 0 1px 2px;display:block;overflow:hidden;}
span.selectbox_title_focus{border-color:#848484;}
span.selectbox_title_focus strong{color:#848484;}
span.selectbox_title_disabled{background-color:#ecf2f7;}
span.selectbox_title_disabled strong{color:#4f4f4f;}
div.selectbox_option{border:1px solid #cccccc;background:#fff;overflow:hidden;margin-top:2px;}
div.selectbox_option a{height:1em;font-size:12px;color:#4f4f4f;word-break:break-all;line-height:1.4em;text-decoration:none;padding:2px 3px 8px 7px;display:block;overflow:hidden;}
div.selectbox_option a.on,div.selectbox_option a:hover{color:#000000;background:#ecf2f7;}
span.selectbox_multiple {width:100% !important;}

/* Button Object */
.btn_pack,
.btn_pack *{font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(../images/btn/btn_pack.png) no-repeat;font-size:12px;color:#666 !important;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack code {cursor:default !important;}
.btn_pack{margin-right:4px}
.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
/* white */
.btn_pack.white,.btn_pack.white *{height:35px;line-height:33px}
.btn_pack.white{background-position:left top;}
.btn_pack.white *{padding:0 20px 0 15px;background-position:right top;font-size:12px}

.btn_pack.white_s,.btn_pack.white_s *{height:30px;line-height:30px}
.btn_pack.white_s{background-position:left -40px;}
.btn_pack.white_s *{padding:0 15px 0 10px;background-position:right -40px;font-size:12px}

.btn_pack.white_b,.btn_pack.white_b *{height:55px;line-height:53px}
.btn_pack.white_b{background-position:left -75px;}
.btn_pack.white_b *{padding:0 25px 0 20px;background-position:right -75px;font-size:16px}
 /* blue */
.btn_pack.blue_b,.btn_pack.blue_b *{height:55px;line-height:53px;}
.btn_pack.blue_b{background-position:left -135px;}
.btn_pack.blue_b *{padding:0 25px 0 20px;background-position:right -135px;font-size:16px;color:#fff !important;}
 /* gray */
.btn_pack.gray_s,.btn_pack.gray_s *{height:22px;line-height:20px}
.btn_pack.gray_s{background-position:left -195px;}
.btn_pack.gray_s *{padding:0 10px 0 6px;background-position:right -195px;font-size:11px;color:#888;} 

/* layer */
#layerMask {position:absolute;left:0;top:0;z-index:999998;background-color:#000;display:none;opacity:0.5}
.layerWrap {position:absolute; z-index:999999; border:1px solid #e3e2da;background:#fff;display:none;padding-bottom:10px;}
.layerWrap .layerTitle {height:50px;padding-left:20px;font-size:18px; font-weight:bold; color:#fff;background:#2281c0;}
.layerWrap .layerTitle img{padding-top:15px;}
.layerWrap .contWrap{}
.layerWrap .close {position:absolute; right:15px;top:15px;}
.layerWrap .btnWrap{margin-top:25px;text-align:center;}