/*####서브 페이지 css####*/

#wrap {float:left; width:100%; position:relative; overflow:hidden;}

/*서브 상단배너*/
.sub_banner {width:100%; float:left; position:relative; margin-top:130px;}
.sub_banner img {width:100%;}


/*서브 페이지*/
#sub_page {width:100%; float:left; position:relative; padding-bottom:80px; padding-top:40px;}

/*서브 좌측메뉴*/
#left_menu {width:100%; position:absolute; bottom:0; background:rgba(0, 0, 0, .65);}
#left_menu ul li{float:left; height:70px; text-align:center;}
#left_menu ul li a{color:#ffffff; font-family: "Noto Sans KR", sans-serif; font-weight:normal; font-size:16px; height:70px; line-height:70px; display:table; width:100%;}
#left_menu ul li a:hover{background:#fff; color:#1f1f1f!important; font-weight:bold;}

/*###서브 본문 내용###*/
#sub_cont {width:100%; position:relative; margin-top:20px; }
#sub_cont img {max-width:100%;}
#sub_cont .sub_btn_area{text-align:center; margin:40px 0;}
#sub_cont .sub_btn_area a{background:#262626; font-family: "Noto Sans KR", sans-serif; font-weight:400; font-size:17px; color:#ffffff; padding:16px 60px;}
#sub_cont .fot_absolute .sub_btn_area{position:absolute; bottom:150px; left:50%; transform:translateX(-50%);}

/*서브페이지 타이틀바*/
#sub_titlebar {width:100%; border-bottom:1px solid #afafb0; position:relative; color:#4d4e4f; margin-bottom:50px; float:left;}
#sub_titlebar h3 {float:left; font-size:31px; padding-left:6px; padding-bottom:10px; color:#000; font-weight:normal; letter-spacing:-3px;}
#sub_titlebar p {float:right; padding-right:6px; padding-top:10px; padding-bottom:10px;}
.cal_title{font-family: "Noto Sans KR", sans-serif; font-size:24px; font-weight:normal; margin-bottom:20px;}
.cal_title span{color:#e4ebf7;}
.cal_txt{font-size:17px; text-align:left; line-height:1.5;}

/*서브 popup*/
/* pop */
#sub_popup_modal{background-color:#fff; max-width:1200px; height:505px; width:1200px; padding:50px 0; overflow-x:hidden; } 
#sub_popup_modal .title{text-align:center;}
#sub_popup_modal .title h1{font-size:34px; color:#454545; font-weight:500;}
#sub_popup_modal .title p{font-size:19px; color:#9d9d9d; font-weight:300; margin-top:18px; letter-spacing:0.2px;}
#sub_popup_modal .cont{margin-top:45px;}
#sub_popup_modal div ul{overflow:hidden;}
#sub_popup_modal ul li{cursor:pointer;}
#sub_popup_modal div ul li:hover{border:3px solid #134e80; background-color:rgba(11,104,182,0.1);}

#pop_line{width:1050px; margin:0 auto;}
#pop_line ul li{float:left; position:relative; width:30.5%; margin:0 2%; height:280px; box-sizing:border-box; text-align:center; background-color:#f6f6f6; padding-top:33px; border-radius:15px; border:3px solid transparent; cursor:pointer;}
#pop_line ul li:first-child{margin-left:0;}
#pop_line ul li:last-child{margin-right:0;}
#pop_line ul li .pop_txt_area h2{font-size:22px; color:#404040; margin-top:30px; font-weight:500;}
#pop_line ul li .pop_txt_area p{font-size:17px; color:#696969; margin-top:14px; font-weight:lighter; letter-spacing:0.2px; line-height:18px;}

#pop_date{width:1050px; margin:0 auto; display:none; }
#pop_date .right_txt{padding-left:20px; font-size:15px; color:#9d9d9d; font-weight:300;}
#pop_date .cont{margin-top:10px; width:33.3333%; height:290px; float:left; box-sizing:border-box; padding:0 1%; text-align:center; }
#pop_date .cont .border{border:1px solid #969696; box-sizing:border-box; height:100%; border-radius:5px;}
#pop_date .cont h1{font-size:20px; padding:12px 0;}
#pop_date .cont th{font-size:15px; font-weight:300;}
#pop_date .cont td{font-size:17px; font-weight:300; padding:7px 13px;}
#pop_date .cont table{margin:0 auto;}
#pop_date .cont table thead{border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; line-height:40px;}
#pop_date .cont table tbody tr a{display:block;}
#pop_date .cont table tbody td:first-child a{color:#ff0000;}
#pop_date .cont table tbody td:last-child a{color:#006cff;}
#pop_date .before_icon{position:absolute; left:62px; top:60%; }
#pop_date .after_icon{position:absolute; right:62px; top:60%;}
#pop_date .fas{color:#747474;}

.pop_add{width:1050px; margin:0 auto; display:none;}
.pop_add ul li{float:left; border:1px solid #b9b9b9; color:#404040; font-size:17px; text-align:center; font-weight:300; height:40px; line-height:38px; width:13.4%; margin:0 10px 10px 0; box-sizing:border-box;}
.pop_add ul li:nth-child(7n){margin-right:0;}
.pop_add ul li span{display:block;}
.pop_add ul li:hover{line-height:34px;}

#pop_size{width:1050px; margin:0 auto; display:none; }
#pop_size ul li{float:left; position:relative; border:1px solid #b9b9b9; color:#404040; font-size:18px; text-align:center; font-weight:300; height:58px; line-height:55px; width:32%; margin:0 20px 10px 0; box-sizing:border-box;}
#pop_size ul li:nth-child(3n){margin-right:0;}
#pop_size ul li:hover{line-height:52px;}

#pop_sp{width:1050px; margin:0 auto; display:none; }
#pop_sp ul li{float:left; position:relative; width:195px; height:200px; margin:0 8px; box-sizing:border-box; text-align:center; padding-top:33px; border:1px solid #b9b9b9; border-radius:15px;}
#pop_sp ul li:hover{padding-top:31px;}
#pop_sp ul li:first-child{margin-left:0;}
#pop_sp ul li:last-child{margin-right:0;}
#pop_sp ul li.checked{border:3px solid #134e80; background-color:rgba(11,104,182,0.1);}
#pop_sp ul li.checked:hover{ padding-top:33px;}
#pop_sp ul li .pop_txt_area h2{font-size:18px; color:#404040; margin-top:20px; font-weight:300;}
#pop_sp .btn{width:195px; height:50px; font-size:18px; font-weight:500; margin:0 auto; margin-top:39px; background-color:#3c3c3c; color:#fff; line-height:50px; text-align:center; border-radius:25px; cursor:pointer;}


#pop_last{width:950px; margin:0 auto; display:none; }
#pop_last .pop_last_form{overflow:hidden;}
#pop_last .pop_last_form label{font-size:18px; color:#404040; font-weight:300; width:58px; display:inline-block;}
#pop_last .pop_last_form input{height:48px; border:1px solid #dedede; width:80%; padding-left:10px; font-size:15px;}
#pop_last .form_top div{width:50%; float:left; margin-top:8px;}
#pop_last .form_mid div{width:50%; float:left; margin-top:8px;}
#pop_last .form_btm div{width:100%; float:left; margin-top:8px;}
#pop_last .form_btm input{width:90%;}
#pop_last .privacy_check{float:left; margin-top:15px;}
#pop_last .privacy_check input{height:20px; width:20px; border:1px solid #dedede; background-color:#f6f6f6; border-radius:none; margin:0; padding:0; vertical-align:-10%;}
#pop_last .privacy_check span{font-size:16px; color:#b8b8b8; font-weight:300; margin-left:7px; letter-spacing:0.5px;}
#pop_last .btn{float:none; width:195px; height:50px; font-size:18px; font-weight:500; margin:0 auto; margin-top:39px; background-color:#3c3c3c; color:#fff; line-height:50px; text-align:center; border-radius:25px;}




/*오시는 길*/
#map {border:10px solid #e5e5e5; margin: 0 auto; width: 96%; float:left;}
.map_addr {margin:60px 0 70px 10px; float:left;}
.map_addr p {font-size:18px; line-height: 30px; margin-bottom: 10px; }
.map_addr span {background-color:#414141; color:white; width: 30px; height: 30px; margin-right:10px; display: block; text-align: center; line-height: 30px; float: left;}

/* 회원 가입 */
.member_title {clear: both; margin: 35px 0 80px 0;}
.member_title p {text-align: center; margin-bottom: 8px;}
.join_t {border-bottom: 2px solid #363636; padding-bottom: 15px;}
.join_t h2 {font-size: 20px;}
.join_t h2 span {font-size: 12px; color: #838383;}

table#memberTb td {height: 40px; font-size: 15px;}
table#memberTb #m0 {text-indent: 18px;}
table#memberTb td:first-child {background-image: url("../images/check_img.png"); background-repeat: no-repeat; background-position: left center;}
table#memberTb td .input_mem {width: 200px; padding: 5px 0; border: 1px solid #dddddd; vertical-align: middle;}

table#memberTb td .input_mem_phone {width: 200px; padding: 5px 0; border: 1px solid #dddddd; background-color: #f6f6f6; vertical-align: middle;}
table#memberTb td select {width: 100px; background-color: #f6f6f6; padding: 3px 0; border: 1px solid #dddddd; font-size: 14px; text-align: center; vertical-align: middle;}

table#memberTb input[type=radio] {vertical-align: middle;}

span.help {color:#666666; font-size: 12px; font-family: dotum, 'dotum';}
span.help.red {color: #cb1a1a; padding: 5px 0;}

.sub_btn_area{width:100%; text-align:center;}
.sub_btn_area p{font-size:15px; font-family: "Noto Sans KR", sans-serif; color:#ad2626; margin-bottom:37px;}
#sub_cont .sub_btn_area > a{width:246px; height:52px; line-height:52px; background:#aa1919; color:#fff; font-family: "Noto Sans KR", sans-serif; font-size:14px; font-weight:normal; border-radius:45px; display:inline-block; padding:0;}


/* 약관 */
.joinInform {clear: both;}
.joinInform .inner {width: auto;}

.joinInform .dgcont h2 {
    border-bottom: 2px solid #363636;
    padding-bottom: 10px;
    font-size: 20px;
}
.joinInform .inputag {vertical-align: middle;}
.joinInform .yakchk {margin-top: 10px; text-align: right;}