@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.container{width:100%;position:relative;overflow:hidden;}
.contents{position:relative;}
.contents.main div[id*='sec-']{padding:120px 0;}

.contents.sub .detail{padding-top:100px;padding-bottom:200px;position:relative;overflow:hidden;}
.contents.sub .detail:after{width:563px;height:367px;background:url(/img/ci-line.png) no-repeat 0 0;background-size:100% auto;position:absolute;bottom:-20px;right:-20px;display:block;content:"";z-index:-1;}
.contents.sub .detail.pt0{padding-top:0 !important;}

.contentsBg{background:#f0f0f0;}
.conplr{padding:0 2%;}

@media screen and (max-width:1700px){
.contents.sub .detail:after{width:540px;height:352px;}
}
@media screen and (max-width:1600px){
.contents.sub .detail:after{width:500px;height:326px;}
}
@media screen and (max-width:1500px){
.conplr{padding:0;}

.contents.sub .detail:after{width:480px;height:313px;}
}
@media screen and (max-width:1280px) {
.contents.main div[id*='sec-']{padding:100px 0;}

.contents.sub .detail{padding-top:90px;padding-bottom:180px;}
.contents.sub .detail:after{width:460px;height:300px;}
}
@media screen and (max-width:1100px){
.contents.sub .detail:after{width:430px;height:280px;}
}
@media screen and (max-width:960px) {
.contents.main div[id*='sec-']{padding:80px 0;}

.contents.sub .detail{padding-top:80px;padding-bottom:150px;}
.contents.sub .detail:after{width:400px;height:261px;}
}
@media screen and (max-width:767px) {
.contents.main div[id*='sec-']{padding:60px 0;}

.contents.sub .detail{padding-top:70px;padding-bottom:120px;}
.contents.sub .detail:after{width:380px;height:248px;}
}
@media screen and (max-width:640px) {
.contents.main div[class*='sec-']{padding:50px 0;}

.contents.sub .detail{padding-top:55px;padding-bottom:90px;}
.contents.sub .detail:after{width:360px;height:235px;}
}
@media screen and (max-width:560px) {
.contents.main div[class*='sec-']{padding:40px 0;}

.contents.sub .detail{padding-top:35px;padding-bottom:60px;}
.contents.sub .detail:after{width:340px;height:222px;}
}
@media screen and (max-width:460px){
.contents.sub .detail:after{width:300px;height:196px;}
}





/************************************************************************
* ul *
*************************************************************************/
.list li{width:100%;line-height:150%;font-weight:400;position:relative;word-wrap:break-word;display:block;word-break:keep-all;}
.list li:last-child{padding-bottom:0 !important;}

.list.type1 li{padding-left:14px;padding-bottom:8px;color:#333;font-size:18px;text-align:left;font-family:'NanumSquareNeoBold';}
.list.type1 li:after{width:4px;height:4px;display:block;content:"";position:absolute;top:11px;left:0;background:#333;border-radius:50%;}

.list.type2 li{padding-left:14px;padding-bottom:4px;color:#333;font-size:16px;text-align:left;font-family:'NanumSquareNeo';}
.list.type2 li:after{width:6px;height:1px;display:block;content:"";position:absolute;top:11px;left:0;background:#333;}

.list.type3 li{padding-left:25px;padding-bottom:4px;color:#333;font-size:17px;text-align:left;font-family:'NanumSquareNeo';}
.list.type3 li:after{font-size:17px;line-height:150%;display:block;content:"";position:absolute;top:0;left:0;}
.list.type3 li:nth-child(1):after{content:"1.";}
.list.type3 li:nth-child(2):after{content:"2.";}
.list.type3 li:nth-child(3):after{content:"3.";}
.list.type3 li:nth-child(4):after{content:"4.";}
.list.type3 li:nth-child(5):after{content:"5.";}
.list.type3 li:nth-child(6):after{content:"6.";}
.list.type3 li:nth-child(7):after{content:"7.";}
.list.type3 li:nth-child(8):after{content:"8.";}
.list.type3 li:nth-child(9):after{content:"9.";}
.list.type3 li:nth-child(10):after{content:"10.";}
.list.type3 li:nth-child(11):after{content:"11.";}
.list.type3 li:nth-child(12):after{content:"12.";}
.list.type3 li:nth-child(13):after{content:"13.";}
.list.type3 li:nth-child(14):after{content:"14.";}
.list.type3 li:nth-child(15):after{content:"15.";}
.list.type3 li:nth-child(16):after{content:"16.";}
.list.type3 li:nth-child(17):after{content:"17.";}

@media screen and (max-width:1280px){
.list.type1 li{font-size:17px;}
.list.type1 li:after{top:10px;}

.list.type2 li{font-size:15px;}
.list.type2 li:after{top:10px;}

.list.type3 li{padding-left:24px;}
.list.type3 li,
.list.type3 li:after{font-size:16px;}
}
@media screen and (max-width:1100px){
.list.type1 li{font-size:16px;}

.list.type2 li{font-size:14px;}

.list.type3 li{padding-left:23px;}
.list.type3 li,
.list.type3 li:after{font-size:15px;}
}
@media screen and (max-width:767px){
.list.type1 li{padding-left:10px;font-size:15px;}
.list.type1 li:after{width:3px;height:3px;top:9px;}

.list.type2 li{font-size:13px;}
.list.type2 li:after{top:9px;}

.list.type3 li{padding-left:22px;}
.list.type3 li,
.list.type3 li:after{font-size:14px;}
}
@media screen and (max-width:640px){
.list.type1 li{font-size:14px;}

.list.type2 li{font-size:12px;}

.list.type3 li{padding-left:21px;}
.list.type3 li,
.list.type3 li:after{font-size:13px;}
}






/************************************************************************
* table *
*************************************************************************/
.table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;table-layout:fixed;}
.table tr th,
.table tr td{width:auto;padding:14px 12px;color:#292929;line-height:150%;font-size:20px;text-align:center;vertical-align:middle;border-bottom:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5;word-wrap:break-word;display:table-cell;word-break:keep-all;}
.table tr th:last-child,
.table tr td:last-child{border-right:none;}
.table tr th{background:#0563c2;}
.table tr .blr{border-right:solid 1px #d5d5d5 !important;}
.mThide{display:none;}

.mobileHide{width:100%;}
.table.type1{overflow:hidden;}
.table.type1 tr:first-child{border-top:solid 1px #d5d5d5;}
.table.type1 tr th{background:#0563c2;}
.table.type1 thead tr th{color:#fff;}
.table.type1 tbody tr th{background:#f6f6f6;font-weight:200;}

@media screen and (max-width:1500px){
.table tr th,
.table tr td{padding:12px 10px;font-size:18px;}
}
@media screen and (max-width:1280px){
.table tr th,
.table tr td{padding:10px 8px;font-size:16px;}
}
@media screen and (max-width:800px){
.mThide{display:block;padding-bottom:5px;}

.mobileHide{width:100%;overflow-x:auto;}
.mobileHide .table{min-width:800px;}
}
@media screen and (max-width:640px){
.table tr th,
.table tr td{padding:8px 6px;font-size:14px;}

/*
.table.responsiveT,
.table.responsiveT thead,
.table.responsiveT tbody,
.table.responsiveT tr,
.table.responsiveT th,
.table.responsiveT td{display:block !important;}
.table.responsiveT .hide{display:none !important;}*/
}






/************************************************************************
* button *
*************************************************************************/
.button{width:210px;padding:20px 30px;border-radius:50px;font-size:18px;text-align:left;border:solid 1px #000;display:flex;align-items:center;justify-content:space-between;transition:all 0.2s ease;}
.button font{color:#000;transition:all 0.2s ease;}
.button i{width:25px;height:1px;background:#000;position:relative;transform:translateY(-50%);transition:all 0.2s ease;}
.button i:after{width:7px;height:7px;border:solid #000;border-width:1px 1px 0 0;position:absolute;top:50%;right:0;display:block;content:"";transform:translateY(-50%) rotate(45deg);transition:all 0.2s ease;}

.button:hover font,
.button:hover i,
.button:hover i:after{transition:all 0.2s ease;}
.button:hover{width:230px;}

.button.blue{color:#0563c2;border-color:#0563c2;}
.button.blue font{color:#0563c2;}
.button.blue i{background:#0563c2;}
.button.blue i:after{border-color:#0563c2;}
.button.blue:hover{color:#fff;background:#0563c2;}
.button.blue:hover font{color:#fff;}
.button.blue:hover i{background:#fff;}
.button.blue:hover i:after{border-color:#fff;}

.button.white{color:#fff;border-color:#fff;}
.button.white font{color:#fff;}
.button.white i{background:#fff;}
.button.white i:after{border-color:#fff;}
.button.white:hover{color:#fff;background:#000;border-color:#000;}
.button.white:hover font{color:#fff;}
.button.white:hover i{background:#fff;}
.button.white:hover i:after{border-color:#fff;}

.button.black{color:#000;border-color:#000;}
.button.black font{color:#000;}
.button.black i{background:#000;}
.button.black i:after{border-color:#000;}
.button.black:hover{color:#fff;background:#000;border-color:#000;}
.button.black:hover font{color:#fff;}
.button.black:hover i{background:#fff;}
.button.black:hover i:after{border-color:#fff;}

@media screen and (max-width:1100px){
.button{width:200px;padding:18px 28px;font-size:17px;}
.button:hover{width:200px;}
}
@media screen and (max-width:960px){
.button{width:180px;padding:16px 26px;font-size:16px;}
.button i{width:20px;}
.button i:after{width:6px;height:6px;}
.button:hover{width:180px;}
}
@media screen and (max-width:640px){
.button{width:160px;padding:16px 24px;font-size:14px;}
.button:hover{width:160px;}
}
@media screen and (max-width:420px){
.button{width:140px;padding:14px 22px;font-size:12px;}
.button i{width:15px;}
.button i:after{width:5px;height:5px;}
.button:hover{width:140px;}
}







/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
/******************************* sec-1 *******************************/
.product_slide{position:relative;}
.product_slide .swiper-wrapper{height:auto;}


.product_slide .item_cont{width:100%;background:#f5f5f5;border-top-left-radius:40px;border-bottom-right-radius:40px;overflow:hidden;display:block;aspect-ratio:16 / 20;}
.product_slide .item_cont figure{height:75%;display:flex;align-items:center;justify-content:center;}
.product_slide .item_cont figure img{max-height:80%;display:block;}
.product_slide .item_cont .txtBox{width:100%;height:25%;padding:40px;padding-top:0 !important;}
.product_slide .item_cont .txtBox *{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product_slide .item_cont .txtBox .tit{font-weight:900;}
.product_slide .item_cont .txtBox .con{color:#8b8b8b;}



.product_slide .swiper-scrollbar{width:250px;height:3px;position:absolute;top:-78px;right:calc(20% + 135px);border-radius:30px !important;background:rgba(0,0,0,0.5);overflow:hidden;display:none;}
.product_slide .swiper-scrollbar .swiper-scrollbar-drag{height:3px;background:#000;border-radius:30px;position:relative;top:0;opacity:1;}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{width:100px !important;height:100px !important;top:calc(50% - 50px) !important;left:auto;z-index:10;cursor:pointer;background:#0f75bc;border-radius:50%;background-image:none !important;}
.product_slide .swiper-button-prev{left:16%;}
.product_slide .swiper-button-next{right:16%;}

.product_slide .swiper-button-prev:after,
.product_slide .swiper-button-next:after{width:16px;height:16px;border:solid #fff;position:absolute;top:calc(50% - 8px);display:block;content:"";transform:rotate(45deg);}
.product_slide .swiper-button-prev:after{border-width:0 0 2px 2px;left:calc(50% - 4px);}
.product_slide .swiper-button-next:after{border-width:2px 2px 0 0;right:calc(50% - 4px);}

.product_slide .swiper-button-prev:hover,
.product_slide .swiper-button-next:hover{background:#000;border-color:#000;}

@media screen and (max-width:2200px) {
.product_slide .swiper-button-prev{left:14%;}
.product_slide .swiper-button-next{right:14%;}
}
@media screen and (max-width:2100px) {
.product_slide .swiper-button-prev{left:12%;}
.product_slide .swiper-button-next{right:12%;}
}
@media screen and (max-width:2000px) {
.product_slide .item_cont{border-top-left-radius:30px;border-bottom-right-radius:30px;}
.product_slide .item_cont .txtBox{padding:30px;}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{width:80px !important;height:80px !important;top:calc(50% - 40px) !important;}
.product_slide .swiper-button-prev{left:10%;}
.product_slide .swiper-button-next{right:10%;}

.product_slide .swiper-button-prev:after,
.product_slide .swiper-button-next:after{width:14px;height:14px;top:calc(50% - 7px);}
}
@media screen and (max-width:1900px) {
.product_slide .swiper-button-prev{left:8%;}
.product_slide .swiper-button-next{right:8%;}
}
@media screen and (max-width:1800px) {
.product_slide .swiper-button-prev{left:6%;}
.product_slide .swiper-button-next{right:6%;}
}
@media screen and (max-width:1700px) {
.product_slide .swiper-button-prev{left:4%;}
.product_slide .swiper-button-next{right:4%;}
}
@media screen and (max-width:1600px) {
.product_slide .item_cont{border-top-left-radius:20px;border-bottom-right-radius:20px;}
.product_slide .item_cont .txtBox{padding:20px;}


.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{width:60px !important;height:60px !important;top:calc(50% - 30px) !important;}
.product_slide .swiper-button-prev{left:2%;}
.product_slide .swiper-button-next{right:2%;}

.product_slide .swiper-button-prev:after,
.product_slide .swiper-button-next:after{width:12px;height:12px;top:calc(50% - 6px);}
}
@media screen and (max-width:1100px) {
.product_slide .swiper-button-prev{left:1%;}
.product_slide .swiper-button-next{right:1%;}
}
@media screen and (max-width:960px) {
.product_slide .item_cont{border-top-left-radius:10px;border-bottom-right-radius:10px;}
.product_slide .item_cont figure{height:80%;}
.product_slide .item_cont .txtBox{height:20%;}
}
@media screen and (max-width:767px) {
.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{width:40px !important;height:40px !important;top:calc(50% - 20px) !important;}

.product_slide .swiper-button-prev:after,
.product_slide .swiper-button-next:after{width:10px;height:10px;top:calc(50% - 5px);}
}
@media screen and (max-width:460px) {
.product_slide .item_cont figure{height:75%;}
.product_slide .item_cont .txtBox{height:25%;}
}





/******************************* sec-2 *******************************/
.main #sec-2{padding-top:0 !important;}
.mainprod{overflow:hidden;}
.mainprod .mainprod_inner{position:relative;}

.mainprod .pagination_tab li{padding:0 20px;position:relative;cursor:pointer;line-height:120%;font-size:19px;font-weight:normal;text-align:center;color:#000;cursor:pointer;transition:all 0.2s ease;display:block;font-family:'NanumSquareNeo';letter-spacing:0.02em;}
.mainprod .pagination_tab li:hover,
.mainprod .pagination_tab li.on{color:#0563c2;transition:all 0.2s ease;}

.mainprod .pagination_tab li:after{content:"";width:1px;height:13px;position:absolute;top:50%;left:0;background:#c0c6cc;display:block;transform:translateY(-50%);}
.mainprod .pagination_tab li:first-child:after{display:none !important;}

@media screen and (max-width:1500px){
.mainprod .pagination_tab li{font-size:18px;}
}
@media screen and (max-width:1280px){
.mainprod .pagination_tab li{padding:0 18px;font-size:17px;}

.mainprod .pagination_tab li:after{height:12px;}
}
@media screen and (max-width:960px){
.mainprod .pagination_tab li{padding:0 16px;font-size:16px;}

.mainprod .pagination_tab li:after{height:10px;}
}
@media screen and (max-width:767px){
.mainprod .pagination_tab li{padding:0 14px;font-size:15px;}
}
@media screen and (max-width:640px){
.mainprod .pagination_tab li{padding:0 10px;font-size:14px;}
}
@media screen and (max-width:360px){
.mainprod .pagination_tab li{padding:0 8px;font-size:13px;letter-spacing:-0.02em;}

.mainprod .pagination_tab li:after{height:8px;}
}
@media screen and (max-width:300px){
.mainprod .pagination_tab li{padding:0 6px;font-size:13px;}
}




.mainprod .swiper-slide{display:flex;justify-content:space-between;flex-wrap:wrap;}

.mainprod .swiper-slide .txtBox{width:calc(100% - 600px);z-index:100;padding-top:calc(5% + 60px);padding-right:15%;}
.mainprod .swiper-slide .txtBox .tit-sub{color:#000;font-weight:900;}

.mainprod .swiper-slide .imgBox{width:600px;height:800px;background:linear-gradient(180deg, #9a9a9a 20% , #303030 100%);border-top-left-radius:120px;display:flex;align-items:center;justify-content:center;}
.mainprod .swiper-slide .imgBox img{max-width:80%;max-height:80%;display:block;}

.mainprod .main_info_slider{overflow:visible;position:relative;}
.mainprod .main_info_slider .main_info_slider_next,
.mainprod .main_info_slider .main_info_slider_prev{width:60px;height:60px;border-radius:50%;border:solid 1px #0563c2;font-size:0;background:none !important;position:absolute;top:5%;right:auto;z-index:9999;cursor:pointer;}
.mainprod .main_info_slider .main_info_slider_next{left:70px;}
.mainprod .main_info_slider .main_info_slider_prev{left:0;}
.mainprod .main_info_slider .main_info_slider_next:after,
.mainprod .main_info_slider .main_info_slider_prev:after{content:"";width:10px;height:10px;border:solid #0563c2;border-width:2px 2px 0 0;position:absolute;top:calc(50% - 5px);right:calc(50% - 5px);display:block;transform:rotate(45deg);}
.mainprod .main_info_slider .main_info_slider_prev:after{border-width:0 0 2px 2px;left:calc(50% - 5px);}

@media screen and (max-width:1280px){
.mainprod .swiper-slide .txtBox{width:calc(100% - 500px);padding-top:calc(4% + 50px);padding-right:5%;}
.mainprod .swiper-slide .txtBox br{display:none;}

.mainprod .swiper-slide .imgBox{width:500px;height:667px;border-top-left-radius:100px;}

.mainprod .main_info_slider .main_info_slider_next,
.mainprod .main_info_slider .main_info_slider_prev{width:50px;height:50px;}
.mainprod .main_info_slider .main_info_slider_next{left:60px;}
.mainprod .main_info_slider .main_info_slider_next:after,
.mainprod .main_info_slider .main_info_slider_prev:after{width:8px;height:8px;top:calc(50% - 4px);right:calc(50% - 4px);}
.mainprod .main_info_slider .main_info_slider_prev:after{left:calc(50% - 4px);}
}
@media screen and (max-width:1100px){
.mainprod .swiper-slide .txtBox{width:calc(100% - 400px);padding-top:calc(4% + 40px);padding-left:1px;}

.mainprod .swiper-slide .imgBox{width:400px;height:533px;border-top-left-radius:80px;}

.mainprod .main_info_slider .main_info_slider_next,
.mainprod .main_info_slider .main_info_slider_prev{width:40px;height:40px;}
.mainprod .main_info_slider .main_info_slider_next{left:50px;}
.mainprod .main_info_slider .main_info_slider_next:after,
.mainprod .main_info_slider .main_info_slider_prev:after{width:6px;height:6px;top:calc(50% - 3px);right:calc(50% - 3px);}
.mainprod .main_info_slider .main_info_slider_prev:after{left:calc(50% - 3px);}
}
@media screen and (max-width:960px){
.mainprod .swiper-slide .txtBox{width:100%;padding-top:calc(2% + 60px);padding-bottom:30px;padding-right:0;}
.mainprod .swiper-slide .txtBox a.mt120{margin-top:40px !important;}

.mainprod .swiper-slide .imgBox{width:100%;height:auto;min-height:400px;border-top-left-radius:60px;}

.mainprod .main_info_slider .main_info_slider_next,
.mainprod .main_info_slider .main_info_slider_prev{top:15px;}
}
@media screen and (max-width:640px){
.mainprod .swiper-slide .txtBox a.mt120{margin-top:30px !important;}
.mainprod .swiper-slide .imgBox{border-top-left-radius:40px;}
}





/******************************* sec-3 *******************************/
.main #sec-3{position:relative;overflow:hidden;}
.main #sec-3:after{width:563px;height:367px;background:url(/img/ci-line.png) no-repeat 0 0;background-size:100% auto;position:absolute;bottom:-20px;right:-20px;display:block;content:"";}


.multiprot .imgBox{width:50%;}
.multiprot .imgBox div{width:50%;}
.multiprot .imgBox div:nth-child(even){margin-top:180px;}
.multiprot .imgBox a{width:calc(100% - 20px);margin:20px 10px;display:block;}
.multiprot .imgBox a img{width:100%;filter:grayscale(100%);transition:all 0.2s ease;}
.multiprot .imgBox a:hover img{filter:grayscale(0%);transition:all 0.2s ease;}

.multiprot .txtBox{width:50%;padding-left:7%;margin-top:60px;}

@media screen and (max-width:1700px){
.main #sec-3:after{width:540px;height:352px;}
}
@media screen and (max-width:1600px){
.main #sec-3:after{width:500px;height:326px;}
}
@media screen and (max-width:1500px){
.main #sec-3:after{width:480px;height:313px;}

.multiprot .imgBox div:nth-child(even){margin-top:140px;}

.multiprot .txtBox{padding-left:6%;margin-top:40px;}
}
@media screen and (max-width:1280px){
.main #sec-3:after{width:460px;height:300px;}

.multiprot .imgBox div:nth-child(even){margin-top:100px;}
.multiprot .imgBox a{width:calc(100% - 10px);margin:10px 5px;}

.multiprot .txtBox{padding-left:6%;margin-top:40px;}
}
@media screen and (max-width:1100px){
.main #sec-3:after{width:430px;height:280px;}

.multiprot .imgBox{width:100%;}
.multiprot .imgBox div:nth-child(even){margin-top:60px;}
.multiprot .imgBox a{width:calc(100% - 20px);margin:20px 10px;}

.multiprot .txtBox{width:100%;padding-left:0;margin-top:0;}
}
@media screen and (max-width:960px){
.main #sec-3:after{width:400px;height:261px;}
}
@media screen and (max-width:767px){
.main #sec-3:after{width:380px;height:248px;}

.multiprot .imgBox div:nth-child(even){margin-top:40px;}
.multiprot .imgBox a{width:calc(100% - 10px);margin:10px 5px;}
}
@media screen and (max-width:640px){
.main #sec-3:after{width:360px;height:235px;}

.multiprot .imgBox div:nth-child(even){margin-top:30px;}
}
@media screen and (max-width:560px){
.main #sec-3:after{width:340px;height:222px;}
}
@media screen and (max-width:460px){
.main #sec-3:after{width:300px;height:196px;}
}







/******************************* sec-5 *******************************/
.main #sec-5{background:#f7f7f7;}
.main #sec-5 .titBox{width:45%;}
.main #sec-5 h1{font-size:110px;}

.main .boardMainBox{width:55%;}
.main .boardMainBox a{width:100%;padding:35px 10px;display:block;border-top:solid 1px #dddcdc;transition:all 0.2s ease;}
.main .boardMainBox a:first-child{border-top:none !important;}
.main .boardMainBox a *{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.main .boardMainBox a:hover{padding-left:35px;transition:all 0.2s ease;}


@media screen and (max-width:1500px){
.main #sec-5 h1{font-size:100px;}

.main .boardMainBox a{padding:30px 5px !important;}
}
@media screen and (max-width:1280px){
.main #sec-5 h1{font-size:90px;}
}
@media screen and (max-width:1100px){
.main #sec-5 .titBox{width:100%;}
.main #sec-5 .titBox br{display:none;}
.main #sec-5 h1{font-size:80px;}
.main #sec-5 a.mt100{margin-top:30px !important;}

.main .boardMainBox{width:100%;margin-top:20px;}
.main .boardMainBox a{padding:25px 5px !important;}
}
@media screen and (max-width:960px){
.main #sec-5 h1{font-size:70px;}
}
@media screen and (max-width:767px){
.main #sec-5 h1{font-size:60px;}

.main .boardMainBox a{padding:20px 5px !important;}
}
@media screen and (max-width:640px){
.main #sec-5 h1{font-size:50px;}

.main .boardMainBox a{padding:15px 5px !important;}
}
@media screen and (max-width:560px){
.main #sec-5 h1{font-size:40px;}
}








/************************************************************************
* SUB_CONTENTS *
************************************************************************/
/********************************* 회사소개 *********************************/
/*********** 인사말 ***********/
.greBox .txtBox{width:55%;padding-right:10%;}
.greBox .txtBox img{width:60%;}
.greBox .imgBox{width:45%;overflow:hidden;border-top-left-radius:100px;}
.greBox .imgBox img{width:100%;}

.greBox-2 .txtBox{width:50%;padding-left:5%;}
.greBox-2 .txtBox img{width:60%;}
.greBox-2 .imgBox{width:50%;}
.greBox-2 .imgBox img{width:calc(100%/2 - 20px);margin-right:10px;}

@media screen and (max-width:1280px){
.greBox .txtBox{width:100%;padding-right:0;}
.greBox .txtBox img{width:60%;max-width:450px;}
.greBox .imgBox{display:none;}

.greBox-2.mt160{margin-top:50px !important;}
.greBox-2 .txtBox{width:100%;padding-left:0;order:-1;}
.greBox-2 .imgBox{width:100%;justify-content:space-between;margin-top:70px;}
}
@media screen and (max-width:1100px){
.greBox-2.mt160{margin-top:40px !important;}

.greBox-2 .imgBox{margin-top:60px;}
.greBox-2 .imgBox img{width:calc(100%/2 - 10px);margin-right:0;}
}
@media screen and (max-width:860px){
.greBox-2.mt160{margin-top:30px !important;}

.greBox-2 .imgBox{margin-top:50px;}
}
@media screen and (max-width:767px){
.greBox-2 .imgBox img{width:calc(100%/2 - 5px);}
}
@media screen and (max-width:640px){
.greBox-2 .imgBox img{width:calc(100%/2 - 3px);}
}
@media screen and (max-width:360px){
.greBox-2 .imgBox img{width:100%;margin-bottom:5px;}
}



.greBox-2.ngr .imgBox{border-top-right-radius:100px;overflow:hidden;}
.greBox-2.ngr .imgBox img{width:100%;display:block;}

@media screen and (max-width:1280px){
.greBox-2.ngr .imgBox{border-top-right-radius:80px;}
}
@media screen and (max-width:1100px){
.greBox-2.ngr .imgBox{border-top-right-radius:60px;}
}
@media screen and (max-width:860px){
.greBox-2.ngr .imgBox{border-top-right-radius:40px;}
}
@media screen and (max-width:767px){
.greBox-2.ngr .imgBox{border-top-right-radius:20px;}
}
@media screen and (max-width:640px){
.greBox-2.ngr .imgBox{border-top-right-radius:0;}
}






/*********** 조직도 ***********/
.org{width:100%;position:relative;}
.org:after{width:1px;height:458px;background:#ddd;position:absolute;top:40px;left:50%;display:block;content:"";z-index:-1;}
.org span{width:360px;margin:0 auto 50px auto;padding:30px 0;border-top-left-radius:50px;border-bottom-right-radius:50px;position:relative;text-align:center;}
.org span:after{width:1px;height:40px;background:#ddd;position:absolute;bottom:-40px;left:50%;display:block;content:"";z-index:-1;}
.org span:before{width:calc(100% - 14px);height:calc(100% - 14px);border:solid 1px rgba(255,255,255,0.5);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;content:"";border-top-left-radius:45px;border-bottom-right-radius:45px;}

.org .first{background:#0a4b83;font-weight:bold;color:#fff;}

.org .second>*{width:50%;}
.org .second span{width:calc(40% - 60px);margin:0;margin-bottom:60px;margin-left:60px;padding:0;border-top-left-radius:0;border-bottom-right-radius:0;}
.org .second span:after{width:60px;height:1px;bottom:50%;left:-60px;}
.org .second span:first-child:after{display:none;}
.org .second span:before{display:none;}
.org .second span font{width:100%;background:#0563c2;font-weight:bold;color:#fff;margin:0;padding:30px 0;border-top-left-radius:50px;border-bottom-right-radius:50px;position:relative;text-align:center;}
.org .second span font:before{width:calc(100% - 14px);height:calc(100% - 14px);border:solid 1px rgba(255,255,255,0.5);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;content:"";border-top-left-radius:45px;border-bottom-right-radius:45px;}

.org div.third{width:100%;position:relative;}
.org div.third:after{width:calc(100% - ((100%/3) - 1px));height:1px;background:#ddd;position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;content:"";z-index:-1;}
.org div.third span{width:calc(100%/3 - 80px);margin:40px;padding:6px;padding-bottom:20px;border:solid 4px #999;background:#fff;}
.org div.third span:after{bottom:auto;top:-45px;}
.org div.third span:nth-child(2):after{display:none;}
.org div.third span:before{display:none;}
.org div.third span font{padding-bottom:5px;}
.org div.third span .tit{width:100%;margin-bottom:15px;padding:15px 0;background:#999;color:#fff;border-top-left-radius:40px;}

@media screen and (max-width:1280px){
.org span{padding:25px 0;}

.org .first{width:260px;}

.org div.third span{width:calc(100%/3 - 40px);margin:40px 20px;}
}
@media screen and (max-width:1100px){
.org:after{height:458px;}
.org span{margin:0 auto 40px auto;padding:20px 0;border-top-left-radius:40px;border-bottom-right-radius:40px;}
.org span:after{height:30px;bottom:-30px;}
.org span:before{width:calc(100% - 10px);height:calc(100% - 10px);border-top-left-radius:35px;border-bottom-right-radius:35px;}

.org .first{width:200px;}

.org .second span{width:calc(50% - 40px);margin:0;margin-bottom:60px;margin-left:40px;}
.org .second span:after{width:40px;left:-40px;}
.org .second span font{padding:20px 0;border-top-left-radius:40px;border-bottom-right-radius:40px;}
.org .second span font:before{width:calc(100% - 10px);height:calc(100% - 10px);border-top-left-radius:35px;border-bottom-right-radius:35px;}

.org div.third span{border-width:3px;margin-top:30px;padding:5px;}
.org div.third span:after{top:-32px;}
.org div.third span font{padding-bottom:4px;}
.org div.third span .tit{padding:13px 0;border-top-left-radius:35px;}
}
@media screen and (max-width:960px){
.org div.third span{width:calc(100%/3 - 20px);margin:30px 10px;}
}
@media screen and (max-width:860px){
.org span{border-top-left-radius:20px;border-bottom-right-radius:20px;}
.org span:before{border-top-left-radius:15px;border-bottom-right-radius:15px;}

.org .first{width:160px;}

.org .second span font{border-top-left-radius:20px;border-bottom-right-radius:20px;}
.org .second span font:before{border-top-left-radius:15px;border-bottom-right-radius:15px;}

.org div.third span{width:calc(100%/3 - 10px);margin:30px 5px;padding:4px;}
.org div.third span .tit{border-top-left-radius:15px;}
}
@media screen and (max-width:640px){
.org .second span font{padding-left:10px;padding-right:10px;}
}
@media screen and (max-width:460px){
.org:after{height:100%;top:0;}

.org .first{margin-bottom:20px;}

.org .second span{margin-bottom:20px;}

.org div.third:after{display:none;}
.org div.third span{width:100%;margin:0 0 20px 0;}
.org div.third span:after{display:none;}
}







/*********** 연혁 ***********/
.his{position:relative;}
.his:before,
.his:after{display:none;}
.his:before{width:2px;background:rgba(0,0,0,0.15);position:absolute;top:0;bottom:0;left:calc(50% - 1px);display:block;content:"";z-index:1;}

.his>div{margin-bottom:140px;position:relative;}
.his>div:last-child{margin-bottom:0 !important;}
.his>div:after{width:20px;height:20px;background:#0563c2;border-radius:50%;position:absolute;top:15px;left:50%;transform:translateX(-50%);display:block;content:"";z-index:1;}

.his>div .imgBox{width:50%;padding-right:50px;}
.his>div .imgBox .year{text-align:right;}
.his>div .txtBox{width:50%;}
.his>div .txtBox .item{width:100%;padding-left:50px;margin-bottom:20px;}
.his>div .txtBox .item .month{width:80px;text-align:center;margin-top:8px;float:left;}
.his>div .txtBox .item ul{width:calc(100% - 80px);margin-top:13px;float:left;}
.his>div .txtBox .item ul li{padding-bottom:10px;font-size:24px;line-height:130%;color:#848383;font-weight:500;font-family:'Pretendard-Medium';word-wrap:break-word;display:block;word-break:keep-all;}

.his>div:nth-child(even) .imgBox{padding-right:0;padding-left:50px;}
.his>div:nth-child(even) .imgBox .year{text-align:left;}
.his>div:nth-child(even) .txtBox{order:-1;}
.his>div:nth-child(even) .txtBox .item{padding-left:0;padding-right:50px;}
.his>div:nth-child(even) .txtBox .item ul{order:-1;}
.his>div:nth-child(even) .txtBox .item ul li{text-align:right;}

@media all and (max-width:1500px){
.his:after{height:180px;}
.his>div{margin-bottom:120px;}
.his>div:after{width:18px;height:18px;top:13px;}

.his>div .imgBox{padding-right:40px;}
.his>div .txtBox .item{padding-left:40px;}
.his>div .txtBox .item .month{width:75px;margin-top:6px;}
.his>div .txtBox .item ul{width:calc(100% - 75px);margin-top:8px;}
.his>div .txtBox .item ul li{padding-bottom:8px;font-size:22px;}

.his>div:nth-child(even) .imgBox{padding-left:40px;}
.his>div:nth-child(even) .txtBox .item{padding-right:40px;}
}
@media all and (max-width:1280px){
.his:after{height:160px;}
.his>div{margin-bottom:100px;}
.his>div:after{width:16px;height:16px;top:12px;}

.his>div .txtBox .item .month{width:45px;margin-top:5px;text-align:left;}
.his>div .txtBox .item ul{width:calc(100% - 45px);margin-top:5px;}
.his>div .txtBox .item ul li{padding-bottom:7px;font-size:21px;}

.his>div:nth-child(even) .txtBox .item .month{text-align:right;}
}
@media all and (max-width:1100px){
.his:after{height:140px;}
.his>div{margin-bottom:80px;}
.his>div:after{width:14px;height:14px;top:11px;}

.his>div .imgBox h1{font-size:90px;}
}
@media all and (max-width:960px){
.his:after,
.his:before{display:none;}
.his>div{margin-bottom:50px;padding-top:50px;border-top:solid 1px rgba(0,0,0,0.15);position:relative;}
.his>div:after{width:80px;height:6px;top:-3px;left:0;transform:translateX(0);border-radius:0;}

.his>div .imgBox{width:100%;padding-right:0;}
.his>div .imgBox .year{text-align:left;margin-bottom:20px;}
.his>div .imgBox img{margin-bottom:40px;margin-top:20px !important;}
.his>div .txtBox{width:100%;}
.his>div .txtBox .item{padding-left:0;margin-bottom:10px;}
.his>div .txtBox .item ul{width:calc(100% - 40px);margin-top:8px;}
.his>div .txtBox .item ul li{padding-bottom:6px;font-size:19px;}

.his>div:nth-child(even) .imgBox{padding-left:0;}
.his>div:nth-child(even) .txtBox{order:0;}
.his>div:nth-child(even) .txtBox .item{padding-right:0;}
.his>div:nth-child(even) .txtBox .item .month{text-align:left;}
.his>div:nth-child(even) .txtBox .item ul{order:0;}
.his>div:nth-child(even) .txtBox .item ul li{text-align:left;}
}
@media all and (max-width:767px){
.his>div{margin-bottom:40px;padding-top:40px;}
.his>div:after{width:60px;}
}
@media all and (max-width:640px){
.his>div:after{width:40px;}

.his>div .txtBox .item ul{width:calc(100% - 35px);margin-top:7px;}
.his>div .txtBox .item ul li{padding-bottom:5px;font-size:17px;}
}







/*********** 사업영역 ***********/
.businessarea .item{width:calc(100%/3 - 20px);margin:10px;margin-top:0 !important;}
.businessarea img{width:100%;}
.businessarea .txtBox{width:100%;padding:40px;background:#f1f1f1;aspect-ratio:16 / 9;}

@media screen and (max-width:1280px){
.businessarea .item{width:calc(100%/3 - 10px);margin:5px;}
.businessarea .txtBox{padding:30px 20px;}
}
@media screen and (max-width:1100px){
.businessarea{display:block;}
.businessarea .item{width:100%;margin:0;margin-bottom:20px;display:flex;}
.businessarea img{width:450px;}
.businessarea .txtBox{width:calc(100% - 450px);padding:40px;padding-bottom:0 !important;padding-right:0 !important;aspect-ratio:auto;}
}
@media screen and (max-width:960px){
.businessarea img{width:400px;}
.businessarea .txtBox{width:calc(100% - 400px);padding:30px;}
}
@media screen and (max-width:860px){
.businessarea img{width:350px;}
.businessarea .txtBox{width:calc(100% - 350px);padding:25px;}
}
@media screen and (max-width:767px){
.businessarea img{width:300px;}
.businessarea .txtBox{width:calc(100% - 300px);}
}
@media screen and (max-width:640px){
.businessarea img{width:250px;}
.businessarea .txtBox{width:calc(100% - 250px);}
}
@media screen and (max-width:580px){
.businessarea .item{display:block;}
.businessarea img{width:100%;}
.businessarea .txtBox{width:100%;padding:20px !important;}
}
@media screen and (max-width:460px){
.businessarea .item{margin-bottom:10px;}
}






/*********** 오시는길 ***********/
.mappage{display:flex;flex-wrap:wrap;}
.mappage li{margin-right:80px;text-align:left;}
.mappage li>div{font-size:18px;color:#59534a;font-weight:300;line-height:34px;font-weight:normal;}
.mappage li>div>h1{padding-left:35px;font-size:22px;color:#000;font-weight:bold;}
.mappage .location{background:url(/sub1/img/icon1.png) no-repeat 0 1px;}
.mappage .tel{background:url(/sub1/img/icon2.png) no-repeat 0 0;}
.mappage .fax{background:url(/sub1/img/icon4.png) no-repeat 0 0;}
.mappage .email{background:url(/sub1/img/icon3.png) no-repeat 0 0;}

#daumRoughmapContainer1748609953996 .cont .section *{font-size:18px;line-height:140%;}
#daumRoughmapContainer1748609953996 .cont .section .icon_bus{margin-top:5px;}

@media all and (max-width:1280px) {
#daumRoughmapContainer1748609953996 .cont .section *{font-size:17px;}
#daumRoughmapContainer1748609953996 .cont .section .icon_bus{margin-top:3px;}
}
@media all and (max-width:1100px) {
.mappage li{margin-right:50px;}
.mappage li>div{font-size:17px;line-height:30px;background-size:20px auto !important;}
.mappage li>div>h1{padding-left:30px;font-size:21px;}

#daumRoughmapContainer1748609953996 .cont .section *{font-size:16px;}
#daumRoughmapContainer1748609953996 .cont .section .icon_bus{margin-top:2px;}
}
@media all and (max-width:960px) {
.mappage li{width:100%;margin-bottom:20px;margin-right:0;}
.mappage li>div{font-size:16px;line-height:24px;font-weight:400;}
.mappage li>div>h1{padding-left:35px;font-size:20px;}
}
@media all and (max-width:767px) {
#daumRoughmapContainer1748609953996 .cont .section *{font-size:15px;}
#daumRoughmapContainer1748609953996 .cont .section .icon_bus{margin-top:1px;}
}
@media all and (max-width:640px) {
#daumRoughmapContainer1748609953996 .cont .section *{font-size:14px;}
#daumRoughmapContainer1748609953996 .cont .section .icon_bus{margin-top:0;}
}
@media all and (max-width:380px) {
.mappage li>div{font-size:15px;}
.mappage li>div>h1{font-size:19px;}
}








/********************************* 제품소개 *********************************/
/*********** list ***********/
.listbox a{width:calc(100%/3 - 60px);margin:30px;padding:50px;padding-top:0 !important;aspect-ratio:1 / 1.35;background:#f0f0f0;border-radius:30px 60px;transition:all 0.2s ease;}
.listbox a figure{width:100%;aspect-ratio:1 / 1.2;display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.2s ease;}
.listbox a figure button{position:absolute;margin-top:0;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:all 0.2s ease;}
.listbox a figure img{max-width:100%;max-height:70%;margin:0 auto;display:block;opacity:1;transition:all 0.2s ease;}

.listbox a .txtBox *{color:#000;transition:all 0.2s ease;}
.listbox a .txtBox font{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.listbox a .txtBox dl{width:100%;padding:10px 0;border-bottom:solid 1px #ddd;display:flex;justify-content:space-between;position:relative;ransition:all 0.2s ease;}

.listbox a .txtBox dl dt,
.listbox a .txtBox dl dd{font-size:20px;line-height:120%;color:#8b8b8b;}
.listbox a .txtBox dl dd{max-width:calc(100% - 50px);text-align:right;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;}

.listbox a .txtBox .condl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;}


.listbox a:hover{background:#0563c2;transition:all 0.2s ease;}
.listbox a:hover figure button{margin-top:30px;opacity:1;transition:all 0.2s ease;z-index:99;}
.listbox a:hover figure img{opacity:0.35;transition:all 0.2s ease;}
.listbox a:hover .txtBox *{color:#fff;transition:all 0.2s ease;}
.listbox a:hover .txtBox dl{border-color:rgba(255,255,255,0.5);transition:all 0.2s ease;}

@media screen and (max-width:1500px){
.listbox a{width:calc(100%/3 - 40px);margin:20px;padding:45px;border-radius:20px 50px;}

.listbox a .txtBox dl dt,
.listbox a .txtBox dl dd{font-size:18px;}
}
@media screen and (max-width:1280px){
.listbox a{width:calc(100%/3 - 20px);margin:20px 10px;padding:40px;border-radius:10px 40px;aspect-ratio:1 / 1.5;}

.listbox a .txtBox dl{flex-wrap:wrap;padding:8px 0;}
.listbox a .txtBox dl dt{width:100%;}
.listbox a .txtBox dl dd{width:100%;max-width:100%;text-align:left;}
}
@media screen and (max-width:1100px){
.listbox a{width:calc(100%/3 - 10px);margin:15px 5px;padding:30px;border-radius:10px 30px;}

.listbox a .txtBox dl dt,
.listbox a .txtBox dl dd{font-size:17px;}
}
@media screen and (max-width:960px){
.listbox a{width:calc(100%/2 - 20px);margin:15px 10px;}

.listbox a .txtBox dl dt,
.listbox a .txtBox dl dd{font-size:16px;}
}
@media screen and (max-width:767px){
.listbox a{width:calc(100%/2 - 10px);margin:10px 5px;padding:20px;}

.listbox a .txtBox dl dt,
.listbox a .txtBox dl dd{font-size:15px;}
}
@media screen and (max-width:640px){
.listbox a{margin:5px;}

.listbox a .txtBox dl dt,
.listbox a .txtBox dl dd{font-size:14px;}
}
@media screen and (max-width:460px){
.listbox a{width:100%;margin:10px 0;aspect-ratio:auto;}
.listbox a figure{aspect-ratio:1 / 1;}
}




/** 페이징 **/
.PageBox{display:flex;align-items:center;justify-content:center;margin-top:60px;}
.PageBox *{width:36px;height:36px;line-height:36px;margin:0 4px;padding:0;font-size:15px;color:#333;font-weight:400;text-align:center;border-radius:50%;display:block;}
.PageBox b{background:#0563c2;color:#fff;}
.PageBox a:hover{background:#0563c2;color:#fff;}
.PageBox .arr{width:36px;height:36px;border:solid 1px #ddd;border-radius:50%;font-size:0;display:block;position:relative;}
.PageBox .arr:after{width:7px;height:7px;border:solid #555;border-width:0 0 1px 1px;position:absolute;top:50%;left:50%;display:block;content:"";transform:translate(-50%, -50%) rotate(45deg);}
.PageBox .arr.next:after{border-width:1px 1px 0 0;}
.PageBox .arr:hover{background:#000;border-color:#000;}
.PageBox .arr:hover:after{border-color:#fff;}

@media screen and (max-width:1100px){
.PageBox{margin-top:50px;}
.PageBox *{width:30px;height:30px;line-height:30px;margin:0 2px;font-size:13px;}
.PageBox .arr{width:30px;height:30px;}
.PageBox .arr:after{width:6px;height:6px;}
}
@media screen and (max-width:640px){
.PageBox{margin-top:40px;}
.PageBox *{width:27px;height:27px;line-height:27px;margin:0 1px;font-size:12px;}
.PageBox .arr{width:27px;height:27px;}
.PageBox .arr:after{width:5px;height:5px;}
}
@media screen and (max-width:400px){
.PageBox{margin-top:30px;}
.PageBox *{width:22px;height:22px;line-height:22px;}
.PageBox .arr{width:22px;height:22px;}
}






/*********** view ***********/
.viewBox .vTiBox .imgBox{width:50%;padding:50px 70px;padding-top:0 !important;border-radius:30px 60px;background:#f0f0f0;}

.viewBox .vTiBox .txtBox{width:50%;padding-left:5%;padding-top:20px;}
.viewBox .vTiBox .txtBox *{color:#000;}
.viewBox .vTiBox .txtBox .tagBox font{padding:10px 18px;margin-right:5px;border:solid 1px #dfdfdf;border-radius:60px;}
.viewBox .vTiBox .txtBox .tagBox font:first-child{border-color:#a1c5e8;background:#a1c5e8;color:#fff;}

.viewBox .vTiBox ul.type2{margin:5px 0;}

.viewBox .graybrBox{padding:30px 50px;background:#f0f0f0;border-radius:30px;}

.viewBox dl{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;ransition:all 0.2s ease;}
.viewBox dl dt,
.viewBox dl dd{padding:8px 0;line-height:130%;font-family:'NanumSquareNeo';font-size:16px;font-weight:400;}
.viewBox dl dt{width:130px;color:#2f2f2f;position:relative;}
.viewBox dl dt:after{width:1px;height:100%;background:#d5d5d5;position:absolute;top:0;right:0;display:block;content:"";}
.viewBox dl dd{width:calc(100% - 130px);padding-left:20px;color:#000;font-weight:600;word-wrap:break-word;display:block;word-break:keep-all;}

.viewBox .viewD-Box .titBox *{line-height:40px;padding-right:10px;}

@media screen and (max-width:1500px){
.viewBox .vTiBox .imgBox{padding:45px 60px;border-radius:20px 50px;}

.viewBox .vTiBox .txtBox .tagBox font{padding:9px 16px;margin-right:4px;}

.viewBox .graybrBox{padding:25px 40px;border-radius:20px;}

.viewBox dl dt,
.viewBox dl dd{font-size:15px;}
}
@media screen and (max-width:1280px){
.viewBox .vTiBox .imgBox{padding:40px 50px;border-radius:15px 40px;}

.viewBox .vTiBox .txtBox .tagBox font{padding:8px 14px;margin-right:3px;}

.viewBox .graybrBox{padding:20px 35px;border-radius:15px;}

.viewBox dl{padding:8px 0;border-bottom:solid 1px #d5d5d5;}
.viewBox dl:first-child{padding-top:2px !important;}
.viewBox dl dt,
.viewBox dl dd{padding:0;font-size:14px;}
.viewBox dl dt{width:100%;}
.viewBox dl dt:after{display:none;}
.viewBox dl dd{width:100%;padding-left:0;padding-top:5px;}
}
@media screen and (max-width:1100px){
.viewBox .vTiBox .imgBox{width:100%;padding:30px 40px;border-radius:10px 30px;}

.viewBox .vTiBox .txtBox{width:100%;padding-left:0;}
.viewBox .vTiBox .txtBox .tagBox font{padding:6px 12px;margin-right:2px;}

.viewBox .graybrBox{padding:15px 30px;border-radius:10px;}

.viewBox dl dt,
.viewBox dl dd{font-size:13px;}

.viewBox .viewD-Box .titBox *{line-height:120%;padding-right:10px;}
}
@media screen and (max-width:860px){
.viewBox .vTiBox .imgBox{padding:20px 30px;}

.viewBox .graybrBox{padding:15px 25px;}

.viewBox dl dt,
.viewBox dl dd{font-size:12px;}
}
@media screen and (max-width:767px){
.viewBox .vTiBox .imgBox{padding:20px;}

.viewBox .graybrBox{padding:15px 20px;}
}
@media screen and (max-width:640px){
.viewBox .vTiBox .txtBox .tagBox font{padding:5px 11px;margin:2px;margin-left:0 !important;}

.viewBox .graybrBox{padding:15px;}
}
@media screen and (max-width:460px){
.viewBox .vTiBox .txtBox .tagBox font{font-size:13px !important;}
}
@media screen and (max-width:360px){
.viewBox .vTiBox .txtBox .tagBox font{font-size:12px !important;}
}




.commentsBox{border:solid 1px #ddd;padding:40px;}
.commentsBox .tit{width:50px;font-family:'NanumSquareNeoExtraBold' !important;}
.commentsBox .con{width:calc(100% - 50px);}

@media screen and (max-width:1500px){
.commentsBox{padding:35px;}
.commentsBox .tit{width:45px;}
.commentsBox .con{width:calc(100% - 45px);}
}
@media screen and (max-width:1280px){
.commentsBox{padding:30px;}
.commentsBox .tit{width:40px;}
.commentsBox .con{width:calc(100% - 40px);}
}
@media screen and (max-width:1100px){
.commentsBox{padding:25px;}
}
@media screen and (max-width:960px){
.commentsBox{padding:20px;}
.commentsBox .tit{width:35px;}
.commentsBox .con{width:calc(100% - 35px);}
}
@media screen and (max-width:640px){
.commentsBox .tit{width:100%;}
.commentsBox .con{width:100%;margin-top:5px;}
}



.vsmtit{padding-left:20px;color:#222;position:relative;font-family:'NanumSquareNeoBold';}
.vsmtit:after{width:9px;height:9px;display:block;content:"";position:absolute;top:9px;left:0;background:#222;transform:rotate(45deg);border-radius:2px;}

@media screen and (max-width:1500px){
.vsmtit:after{top:8px;}
}
@media screen and (max-width:1280px){
.vsmtit{padding-left:18px;}
.vsmtit:after{width:8px;height:8px;}
}
@media screen and (max-width:860px){
.vsmtit{padding-left:16px;}
.vsmtit:after{width:7px;height:7px;}
}
@media screen and (max-width:767px){
.vsmtit{padding-left:15px;}
.vsmtit:after{top:6px;}
}
@media screen and (max-width:640px){
.vsmtit{padding-left:13px;}
}



.imgB.imgnum3 img{width:calc(100%/3 - 100px);}


.amorphous{display:flex;align-items:center;flex-wrap:wrap;}
.amorphous img{width:120px;}
.amorphous b{width:calc(100% - 120px);padding-left:5px;word-wrap:break-word;display:block;word-break:keep-all;}

@media screen and (max-width:1280px){
.amorphous img{width:100px;}
.amorphous b{width:calc(100% - 100px);}
}
@media screen and (max-width:767px){
.amorphous img{width:80px;}
.amorphous b{width:calc(100% - 80px);}
}
@media screen and (max-width:640px){
.amorphous img{width:100px;}
.amorphous b{width:100%;padding-left:0;padding-top:5px;}
}
@media screen and (max-width:520px){
.amorphous img{width:90px;}
}
@media screen and (max-width:460px){
.amorphous img{width:80px;}
}








/** 이미지 슬라이드 **/
.takeBox .take_slide_wrap{position:relative;}

.takeBox .take_slide_wrap .swiper-container{width:100%;}
.takeBox .take_slide_wrap .take_visual .swiper-slide{aspect-ratio:5 / 4;display:flex;align-items:center;justify-content:center;position:relative;}
.takeBox .take_slide_wrap .take_visual .swiper-slide img{max-width:100%;max-height:80%;margin:0 auto;display:block;opacity:1;}

.takeBox .take_slide_wrap .take_thumb_wrap{position:relative;}
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-slide{cursor:pointer;border:solid 1px #dbdbdb;background:#fafafa;border-radius:10px;aspect-ratio:5 / 4;display:flex;align-items:center;justify-content:center;position:relative;}
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-slide img{max-width:100%;max-height:80%;margin:0 auto;display:block;opacity:1;}

.takeBox .take_slide_wrap .take_thumb_wrap .swiper-slide-active{background:#fff;}

.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-prev,
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-next{width:30px;height:30px;margin-top:0;transform:translateY(-50%);background:rgba(0,0,0,0.8);border-radius:50%;}
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-prev:after,
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-next:after{width:6px;height:6px;border:solid #fff;border-width:2px 2px 0 0;position:absolute;top:50%;left:50%;display:block;content:"";transform:translate(-50%, -50%) rotate(45deg);}
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-prev:after{border-width:0 0 2px 2px;}
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-prev{left:-15px;}
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-next{right:-15px;}

.takeBox .swiper-pagination-bullets{display:none !important;}

@media screen and (max-width:460px){
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-prev,
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-next{width:24px;height:24px;}
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-prev:after,
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-next:after{width:5px;height:5px;}
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-prev{left:-12px;}
.takeBox .take_slide_wrap .take_thumb_wrap .swiper-button-next{right:-12px;}
}





/** 버튼 **/
.btBox a{padding:20px 40px;margin:0 10px;display:flex;align-items:center;border-radius:60px;transition:all 0.2s ease;}
.btBox a:hover{box-shadow:5px 5px 15px rgba(0,0,0,0.2);transition:all 0.2s ease;}
.btBox a.blue{background:#0563c2;}
.btBox a.sky{background:#9bc1e7;}
.btBox img{width:40px;}
.btBox font{width:calc(100% - 40px);padding-left:20px;color:#fff;}

@media screen and (max-width:1280px){
.btBox a{padding:18px 30px;margin:0 5px;}
.btBox img{width:30px;}
.btBox font{width:calc(100% - 30px);padding-left:15px;}
}
@media screen and (max-width:960px){
.btBox a{padding:18px 25px;margin:0 3px;}
.btBox img{width:25px;}
.btBox font{width:calc(100% - 25px);padding-left:12px;}
}
@media screen and (max-width:640px){
.btBox a{padding:16px 20px;margin:0 1px;}
.btBox img{width:20px;}
.btBox font{width:calc(100% - 20px);padding-left:10px;}
}
@media screen and (max-width:460px){
.btBox a{padding:14px 15px;}
.btBox img{width:18px;}
.btBox font{width:calc(100% - 18px);padding-left:8px;}
}
@media screen and (max-width:360px){
.btBox a{padding:12px 20px;margin:1px 0;}
.btBox a.sky{width:100%;text-align:center;}
}







/********************************* 고객센터 *********************************/
/*********** 상담문의 ***********/
.customertelBox{color:#0563c2;display:table;}
.customertelBox *{display:inline-block;color:#0563c2;}
.customertelBox img{width:20px;margin-right:10px;margin-bottom:-7px;}

.appBox i.star{width:5px;height:5px;margin:7px;border-radius:50%;background:#e12d34;display:inline-block;}

.appBox .appBox-D{border-top:solid 1px #000;margin-top:14px;}

.appBox .appBox-D div.disF{padding:15px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D div.disF .ttit{width:220px;padding-top:8px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 220px);display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span{margin-top:8px;display:flex;flex-wrap:wrap;}
.appBox .appBox-D div.disF .ccon span:first-child{margin-top:0;}
.appBox .appBox-D div.disF .ccon a.add{width:28px;height:28px;margin:20px 0 0 20px;padding-bottom:2px;border:solid 1px #e5e5e5;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.appBox .appBox-D div.disF .ccon font{line-height:280%;margin-right:10px;}

.appBox .appBox-D .agrBox{padding:20px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D .agrBox span{padding:10px 0;} 
.appBox .appBox-D .agrBox span u{color:#808080;cursor:pointer;}

@media screen and (max-width:1500px) {
.appBox .appBox-D div.disF{padding:15px 20px;}
.appBox .appBox-D div.disF .ttit{width:200px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 200px);}
}
@media screen and (max-width:1280px) {
.appBox .appBox-D div.disF{padding:10px 15px;}
.appBox .appBox-D div.disF .ttit{width:180px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 180px);}
.appBox .appBox-D div.disF .ccon font{margin-right:5px;}
}
@media screen and (max-width:1100px) {
.appBox .appBox-D div.disF{padding:10px 10px;}
.appBox .appBox-D div.disF .ttit{width:160px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 160px);}
}
@media screen and (max-width:960px) {
.customertelBox img{width:18px;margin-bottom:-5px;}

.appBox .appBox-D div.disF .ttit{width:140px;}
.appBox .appBox-D div.disF .ccon{width:calc(100% - 140px);}
}
@media screen and (max-width:860px) {
.appBox .appBox-D div.disF{padding:10px 5px;}
.appBox .appBox-D div.disF .ttit{width:100%;padding-top:0;padding-bottom:5px;}
.appBox .appBox-D div.disF .ccon{width:100%;}
}
@media screen and (max-width:767px) {
.appBox .appBox-D div.disF .ccon.three input,
.appBox .appBox-D div.disF .ccon.three select{width:29% !important;}
}
@media screen and (max-width:640px) {
.customertelBox img{width:15px;margin-right:6px;margin-bottom:-1px;}

.appBox .appBox-D .agrBox{padding:10px 15px;}
}
@media screen and (max-width:360px) {
.appBox .appBox-D .agrBox{padding:10px 5px;}
}




/** 작성박스 **/
.appBox input[type=text]{padding:12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;font-size:16px;}
.appBox input[type=text]:last-child{margin-right:0;}
.appBox input[type=text]::-webkit-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-moz-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-ms-input-placeholder{color:#000 !important;}

.appBox select{padding:12px 80px 12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;font-size:16px;background:url(/img/select_arrow.png) no-repeat right 20px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.appBox select:last-child{margin-right:0;}
.appBox select::-ms-expand{display:none;}

.appBox input[type=checkbox]{display:inline-block;}
.appBox input[type=checkbox] + label{padding-left:10px;display:inline-block;position:relative;}

.appBox textarea{width:100%;min-height:150px;padding:12px 20px;border:solid 1px #ccc;border-radius:10px;font-size:16px;}

@media screen and (max-width:1500px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:12px 17px;font-size:15px;margin-right:8px;border-radius:5px;}
.appBox select{padding-right:55px;}
}
@media screen and (max-width:1280px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:11px 15px;font-size:14px;background-position:right 15px center;background-size:12px;margin-right:6px;}
.appBox select{padding-right:50px;}
}
@media screen and (max-width:640px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{max-width:100% !important;border-radius:2px;}
}
@media screen and (max-width:400px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:10px 12px;font-size:13px;background-position:right 10px center;background-size:10px;margin-right:4px;}
.appBox select{padding-right:30px;}
}




/** 버튼 **/
.appBox .btnBox{width:300px;margin:0 auto;padding:24px 0 20px 0;background:#0563c2;border-radius:50px;transition:all 0.2s ease;}
.appBox .btnBox:hover{width:340px;transition:all 0.2s ease;}
.appBox .btnBox a{color:#fff;text-align:center;display:block;font-weight:bold;}

@media screen and (max-width:1280px) {
.appBox .btnBox{width:280px;}
.appBox .btnBox:hover{width:300px;}
}
@media screen and (max-width:1100px) {
.appBox .btnBox{width:260px;padding:20px 0 18px 0;}
.appBox .btnBox:hover{width:280px;}
}
@media screen and (max-width:960px) {
.appBox .btnBox{width:240px !important;}
}
@media screen and (max-width:767px) {
.appBox .btnBox{width:220px !important;padding:18px 0 16px 0;}
}
@media screen and (max-width:640px) {
.appBox .btnBox{width:200px !important;}
}
@media screen and (max-width:420px) {
.appBox .btnBox{width:180px !important;}
}