/******************************* 서브 공통 CSS ***********************************************************************************************************************************/ /*공통*/ #ft{margin-top:200px;} .dot_list > li{position:relative;padding-left:15px;font-size:16px;line-height:160%;margin-bottom:5px;} .dot_list > li:last-child{margin-bottom:0;} .dot_list > li:before{content:"";width:4px;height:4px;background:#070506;border-radius:50%;position:absolute;top:11px;left:0;} .dot_list2 > li{padding-left:95px;} .dot_list2 > li b.tit{position:absolute;top:0;left:15px;color:#555;} .arrow_list{font-size:0;} .arrow_list > li{position:relative;display:inline-block;border:1px solid #070506;border-radius:25px;padding:15px;min-width:100px;font-size:16px;color:#070506;text-align:center;margin:5px 0 5px 42px;} .arrow_list > li:before{content:"";width:22px;height:12px;background:url('../img/arrow_list_img.png') no-repeat center / contain;position:absolute;top:50%;left:-33px;margin-top:-6px;} .arrow_list > li:first-child{margin-left:0;} .arrow_list > li:first-child:before{content:none;} /*서브 사이드바*/ .sidebar_container:after{content:"";display:block;clear:both;} .sidebar_container .sub_sidebar{float:left;width:19%;} .sidebar_container .sub_sidebar .sidebar_list{border-top:1px solid #070506;border-right:1px solid #070506;border-left:1px solid #070506;} .sidebar_container .sub_sidebar .sidebar_list li{border-bottom:1px solid #070506;} .sidebar_container .sub_sidebar .sidebar_list li a{display:block;padding:13px 20px;font-size:16px;line-height:140%;letter-spacing:-0.7px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;} .sidebar_container .sub_sidebar .sidebar_list li a:focus, .sidebar_container .sub_sidebar .sidebar_list li a:hover, .sidebar_container .sub_sidebar .sidebar_list li a.on{background:#070506;color:#fff;font-weight:700;} .sidebar_container .sidebar_content .input_com2 {display:none;} .sidebar_container .sidebar_content{float:left;width:81%;padding-left:80px;} /*서브 타이틀*/ .sub_tit_box{position:relative;padding-bottom:20px;border-bottom:1px solid #070506;} .sub_tit_box h3{font-size:63px;line-height:120%;font-weight:700;} .sub_tit_box img{position:absolute;bottom:30px;right:0;width:67px;} .sub_tit02{font-size:35px;line-height:120%;font-weight:700;margin-bottom:30px;} .sub_tit03{font-size:40px;line-height:120%;font-weight:700;margin-bottom:50px;} .sub_tit03 span.sm{display:block;font-size:18px;line-height:140%;} .sub_tit04{font-size:28px;line-height:140%;margin-bottom:25px;} .sub_tit05{font-size:20px;line-height:140%;margin-bottom:20px;} /*서브 탭*/ .sub_tab_box{overflow:visible;} .sub_tab_box:after{content:"";width:100vw;min-width:280px;height:1px;background:#ddd;position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);} .sub_tab_list{justify-content: center;} .sub_tab_list li{width:auto;text-align:center;margin-right:40px;} .sub_tab_list li a, .sub_tab_list li button{display:block;font-size:20px;padding:0 10px 20px 10px;color:#999;border-bottom:3px solid transparent;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;} .sub_tab_list li a:focus, .sub_tab_list li a:hover, .sub_tab_list li a.on, .sub_tab_list li button:focus, .sub_tab_list li button:hover, .sub_tab_list li button.on{border-color:#070506;font-weight:700;color:#070506;} .sub_tab_list.board_tab_list{font-size:0;} .sub_tab_list.board_tab_list li{display:inline-block;font-size:18px;margin-right:30px;margin-bottom:20px;} .sub_tab_list.board_tab_list li:last-child{margin-right:0;} .sub_tab_list.board_tab_list li a, .sub_tab_list.board_tab_list li button{display: block;padding-bottom:10px;} .sub_tab_list2:after{content:"";display:block;clear:both;} .sub_tab_list2 li{float:left;width:20%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} .sub_tab_list2 li:nth-child(-n+5){border-top:1px solid #ddd;} .sub_tab_list2 li:nth-child(5n+1){border-left:1px solid #ddd;} .sub_tab_list2 li a, .sub_tab_list2 li button{font-size:18px;padding:20px;text-align:center;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;} .sub_tab_list2 li a.on, .sub_tab_list2 li a:focus, .sub_tab_list2 li a:hover, .sub_tab_list2 li button.on, .sub_tab_list2 li button:focus, .sub_tab_list2 li button:hover{background:#070506;color:#fff;} .sub_tab_cont{display:none;} .sub_tab_cont.on{display:block;} /*서브 테이블*/ .sub_table{overflow-x:auto;} .sub_table .table_desc{text-align:right;font-size:16px;line-height:140%;color:#555;font-weight:500;margin-top:15px;min-width:900px;} .sub_table table{width:100%;min-width:900px;border-top:2px solid #070506;} .sub_table table th, .sub_table table td{font-size:16px;line-height:160%;text-align:center;padding:20px;} .sub_table table thead th{border-bottom:1px solid #070506;} .sub_table table thead th span{font-weight:500;font-size:14px;} .sub_table table tbody th{border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#070506;} .sub_table table tbody td{border-bottom:1px solid #ddd;color:#555;} .sub_table table td > b{color:#070506;} .sub_table table .left_txt{text-align:left;} .sub_table table .no_line{border-right:0 !important;} .sub_table.sub_table2 table thead th, .sub_table.sub_table2 table tbody td{border-right:1px solid #ddd;} .sub_table.table_left table th, .sub_table.table_left table td{text-align:left;} /*서브 버튼*/ body .sub_btn{display:inline-block;padding:20px 70px 20px 30px;font-size:18px;line-height:120%;min-width:250px; border:1px solid #070506;background-repeat:no-repeat;background-position:right 30px center;position:relative;overflow:hidden; } body .sub_btn:before{content:attr(data-rolling);position:absolute;top:50%;left:30px;opacity:0;visibility:hidden; transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s; } /*서브 버튼*/ body .sub_btn2{display:inline-block;padding:20px 70px 20px 30px;font-size:18px;line-height:120%;min-width:250px; border:1px solid #070506;background-repeat:no-repeat;background-position:right 30px center;position:relative;overflow:hidden; } body .sub_btn2:before{content:attr(data-rolling);position:absolute;top:50%;left:30px;opacity:0;visibility:hidden; transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s; } body .sub_btn:focus:before, body .sub_btn:hover:before{transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);opacity:1;visibility:visible;} body .sub_btn2:focus:before, body .sub_btn2:hover:before{transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);opacity:1;visibility:visible;} body .sub_btn.down{background-image:url("../img/sub_btn_down.png"); background-size:23px;} body .sub_btn.link{background-image:url("../img/sub_btn_link.png"); background-size:18px;} body .sub_btn.view{background-image:url("../img/sub_btn_view.png"); background-size:15px;} body .sub_btn.write{background-image:url("../img/sub_btn_write.png"); background-size:16px;} body .sub_btn2.write{background-image:url("../img/sub_btn_write.png"); background-size:16px;} body .sub_btn.print{background-image:url("../img/sub_btn_print.png"); background-size:20px;} body .sub_btn.search{background-image:url("../img/sub_btn_search.png"); background-size:16px;} body .sub_btn.space{background-image:url("../img/sub_btn_space.png"); background-size:20px;} body .sub_btn.bg_bk{background-color:#070506;color:#fff;overflow:visible;} body .sub_btn.bg_bk:after{content:"";width:100%;height:100%;border:1px solid #070506;position:absolute;top:10px;left:10px;z-index:-1;} body .sub_btn2.bg_bk{background-color: #c048fd;color:#fff;overflow:visible;} body .sub_btn2.bg_bk:after{content:"";width:100%;height:100%;border:1px solid #000000;position:absolute;top:10px;left:10px;z-index:-1;} body .sub_btn.bg_no{background-image:none;text-align:center;padding:20px 30px;} body .sub_btn.bg_no:before{text-align:center;width:100%;left:0;} body .sub_btn span{display:block;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;} body .sub_btn2.bg_no{background-image:none;text-align:center;padding:20px 30px;} body .sub_btn2.bg_no:before{text-align:center;width:100%;left:0;} body .sub_btn2 span{display:block;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;} body .sub_btn:focus span, body .sub_btn:hover span{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);opacity:0;visibility:hidden;} body .sub_btn2:focus span, body .sub_btn2:hover span{transform:translateY(-50px);-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);opacity:0;visibility:hidden;} button.sub_btn{text-align:left;} button.sub_btn:before{text-align:left;} .d-flex {display:flex; width:100%;} .pull-end {margin-left: auto;} .sub_btn_box .sub_btn{margin:20px 40px 20px 0;} .sub_btn_box.center{display:flex;justify-content:center;} .sub_btn_box.center .sub_btn{margin:0;} .sub_btn_box .sub_btn2{margin:20px 40px 20px 0;} .sub_btn_box.center{display:flex;justify-content:center;} .sub_btn_box.center .sub_btn2{margin:0;} .down_btn_box{font-size:0;line-height:1;} .down_btn_box .sub_btn{background-color:#070506;color:#fff;min-width:270px;font-size:16px;padding:17px 65px 17px 20px;background-position:right 20px center;margin:0 10px 10px 0;} /*서브 공통 박스*/ .sub_style_box01{border:1px solid #ddd;padding:30px;color:#555;} .sub_style_box01.bg_gray{background:#f5f5f5;border-color:#f5f5f5;} .sub_style_box01 > strong{display:block;font-size:18px;line-height:160%;margin-bottom:10px;color:#070506;} .sub_style_box01 > p{font-size:16px;line-height:170%;} .sub_style_box01 > ul > li b{color:#070506;} /*서브 공통 박스2*/ .sub_style_box02 > div{color:#555;} .sub_style_box02 > div > strong{display:block;font-size:18px;line-height:160%;margin-bottom:10px;color:#070506;} .sub_style_box02 > div > p{font-size:16px;line-height:170%;word-break:keep-all;} .sub_style_box02 > div > ol li{font-size:16px;line-height:170%;margin-bottom:5px;word-break:keep-all;} .sub_style_box02 > div > ol li:last-child{margin-bottom:0;} .sub_style_box02 > div > ol ol{margin-top:10px;} .sub_style_box02 > div > ol ol{padding-left:20px;} .sub_style_box02 > div > ol ol ol{padding-left:30px;} .sub_style_box02 > div .sub_table table th{color:#070506;} ol.num_list > li{position:relative;padding-left:20px;} ol.num_list > li:before{position:absolute;top:0;left:0;} ol.num_list > li:nth-child(1):before{content:"①";} ol.num_list > li:nth-child(2):before{content:"②";} ol.num_list > li:nth-child(3):before{content:"③";} ol.num_list > li:nth-child(4):before{content:"④";} ol.num_list > li:nth-child(5):before{content:"⑤";} ol.num_list > li:nth-child(6):before{content:"⑥";} ol.num_list > li:nth-child(7):before{content:"⑦";} ol.num_list > li:nth-child(8):before{content:"⑧";} ol.num_list > li:nth-child(9):before{content:"⑨";} ol.num_list > li:nth-child(10):before{content:"⑩";} ol.num_list2{padding-left:40px;} ol.num_list2 > li{list-style:decimal;} ol.hangul_list > li{list-style: hangul;} /*서브 공통 리스트*/ .sub_style_list01{background:#f5f5f5;display:flex;flex-wrap:wrap;padding:30px 65px;text-align:center;} .sub_style_list01 li{border-right:1px solid #ccc;margin-top:30px;padding:0 15px;} .sub_style_list01 li:last-child{border-right:0;} .sub_style_list01 li *{font-size:16px;line-height:170%;} .sub_style_list01.grid3 li{width:33.3333%;} .sub_style_list01.grid3 li:nth-child(3n){border-right:0;} .sub_style_list01.grid3 li:nth-child(-n+3){margin-top:0;} .sub_style_list01.grid4 li{width:25%;} .sub_style_list01.grid4 li:nth-child(4n){border-right:0;} .sub_style_list01.grid4 li:nth-child(-n+4){margin-top:0;} /*서브 상단*/ .sub_top_bnr{position:relative;width:calc(100% - 140px);margin:0 auto;background:linear-gradient(90deg, rgba(255,255,255,0) 13%, #f0f0f0 13%);} .sub_top_bnr > div{padding:125px 65px 175px;} .sub_top_bnr > div h2{font-size:70px;line-height:120%;font-weight:700;} .sub_top_bnr > div small{font-size:22px;line-height:120%;font-weight:700;display:block;margin-top:10px;} .sub_top_bnr .sub_path{display:inline-block;transform:translateY(50%);-webkit-transform:translateY(50%);-moz-transform:translateY(50%);font-size:0;height:100px;line-height:100px;background:#070506;padding:0 65px;min-width:300px;} .sub_top_bnr .sub_path li{display:inline-block;vertical-align: middle;font-size:16px;line-height:120%;font-weight:700;color:#fff;} .sub_top_bnr .sub_path li a{color:#ffffff;} .sub_top_bnr .sub_path li:after{content:"";width:5px;height:5px;background:#777;border-radius:50%;display:inline-block;vertical-align:middle;margin:0 15px;} .sub_top_bnr .sub_path li:last-child:after{content:none;} .sub_top_bnr .sub_path li a img{width:17px;} .sub_top_bnr > img{position:absolute;bottom:-40px;right:0;width:240px;} /*공간 알파벳*/ b.alpha{display:inline-block;font-size:30px;border:2px solid #070506;border-radius:50%;width:50px;height:50px;line-height:50px;text-align:center;font-family: 'DCBuoySans';margin-bottom:15px;} b.alphaB{transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);} b.alphaC{transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);} b.alphaD{transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);} b.alphaE{transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);} b.alphaF{transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);} b.alphaG{transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);} /*SNS 공유*/ .view_share_box{position:relative;} .view_share_box button > img{width:16px;} .view_share_box .view_share_close{position:absolute;top:15px;right:15px;} .view_share_box .view_share_inner{display:none;position:absolute;top:calc(100% + 20px);right:0;width:196px;padding:25px;background:#fff;border:1px solid #070506;} .view_share_box .view_share_inner strong{font-size:16px;line-height:120%;} .view_share_box .view_share_inner ul{font-size:0;margin-top:10px;} .view_share_box .view_share_inner ul li{display:inline-block;margin:2.5px 5px 2.5px 0;} .view_share_box .view_share_inner ul li:nth-child(4n){margin-right:0;} .view_share_box .view_share_inner ul li img{width:32px;} /*IAP 소개*/ #iap_about .top_txt{display: inline-block;font-size:45px;line-height:140%;font-weight:400;background:url("../img/iap_about_top_back.png") no-repeat right top;padding:45px 110px 0 0;word-break:keep-all;} #iap_about .cont_box{display:flex;flex-wrap:wrap;align-items:center;} #iap_about .cont_box > div{width:50%;} #iap_about .cont_box .img_box{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;height:434px;} #iap_about .cont_box .img_box img{position:absolute;bottom:-40px;right:70px;} #iap_about .cont_box .txt_box{padding-left:110px;} #iap_about .cont_box .txt_box p{font-size:18px;line-height:170%;color:#555;} #iap_about .cont_box.back01 .img_box{background-image:url("../img/iap_about_img01.jpg");border-radius:50px 50px 50px 200px;} #iap_about .cont_box.back02{flex-direction: row-reverse;margin-top:130px;} #iap_about .cont_box.back02 .img_box{background-image:url("../img/iap_about_img03.jpg");border-radius:50px 200px 50px 50px;} #iap_about .cont_box.back02 .txt_box{padding-left:0;padding-right:110px;} /*IAP 공간*/ #iap_space .space_top{margin-bottom:160px;} #iap_space .space_top > img{display:block;margin:0 auto;width:80%;max-width:1001px;min-width:250px;} #iap_space .space_top > strong{display:block;font-size:45px;line-height:130%;font-weight:500;margin:100px 0 45px;word-break:keep-all;} #iap_space .space_top p{font-size:16px;line-height:170%;color:#555;word-break:keep-all;} #iap_space .space_box .top_box{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:70px;} #iap_space .space_box .top_box > div{width:50%;} #iap_space .space_box .top_box .img_box{border:1px solid #ddd;text-align:center;} #iap_space .space_box .top_box .img_box img{width:100%;max-width:646px;} #iap_space .space_box .top_box .txt_box{padding-left:50px;} #iap_space .space_box .top_box .txt_box h4{position:relative;padding-left:80px;margin-bottom:35px;} #iap_space .space_box .top_box .txt_box h4.pd{padding-left:210px;} #iap_space .space_box .top_box .txt_box h4 span{position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} #iap_space .space_box .top_box .txt_box h4 b{display:inline-block;border:2px solid #070506;border-radius:50%;width:58px;height:58px;line-height:58px;text-align:center;margin-right:10px;font-family: 'DCBuoySans';} #iap_space .space_box .top_box .txt_box h4 b:last-child{margin-right:0;} #iap_space .space_box .top_box .txt_box p{font-size:16px;line-height:170%;color:#555;word-break:keep-all;} #iap_space .space_box .btm_box img{display:block;width:100%;max-width:1300px;margin:0 auto;} /*CI 소개*/ #iap_ci .cont_box .title{display:block;font-size:26px;line-height:120%;margin-bottom:20px;} #iap_ci .cont_box p{font-size:16px;line-height:170%;color:#555;word-break:keep-all;} #iap_ci .cont_box p b{color:#070506;} #iap_ci .symbol_box{display:flex;flex-wrap:wrap;align-items:center;border:1px solid #ddd;padding:70px 0;} #iap_ci .symbol_box .img_box{width:30%;display:flex;align-items:center;justify-content:center;} #iap_ci .symbol_box .img_box img{width:35%;max-width:131px;min-width:60px;} #iap_ci .symbol_box .txt_box{width:70%;padding-right:30px;} #iap_ci .logo_list{display:flex;flex-wrap:wrap;padding:60px 0;border:1px solid #ddd;} #iap_ci .logo_list li{padding:25px;border-right:1px solid #ddd;display:flex;align-items:center;justify-content:center;} #iap_ci .logo_list li img{width:auto;} #iap_ci .logo_list.grid2 li{width:50%;} #iap_ci .logo_list.grid2 li:nth-child(2n){border-right:0;} #iap_ci .logo_list.grid3 li{width:33.3333%;} #iap_ci .logo_list.grid3 li:nth-child(3n){border-right:0;} #iap_ci .color_box{border:1px solid #ddd;overflow-x:auto;} #iap_ci .color_list{display:flex;flex-wrap:wrap;justify-content:center;min-width:700px;padding:45px;} #iap_ci .color_list li{text-align:center;width:230px;height:230px;padding:15px;border-radius:50%;border:3px solid #ddd;margin-right:90px;} #iap_ci .color_list li:last-child{margin-right:0;} #iap_ci .color_list li div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;} #iap_ci .color_list li div strong{font-size:21px;line-height:120%;color:#fff;} #iap_ci .color_list li div strong span{display:block;font-size:16px;font-weight:400;} #iap_ci .color_list li div p{font-size:15px;line-height:140%;color:#fff;margin-top:15px;} /*오시는 길*/ #location .map_container .map_inner{width:100%;height:auto;} #location .map_container .wrap_map{height:580px;} #location .map_container .map_border, #location .map_container .wrap_controllers{display:none;} #location .map_info{background:#fff;display:flex;flex-wrap:wrap;padding:45px 0;text-align:center;} #location .map_info li{border-right:1px solid #ddd;padding:30px 15px;width:33.3333%;} #location .map_info li:last-child{border-right:0;} #location .map_info li strong{display:block;font-size:20px;line-height:120%;margin:25px 0 15px;} #location .map_info li span{font-size:18px;line-height:140%;color:#555;} #location .bus_info{border-top:1px solid #ddd;} #location .bus_info > li{border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;padding:40px 0;} #location .bus_info > li > strong{width:30%;font-size:30px;line-height:120%;background-repeat:no-repeat;background-position:left top 4px;background-size:26px;padding-left:45px;} #location .bus_info > li > strong.ico01{background-image:url("../img/location_ico04.png");} #location .bus_info > li > strong.ico02{background-image:url("../img/location_ico05.png");} #location .bus_info > li > strong.ico03{background-image:url("../img/location_ico06.png");} #location .bus_info > li > div{width:70%;} #location .bus_info .title{display:inline-block;font-size:18px;line-height:140%;margin-top:35px;margin-bottom:20px;} #location .bus_info .title:first-of-type{margin-top:0;} #location .bus_info .title span{font-size:16px;color:#555;font-weight:400;margin-left:20px;} #location .bus_info p{font-size:16px;color:#555;} #location .bus_info .route_box{display:block;margin-bottom:10px;} #location .bus_info .route_box.no_margin{margin-bottom:0;} #location .bus_info .route_box *{display:inline-block;font-size:16px;} #location .bus_info .route_box .line{width:30px;line-height:30px;border-radius:50%;color:#fff;text-align:center;margin-right:5px;} #location .bus_info .route_box .route{line-height:100%;padding:7px 10px;border-radius:15px;color:#fff;text-align:center;margin-right:10px;} #location .bus_info .route_box .num{color:#555;margin-right:30px;} #location .bus_info .dot_list li{color:#555;} #location .bus_info .dot_list li:before{background:#393738;} #location .bus_info .parking_box{background:url("../img/location_ico07.png") no-repeat left 40px center #f4f4f4;background-size:66px;padding:30px 30px 30px 135px;margin-top:35px;} #location .bus_info .parking_box .title{margin-bottom:15px;} /*2025.02.13 www.barit.co.kr Table 태그 추가 - 이재원 */ #location .parking_box .parking_table .fee_table {display:table; width:100%; margin-top:10px;} #location .parking_box .parking_table .fee_table thead th {background:#d9d9d9; padding:8px 15px; text-align:center;border:1px solid #d9d9d9} #location .parking_box .parking_table .fee_table tbody {border:1px solid #d9d9d9} #location .parking_box .parking_table .fee_table tbody th {padding:15px; text-align:center; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9} #location .parking_box .parking_table .fee_table tbody td { padding:15px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9 } #location .parking_box .parking_table .fee_table tbody .none_border {border-right:none; border-bottom:1px solid #d9d9d9; text-align:center;} #location .parking_box .parking_table .fee_table tbody td ul li {padding:5px;} /*레지던시 소개*/ #residence_about .about_list li{display:flex;align-items:center;width:50%;margin-top:-110px;} #residence_about .about_list li:first-child{margin-top:0;} #residence_about .about_list li:nth-child(1), #residence_about .about_list li:nth-child(3){margin-left:auto;} #residence_about .about_list li:nth-child(2){flex-direction: row-reverse;} #residence_about .about_list li:nth-child(4){width:100%;justify-content: center;align-items: flex-end;} #residence_about .about_list li > span{font-size:400px;font-weight:100;line-height:75%;margin-right:40px;} #residence_about .about_list li:nth-child(2) > span{margin-right:0;margin-left:40px;} #residence_about .about_list li:nth-child(4) > div{padding-top:170px;} #residence_about .about_list li > div strong{font-size:22px;line-height:140%;} #residence_about .about_list li > div p{font-size:16px;line-height:170%;color:#555;margin-top:20px;} #residence_about .img_list{font-size:0;} #residence_about .img_list li{display:inline-block;width:calc(33.3333% - 14px);margin-right:20px;margin-top:20px;} #residence_about .img_list li:nth-child(3n){margin-right:0;} #residence_about .img_list li:nth-child(-n+3){margin-top:0;} #residence_about .img_list li img{width:100%;} /*레지던시 입주신청*/ .moveIn_section p{font-size:16px;line-height:170%;color:#999;} .moveIn_view_box .tit_box{position:relative;padding-right:350px;margin-bottom:45px;} .moveIn_view_box .tit_box > strong{font-size:33px;line-height:140%;} .moveIn_view_box .tit_box > strong b.cate{display:inline-block;vertical-align: text-bottom;font-size:20px;line-height:120%;padding:7px 17px;background:#070506;color:#fff;text-align:center;font-weight:300;margin-right:20px;} .moveIn_view_box .tit_box > span{font-size:18px;line-height:120%;background:url('../img/board_view_date.png') no-repeat left center;padding-left:30px;position:absolute;top:15px;right:0;} .moveIn_view_box .content{background:#f5f5f5;padding:80px;} .moveIn_view_box .content img{display:block;margin:0 auto;max-width:100%;} .moveIn_step_box{overflow-x:auto;} .moveIn_step_box ol{counter-reset:step_list;display:flex;min-width:900px;} .moveIn_step_box ol li{background:#070506;width:20.875%;margin-right:5.5%;position:relative;padding:45px 35px;} .moveIn_step_box ol li:after{content:"";width:30px;height:16px;background:url('../img/step_list_arrow.png') no-repeat center / contain;position:absolute;top:50%;right:-18.5%;margin-top:-8px;} .moveIn_step_box ol li:last-child{margin-right:0;} .moveIn_step_box ol li:last-child:after{content:none;} .moveIn_step_box ol li strong{font-size:22px;line-height:140%;color:#fff;} .moveIn_step_box ol li strong:before{content:counter(step_list)"단계";counter-increment:step_list;display:block;font-size:16px;line-height:120%;color:#fff;font-weight:500;margin-bottom:10px;} .moveIn_step_box ol li p{margin-top:15px;} .apply_end_box{background:#070506;padding:150px 50px;text-align:center;} .apply_end_box img{max-width:100%;} .apply_end_box strong{font-size:28px;line-height:140%;color:#fff;display:block;margin-top:30px;font-weight:400;word-break:keep-all;} .apply_done_box{border:1px solid #ddd;text-align:center;padding:80px;} .apply_done_box > img{display:block;margin:0 auto 15px;max-width:100%;} .apply_done_box > strong{font-size:35px;line-height:140%;} .apply_done_box > p{margin-bottom:40px;} .apply_done_box .apply_num{max-width:450px;margin:40px auto;padding:20px;background:#f5f5f5;} .apply_done_box .apply_num b{font-size:18px;line-height:120%;margin-right:45px;font-weight:400;} .apply_done_box .apply_num strong{font-size:24px;line-height:120%;} .moveIn_apply_step{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:90px;} .moveIn_apply_step li{padding-right:110px;text-align:center;} .moveIn_apply_step li:last-child{padding-right:0;} .moveIn_apply_step li .img_box{display:block;width:138px;height:138px;background-color:#f5f5f5;border:3px solid #f5f5f5;border-radius:50%;margin:0 auto 15px;position:relative;} .moveIn_apply_step li .img_box:after{content:"";width:50px;height:1px;position:absolute;top:50%;right:-80px;background:#ddd;} .moveIn_apply_step li:last-child .img_box:after{content:none;} .moveIn_apply_step li .img_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);width:70px;} .moveIn_apply_step li strong{font-size:20px;line-height:140%;color:#999;font-weight:500;letter-spacing:-0.7px;} .moveIn_apply_step li.on .img_box{background-color:#fff;border-color:#070506;} .moveIn_apply_step li.on strong{color:#070506;} .final_submit_modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: calc(100%/3); width: 100%; /* Full width */ height: 30%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background:#070506; padding:80px 30px; text-align:center; background-color: rgb(0,0,0); /* Fallback color */ } .final_submit_modal strong{font-size:28px;line-height:140%;color:#fff;} .final_submit_modal p{margin:15px 0 45px;} .final_submit_modal p b{color:#fff;font-weight:400;} .final_submit_modal .write_bottom_btn{margin:0 auto;} .final_submit_modal .write_bottom_btn .sub_btn:first-child{border:1px solid #777;background:#070506;color:#fff;} .final_submit_modal .write_bottom_btn .sub_btn:last-child{background:#fff;color:#070506;} /*레지던시 입주신청 확인*/ .moveIn_search_box{display:flex;flex-wrap:wrap;} .moveIn_search_box > div{width:47.75%; padding:45px 35px 55px;border:4px solid #ddd;} .moveIn_search_box > div.left_box{margin-right:4.5%;} .moveIn_search_box > div > div{margin-bottom:50px;} .moveIn_search_box > div > div > span{display:block;margin-bottom:25px;} .moveIn_search_box > div > div > span:last-child{margin-bottom:0;} .moveIn_search_box > div > div > span label{display:block;font-size:18px;font-weight:700;line-height:120%;margin-bottom:15px;} .moveIn_search_box > div > .sub_btn{display:block;margin:0 auto;} /*대관신청*/ .reserv_intro_box{display:flex;flex-wrap:wrap;align-items:center;padding:50px 0;border-bottom:1px solid #ddd;} .reserv_intro_box .img_box{width:30.7%;padding-top:30.7%;background-repeat:no-repeat;background-position:center;background-size:cover;} .reserv_intro_box .txt_box{width:69.3%;padding-left:100px;} .reserv_intro_box .txt_box > h4{font-size:30px;line-height:140%;} .reserv_intro_box .txt_box > p{font-size:16px;line-height:170%;color:#555;margin-top:20px;word-break:keep-all;} .reserv_intro_box .txt_box .btn_box{margin-top:50px;font-size:0;line-height:1;} /*대관 공간소개*/ .reservation_space_top{display:flex;flex-wrap:wrap;align-items: flex-start;margin-bottom:150px;} .reservation_space_top .img_box{width:38%;padding-top:38%;position:relative;} .reservation_space_top .img_box:before{content:"";width:100vw;height:220px;background:#f5f5f5;position:absolute;bottom:-50px;right:100px;} .reservation_space_top .img_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);width:100%;height:auto;} .reservation_space_top .txt_box{width:62%;padding-left:100px;} .reservation_space_top .txt_box > p{font-size:16px;line-height:170%;color:#555;margin-top:30px;word-break:keep-all;} .reservation_space_top .txt_box .tit_box{position:relative;} .reservation_space_top .txt_box .tit_box b.alpha{margin-bottom:5px;} .reservation_space_top .txt_box .tit_box h4{font-size:45px;line-height:140%;} .reservation_space_top .txt_box .tit_box .view_share_box{position:absolute;bottom:15px;right:0;} .reservation_space_top .txt_box .info_list{display:flex;flex-wrap:wrap;padding:20px 100px 20px 0;border-top:1px solid #070506;border-bottom:1px solid #ddd;margin-top:50px;} .reservation_space_top .txt_box .info_list li{width:33.333%;padding-right:10px;font-size:16px;line-height:140%;} .reservation_space_top .txt_box .info_list li p{margin-top:10px;} .reservation_space_top .txt_box .sub_btn{margin-top:60px;} .reservation_space .location_box{border:1px solid #ddd;padding:60px;text-align:center;} .reservation_space .location_box img{max-width:100%;} .reservation_space .time_box{background:#f4f2f2;padding:35px 50px;display:flex;flex-wrap:wrap;} .reservation_space .time_box > div{width:50%;background-repeat:no-repeat;background-position:left center;padding:15px 0 15px 110px;} .reservation_space .time_box > div.ico01{background-image:url('../img/reservation_space_ico01.png');} .reservation_space .time_box > div.ico02{background-image:url('../img/reservation_space_ico02.png');} .reservation_space .time_box > div span{font-size:16px;line-height:140%;} .reservation_space .time_box > div b{display:block;font-size:20px;line-height:130%;margin-top:5px;} .reservation_space .img_list{font-size:0;} .reservation_space .img_list li{display:inline-block;width:calc(25% - 23px);margin-right:30px;margin-top:30px;} .reservation_space .img_list li:nth-child(4n){margin-right:0;} .reservation_space .img_list li:nth-child(-n+4){margin-top:0;} .reservation_space .img_list li img{width:100%;} @media all and (max-width:1330px){ /*공통*/ #ft{margin-top:150px;} /*서브 사이드바*/ .sidebar_container .sub_sidebar .sidebar_list li a{padding:10px;font-size:14px;} .sidebar_container .sidebar_content{padding-left:40px;} /*서브 타이틀*/ .sub_tit_box{padding-bottom:10px;} .sub_tit_box h3{font-size:50px;} .sub_tit_box img{bottom:15px;} /*서브 상단*/ .sub_top_bnr{width:calc(100% - 30px);background:linear-gradient(90deg, rgba(255,255,255,0) 8%, #f0f0f0 8%);} .sub_top_bnr > div{padding:70px 30px 100px;} .sub_top_bnr > div h2{font-size:60px;} .sub_top_bnr > div small{font-size:18px;} .sub_top_bnr .sub_path{height:70px;line-height:70px;padding:0 40px;} /*IAP 소개*/ #iap_about .top_txt{font-size:35px;background-size:100px;padding:15px 70px 0 0;} #iap_about .cont_box .img_box{height:350px;} #iap_about .cont_box .img_box img{bottom:-20px;right:30px;width:auto;height:60px;} #iap_about .cont_box .txt_box{padding-left:60px;} #iap_about .cont_box .txt_box p br{display:none;} #iap_about .cont_box.back02{margin-top:100px;} #iap_about .cont_box.back02 .txt_box{padding-right:60px;} /*IAP 공간*/ #iap_space .space_top p br{display:none;} /* #iap_space .space_box .top_box .txt_box p br{display:none;} */ /*CI 소개*/ #iap_ci .cont_box > p br{display:none;} #iap_ci .symbol_box p br{display:none;} /*레지던시 소개*/ #residence_about .about_list li{margin-top:-80px;} #residence_about .about_list li > span{font-size:300px;margin-right:20px;} #residence_about .about_list li:nth-child(2) > span{margin-left:20px;} #residence_about .about_list li:nth-child(4) > div{padding-top:110px;} #residence_about .about_list li > div strong{font-size:20px;} #residence_about .about_list li > div p{font-size:14px;margin-top:10px;} /*레지던시 입주신청*/ .moveIn_view_box .tit_box{padding-right:300px;margin-bottom:30px;} .moveIn_view_box .tit_box > strong{font-size:25px;} .moveIn_view_box .tit_box > strong b.cate{font-size:16px;padding:5px 10px;margin-right:10px;} .moveIn_view_box .tit_box > span{font-size:16px;background-size:13px;padding-left:20px;top:8px;} .moveIn_step_box ol li{padding:30px 20px;width:22.75%;margin-right:3%;} .moveIn_step_box ol li:after{width:17px;height:10px;right:-10%;margin-top:-5px;} .moveIn_step_box ol li strong{font-size:18px;} .moveIn_step_box ol li strong:before{font-size:14px;margin-bottom:5px;} .moveIn_step_box ol li p{margin-top:10px;font-size:14px;} .moveIn_step_box ol li p br{display:none;} /*대관신청*/ .reserv_intro_box .txt_box{padding-left:50px;} .reserv_intro_box .txt_box > p br{display:none;} /*대관 공간소개*/ .reservation_space_top{margin-bottom:100px;} .reservation_space_top .txt_box{padding-left:50px;} .reservation_space_top .txt_box > p br{display:none;} } @media all and (max-width:1024px){ /*공통*/ #ft{margin-top:80px;} .dot_list > li{font-size:14px;padding-left:10px;} .dot_list > li:before{top:9px;} .dot_list2 > li{padding-left:75px;} .dot_list2 > li b.tit{left:10px;} .arrow_list > li{border-radius:20px;padding:10px;min-width:80px;font-size:14px;margin:5px 0 5px 30px;} .arrow_list > li:before{width:18px;height:9px;left:-26px;margin-top:-4px;} /*서브 사이드바*/ .sidebar_container .sub_sidebar{display:none;} .sidebar_container .sidebar_content .sub_tit03 {display:none;} .sidebar_container .sidebar_content .input_com2 { display: block; margin-left: 0px; margin-bottom: 20px; font-size: 20px; height: 50px; font-weight: 700; width: 100%; padding-top: 0px; padding-left: 15px; } .sidebar_container .sidebar_content{width:100%;padding-left:0;} /*서브 타이틀*/ .sub_tit_box h3{font-size:40px;} .sub_tit02{font-size:28px;margin-bottom:20px;} .sub_tit03{font-size:30px;margin-bottom:30px;} .sub_tit04{font-size:24px;margin-bottom:15px;} .sub_tit05{font-size:18px;margin-bottom:15px;} /*서브 탭*/ .sub_tab_list{justify-content: unset;} .sub_tab_list li{margin-right:20px;} .sub_tab_list li a, .sub_tab_list li button{font-size:18px;padding:0 10px 10px 10px;} .sub_tab_list.board_tab_list li{margin-right:20px;margin-bottom:15px;} .sub_tab_list.board_tab_list li a, .sub_tab_list.board_tab_list li button{font-size:16px;} .sub_tab_list2 li{width:33.3333%;} .sub_tab_list2 li:nth-child(-n+5){border-top:0;} .sub_tab_list2 li:nth-child(5n+1){border-left:0;} .sub_tab_list2 li:nth-child(-n+3){border-top:1px solid #ddd;} .sub_tab_list2 li:nth-child(3n+1){border-left:1px solid #ddd;} .sub_tab_list2 li a, .sub_tab_list2 li button{font-size:16px;padding:15px;} /*서브 테이블*/ .sub_table .table_desc{font-size:14px;margin-top:10px;} .sub_table table th, .sub_table table td{font-size:14px;padding:10px;} .sub_table table thead th span{font-size:13px;} /*서브 버튼*/ body .sub_btn{padding:15px 45px 15px 15px;font-size:16px;min-width:200px;background-position:right 15px center;} body .sub_btn:before{left:15px;} body .sub_btn.bg_bk:after{top:5px;left:5px;} body .sub_btn.bg_no{padding:15px;} .sub_btn_box .sub_btn{margin:15px 20px 15px 0;} .down_btn_box .sub_btn{min-width:220px;font-size:14px;padding:13px 40px 13px 15px;background-size:16px;background-position:right 15px center;} /*서브 공통 박스*/ .sub_style_box01{padding:20px;} .sub_style_box01 > strong{font-size:16px;margin-bottom:5px;} .sub_style_box01 > p{font-size:14px;} /*서브 공통 박스2*/ .sub_style_box02 > div > strong{font-size:16px;margin-bottom:5px;} .sub_style_box02 > div > p{font-size:14px;} .sub_style_box02 > div > ol li{font-size:14px;margin-bottom:3px;} .sub_style_box02 > div > ol ol{margin-top:5px;} .sub_style_box02 > div > ol ol{padding-left:15px;} .sub_style_box02 > div > ol ol ol{padding-left:20px;} ol.num_list > li{padding-left:15px;} ol.num_list2{padding-left:30px;} /*서브 공통 리스트*/ .sub_style_list01{padding:20px 30px;} .sub_style_list01 li{margin-top:20px;padding:0 10px;} .sub_style_list01 li *{font-size:14px;} /*서브 상단*/ .sub_top_bnr > div{padding:60px 20px 80px;} .sub_top_bnr > div h2{font-size:50px;} .sub_top_bnr > div small{font-size:14px;margin-top:5px;} .sub_top_bnr .sub_path{height:60px;line-height:60px;padding:0 30px;min-width:250px;} /*공간 알파벳*/ b.alpha{font-size:24px;width:40px;height:40px;line-height:40px;margin-bottom:10px;} /*SNS 공유*/ .view_share_box .view_share_close{top:10px;right:10px;} .view_share_box .view_share_inner{top:calc(100% + 15px);width:175px;padding:15px;} .view_share_box .view_share_inner strong{font-size:14px;} .view_share_box .view_share_inner ul{margin-top:5px;} /*IAP 소개*/ #iap_about .top_txt{font-size:30px;} #iap_about .cont_box .img_box img{bottom:-20px;right:30px;height:55px;} #iap_about .cont_box .txt_box{padding-left:30px;} #iap_about .cont_box .txt_box p{font-size:16px;} #iap_about .cont_box.back02{margin-top:80px;} #iap_about .cont_box.back02 .txt_box{padding-right:30px;} /*IAP 공간*/ #iap_space .space_top{margin-bottom:100px;} #iap_space .space_top > strong{font-size:35px;margin:50px 0 30px;} #iap_space .space_top p{font-size:14px;} #iap_space .space_box .top_box{margin-bottom:50px;} #iap_space .space_box .top_box .txt_box{padding-left:30px;} #iap_space .space_box .top_box .txt_box h4{padding-left:50px;margin-bottom:25px;} #iap_space .space_box .top_box .txt_box h4.pd{padding-left:145px;} #iap_space .space_box .top_box .txt_box h4 b{width:40px;height:40px;line-height:40px;margin-right:5px;} #iap_space .space_box .top_box .txt_box p{font-size:14px;} /*CI 소개*/ #iap_ci .cont_box .title{font-size:24px;margin-bottom:15px;} #iap_ci .cont_box p{font-size:14px;} #iap_ci .symbol_box{padding:40px 0;} #iap_ci .symbol_box .txt_box{padding-right:15px;} #iap_ci .logo_list{padding:30px 0;} #iap_ci .logo_list li{padding:15px;} #iap_ci .logo_list li img{height:100px;} #iap_ci .color_list{padding:30px;} #iap_ci .color_list li{width:200px;height:200px;padding:10px;margin-right:30px;} #iap_ci .color_list li div strong{font-size:16px;} #iap_ci .color_list li div strong span{font-size:14px;} #iap_ci .color_list li div p{font-size:13px;margin-top:10px;} /*오시는 길*/ #location .map_container .wrap_map{height:400px;} #location .map_info{padding:30px 0;} #location .map_info li{padding:20px 15px;} #location .map_info li strong{font-size:18px;margin:15px 0 10px;} #location .map_info li span{font-size:16px;} #location .bus_info > li{padding:30px 0;} #location .bus_info > li > strong{width:150px;font-size:24px;background-position:left top 3px;padding-left:30px;background-size:20px;} #location .bus_info > li > div{width:calc(100% - 150px);} #location .bus_info .title{font-size:16px;margin-top:20px;margin-bottom:10px;} #location .bus_info .title span{font-size:14px;margin-left:10px;} #location .bus_info p{font-size:14px;} #location .bus_info .route_box{margin-bottom:5px;} #location .bus_info .route_box *{font-size:14px;} #location .bus_info .route_box .line{width:25px;line-height:25px;} #location .bus_info .route_box .route{padding:5px 7px;} #location .bus_info .route_box .num{margin-right:20px;} #location .bus_info .parking_box{background-position:left 20px center;padding:20px 20px 20px 100px;margin-top:20px;background-size:50px;} #location .bus_info .parking_box .title{margin-bottom:10px;} /*레지던시 소개*/ #residence_about .about_list li{margin-top:-50px;} #residence_about .about_list li > span{font-size:200px;} #residence_about .about_list li:nth-child(4) > div{padding-top:80px;} /*레지던시 입주신청*/ .moveIn_section p{font-size:14px;} .moveIn_view_box .tit_box{padding-right:0;margin-bottom:20px;} .moveIn_view_box .tit_box > strong{font-size:20px;} .moveIn_view_box .tit_box > strong b.cate{font-size:14px;padding:3px 7px;} .moveIn_view_box .tit_box > span{position:static;display:block;margin-top:10px;} .moveIn_view_box .content{padding:50px;} .apply_end_box{padding:100px 50px;} .apply_end_box strong{font-size:20px;margin-top:20px;} .apply_done_box{padding:60px 20px;} .apply_done_box > img{margin:0 auto 10px;} .apply_done_box > strong{font-size:28px;} .apply_done_box > p{margin-bottom:30px;} .apply_done_box .apply_num{margin:30px auto;padding:15px;} .apply_done_box .apply_num b{font-size:16px;margin-right:20px;} .apply_done_box .apply_num strong{font-size:18px;} .moveIn_apply_step{margin-bottom:60px;} .moveIn_apply_step li{padding-right:70px;} .moveIn_apply_step li .img_box{width:100px;height:100px;} .moveIn_apply_step li .img_box:after{width:30px;right:-55px;} .moveIn_apply_step li .img_box img{width:50px;} .moveIn_apply_step li strong{font-size:18px;} .final_submit_modal{padding:50px 20px;} .final_submit_modal strong{font-size:24px;} .final_submit_modal p{margin:10px 0 30px;} /*레지던시 입주신청 확인*/ .moveIn_search_box > div{width:calc(50% - 10px); padding:30px 20px 40px;} .moveIn_search_box > div.left_box{margin-right:20px;} .moveIn_search_box > div > div{margin-bottom:40px;} .moveIn_search_box > div > div > span{margin-bottom:15px;} .moveIn_search_box > div > div > span label{font-size:16px;margin-bottom:10px;} /*대관신청*/ .reserv_intro_box{padding:40px 0;} .reserv_intro_box .img_box{width:35%;padding-top:35%;} .reserv_intro_box .txt_box{width:65%;padding-left:30px;} .reserv_intro_box .txt_box > h4{font-size:24px;} .reserv_intro_box .txt_box > p{font-size:14px;margin-top:10px;} .reserv_intro_box .txt_box .btn_box{margin-top:30px;} /*대관 공간소개*/ .reservation_space_top{margin-bottom:80px;} .reservation_space_top .img_box:before{bottom:-30px;right:50px;} .reservation_space_top .txt_box > p{font-size:14px;margin-top:20px;} .reservation_space_top .txt_box .tit_box h4{font-size:35px;} .reservation_space_top .txt_box .tit_box .view_share_box{bottom:10px;} .reservation_space_top .txt_box .info_list{padding:15px 0;margin-top:30px;} .reservation_space_top .txt_box .info_list li{font-size:14px;} .reservation_space_top .txt_box .info_list li p{margin-top:5px;} .reservation_space_top .txt_box .sub_btn{margin-top:40px;} .reservation_space .location_box{padding:40px;} .reservation_space .time_box{padding:20px 30px;} .reservation_space .time_box > div{padding:10px 0 10px 80px;background-size:60px;} .reservation_space .time_box > div span{font-size:14px;} .reservation_space .time_box > div b{font-size:18px;} .reservation_space .img_list li{width:calc(25% - 15px);margin-right:20px;margin-top:20px;} } @media all and (max-width:768px){ /*공통*/ #ft{margin-top:60px;} .dot_list2 > li{padding-left:10px;} .dot_list2 > li b.tit{position:static;display:block;margin-bottom:5px;} .arrow_list > li{padding:7px;min-width:70px;font-size:13px;} /*서브 타이틀*/ body .sub_tit_box{margin-bottom:40px;} .sub_tit_box h3{font-size:30px;} .sub_tit_box img{width:50px;} .sub_tit02{font-size:24px;} .sub_tit03{font-size:26px;margin-bottom:20px;} .sub_tit04{font-size:20px;margin-bottom:10px;} .sub_tit05{font-size:16px;margin-bottom:10px;} /*서브 탭*/ .sub_tab_list li a, .sub_tab_list li button{font-size:16px;} .sub_tab_list.board_tab_list li{margin-right:10px;margin-bottom:10px;} .sub_tab_list.board_tab_list li a, .sub_tab_list.board_tab_list li button{font-size:14px;padding:0 5px 5px 5px;} .sub_tab_list2 li{width:50%;} .sub_tab_list2 li:nth-child(-n+3){border-top:0;} .sub_tab_list2 li:nth-child(3n+1){border-left:0;} .sub_tab_list2 li:nth-child(-n+2){border-top:1px solid #ddd;} .sub_tab_list2 li:nth-child(2n+1){border-left:1px solid #ddd;} .sub_tab_list2 li a, .sub_tab_list2 li button{font-size:14px;} /*서브 버튼*/ body .sub_btn{font-size:14px;} body .sub_btn.down{ background-size:17px;} body .sub_btn.link{ background-size:15px;} body .sub_btn.view{ background-size:12px;} body .sub_btn.write{ background-size:13px;} body .sub_btn.print{ background-size:17px;} body .sub_btn.search{ background-size:13px;} body .sub_btn.space{ background-size:17px;} /*서브 공통 리스트*/ .sub_style_list01{padding:20px;} .sub_style_list01.grid3 li{width:50%;} .sub_style_list01.grid3 li:nth-child(3n){border-right:1px solid #ccc;} .sub_style_list01.grid3 li:nth-child(-n+3){margin-top:20px;} .sub_style_list01.grid3 li:nth-child(2n){border-right:0;} .sub_style_list01.grid3 li:nth-child(-n+2){margin-top:0;} .sub_style_list01.grid4 li{width:50%;} .sub_style_list01.grid4 li:nth-child(4n){border-right:1px solid #ccc;} .sub_style_list01.grid4 li:nth-child(-n+4){margin-top:20px;} .sub_style_list01.grid4 li:nth-child(2n){border-right:0;} .sub_style_list01.grid4 li:nth-child(-n+2){margin-top:0;} /*서브 상단*/ .sub_top_bnr{background:linear-gradient(90deg, rgba(255,255,255,0) 15%, #f0f0f0 15%);} .sub_top_bnr > div{padding:40px 20px 20px;} .sub_top_bnr > div h2{font-size:28px;} .sub_top_bnr .sub_path{height:50px;line-height:50px;padding:0 20px;min-width:200px;} .sub_top_bnr .sub_path li{font-size:13px;} .sub_top_bnr .sub_path li:after{margin:0 7px;} .sub_top_bnr > img{display:none;} /*공간 알파벳*/ b.alpha{font-size:20px;width:35px;height:35px;line-height:35px;} /*IAP 소개*/ #iap_about .top_txt{font-size:24px;margin-bottom:30px;background-size:65px;padding:20px 0 0;} #iap_about .top_txt br{display:none;} #iap_about .cont_box > div{width:100%;} #iap_about .cont_box .img_box{height:300px;} #iap_about .cont_box .img_box img{height:45px;bottom:-15px;} #iap_about .cont_box .txt_box{padding-left:0;margin-top:40px;} #iap_about .cont_box .txt_box p{font-size:14px;} #iap_about .cont_box.back01{margin-right:40px;} #iap_about .cont_box.back02{margin-top:40px;margin-left:40px;} #iap_about .cont_box.back02 .txt_box{padding-right:0;} /*IAP 공간*/ #iap_space .space_top{margin-bottom:60px;} #iap_space .space_top > strong{font-size:26px;margin:30px 0 20px;} #iap_space .space_top > strong br{display:none;} #iap_space .space_box .top_box{margin-bottom:30px;} #iap_space .space_box .top_box > div{width:100%;} #iap_space .space_box .top_box .txt_box{padding-left:0;width:100%;margin-top:20px;} #iap_space .space_box .top_box .txt_box h4{padding-left:40px;margin-bottom:15px;} #iap_space .space_box .top_box .txt_box h4.pd{padding-left:115px;} #iap_space .space_box .top_box .txt_box h4 b{width:30px;height:30px;line-height:30px;} /*CI 소개*/ #iap_ci .cont_box .title{font-size:20px;} #iap_ci .symbol_box{padding:30px 20px;text-align:center;} #iap_ci .symbol_box .img_box{width:100%;} #iap_ci .symbol_box .img_box img{width:15%;} #iap_ci .symbol_box .txt_box{width:100%;padding:0;margin-top:20px;} #iap_ci .logo_list li{padding:10px;} #iap_ci .logo_list li img{height:80px;} #iap_ci .color_list li{margin-right:20px;} /*오시는 길*/ #location .map_container .wrap_map{height:300px;} #location .map_info{padding:0;} #location .map_info li{width:100%;border-right:0;border-bottom:1px solid #ddd;} #location .map_info li:last-child{border-bottom:0;} #location .map_info li strong{font-size:16px;margin:10px 0;} #location .map_info li span{font-size:14px;} #location .bus_info > li{padding:20px 0;} #location .bus_info > li > strong{width:100%;font-size:20px;background-position:left top 2px;} #location .bus_info > li > div{width:100%;margin-top:20px;} #location .bus_info .title span{font-size:13px;margin-left:5px;} /*레지던시 소개*/ #residence_about .about_list li{margin-top:0;width:100%;margin-top:40px;} #residence_about .about_list li:first-child{margin-top:0;} #residence_about .about_list li:nth-child(2){flex-direction: unset;} #residence_about .about_list li:nth-child(4){justify-content: unset;align-items:center;} #residence_about .about_list li > span{font-size:100px;margin-right:0;width:80px;text-align:center;} #residence_about .about_list li:nth-child(2) > span{margin-left:0;} #residence_about .about_list li > div{width:calc(100% - 80px);} #residence_about .about_list li:nth-child(4) > div{padding-top:0;} #residence_about .about_list li > div strong{font-size:18px;} #residence_about .about_list li > div p br{display:none;} #residence_about .img_list li{width:calc(33.3333% - 10px);margin-right:15px;margin-top:15px;} /*레지던시 입주신청*/ .moveIn_view_box .tit_box > strong{font-size:18px;} .moveIn_view_box .content{padding:30px;} .apply_end_box{padding:80px 30px;} .apply_end_box strong{font-size:18px;margin-top:15px;} .apply_done_box{padding:40px 20px;} .apply_done_box > strong{font-size:24px;} .apply_done_box > p{margin-bottom:20px;} .apply_done_box > p br{display:none;} .apply_done_box .apply_num{margin:20px auto;padding:10px;} .apply_done_box .apply_num b{display:block;margin:0 0 5px 0;font-size:14px;} .apply_done_box .apply_num strong{font-size:16px;} .moveIn_apply_step{margin-bottom:40px;} .moveIn_apply_step li{padding-right:50px;} .moveIn_apply_step li .img_box{width:90px;height:90px;} .moveIn_apply_step li .img_box:after{width:15px;right:-38px;} .moveIn_apply_step li .img_box img{width:40px;} .moveIn_apply_step li strong{font-size:16px;} .final_submit_modal{padding:40px 20px;} .final_submit_modal strong{font-size:20px;} .final_submit_modal p{margin:10px 0 20px;} /*레지던시 입주신청 확인*/ .moveIn_search_box > div{width:100%;padding:20px 20px 30px;} .moveIn_search_box > div.left_box{margin-right:0;margin-bottom:20px;} .moveIn_search_box > div > div{margin-bottom:30px;} .moveIn_search_box > div > div > span{margin-bottom:10px;} /*대관신청*/ .reserv_intro_box{padding:30px 0;} .reserv_intro_box .img_box{width:100%;padding-top:100%;} .reserv_intro_box .txt_box{width:100%;padding-left:0;margin-top:20px;} .reserv_intro_box .txt_box > h4{font-size:20px;} .reserv_intro_box .txt_box .btn_box .sub_btn{min-width:180px;} /*대관 공간소개*/ .reservation_space_top{margin-bottom:60px;} .reservation_space_top .img_box{width:100%;padding-top:100%;} .reservation_space_top .img_box:before{content:none;} .reservation_space_top .txt_box{width:100%;padding-left:0;margin-top:20px;} .reservation_space_top .txt_box > p{margin-top:10px;} .reservation_space_top .txt_box .tit_box h4{font-size:25px;} .reservation_space_top .txt_box .tit_box .view_share_box{bottom:5px;} .reservation_space_top .txt_box .info_list{margin-top:20px;padding:10px 0;} .reservation_space_top .txt_box .info_list li{width:100%;padding:10px 0;} .reservation_space_top .txt_box .sub_btn{margin-top:30px;} .reservation_space .location_box{padding:20px;} .reservation_space .time_box > div b{font-size:16px;} } @media all and (max-width:600px){ /*서브 공통 리스트*/ .sub_style_list01 li{border-right:0;border-bottom:1px solid #ddd;padding:10px;} .sub_style_list01 li:last-child{border-bottom:0;} .sub_style_list01.grid3 li{width:100%;} .sub_style_list01.grid3 li:nth-child(3n){border-right:0;} .sub_style_list01.grid3 li:nth-child(-n+2){margin-top:20px;} .sub_style_list01.grid3 li:nth-child(-n+1){margin-top:0;} .sub_style_list01.grid4 li{width:100%;} .sub_style_list01.grid4 li:nth-child(4n){border-right:0;} .sub_style_list01.grid4 li:nth-child(-n+2){margin-top:20px;} .sub_style_list01.grid4 li:nth-child(-n+1){margin-top:0;} /*CI 소개*/ #iap_ci .logo_list{padding:0;} #iap_ci .logo_list li{padding:20px;border-right:0;border-bottom:1px solid #ddd;} #iap_ci .logo_list li:last-child{border-bottom:0;} #iap_ci .logo_list.grid2 li{width:100%;} #iap_ci .logo_list.grid3 li{width:100%;} /*레지던시 입주신청*/ .moveIn_apply_step li{padding-right:20px;} .moveIn_apply_step li .img_box{width:60px;height:60px;margin-bottom:10px;} .moveIn_apply_step li .img_box:after{content:none;} .moveIn_apply_step li .img_box img{width:30px;} .moveIn_apply_step li strong{font-size:14px;} /*대관 공간소개*/ .reservation_space .time_box{padding:10px;} .reservation_space .time_box > div{width:100%;padding:20px 0 20px 80px;} .reservation_space .img_list li{width:calc(50% - 7.5px);margin-top:15px;margin-right:15px;} .reservation_space .img_list li:nth-child(4n){margin-right:15px;} .reservation_space .img_list li:nth-child(-n+4){margin-top:15px;} .reservation_space .img_list li:nth-child(2n){margin-right:0;} .reservation_space .img_list li:nth-child(-n+2){margin-top:0;} } @media all and (max-width:420px){ /*서브 탭*/ .sub_tab_list2{border-top:1px solid #ddd;border-left:1px solid #ddd;} .sub_tab_list2 li{width:100%;} .sub_tab_list2 li:nth-child(-n+2){border-top:0;} .sub_tab_list2 li:nth-child(2n+1){border-left:0;} /*IAP 소개*/ #iap_about .cont_box .img_box img{display:none;} #iap_about .cont_box .txt_box{margin-top:20px;} #iap_about .cont_box.back01{margin-right:0;} #iap_about .cont_box.back02{margin-top:30px;margin-left:0;} #iap_about .cont_box.back01 .img_box{border-radius:30px;} #iap_about .cont_box.back02 .img_box{border-radius:30px;} /*IAP 공간*/ #iap_space .space_box .top_box .txt_box h4{padding-left:0;} #iap_space .space_box .top_box .txt_box h4.pd{padding-left:0;} #iap_space .space_box .top_box .txt_box h4 span{position:static;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);display:block;margin-bottom:5px;} /* Safari 7.1+ */ _::-webkit-full-page-media, _:future, :root #iap_space .space_box .top_box .txt_box h4 b{ display:flex;align-items:flex-end;justify-content:center; } /*오시는 길*/ #location .bus_info .parking_box{background-image:none;padding:20px;} #location .bus_info .route_box p{display:block;margin-top:5px;} #residence_about .img_list li{width:100%;margin-right:0;margin-top:15px;} #residence_about .img_list li:nth-child(-n+3){margin-top:15px;} #residence_about .img_list li:nth-child(-n+1){margin-top:0;} /*레지던시 입주신청*/ .moveIn_apply_step{margin-bottom:20px;} .moveIn_apply_step li{padding:10px;width:50%;} /*대관신청*/ .reserv_intro_box .txt_box .btn_box .sub_btn{display:block; width:180px;} .reserv_intro_box .txt_box .btn_box .sub_btn:last-child{margin-left:0;margin-top:10px;} } /******************************* 서브 공통 CSS END ***********************************************************************************************************************************/ /*로그인*/ #login_wrap{max-width:530px;margin:0 auto;} #login_wrap .login_top{text-align:center;} #login_wrap .login_top *{word-break:keep-all;} #login_wrap .login_top p{font-size:16px;line-height:170%;} #login_wrap form .login_box{margin-bottom:25px;} #login_wrap form .login_box label{font-size:0;display:block;} #login_wrap form .login_box input{width:100%;height:70px;border:1px solid #070506;padding:0 35px 0 75px;font-size:20px;background-repeat:no-repeat;background-position:left 35px center;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;} #login_wrap form .login_box input:focus, #login_wrap form .login_box input:active{background-color:#f5f5f5;} #login_wrap form .login_box input.login_id{background-image:url('../img/login_ico01.png'); } #login_wrap form .login_box input.login_pw{background-image:url('../img/login_ico02.png');margin-top:10px;} #login_wrap form .com_ck{margin:0;} #login_wrap form .com_ck input + label{line-height:110%;} #login_wrap form .login_btn{display:block;width:100%;height:80px;background:#070506;color:#fff;font-size:18px;font-weight:700;margin:40px 0;} #login_wrap form .link_box{text-align:center;font-size:0;} #login_wrap form .link_box a{display:inline-block;font-size:16px;} #login_wrap form .link_box a:after{content:"";width:1px;height:12px;background:#ddd;display:inline-block;margin:0 15px;} #login_wrap form .link_box a:last-child:after{content:none;} #login_wrap .sns_login_box{margin-top:50px;} #login_wrap .sns_login_box strong{display:block;font-size:26px;line-height:140%;margin-bottom:30px;} #login_wrap .sns_login_box ul{display:flex;flex-wrap:wrap;} #login_wrap .sns_login_box ul li{width:50%;margin-top:20px;} #login_wrap .sns_login_box ul li:nth-child(-n+2){margin-top:0;} #login_wrap .sns_login_box ul li a{display:block;background-repeat:no-repeat;background-position:left center;font-size:16px;line-height:170%;padding:20px 20px 20px 110px;letter-spacing:-0.7px;} #login_wrap .sns_login_box ul li a.naver{background-image:url('../img/sns_login_naver.png');} #login_wrap .sns_login_box ul li a.google{background-image:url('../img/sns_login_google.png');} #login_wrap .sns_login_box ul li a.kakao{background-image:url('../img/sns_login_kakao.png');} /*회원가입*/ .edit_bottom_btn { width:100%; margin:50px 0; font-size:16px; justify-content: center; display:flex; position:relative; text-align: center;} .edit_bottom_btn .cancle_btn {min-width:100px; height: 52px; border: 1px solid #070506; padding:15px; margin:0 5px;} .edit_bottom_btn .edit_btn {min-width:100px; height: 52px; border: 1px solid #070506; padding:15px; background:#000; color:#fff; margin:0 5px; } #join_wrap{display:flex;flex-wrap:wrap; flex-direction: column;} #join_wrap input[readonly] {background-color: #eee;cursor: default;} #mypages input[readonly] {background-color: #eee;cursor: default;} #join_wrap .join_box {width:50%; margin:0 auto; } #join_wrap .join_box .step_01 {border:1px solid #d9d9d9; padding:30px;border-radius: 8px} #join_wrap .join_box .box-title , .box-sub_text {text-align:center; } #join_wrap .join_box .box-title {font-weight:700; margin-bottom:10px;} #join_wrap .join_box .box-sub_text {font-size:12px; letter-spacing: -0.8px; } #join_wrap .join_box .btn-box {text-align: center} #join_wrap .join_box .a_btn_box {text-align:center; font-weight:700; background:#000; color:#fff; margin:25px auto; border:1px solid #000; border-radius: 4px; padding:18px 50px} #join_wrap .danger_text {color: #bc0e0e} #join_wrap .guidebox {width:50%; margin:50px auto; text-align:left; font-size:14px; background:#eee; padding:30px; border-radius: 8px } #join_wrap .guidebox ul { color: #666; font-size: 14px; font-weight: 400; line-height: 170%; letter-spacing: -0.8px; padding-left:30px; word-break: keep-all; } #join_wrap .guidebox li {list-style: disc; } #join_wrap .privacyBox {padding:30px; height:300px; overflow-y: scroll; border:1px solid #eee; border-radius: 8px; margin-bottom:20px; } #join_wrap .dataTable {width:100%; display:table; position:relative; text-align: center; margin:15px 0; } #join_wrap .dataTable thead th{ background:#000; color:#fff; font-size:16px; font-weight:600; padding:15px; border:1px solid #fff; } #join_wrap .dataTable td { font-size:14px; padding:20px 15px;border:1px solid #d9d9d9;} #join_wrap .signup_bottom_btn {display:flex;justify-content: center; text-align:center;} #join_wrap .signup_bottom_btn .sub_btn { display: inline-block; padding: 20px; text-align:center; font-size: 18px; line-height: 120%; min-width: 250px; border: 1px solid #070506; background-repeat: no-repeat; background-position: right 30px center; position: relative; overflow: hidden; } #join_wrap label.join_check .join_check__label{ font-weight: 400 !important; color:#070506} /* 라벨 컨테이너: 클릭영역 확대 */ #join_wrap .join_check{ display:inline-flex; align-items:center; gap:8px; cursor:pointer; user-select:none; } /* 실제 체크박스는 시각적으로 숨김(접근성 유지용) */ #join_wrap .join_check__input{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; } /* 보이는 상자 */ #join_wrap .join_check__box{ width:20px; /* 요청: 20px */ height:20px; /* 요청: 20px */ border:2px solid #c9c9c9; /* 테두리 */ border-radius:4px; /* 모서리 */ background:#fff; /* 배경 */ display:inline-block; box-sizing:border-box; transition:background .15s ease, border-color .15s ease, box-shadow .15s ease, transform .06s ease; } /* 텍스트 */ #join_wrap .join_check__label{ font-size:16px; line-height:1.2; font-weight:600 !important; } /* hover 시 테두리 강조 */ #join_wrap .join_check:hover .join_check__box{ border-color: #000000; } /* 키보드 포커스 표시 */ #join_wrap .join_check__input:focus-visible + .join_check__box{ box-shadow:0 0 0 3px rgba(37,99,235,.15); border-color: #000000; } /* 체크됨 상태: 파란 배경 + 흰색 체크 아이콘 */ #join_wrap .join_check__input:checked + .join_check__box{ background: #000000; border-color: #000000; background-image: url("data:image/svg+xml;utf8,\ \ \ "); background-repeat:no-repeat; background-position:center; background-size:70% 70%; } /* 클릭 눌림 효과 */ #join_wrap .join_check:active .join_check__box{ transform:scale(0.98); } /* 비활성화 상태 */ #join_wrap .join_check__input:disabled + .join_check__box{ background:#f5f6f8; border-color:#e5e7eb; cursor:not-allowed; } #join_wrap .join_check__input:disabled ~ .join_check__label{ color:#9ca3af; cursor:not-allowed; } #join_wrap .check_id { width: 180px; height: 54px; border: 2px solid #070506; text-align: center; font-size: 16px; font-weight: 700; } #join_wrap .com_input_box2 > strong.tit { width: 120px; padding-top: 20px; padding-right: 10px; } #join_wrap .register_complete_box { width:50%; margin: 0 auto; border: 1px solid #d9d9d9; padding: 30px; text-align: center; border-radius: 8px; } #join_wrap .register_complete_box h3 { font-size: 24px; font-weight: 500; margin-bottom: 30px; } #join_wrap .register_complete_box .info { margin-bottom: 40px; line-height: 1.8; color: #555; } #join_wrap .register_complete_box .info strong { color: #333; } #join_wrap .register_complete_box .home_btn { display: inline-block; padding: 12px 40px; background-color: #333; color: #fff; text-decoration: none; } /*마이페이지*/ #mypage_wrap{display:flex;flex-wrap:wrap;} #mypage_wrap .left_box{width:33%;padding-right:15px;} #mypage_wrap .left_box > span{font-size:18px;line-height:120%;color:#333;} #mypage_wrap .left_box > h3{font-size:32px;line-height:150%;font-weight:500;margin:15px 0 55px;} #mypage_wrap .left_box > h3 b{font-size:42px;margin-right:15px;} #mypage_wrap .left_box .logout_btn{display:block;width:160px;height:52px;line-height:52px;border:1px solid #070506;text-align:center;font-size:16px;} #mypage_wrap .right_box{width:67%;} #mypage_wrap .right_box .my_menu_list{display:flex;flex-wrap:wrap;} #mypage_wrap .right_box .my_menu_list li{width:calc(25% - 15px);margin-top:20px;margin-right:20px;border:1px solid #070506;display:flex;flex-wrap:wrap;align-items:center;text-align:center;} #mypage_wrap .right_box .my_menu_list li:nth-child(4n){margin-right:0;} #mypage_wrap .right_box .my_menu_list li:nth-child(-n+4){margin-top:0;} #mypage_wrap .right_box .my_menu_list li > a{display:block;width:100%;padding:45px 15px;} #mypage_wrap .right_box .my_menu_list li > a > img{width:35%;max-width:51px;min-width:35px;} #mypage_wrap .right_box .my_menu_list li > a > strong{display:block;font-size:18px;line-height:140%;font-weight:500;margin-top:30px;word-break:keep-all;} /*개인정보처리방침*/ #privacy_wrap .privacy_top{background:url('../img/privacy_ico01.png') no-repeat left 60px center #f5f5f5;padding:60px 40px 60px 190px;font-size:18px;line-height:170%;word-break:keep-all;} #privacy_wrap .sub_style_box02 > div > strong{color:#555;margin-bottom:15px;} #privacy_wrap .sub_style_box02 > div > ol{padding-left:50px;} #privacy_wrap .sub_style_box02 > div .btn_box{margin-top:15px;} #privacy_wrap .sub_style_box02 > div .btn_box .sub_btn{background-color:#070506;color:#fff;padding-right:85px;} #privacy_wrap .privacy_tit{font-size:24px;line-height:140%;margin-bottom:30px;color:#070506;} #privacy_wrap .b_text{font-size:16px;font-weight:500;display:block;margin-top:20px;} /*메일링 신청*/ #mailing_wrap .mailing_box{background:#f5f5f5;padding:80px 40px;} #mailing_wrap .mailing_top{text-align:center;} #mailing_wrap .mailing_top *{word-break:keep-all;} #mailing_wrap .mailing_top img{width:20%;max-width:100px;min-width:60px;} #mailing_wrap .mailing_top h4{font-size:36px;line-height:140%;display:block;margin:35px 0 15px;} #mailing_wrap .mailing_top p{font-size:18px;line-height:170%;color:#555;} #mailing_wrap .mailing_input{max-width:680px;margin:50px auto 0;} #mailing_wrap .mailing_input span{display:flex;flex-wrap:wrap;align-items:center;} #mailing_wrap .mailing_input span:last-child{margin-top:10px;} #mailing_wrap .mailing_input span label{width:130px;font-size:20px;color:#333;font-weight:700;} #mailing_wrap .mailing_input span input{width:calc(100% - 130px);height:70px;background:#fff;border:1px solid #070506;} #mailing_wrap .mailing_btn{display:block;width:250px;height:62px;background:#333;color:#fff;font-size:18px;margin:0 auto;} /*통합검색*/ #search_wrap{margin-top:125px;} #search_wrap h2{font-size:62px;line-height:120%;text-align:center;} #search_wrap .com_search_box{background:#f5f5f5;padding:60px 15px;} #search_wrap .com_search_box .search_inner > div input{background:#f5f5f5;} #search_wrap .search_result_box .tit_box{margin-bottom:25px;} #search_wrap .search_result_box .tit_box h3{font-size:32px;line-height:120%;} #search_wrap .search_result_box .tit_box h3 span{font-size:26px;font-weight:500;margin-left:10px;} #search_wrap .search_result_box .result_list{border-top:2px solid #070506;} #search_wrap .search_result_box .result_list li{border-bottom:1px solid #ddd;} #search_wrap .search_result_box .result_list li a{display:block;padding:20px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;} #search_wrap .search_result_box .result_list li a:focus, #search_wrap .search_result_box .result_list li a:hover{background:#f5f5f5;} #search_wrap .search_result_box .result_list li a *{font-size:16px;line-height:160%;} #search_wrap .search_result_box .result_list li a .category{font-size:0;margin-bottom:10px;} #search_wrap .search_result_box .result_list li a .category span:after{content:"";width:3px;height:3px;background:#bbb;border-radius:50%;display:inline-block;vertical-align:middle;margin:0 10px;} #search_wrap .search_result_box .result_list li a .category span:last-child:after{content:none;} #search_wrap .search_result_box .result_list li a strong{color:#777;font-weight:500;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;} #search_wrap .search_result_box .result_list li a:focus strong, #search_wrap .search_result_box .result_list li a:hover strong{color:#070506;font-weight:700;} @media all and (max-width:1330px){ /*마이페이지*/ #mypage_wrap .left_box{width:25%;} #mypage_wrap .right_box{width:75%;} /*개인정보처리방침*/ #privacy_wrap .privacy_top{background-position:left 30px center;padding:50px 30px 50px 150px;} #privacy_wrap .privacy_top br{display:none;} } @media all and (max-width:1024px){ /*로그인*/ #login_wrap .login_top p{font-size:14px;} #login_wrap form .login_box{margin-bottom:20px;} #login_wrap form .login_box input{height:50px;padding:0 20px 0 50px;font-size:16px;background-position:left 20px center;} #login_wrap form .com_ck input + label{line-height:120%;} #login_wrap form .login_btn{height:60px;font-size:16px;margin:30px 0;} #login_wrap form .link_box a{font-size:14px;} #login_wrap form .link_box a:after{height:9px;margin:0 10px;} #login_wrap .sns_login_box{margin-top:30px;} #login_wrap .sns_login_box strong{font-size:23px;margin-bottom:20px;} #login_wrap .sns_login_box ul li a{font-size:14px;padding:5px 10px 5px 75px;background-size:60px;} /*마이페이지*/ #mypage_wrap .left_box > span{font-size:16px;} #mypage_wrap .left_box > h3{font-size:25px;margin:15px 0 35px;} #mypage_wrap .left_box > h3 b{font-size:35px;margin-right:10px;} #mypage_wrap .left_box .logout_btn{width:100px;height:40px;line-height:40px;font-size:14px;} #mypage_wrap .right_box .my_menu_list li{width:calc(25% - 8px);margin-top:10px;margin-right:10px;} #mypage_wrap .right_box .my_menu_list li > a{padding:30px 10px;} #mypage_wrap .right_box .my_menu_list li > a > strong{font-size:16px;margin-top:20px;} /*개인정보처리방침*/ #privacy_wrap .privacy_top{background-size:70px;background-position:left 20px center;padding:40px 20px 40px 110px;font-size:16px;} #privacy_wrap .sub_style_box02 > div > strong{margin-bottom:10px;} #privacy_wrap .sub_style_box02 > div > ol{padding-left:30px;} #privacy_wrap .sub_style_box02 > div .btn_box{margin-top:10px;} #privacy_wrap .sub_style_box02 > div .btn_box .sub_btn{padding-right:55px;} #privacy_wrap .sub_style_box02 > div .btn_box .sub_btn:before{padding-right:55px;} #privacy_wrap .privacy_tit{font-size:20px;margin-bottom:20px;} #privacy_wrap .b_text{font-size:14px;margin-top:10px;} /*메일링 신청*/ #mailing_wrap .mailing_box{padding:60px 30px;} #mailing_wrap .mailing_top h4{font-size:30px;margin:20px 0 10px;} #mailing_wrap .mailing_top p{font-size:16px;} #mailing_wrap .mailing_input{margin-top:30px;} #mailing_wrap .mailing_input span label{width:110px;font-size:18px;} #mailing_wrap .mailing_input span input{width:calc(100% - 110px);height:50px;} #mailing_wrap .mailing_btn{width:200px;height:55px;font-size:16px;} /*통합검색*/ #search_wrap{margin-top:80px;} #search_wrap h2{font-size:45px;} #search_wrap .com_search_box{padding:40px 15px;} #search_wrap .search_result_box .tit_box{margin-bottom:15px;} #search_wrap .search_result_box .tit_box h3{font-size:26px;} #search_wrap .search_result_box .tit_box h3 span{font-size:20px;} #search_wrap .search_result_box .result_list li a{padding:15px;} #search_wrap .search_result_box .result_list li a *{font-size:14px;} #search_wrap .search_result_box .result_list li a .category{margin-bottom:5px;} #search_wrap .search_result_box .result_list li a .category span:after{margin:0 5px;} } @media all and (max-width:768px){ /*개인정보처리방침*/ #privacy_wrap .privacy_top{padding:30px 20px 30px 110px;font-size:14px;} #privacy_wrap .privacy_tit{font-size:18px;margin-bottom:10px;} /*마이페이지*/ #mypage_wrap .left_box{width:150px;} #mypage_wrap .left_box > span{font-size:14px;} #mypage_wrap .left_box > h3{font-size:20px;margin:10px 0 20px;} #mypage_wrap .left_box > h3 b{font-size:28px;margin-right:5px;} #mypage_wrap .right_box{width:calc(100% - 150px);} #mypage_wrap .right_box .my_menu_list li{width:calc(50% - 5px);} #mypage_wrap .right_box .my_menu_list li:nth-child(4n){margin-right:10px;} #mypage_wrap .right_box .my_menu_list li:nth-child(-n+4){margin-top:10px;} #mypage_wrap .right_box .my_menu_list li:nth-child(2n){margin-right:0;} #mypage_wrap .right_box .my_menu_list li:nth-child(-n+2){margin-top:0;} #mypage_wrap .right_box .my_menu_list li > a > strong{font-size:14px;} /*메일링 신청*/ #mailing_wrap .mailing_box{padding:40px 20px;} #mailing_wrap .mailing_top h4{font-size:24px;} #mailing_wrap .mailing_top p{font-size:14px;} #mailing_wrap .mailing_input{margin-top:20px;} #mailing_wrap .mailing_input span label{width:95px;font-size:16px;} #mailing_wrap .mailing_input span input{width:calc(100% - 95px);} /*통합검색*/ #search_wrap{margin-top:60px;} #search_wrap h2{font-size:35px;} #search_wrap .com_search_box{padding:30px 15px;} #search_wrap .search_result_box .tit_box h3{font-size:24px;} #search_wrap .search_result_box .tit_box h3 span{font-size:18px;margin-left:5px;} #search_wrap .search_result_box .result_list li a{padding:10px;} } @media all and (max-width:480px){ /*로그인*/ #login_wrap .login_top p br{display:none;} #login_wrap form .login_box input{font-size:14px;height:45px;} #login_wrap form .login_btn{height:55px;} #login_wrap .sns_login_box ul li{width:100%;padding-right:0;margin-top:15px;} #login_wrap .sns_login_box ul li:nth-child(2){margin-top:15px;} /*마이페이지*/ #mypage_wrap .left_box{width:100%;padding-right:0;} #mypage_wrap .right_box{width:100%;margin-top:20px;} /*개인정보처리방침*/ #privacy_wrap .privacy_top{background-image:none;padding:20px;} /*메일링 신청*/ #mailing_wrap .mailing_input span label{width:100%;} #mailing_wrap .mailing_input span input{width:100%;margin-top:10px;} } @media all and (max-width:768px){ /*개인정보처리방침*/ #privacy_wrap .privacy_top{padding:30px 20px 30px 110px;font-size:14px;} #privacy_wrap .privacy_tit{font-size:18px;margin-bottom:10px;} /*마이페이지*/ #mypage_wrap .left_box{width:150px;} #mypage_wrap .left_box > span{font-size:14px;} #mypage_wrap .left_box > h3{font-size:20px;margin:10px 0 20px;} #mypage_wrap .left_box > h3 b{font-size:28px;margin-right:5px;} #mypage_wrap .right_box{width:calc(100% - 150px);} #mypage_wrap .right_box .my_menu_list li{width:calc(50% - 5px);} #mypage_wrap .right_box .my_menu_list li:nth-child(4n){margin-right:10px;} #mypage_wrap .right_box .my_menu_list li:nth-child(-n+4){margin-top:10px;} #mypage_wrap .right_box .my_menu_list li:nth-child(2n){margin-right:0;} #mypage_wrap .right_box .my_menu_list li:nth-child(-n+2){margin-top:0;} #mypage_wrap .right_box .my_menu_list li > a > strong{font-size:14px;} /*메일링 신청*/ #mailing_wrap .mailing_box{padding:40px 20px;} #mailing_wrap .mailing_top h4{font-size:24px;} #mailing_wrap .mailing_top p{font-size:14px;} #mailing_wrap .mailing_input{margin-top:20px;} #mailing_wrap .mailing_input span label{width:95px;font-size:16px;} #mailing_wrap .mailing_input span input{width:calc(100% - 95px);} /*통합검색*/ #search_wrap{margin-top:60px;} #search_wrap h2{font-size:35px;} #search_wrap .com_search_box{padding:30px 15px;} #search_wrap .search_result_box .tit_box h3{font-size:24px;} #search_wrap .search_result_box .tit_box h3 span{font-size:18px;margin-left:5px;} #search_wrap .search_result_box .result_list li a{padding:10px;} /*회원가입*/ #join_wrap h3 {font-size:18px;} #join_wrap .check_id { width: 180px; height: 40px; border: 2px solid #070506; text-align: center; font-size: 14px; font-weight: 700; } #join_wrap .com_input_box2 > strong.tit { width: 120px; padding-top: 10px; padding-right: 10px; } #join_wrap .register_complete_box { width:100%; margin: 0 auto; border: 1px solid #d9d9d9; padding: 30px; text-align: center; border-radius: 8px; } #join_wrap .join_box { width: 100%; margin: 0 auto; } #join_wrap .guidebox { width: 100%; margin: 50px auto; text-align: left; font-size: 14px; background: #eee; padding: 15px 10px; border-radius: 8px; } .small {word-break: keep-all} #layer {top:160px !important; width:80% !important; left:0 !important;right:0 !important; margin:0 auto} } @media all and (max-width:480px){ /*로그인*/ #login_wrap .login_top p br{display:none;} #login_wrap form .login_box input{font-size:14px;height:45px;} #login_wrap form .login_btn{height:55px;} #login_wrap .sns_login_box ul li{width:100%;padding-right:0;margin-top:15px;} #login_wrap .sns_login_box ul li:nth-child(2){margin-top:15px;} /*마이페이지*/ #mypage_wrap .left_box{width:100%;padding-right:0;} #mypage_wrap .right_box{width:100%;margin-top:20px;} /*개인정보처리방침*/ #privacy_wrap .privacy_top{background-image:none;padding:20px;} /*메일링 신청*/ #mailing_wrap .mailing_input span label{width:100%;} #mailing_wrap .mailing_input span input{width:100%;margin-top:10px;} }