.container_index{position:relative;margin:0px auto;width:100%;max-width:1470px;padding:0px 15px;} .container{position:relative;margin:0px auto;width:100%;max-width:1470px;padding:0px 15px;} .lineCut1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .lineCut{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;} .lineCut.lineCut2{ -webkit-line-clamp: 2; } .lineCut.lineCut3{ -webkit-line-clamp: 3; color: #656565; font-size: 16px; line-height: 28px; height: 78px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;font-weight: 400;} .lineCut.lineCut4{ -webkit-line-clamp: 4; } img{max-width:100%;} /************************ top menu *************************/ #topMenu{width:100%;padding:0px;transition:all 0.5s;} body.sub #topMenu, body.index.on #topMenu{background-color: #fffffff2; box-shadow: 0px 2px 5px rgba(0,0,0,0.1);} body.index #topMenu{display:block;} body.index.on #topMenu{top:-100px;} body.index.on.scroll_up #topMenu{display:block;top:0px;} #topMenu > div{padding:0px;margin:0px auto;width:100%;max-width:1440px;display:flex;align-items:center;} #topMenu .logo{display:flex;align-items:center;height:85px;padding-left:15px;font-size:25px;font-weight:800;font-family:'S-CoreDream';letter-spacing:-0.05em;} #topMenu .logo a{color:white;} body.sub #topMenu .logo a, body.index.on #topMenu .logo a{color:black;} #topMenu .menu{margin-left:auto;display:flex;align-items:center;} #topMenu .menu li > a{padding:0px 20px;display:inline-flex;align-items:center;height:85px;font-family:'Noto Sans KR';font-weight:500;font-size:16px;color:white;} body.index.on #topMenu .menu li > a{color:black;font-weight: 500;} body.sub #topMenu .menu li > a{color:black;} #topMenu .lang{position:relative;margin-right:15px;} #topMenu .lang > button{margin-top:5px;height:60px;width:25px;background-color:transparent;padding:0px;border:0px;outline:none;background:url('/img/pages/global_icon_w.png') no-repeat center center;} #topMenu .lang > button.white{background-image:url('/img/pages/global_icon_w.png');} body.sub #topMenu .lang > button, body.index.on #topMenu .lang > button{background-image:url('/img/pages/global_icon.png');} #topMenu .lang > div{display:none;position:absolute;right:0px;top:58px; background-color:white;} #topMenu .lang:hover > div{display:block;} #topMenu .lang.on > div{display:block;} #topMenu .lang ul{padding:10px 5px;width:110px;border-radius:5px;border:1px solid #ddd;} #topMenu .lang ul li{width:100%;padding:2px 0px;} #topMenu .lang ul li button{padding-top:2px;width:100%;height:30px;font-size:15px;font-weight:700;font-family:'Noto Sans KR';background-color:transparent;border:0px;outline:none;border-radius:5px; color:black;} #topMenu .lang ul li button.on{background-color:#304e7e;color:white;} #topMenu .lang ul li button:hover{background-color:#304e7e;color:white;} #topMenu .navbar-toggler{width:60px;height:50px;background:url('/img/pages/top_menu_w.png') no-repeat center center;outline:none;border:0px;box-shadow:none;} body.sub #topMenu .navbar-toggler, body.index.on #topMenu .navbar-toggler{background-image:url('/img/pages/top_menu.png')} #topMenu .menu li.mHead{display:none;} #topMenu .menu li.mHead .mLogo{font-size: 25px; font-weight: 800; font-family: 'S-CoreDream';color:white;} #topMenu .menu li.mHead .mClose button{background-color:transparent;border:0px;outline:none;} #topMenu .menu li.mHead a{padding:10px 0px;font-size:25px;color:white;letter-spacing:-0.05em;} #headPadding{height:85px;} @media (max-width:1530px){ div#reviewSwiper{width:calc(100% - 70px);margin-left:auto;margin-right:auto;} } @media (max-width:1200px){ #topMenu .logo{height:65px;} #topMenu ul.menu{color:black;} #topMenu ul.menu li{width:100%;background-color:white;} #topMenu ul.menu li > a{height:55px;width:100%;color:black;border-bottom:1px solid #ccc;} #topMenu #navbarContent{position:fixed;top:0px;left:0px;width:100%;padding:0px;background-color:white;z-index:9;} #navbarContent.show{height:100vh;} #topMenu .menu li.mHead{padding:0px 15px;width:100%;height:65px;display:flex;align-items:center;justify-content:space-between;background-color:#0f171c;color:white;} #topMenu .lang{height:65px;margin-left:auto;margin-right:30px;z-index:8;} #headPadding{height:65px;} } @media (max-width:780px){ #topMenu .lang{margin-right:0px;} #topMenu .menu li.mHead a{font-size:16px} } /************************ footer *************************/ .footer{width:100%;background-color:#212528;color:white;} .footer .info{width:100%;max-width:1470px;margin:0px auto;padding:55px 15px; border-bottom: 1px solid #b9bbba;} .footer .info .bmenu{margin-bottom:20px;display:flex;align-items:center;font-size:18px;} .footer .info .bmenu a{font-size:18px;font-weight:600;margin-right:40px;color:white;} .footer .info .bmenu a:last-child{;margin-right:10px;} .footer .info ul.addr{width:100%;font-size:16px;line-height:24px;} .footer .info ul.addr .comp_info{display:flex;align-items:center;} .footer .info ul.addr .comp_info > div{margin-right:10px;} .footer .info ul.addr .comp_info > div.call{display:flex;align-items:center;justify-content:center;} .footer .info ul.addr .comp_info > div.call > div{margin-right:10px;} .footer .info ul.addr .head{font-weight:bold;} .footer .langList{background-color:#212528;} .footer .langList ul{width:100%;max-width:1470px;padding:5px 15px 35px 15px;margin:0px auto;display:flex;align-items:center;flex-wrap:wrap;} .footer .langList ul li{position:relative;margin-right:30px;} .footer .langList ul li:after{display:inline-block;content:"|";position:absolute;top:50%;right:-15px;transform:translateY(-50%); color:white;} .footer .langList ul li:last-child{margin-right:0px;} .footer .langList ul li:last-child:after{display:none;} .footer .langList ul li > button{font-size:16px;padding:15px 0px;color:white;background-color:transparent;border:0px;} .footer .langList ul li:first-child > a{} .copyRight{display:none;padding:10px 0px 30px 0px;width:100%;text-align:center;font-size:15px;color:white;} @media (max-width:660px){ .footer .info .bmenu{margin-bottom:40px;justify-content:center;font-size:16px;} .footer .info .bmenu a{font-size:15px;margin-right:30px;} .footer .info .bmenu a{font-size:15px;margin-right:10px;margin-left:10px;text-align:center;} .footer .info ul.addr{text-align:center;font-size:14px;line-height:23px;} .footer .info ul.addr li{margin-bottom:10px;} .footer .info ul.addr .comp_info{display:block;margin-bottom:0px;} .footer .info ul.addr .comp_info > div{margin-bottom:10px;margin-right:0px;} .footer .info ul.addr .comp_info > div.call{display:flex;align-items:center;justify-content:center;} .footer .info ul.addr .comp_info > div.call > div{margin-left:5px;margin-right:5px;} .footer .langList{padding-top:20px;background-color:#474646} .footer .langList ul{justify-content:center;} .footer .langList ul li{margin-right:15px;margin-left:15px;} .footer .langList ul li > a{font-size:15px;padding:10px 0px;} .copyRight {display:block;} } .side_menu{position:fixed;top:80%;right:70px;transform:translateY(-50%);z-index:100;} .side_menu .quick_btn{width:100px;padding:20px 15px;background-color:white;border:1px solid #ddd;border-radius:10px;} .side_menu .quick_btn > div{margin-bottom:30px;text-align:center;} .side_menu .quick_btn > div:last-child{margin-bottom:0px;} .side_menu .quick_btn .icon_btn a{display:block;} .side_menu .quick_btn .icon{margin-bottom:5px;} .side_menu .quick_btn .text{font-size:12px;font-weight:500;} body.mobile .side_menu .quick_btn > div.location{display:none;} .side_menu .quick_btn .call .icon{margin-bottom:2px;} .side_menu .quick_btn .call{display:none;} body.mobile .side_menu .quick_btn .call{display:block;} @media (max-width:1080px){ .side_menu{right:0px;} .side_menu .quick_btn{width:80px;padding:15px 5px;} .side_menu .quick_btn .text{font-size:12px;letter-spacing:-0.05em} .side_menu .quick_btn > div{margin-bottom:15px;} body.mobile .side_menu{right:20px;top:auto;bottom:20px;transform:initial;} #top_btn img{width:80px;} } #top_btn{background:transparent;border:0px;} .swiperCon{position:relative;} .swiperCon .swiper-slide{} .swiperCon .swiper-slide .itemCard{padding:40px 20px;background-color: #ffffff; border: 1px solid #ddd;transition:all 0.3s;} .swiperCon .swiper-slide .itemCard > a{display:block;color:black;} .swiperCon .swiper-slide .itemCard .subject{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ccc;} .swiperCon .swiper-slide .itemCard .subject > div {} .swiperCon .swiper-slide .itemCard .subject > div > a{font-size:24px;font-weight:600;line-height:36px;height:72px;color:black;} .swiperCon .swiper-slide .itemCard .content > div a{font-size:16px;line-height:24px;height:72px;color:black;} .swiperCon .swiper-slide .itemCard:hover{background-color:#414d5a;border:1px solid #414d5a;} .swiperCon .swiper-slide .itemCard:hover > a{color:white;} .swiperCon .swiper-slide .itemCard:hover .subject{border-bottom:1px solid #eee;} .swiperCon .swiper-slide .itemCard:hover .subject > div > a{color:white;} .swiperCon .swiper-slide .itemCard:hover .content > div a{font-size:16px;line-height:24px;height:72px;color:white;} .indexTitle{margin-bottom:40px;display:flex;align-items:center;} .indexTitle .title1{font-size:50px;line-height:60px;font-weight:700;color:#a5a5a5} .indexTitle .title2{font-size:50px;line-height:60px;font-weight:700;color:#3f3f3f;} .indexTitle .title3{font-size:50px;line-height:60px;font-weight:700;color:#3f3f3f} .indexTitle .title4{font-size:50px;line-height:60px;font-weight:700;color: #ffffff;} .indexMore{display:inline-flex;align-items:center;margin-left:auto;font-size:21px;font-weight:700; color: #181818;} .indexMore:after{margin-left:15px;content:'o';display:inline-block;color: #ffffff; font-size:12px;} .indexNews .indexMore{color:white;} .indexMore2{display:inline-flex;align-items:center;margin-left:auto;font-size:21px;font-weight:700; color: #696969;} .indexMore2:after{margin-left:15px;content:'o';display:inline-block;color:#696969; font-size:12px;} /* a.index_more{position:relative;font-style: normal;font-weight: 400;font-size: 21px;line-height: 50px; letter-spacing: -0.03em;text-decoration:none;} a.index_more:after{content:"";display:block;position:absolute;top:calc(50% + 2px);right:-15px;width:66px;height:66px;background-color:#d9d9d9;border-radius:50%;z-index:-1;transform:translateY(-50%);transition:all 0.3s} a.index_more span{margin-left:5px;;} a.index_more:hover:after{right:-30px;width:70px;height:70px;} */ .swiperCon .swiper_arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:23px; font-weight:bold;z-index:2;cursor:pointer} .swiperCon .swiper_arrow.swiper_arrow_left{left:-35px;} .swiperCon .swiper_arrow.swiper_arrow_right{right:-35px;} /********************** index ocation ***********************/ .locCon{padding:40px 0px 100px 0px;} .locCon .locTitle{margin-bottom:20px;display:flex;align-items:center;} .locCon .locTitle .title{width:300px;display:flex;font-size:46px;font-weight:800; padding: 8px 35px 8px 0px;color:white;} .locCon .locTitle .locList{calc(100% - 300px);display:flex;align-items:center;flex-wrap:wrap;} .locCon .locTitle .locList li{position:relative;padding:8px 15px;font-size:21px;font-weight:bold;color:#8d8d8d;cursor:pointer;} .locCon .locTitle .locList li.on{color:white;} .locCon .locTitle .locList li.on:before{display:block;content:"o";position:absolute;top:0px;left:0px;font-size:15px;} .locCon .locTitle .locList li:hover{color:white;} body.plocation .locCon .locTitle .title, body.plocation .locCon .locTitle .locList li.on, body.plocation .locCon .locTitle .locList li:hover{color:#000000;} .locCont{position:relative;width:100%;height:760px;overflow:hidden; background-color: #0000005e;} body.plocation .locCont{background-color:transparent;} .locCont .kakaomap{position:absolute;width:100%;height:100%;top:-100%;left:0px;overflow:hidden;visibility: hidden;} .locCont .kakaomap.on{visibility: visible;top:0%} .locCont .kakaomap .index_map{margin-bottom:25px;overflow:hidden;} .locCont .kakaomap .index_addr{display:flex;align-items:center;padding-right:0px; color: #ffffff;} body.plocation .locCont .kakaomap .index_addr{color: #000000;} .locCont .kakaomap .index_addr > div{display:flex;align-items:center;} .locCont .kakaomap .index_addr .head{margin-right:20px;font-size:18px;font-weight:700;} .locCont .kakaomap .index_addr .text{margin-right:30px;font-size:18px;} .locCont .kakaomap .index_addr .addr{margin-right:30px;} body .root_daum_roughmap_landing{width:100%;} body .root_daum_roughmap .wrap_map{height:630px;overflow:hidden;} .subBg{width:100%;background:url('/img/pages/sub_bg.jpg') no-repeat center center} .subBg .container{height:325px;display:flex;align-items:center;font-size:46px;font-weight:bold;color:white;} /* intro pages */ .pTitle{padding:80px 0px 60px 0px;font-size:78px;font-family:'Nanum Myeongjo';font-weight:500;text-align:center;} .pSubText{margin-bottom:80px;font-size:24px;line-height:36px;text-align:center;} .introHead{padding-top:135px;background:url('/img/pages/intro_bg.jpg') no-repeat 0px 0px;} .introHead > div{padding-top:50px;margin:0px auto 50px auto;width:calc(100% - 30px);max-width:1200px;background-color:white;line-height:40px;text-align:center;} .introHead > div > .text{margin-bottom:50px;font-size:24px;font-weight:700;} .introHead > div > .text1{font-size:21px;} .introMap{width:100%;background:url('/img/pages/intro_map.jpg') no-repeat top center;} .introMap > div{margin-bottom:80px;padding-top:20px;} .introMap > div > .text2{margin-bottom:80px;font-size:21px;line-height:40px;text-align:center;} .introMap .intro_award{width:100%;max-width:900px;margin:0px auto;} .introMap .intro_award > div{margin-bottom:90px;} .introMap .intro_award ul{display:flex;flex-wrap:wrap; justify-content: center;} .introMap .intro_award ul li{margin-bottom:90px;width:25%;padding:0px 10px;text-align:center;} .introMap .intro_award ul li .img{margin-bottom:10px;} .introMap .intro_award ul li .text{font-size:14px;line-height:21px;font-weight:500;} @media (max-width:1120px){ .locCont{height:980px;} .locCont .kakaomap .index_addr{display:flex;flex-wrap:wrap;} .locCont .kakaomap .index_addr > div{width:100%;padding:10px 0px;} .locCont .kakaomap .index_addr .text{flex:1;} .locCont .kakaomap .index_addr .text br{display:none;} .locCont .kakaomap .index_addr .head{width:100px;} body.plocation .locCont .kakaomap .index_addr > div{padding:15px 0px 5px 0px;border-bottom:1px solid #aaa} body.plocation .locCont .kakaomap .index_addr > div:nth-child(n+1){padding-bottom:10px;display:flex;align-items:center;} body.plocation .locCont .kakaomap .index_addr > div:nth-child(n+1) .text{margin-bottom:0px;} body.plocation .locCont .kakaomap .index_addr > div:last-child{border-bottom:4px solid #aaa} } @media (max-width:700px){ .introMap .intro_award ul li{margin-bottom:50px;} .introMap .intro_award ul li{width:33.33%} } @media (max-width:550px){ .introMap .intro_award ul li{margin-bottom:30px;width:30%} body.plocation .locCont .kakaomap .index_addr > div{padding:13px 0px 3px 0px;} .locCont .kakaomap .index_addr .head{width:80px;} } /* lawyer list */ #lawyerList{margin-top:50px;width:100%;} #lawyerList ul{width:100%;display:flex;flex-wrap:wrap} #lawyerList ul li{width:calc(25% - 30px);margin:0px 40px 50px 0px;} #lawyerList ul li:nth-child(4n+4){margin-right:0px;} #lawyerList ul li > div a{width:100%;display:block;} #lawyerList ul li .img {position:relative;margin-bottom:15px;width:100%;height:0px;padding-bottom:115%; background:no-repeat top center;background-size:cover;} #lawyerList ul li .img > a{position:absolute;top:0px;left:0px;width:100%;height:100%;} #lawyerList ul li .name{padding-left:10px;margin-bottom:2px;} #lawyerList ul li .name > a{font-size:24px;font-weight:700;color:black;} #lawyerList ul li .position{padding-left:10px;} #lawyerList ul li .position > a{font-size:21px;font-weight:500;color:#969696;} @media (max-width:1200px){ #lawyerList ul li{width:calc(25% - 15px);margin:0px 20px 50px 0px;} } @media (max-width:1080px){ #lawyerList ul li{width:calc(33.33% - 12px);margin:0px 16px 40px 0px;} #lawyerList ul li:nth-child(4n+4){margin-right:16px;} #lawyerList ul li:nth-child(3n+3){margin-right:0px;} #lawyerList ul li .img{margin-bottom:20px;} #lawyerList ul li .name{margin-bottom:10px;} #lawyerList ul li .name a{font-size:21px;} #lawyerList ul li .position a{font-size:18px;} } @media (max-width:890px){ #lawyerList ul li{width:calc(33.33% - 9px);margin:0px 12px 40px 0px;} #lawyerList ul li:nth-child(4n+4){margin-right:12px;} #lawyerList ul li:nth-child(3n+3){margin-right:0px;} } @media (max-width:780px){ #lawyerList ul li{width:calc(33.33% - 6px);margin:0px 8px 30px 0px;} #lawyerList ul li:nth-child(4n+4){margin-right:8px;} #lawyerList ul li:nth-child(3n+3){margin-right:0px;} } @media (max-width:620px){ #lawyerList ul li{width:calc(50% - 5px);margin:0px 10px 25px 0px;} #lawyerList ul li:nth-child(4n+4){margin-right:10px;} #lawyerList ul li:nth-child(3n+3){margin-right:10px;} #lawyerList ul li:nth-child(2n+2){margin-right:0px;} #lawyerList ul li > .img{margin-bottom:15px;} #lawyerList ul li > .name{margin-bottom:5px;} #lawyerList ul li > .name a{font-size:18px;} #lawyerList ul li > .position a{font-size:16px;} } /* lawyer view*/ #lawyerView{padding:60px 0px 80px 0px;width:100%;display:flex;} #lawyerView .image{width:430px;margin-right:60px;} #lawyerView .image > div{width:100%;height:0px;padding-bottom:120%;background:no-repeat top center;} #lawyerView .view{width:calc(100% - 490px);} #lawyerView .view .head{margin-bottom:50px;} #lawyerView .view .head .name{margin-bottom:20px;font-size:32px;line-height:40px;color:black;font-weight:700;} #lawyerView .view .head .position{font-size:21px;color:#969696;font-weight:500;} #lawyerView .view .law_list .lawStitle{margin-bottom:30px;font-size:24px;color:black;font-weight:bold;} #lawyerView .view .law_list .viewList{padding-bottom:20px;} #lawyerView .view .law_list .viewList li{margin-bottom:25px;font-size:19px; line-height:25px;padding-left:15px;list-style-type: '·';word-break: keep-all;} #lawyerView .lawStitle{margin-bottom:30px;font-size:24px;color:black;font-weight:bold;} #lawyerView .law_case_title{margin-bottom:15px;font-size:19px;font-weight:600;} #lawyerView .law_list ul.lawList{margin-bottom:30px;} #lawyerView .law_list ul.lawList > li {margin-bottom:25px;font-size:19px;line-height:25px;padding-left:15px;list-style-type: '·';word-break: keep-all;} #lawyerView .law_case{padding-left:15px;} #lawyerView .law_case ul.lawList{padding-left:8px;} /*mobile lawyer more*/ #lawyerView .rmBtn{padding:0px 0px 30px 0px;} body.pc #lawyerView .rmBtn{display:none;} #lawyerView .law_info .rmBtn{display:none;} #lawyerView .law_info.on .rmBtn{display:block;} #lawyerView .rmBtn .lawCareerMore{width:150px;height:36px;background-color:#293b4e;border-radius:20px;font-size:16px;color:white;text-decoration:none;text-align:center;border:0px;} .law_info.on .info_num.hide{display:none;} .rmBtn a:link,.rmBtn a:visited,.rmBtn a:active,.rmBtn a:hover{color:white;} .law_case_con .law_case:nth-child(n+2) { display: none; } @media (max-width:980px){ #lawyerView .image{width:370px;margin-right:30px;} #lawyerView .image > div{padding-bottom:150%;} #lawyerView .view{width:calc(100% - 400px);} #lawyerView .view .head{margin-bottom:30px;} #lawyerView .view .head .name{margin-bottom:15px;font-size:28px;line-height:36px;} #lawyerView .view .head .position{font-size:18px;} #lawyerView .view .law_list .lawStitle{margin-bottom:20px;font-size:21px;} #lawyerView .view .law_list .viewList{padding-bottom:15px;} #lawyerView .view .law_list .viewList li{margin-bottom:10px;font-size:16px; line-height:25px;padding-left:10px;} #lawyerView .law_case_title{margin-bottom:10px;font-size:17px;} #lawyerView .law_list ul.lawList{margin-bottom:20px;} #lawyerView .law_list ul.lawList > li {margin-bottom:10px;font-size:16px;line-height:25px;padding-left:10px;} #lawyerView .law_case{padding-left:10px;} #lawyerView .law_case ul.lawList{padding-left:8px;} } @media (max-width:780px){ #lawyerView .image > div{padding-bottom:180%;} #lawyerView .image{width:320px;margin-right:30px;} #lawyerView .view{width:calc(100% - 350px);} } @media (max-width:780px){ #lawyerView {display:block;padding:40px 0px 50px 0px;} #lawyerView .image{width:100%;max-width:430px;margin:0px auto 30px auto;} #lawyerView .image > div{padding-bottom:90%;} #lawyerView .view{width:100%;padding-left:5px;padding-right:5px;} #lawyerView .view .head .name{margin-bottom:10px;font-size:24px;line-height:36px;} #lawyerView .view .head .position{font-size:17px;} #lawyerView .view .law_list .lawStitle{font-size:18px;} #lawyerView .view .law_list .viewList{} #lawyerView .view .law_list .viewList li{font-size:15px; line-height:23px;} #lawyerView .law_case_title{margin-bottom:10px;font-size:16px;} #lawyerView .law_list ul.lawList > li {font-size:15px;line-height:23px;} } @media (max-width:430px){ #topMenu .logo{font-size:16px;} #lawyerView .image > div{padding-bottom:100%;} } @media (max-width:280px){ #lawyerView .image > div{padding-bottom:110%;} } .law_case_con.on .law_case_more{display:flex;align-items:center;} #law_case_more{display:inline-block;margin-left:0px;font-size:16px;font-weight:700;color:#2c62b1;padding-bottom:10px;border-bottom:1px solid #2c62b1;text-decoration:none;} .law_case_con .law_case:nth-child(n+2) { display: none; } .law_case_con.on .law_case:nth-child(n+2) { display: block; } /* page con */ .pageCon2{width:100%;padding:0px 0px 0px 0px;margin:0px auto;} .pg_wrap2 .pg2{display:flex;align-items:center;justify-content:center;} .pg_wrap2 a , .pg_wrap2 strong{display:flex;align-items:center;justify-content:center;margin:20px 2px;width:40px;height:40px;border:1px solid #aaa;color:#939393} .pg_wrap2 strong { background-color: #294152;color:white;} .pg_wrap2 a, .pg_wrap2 strong{font-size:19px;} .pg_wrap2 .font-simbol{font-family:'Nanum Myeongjo';} /* pages css */ .pg_wrap2 .pg2 .pg_page{text-decoration:none;} .pg_wrap2 .pg2 .pg_page2.pg_start2, .pg_wrap2 .pg2 .pg_page2.pg_prev2, .pg_wrap2 .pg2 .pg_page2.pg_next2, .pg_wrap2 .pg2 .pg_page2.pg_end2{font-family:'Nanum Myeongjo';} .pg_wrap2 .pg2 .pg_current2{background-color: #294152;color:white;border-color: #294152;} /* END pages css */ /*review*/ #reviewList{padding:0px 0px 50px 0px;background-color:#f5f5f5} .review_top{margin-bottom:60px;padding:50px 0px 65px 0px;width:100%;background:url('/img/pages/review_bg.jpg') no-repeat center center;background-size:cover;} body.pnews .review_top{background-image:url('/img/pages/newsletter_bg.jpg');} .review_top .reviewTitle{margin-bottom:25px;font-size:32px;font-weight:bold;color:white;} .review_top ul{width:100%;display:flex;} .review_top ul li{padding:40px 20px;width:calc(33.33% - 10px);background-color:white;margin-right: 20px;border: 1px solid #bdbdbd;} .review_top ul li:nth-child(3){margin-right:0px;} .review_top ul li a{display:block;width:100%;} .review_top ul li .subject{} .review_top ul li .subject a{font-size:24px;line-height:36px;height:72px;font-weight:bold;} .review_top ul li .line{margin:15px 0px;width:100%;height:1px;background-color:#ccc;} .review_top ul li .content{} .review_top ul li .content a{font-size:16px;line-height:24px;height:72px;} .review_list ul{margin-bottom:40px;border-top:2px solid #aaa;background-color:white;} .review_list li {width:100%;border-bottom:1px solid #ccc;padding:44px;} .review_list li > div > a{display:block;} .review_list li .subject a{margin-bottom:15px;font-size:24px;color:black;line-height:35px;font-weight:bold;} .review_list li .content a{font-size:18px;line-height:24px;max-height:48px;color:#8d8d8d;} /*review common mobile*/ .newsCon{padding:0px 0px 40px 0px;} .newList{margin-bottom:30px;width:100%;padding:25px 0px 15px 0px;background:url('/img/pages/review_bg.jpg') no-repeat center center;background-size:cover;} .newList .listTitle{padding-left:15px;margin-bottom:15px;font-size:23px;font-weight:700;color:white;} .newList .swiper{padding-bottom:20px;} .newList .swiper-slide{width:300px;box-shadow: 5px 5px 12px #23232317;border-top:1px solid #f3f3f3;} .newList .swiper-slide .itemCard{padding:25px 15px 30px 15px;background-color:white} .newList .swiper-slide .itemCard .subject{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ccc;} .newList .swiper-slide .itemCard a{display:block;color:black;} .newList .swiper-slide .itemCard .subject > a{font-size:16px;font-weight:600;line-height:24px;height:52px;color:black;} .newList .swiper-slide .itemCard .content > a{font-size:14px;line-height:22px;height:66px;color:black;} .newsList {margin-bottom:20px;border-top:2px solid #aaa;} .newsList li {width:100%;border-bottom:1px solid #ccc;padding:15px 10px;} .newsList li a{width:100%;display:block;} .newsList li .subject a{margin-bottom:10px;font-size:17px;color:black;line-height:25px;font-weight:bold;} .newsList li .content a{font-size:14px;line-height:21px;color:#8d8d8d;} .moreCon{padding:20px 0px;width:100%;display:flex;align-items:center;justify-content: center;} .moreCon.on{display:none;} .moreCon button.moreBtn{width:150px;height:36px;background-color:#293b4e;border-radius:20px;font-size:16px;color:white;text-decoration:none;text-align:center;border:0px;} body.pc .moreCon button.moreBtn{width:auto;height:36px;background-color:transparent;font-size:24px;color:#293b4e;font-weight:bold;} @media (max-width:450px){ .newsList li .subject a{font-size:16px;line-height:23px;} } /*review view*/ .pageTitle{padding:70px 0px;background-color:white;text-align:center;} .pageTitle .head{margin-bottom:50px;position:relative;padding:0px 0px;font-size:41px;display:flex;align-items:center;justify-content:center;height:140px;line-height:50px;} .pageTitle .head span.bold{font-weight:700;letter-spacing:-0.05em;font-size:43px;} .pageTitle .head .title{position:relative;z-index:2;} .pageTitle .head .rect{position:absolute;top:0px;left:50%;width:65px;height:140px;border:3px solid #e6e6e6;transform:translateX(-50%);z-index:1;} .pageTitle .text{font-size:21px;line-height:35px;font-weight:500;} @media (max-width:780px){ /*review view*/ .pageTitle{padding:30px; 0px;} .pageTitle .head{margin-bottom:30px;font-size:31px;height:120px;line-height:40px;} .pageTitle .head span.bold{font-size:33px;} .pageTitle .head .rect{width:55px;height:120px;} .pageTitle .text{font-size:17px;line-height:28px;} } @media (max-width:650px){ /*review view*/ .pageTitle{padding:30px 15px;} .pageTitle .head{margin-bottom:25px;font-size:25px;height:100px;line-height:35px;} .pageTitle .head span.bold{font-size:28px;} .pageTitle .head .rect{width:50px;height:100px;} .pageTitle .text{font-size:16px;line-height:26px;} } @media (max-width:450px){ /*review view*/ .pageTitle{padding:30px 15px;} .pageTitle .head{margin-bottom:20px;font-size:21px;height:80px;line-height:30px;} .pageTitle .head span.bold{font-size:23px;} .pageTitle .head .rect{width:45px;height:80px;} .pageTitle .text{font-size:14px;line-height:24px;} } #reviewView{width:100%;padding:60px 0px;background-color:#ffffff;} #reviewView .subject{padding:40px 20px;font-size:26px;font-weight:bold;line-height:35px;border-top:2px solid #aaa;border-bottom:1px solid #ccc; background-color: #f5f5f5;} #reviewView .content{padding:40px 20px;} #bo_v_img{margin-bottom:40px;} #bo_v_img img{max-width:780px; border: 1px solid #efefef;} #reviewView .content .cont{font-size:18px;line-height:30px;color:block;} #reviewView .viewNav{width:100%;padding:25px 40px;border-top:2px solid #aaa;border-bottom:1px solid #ccc;display:flex;align-items:center;} #reviewView .vn_prev, #reviewView .vn_next, #reviewView .vn_list{width:95px;} #reviewView .viewNav a{display:block;width:95px;text-align:center;} #reviewView .viewNav a span{display:inline-block;padding:0px 5px;font-size:18px;font-weight:600;} #reviewView .viewNav .vn_subject{margin:0px 10px;width:calc(100% - 305px);font-size:24px;font-weight:500;color:black;text-align:center;} @media (max-width:980px){ #reviewView .viewNav{padding-left:0px;padding-right:0px;} #reviewView .subject{font-size:23px;} #reviewView .viewNav .vn_subject{font-size:20px;} } @media (max-width:780px){ #reviewView .viewNav{padding-left:0px;padding-right:0px;} #reviewView .subject{font-size:23px;} #reviewView .viewNav .vn_subject{font-size:20px;} #reviewView .vn_prev, #reviewView .vn_next, #reviewView .vn_list{width:60px;text-align:center;} #reviewView .viewNav a{width:50px;} #reviewView .viewNav .vn_subject{width:calc(100% - 180px);} } /*media*/ #mediaList{padding:60px 0px;} #mediaList .review_list{margin-bottom:30px;width:100%;border-top:2px solid #aaa;} #mediaList .review_list li {width:100%;display:flex;justify-content:space-between;padding:45px 15px 45px 0px;border-bottom:1px solid #ccc;} #mediaList .review_list li .image{width:440px;padding-right:25px;} #mediaList .review_list li .image > div{position:relative;width:100%;height:0px;padding-bottom:56.25%;background:no-repeat center center;background-size:cover;border:1px solid #ddd;} #mediaList .review_list li .image > div > a{position:absolute;top:0px;left:0px;display:block;width:100%;height:100%;} #mediaList .review_list li .subject{padding-top:20px;width:calc(100% - 440px);font-size:34px;line-height:42px;;font-weight:600;} #mediaList .review_list li .subject a{display:block;padding:0px;} @media (max-width:1080px){ #mediaList .review_list li .image{width:400px;padding-right:25px;} #mediaList .review_list li .subject{padding-top:20px;width:calc(100% - 400px);font-size:30px;line-height:42px;} } @media (max-width:980px){ #mediaList .review_list li .subject{padding-top:10px;font-size:25px;line-height:36px;} } @media (max-width:890px){ #mediaList .review_list li .image{width:340px;padding-right:20px;} #mediaList .review_list li .subject{padding-top:10px;width:calc(100% - 340px);font-size:25px;line-height:36px;} } @media (max-width:780px){ #mediaList .review_list li {padding:25px 5px 25px 5px;} #mediaList .review_list li .image{width:300px;padding-right:20px;} #mediaList .review_list li .subject{padding-top:10px;width:calc(100% - 300px);font-size:23px;line-height:34px;} } #reviewView .movie{margin-bottom:30px;} #reviewView .movie{display:flex;align-items:center;justify-content:center;position:relative;margin:0px auto;width:100%;max-width:1080px;} #reviewView .movie .videoCon{position:relative;width:100%;height:0px;padding-bottom:56.25%;} #reviewView .movie .videoCon iframe, #reviewView .movie .videoCon video{position:absolute;top:0px;left:0px;width:100%;height:100%;} /*consult write*/ .csCon{padding:60px 0px 100px 0px} .csWrite{width:100%;display:flex;justify-content: center;} .csWrite .csBg{width:590px;background:url('/img/pages/cs_bg.jpg') no-repeat center center;background-size:cover;} .csWrite .csForm{padding:0px 0px 50px 0px;display:flex;align-items:center;justify-content:center;width:calc(100% - 590px);background-color:#ffffff;} .csWrite .csForm div{width:calc(100% - 15px);max-width:550px;} .csWrite .csForm .title{margin-bottom:35px;font-size:32px;line-height:32px;font-weight:600;text-align:center;} .csWrite .csForm .title span{display:inline-block;padding-bottom:10px;border-bottom:2px solid #333;} .csWrite .csForm .head{margin-bottom:10px;font-size:21px;font-weight:500;} .csWrite .csForm .text{margin-bottom:30px;} .csWrite .csForm .text input[type='text']{padding-left:10px;width:100%;height:45px;border:1px solid #ccc;} .csWrite .csForm .text textarea{padding:10px;width:100%;height:170px;border:1px solid #ccc;} .csWrite .csForm .agree{margin-bottom:40px;display:flex;align-items:center;font-size:18px;} .csWrite .csForm .agree input[type='checkbox']{display:inline-block;width:20px;height:20px;margin-right:10px;} .csWrite .csForm .agree label{color:black;} .csWrite .csForm .agree button{width:120px;margin-left:5px;background-color:transparent;border:0px;font-size:16px;color:#8e8e8e;} .csWrite .csForm .send{width:100%;height:} .csWrite .csForm .send button{width:100%;height:65px;background-color:#1b2d45;color:white;font-size:21px;border:0px;} @media (max-width:1280px){ .csWrite .csBg{width:calc(100% - 630px);} .csWrite .csForm{margin:0px auto;display:block;width:630px;padding: 40px 30px 30px 30px;} .csWrite .csForm div{width:100%;} } @media (max-width:1080px){ .csWrite .csBg{width:calc(100% - 500px);} .csWrite .csForm{display:block;width:500px;padding: 40px 20px 30px 20px;} .csWrite .csForm div{width:100%;} .csWrite .csForm .title{margin-bottom:25px;font-size:25px;line-height:35px;} .csWrite .csForm .head{margin-bottom:8px;font-size:18px;} .csWrite .csForm .text{margin-bottom:20px;} .csWrite .csForm .text textarea{height:130px;} .csWrite .csForm .agree{margin-bottom:30px;font-size:15px;} .csWrite .csForm .agree button{font-size:14px;} .csWrite .csForm .send button{height:50px;font-size:18px;} } @media (max-width:890px){ .csWrite .csBg{width:calc(100% - 450px);} .csWrite .csForm{display:block;width:450px;padding: 40px 20px 30px 20px;} .csWrite .csForm div{width:100%;} } .agreeCon{padding:40px 0px;} .agreeCon .container{} .agreeCon .container > div{margin:0px auto;width:100%;max-width:1280px;min-height:calc(100vh - 400px);font-size:16px;line-height:28px;}