@charset "utf-8";

/* default */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textArea, select, button, p, th, td {margin:0;padding:0;}
body {font-size:14px;color:#100e0d;font-family:'맑은 고딕', 'Malgun Gothic', 'NanumGothic','Nanumgothic', 'Nanum Gothic','나눔고딕', 'NanumGothicWeb','돋움','굴림',Dotum,Gulim,Sans-serif;letter-spacing:-1px;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
ol, ul, li {list-style:none;}
a {color:#100e0d;text-decoration:none;}
img {border:0;vertical-align:top;max-width:100%;}
button {border:0 none;background:none;cursor:pointer;}

/* form */
fieldset {display:block;border:0;}
legend, caption {width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
textArea, select, input, button {*overflow:visible;vertical-align:middle;color:#100e0d;font-family:'맑은 고딕', 'Malgun Gothic','돋움','굴림',Dotum,Gulim,Sans-serif;}
input[type=text], input[type=number], input[type=password], input[type=file] {box-sizing:border-box;height:40px;padding:8px 10px;line-height:20px;border:1px solid #bebebe;font-size:14px;color:#333;}
input[type=checkbox], input[type=radio], input[type=image], input[type=button], input[type=submit] {border:0;}
input {border:0 none;}
input[type=checkbox],
input[type=radio] {width:15px;height:15px;cursor:pointer;}
input::-ms-clear {display:none;}
select {height:40px;padding-left:10px;border:1px solid #bebebe;font-size:14px;color:#333;line-height:40px;background:#fff;}
table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;color:#333;font-family:'맑은 고딕', 'Malgun Gothic','돋움','굴림',Dotum,Gulim,Sans-serif;}
th, td {font-size:14px;font-weight:normal;font-family:'맑은 고딕', 'Malgun Gothic','돋움','굴림',Dotum,Gulim,Sans-serif;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

/* common */
html {overflow-x:hidden;}
body {min-width:320px;}
.skipNavi {position:relative;}
.skipNavi a {position:absolute;left:0;top:-50px;padding:10px;border:1px solid #000;font-size:16px;font-weight:600;}

#wrapper {padding-top:64px;}

/* header */
#header {position:fixed;z-index:3;left:0;top:0;width:100%;height:64px;border-bottom:1px solid #bebebe;background:#fff;}
.login #header,
.main #header {-webkit-box-shadow:0 4px 4px 0 rgba(229,229,229,1);-moz-box-shadow:0 4px 4px 0 rgba(229,229,229,1);box-shadow:0 4px 4px 0 rgba(229,229,229,1);}
#header .logo {position:absolute;left:50%;top:10px;width:70px;margin-left:-35px;}
#header .btn {overflow:hidden;position:absolute;left:15px;top:17px;width:30px;height:31px;text-indent:-5000px;background:url(../images/icon_navi.png) no-repeat;background-size:100%;}
.login #header .btn {display:none;}

/* gnb */
#gnb {position:fixed;z-index:6;left:-224px;top:0;overflow-y:auto;width:224px;height:100%;background:#96b74f;}
#gnb>ul>li {border-bottom:1px solid #81a13c;}
#gnb>ul>li>a {display:block;height:18px;padding:12px 15px;text-align:left;font-size:14px;font-weight:600;color:#fff;line-height:18px;letter-spacing:-1px;background:url(../images/icon_gnb.png) no-repeat 100% 50%;}
#gnb>ul>li>a:active {background-color:#618616;}
.dim_device {display:none;position:fixed;z-index:5;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);}

/* contents */
#contents {position:relative;z-index:2;padding:0 20px 60px;background:#fff;}

/* footer */
#footer {padding:15px 0;border-top:1px solid #c9c9c9;}
#footer .copy {text-align:center;font-size:13px;color:#7a7a7a;}
#footer .copy strong {color:#f59200;}
.dimmed {display:none;position:fixed;z-index:25;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);}

/* btn */
.btn01 {display:inline-block;box-sizing:border-box;padding:0 15px;height:50px;border:1px solid #8dc21f;border-radius:5px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:40px;background:#8dc21f;}
.btn01:active {background:#618616;}
.btn02 {display:inline-block;box-sizing:border-box;padding:0 15px;height:50px;border:1px solid #f6aa00;border-radius:5px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:40px;background:#f6aa00;}
.btn02:active {background:#c68a00;}
.btn03 {display:inline-block;box-sizing:border-box;padding:0 15px;height:50px;border:1px solid #333;border-radius:5px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:40px;background:#333;}
.btn03:active {background:#000;}
.btn04 {display:inline-block;box-sizing:border-box;padding:0 15px;height:50px;border:1px solid #9d0b07;border-radius:5px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:40px;background:#9d0b07;}
.btn04:active {background:#600502;}
.btn05 {display:inline-block;box-sizing:border-box;padding:0 15px;height:50px;border:1px solid #c1c1c1;border-radius:5px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:40px;background:#c1c1c1;}
.btn05:active {background:#8f8f8f;}
.btn06 {display:inline-block;box-sizing:border-box;padding:4px 15px;border:1px solid #8dc21f;border-radius:5px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:20px;background:#8dc21f;}
.btn06:active {background:#618616;}

/* naviBar */
.naviBar {padding:10px 10px 12px;text-align:center;background:#7eb00e;}
.naviBar h2 {font-size:19px;font-weight:600;color:#fff;}

/* title */
h3.subTit {padding:10px 0 12px;border-bottom:1px solid #7eb00e;font-size:16px;font-weight:600;color:#333;}
h3.subTit02 {margin-top:8px;padding:12px 0 10px 12px;font-size:15px;font-weight:600;color:#333;background:url(../images/bul_type01.png) no-repeat 0 50%;}
.infoTxt {position:relative;margin-top:12px;padding:0 10px;font-size:13px;font-weight:600;color:#757575;line-height:20px;}
.infoTxt:after {content:"*";position:absolute;left:0;top:2px;font-weight:600;color:#e83430;}
.infoTxt strong {color:#000;}
.infoTxt span {font-weight:600;color:#e83430;}
.infoTxt02 {position:relative;margin-top:12px;padding:14px 15px 16px 25px;font-size:13px;font-weight:600;color:#757575;line-height:19px;background:#ededed;}
.infoTxt02:after {content:"*";position:absolute;left:16px;top:16px;font-weight:600;color:#e83430;}
.infoTxt02 strong {color:#000;}

/* tab */
.tab {overflow:hidden;margin-top:20px;}
.tab li {box-sizing:border-box;float:left;margin-right:3px;width:120px;border:1px solid #c1c1c1;border-radius:4px 4px 0 0;background:#c1c1c1;}
.tab li.on {border-color:#333;background:#333;}
.tab li a {display:block;padding:9px 0 11px;text-align:center;font-size:15px;font-weight:600;color:#fff;}

/* list */
.list01 th,
.list01 td {height:25px;padding:9px 10px 10px;border-left:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;}
.list01 tr:first-child th,
.list01 tr:first-child td {border-top:1px solid #b3b3b3;}
.list01 th:first-child,
.list01 td:first-child {border-left:0;}
.list01 th {background:#f0f0f0;}
.list01 td {text-align:center;}

.list02 th,
.list02 td {height:25px;padding:7px 10px 8px;text-align:center;}
.list02 th {border-left:1px solid #fff;font-weight:600;color:#fff;background:#898989;}
.list02 td {border-left:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;font-size:13px;color:#757575;}
.list02 th:first-child,
.list02 td:first-child {border-left:0;}
.list02.ty02 th,
.list02.ty02 td {height:19px;padding:7px 5px 8px;}
.list02.ty02 tr:nth-child(2) th {color:#2b2b2b;background:#d4d4d4;}
.list02.ty02 .tar {padding-right:10px;}

/* loginBox */
.loginBox {margin-top:20px;padding:68px 15px 24px;border:1px solid #bebebe;border-radius:4px;text-align:center;line-height:21px;background:#efefef url(../images/bg_login.png) no-repeat 50% 10px;background-size:51px;}
.loginBox h2 {font-size:24px;font-weight:600;color:#804f22;}
.loginBox h3 {margin:20px 0 5px;text-align:left;font-size:15px;font-weight:600;color:#333;}
.loginBox p {position:relative;font-size:12px;color:#757575;}
.loginBox .btn01,
.loginBox .btn02 {width:100%;margin-top:12px;}

/* mainCont */
.mainCont {margin-top:20px;padding:155px 15px 24px;border:1px solid #bebebe;border-radius:4px;text-align:center;line-height:21px;background:#efefef url(../images/bg_main.png) no-repeat 50% 20px;background-size:190px 125px;}
.mainCont .btn01 {width:100%;margin-top:6px;}
.mainCont .btn06 {width:100%;margin-top:6px;}

/* certBox */
.certBox {margin-top:12px;padding:15px 15px 22px;border:1px solid #bebebe;border-radius:4px;line-height:21px;background:#efefef;}
.certBox>strong {display:block;margin-bottom:10px;}
.certBox>p {position:relative;margin-top:5px;}
.certBox>p:nth-child(3) {overflow:hidden;}
.certBox>p:nth-child(3) input {float:left;}
.certBox>p:nth-child(3) input:nth-child(3) {float:right;}
.certBox>p>span {position:absolute;top:7px;left:50%;width:12px;margin-left:-6px;text-align:center;font-size:16px;color:#919191;}
.certBox .btn01 {width:100%;margin-top:5px;}
.certBox .result {display:none;position:relative;margin-top:20px;padding-top:20px;text-align:center;border-top:1px solid #c9c9c9;}
.certBox .result:after {content:"";overflow:hidden;position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #fff;}
.certBox .result.ty03 {margin-bottom:40px;}
.certBox .result .btn03,
.certBox .result .btn04 {width:100%;margin-top:5px;}
.certBox .result .txt strong {color:#000;}
.certBox .result .txt span {font-weight:600;color:#e83430;}
.certBox .result>strong {display:block;margin:20px 0 25px;}

/* issueBox */
.issueBox {padding:15px 15px 22px;border:1px solid #bebebe;line-height:21px;background:#efefef;}
.issueBox #viewCont {display:none;margin-top:22px;}
.issueBox .selectCont {display:none;margin-top:22px;}
.issueBox h3 {position:relative;margin:22px 0 10px;padding-bottom:10px;border-bottom:1px solid #c9c9c9;font-size:16px;font-weight:600;color:#333;}
.issueBox h3:after {content:"";overflow:hidden;position:absolute;left:0;bottom:-3px;width:100%;height:1px;border-top:1px solid #fff;}
.issueBox h3:first-child {margin-top:0;}
.issueBox>strong {display:block;position:relative;margin-top:12px;color:#804f22;}
.issueBox>strong>span {color:#921306;}
.issueBox>strong.ty02 {margin-top:15px;padding:0 130px 9px 0;}
.issueBox>strong.ty02 .btn03 {position:absolute;right:0;top:-10px;width:120px;}
.issueBox>strong label {position:absolute;top:0;right:0;color:#333;}
.issueBox>strong label input {margin-right:5px;}
.issueBox>p {position:relative;margin-top:5px;}
.issueBox .selectCont>strong {display:block;position:relative;margin-top:12px;color:#804f22;}
.issueBox .selectCont>strong>span {color:#921306;}
.issueBox .selectCont>strong.ty02 {margin-top:15px;padding:0 130px 9px 0;}
.issueBox .selectCont>strong.ty02 .btn03 {position:absolute;right:0;top:-10px;width:120px;}
.issueBox .selectCont>strong label {position:absolute;top:0;right:0;color:#333;}
.issueBox .selectCont>strong label input {margin-right:5px;}
.issueBox .selectCont>p {position:relative;margin-top:5px;}
.issueBox .number {overflow:hidden;}
.issueBox .number input {float:left;}
.issueBox .number input:nth-child(3) {float:right;}
.issueBox .number>span {position:absolute;top:7px;left:50%;width:12px;margin-left:-6px;text-align:center;font-size:16px;color:#919191;}
.issueBox .address {padding-right:135px;}
.issueBox .btn01,
.issueBox .btn03,
.issueBox .btn05 {height:40px;padding:0;}
.issueBox .address .btn03 {position:absolute;top:0;right:0;width:130px;}
.issueBox .btn01 {margin-top:5px;}
.issueBox .center {height:40px;}
.issueBox .center select {float:left;}
.issueBox .center select:nth-child(2) {float:right;}
.issueBox .certCheck li {display:block;box-sizing:border-box;width:100%;margin-top:5px;padding:0 15px;height:40px;border:1px solid #c1c1c1;border-radius:5px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:40px;background:#c1c1c1;}
.issueBox .certCheck li.on {border-color:#8dc21f;background:#8dc21f;}
.issueBox .choiceBox {position:relative;box-sizing:border-box;margin-top:5px;padding:15px 0 17px;border:2px solid #bebebe;text-align:center;}
.issueBox .choiceBox .btn03 {position:absolute;right:0;top:-45px;}
.issueBox .choiceBox label {font-weight:600;color:#333;}
.issueBox .choiceBox input:nth-child(3) {margin-left:30px;}
.issueBox .cardNum {overflow:hidden;}
.issueBox .cardNum input {float:left;width:22%;margin-left:1%;text-align:center;}
.issueBox .cardNum input:first-child {width:23%;margin-left:0;}
.issueBox .cardNum input:last-child {width:30%;margin-left:1;}
.issueBox .phone {position:relative;height:40px;margin-top:5px;}
.issueBox .phone input,
.issueBox .phone select {float:left;width:30%;margin-left:3%;}
.issueBox .phone input {text-align:center;}
.issueBox .phone select {width:34%;margin-left:0;}
.issueBox .phone>span {position:absolute;top:7px;left:34%;width:3%;text-align:center;font-size:16px;color:#919191;}
.issueBox .phone>span:nth-child(4) {left:67%;}
.issueBox .email {position:relative;height:40px;margin-top:5px;}
.issueBox .email input,
.issueBox .email select {float:left;width:30%;margin-left:1%;}
.issueBox .email input:first-child {margin-left:0;}
.issueBox .email input:nth-child(3) {margin-left:6%;}
.issueBox .email select {width:33%;}
.issueBox .email>span {position:absolute;top:7px;left:30%;width:6%;text-align:center;font-size:16px;color:#919191;}

.nameArea {margin-top:15px;padding-top:64px;text-align:center;color:#333;background:url(../images/bg_name.png) no-repeat 50% 0;background-size:58px;}
.nameArea strong {font-size:18px;color:#7eb00e;}

/* 팝업 */
.popWrap {display:none;position:fixed;z-index:26;left:3.5%;width:93%;background:#fff;}
.popWrap .layerClose {position:absolute;top:12px;right:15px;width:16px;height:16px;padding:5px;text-indent:-5000px;background:url(../images/btn_close.png) no-repeat 50%;}
#popZipcode {top:10%;height:83%;}
.popWrap h1 {padding:15px 0 17px 20px;font-size:16px;font-weight:600;color:#fff;line-height:18px;background:#85a736;}
#popContents {padding:13px 20px 15px;}
.zipTab {position:relative;overflow:hidden;}
.zipTab:after {content:"";overflow:hidden;position:absolute;z-index:1;left:0;bottom:-1px;width:100%;height:1px;border-top:1px solid #212121;}
.zipTab li {position:relative;z-index:2;float:left;width:120px;margin-right:1px;border:1px solid #979797;}
.zipTab li.on {border:1px solid #212121;border-bottom:1px solid #fff;}
.zipTab li a {display:block;padding:10px 0 12px;text-align:center;font-size:15px;font-weight:600;color:#bbb;line-height:16px;}
.zipTab li.on a {color:#212121;}
.zipCont {margin-top:8px;}
.zipCont>div {display:none;padding:15px 13px 18px;font-size:14px;color:#212121;line-height:18px;letter-spacing:0;background:#f0f0f0;}
.zipCont>div:first-child {display:block;}
.zipCont .txt {display:block;}
.zipCont .check {margin-top:20px;font-weight:600;}
.zipCont .check a {text-decoration:underline;font-weight:400;color:#84a736;}
.zipCont .search {margin-top:17px;}
.zipCont .search input {width:60%;}
.zipCont .btn01 {height:40px;padding:0 25px;vertical-align:top;}
.zipResult {display:none;overflow-y:auto;margin-top:13px;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;}
.zipResult>li {border-top:1px solid #b3b3b3;}
.zipResult>li:first-child {border-top:0;}
.zipResult>li li {position:relative;padding:5px 20px 10px 59px;font-size:13px;line-height:19px;border-top:1px dashed #d9d9d9;}
.zipResult>li li:first-child {padding:6px 30px 5px 59px;border-top:0;}
.zipResult>li li>span {display:block;box-sizing:border-box;position:absolute;left:0;top:6px;width:50px;padding:1px 0 3px;border:1px solid #f6ab00;border-radius:2px;text-align:center;font-size:12px;font-weight:600;color:#fff;line-height:14px;background:#f6ab00;}
.zipResult>li li:first-child>span {border:1px solid #85a736;background:#85a736;}
.zipResult>li li a {color:#212121;}

#popCaution {top:50%;margin-top:-120px;}
#popCaution li {margin-top:20px;padding-left:12px;color:#333;line-height:26px;background:url(../images/bul_type01.png) no-repeat 0 13px;}
#popCaution li:first-child {margin-top:0;}

#popCardSearch {top:25%;}
#popCardSearch .list01 {overflow-y:auto;max-height:181px;}
#popCardSearch .btnWrap {margin-top:10px;text-align:right;}
#popCardSearch .btnWrap .btn03 {width:100px;height:40px;}

#popApply {top:50%;margin-top:-110px;}
#popApply .btnWrap {margin-top:15px;text-align:center;}
#popApply .btnWrap .btn03,
#popApply .btnWrap .btn04 {width:100px;height:40px;}
#popApply #popContents p {padding:0 10px 10px;border-bottom:1px solid #b3b3b3;text-align:center;color:#333;line-height:26px;}

#popSmsEmail {top:50%;margin-top:-110px;}
#popSmsEmail .btnWrap {margin-top:15px;text-align:center;}
#popSmsEmail .btnWrap .btn03,
#popSmsEmail .btnWrap .btn04 {width:100px;height:40px;}
#popSmsEmail #popContents p {padding:0 10px 10px;border-bottom:1px solid #b3b3b3;text-align:center;color:#333;line-height:26px;}

.fnLayer {display:none;position:fixed;z-index:30;left:0;top:0;width:100%;height:100%;}
.fnLayer:after {content:"";position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);}
.fnLayer>img {position:absolute;z-index:2;left:50%;top:50%;margin:-50px 0 0 -50px;}

.longmenu {float: left; font-size: 1.2em !important;margin-left: 2px;width: 48% !important;line-height: 20px !important;}