@charset "utf-8";


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-ms-touch-action: none;
}

*{ font-family: '돋움', '굴림', Dotum, Gulim, sans-serif;  line-height:1.5em; }
html { height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{ margin:0; padding:0; color:#656565;}
body{ margin:0; padding:0; font-size:12px; }
table{ border-collapse:collapse}
img,fieldset{ border:0}
ul,ol{ list-style:none}
em,address{ font-style:normal}
a{ color:inherit; text-decoration:none}

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,
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{ margin:0; padding:0; border:0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
body{ -webkit-text-size-adjust:none; }
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{ content:''; content:none; }
table{ width:100%; border-collapse:collapse; border-spacing:0; }
img{ border:0; max-width:100%; height:auto; }
iframe,
embed,
object,
video {max-width:100%;}
i, 
cite, 
em, 
var, 
address, 
dfn { font-style:normal;}

.blind,
legend{ position:absolute;left:0;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
caption{ display:none;}


button{ border:0 none; background:none;}
textarea{ padding:0 4px; border:#c6c6c6 1px solid;}
select,
select.form-control{ border-radius:5px;  height:34px; line-height:38px; padding:0 2px 0 2px; min-width:60px; vertical-align:middle; -webkit-appearance:none; background:#fff url(../images/element_select.png) no-repeat 100% 50%; background-size:24px 6px;}
label { display:inline-block; vertical-align:middle;}
label.radio{ margin-right:20px;}
.label_group{ display:inline-block;}

a {color: #656565;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover {color: #333;}
a:focus,
a:active {outline: none;}

img {display: block;max-width: 100%;height: auto;}
img.inline{ display:inline;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.clearfix:before,
.clearfix:after,{
  display: table;
  content: " ";
}
.clearfix:after{
  clear: both;
}

button,
input,
select{ font-family:'돋움', '굴림', Dotum, Gulim, sans-serif;  }
label, input, button, select, textarea{ font-size:12px;}

/* space */
.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;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}
.ml10{ margin-left:10px !important;}
.ml20{ margin-left:20px !important;}
.mr10{ margin-right:10px !important;}
.mr30{ margin-right:30px !important;}
.ml200{ margin-left:200px !important; }
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important;}
.mr20{ margin-right:20px !important; }
.pd0{ padding:0 !important;}
.pb0{ padding-bottom:0 !important;}
.pl0{ padding-left:0 !important;}
.pl10{ padding-left:10px !important;}
.pl20{ padding-left:20px !important;}
.pr0{ padding-right:0 !important;}

.cGreen{ color:#00a88e !important;}
.cBrown{ color:#785c50 !important;}
.cOrange{ color:#f36f21 !important;}

/* btn 추가 */
.btn-box{ position:relative; margin:20px 0 0 0; text-align:center;}
.btn-box.l{ text-align:left;}
.btn-box>.btn.btn-sm{  height:24px; padding:0 10px; line-height:24px; }
.btn-box .fr,
.btn-box .fl{ position:absolute; top:0; float:none; }
.btn-box.page-line{ z-index:1; height:0; margin-top:0; }
.btn-box.page-line .fr,
.btn-box.page-line .fl{ position:absolute; top:-30px; float:none; }
.btn-box .fr{right:0;}
.btn-box .fl{left:0;}
.btn-box [class^="btn"],
.btn-box [class*=" btn"]{margin:0 3px;}
.btn-box .fr [class^="btn"]:last-child,
.btn-box .fr [class*=" btn"]:last-child{margin-right:0;}
.btn-box .fl [class^="btn"]:first-child,
.btn-box .fl [class*=" btn"]:first-child{margin-left:0;}
.btn-box.r [class^="btn"]:last-child,
.btn-box.r [class*=" btn"]:last-child{margin-right:0;}
.btn-box.btm{ position:fixed; bottom:0; left:0; margin:0; border-top:#34ca96 1px solid; width:100%; padding:5px 10px; background:#f8f8f8; }
.btn-box.btm .fr{ top:5px; right:10px;}
.btn-box.btm2{ position:absolute; bottom:0; left:0; margin:0; width:100%; padding:20px 10px; }
.btn-box.btm2 .b-close{ min-width:120px;}
.bt-more{ width:130px; height:32px; font-size:13px;}

.btn{ height:40px; padding-top:0; padding-bottom:0; line-height:40px;}
.btn-sm{ height:34px; padding-top:0; padding-bottom:0; line-height:34px;}
.btn-ssm{ height:20px; padding-top:0; padding-bottom:0; line-height:20px; font-size:12px;}
.btn.disabled, .btn[disabled], 
fieldset[disabled] .btn{ opacity:0.2;}

.btn-brown{ background:#785c50; border:#785c50 1px solid; color:#fff;} 
.btn-white{ background:#fff; border:#b7b7b7 1px solid; color:#000;} 
.btn-orange{ background:#ff7c2c; border:#ff7c2c 1px solid; color:#fff;} 
.btn-green{ background:#00a88e; border:#00a88e 1px solid; color:#fff;} 

/* layout */
body{ background-color:#f9fafa;}
#wrap{ position:relative; overflow:hidden;}
header{ position:relative; height:48px; width:100%; background:#fff;  z-index:2;}
#container{ position:relative; z-index:1; clear:both; margin:0; padding-bottom:20px; }

header .head-top{ position:relative; border-bottom:#00a88e 2px solid; height:50px; box-shadow:#5d5d5d 1px 1px 1px; z-index:3;}
header .head-top h1.logo{ text-align:center; font-size:18px; font-weight:bold; height:48px; line-height:48px; color:#00a88e;}

/* set up */
.setup-tx01{ padding:0 0 60px 0;}
.setup-tx01 .bg-logo{ position:fixed; bottom:10px; left:50%; margin-left:-23px;  width:47px; height:43px; background:url(../images/logo.gif) 50% 50% no-repeat; background-size:47px 43px; z-index:1;}
.setup-tx01 ul.setup-tx0101{ padding:10px 15px 10px; }
.setup-tx01 ul.setup-tx0101 li{ position:relative; padding:10px 0 10px 40px; color:#000;}
.setup-tx01 ul.setup-tx0101 li:first-child{ background:url(../images/blt_line.gif) 50% 100% no-repeat; background-size:100% 1px;}
.setup-tx01 ul.setup-tx0101 li .num{ position:absolute; top:50%; width:28px; height:28px; left:0; margin-top:-14px; border-radius:50%; background-color:#00a88e; display:block; color:#fff; font-size:18px; text-align:center; line-height:28px;}
.setup-tx01 ul.setup-tx0101 li:first-child .num{ background-color:#f36f21;}
.setup-tx01 .btn-box{ margin-top:0px;}
.setup-tx01 .btn-box .btn{ font-size:13px; height:40px; line-height:40px; border-radius:20px; padding-right:23px; padding-left:23px;}
.setup-tx01 .setup-tx0102{ padding:15px 0 10px 0; text-align:center; font-size:14px; color:#000;}
.setup-tx01 .setup-tx0102 span{ font-size:12px;}
.setup-tx01 .setup-down{ position:relative; background:#fff; border-top:#ebebeb 1px solid; z-index:2;}
.setup-tx01 .setup-down li{ position:relative; padding:15px 0 15px 75px; font-size:18px; font-weight:bold; color:#000; border-bottom:#ebebeb 1px solid;}
.setup-tx01 .setup-down li span{ position:absolute; top:50%; left:15px; margin-top:-20px; display:block; background:url(../images/logo2.gif) 50% 50% no-repeat; background-size:40px 40px; width:40px; height:40px; border:#00a88e 1px solid; border-radius:5px;}
.setup-tx01 .setup-down li:nth-child(2) span{ border:#f7911e 1px solid;}
.setup-tx01 .setup-down li:nth-child(3) span{ border:#785c50 1px solid;}
.setup-tx01 .setup-down li:nth-child(4) span{ border:#13756f 1px solid;}
.setup-tx01 .setup-down li .btn{ position:absolute; top:50%; right:15px; margin-top:-10px; border:#f7911e 1px solid; border-radius:3px; height:23px; line-height:23px; color:#f7911e;}

/
.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;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}
.ml10{ margin-left:10px !important;}
.ml20{ margin-left:20px !important;}
.mr10{ margin-right:10px !important;}
.mr30{ margin-right:30px !important;}
.ml200{ margin-left:200px !important; }
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important;}
.mr20{ margin-right:20px !important; }
.pd0{ padding:0 !important;}
.pb0{ padding-bottom:0 !important;}
.pl0{ padding-left:0 !important;}
.pl10{ padding-left:10px !important;}
.pl20{ padding-left:20px !important;}
.pr0{ padding-right:0 !important;}

.cGreen{ color:#00a88e !important;}
.cBrown{ color:#785c50 !important;}
.cOrange{ color:#f36f21 !important;}

/* btn 추가 */
.btn-box{ position:relative; margin:20px 0 0 0; text-align:center;}
.btn-box.l{ text-align:left;}
.btn-box>.btn.btn-sm{  height:24px; padding:0 10px; line-height:24px; }
.btn-box .fr,
.btn-box .fl{ position:absolute; top:0; float:none; }
.btn-box.page-line{ z-index:1; height:0; margin-top:0; }
.btn-box.page-line .fr,
.btn-box.page-line .fl{ position:absolute; top:-30px; float:none; }
.btn-box .fr{right:0;}
.btn-box .fl{left:0;}
.btn-box [class^="btn"],
.btn-box [class*=" btn"]{margin:0 3px;}
.btn-box .fr [class^="btn"]:last-child,
.btn-box .fr [class*=" btn"]:last-child{margin-right:0;}
.btn-box .fl [class^="btn"]:first-child,
.btn-box .fl [class*=" btn"]:first-child{margin-left:0;}
.btn-box.r [class^="btn"]:last-child,
.btn-box.r [class*=" btn"]:last-child{margin-right:0;}
.btn-box.btm{ position:fixed; bottom:0; left:0; margin:0; border-top:#34ca96 1px solid; width:100%; padding:5px 10px; background:#f8f8f8; }
.btn-box.btm .fr{ top:5px; right:10px;}
.btn-box.btm2{ position:absolute; bottom:0; left:0; margin:0; width:100%; padding:20px 10px; }
.btn-box.btm2 .b-close{ min-width:120px;}
.bt-more{ width:130px; height:32px; font-size:13px;}

.btn{ height:40px; padding-top:0; padding-bottom:0; line-height:40px;}
.btn-sm{ height:34px; padding-top:0; padding-bottom:0; line-height:34px;}
.btn-ssm{ height:20px; padding-top:0; padding-bottom:0; line-height:20px; font-size:12px;}
.btn.disabled, .btn[disabled], 
fieldset[disabled] .btn{ opacity:0.2;}

.btn-brown{ background:#785c50; border:#785c50 1px solid; color:#fff;} 
.btn-white{ background:#fff; border:#b7b7b7 1px solid; color:#000;} 
.btn-orange{ background:#ff7c2c; border:#ff7c2c 1px solid; color:#fff;} 
.btn-green{ background:#00a88e; border:#00a88e 1px solid; color:#fff;} 

/* layout */
body{ background-color:#f9fafa;}
#wrap{ position:relative; overflow:hidden;}
header{ position:relative; height:48px; width:100%; background:#fff;  z-index:2;}
#container{ position:relative; z-index:1; clear:both; margin:0; padding-bottom:20px; }

header .head-top{ position:relative; border-bottom:#00a88e 2px solid; height:50px; box-shadow:#5d5d5d 1px 1px 1px; z-index:3;}
header .head-top h1.logo{ text-align:center; font-size:18px; font-weight:bold; height:48px; line-height:48px; color:#00a88e;}

/* set up */
.setup-tx01{ padding:0 0 60px 0;}
.setup-tx01 .bg-logo{ position:fixed; bottom:10px; left:50%; margin-left:-23px;  width:47px; height:43px; background:url(../images/logo.gif) 50% 50% no-repeat; background-size:47px 43px; z-index:1;}
.setup-tx01 ul.setup-tx0101{ padding:10px 15px 10px; }
.setup-tx01 ul.setup-tx0101 li{ position:relative; padding:10px 0 10px 40px; color:#000;}
.setup-tx01 ul.setup-tx0101 li:first-child{ background:url(../images/blt_line.gif) 50% 100% no-repeat; background-size:100% 1px;}
.setup-tx01 ul.setup-tx0101 li .num{ position:absolute; top:50%; width:28px; height:28px; left:0; margin-top:-14px; border-radius:50%; background-color:#00a88e; display:block; color:#fff; font-size:18px; text-align:center; line-height:28px;}
.setup-tx01 ul.setup-tx0101 li:first-child .num{ background-color:#f36f21;}
.setup-tx01 .btn-box{ margin-top:0px;}
.setup-tx01 .btn-box .btn{ font-size:13px; height:40px; line-height:40px; border-radius:20px; padding-right:23px; padding-left:23px;}
.setup-tx01 .setup-tx0102{ padding:15px 0 10px 0; text-align:center; font-size:14px; color:#000;}
.setup-tx01 .setup-tx0102 span{ font-size:12px;}
.setup-tx01 .setup-down{ position:relative; background:#fff; border-top:#ebebeb 1px solid; z-index:2;}
.setup-tx01 .setup-down li{ position:relative; padding:15px 0 15px 75px; font-size:18px; font-weight:bold; color:#000; border-bottom:#ebebeb 1px solid;}
.setup-tx01 .setup-down li span{ position:absolute; top:50%; left:15px; margin-top:-20px; display:block; background:url(../images/logo2.gif) 50% 50% no-repeat; background-size:40px 40px; width:40px; height:40px; border:#00a88e 1px solid; border-radius:5px;}
.setup-tx01 .setup-down li:nth-child(2) span{ border:#f7911e 1px solid;}
.setup-tx01 .setup-down li:nth-child(3) span{ border:#785c50 1px solid;}
.setup-tx01 .setup-down li:nth-child(4) span{ border:#13756f 1px solid;}
.setup-tx01 .setup-down li .btn{ position:absolute; top:50%; right:15px; margin-top:-10px; border:#f7911e 1px solid; border-radius:3px; height:23px; line-height:23px; color:#f7911e;}