@charset "utf-8";
/* CSS Document */
/* 영역구분 */
#wrap {width:100%; min-width:320px; text-align:center;}
.wrap {display:inline-block; vertical-align:middle; width:100%; margin:0 auto;}
.area.div1 li, .area.div2 li, .area.div3 li, .area.div4 li, .area.div5 li, .area.div6 li, .area.div7 li, .area.div8 li, .area.div9 li, .area.div10 li, .area.div11 li, .area.div12 li {display:inline; float:left;}
.area.div1 li {width:100%;}
.area.div2 li {width:50%;}
.area.div3 li {width:33.333333%;}
.area.div4 li {width:25%;}
.area.div5 li {width:20%;}
.area.div6 li {width:16.666666%;}
.area.div7 li {width:14.285714%;}
.area.div8 li {width:12.5%;}
.area.div9 li {width:11.111111%;}
.area.div10 li {width:10%;}
.area.div11 li {width:9.090909%;}
.area.div12 li {width:8.333333%;}
/* 컬러 */
.cm {color:#6B3CEC !important;}		/* 메인 */
.cs {color:#124479 !important;}		/* 서브 */
.cp {color:#e55958 !important;}		/* 서브 - 핑크 */
.cg {color:#bcc613 !important;}		/* 서브 - 그린 */
.cy {color:#f8981d !important;}		/* 서브 - 옐로우 */
.ck {color:#000000 !important;}		/* 검은색 */
.cw {color:#ffffff !important;}		/* 흰색 */
.cb {color:#282828 !important;}		/* 어두운 회색 */
.ca {color:#474747 !important;}		/* 옅은 회색 */
.ci {color:#b2b1b1 !important;}		/* 밝은 회색 */
.cr {color:#fa1416 !important;}		/* 붉은색 */
/* 타이틀 */
.title {display:inline-block; vertical-align:middle; font-weight:400; font-size:14px; line-height:30px; word-wrap:normal; word-break:keep-all;}
.title.light, .title .light {font-weight:300;}
.title.bold, .title .bold {font-weight:500;}
.title.t1 {font-size:35px; line-height:40px;}
.title.t2 {font-size:20px; line-height:30px;}
.title.t3 {font-size:18px; line-height:30px;}
.title span {display:inline-block; vertical-align:middle; width:100%;}
/* 텍스트 */
.text {font-size:14px; font-weight:400; line-height:26px; word-wrap:normal; word-break:keep-all;}
.text.light, .text .light {font-weight:300;}
.text.bold, .text .bold {font-weight:500;}
.text.event, .text .event {font-size:40px; line-height:50px;}
.text.giant {font-size:20px; line-height:30px;}
.text .giant {font-size:16px; line-height:20px} 
.text .giant mark { font-size:20px; line-height:30px;}
.text.big, .text .big {font-size:18px; line-height:28px;}
.text.middle, .text .middle {font-size:16px; line-height:26px;}
.text.small, .text .small {font-size:13px; line-height:23px;}
.text.tiny, .text .tiny {font-size:12px; line-height:22px;}
.text.link, .text .link {color:#282828; text-align:left !important;}
.text.link:hover, .text .link:hover {color:#6B3CEC;}
.text.link.full, .text .link.full {display:block; width:auto;}
.text img {display:inline-block; vertical-align:middle; max-width:100%; height:auto; margin:0;}
.text span {display:inline-block; vertical-align:middle;}
.text input {display:inline-block; vertical-align:middle;}
.text label {cursor:pointer;}
.overflow {min-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
/* 아이콘 공통 설정 임시 */
.noti_area li .icon_ex, 
.noti_area li .btn_icon_close:after,
/* 닫기버튼 */
.btn_x {vertical-align:middle; position:absolute; left:0; top:0; z-index:99999; width:48px; height:48px; overflow:hidden;}
.btn_x i {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:20px; height:2px; border-radius:2px; margin-top:-1px; margin-left:-10px; background-color:#333; transition:0.2s;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.btn_x i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0;   width:100%; height:100%; border-radius:2px; background-color:#333; transition:0.2s;top:0; -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
/*.btn_x i:after {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:6px; width:50%; height:100%; border-radius:2px; background-color:#333; transition:0.2s;}*/
.btn_x i {  }
.btn_x i:before {}
/*.btn_x i:after {top:60px; background:none;}*/
/*
.btn_x i {background-color:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
.btn_x i:before {background-color:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
.btn_x i:after {background-color:#fff; box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
*/
/* 꾸밈 */
.img {background-repeat:no-repeat; background-position:center; background-size:cover;}
.img img {max-width:100%; height:auto;}
.img.full img {width:100%; height:auto;}
.img.nospace {font-size:0; line-height:0;}
.bg {background-color:#f0f0f0 !important;}	/* 기본 */
.bgm {background-color:#6B3CEC !important;}	/* 메인 */
.bgs {background-color:#124479 !important;}	/* 서브 */
.bgp {background-color:#e55958 !important;}	/* 서브 - 핑크 */
.bgg {background-color:#bcc613 !important;}	/* 서브 - 그린 */
.bgy {background-color:#fffde8 !important;}	/* 서브 - 옐로우 */
.bgw {background-color:#ffffff !important;}	/* 흰색 */
.bga {background-color:#626262 !important;}	/* 옅은 회색 */
.bgi {background-color:#f8f8f8 !important;}	/* 옅은 회색 */
.bgb {background-color:#b2b1b1 !important;}	/* 옅은 회색 */
.bgv {background-color:#f0edf7 !important;}	/* 옅은 보라 */
.bullet.service {position:relative; padding-left:27px;}
.bullet.service:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:50%; width:24px; height:24px; margin-top:-12px; background-image:url("/static/images/common/icon_m_service.png"); background-repeat:no-repeat; background-size:300% auto;}
.bullet.service.water:before {background-position:left top;}
.bullet.service.snow:before {background-position:center top;}
.bullet.service.golf:before {background-position:right top;}
.bullet.service.shop:before {background-position:left center;}
.bullet.icon {position:relative; padding-left:25px;}
.bullet.icon:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:50%; width:20px; height:20px; margin-top:-10px; background-image:url("/static/images/common/icon_bullet.png"); background-repeat:no-repeat; background-size:200% auto;}
.bullet.icon.check:before {background-position:right top;}
.bullet.t1 {position:relative; padding-left:12px;}
.bullet.t1:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-3px; border:#6B3CEC solid 2px; border-radius:10px;}
.bullet.text li {position:relative; padding-left:10px;}
.bullet.text li:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:11px; width:4px; height:4px; background-color:#b2b1b1;}
.bullet.text.giant li:before {top:13px;}
.bullet.text.big li:before {top:12px;}
.bullet.text.middle li:before {top:11px;}
.bullet.text.small li:before {top:9px;}
.bullet.text.tiny li:before {top:9px;}
.tag {padding:0 8px; border-radius:30px; background-color:#b2b1b1; color:#fff;}
.tag.t1 {background-color:#0078aa;}
.arrow {position:relative;}
.arrow:before {content:""; display:inline-block; vertical-align:middle; position:absolute; top:50%; width:7px; height:1px; margin-top:-3px; border-radius:2px; background-color:#6B3CEC;}
.arrow:after {content:""; display:inline-block; vertical-align:middle; position:absolute; bottom:50%; width:7px; height:1px; margin-bottom:-3px; border-radius:2px; background-color:#6B3CEC;}
.arrow.right {padding-right:20px;}
.arrow.right:before {right:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.arrow.right:after {right:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.arrow.left {padding-left:20px;}
.arrow.left:before {left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); transform:rotate(-45deg);}
.arrow.left:after {left:0; transform:rotate(45deg);}
.arrow.t0:before {top:50%; z-index:2; width:8px; height:8px; margin-top:-3px; border-top:#4C5264 solid 1px; border-right:#4C5264 solid 1px; border-radius:1px; background:none;}
.arrow.t0:after {z-index:1; width:16px; height:16px; margin-bottom:-8px; border-radius:50%; background-color:transparent;}
.arrow.t0.right:before {right:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.arrow.t0.right:after {right:0;}
.arrow.t0.left:before {left:6px; transform:rotate(-135deg);}
.arrow.t0.left:after {left:0;}
.arrow.t1:before {top:50%; z-index:2; width:5px; height:5px; margin-top:-3px; border-top:#fff solid 1px; border-right:#fff solid 1px; border-radius:0; background:none;}
.arrow.t1:after {z-index:1; width:16px; height:16px; margin-bottom:-8px; border-radius:50%; background-color:#e55958;}
.arrow.t1.right:before {right:6px; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.arrow.t1.right:after {right:0;}
.arrow.t1.left:before {left:6px; transform:rotate(-135deg);}
.arrow.t1.left:after {left:0;}
.arrow.t2:before {top:50%; z-index:2; width:5px; height:5px; margin-top:-3px; border-top:#fff solid 1px; border-right:#fff solid 1px; border-radius:0; background:none;}
.arrow.t2:after {z-index:1; width:16px; height:16px; margin-bottom:-8px; border-radius:50%; background-color:#6B3CEC;}
.arrow.t2.right:before {right:6px; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.arrow.t2.right:after {right:0;}
.arrow.t2.left:before {left:6px; transform:rotate(-135deg);}
.arrow.t2.left:after {left:0;}
.line.ba {border:#e3e3e3 solid 1px;}
.line.bt {border-top:#e3e3e3 solid 1px;}
.line.bl {border-left:#e3e3e3 solid 1px;}
.line.br {border-right:#e3e3e3 solid 1px;}
.line.bb {border-bottom:#e3e3e3 solid 1px;}
.line.bt.dashed {border-top-style:dashed;}
.line.bl.dashed {border-left-style:dashed;}
.line.br.dashed {border-right-style:dashed;}
.line.bb.dashed {border-bottom-style:dashed;}
.line.w2 {width:auto; border: none; /*border-width:2px;*/ } /* 20191205 더보기 수정 */
.line.w3 {width:auto; border-width:3px;}
.line.w4 {width:auto; border-width:4px;}
.line.w5 {width:auto; border-width:5px;}
.line.bci {border-color:#f0f0f0;}
.line.bcb {border-color:#282828;}
.line.bcm {border-color:#6B3CEC;}
.line.t1 {border-color:rgba(255, 255, 255, 0.08); box-shadow:0 1px 0 rgba(0, 0, 0, 0.2);}
.box {overflow:hidden; border:#e3e3e3 solid 1px;}
.box.w2 {width:auto; border-width:2px;}
.box.w3 {width:auto; border-width:3px;}
.box.w4 {width:auto; border-width:4px;}
.box.w5 {width:auto; border-width:5px;}
.box.bci {border-color:#f0f0f0;}
.box.bcb {border-color:#626262;}
.box.bcm {border-color:#6B3CEC;}
.box.t1 {position:relative; overflow:visible; padding-bottom:10px; border:none;}
.box.t1 .box_wrap {position:relative; z-index:3; padding:0 30px; border-radius:2px; background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
.box.t1 .box_deco {display:inline-block; vertical-align:middle; position:relative; width:100%; height:8px; border-bottom:#e3e3e3 dashed 2px;}
.box.t1 .box_deco:before {content:""; position:absolute; left:-40px; top:0; width:20px; height:20px; border-radius:0 10px 10px 0; background-color:#f0f0f0; box-shadow:inset -3px 0 1px rgba(0, 0, 0, 0.06);}
.box.t1 .box_deco:after {content:""; position:absolute; right:-40px; top:0; width:20px; height:20px; border-radius:10px 0 0 10px; background-color:#f0f0f0; box-shadow:inset 3px 0 1px rgba(0, 0, 0, 0.06);}
.box.t1 .box_title {display:inline-block; vertical-align:middle; width:100%; height:30px; margin-left:-30px; padding:15px 30px;}
.box.t1 .box_title .text {line-height:30px;}
.box.t1:before {content:""; position:absolute; left:10px; right:10px; bottom:5px; z-index:2; height:50px; border-radius:2px; background-color:#f5f5f5; box-shadow:0 1px 9px rgba(0, 0, 0, 0.3);}
.box.t1:after {content:""; position:absolute; left:20px; right:20px; bottom:0; z-index:1; height:50px; border-radius:2px; background-color:#e5e5e5; box-shadow:0 2px 8px rgba(0, 0, 0, 0.4);}
.box.t2 {border:none; border-radius:2px; background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
.box.t3 {position:relative; overflow:visible; border:none; border-radius:2px; background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
.box.t3 .box_deco {display:inline-block; vertical-align:middle; position:relative; width:100%; height:8px; border-bottom:#f0f0f0 dashed 2px;}
.box.t3 .box_deco:before {content:""; position:absolute; left:-10px; top:0; width:20px; height:20px; border-radius:0 10px 10px 0; background-color:#f0f0f0; box-shadow:inset -3px 0 1px rgba(0, 0, 0, 0.06);}
.box.t3 .box_deco:after {content:""; position:absolute; right:-10px; top:0; width:20px; height:20px; border-radius:10px 0 0 10px; background-color:#f0f0f0; box-shadow:inset 3px 0 1px rgba(0, 0, 0, 0.06);}
.box.t4 {position:relative; overflow:visible; border:none; border-radius:2px; background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
.box.t4 .box_deco {display:inline-block; vertical-align:middle; position:relative; width:100%; height:8px; border-bottom:#f0f0f0 dashed 2px;}
.box.t4 .box_deco:before {content:""; position:absolute; left:-10px; top:0; width:20px; height:20px; border-radius:0 10px 10px 0; background-color:#fff; box-shadow:inset -3px 0 1px rgba(0, 0, 0, 0.06);}
.box.t4 .box_deco:after {content:""; position:absolute; right:-10px; top:0; width:20px; height:20px; border-radius:10px 0 0 10px; background-color:#fff; box-shadow:inset 3px 0 1px rgba(0, 0, 0, 0.06);}
.box.t5 {position:relative; overflow:visible; border:none; border-radius:2px; background-color:#fff; box-shadow:0 0 7px rgba(0, 0, 0, 0.1);}
.box.t5:before {content:""; position:absolute; left:0; top:0; z-index:2; width:4px; height:100%; border-radius:2px 0 0 2px; background-color:#6B3CEC;}
.box.t5 .box_deco {display:inline-block; vertical-align:middle; position:absolute; right:90px; top:0; width:5px; height:100%; border-right:#e3e3e3 dashed 1px;}
.box.t5 .box_deco:before {content:""; position:absolute; left:0; top:-5px; z-index:1; width:10px; height:10px; border-radius:0 0 10px 10px; background-color:#fff; box-shadow:inset 0 -2px 1px rgba(0, 0, 0, 0.06);}
.box.t5 .box_deco:after {content:""; position:absolute; left:0; bottom:-5px; z-index:1; width:10px; height:10px; border-radius:10px 10px 0 0; background-color:#fff; box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.06);}
.box.t5 .box_txt {padding:15px 110px 15px 30px; text-align:left;}
.box.t5 .box_tail {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; width:90px; height:100%;}
.box.t5 .box_effect {display:inline-block; vertical-align:middle; position:absolute; right:-4px; top:0; width:8px; height:100%; overflow:hidden;}
.box.t5 .box_effect:first-child { left:-4px;}
.box.t5 .box_effect i {display:inline-block; vertical-align:middle; position:absolute; left:0; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:4px 0 0 4px; background:#fff; box-shadow:inset 2px 0 1px rgba(0, 0, 0, 0.06);}
.box.t5 .box_effect i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:-14px; width:8px; height:8px; border-radius:4px 0 0 4px; background:#fff; box-shadow:inset 2px 0 1px rgba(0, 0, 0, 0.06);}
.box.t5 .box_effect i:after {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:14px; width:8px; height:8px; border-radius:4px 0 0 4px; background:#fff; box-shadow:inset 2px 0 1px rgba(0, 0, 0, 0.06);}
.box.t5 .box_effect i.be2 {margin-top:38px;}
.box.t5 .box_effect i.be3 {margin-top:-46px;}
.box.t6 {position:relative; overflow:visible; border:none; border-radius:2px; background-color:#fff; box-shadow:0 0 7px rgba(0, 0, 0, 0.1);}
.box.t6:before {content:""; position:absolute; left:0; top:0; z-index:2; width:4px; height:100%; border-radius:2px 0 0 2px; background-color:#e55958;}
.box.t6 .box_deco {display:inline-block; vertical-align:middle; position:absolute; right:90px; top:0; width:5px; height:100%; border-right:#e3e3e3 dashed 1px;}
.box.t6 .box_deco:before {content:""; position:absolute; left:0; top:-5px; z-index:1; width:10px; height:10px; border-radius:0 0 10px 10px; background-color:#f0f0f0; box-shadow:inset 0 -2px 1px rgba(0, 0, 0, 0.06);}
.box.t6 .box_deco:after {content:""; position:absolute; left:0; bottom:-5px; z-index:1; width:10px; height:10px; border-radius:10px 10px 0 0; background-color:#f0f0f0; box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.06);}
.box.t6 .box_txt {padding:15px 110px 15px 30px; text-align:left;}
.box.t6 .box_tail {display:inline-block; vertical-align:middle; position:absolute; right:0; top:0; width:90px; height:100%;}
.box.t6 .box_effect {display:inline-block; vertical-align:middle; position:absolute; right:-4px; top:0; width:8px; height:100%; overflow:hidden;}
.box.t6 .box_effect i {display:inline-block; vertical-align:middle; position:absolute; left:0; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:4px 0 0 4px; background:#f0f0f0; box-shadow:inset 2px 0 1px rgba(0, 0, 0, 0.06);}
.box.t6 .box_effect i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:-14px; width:8px; height:8px; border-radius:4px 0 0 4px; background:#f0f0f0; box-shadow:inset 2px 0 1px rgba(0, 0, 0, 0.06);}
.box.t6 .box_effect i:after {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:14px; width:8px; height:8px; border-radius:4px 0 0 4px; background:#f0f0f0; box-shadow:inset 2px 0 1px rgba(0, 0, 0, 0.06);}
.box.t6 .box_effect i.be2 {margin-top:38px;}
.box.t6 .box_effect i.be3 {margin-top:-46px;}
.shadow {box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
/* 탭 */
/* 1depth tab style */
.tab {text-align:center;}
.tab ul {display:inline-block; vertical-align:middle; width:100%; /*background-color:#ffffff;*/}
.tab ul.fl {width:auto;}
.tab ul.fr {width:auto;}
.tab li {display:inline; float:left; position:relative;}
.tab a {display:block; width:100%; height:48px;line-height:48px;  background-color:#fff; font-size:14px; color:#282828; text-align:center;}
.tab a:hover {color:#6B3CEC;}
.tab li.start a {margin:0;}
.tab a.on {color:#6B3CEC;}
.tab a.on:before {content:""; position:absolute; left:0; bottom:0; z-index:1; display:inline-block; vertical-align:middle; width:100%; height:3px; background-color:#6B3CEC;}
.tab.div1 li {width:100%;}
.tab.div2 li {width:50%;}
.tab.div3 li {width:33.333333%;}
.tab.div4 li {width:25%;}
.tab.div5 li {width:20%;}
.tab.div6 li {width:16.666666%;}
.tab.div7 li {width:14.285714%;}
.tab.div8 li {width:12.5%;}
.tab.div9 li {width:11.111111%;}
.tab.div10 li {width:10%;}
.tab.div11 li {width:9.090909%;}
.tab.div12 li {width:8.333333%;}
.tab.div1 li a, .tab.div2 li a, .tab.div3 li a, .tab.div4 li a, .tab.div5 li a, .tab.div6 li a, .tab.div7 li a, .tab.div8 li a, .tab.div9 li a, .tab.div10 li a, .tab.div11 li a, .tab.div12 li a {padding:0;}
.tab.t1 {padding:0 20px; background-color:#fff;}
.tab.t1 ul {background:none;}
.tab.t1 a {background:none; color:#282828;}
.tab.t1 a:hover, .tab.t1 a.on {color:#6B3CEC;}
.tab.t1 a.on:before {height:2px; background-color:#6B3CEC;}

/*  2depth 탭스타일 */
.tab.t2 {padding:0 5%;background-color:#f8f8f8;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);height:40px;}
.tab.t2 ul{margin-top:9px;width:100%;box-sizing: border-box;border: #e3e3e3 solid 2px;border-radius: 20px;background: none;}
.tab.t2 li{ float: left; }
.tab.t2 li:only-child { width: 100%; }                          /* 노드가 하나일 때 선택 */
.tab.t2 li:first-child:nth-last-child(2),                       /* 노드가 둘 일 때, 1번 노드 선택 */
.tab.t2 li:first-child:nth-last-child(2)+li { width: 50%; }     /* 노드가 둘 일 때, 2번 노드 선택 */
.tab.t2 li:first-child:nth-last-child(3),                       /* 노드가 셋 일 때, 1번 노드 선택 */
.tab.t2 li:first-child:nth-last-child(3)~li { width: 33.33%; }  /* 노드가 셋 일 때, 2~3번째 노드 선택 */
.tab.t2 li:first-child:nth-last-child(4),                       /* 노드가 넷 일 때, 1번 노드 선택 */
.tab.t2 li:first-child:nth-last-child(4)~li { width: 25%; }     /* 노드가 넷 일 때, 2~4번째 노드 선택 */
.tab.t2 a {height:20px; background-color:transparent;font-size:13px; color:#b2b1b1; line-height:17px;border-radius:20px;box-sizing:border-box;padding:0 12px;/*border:solid 1px #6B3CEC; min-width:76px; */ }
.tab.t2 a:hover {color:#6B3CEC;}
.tab.t2 a.on {background-color:#6B3CEC; color:#fff;font-weight:500;margin:-2px;border-radius: 20px; border:solid 2px #6b3cec;height:24px;line-height:20px;}

/*.tab.t2 li:first-child:nth-last-child(2) + li a.on {margin: -2px 2px -2px;}     /* 노드가 둘 일 때, 2번 노드 선택 */

.tab.t2 a.on:before {display:none;}
/* 스탭 */
.step {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
.step ol {display:inline-block; vertical-align:middle; width:100%;}
.step li {display:inline; float:left; position:relative;}
.step i {display:inline-block; vertical-align:middle; width:40px; height:40px; border-radius:50px; background-color:#b2b1b1; font-size:20px; font-weight:500; color:#fff; line-height:40px; text-align:center;}
.step span {display:inline-block; vertical-align:middle; width:100%; margin-top:5px; font-size:14px; font-weight:500; color:#b2b1b1; line-height:20px; text-align:center;}
.step .on i {background-color:#6B3CEC;}
.step .on span {color:#6B3CEC;}
.step.div1 li {width:100%;}
.step.div2 li {width:50%;}
.step.div3 li {width:33.333333%;}
.step.div4 li {width:25%;}
.step.div5 li {width:20%;}
.step.div6 li {width:16.666666%;}
.step.div7 li {width:14.285714%;}
.step.div8 li {width:12.5%;}
.step.div9 li {width:11.111111%;}
.step.div10 li {width:10%;}
.step.div11 li {width:9.090909%;}
.step.div12 li {width:8.333333%;}
/* 테이블 */
.table {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
.table table {width:100%; border-top:#6B3CEC solid 2px;}
.table caption {border-bottom:1px solid #f0f0f0;}
.table th {padding:10px 0px; border:#e3e3e3 solid 1px; background-color:#f6f6f6;}
.table td {padding:7px 5px; border:#e3e3e3 solid 1px;}
.table th:first-child {border-left:none;}
.table th:last-child {border-right:none;}
.table td:first-child {border-left:none;}
.table td:last-child {border-right:none;}
.table.t1 table {border-top:#282828 solid 1px;}
.table.t1 th {padding:3px 0px; border-top:none;}
.table.t1 td {padding:2px; border-top:none;}
/* 폼태그 - 환경설정, 글쓰기 */
.form {display:inline-block; vertical-align:middle; width:100%; text-align:left;}
.form fieldset {border-bottom:1px solid #f0f0f0;}
.form .f_wrap {display:inline-block; vertical-align:middle; width:100%; border-bottom:#f0f0f0 solid 1px;}
.form .f_wrap:last-child {border-bottom:none;}
.form .f_field {display:inline-block; vertical-align:middle; float:left; position:relative; width:100%;}
.form .f_field .ff_title {position:absolute; left:20px; top:8px;font-size:15px; font-weight:500; color:#707070; letter-spacing:0; line-height:34px;}
.form .f_field .ff_title label {position:relative;}
.form .f_field .ff_wrap {display:block; position:relative; min-height:34px; margin-left:100px; padding:8px 20px; font-size:0;}
.form .f_field input, .form .f_field select, .form .f_field label, .form .f_field span {display:inline-block; vertical-align:middle;}
.form .f_field .ff_wrap.option {min-height:34px; margin-top:0; line-height:34px;}
.form .f_field .ff_wrap.option span {margin-right:15px;}
.form .f_field .ff_wrap.option input {margin-right:5px;}
.form .f_field .ff_wrap.content {min-height:34px; margin-top:0; line-height:34px;}
.form .f_field .ff_wrap.code {padding-right:120px !important;}
.form .f_field .ff_wrap.nospace {padding-top:0;}
/* 
.form .f_field.loc {height:125px}
.form .f_field.loc .ff_title {width: calc(100% - 32px) }
.form .f_field.loc .ff_title:before { top:20px;}
.form .f_field.loc .ff_title ul {position: relative;margin:0; padding:0; display:block}
.form .f_field.loc .ff_title ul li {margin:0; padding:0; position:relative  }
.form .f_field.loc .ff_title .ff_title2{display:inline-block;}
.form .f_field.loc .ff_title ul .tiny{ font-size:12px; position:absolute; right:20px}
*/
.form .f_field .ff_wrap .checkbox {padding:3px 15px 3px 25px;}
.form .f_field .ff_wrap .checkbox label i {left:0; top:11px;}
.form .f_field .ff_group {float:left; margin:5px;}
.form .f_field .ff_group.div1 {width:calc(100% - 10px);}
.form .f_field .ff_group.div2 {width:calc(50% - 10px); min-width:150px;}
.form .f_field .ff_btn {display:inline-block; vertical-align:middle; position:absolute; right:0; top:5px;}
.form .f_field.div1 {width:100%;}
.form .f_field.div2 {width:50%;}
.form .f_field.div3 {width:33.333333%;}
.form .f_field.div4 {width:25%;}
.form .f_field.div5 {width:20%;}
.form .f_field.div6 {width:16.666666%;}
.form .f_field.div7 {width:14.285714%;}
.form .f_field.div8 {width:12.5%;}
.form .f_field.div9 {width:11.111111%;}
.form .f_field.div10 {width:10%;}
.form.t1 .f_wrap {border-bottom:none;}
.form.t1 .f_field .ff_title {display:none;}
.form.t1 .f_field .ff_title:before {display:none;}
.form.t1 .f_field .ff_wrap {margin-left:0; padding:5px 0;}
.form.t2 .f_field .ff_wrap {margin-left:150px;}
input[type="number"],
input[type="tel"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"]{}
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus{border-color:#6B3CEC}
input::-webkit-input-placeholder{padding-top:.3rem;font-weight:300;color:#b4b4b4;font-size:16px;/*font-size:.8125rem;*/}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display:none}
/* iOS에서 패스워드를 키패드로 바꿀 경우  */
/* 인증번호가 ***로 표시되어  속성 제거  */
input[type="number"]{/*-webkit-text-security:disc;*/ } 
/* ie 에서 */
input[type="text"]::-ms-clear{display:none;}
input[type="password"]::-ms-clear{display:none;}
button[disabled]{background-color:#ccc!important;color:#fff!important;border:none;}
/* bg */
.ico_com{display:inline-block;background:url(/static/images/common/bg_icon.png) no-repeat;background-size:10rem auto;vertical-align:middle;color:transparent;white-space:nowrap;text-indent:-1000rem}
.ico_adr{width:1.625rem;height:1.875rem;background-position:0 0}
.ico_ios{width:1.5625rem;height:1.75rem;background-position:-2.28125rem 0}
.ico_x{width:1rem;height:1rem;background-position:-4.375rem 0}
.ico_x2{width:1rem;height:1rem;background-position:-8.84375rem 0}
.ico_x3{width:1rem;height:1rem;background-size:10rem; background-position:-5.375rem -5.375rem}
.ico_v{width:1rem;height:1rem;background-position:-4.375rem  -1.45rem}
.ico_refresh{width:.9375rem;height:.9375rem;background-position:-5.90625rem 0}
.ico_down{width:1.03125rem;height:.9375rem;background-position:-7.1875rem 0}
/*
button{cursor:pointer;border:none;background:none;-webkit-appearance:none}
select{overflow:hidden;white-space:nowrap;width:100%;height:3rem;background:url(/img/CheckPlusSafeModel/images/mobile/select_arr.png) no-repeat 100% 50%;background-size:auto .375rem;border:1px solid #e0e0e0;padding:0 1.2rem 0 .78125rem;text-align:left;font-size:1.0625rem;color:#3e3e3e}*/

.input-cell {position:relative;display:inline-block;}
.input-cell input{border:0;padding:0;height:1.8rem;border-left:none; border-top:none; border-right:none; }
.input-cell label{font-weight:300;font-size:.6875rem;color:#ccc}
.input-cell.focus{border:1px solid #818487;z-index:1}
.input-cell{display:block;position: relative;}
.input-cell input {background-color:transparent;}
/* 입력 삭제 & 확인 */
.input_check{/*padding-right:1.5625rem*/}
.input_check .btn_del{display:none;position:absolute;top:0.6rem;right:0;padding:.5rem;z-index:1}
.input_check .btn_ok{display:none;position:absolute;top:0.6rem;right:0;padding:.5rem;z-index:1}
.input_check .btn_del .ico_com{vertical-align:top;width:1rem;height:1rem;background-position:-4.375rem 0}
.input_check .btn_ok .ico_com{vertical-align:top;width:1rem;height:1rem;background-position:-4.375rem  -1.45rem}
/* 폼스타일 */
.input {display:block; vertical-align:middle; box-sizing:border-box; width:100%; height:34px; margin:0; padding:0; border:#e3e3e3 solid 1px; border-radius:0; background-color:#fff;
	font-size:14px; color:#282828; letter-spacing:0px; line-height:32px; text-align:left; text-indent:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.select {display:block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; height:34px; margin:0; padding:0 10px; border:#e3e3e3 solid 1px; border-radius:0; background-color:#fff; background-image:url("/static/images/common/icon_select.png"); background-repeat:no-repeat; background-position:right -4px; background-size:12px auto;
	font-size:14px; color:#282828; letter-spacing:0px; line-height:32px; text-align:left; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
 /* 네이티브 외형 감추기 */
select.select::-ms-expand { display: none; }
select.select { 
 /* 
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    background: url(이미지 경로) no-repeat 95% 50%; 화살표 모양의 이미지 */
}
/* 20191122 게시판 border 삭제 */
.textarea {display:block; vertical-align:middle; box-sizing:border-box; width:100%; /*min-height:80px;*/ margin:0; /* border:#e3e3e3 solid 1px; */ border-radius:0; background-color:#fff; text-align:left; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size: 14px; line-height: 1.5em; }
@media (max-width:1023px) {
	.textarea {padding:0 10px;}
}
@media (min-width:1024px) {
	.textarea {padding:0 2%;}
}
/* 20191122 게시판 i font style italic 추가 */
.textarea i {font-style: italic;}
.file {display:block; vertical-align:middle; box-sizing:border-box; width:100%; height:34px; margin:0; padding:0; border:#e3e3e3 solid 1px; background-color:#fff;
	font-size:14px; color:#282828; letter-spacing:0px; line-height:32px; text-align:left; text-indent:2px !important; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.input:hover, .select:hover, .textarea:hover, .file:hover {border-color:#b2b1b1;}
.input.giant, .select.giant, .file.giant {height:50px; font-size:15px !important; line-height:48px !important;}
.input.big, .select.big, .file.big {height:40px; font-size:15px !important; line-height:38px !important;}
.input.small, .select.small, .file.small {height:30px; font-size:12px !important; line-height:28px !important;}
.input.t1, .select.t1, .file.t1 {border-color:#fff; font-size:16px !important;}
.checkbox {display:inline-block; vertical-align:middle; position:relative; padding:8px 20px 8px 50px;box-sizing:border-box;text-align:left;}
.checkbox input {display:none !important; float:left;}
.checkbox label {cursor:pointer;}
.checkbox label i {display:inline-block; vertical-align:middle; position:absolute; left:20px; top:16px; width:18px; height:18px; overflow:hidden; border:#e3e3e3 solid 1px; border-radius:9px; background-color:#fff;box-sizing:border-box;}
.checkbox label i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:8px; height:5px; margin-left:3px; margin-top:3px; border-bottom:solid 2px currentColor; border-left:solid 2px currentColor; color:#e3e3e3;  -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.checkbox input:checked + label i {border-color:#6B3CEC; background-color:#6B3CEC;}
.checkbox input:checked + label i:before {color:#fff;}
.checkbox label span {display:inline-block; vertical-align:middle; padding:5px 0; font-size:14px; color:#626262; line-height:24px;}
.checkbox input:checked + label span {color:#282828;}
.checkbox.text label i {display:inline-block; vertical-align:middle; position:absolute; left:20px; top:16px; width:16px; height:16px; overflow:hidden; border:#e3e3e3 solid 1px; border-radius:2px; background-color:#fff;}
.checkbox.text label span {display:inline-block; vertical-align:middle; padding:5px 0; font-size:14px; color:#626262; line-height:24px;}
.radio {display:inline-block; vertical-align:middle; position:relative; padding:8px 20px 8px 50px;}
.radio input {display:none !important; float:left;}
.radio label {cursor:pointer;}
.radio label i {display:inline-block; vertical-align:middle; position:absolute; left:20px; top:16px; width:16px; height:16px; overflow:hidden; border:#e3e3e3 solid 1px; border-radius:50%; background-color:#fff;}
.radio label i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; width:8px; height:5px; margin-left:3px; margin-top:3px; border-bottom:solid 2px currentColor; border-left:solid 2px currentColor; color:#e3e3e3;  -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.radio input:checked + label i {border-color:#6B3CEC; background-color:#6B3CEC;}
.radio input:checked + label i:before {color:#fff;}
.radio label span {display:inline-block; vertical-align:middle; padding:5px 0; font-size:14px; color:#626262; line-height:24px;}
.radio input:checked + label span {color:#282828;}
.radio.text label i {display:inline-block; vertical-align:middle; position:absolute; left:20px; top:16px; width:16px; height:16px; overflow:hidden; border:#e3e3e3 solid 1px; border-radius:2px; background-color:#fff;}
.radio.text label span {display:inline-block; vertical-align:middle; padding:5px 0; font-size:14px; color:#626262; line-height:24px;}
.toggle {display:inline-block; vertical-align:middle; position:relative; padding:6px 0;}
.toggle input {display:none !important; float:left;}
.toggle label {cursor:pointer;}
.toggle label i {display:inline-block; vertical-align:middle; position:relative; width:50px; height:22px; overflow:hidden; border-radius:20px; background-color:#b2b1b1; transition:0.2s;}
.toggle label i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:2px; top:2px; width:18px; height:18px; border-radius:10px; background-color:#fff; box-shadow:0 0 3px rgba(0, 0, 0, 0.3); transition:0.2s;}
.toggle label i:after {content:"OFF"; display:inline-block; vertical-align:middle; position:absolute; left:20px; right:4px; top:0; font-size:10px; color:#fff; line-height:22px; text-align:center; transition:0.2s;}
.toggle input:checked + label i {border-color:#6B3CEC; background-color:#6B3CEC;}
.toggle input:checked + label i:before {margin-left:28px;}
.toggle input:checked + label i:after {content:"ON"; display:inline-block; vertical-align:middle; position:absolute; left:4px; right:20px; top:0; font-size:10px; color:#fff; line-height:22px; text-align:center;}
.toggle label span {display:none;}
.toggle input:checked + label span {color:#282828;}
/* 20190506 .input 사이즈 설정 삭제 */
/* 버튼 */
/* 20190506 .btn-footer 영역 수정  S */
.btn-footer {position: relative;}
.btn-footer .btn_wrap {padding: 5px 10px;} /* 20191119 하단 버튼 수정 */
.btn-footer .btn_wrap:after{ content: "";  display: block; clear: both;}
.btn-footer {z-index: 10; width:100%;} /* 하단 btn footer 버튼 고정 삭제 */
.btn-footer ul.div2 li {width:50%; margin:0;}
.btn-footer ul.div3 li {width:33.333333%; margin:0;}
.btn-footer ul.div3 li:first-child {width:calc(33.333333% - 1px);border-right: solid 1px #999;}
.btn-footer li{ float: left; }
.btn-footer li:only-child { width: 100%; }                          /* 노드가 하나일 때 선택 */
@media (max-width:1023px) {
	.btn-footer li:first-child:nth-last-child(2),                       /* 노드가 둘 일 때, 1번 노드 선택 */
	.btn-footer li:first-child:nth-last-child(2)+li { width: 50%; }     /* 노드가 둘 일 때, 2번 노드 선택 */
	.btn-footer li:first-child:nth-last-child(3),                       /* 노드가 셋 일 때, 1번 노드 선택 */
	.btn-footer li:first-child:nth-last-child(3)~li { width: 33.33%; }  /* 노드가 셋 일 때, 2~3번째 노드 선택 */
	.btn-footer li:first-child:nth-last-child(4),                       /* 노드가 넷 일 때, 1번 노드 선택 */
	.btn-footer li:first-child:nth-last-child(4)~li { width: 25%; }     /* 노드가 넷 일 때, 2~4번째 노드 선택 */
	.btn-footer li:nth-last-child(2){border-left:solid 1px #999; box-sizing: border-box;}  /* 노드가 셋 일 때, 2번째 노드 구분선 */
	.btn-footer li:nth-last-child(3){border-left:solid 1px #999; box-sizing: border-box;}  /* 노드가 넷 일 때, 2,3번째 노드 구분선 */
	.btn_x {display:inline-block;}
}
@media (min-width:1024px) {
	.btn_x {display:none;}
}
.btn-footer li > a {display: block;height: 50px;line-height: 50px;text-align: center;text-decoration: none;color: #333;border: 1px solid #ccc;border-bottom: 0;background: #f8f8f8;}
/* 20190506 .btn-footer 영역 수정  E  */
.login_footer {width: 100%; margin-top: 20px; } /* 20191119 로그인화면 로그인버튼 수정 */
.btn {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; height:34px; border:#e2e2e2 solid 1px; background-color:#f8f8f8; font-size:14px; color:#666; line-height:32px; text-align:center;}
.btn:hover {border-color:#6b3cec; background-color:#6b3cec; color:#fff;}
.btn.t1 {background-color:#6b3cec; color:#fff;border:none;}
.btn.t1:hover {border-color:#6b3cec; background-color:#4f28ba; color:#fff;}
.btn.t2 {border-color:#767676; background-color:#767676; color:#fff;}
.btn.t2:hover {border-color:#626262; background-color:#626262; color:#fff;}
.btn.t3 {border-color:#472b96; background-color:#472b96; color:#fff;}
.btn.t3:hover {border-color:#124479; background-color:#124479; color:#fff;}
.btn.t4 {border-color:#e55958; background-color:#e55958; color:#fff;}
.btn.t4:hover {border-color:#e55958; background-color:#e55958; color:#fff;}s
.btn.t5 {border-color:#bcc613; background-color:#bcc613; color:#fff;}
.btn.t5:hover {border-color:#bcc613; background-color:#bcc613; color:#fff;}
.btn.t6 {border-color:#f8981d; background-color:#f8981d; color:#fff;}
.btn.t6:hover {border-color:#f8981d; background-color:#f8981d; color:#fff;}
.btn.giant {height:50px; font-size:16px; line-height:48px;}
.btn.big {height:40px; font-size:15px; line-height:38px;}
.btn.small {height:30px; font-size:12px; line-height:28px;}
.btn.square {width:34px;}
.btn.giant.square {width:50px;}
.btn.big.square {width:40px;}
.btn.small.square {width:30px;}

/* 20191121 알림페이지 전체 삭제 버튼 속성 추가 */
.alert_footer {z-index: 10; width: 100%; position: fixed; left: 0; right: 0;}
@media (min-width:1024px) {
	.alert_footer {position:relative; margin-top:10px; bottom: 0;}
}
@media (max-width:1023px) {
	.alert_footer {bottom: 56px;}
}
/* 20190506 .버튼 사이즈 설정 삭제 */
.btn .icon {display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:2px; background-color:#6B3CEC;}
.btn .icon.plus:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:2px; height:14px; margin-top:-7px; margin-left:-1px; border-radius:2px; background-color:#6B3CEC;}
.btn .icon.delete {transform:rotate(-45deg);}
.btn .icon.delete:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:50%; top:50%; width:14px; height:2px; margin-top:-1px; margin-left:-7px; border-radius:2px; background-color:#6B3CEC; transform:rotate(90deg);}
.btn:hover .icon {background-color:#fff;}
.btn:hover .icon:before {background-color:#fff;}
.btn .icon.calendar {width:20px; height:20px; margin-top:-10px; margin-left:-15px; border-radius:0; background-image:url("/static/images/common/ico_cal.png"); background-repeat:no-repeat; background-position:center; background-size:100% auto;background-color:transparent;}
.btn.cal {background-color:#f8f8f8; border:none; }
.btn.cal .ico {background-color:transparent;}
.btn.cal:hover .icon.calendar {background-color:#ece3ff;}

/* 페이징 */
.paging {display:inline-block; vertical-align:middle; width:100%; margin-top:40px; text-align:center;}
.paging .p_wrap {display:inline-block; vertical-align:middle;}
.paging .p_arrow {display:inline-block; vertical-align:middle; float:left; width:38px; height:38px; margin:0 10px; border:#e6e6e6 solid 1px;}
.paging .p_arrow:hover {border-color:#6B3CEC; background-color:#6B3CEC;}
.paging .p_arrow:hover i {color:#fff;}
.paging .p_arrow a {display:inline-block; vertical-align:middle; width:100%; height:100%;}
.paging .p_arrow i {display:inline-block; vertical-align:middle; width:100%; height:100%; font-size:16px; color:#474747; line-height:38px;}
.paging .p_btn {display:inline-block; vertical-align:middle; float:left; margin:0 10px; font-size:0;}
.paging .p_btn a {display:inline-block; vertical-align:middle; min-width:30px; height:40px; margin:0 2px; padding:0 5px; background-color:#fafafa; font-size:14px; color:#474747; line-height:40px;}
.paging .p_btn a:hover {background-color:#6B3CEC; color:#fff;}
.paging .p_btn .on {background-color:#6B3CEC; color:#fff;}