@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{	
	padding:0px;
	margin:0px;
	vertical-align:top
}
html {overflow-y:auto;font-family:'Roboto','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';text-align:center;color:#888;font-size:13px;line-height:1;letter-spacing:-1px}
html, body {width:100%;-webkit-text-size-adjust:none}
body{position:relative;min-width:320px;overflow:hidden}
ul, ol {list-style-type:none}
h1,h2,h3,h4,h5,h6,th{font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;outline:none}
label {cursor:pointer}
i, em, address {font-style:normal}
caption,legend{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}
table {width:100%;table-layout:fixed;}
table, tbody, tfoot, thead, tr, th, td {border-spacing:0;table-layout:fixed;font-weight:normal;}/*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:top;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:top;}
input {border:1px solid #ccc; height:22px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;; background:#fff;color:#666; font-size:12px;vertical-align:middle;}
textarea {border:1px solid #dedede; padding:5px; color:#666; resize: none;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;color:#666; font-size:12px;}
address{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
a {text-decoration:none;color:#666;}
a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:focus, a:active {text-decoration:none;}
/* skip */
label.none,.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

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

input,select,textarea{font-family:'Roboto','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';letter-spacing:-1px}
textarea{resize:none;border:none;background:none}

a {text-decoration:none;color:#888;cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#888;}
a:hover, a:focus, a:active{background:none;text-decoration:none;}



.letter{letter-spacing:normal !important}

.color_01{color:#9cc729 !important}
.color_02{color:#e85363 !important}
.color_03{color:#58c2e0 !important}
.color_04{color:#f1961b !important}



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

/* hiddentext */
.hide{position:absolute; text-indent:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.hidetext div {font-size:0;line-height:0;padding:0;margin:0;height:0;width:0;}

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

.vtmdl {vertical-align:middle !important;}
.vttop {vertical-align:top !important;}
.vtbtm {vertical-align:bottom !important;}

/*input*/
.intxt01 {height:24px;padding:2px 0 2px 5px;border-color:#ebebeb;background:#fbfbfb;font-size:12px;color:#666; vertical-align:top; *margin-top:-1px;}
.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;}
.img{border:none}
.text01{border-color:#ebebeb;background:#fbfbfb;}

/*폰트칼라*/
.fc_01 {color:#444 !important;}
.fc_02 {color:#888 !important;} 
.fc_03 {color:#aa803d !important;} 
.fc_04 {color:#ff6600 !important;} 
.fc_05 {color:#b59157 !important;}  

/*폰트 사이즈*/
.fs_11{font-size:11px;}
.fs_14{font-size:14px;}


/*기타*/
.letter_zero {letter-spacing:0;}
.bold{font-weight:bold;}
.clear{clear:both;}

/* 마진 */
.mgt05 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}

.mgb0 {margin-bottom:0px !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;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}s
.mgb100 {margin-bottom:100px !important;}

.mgl05 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}

.mgr05 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}

/* Button Object */
.btn_pack, .btn_pack a{display:inline-block;font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif;color:#666;font-size:12px;background:url("/images/btn/btn_pack.gif") no-repeat;text-align:center;}

.btn_pack.white{background-position:left top;padding-left:2px;}
.btn_pack.white a{height:35px;line-height:32px;background-position:right top;padding:0 20px 0 18px;}
.btn_pack.white02{background-position:left -67px;padding-left:2px;}
.btn_pack.white02 a{height:30px;line-height:26px;background-position:right -67px;padding:0 15px 0 12px;}

.btn_pack.white_s{background-position:left -40px;padding-left:2px;}
.btn_pack.white_s a{height:22px;line-height:21px;background-position:right -40px;padding:0 10px 0 8px;color:#888 !important;font-size:11px !important;}

.btn_pack.gray{background-position:left -102px;padding-left:2px;}
.btn_pack.gray a{height:35px;line-height:32px;background-position:right -102px;padding:0 20px 0 18px;color:#fff !important;}


/* select JS */
span.selectbox_title{text-align:left;padding:6px 10px 7px 6px;margin-right:-4px;_margin-right:1px;border:1px solid #ebebeb;line-height:140%;background:#fbfbfb url("/images/btn/s_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:1.1em;padding:1px 0 2px 2px;_padding:2px 0 1px 2px;display:block;overflow:hidden;letter-spacing:0;}
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;letter-spacing:0;}
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;}


/* 우편번호 */
#popupDoc h1 {
	padding:30px 0 20px 30px; 
	background:url("../images/member/bg_logo.gif") no-repeat right 0;
	border-bottom:1px solid #e9e9e9;
	font-size:16px;font-weight:bold;
}
.popcontents {
	padding:20px 15px;
}
.popbBtn-close {
	margin-top:20px;
	text-align:center;
}
.popcontents .dong-search * {vertical-align:middle;}
.popcontents .dong-search {margin-bottom:20px;}
.popcontents .dong-search em {display:block; margin-top:15px; color:#2d97a9; font-weight:bold; line-height:18px;}
.popcontents .dong-search em span {font-weight:normal; color:#7f7f7f;}
.popcontents .scroll {height:300px; overflow-y:scroll; overflow-x:hidden; border-top:2px solid #0670a2;}

/* Layer Wrap */
#layerMask {position:absolute;left:0;top:0;z-index:9998;background-color:#000;display:none;filter:alpha(opacity=80);opacity:0.8;}
.layerWrap {position:absolute; z-index:9999;display:none;border:1px solid #333333;}
.layerWrap .close {position:absolute; top:0;right:-57px;}