@charset "utf-8";

#map{float:left; margin-right:4%; width:47.7%; height:400px; border:1px solid #ddd; position:relative;}
.map_bottom{float:left; width:100%; height:16px; background:#00286c; color:#fff; bottom:0px; position:absolute; text-align:center; padding:16px 0; font-size:16px; z-index:10;}
#map2{float:left; width:47.7%; height:400px; border:1px solid #ddd;position:relative;}
.map2_bottom{float:left; width:100%; height:16px; background:#00286c; color:#fff; bottom:0px; position:absolute; text-align:center; padding:16px 0; font-size:16px; z-index:10;}

.sub_tit{font-size:40px; color:#111; text-align:center; font-weight:500; padding-bottom:10px; margin-top:-30px;}
.sub_tit2{font-size:45px; color:#011535; text-align:center; font-weight:600; padding-bottom:10px;}
.sub_p{font-size:13px; color:#999; text-align:center; font-weight:500; padding-bottom:40px; font-family: din-2014, sans-serif; font-weight: 400; font-style: normal; }

.sub-bbtt{background:#010d42; width:300px; font-size:1.2em; text-align:center; color:#fff; padding:20px;}
.ori {padding:15px; font-size:12px; font-weight:500; color:#777; border:1px solid #ddd; margin:30px 0 50px 0; line-height:180%; background:#fbfdfd;}
.apply-charge-con-wrap{margin-top:-90px;}

.content-box{padding-top:50px;}
.content_tit{color:#000;font-size:40px;font-weight:400;letter-spacing:-.06em;}
.content_txt{padding-top:20px;color:#000;font-size:18px;font-weight:300;line-height:36px;letter-spacing:-.06em;}
.mo{display:none;}

.fixed-tab-container{position:relative}
/* tab */
.fixed-move-tab-list-wrapper,
.fixed-change-tab-list-wrapper {position:relative; height:60px; width:100%}
.fixed-move-tab-link-wrapper{margin-bottom:90px}
.fixed-move-tab-list-wrapper .fixed-tab-inner ,
.fixed-change-tab-list-wrapper .fixed-tab-inner{max-width:1100px; margin:0px auto;}
.fixed-move-tab-list,
.fixed-change-tab-list {height:60px; position:relative; margin:0px auto;  transition: width 0.2s;}
/* fixed */
.fixed-move-tab-list.fixed,
.fixed-change-tab-list.fixed {position:fixed; top:49px; left:0; width:100%; z-index:99; background-color: #fff; transition: width 0.2s;/*  border-bottom:1px solid #ddd; */} /* fixed top 변경*/
.fixed-move-tab-list.fixed ul,
.fixed-change-tab-list.fixed ul {max-width:1200px; margin:0px auto; }
.fixed-move-tab-list.fixed ul li,
.fixed-change-tab-list.fixed ul li {border-top:0; }
.fixed-move-tab-list.fixed .sub-tab02-list li.selected ,
.fixed-change-tab-list.fixed .sub-tab02-list li.selected {border-top:1px solid #222;}

/* content(임시) */
.fixed-tab-content{padding:30px 0; border:1px solid #ddd; margin-top:50px; min-height:300px; }

/* -------- 공통 :: 버튼 -------- */
.cm-button-style04,
.cm-button-style04 strong,
.cm-button-style04 i{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.cm-button-style04{position:relative; overflow:hidden; display:block; border:2px solid #222; text-align:left; background-color:#222; }
.cm-button-style04:before{
    display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#fff; /* opacity:0;filter:Alpha(opacity=0); */
    transform:skew(-20deg); 
    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
.cm-button-style04 strong{position:relative; left:0px; z-index:1; display:block; color:#fff; font-size:16px; font-weight:400; letter-spacing:-0.5px; text-indent:25px; }
.cm-button-style04 i{position:absolute; top:0px; right:15px; line-height:60px; color:#fff; font-size:24px;}
.cm-button-style04:hover{}
.cm-button-style04:hover strong{color:#333;}
.cm-button-style04:hover i{color:#333}
.cm-button-style04:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

/* 버튼02 */
.business-btn-box{text-align:center; margin-top:85px;}
.business-btn-box a{display:inline-block; width: 350px; height:70px; margin:0 5px; background-color:#ed1d25;}
.business-btn-box a span {display:table; width: 100%; height:100%;}
.business-btn-box a em {display:table-cell; vertical-align:middle; color: #fff; font-size: 16px; letter-spacing:-0.25px; }
 
/* -------- 공통 테이블 -------- */
.sub-tbl {width:100%; border-top: 1px solid #222; table-layout:fixed; }
.sub-tbl th {font-size: 16px; letter-spacing:-0.5px; color: #222; border-bottom:1px solid #ddd; }
.sub-tbl td {font-size: 16px; line-height:26px; letter-spacing:-0.5px; color: #222;  border-bottom: 1px solid #ddd;}

/* 공통 테이블 :: sub-tbl01 */
.sub-tbl01 tbody th {background-color: #f5f5f5; padding: 0 20px; text-align:left;}
.sub-tbl01 tbody td { padding:14px 20px;}

/* 공통 테이블 :: sub-tbl02 */
.sub-tbl02 thead th {padding: 20px 0; background-color: #f7f7f7; font-weight: 400; color: #666; border-left: 1px solid #ddd; }
.sub-tbl02 tbody td {border-left:1px solid #ddd; padding:13px 5px 13px 10px;  }
.sub-tbl02 .no-line-left {border-left:0;}
.sub-tbl02 thead tr th:first-child,
.sub-tbl02 tbody tr td:first-child{border-left:0;}
.sub-tbl02 tbody tr td.bor{border-left:1px solid #ddd;}

/* -------- 공통 Box Tab :: sub-tab01-list -------- */
.business-page .gnb-icon {display:none;}
.sub-tab01 {margin-bottom:100px;}
.sub-tab01-list {border:1px solid #ccc; width:50%; margin:0px auto;  }
.sub-tab01-list li {width: 33.33%; float:left; text-align:center; position:relative; }
.sub-tab01-list li:before {content:""; display:block; width:1px; height: 100%; background-color: #ccc; position:absolute; top:0%; left:0; z-index:-1;}
.sub-tab01-list li:first-child:before {display:none;}
.sub-tab01-list li:nth-child(6):before {display:none;}

.sub-tab01-list li a {font-size:16px; letter-spacing:-0.5px; color: #222; display:block; }
.sub-tab01-list li span {display:table; width:100%; height: 60px; }
.sub-tab01-list li span em {display:table-cell; vertical-align:middle;}
.sub-tab01-list li.on a {color: #fff;  background-color: #00255a; }

.sub-tab01-list.menu01 {width: 100%;}
.sub-tab01-list.menu01 li {width:20%;}
.sub-tab01-list.menu02 {width: 100%;}
.sub-tab01-list.menu02 li {width:25%;}
.sub-tab01-list.menu03 {width: 100%;}
.sub-tab01-list.menu03 li {width:33.3333%;}
.sub-tab01-list.menu04 {width: 100%;}
.sub-tab01-list.menu04 li {width:50%;}
.sub-tab01-list.menu08 {width: 100%;}
.sub-tab01-list.menu08 li {width:20%;}
.sub-tab01-list.menu09 {width: 50%;}
.sub-tab01-list.menu09 li {width:33.333%;}
.sub-tab01-list.menu10 {width: 100%;} 
.sub-tab01-list.menu10 ul{}
.sub-tab01-list.menu10 li:nth-child(1){width:33.3333%;border:none; background:#fce8e4;}
.sub-tab01-list.menu10 li {width:66.6666%;border:none; background:#eaf9fb;}

.sub-tab01-list.menu11 {width: 100%;} 
.sub-tab01-list.menu11 ul{}
.sub-tab01-list.menu11 li:nth-child(1){width:20%;border:none; background:#fce8e4;}
.sub-tab01-list.menu11 li {width:80%;border:none; background:#eaf9fb;}

.sub-tab02-list { margin:0px auto; margin-top:-50px;}
.sub-tab02-list li {float:left; width:50%; text-align:center; border:1px solid  #e5e5e5; border-left:0; background-color:#fff; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.sub-tab02-list li:first-child {border-left:1px solid #e5e5e5;}
.sub-tab02-list li > a {display:block;}
.sub-tab02-list li span { display: table; width:100%; height: 50px; margin-left:-10px;}
.sub-tab02-list li span em {display:table-cell; vertical-align:middle;  font-size: 14px; line-height:1.2; letter-spacing:-0.5px; color: #222; word-break:keep-all; }
.sub-tab02-list li span dd {display:table-cell; vertical-align:middle;  font-size:18px; line-height:1.2; letter-spacing:-0.5px; color: #777; word-break:keep-all;}
.sub-tab02-list li.selected {border-top-color: #222; border-bottom:0;}

.sub-tab02-list.menu01 {width: 100%;}
.sub-tab02-list.menu01 li {width:20%;}

/* -------- 공통 :: 작은 타이틀 -------- */
.small-tit {text-align:center; font-size: 20px; letter-spacing:-0.5px; color: #222;  margin-bottom:24px; } 
.small-tit span {position:relative; padding-bottom: 8px;/*  display:inline-block; */}
.small-tit span:before {content:"";  width: 100%; height: 2px; background-color: #222;  position:absolute; bottom:0; left:0; display:block;}

.group-mission-contents__list dt{padding-bottom:10px;font-size:20px;font-weight:400;letter-spacing:-.06em;}
.group-mission-contents__list dt:before{display:block;width:30px;height:30px;margin-bottom:5px;border-radius:50%;content:"";}
.group-mission-contents__list dl:first-child dt:before {background: #1f2935;}
.group-mission-contents__list dl:nth-child(2) dt:before {background: #15beb9;}
.group-mission-contents__list dl:nth-child(3) dt:before {background: #605d74;}
.group-mission-contents__list dl:nth-child(4) dt:before {background: #d61e52;}
.group-mission-contents__list dl:first-child dt {color: #1f2935;}
.group-mission-contents__list dl:nth-child(2) dt {color: #15beb9;}
.group-mission-contents__list dl:nth-child(3) dt {color: #605d74;}
.group-mission-contents__list dl:nth-child(4) dt {color: #d61e52;}
.group-mission-contents__list dd{position:relative;margin-bottom:10px;color:#666;font-size:14px;font-weight:300;letter-spacing:-.06em;padding:0 10px;}
.group-mission-contents__list dd:before{position:absolute;top:11px;left:0;width:3px;height:3px;margin-top:-1px;border-radius:50%;background:#888;content:"";}

/* Information :: Information 리스트 */
.intro-contents{text-align:center;}
.intro-contents .main-info-list-con{padding-top:80px;}

/* -------- Business - 공통 :: 삼각형 소제목 -------- */
.tri-tit {font-size: 20px; letter-spacing:-0.5px; color: #222; position:relative; padding-left: 20px; margin-bottom:25px;}
.tri-tit i {position:absolute; left:0; }


/* 분양현황 리스트 */
.area-choose .tab-txt-type{width:640px;margin:0 auto;}
.area-choose .tab-txt-type:after{display:block;content:'';clear:both;}
.area-choose .tab-txt-type li{float:left;width:33.3%;}
.area-choose .tab-txt-type li a{position:relative;display:inline-block;padding-left:90px;font-size:16px;color:#000;}
.area-choose .tab-txt-type li a.on{color:#d61e52;}
.area-choose .tab-txt-type li a:before{position:absolute;top:-3px;left:0;display:inline-block;content:'';}
.area-choose .tab-txt-type li:nth-child(1) a:before{width:21px;height:19px;background:url(../img/main/icon_portfolio01.png) no-repeat;}
.area-choose .tab-txt-type li:nth-child(2) a:before{width:26px;height:26px;background:url(../img/main/icon_portfolio02.gif) no-repeat;}
.area-choose .tab-txt-type li:nth-child(3) a:before{width:26px;height:26px;background:url(../img/main/icon_portfolio03.gif) no-repeat;}
.area-choose .tab-txt-type li:nth-child(1) a.on:before{width:21px;height:19px;background:url(../img/main/icon_portfolio01_active.png) no-repeat;}
.area-choose .tab-txt-type li:nth-child(2) a.on:before{width:26px;height:26px;background:url(../img/main/icon_portfolio02_active.gif) no-repeat;}
.area-choose .tab-txt-type li:nth-child(3) a.on:before{width:26px;height:26px;background:url(../img/main/icon_portfolio03_active.gif) no-repeat;}

.tab-linetype {margin-top:40px;width: 100%;height: auto;border-top: 1px solid #d7d7d7;position: relative;overflow: hidden;}
.tab-linetype + .tab-linetype{margin-bottom:10px;margin-top:0;border-top:0;}
.tab-linetype::before {content: "";width: 100%;height: 1px;display: block;position: absolute;bottom: 0;left: 0px;background: #d7d7d7;}
.tab-linetype li {position:relative;width: 14.2857%;display: block;float: left;position: relative;border-bottom: 0;border-bottom: 1px solid #d7d7d7;}
.tab-linetype li:before {content: '';position: absolute;left: 0;top: 50%;width: 1px;height: 10px;margin-top: -5px; background: #949494;}

.tab-linetype li:first-child {width: calc(14.2857% - 2px);background: #f1f1f1;}
.tab-linetype li:first-child:before, .tab-linetype li:nth-child(2):before{display:none;}
.tab-linetype li span {margin: 0.8rem 0;padding: 7px 1.5rem;display: inline-block;font-size:16px;}
.tab-linetype li a.on span, .tab-linetype li button.on span {background: #006899;color:#fff;}
.tab-linetype li a {display: block;text-align: center;background: #fff;color: #666;font-size: 16px;letter-spacing: -0.05rem;}
.tab-linetype li a, .tab-linetype li button {width: 100%;white-space: nowrap;text-overflow: ellipsis;}


.complex-box-wrap{overflow:hidden;margin:0 -17px;}
.complex-box-wrap .complex-box{position:relative;float:left;width:33.3%;height:450px;margin-top:40px;padding:0 17px;box-sizing:border-box;}
.complex-box-wrap .complex-box a{display:block;color:#fff;}
.complex-box-wrap .complex-box--soldin .category{background-color:#15beb9;}
.complex-box-wrap .complex-box--soldout .category{background-color:#d61e52;}
.complex-box-wrap .complex-box .img{width:100%;padding-bottom:0;min-height:200px;z-index:-20;}
.complex-box-wrap .complex-box .img img{width:100%;}
.complex-box-wrap .complex-box .description{overflow:hidden;width:100%;height:230px;background-color:#1e2835;color:#fff;text-align:left;box-sizing:border-box;transition:none;padding:23px 13px 0 13px;}
.complex-box-wrap .complex-box .title{position:relative;overflow:hidden;white-space:nowrap;display:-webkit-box;-webkit-line-clamp2;-webkit-box-orient:vertical;padding-bottom:15px;font-size:16px;line-height:1.5;font-weight:200;letter-spacing:-.04em;}
.complex-box-wrap .complex-box .title:after{position:absolute;left:0;bottom:0;width:18px;height:2px;background-color:#fff;content:"";}
.complex-box-wrap .complex-box .details{position:relative;left:0;bottom:20px;}
.complex-box-wrap .complex-box .category{display:inline-block;position:absolute;left:0;width:70px;height:20px;margin-top:-8px;color:#fff;font-weight:500;font-size:10px;line-height:20px;text-align:center;word-break:break-all;white-space:pre-wrap;}
.complex-box-wrap .complex-box .term{position:relative;display:block;padding-top:10px;font-size:13px;line-height:1.3;font-weight: 200;}
.complex-box-wrap .complex-box .term span{display:block; text-overflow: ellipsis;white-space: nowrap;width: 100%;overflow: hidden;word-break: normal;display: inline-block;}
.complex-box-wrap .complex-box .term-tel a{color:#15beb9;font-weight: 400;}
.complex-box-wrap .complex-box .term .btn_area{overflow:hidden; margin-top:10px;}
.complex-box-wrap .complex-box .term .btn_area .btn{display:block;float:left;width:45%;margin:0 1%;font-size:12px;height:40px;line-height:40px;border:1px solid #fff;box-sizing:border-box;text-align:center;}
.complex-box-wrap .complex-box .term .btn_area .btn:first-child{margin-bottom:8px;}
.complex-box-wrap .complex-box .term .btn_area .btn:hover{color:#15beb9;border:1px solid #15beb9;}
.complex-box-wrap .complex-box .term sup{display:inline-block;position:absolute;top:2px;left:145px;z-index:100;max-width:180px;background:#273445;font-size:15px;opacity:0;line-height:1.5;word-break:break-word;transition:opacity .2s ease;box-shadow:2px 2px 2px 0 rgba(0,0,0,.4);pointer-events:none;}
.btn-area .btn-more {display:block;width: 100%;height: 50px;margin-top: 50px;line-height: 50px;outline: 1px #efefef solid;text-align:center;font-size:16px;background: #fafafa;}
.btn-area .btn-more::after {content: "+";margin-left: 10px;}

.area-complex-info{overflow:hidden;width:100%;height:auto;position:relative;text-align:left;}
.area-complex-info .complex-img{width:346px;height:229px;overflow:hidden;float:left;}
.complex-img{width:100%;height:229px;overflow:hidden;position:relative;z-index:1;background:url(../img/common/no_img.jpg) center no-repeat;background-size:cover;}
.complex-img img {width: 100%;height: 100%;}
.area-complex-info .details {width: calc(100% - 346px);margin-bottom: 70px;padding-left: 70px;box-sizing: border-box;float: left;color: #000}
.area-complex-info .details h3{margin-bottom:10px;font-size:32px;font-weight:400;}
.area-complex-info .details dl{margin-bottom:15px;color:#666;line-height:27px;font-size:14px;}
.area-complex-info .details dl:after{display:block;content:'';clear:both;}
.area-complex-info .details dl dt{width:80px;height:27px;float:left;}
.area-complex-info .details dl dd{width: calc(100% - 80px);height:27px;text-overflow:ellipsis;white-space:nowrap;float:left;overflow:hidden;}
.area-complex-info .details .btn-set{width:100%;}
.content_box .btn-set{display:table;margin:0 auto;}
.area-complex-info .details .btn-set li{width:115px; float:left;text-align:center;outline:1px #fff solid;}
.area-complex-info .details .btn-set li a,.area-complex-info .details .btn-set li button{width:100%;  min-height:52px;display:block;color:#000;font-size:14px;background:#dfdfdf;padding:15px 0;}
.area-complex-info .details .btn-set li:first-child button,.area-complex-info .details .btn-set li:first-child a{border-radius:6px 0 0 6px;}
.area-complex_info .details .btn-set li:last-child button, .area-complex-info .details .btn-set li:last-child a {border-radius: 0 6px 6px 0;}
.tb-summary{width:100%;font-size:14px;}
.tb-summary thead{background:#dfdfdf;}
.tb-summary th, .tb-summary td{text-align:center;font-size:14px;padding:13px 0;}
.tb-summary th:first-child{border-right:1px #fff solid;}
.tb-summary tr{border-bottom:1px #d6d6d6 solid;}
.tb-summary tr:first-child{border-top:1px #d6d6d6 solid;}
.tb-summary td:first-child{width:30%;border-right:1px #d6d6d6 solid;}
.tb-summary td:last-child{padding-left:30px;box-sizing:padding-box;}
.tb-summary tbody td:last-child{text-align:left;}
.tb-summary th,.tb-summary td{vertical-align:middle;}
.btn-set{padding-top:70px;margin: 0 auto;display: table;}
.btn-set .btn-list {width: 150px;height: 60px;background: #434a5d;font-size: 24px;color: #fff;display: table-cell;vertical-align: middle;text-align:center;}


/* 공지사항 */
.search_box{width:100%;height:50px;margin-bottom:10px;text-align:right;}
.search_box span{display:inline-block;}
.search_box span select{height:35px;border:1px #ccc solid;float:left;padding:0;}
.search_box span .input_box{width:250px;height:35px;float:left;margin:0 5px;border: 1px #d2d2d2 solid;}
.search_box span .input_box input,.search_box .input_box label{padding-left:10px;line-height:35px;}
.search_box span .btn_defualt{width:80px;float:left;}
.search_box span .btn_defualt {height: 35px;background: #939393;font-size: 14px;color: #fff;}

.common_tb{width:100%;margin-bottom:50px;}
.common_tb .tb_num{width:8%;}
.common_tb .tb_date{width:13%;}
.common_tb .tb_count{width:10%;}
.common_tb a{color:#333;}
.common_tb thead th{font-size:16px;background:#f2f5f7;border-bottom:1px solid #d6d6d6;color:#333;border-top:1px solid #333;padding:17px 0;}
.common_tb tbody td{font-size:15px;word-break:break-all;text-align:center;border-bottom:1px solid #d6d6d6;color:#666;line-height:1.6;vertical-align:middle;padding:14px 0;}
.common_tb tbody td a:hover{text-decoration:underline;}
.common_tb tbody td.title{text-align:left;padding:14px 5%;}
.paging{clear:both;font-family:tahoma,sans-serif,arial;font-size:12px;text-align:center;line-height:1.9em;font-weight:400;padding-bottom:50px;}
.paging a{display:inline-block;vertical-align:middle;border:#dfdfdf 1px solid;width:40px;height:40px;line-height:40px;color:#999;font-size:12px;text-align:center;background:#fff;margin-left:2px;padding:0!important;}
.paging strong{display:inline-block;vertical-align:middle;width:40px;height:40px;line-height:40px;background:#036a9a;color:#fff;margin-left:2px;padding:0;}
.paging a.btn{background-color:#fff;}
.paging a.prev:before{display:inline-block;width:10px;height:10px;margin-top:15px;border-right:1px solid #999;border-bottom:1px solid #999;transform:rotate(136deg);content:"";}
.paging a.next:before{display:inline-block;width:10px;height:10px;margin-top:15px;border-right:1px solid #999;border-bottom:1px solid #999;transform:rotate(-45deg);content:"";}
.paging a.next,.paging a.prev{font-size:0;}

.title_box{width:100%;box-sizing:border-box;border-top:2px #000 solid;border-bottom:1px #d6d6d6 solid;text-align:left;padding:30px;}
.title_box h3{margin-bottom:20px;font-size:22px;color:#333;font-family:notokr-medium;}
.title_box dl{font-size:14px;}
.title_box dt{float:left;}
.title_box dt::after{content:":";margin:0 5px;}
.title_box dd{margin-right:15px;float:left;color:#666;}
.view_box{box-sizing:border-box;text-align:left;font-size:14px;color:#666;line-height:25px;-ms-word-break:keep-all;word-break:keep-all;padding:60px 130px;}
.view_box img{max-width:100%;}
.list_box{width:100%;margin-bottom:50px;border-top:2px #000 solid;text-align:left;}
.list_box dl{box-sizing:border-box;border-bottom:1px #d6d6d6 solid;font-size:14px;padding:20px 0;}
.list_box dt span{margin-right:10px;}
.list_box dd a{color:#000;}
.list_box dt,.list_box dd{float:left;padding:0 30px;}
.fa-chevron-up:before{display:inline-block;margin-right:5px;width:7px;height:7px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(-135deg);content:"";}
.fa-chevron-down:before{display:inline-block;margin-right:5px;width:7px;height:7px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(44deg);content:"";}

/*개인정보*/
.agree_ara .tit {
    font-weight: 500;
    font-size: 20px;
    margin: 0 0 20px;
    line-height: 30px;
    color: #101010;
}
.agree_content .ck_arae { width:100% ; margin:20px 0 ; text-align:center; }
.agree_content .basic_ckbox label {font-weight: 300; font-size: 17px;line-height: 25px;color: #101010;}
.agree_content {
	padding: 30px 40px;
	line-height: 28px;
	background-color: #F2F2F2;
}
.agree_content p.summary {
    margin-bottom: 19px; font-size: 16px;
    letter-spacing: -0.015em; font-weight:300;
    color: #444444;
}
.agree_content .detail {
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 15px;
	color: #888888;
	padding: 20px 25px;
	border: 1px solid #D6D6D6;
	background-color: white;
}
.agree_content .detail dl { }
.agree_content .detail dl dt {float:left;}
.agree_content .detail dl dd {  display: flex; }
.agree_content .detail dl dd span.fontW {font-size: 17px;}


.agree_content  .detail p { font-size: 15px; font-weight: 300;
    color: #888888; }
.agree_content  .detail strong {
	color: #5262AD;
}
.agree_content .detail ul,
.agree_content .detail p {
	margin-top: 12px;
}
.agree_content .detail ul:first-child,
.agree_content .detail p:first-child {
	margin-top: 0px;
}
.agree_content  p.check_agree {
	margin-top: 30px;
	text-align: center;
	font-size: 17px;
	line-height: 25px;
	line-height: 1;
}

.agree_ara {  margin:40px 0 0 ; }
.agree_ara .tit { font-weight: 500; font-size: 20px; margin: 0 0 20px; line-height: 30px; color: #101010;}
.agree_ara p.check_agree { margin: 30px 0 ; text-align: center; font-size: 17px; line-height: 25px; line-height: 1;}


/* 체크박스 & 라디오버튼 공통 UI */
span.basic_ckbox,
span.basic_radio {
	position: relative;
	top: -1px;
	display: inline-block;
	width: 26px;
	height: 26px;
	box-sizing: border-box;
	border: 2px solid #C7C7C7;
	margin-right: 10px;
	vertical-align: middle;
}
span.basic_ckbox {
	border-radius: 3px;
	background: white url(../img/common/bullet_ckbox.png) no-repeat 4px 6px;
}
span.basic_radio {
	border-radius: 13px;
	background: white url(../img/common/bullet_radiobtn.png) no-repeat 6px 6px;
}
span.basic_ckbox.disabled,
span.basic_radio.disabled {
	border-color: #ECECEC;
}
.pop_tb tr:hover label > span.basic_ckbox,
.pop_tb tr:hover label > span.basic_radio {
	border-bottom-color: #C7C7C7;
}
span.basic_ckbox.focus,
span.basic_radio.focus,
span.basic_ckbox.checked,
span.basic_radio.checked {
	border-color: #1B9C9E;
}
.pop_tb tr:hover label > span.basic_ckbox.focus,
.pop_tb tr:hover label > span.basic_radio.focus,
.pop_tb tr:hover label > span.basic_ckbox.checked,
.pop_tb tr:hover label > span.basic_radio.checked {
	border-bottom-color: #1B9C9E;
}
span.basic_ckbox.checked {
	background-color: #1B9C9E;
	background-position: 4px -84px;
}
span.basic_radio.checked {
	background-position: 6px -84px;
}
span.basic_ckbox input,
span.basic_radio input {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.pop_tit {font-weight: 500; color: #101010; font-size: 20px; margin:0 0 15px }
.pop_tit span { background: url(../img/common/import.png) no-repeat 0 70%; text-align: right;  padding: 9px 0 0 15px; font-size: 16px;} 
.pop_tit span { font-size: 15px; color: #101010; text-align: right; float: right; line-height: 22px;}

.times_tb  { border-top:2px solid #1B9C9E; margin-top:40px; border-bottom:none; width:auto}
.times_tb + .pop_tit{margin-top:40px;}
.basicV {overflow: visible;width:100%;}
.basicV th {  background: #F1F4F4; height:auto; line-height:140%; font-weight: 500;font-size: 16px; text-align: left; padding: 0 0 0 20px; color: #101010; border-bottom:1px solid #c7c7c7;}
.basicV th span.txtspan { display: block; font-weight: 300; font-size:14px; } 
.basicV .impot { background: url(../img/common/import.png) 5px 0 no-repeat; padding: 0 0 0 13px;}
.basicV td {padding:18px 0 18px 20px;  text-align: left; font-size: 16px; color: #101010 ;color: #101010; font-weight: 300;border-bottom:1px solid #c7c7c7;}
.basicV .guide { margin-top: 10px; font-size: 14px; color: #5E5E5E; line-height: 25px; }
.basicV .guide02 { margin-top: 10px; font-size: 14px; color: #5E5E5E; font-weight: 300; line-height: 24px;}
.basicV .guide03 { margin-top: 10px; font-size: 14px; color: #5E5E5E; font-weight: 300; line-height: 24px;}

.basicV .earlist { font-size: 14px; color: #101010; line-height: 24px; font-weight: 300; display: inline-block; float: left;  margin: 10px 10px 0;}
.basicV a.go_link {font-weight: 500; font-size: 14px; line-height: 21px; border-bottom: 1px solid #101010; color: #101010;}
.basicV a.btn_confirm { border: 1px solid #101010; box-sizing: border-box; margin:0 0 10px 30px; color: #101010; border-radius: 3px; padding: 11px 20px;}
.basicV a.btn_gray { height: 20px; line-height: 21px; vertical-align: middle;}
.basicV .selected_txt{padding-right:5px;}

dl.subscrip dt {float:left; margin: 0 20px 0 0; height: 67px; }
dl.subscrip ul { display:inline-block;}
dl.subscrip ul.grou{margin-bottom:15px;}
dl.subscrip ul li { float:left; width:124px}
dl.subscrip ul li:first-child {padding-left:10px;}
dl.subscrip ul.grou li:first-child {background: url(../img/common/gard01.png) no-repeat 0 0; padding-left:10px; }
dl.subscrip ul.grou li:last-child {background: url(../img/common/gard02.png) no-repeat 100% 0; padding-right:10px; width: 95px;} 
.basicV td > ul li { float:left; margin-right:25px}
.basicV td .selectbox{width:354px;}
.basicL td .selectbox{width:190px;}
.basicL td .number_inp{width:220px;}
.basicL #user_phone1,
.basicL span.basic_select.user_phone1{width:128px;}
.member_confirm_type input{width:170px;}

.basicL {border-collapse: collapse;width:100%;}
.basicL .col{width:20%;}
.basicL th {  font-weight: 500; font-size: 17px;  text-align:left}
.basicL tr { border-bottom: 1px solid #C7C7C7;}
.basicL td {line-height:48px;  text-decoration: none; padding:20px; text-align:left}
.basicL td > div > .btn_blue { height: 24px; line-height: 26px; }
.basicL td > input {margin:0 10px 0 0}
.basicL td > div  { float: left; margin:0 20px 0 0}
.basicL td > div > .txt { display: inline-block; margin-right:20px; vertical-align:middle; }
.basicL td > div > .btn_blue  {  height: 24px; line-height:26px; }
.basicL span.impot { background: url(../img/common/import.png) 5px 0 no-repeat; padding:0 0 0 13px;}
.basicL span.basic_select {margin-right:9px;}
.basicL .check_area { width:580px;  display: contents;}
.basicL .check_area > label {margin-right:40px;}
.basicL p.coment { background: url(../images/template/icon06.png) 0 51% no-repeat; padding: 0 0 0 9px; color: #1B9C9E; font-weight: 500; font-size: 16px;}
.basicL td > span.basic_select,  .basicL td > span.basic_select b.selected_txt {  line-height: 30px; }
.basicL td > span.condition { color: #5E5E5E; font-size:14px;} /* 디스크립션 */
.basicL .bnt_white { width: 130px; height: 22px; line-height: 23px; font-weight:500}
.basicL td > span.no_c {color:#101010; font-size: 16px; font-family: 'HK Nova';}
/* .basicL td > div.no_pw { background: url(../images/member/ic_warning.png) 0 12px no-repeat; font-size: 15px; color: #FF0000; padding: 0 0 0 27px; margin: 4px 0 0;  height: 32px;}  *//*입력 미기재시 빨간글씨*/
.app_cal .basicL a.btn_gray {  height: 20px;  line-height: 21px; vertical-align: middle; }
.basicL td > p.count { font-size: 14px; color: #888; right: 171px; margin-top: 16px; text-align: right;}
.basicL td > p.count > span { font-size: 14px; color: #444; }

span.basic_select {
    border: 1px solid #C7C7C7;
    border-radius: 3px;
    background-color: white;
}
span.selectbox_ui {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
}

span.basic_select select {
    height: 48px;
    padding: 11px 20px 12px;
	font-size:16px;
}
span.selectbox_ui select {
    opacity: 0;
}
span.basic_select select {
    height: 48px;
    padding: 11px 20px 12px;
}
span.selectbox_ui select {
    opacity: 0;
}

span.basic_select b.selected_txt {
    font-size: 16px;
}
span.basic_select b.selected_txt {
    font-weight: normal;
    line-height: 26px !important;
    padding: 11px 20px 12px;
}
span.selectbox_ui b.selected_txt {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
span.selectbox_ui b.selected_txt:after {
    content: '';
    display: block;
    width: 10px;
    height: 7px;
    position: absolute;
    background: url(../img/common/bullet_select.png) no-repeat left top;
}
span.basic_select b.selected_txt:after {
    top: 22px;
    right: 20px;
}

.agree_ara input[type="text"], .agree_ara input[type="email"], .agree_ara input[type="password"], .agree_ara input[type="tel"], .agree_ara textarea {
	display:inline-block;
	font-size:16px;
    line-height: 24px;
    color: #101010;
    padding: 13px 20px;
    height: 50px;
    border: 1px solid #C7C7C7;
    box-sizing: border-box;
    background-color: white;
    -webkit-appearance: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.bnt_white {
    padding: 13px 36px;
    color: #101010;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    border: 1px solid #101010;
}
.basicL .bnt_white {
    width: 130px;
    height: 22px;
    line-height: 23px;
    font-weight: 500;
}

p.field a.btn_confirm {
    width: 128px;
    padding: 13px 0px;
    vertical-align: middle;
    font-size: 16px;
}

.btn_gray {
    padding: 14px 37px;
    color: white;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    border: 1px solid #444444;
    background-color: #444444;
	font-size:16px;
}
.basicL a.btn_gray {
    height: 20px;
    line-height: 21px;
    vertical-align: middle;
}
.basicL td > ul li {
    float: left;
    margin-right: 25px;
}
.basicL td > div {
    float: left;
    margin: 0 20px 0 0;
}
.blue_guide {
    font-weight: 500;
    font-size: 16px;
    color: #1B9C9E;
    background: url(../img/common/icon06.png) no-repeat 0 center;
    padding: 0 0 0 14px;
    display: inline-block;
    margin: 10px 0 0;
}

.btn_lp_set {
    margin-top: 30px;
    text-align: center;
}
.btn_lp_set a {
    display: inline-block;
    width: 160px;
    padding: 12px 0px 14px;
    box-sizing: border-box;
    margin: 0px 3px;
    color: white;
    line-height: 24px;
    font-weight: 500;
    background: #101010;
    border-radius: 100px;
	font-size:16px;
}
.btn_lp_set a.cancel {
    color: #101010;
    border: 1px solid #101010;
    background-color: white;
}