/* cmmn tab */
.tabs {display:block;width:100%}
.tabs:after{display: block;content: '';clear: both;} /* float해제 */
.tabs li {float:left;text-align:center;margin-top:-1px;border-width:0;box-sizing:border-box}
.tabs li a {
	border:1px solid #ddd;display:inline-block;width:100%;height:50px;line-height:50px;vertical-align:middle;
	color:#3c3c3c;box-sizing:border-box;font-size:15px;color:#666666;
}
.tabs li a { position:Relative; border-left-width:0;background-color:#ffffff;border-bottom:1px solid #ddd;}
.tabs li a:hover{ color:#333;}
.tabs li:first-child a {border-left-width:1px}
.tabs li a.on {color:#fff;border-color:#f36910; background:#f36910;}
.tabs li.active a{color:#fff;border-color:#f36910; background:#f36910;}
/* .tabs li a.on:before{ z-index:3; position:Absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#f36910; } */

.tabs li {width:50%;}
.tabs.fit li {width:auto;display:inline-block;}
.tabs.fit li a {padding-left:10px;padding-right:10px;}
.tabs.tabcnt3 li {width:33.3%}
.tabs.tabcnt4 li {width:25%}
.tabs.tabcnt5 li {width:20%}
.tabs.tabcnt6 li {width:16.667%;width:calc(100% / 6);}
.tabs.tabcnt7 li {width:14.285%;width:calc(100% / 7);}
.tabs.tabcnt8 li {width:12.5%}
.tabs.tab170px li {width:170px}
.tabs.bottom-red {border-bottom:2px solid #d53f39;}
.tabs.bottom-red li a {border-bottom-width:0px;}
.tabs.black {border-bottom:2px solid #292d37;}
.tabs.black li a {border-bottom-width:0px;border:1px solid #292d37;}
.tabs.black li a.on {background-color:#292d37;color:#ffffff;border:1px solid #292d37;}
.tabs.fl {width:inherit;float:left;}
.tabs.fl li {width:inherit;min-width:130px;}
.tabs-rel {display:none; padding:40px 35px; font-size:15px; line-height:28px; color:#555; }
.tabs-rel h4{ font-weight:500; color:#f36910; font-size:22px; letter-spacing:-0.5px; }
.tabs-rel strong{ color:#333; font-weight:500; }
.tabs-rel:first-child {display:block;}
.tabs.ty-indigo li a {
	padding:33px;border-left-width:0;background-color:#2c2f3e;color:#b0b3c2;font-size:16px;
	border:1px solid #424658;
}
.tabs.ty-indigo li a.on {background-color:#d53f39;color:#ffffff;border:1px solid #d53f39;}
.tabs-rel-all {display:none;}

.tabs_list li{ display:none; }

/* progress  */
.progress:after {clear:both;content:'';display:block}
.progress li {position:relative;float:left;box-sizing:border-box;text-align:center;color:#999999;font-size:16px;box-sizing:border-box;padding:15px;}
.progress.arror li:after {/* z-index:2; */ content:'l';font-size:16px;color:#ddd;position:absolute;top:48px;right:0;text-align:left;}
.progress.arror.bcircle li:after {top:60px;}
.progress li:last-child:after {content:''}
.progress li div.circle { 
    border:1px solid #f6f6f6;background-color:#fcf7f1;border-radius:45px;width:90px;height:90px;line-height:90px;margin:0 auto 10px;line-height:1;vertical-align:middle;
    box-sizing:border-box;padding-top:22px;
}
.progress li div.circle.large {border-radius:75px;width:150px;height:150px;line-height:1.5;padding-top:60px;}
.progress li div.circle.large.line2 {padding-top:50px;}

.progress.plus li:after {content:'+';font-size:50px;color:#ddd;position:absolute;top:77px;right:-17px;text-align:left;}
.progress.plus li:last-child:after {content:''}

.progress li div.circle.fl {margin-left:15px;}
.progress li div.circle.border-orange {border:1px solid #f36910;color:#f36910;background-color:#ffffff}
.progress li div.circle.bg-orange {border:1px solid #f36910;color:#ffffff;background-color:#f36910}
.progress li div.circle.bg-darkgray {border:1px solid #999999;color:#ffffff;background-color:#242424}

.progress li div span {font-size:24px;clear:both;display:block;margin-top:3px;color:#333; font-weight:500; }
.progress li.active {color:#ff6600;}
.progress li.active div {border-color:#ff6600;background-color:#ffffff}
.progress li.active div span {color:#ff6600;}
.progress.len3 li {width:33.3%;width:calc(100% / 3)}
.progress.len4 li {width:25%;}
.progress.len5 li {width:20%;}
.progress.len7 li {width:14.28%;width:calc(100% / 7 -0.1);}

.progress li div.title {margin-top:20px;height:28px;line-height:28px;box-sizing:border-box;color:#ff6600}
.progress li div.desc {font-size:14px;color:#555;display:block;}

/* 일반알림용 스타일 */
.list-type01 li {float:left;border:1px solid #dddddd;box-sizing:border-box;padding:20px;}
.list-type01 li img {margin-right:10px;float:left;}
.list-type01 li div.title {color:#333333;font-size:18px;height:35px;line-height:35px;}
.list-type01 li div.desc {color:#999999;font-size:13px;}
.list-type01.len3 li {width:33.33%;}
.list-type01.len3 li + li {border-left-width:0}

/* list-type */
.list-type:after {clear:both;content:'';display:block}
.list-type li {float:left;box-sizing:border-box;padding:10px 10px 10px 25px;}
.list-type li img {margin-right:10px;float:left;}
.list-type li div.title {color:#333333;font-size:18px;height:40px;line-height:40px;margin-bottom:10px;}
.list-type li div.desc {color:#999999;font-size:14px;}
.list-type li div.tel {
    background:url('/data/skin/default_gl/gextends/images/ico/ico-tel.png') no-repeat 0 center;padding-left:50px;color:#f36910;font-size:35px;
    height:40px;line-height:40px;
}
.list-type li div.yellow {color:#ffc000;font-weight:bold;height:30px;line-height:30px;} 
.list-type.len3 li {width:33.33%;}
.list-type.len3 li + li {border-left-width:0}
.list-type .large {font-size:1.5em;}

.list-type.type02 {border:1px solid #f36910;padding:20px;}
.list-type.type02 li {border-left-width:0}
.list-type.type02 li + li {border-left:1px dotted #dddddd}

/* box */
.boxes {box-sizing:border-box;width:100%;display:block}
.boxes:after {content:'';display:block;clear:both;}
.boxes > li.bggray {background-color:#eeeeee;}
.boxes div {box-sizing:border-box;}
.boxes div.img-wrap {position:relative;float:left;width:40px;height:40px;line-height:40px;display:inline-block;margin-right:25px;}
.boxes div.img-wrap img {position:absolute;top:0;bottom:0;margin:auto;}
.boxes > li {float:left;width:25%;box-sizing:border-box;border:2px solid #eeeeee;border-bottom-width:0;border-right-width:0;padding:30px;height:100px;position:relative;}
.boxes > li + li + li + li + li {border-bottom-width:2px;}
.boxes li:nth-child(4n) {border-right-width:2px;}
.boxes.len4 > li{width:25%;}

.boxes.ty2 li {height:240px;padding:0px;border:0px solid red;}
.boxes.ty2 .img-wrap {width:100%;height:55px;margin-bottom:20px}
.boxes.ty2 .title {font-size:1.1em;font-weight:bold;margin-bottom:10px;}
.boxes.ty2 .desc {color:#555555;font-size:12px;letter-spacing:-0.7px;line-height:1.5}

.boxes.ty3 > li {height:300px;padding:0px 0px 20px 0px;border:0px solid red;color:#555555;font-size:13px}
.boxes.ty3 > li > li {color:#000000;}
.boxes.ty3 .btn-wrap {position:absolute;bottom:0;left:0;}


.barchargelater {position:relative;width:160px;text-align:left;font-weight:bold;}

.comment {width:100%;margin:0 auto;box-sizing:border-box;}
.comment .frm {font-size:14px;color:#4a4a4a;padding:10px;}
.comment .frm {position:relative;margin:0 auto;border:1px solid #e2e2e2;}
.comment .frm:after {clear:both;display:block;content:''}
.comment .frm .user-ico {float:left;position:relative;border-right:1px solid #c2c2c2;background-color:#ffffff;}
.comment .frm .user-ico a {width:57px;height:90px;line-height:90px;display:block;text-align:center;}
.comment .frm .user-ico a:after {clear:both;display:block;content:'��';position:absolute;width:100%;left:0;top:30px}
.comment .frm .user-ico img {vertical-align:middle;}
.comment .frm ul {float:left;border:1px solid #c2c2c2;display:block;position:absolute;left:-1px;top:90px;background-color:#ffffff}
.comment .frm ul li {float:left;height:55px;line-height:55px;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.comment .frm ul li a {width:55px;height:55px;line-height:55px;text-align:center;display:inline-block;}
.comment .frm ul li:last-child {border-right:1px solid #e8e8e8;}
.comment .frm ul li:nth-child(6n+1) {clear:both;border-right-width:0}
.comment .frm ul li img {vertical-align:middle;}
.comment .frm .name {background-color:#ededed;height:30px;margin-bottom:10px;}
.comment .frm textarea {float:left;width:950px;width:calc(100% - 90px);height:90px;border:1px solid #bababa;padding:10px;box-sizing:border-box;}
.comment .frm input[type='submit'] {
    float:right;width:85px;height:90px;background-color:#ff6600;color:#ffffff;border:0px solid red;border-radius:0;box-sizing:border-box;
}

.comment .list > li {padding:25px 0px 25px 0px;border-bottom:1px solid #e8e8e8;box-sizing:border-box;}
.comment .list .user {vertical-align:top;padding-left:6px;line-height:10px;height:20px;color:#000000}
.comment .list .user img {margin-right:10px;margin-bottom:-5px;}
.comment .list .user .date {float:right;}
.comment .list .txt {padding-left:5px;padding-top:10px;padding-bottom:15px;box-sizing:border-box;}
.comment .list .comment-btn {margin-left:30px;border:1px solid #c2c2c2;color:#292828;padding:5px;background-color:#ffffff;box-sizing:border-box;}

.pagenate {text-align:center;display:table;margin:0 auto;margin-top:20px;margin-bottom:10px;}/*margin-bottom:30px;*/
.pagenate ol li {float:left;width:30px;height:30px;line-height:28px;border:1px solid #c2c2c2;font-size:15px;text-align:center;color:#767676}
.pagenate ol li {border-left-width:0px;}
.pagenate ol li:first-child {border-left-width:1px}
.pagenate ol li a {width:100%;height:100%;display:inline-block;}
/* paging custom */
.pagenate ol li.on {background-color:#ff6600;border:1px solid #ff6600;color:#ffffff;margin-left:-1px;} /* border hide*/
.pagenate ol li.on a,.pagenate ol li.on a:visited {color:#ffffff;}
/* pagenate block margin */
.pagenate ol li {border-left-width:0px;}
.pagenate ol li.prev {margin-right:15px;border-right-width:1px}
.pagenate ol li.next {margin-left:15px;}
.pagenate ol li.next {border-left-width:1px;}
.pagenate ol li.prev+li {border-left-width:1px}

.bg-circle {font-size:18px;color:#ff6600;border-bottom:1px solid #f79559;height:50px;line-height:50px;text-align:center;margin-bottom:40px;padding-bottom:70px;}
.bg-circle:after {
    border-radius:15px;width:30px;height:30px;border:15px;background-color:#fe6d0c;
    position:absolute;top:55px;left:48%;left:calc(50% - 10px);content:'';
}
.bg-circle:before {
    border-radius:20px;width:40px;height:40px;border:20px;background-color:#f9aa7a;
    position:absolute;top:50px;left:47%;left:calc(50% - 15px);content:'';
}
.gbtn {display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;text-decoration:none !important;vertical-align:middle;white-space:nowrap;cursor:pointer}
/* .gbtn.orange {background-color:#f79559;color:#ffffff !important;padding:10px 15px 10px 15px;} */


/* faq */
dl.faq{ }
dl.faq dd {padding-left:15px;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ededed;position:relative}
dl.faq dt a:before {content:'Q.';font-size:20px;color:#ff6600; }
dl.faq dt a.qna_noresult:before {content:'!! ' !important; }
dl.faq dt a {
    padding-top:15px;padding-bottom:15px;width:100%;height:100%;display:inline-block;box-sizing:border-box;
    padding-left:15px;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ededed;position:relative;
}
dl.faq dt {cursor:pointer;}
dl.faq dt .qtxt {color:;}
dl.faq dd {border-bottom:1px solid #bfbfbf;}
dl.faq dt a:after {
    background:url('./../images/ico/ico_arrow_down.png') no-repeat center center;
    position:absolute;right:15px;top:40%;
    display:inline-block;content:'';width:18px;height:11px;
}
dl.faq dt a.on:after {
    background:url('./../images/ico/ico_arrow_up.png') no-repeat center center;
}
dl.faq dd {background-color:#f8f8f8;padding:30px 20px 30px 50px;background-color:#fafafa; }
dl.faq dd:before { 
	position:absolute;left:20px;top:-5px;
	background:url('/data/skin/default_gl/gextends/images/ico/ico-re.png') no-repeat 0px 0px;content:'';display:inline-block;
	width:50px;height:50px;top:10px;padding-left:35px;margin-right:20px;display:none;
}
dl.faq dd.hide {display:none;}
dl.faq dd.show {display:block;}