@charset "utf-8";
/*
@import url(happytown.css);
*/
@import url(button/buttons.css?v=1);

/* Heading */
.h301 {margin:45px 0 13px 0;}
.h401 {margin:40px 0 10px 0;}

input.it01 {width:99%;height:28px;padding-left:3px;border:1px solid #c9c9c9;border-radius:2px;background:#fff;-webkit-box-sizing:border-box; font-size:125%;}
input.it02 {width:90%;height:28px;padding-left:3px;border:1px solid #c9c9c9;border-radius:2px;background:#fff;-webkit-box-sizing:border-box; font-size:125%;}
input.it03 {height:28px;padding-left:3px;border:1px solid #c9c9c9;border-radius:2px;background:#f1f1f1;-webkit-box-sizing:border-box; font-size:100%;}
select.st01 {width:100%;height:30px;font-size:14px;color:#555;padding:0 20px 0 3px;border:1px solid #c9c9c9;border-radius:2px;
background:#fff url('/image/common/bullet_down.png') no-repeat right 0;background-size:auto 100%;-webkit-box-sizing:border-box;-webkit-appearance:none;}
textarea.ta01 {overflow:auto; border:1px solid #c9c9c9;border-radius:2px; width:99%;padding:3px;}

/* Button */
.btn_small_blue {display:inline-block;text-align:center;padding:1px 8px 0;height:17px;line-height:17px;color:#fff;border-radius:3px;border:1px solid #004fa8;white-space:nowrap;background:#004fa8;vertical-align:middle;}
.btn_small_green {display:inline-block;text-align:center;padding:1px 8px 0;height:17px;line-height:17px;color:#fff;border-radius:3px;border:1px solid #419F1E;white-space:nowrap;background:#69C247;vertical-align:middle;}
.btn_small_black {display:inline-block;text-align:center;padding:1px 8px 0;height:17px;line-height:17px;color:#fff;border-radius:3px;border:1px solid #333333;white-space:nowrap;background:#6c6c6c;vertical-align:middle;}
.btn_small_blue a, .btn_small_green a, .btn_small_black a, .btn_small_blue:hover, .btn_small_green:hover, .btn_small_black:hover {text-decoration:none; color:#fff !important;} 

/* ÁøÈïÈ¸¼Ò°³ */
.info_list01 {overflow:hidden;}
.info_list01 li {position:relative;padding-left:36px;margin-bottom:16px;min-height:27px;line-height:130%;}
.info_list01 li.last {margin-bottom:0;}
.info_list01 li span {display:inline-block;position:absolute;top:5px;left:0;}
.info_list01 li em {display:inline-block;position:absolute;top:-2px;left:0; font:normal 20px Verdana;color:#cf793a;letter-spacing:-1px;word-spacing:-1px;}

.info_list02 {overflow:hidden;}
.info_list02 li {position:relative;padding:0 0 17px 124px;margin-bottom:12px;min-height:26px;line-height:26px;
background:url('/image/sub/dotline.gif') repeat-x left bottom;font-size:13px;}
.info_list02 li p {display:inline-block;position:absolute;top:2px;left:2px;}
.info_list02 .num {font-size:16px;font-weight:bold;color:#cf793a;letter-spacing:-1px;word-spacing:-1px;}
.info_list02 .num em{font-weight:normal;color:#7b7b7b;}

.info_list03 {overflow:hidden;}
.info_list03 p {padding-left:12px;line-height:180%;background:url('/image/sub/con_li_bg.png') no-repeat 0 6px;}
.info_list03 em {font:bold 14px Verdana; font-style:normal;color:#cf793a;}
.info_list03 li {position:relative;padding-left:12px;margin-bottom:12px;line-height:21px;font-size:12px;}

.info_list04 {padding:0 0 8px 0;margin-bottom:20px;min-height:30px;background:url('/image/sub/dotline.gif') repeat-x left bottom}
.info_list04 p {font:normal 14px Dotum;letter-spacing:0.5px;line-height:200%;}
.info_list04 p strong {color:#cf793a;font-weight:bold;margin-right:4px;}

.tbl1 table {width:98%;cellspacing:0;cellpadding:0;}
.tbl1 th {font:bold 13px Verdana; font-style:italic; color:#cf793a; width:30px; vertical-align:top; padding-top:1px;}


/* ÈÄ¿øÇÏ±â */
.cms {width:720px;}
.cms input, .cms select{font-size:0.875rem;}

.info_list05 p {padding-left:12px;line-height:100%;background:url('/image/sub/con_li_bg.png') no-repeat 0 0;font-family:'¸¼Àº °íµñ','Malgun Gothic',Helvetica,sans-serif;font-size:13px;}

input::-webkit-input-placeholder{font-size:13px;color:#b3b7bd;}
.it  {border:1px solid #d0d0d0;background-color:#fff;padding:2px 0 0 3px;height:22px;}
.it2  {border:1px solid #d0d0d0;background-color:#f8f8f8;padding:2px 0 0 3px;height:22px;}
.its{border:1px solid #d0d0d0;background-color:#f5f5f5;padding:2px 0 0 3px;height:22px;}
.it_focus{border:1px solid #798DD8;background-color:#F9FAFF;padding:2px 0 0 3px;height:22px;}
.sel {border:1px solid #d0d0d0; height:22px;}

.mTab01{margin-bottom:5px;}
.mTab01 ul{background:url('/image/sub/k_tab01.gif') 0 0 repeat-x;height:26px;}
.mTab01 li{float:left;margin-right:4px; font-size:13px;}
.mTab01 li a{display:block;background-color:#fff;border:2px solid #cfcfcf;border-bottom:0;color:#555;padding:4px 4px 2px 4px;text-decoration:none;text-align:center;width:90px;}
.mTab01 li.selected a{border:2px solid #e78c4b;font-weight:bold;color:#3e3e3e;border-bottom:0;}
.mTab01 .rt{float:right;margin-top:-18px; font:normal 11px dotum; color:#777;}

.mTable02 table{border-top:2px solid #76b90a;border-bottom:1px solid #ddd;width:100%;margin-top:6px;}
.mTable02 .fst td,.mTable02 .fst th{border-top:0;}
.mTable02 .ic,.mTable02 .ir{vertical-align:-2px; margin-right:2px;}
.mTable02 th{background-color:#f5f5f5;border-top:1px solid #e2e2e2;color:#3e3e3e;font-weight:bold;font-size:12px;text-align:center;padding:5px 0 5px;width:100px;}
.mTable02 th span{display:block;}
.mTable02 th span em{font-weight:bold;color:#e50909;}
.mTable02 th span em.t02{font-weight:normal;color:#232323;}
.mTable02 td {border-top:1px solid #e2e2e2;text-align:left;padding:5px 0 5px 7px; font-family:'¸¼Àº °íµñ','Malgun Gothic',Helvetica,sans-serif; font-size:13px;}
.mTable02 td img {vertical-align:middle;}
.mTable02 .view {padding:16px 12px 16px 12px; line-height:170%; color:#454545;}
.mTable02 .view p {margin-bottom:8px;}
.mTable02 .view table {border:0;}
.mTable02 td .gab01{margin-top:7px;}
.mTable02 td .editor{padding-left:0;}
.mTable02 td .tx01{font:11px dotum;color:#ed4f01;vertical-align:-2px;}
.mTable02 td .tx02{font:11px dotum;color:#666;vertical-align:-2px;}
.mTable02 td .center{text-align:center;}
.mTable02 .dot {border-bottom:1px dashed #ccc;}

.mTable022 table{border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
.mTable023 table{border-top:2px solid #bbb;border-bottom:1px solid #bbb;}

.mTitle01{margin-top:6px;zoom:1;}
.mTitle01:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}

.mBtn{margin:12px 0 0;text-align:center;zoom:1;}
.mBtn:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
.mBtn .lt{float:left;}
.mBtn .rt{float:right;}

/*ÈÄ¿øÇÏ±â ¸ð¹ÙÀÏ*/
#s_content{width:96%;margin:0 auto;zoom:1;}
#s_content:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}

.mbTitle01 {margin:4% 0 1% 1%;}
.mbTitle01 span {display:inline-block; padding-left:20px; font-weight:normal; font-size:87.50%;}
.mbTitle01 .ptxt {margin:8px 0 4px 0; font-size:87.50%; color:#638A0F;}

.mbTable01 table{border-top:2px solid #e78c4b; border-bottom:1px solid #ccc;width:100%;}
.mbTable01 .fst td,.mbTable01 .fst th{border-top:0;}
.mbTable01 .ic,.mbTable01 .ir{vertical-align:-2px;}
.mbTable01 th{background-color:#f5f5f5;border-top:1px solid #e2e2e2;color:#3e3e3e;font-weight:bold;font-size:0.8125rem;text-align:center;padding:5px 0 5px;min-width:70px;}
.mbTable01 th span{display:block;}
.mbTable01 th span em{font-weight:bold;color:#e50909;}
.mbTable01 th span em.t02{font-weight:normal;color:#232323;}
.mbTable01 td {font-size:0.8125rem;color:#666;border-top:1px solid #e2e2e2;text-align:left;padding:5px 0 5px 7px;}
.mbTable01 td img {vertical-align:middle;}
.mbTable01 .view {padding:16px 12px 16px 12px; line-height:170%; color:#454545;}
.mbTable01 .view p {margin-bottom:8px;}
.mbTable01 .view table {border:0;}
.mbTable01 td .gab01{margin-top:4px;}
.mbTable01 td .editor{padding-left:0;}
.mbTable01 td .tx01{font:11px dotum;color:#ed4f01;vertical-align:-2px;}
.mbTable01 td .tx02{font:11px dotum;color:#666;vertical-align:-2px;}
.mbTable01 td .center{text-align:center;}
.mbTable01 td .agree {color:#C13F00; padding:2px 0; vertical-align:-2px;}
.mbTable01 input, .mbTable01 select{font-size:0.875rem;}

.mbBtn{margin:6px 0 0;text-align:center;zoom:1;}
.mbBtn:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
.mbBtn .lt{float:left; padding-left:4px;}
.mbBtn .lt span {font-weight:normal; font-size:87.50%;}
.mbBtn .rt{float:right;}	
	

/*ÆË¾÷*/
.popup{position:relative;}
.popup .hd{background:url('/image/sub/k_pophd02.jpg') 0 0 repeat-x;height:43px;}
.popup .hd h1{background:url('/image/sub/k_pophd01.jpg') 100% 0 no-repeat; height:43px;}
.popup .hd h1 span{display:block;background:url('/image/sub/ico_dotyel.gif') 10px 16px no-repeat;color:#fff;font-size:14px;padding:12px 0 0 23px;}
.popup .hd .bClose a{position:absolute;top:6px;right:6px;display:block;background:url('/image/sub/ico_close.gif') 0 0 no-repeat;text-indent:-9999px;width:27px;height:26px;}
.popup .bd{padding:15px 24px;}
.popup .ft{border-top:1px solid #ddd;}

#pAddress{}
#pAddress .txt{color:#3e3e3e;padding:0 0 13px;text-align:center;}
#pAddress .con{color:#3e3e3e;text-align:center;margin-bottom:15px;}
#pAddress .mTitle01{margin-left:-3px;}
#pAddress .lst{overflow:scroll;overflow-x:hidden;border:1px solid #cfcece;padding:5px 0 0 10px;height:150px;}
#pAddress .lst li{margin-bottom:1px;}
#pAddress .lst a{color:#525252;font-size:12px;text-decoration:none;}
#pAddress .lst a:hover{color:#ed4f01;}

.mTable01 table{width:100%;border-top:2px solid #76b90a;border-bottom:1px solid #ddd;}
.mTable01 th{background-color:#f2f2f2;color:#126535;font-weight:bold;font-size:11px;padding:7px 0 6px;text-align:center;}
.mTable01 th.fst{background:none;}
.mTable01 td{font-size:12px;color:#454545;border-bottom:1px solid #e2e2e2;padding:7px 0 5px;text-align:center;}
.mTable01 td img{vertical-align:-2px;}
.mTable01 .bg td{background-color:#fafafa;}
.mTable01 td.big{font-size:12px;}
.mTable01 td.left{font-size:12px;text-align:left;padding-left:14px;}
.mTable01 td .button a{color:#fff;}
.mTable01 td a {color:#3399ff;}
.mTable01 td a:hover {color:#ed4f01;}

.pAgree textarea {border:1px solid #cfcece;width:95%;height:400px;margin: 6px; padding:8px;overflow:scroll;overflow-x:hidden;}

/* Contents (common¿¡¼­ ÀÌµ¿ÇÔ) */
#contents {float:left;line-height:170%;padding:0 8px 45px 8px;font-size:13px;color:#454545;font-family:'³ª´®°íµñ',NanumGothic,sans-serif;overflow: hidden;}
#contents h2 {padding-top:4px;font-family:'³ª´®°íµñ',NanumGothic,sans-serif;font-weight:bold;font-size:14px;color:#333;background:url('/image/common/con_htitle_bg.png') no-repeat 0 0;}
#contents h3 {padding-top:6px;font-family:'³ª´®°íµñ',NanumGothic,sans-serif;font-weight:bold;font-size:16px;color:#333;background:url('/image/common/con_title_bg.png') no-repeat 0 0;}
#contents h4 {padding-top:6px;font-family:'³ª´®°íµñ',NanumGothic,sans-serif;font-weight:bold;font-size:14px;color:#333;background:url('/image/common/con_title_bg.png') no-repeat 0 0;}
#contents .dashed {width:740px;border-bottom:1px dashed #D5D5D5;margin:12px 0;}
#contents .cmt {ont-size:12px;color:#666;font-family:"µ¸¿ò",Dotum;}
#contents .gulim {font-size:12px;color:#454545;font-family:"±¼¸²",Gulim;}
.iright {float:right;margin-left:12px;}
.ileft {float:left;margin-right:12px;}

/* Mobile App */
.sptab3 { margin-bottom:20px; border-bottom:1px solid #d0d1d2; box-sizing:border-box; -webkit-box-sizing:border-box;
background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3 0%, #dfdfdf 100%);
background: -webkit-linear-gradient(top, #f3f3f3 0%,#dfdfdf 100%);background: -o-linear-gradient(top, #f3f3f3 0%,#dfdfdf 100%);
background: -ms-linear-gradient(top, #f3f3f3 0%,#dfdfdf 100%);background: linear-gradient(to bottom, #f3f3f3 0%,#dfdfdf 100%); }
.sptab3:after { display:block; content:''; clear:both; }
.sptab3 li { position:relative; float:left; min-width:33.33%; height:38px; line-height:38px; }
.sptab3 li a { position:relative; display:block; height:38px; line-height:41px; font-size:0.8125rem; font-weight:bold; color:#555; text-align:center; border-top:1px solid #d0d1d2;}
.sptab3 li a:before { content:''; position:absolute; top:0; right:-1px; height:38px; border-right:1px solid #d0d1d2; }
.sptab3 li:last-child a:before, .sptab3 li.on a:before { display:none; }
.sptab3 li.on a { height:40px; line-height:39px; margin:0; border:1px solid #d0d1d2; border-top:2px solid #cf793a; border-bottom:2px solid #fff !important; background:#fff; color:#cf793a; font-size:0.875rem; }
.sptab3 li:first-child.on a { border-left:0; }
.sptab3 li:last-child.on a { border-right:0; }

.sptab4 { margin-bottom:20px; border-bottom:1px solid #d0d1d2; box-sizing:border-box; -webkit-box-sizing:border-box;
background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3 0%, #dfdfdf 100%);
background: -webkit-linear-gradient(top, #f3f3f3 0%,#dfdfdf 100%);background: -o-linear-gradient(top, #f3f3f3 0%,#dfdfdf 100%);
background: -ms-linear-gradient(top, #f3f3f3 0%,#dfdfdf 100%);background: linear-gradient(to bottom, #f3f3f3 0%,#dfdfdf 100%); }
.sptab4:after { display:block; content:''; clear:both; }
.sptab4 li { position:relative; float:left; min-width:25%; height:38px; line-height:39px; text-align:center; }
.sptab4 li a { position:relative; display:block; font-size:0.8125rem; font-weight:bold; color:#555; border-top:1px solid #d0d1d2;}
.sptab4 li a:before { content:''; position:absolute; top:0; right:-1px; border-right:1px solid #d0d1d2; }
.sptab4 li:last-child a:before, .sptab4 li.on a:before { display:none; }
.sptab4 li.on a {border-top:2px solid #cf793a; border-bottom:4px solid #fff !important; background:#fff; color:#cf793a; font-size:0.875rem; }
.sptab4 li:first-child.on a { border-left:0; }
.sptab4 li:last-child.on a { border-right:0; }