@charset "utf-8";
/* ********************************************************************
 * name : À¯ºñÀ¥
 * filename : content.css
 * description : ¼­ºê ÄÜÅÙÃ÷ css 
 * date : 2023-09-22
********************************************************************* */

.s-inner {max-width: 1280px;margin: 0 auto;}

/* === ¼­ºêŸÀÌƲ === */
.subWrap{padding: 6em 0 8em;}
.subWrap .titleBox{position: relative;}
.subWrap .titleBox .title{display: flex;width: 100%;margin-bottom: 20px;}
.subWrap .titleBox .title a{margin-right: 20px;position: relative;}
.subWrap .titleBox .title a i{font-size: 19px;}
.subWrap .titleBox .title a:after{content:'';display: block;width: 1px;height: 10px;background: #000;position: absolute;top: 5px;right: -10px;}
.subWrap .titleBox .title h1,
.subWrap .titleBox .title strong{margin-top: -1px;}
.subWrap .titleBox .titleTxt{margin-top: 30px;}
.subWrap .titleBox .titleTxt h2,
.subWrap .titleBox .titleTxt strong{font-size:32px;color:#bebdbd;}
.subWrap .titleBox .titleTxt p{font-size:52px;color:#222;font-weight: 800;margin-top: 0.2em;}
.subWrap .titleBox .titleTxt p:after{content:'.';color:#e72526;margin-left: 10px;}
.subWrap .titleBox .titleTxt p i{vertical-align: -3px;}
.subWrap .titleBox .titleTxt p em{color:#e72526;}
.subWrap .titleBox .titleTxt p.titleTxtList{font-size: 3.2rem;}
.subWrap .titleBox ul{position: absolute;right: 0;bottom: 5px;}
.subWrap .titleBox ul li{}
.subWrap .titleBox ul li a{display: block;width: 240px;height: 50px;border-radius: 8px;background: #2d2d2d;color: #fff;text-align: center;line-height: 50px;margin-bottom: 10px;}
.subWrap .titleBox ul li a i{vertical-align: -1px;margin-left: 10px;}
.subWrap .titleBox ul li a:hover i{margin-left: 20px;transition:all 0.5s;}
.subWrap .titleBox .uc{background:#844299;}
.subWrap .line{display:block;border-bottom:1px solid #dfdfdd;margin: 5em 0 3em;}
.subWrap .subTxt{font-size: 20px;color: #4c4c4c;line-height: 2.2;}
.subWrap .subTxt strong{color:#e72526;}
.subWrap .subTxt span{font-weight: 900;font-size: 38px;}
.subWrap .subTxt ul{display: flex;margin-top: 30px;}
.subWrap .subTxt ul li{margin-right: 20px;}
.subWrap .subTxt ul li a{display: block;font-size: 16px;border: 1px solid #000;padding: 10px 20px;width: 200px;text-align: center;margin-top: 10px;}
.subWrap .subTxt ul li a i{vertical-align: -1px;}
.subWrap .subTxt ul li a:hover{color:#fff;background:#e72526;border: 1px solid #e72526;}
.subWrap .subTxt ul li a:hover strong{color: #fff;transition:all 0.5s;font-weight: 400;}
.mtop{margin-top:6em;}
.intop{margin-top:-4em;}

/* === ȨÆäÀÌÁöÁ¦ÀÛ¹æ¹ý === */
.homepageType{margin-top: 4em;}
.homepageType .tab_btn {position: sticky;top: 4em;left: 0;background: #fff;z-index: 1;}
.homepageType .tab_btn ul{display: flex;flex-direction: row;align-items: center;}
.homepageType .tab_btn ul li{width: 20%;margin: 0 4px;}
.homepageType .tab_btn ul li a{display: flex;justify-content: center;font-size: 17px;height: 67px;border-radius: 0;color: #292929;line-height: 67px;opacity: 1;transition: all 0.5s ease;border: 1px solid #d3d3d3;background: #fff;text-align: center;}
.homepageType .tab_btn ul li a span{line-height: 1.2;display: flex;flex-direction: column;justify-content: center;padding: 0 8px;}
.homepageType .tab_btn ul li a span br{display:none;}
.homepageType .tab_btn .active-tab {background: #141414;color: #fff;border: 1px solid #141414;}

.pageSec{margin-top: -3em;}
.homepageType .pageSec .sec{margin: 11em 0 0;border-bottom: 1px solid #ededed;padding-bottom: 8em;}
.homepageType .pageSec .sec:last-child{border-bottom: 0;padding-bottom: 0;margin: 9em 0 3em;}
.homepageType .pageSec .sec .conBox{display: grid;grid-template-columns: 58% 1fr;grid-column-gap: 65px;align-items: center;}
.homepageType .pageSec .sec .conBox img{}
.homepageType .pageSec .sec .conBox .txtBox{}
.homepageType .pageSec .sec .conBox .txtBox h2{font-size:36px;}
.homepageType .pageSec .sec .conBox .txtBox h3{font-size:20px;font-weight: 500;margin: 30px 0 40px;}
.homepageType .pageSec .sec .conBox .txtBox h2.ch{font-size:24px;margin-bottom: 20px;}
.homepageType .pageSec .sec .conBox .txtBox p{font-size: 18px;color: #898989;line-height: 1.8;font-weight: 400;}
.homepageType .pageSec .sec .conBox .txtBox p strong{color:#e72526;}
.homepageType .pageSec .sec .conBox .txtBox p.cp{font-size:17px;margin-bottom: 3em;}
.homepageType .pageSec .sec .conBox .txtBox p.cp a{border-bottom: 1px solid #ededed;border-top: 1px solid #ededed;width: 100%;display: block;padding: 10px 0;margin-top: 40px;}
.homepageType .pageSec .sec .conBox .txtBox p.cp a:hover{color: #ffffff;background: #141414;padding: 10px 0 10px 20px;}
.homepageType .pageSec .sec .conBox .txtBox p.cp a:last-child{border-top:0;margin-top:0;}
.homepageType .pageSec .sec .conBox .txtBox p.cp a i{vertical-align: -1px;margin-left: 5px;}

.homepageType .pageSec .sec .conBox .txtBox .typeReco {margin-top: 3em;padding: 14px 16px;border: 1px solid rgba(0,0,0,.06);background: rgba(0,0,0,.02);border-radius: 12px;}
.homepageType .pageSec .sec .conBox .txtBox .typeRecoTit {display: inline-flex;align-items: center;gap: 8px;font-size: 18px;font-weight: 700;color: rgba(0,0,0,.78);margin: 0 0 8px;letter-spacing: -0.2px;margin-left: 1.1em;}
.homepageType .pageSec .sec .conBox .txtBox .typeRecoTit .dot {width: 8px;height: 8px;border-radius: 999px;background: rgba(0,0,0,.28);}
.homepageType .pageSec .sec .conBox .txtBox .typeRecoList {margin: 0;padding-left: 18px;color: rgba(0,0,0,.62);font-size: 16px;line-height: 1.55;letter-spacing: -0.2px;}
.homepageType .pageSec .sec .conBox .txtBox .typeRecoList li { margin: 4px 0; }
.homepageType .pageSec .sec .conBox .txtBox .typeReco1 {margin: -2em 0 0;}
.homepageType .pageSec .sec .conBox .txtBox .typeReco1 .typeRecoTit {font-size: 16px;}
.homepageType .pageSec .sec .conBox .txtBox .typeReco1 .typeRecoList {font-size: 14px;}

.homepageType .pageSec .sec .conBox .txtBox .typeBtn{margin-top: 2em;display: inline-flex;align-items: center;justify-content: center;gap: 8px;height: 44px;padding: 0 18px;font-size: 14px;font-weight: 700;line-height: 1;letter-spacing: -0.2px;border-radius: 999px;border: 1px solid rgba(0,0,0,0.14);background: #fff;color: #111;text-decoration: none;white-space: nowrap;transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;box-shadow: 0 10px 24px rgba(0,0,0,0.06);}
.homepageType .pageSec .sec .conBox .txtBox .typeBtn:hover{transform: translateY(-1px);background: #e72526;color: #fff !important;}
.homepageType .pageSec .sec .conBox .txtBox .typeBtn1{margin: 1.5em 0 3em;}

.homepageType .pageSec .sec .conBox1{display: flex;flex-direction: column;}
.homepageType .pageSec .sec .conBox1 .txtBox{display: flex;flex-direction: row;gap: 3em;}

.sProcess{color: #313131;}
.sProcess h2{font-size: 42px;margin: 2em 0;}
.sProcess ul {padding-bottom: 3em;}
.sProcess ul li p {color: #595959;}
.sProcess ul li em{background: #f5f5f5;width: calc(100% - 25px);display: block;border-radius: 3px;padding: 10px;margin-top: 30px;font-size: 16px;letter-spacing: -0.02em;}
.sProcess ul li em i{vertical-align: -1px;}
.sProcess ul li em a:hover {color:#e72526;}
.sProcess .pi1 h3:after{background: url(../img/content/proicon01.png) no-repeat;}
.sProcess .pi2 h3:after{background: url(../img/content/proicon02.png) no-repeat;}
.sProcess .pi3 h3:after{background: url(../img/content/proicon03.png) no-repeat;}
.sProcess .pi4 h3:after{background: url(../img/content/proicon04.png) no-repeat;}
.sProcess .pi5 h3:after{background: url(../img/content/proicon05.png) no-repeat;}
.sProcess .pi6 h3:after{background: url(../img/content/proicon06.png) no-repeat;}
    
/* === Á¦ÀÛÀÚ·áÁ¤¸®¹æ¹ý¾È³» === */
.sSource{margin: 7em 0 4em;}
.sSource .sou01{display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 65px;}
.sSource .sou01 li{}
.sSource .title{}
.sSource .title h2{font-size: 28px;}
.sSource .title h2 span{margin-right: 10px;background: #404040;color: #fff;font-weight: 300;padding: 10px 20px;border-radius: 0 16px 0 0;text-align: center;}
.sSource .title p{font-size: 20px;margin: 30px 0;}
.sSource .imgBox{border: 1px solid #cbcbcb;}
.sSource .imgBox img{width:100%;}
.sSource .sou02{margin: 5em 0 0;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 35px;}
.sSource .sou02 .imgBox{height: 200px;padding: 25px;display: flex;align-items: center;}
.sGuide{border: 1px solid #cbcbcb;text-align: center;margin: 7em 0 0;padding: 5em;}
.sGuide h2{font-size: 36px;}
.sGuide p{font-size: 20px;color: #353535;margin: 1em 0 3em;}
.sGuide span{font-size: 22px;border-top: 1px solid #616161;padding: 30px;}
.sGuide span i{vertical-align: -1px;margin-right: 10px;color: #e72526;}
.sGuide span a:hover{color: #e72526;}

/* === ·Î±×ÀÎ === */
.slogin{margin: 5em auto;text-align: center;}
.slogin h1{font-size: 38px;}
.slogin p{font-size: 16px;margin: 20px 0 60px;color: #5b5b5b;line-height: 1.8;}
.slogin .loginWarp{width: 420px;margin: 0 auto;}
.slogin .loginWarp .ol{border: 1px solid #d7d7d7;border-radius: 0;border: 0;border-top: 1px solid #5b5b5b;border-radius: 0;border-bottom: 1px solid #5b5b5b;}
.slogin .loginWarp .ol form{padding: 50px 30px;}
.slogin .loginWarp .ol h2,
.slogin .loginWarp .ol .join,
.slogin .loginWarp #ol_be_cate,
.slogin .loginWarp #ol_svc{display:none;}
.slogin .loginWarp #ol_before .ol_wr{width:100%;}
.slogin .loginWarp #ol_before .ol_wr input[type=text],
.slogin .loginWarp #ol_before .ol_wr input[type=password]{background: #fff !important;background-color: #fff !important;width: calc(100% - 20px);border: 1px solid #e1e1e1;border-radius: 0;padding: 5px 10px;}
.slogin .loginWarp #ol_id{}
.slogin .loginWarp #ol_submit{height: 55px;border-radius: 0;background: #141414;padding: 10px;}

.logTitle{font-size: 20px;margin: 16px 0 !important;text-align: left;}
.logbtn{margin-bottom: 40px;}
.logbtn a{width: 95%;display: block;background: #28374c;color: #fff;padding: 10px;border-radius: 50px;transition:all 0.5s;font-size: 18px;}
.logbtn a:hover{background: #395e93;}

/* === Á¦ÀÛ ºñ¿ë === */
.costWrap{margin-top: 3em;}
.costWrap em.costTxt{font-size: 18px;margin-bottom: 15px;display: block;font-weight: 500;background: #e5e5e5;border-radius: 8px;padding: 10px 20px;}
.costWrap em.costTxt span{animation: blink-effect 1s step-end infinite;}
@keyframes blink-effect {
  50% {opacity: 0.3;}
}
.costWrap ul{display: grid;grid-template-columns: 1fr 1fr;border-bottom: 1px solid #dfdfdd;}
.costWrap ul li{border: 1px solid #dfdfdd;display: grid;grid-template-columns: 1fr 1fr;align-items: center;padding: 30px 35px;}
.costWrap ul li:nth-child(2n){border-left:0;border-bottom:0;}
.costWrap ul li:nth-child(1n){border-bottom:0;}
.costWrap .titleBox{}
.costWrap .titleBox h2{font-size:26px;color:#2d2e2c;}
.costWrap .titleBox strong{margin-top: 0.8em;display: block;font-size: 1.125rem;color: #e7393a;}
.costWrap .titleBox h2 .clabel{display: none;animation: scrollDown 1.2s ease-in-out infinite;font-size: 14px;background: #e72526;color: #fff;font-weight: 500;padding: 5px 10px;border-radius: 5px;vertical-align: middle;position: absolute;opacity: 1 !important;left: 190px;}
.costWrap .titleBox h2 .cla_c{background:#a151bb;} 
.costWrap .titleBox .specTxt{font-size: 15px;color:#8a8a8a;margin: 20px 0 30px;line-height: 1.6;}
.costWrap .titleBox .specTitle{font-size:16px;color:#2d2e2c;font-weight: 800;}
.costWrap .titleBox .specDesc{font-size:16px;color:#7c7b7c;font-weight: 400;margin-top: 15px;}
.costWrap .titleBox .link{margin: 20px 0 30px;}
.costWrap .titleBox .link a{font-size: 16px;color: #414141;margin: 7px 0;display: block;}
.costWrap .titleBox .link a i{vertical-align: -1px;margin-left: 7px;color: #000;}
.costWrap .txtBox{background:#f8f9f9;padding: 20px 29px;border-radius: 10px;}
.costWrap .txtBox > div{display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px;}
.costWrap .txtBox > div h5{font-size:16px;color: #2b2b2b;font-weight: 500;}
.costWrap .txtBox > div p{font-size:16px;color:#686868;}
.costWrap .txtBox > div p strong{font-size:22px;color:#2d2e2c;margin-right: 5px;}
.costWrap .txtBox > div p em{font-size: 18px;color: #000;}
.costWrap .txtBox > div p b u{text-decoration: none;color: #2d2e2c;position: relative;}
.costWrap .txtBox > div p b u:after{content:'';display: inline-block;width: 44px;height: 1px;position: absolute;top: 13px;left: 0;background: #000;transform: rotate(47deg);}
.costWrap .txtBox > div p b u:before{content:'';display: inline-block;width: 44px;height: 1px;position: absolute;top: 13px;left: 0;background: #000;transform: rotate(132deg);}
.costWrap .txtBox > div p b i{margin: 0 8px 0 5px;color: #2d2e2c;font-size: 15px;vertical-align: middle;}
.costWrap .txtBox > div h5 em{font-size: 14px;color:#9e9d9e;font-weight: 500;}
.costWrap .txtBox > div p b{font-size:22px;color:#e72527;margin-right: 5px;}
.costWrap .txtBox > div.total{border-top: 1px solid #d1d1d1;padding-top: 10px;margin-bottom: 0;margin-top: 10px;}
.costWrap .txtBox > div.total p strong{font-size:28px;color:#2d2e2c;}
.costWrap .txtBox > span.etc{font-size: 0.9rem;padding-top: 1em;display: block;}

.costTable{margin:6em 0 3em;}
.costTable .titleBox{}
.costTable .titleBox h2{font-size:32px;color:#000;}
.costTable .titleBox p{font-size:20px;color:#4c4c4c;margin: 30px 0 50px;line-height: 1.8;font-weight: 300;}
.costTable .titleBox p strong{color:#333;}

.costWrap1{}
.costWrap1 ul li{\gap: 1em;}
.costWrap1 .titleBox1{}
.costWrap1 .titleBox1 h2{font-size: 1.5rem;}
.costWrap1 .titleBox1 h3{font-size: 2rem;color: #e72526;}
.costWrap1 .titleBox1 strong{font-size: 1.125rem;margin: 1em 0 0.5em;}
.costWrap1 .titleBox1 p{font-size: 1rem;color: #8a8a8a;line-height: 1.6;}
.costWrap1 .txtBox1{background: #f8f9f9;border-radius: 10px;height: 100%;display: flex;justify-content: center;align-items: center;}
.costWrap1 .txtBox1 strong{font-size: 6.5rem;}
.costWrap1 .txtBox1 strong em{font-size: 1.25rem;}
.costWrap1 .txtBox1 span{font-size: 5rem;margin-left: 0.2em;}
.costWrap1 .txtBox1 h4{}
.costWrap1 .txtBox1 p{}

/* === ÆË¿À¹ö === */
#popoverOpener .popoverbtn{cursor: pointer;color: #000;font-size: 16px;background: #fff;}
#popoverOpener .popoverbtn:hover{color: #2561e7;font-weight: 600;}
#popoverOpener .popoverbtn em{font-size: 13px;color: #373737;vertical-align: 2px;margin-right: 3px;}
#popoverOpener .popoverbtn i{}
#popoverOpener .popoverbtn span{vertical-align: 2px;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.popover {position: absolute;max-width: 380px;width: 300px;border-radius: 11px;left: 0 !important;z-index: 17;visibility: hidden;opacity: 0;transition: visibility 0s 0.3s, opacity 0.3s;}
.popover.active {visibility: visible;opacity: 1;transition-delay: 0s;}
.popover-toggle {display: inline-block;}
.popover-inner {box-sizing: border-box;max-width: 300px;box-shadow: 2px 6px 15px 0px rgb(0 0 0 / 21%);color: #282828;background-color: #fff;border-radius: 11px;}
.popover-content {padding: 15px 35px 15px 20px;max-height: 150px;font-size: 15px;color: #383838;line-height: 1.5;text-align: justify;}
.popover-content span{color:#e72527;}
.popover-content a{display: inline-block !important;font-size: 15px !important;margin: 10px 0 0 !important;font-weight: 600;}
.popover-close {cursor: pointer;position: absolute;bottom: -7px;right: 0px;padding: 10px;}
.popover-arrow {position: absolute;display: block;border-style: solid;border-color: #fff;top: 100%;border-bottom: none;border-top-width: 9px;border-right: 8px solid transparent;border-left: 8px solid transparent;}

/* === Å×À̺í°øÅë === */
.t_typel th,.t_typel td{border:0}
.t_typel {width:100%;border-top:3px solid #535353;border-bottom: 1px solid #000000;}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:18px 0;background:#fff;border-bottom: 1px solid #000000;font-size: 18px;}
.t_typel tbody th{padding:18px 15px;font-weight:500;background:#f6f7f8;border-left: 1px solid #98a1a6;border-top: 1px solid #98a1a6;font-size: 16px;}
.t_typel tbody th:first-child{border-left:0}
.t_typel tbody th[rowspan]{border-right: 1px solid #cbcbcb;}
.t_typel tbody td{padding: 20px 15px;background:#fff;border-left: 1px solid #cbcbcb;border-top: 1px solid #cbcbcb;font-size: 16px;color: #535353;}
.t_typel tbody td:first-child{}
.t_typel tbody td[rowspan]{border-right:1px solid #dee2e6}
.t_typel tbody td[rowspan]:last-child{border-right:0}
.t_typel tbody td+th{border-left:1px solid #dee2e6}
.td_txtsm{font-size: 15px;color: #212121;padding-top: 8px;display: block;}
.t_typel tbody td i.xi-check-circle{font-size: 30px;color: #009688;}
.t_typel tbody td i.xi-close{font-size: 20px;color: #b1b1b1;font-weight: 900;vertical-align: middle;}
.t_typel tfoot th{padding:18px 15px;border-top: 1px solid #98a1a6;background: #dddddd;font-weight: 600;font-size: 17px;border-right: 1px solid #cbcbcb;}
.t_typel tfoot td{padding:18px 15px;border-top: 1px solid #ffd1d1;background: #fdf2f2;font-weight: 600;font-size: 17px;border-right: 1px solid #ffd1d1;}
.t_typel tfoot td:last-child{border-right:0}
.td_left{text-align: left;padding: 20px 40px !important;border-left: 0 !important;color: #e72526 !important;font-size: 15px !important;}
.td_left p{line-height: 1.8;}
.td_left p i{font-size: 20px;color: #2b2b2b;vertical-align: middle;margin-right: 10px;}
.t_typel_label{border-top: 1px solid #797979;padding: 20px;background: #fbfbfb;padding: 20px 40px;margin: 20px 0 40px;border: 1px dashed #dadada;border-radius: 16px;}
.t_typel_label li{line-height: 2;font-size: 16px;position: relative;padding-left: 20px;}
.t_typel_label li:after{content:'';width: 4px;height: 4px;display: block;position: absolute;background: #e72526;top: 15px;left: 0;}
.t_typel1 tbody td:first-child{border-left:0}

.a_typel th,.a_typel td{border:0}
.a_typel{width:100%;font-size: 18px;color: #8d8d8d;}
.a_typel tbody th{font-weight: 400;border-top: 1px solid #333;padding: 20px;text-align: left;}
.a_typel tbody td{font-weight: 300;border-top: 1px solid #e1e1e1;padding: 20px 40px;}
.a_typel tbody td a{color: #8d8d8d;}
.a_typel tbody td a:hover{color:#000;}
.a_typel tbody td a i{vertical-align: -1px;}
.a_typel tbody th:first-child{border-bottom: 1px solid #333;}
.a_typel tbody td:last-child{border-bottom: 1px solid #e1e1e1;}

/* === °í°´¼¾ÅÍ === */
.noticeWrap{padding-bottom: 10em;}
.csBox{margin-top: -4em;}
.csBox ul{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 35px;}
.csBox ul li{border: 1px solid #919191;padding: 40px 20px;text-align: center;}
.csBox ul li h3{font-size: 25px;margin-bottom: 20px;}
.csBox ul li p{font-size: 27px;font-weight: 800;margin-bottom: 20px;}
.csBox ul li p.red{color:#e72526;}
.csBox ul li span{display: block;font-size: 16px;color: #939393;}
.csBox ul li em{color: #515151;margin-top: 7px;display: block;font-weight: 600;letter-spacing: -0.03em;}
.csBox ul li a{display: block;width: 200px;text-align: center;height: 45px;background: #e72526;color: #fff;font-size: 16px;line-height: 45px;margin: 0 auto 21px;border-radius: 8px;}
.csBox ul li a:hover{background:#000;}

/* === °³ÀÎÁ¤º¸Ãë±Þ¹æħ === */
.personal{margin: 0 5% 7em;}
.personal .txtBox{}
.personal .txtBox h1{font-size: 36px;text-align: center;margin: 2em 0;}
.infor h1 {font-size:28px; margin-bottom:40px;position: relative;}
.infor h1 span{font-size: 14px;position: absolute;right: 0;top: 13px;font-weight: 500;color: #db1b1b;}
.infor {font-size: 15px; margin:0 1%;}
.infor h5 {margin: 35px 0 5px; font-weight: bold;}
.infor span {display: block; color: #949494;}
.infor .tbox {background: #fbfbfb; padding: 10px 15px; margin: 20px 0 40px; border: 1px dashed #dadada; border-radius: 16px;}
.infor .tbox p {color: #757575; margin: 10px 0;}
.infor .tbox p strong {display: block; color: #3c3838;}
.infor .tbox1 {text-align:center;}
.infor .tbox1 p strong {margin:10px 25px 25px; font-size:16px;}

a.btnContact{background: #e72526;color: #fff;padding: 10px 20px;width: 120px;text-align: center;float: right;margin: 30px 0 20px;}
a.btnContact:hover{background:#000;}
a.btnContact1{margin: 10px 0 20px;}
.pg_wrap {clear: inherit;float: inherit;display: block;margin-top: 25px;}
.pg_current {background: #e72526;border: 1px solid #e72526;font-size: 14px;}
.pg_page {line-height: 30px;font-size: 14px;}






/* === ȸ»ç¼Ò°³ === */
.aboutWrap{margin: 5em 0;}
.aboutWrap .imgBox img{width:100%;}
.aboutWrap .ubTxt{display: flex;justify-content: center;align-items: center;margin: 8em 0 7em;position: relative;}
.aboutWrap .ubTxt:after{content:'';width: 200px;height: 1px;background: #bdbdbd;position: absolute;bottom: -3em;}
.aboutWrap .ubTxt li{position: relative;font-weight: 800;}
.aboutWrap .ubTxt li em{font-size:24px;color:#bcbbbb;position: absolute;font-weight: 500;top: -25px;left: 50%;transform: translateX(-50%);text-align: center;width: 100%;}
.aboutWrap .ubTxt li p{font-size:80px;color:#000;}
.aboutWrap .ubTxt li i{font-size: 40px;margin: 0 40px;}
.aboutWrap .ubTxt .c1{color:#2990a7;}
.aboutWrap .ubTxt .c2{color:#843790;}
.aboutWrap .ubTxt .c3{color:#29b076;}
.aboutWrap .ubTxt .c4{color:#f29318;}
.aboutWrap .ubTxt .c5{color:#e72526;}
.aboutWrap .txtBox{text-align: center;}
.aboutWrap .txtBox h2{font-size:42px;color:#252525;}
.aboutWrap .txtBox h2 br,
.aboutWrap .txtBox h3 br{display:none;}
.aboutWrap .txtBox h3{font-size: 24px;margin: 1em 0 3em;}
.aboutWrap .txtBox p{font-size:20px;color:#5f5f5f;line-height: 1.8;}
.aboutTable{max-width: 1190px;margin: 7em auto;display: grid;grid-template-columns: 1fr 300px;grid-column-gap: 40px;align-items: center;}
.certify{width: 300px;text-align: center;}
.certify h3{font-size: 1.25rem;margin-bottom: 1em;}
.certify .swiper-wrapper{}
.certify .swiper-slide{}
.certify .swiper-slide img{}
.certify .swiper-slide p{font-size: 18px;margin: 20px 0 0;}
.certify .swiper-button-next,
.certify .swiper-button-prev{top: var(--swiper-navigation-top-offset,43%);color: #4d4d4d;}
.certify .swiper-button-prev:after,
.certify .swiper-rtl .swiper-button-next:after,
.certify .swiper-button-next:after, 
.certify .swiper-rtl .swiper-button-prev:after{font-size: 25px;}
.aboutMap{max-width: 1190px;margin: 0 auto;}
.aboutimg{margin: 5em auto 0;max-width: 1190px;}
.aboutimg img{width: 100%;border-radius: 40px;}

.view_img_cont iframe {width: 600px;height: 336px;margin: 0 auto;text-align: center;position: relative;left: 50%;transform: translate(-50%, 0);}

.certify .swiper-button-next:after,
.certify .swiper-button-prev svg{display:none;}
.certify .swiper-button-prev:after{font-size: 20px;}

/* === 404 === */
.error{text-align: center;margin: 8em 0;}
.error .imgBox{display: none;}
.error .imgBox img{width: 450px;}
.error h1{font-size: 8vw;-webkit-text-stroke: 1px #454545;color: transparent;line-height: 1;}
.error h1 strong{font-size: 9vw;display: block;-webkit-text-stroke: transparent;color: #2b2b2b;}
.error p{margin: 3em 0;}
.error a{font-size: 20px;}
.error a:hover{color:#e72526;}

.kakao a {display: block;background: #2d2d2d;color: #fff;padding: 10px 20px;width: 120px;text-align: center;float: right;margin: 30px 10px 20px 0;}
.kakao a:hover{background: #1f9b7e;}
.kakao a img {width: 25px;filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(344deg) brightness(104%) contrast(101%);}
.kakao a span {margin-left: 10px;}


/* ±â°ü ½Ã½ºÅÛ ¼½¼Ç */
.enterpriseWrap {margin-top: 60px;background: #ffffff;/* border-radius: 12px; */padding: 48px 40px;color: #000000;border: 1px solid #dfdfdd;}
.enterpriseWrap .titleBox h2 {font-size: 30px;font-weight: 700;color: #2d2e2c;margin-bottom: 12px;}
.enterpriseWrap .titleBox p {font-size: 1.125rem;color: #5d5d5d;line-height: 1.8;margin-bottom: 32px;}
.enterpriseList {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-bottom: 28px;list-style: none;}
.enterpriseList li {background: #f6f7f8;border-left: 3px solid #009688;border-radius: 8px;padding: 16px 20px;}
.enterpriseList li h3 {display: block;font-size: 1.25rem;font-weight: 600;color: #2d2e2c;margin-bottom: 4px;}
.enterpriseList li span {font-size: 15px;color: #717171;line-height: 1.6;}
.enterpriseTags {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 32px;padding-top: 24px;border-top: 1px solid #2a2a2a;}
.enterpriseTags em {background: #009688;color: #ffffff;font-size: 13px;font-style: normal;padding: 5px 14px;border-radius: 20px;border: 1px solid #009688;}
.enterpriseCta {display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.enterpriseCta p {font-size: 16px;color: #888;line-height: 1.7;margin: 0;}
.enterpriseCta p strong {display: block;font-size: 20px;color: #000000;margin-bottom: 6px;}
.enterpriseCta .btn {background: #e53935;color: #fff;padding: 14px 28px;border-radius: 8px;font-size: 1.125rem;font-weight: 600;text-decoration: none;white-space: nowrap;transition: background 0.2s;}
.enterpriseCta .btn:hover {background: #c62828;}

/* ===== FAQ ===== */
.system-faq {margin-bottom: 36px;}
.faq-label {font-size: 18px;font-weight: 700;letter-spacing: 0.12em;color: #e72526;text-transform: uppercase;margin-bottom: 16px;}
.faq-item {border-top: 1px solid #c3c3c3;padding: 20px 0;cursor: pointer;}
.faq-item:last-child {border-bottom: 1px solid #272727;}
.faq-item h4 {font-size: 16px;font-weight: 600;color: #3d3d3d;line-height: 1.5;display: flex;justify-content: space-between;align-items: flex-start;gap: 16px;transition: color 0.2s;}
.faq-item h4::after {content: '+';font-size: 20px;font-weight: 300;color: #555;flex-shrink: 0;transition: transform 0.25s, color 0.2s;line-height: 1.2;}
.faq-item.open h4 {color: #009688;}
.faq-item.open h4::after {content: '-';color: #e53935;}
.faq-item p {font-size: 16px;color: #888;line-height: 1.8;margin-top: 0;max-height: 0;overflow: hidden;transition: max-height 0.3s ease, margin-top 0.3s ease;}
.faq-item.open p {max-height: 200px;margin-top: 12px;}


/* ¸ð¹ÙÀÏ */
@media (max-width: 768px) {
    .enterpriseWrap { padding: 32px 20px; }
    .enterpriseList { grid-template-columns: 1fr; }
    .enterpriseCta { flex-direction: column; align-items: flex-start; }

	.enterpriseWrap .system-label {font-size: 14px;}
	.enterpriseWrap .titleBox h2 {font-size: 25px;}
	.enterpriseWrap .titleBox p {font-size: 1rem;}
	.enterpriseWrap .titleBox h2 br{display:none;}

}



/*
===============================================
¹ÝÀÀÇü css
===============================================
*/

@media all and (max-width:1800px){
	.homepageType .pageSec .sec .conBox{grid-template-columns: 53% 1fr;align-items: center;}
	.homepageType .pageSec .sec .conBox img{width:100%;}
}

@media all and (max-width:1600px){
	.costWrap ul li {grid-template-columns: 1fr;}
	.costWrap .titleBox .specTxt br{display:none;}
	.costWrap .txtBox {margin-top: 20px;}
}

@media all and (max-width:1500px){
	.sSource .title p {font-size: 17px;}

	.homepageType .pageSec .sec .conBox {display: block;text-align: center;}
	.homepageType .pageSec .sec .conBox img {width: auto;}
	.homepageType .pageSec .sec .conBox .txtBox {margin-top: 5em;}
	.homepageType .pageSec .sec .conBox .txtBox h2.ch {font-size: 30px;margin-bottom: 30px;}
	.homepageType .pageSec .sec .conBox1 .txtBox { flex-wrap: wrap;}
}

@media all and (max-width:1450px){
	.subWrap .titleBox ul{position: inherit;display: flex;margin-top: 30px;}
	.subWrap .titleBox ul li {margin-right: 20px;}
	.subWrap .line {margin: 2em 0 3em;}

	.pagetype .swiper-slide .conBox {display: flex;flex-direction: column;}
	.pagetype .swiper-slide .conBox img {width: auto;}
	.pagetype .swiper-slide .conBox .txtBox {margin-top: 3em;text-align: center;}
	.pagetype .swiper-slide .conBox .txtBox h3 {margin: 25px 0 37px;}
	.pagetype .control .swiper-pagination .swiper-pagination-bullet {font-size: 15px;}
	.pagetype .swiper-slide .conBox .txtBox p{width:700px;}
	.pagetype .swiper-slide .conBox .txtBox p br{display:none;}
	.pagetype .swiper-slide .conBox .ih {height: 500px;}
}

@media all and (max-width:1320px){
	.mProcess ul {grid-template-columns: 1fr 1fr;}
	.mProcess ul li:nth-child(3n){border-right: 1px solid #373737;}
	.mProcess ul li:nth-child(n+4){border-bottom: 1px solid #373737;}
	.mProcess ul li:nth-child(2n){border-right: 0;}
	.mProcess ul li:nth-child(n+5){border-bottom: 0;}
}

@media all and (max-width:1280px){
	.sSource {margin: 2em 0 1em;}
	.sSource .title h2 {font-size: 20px;}
	.sSource .sou01 {display: block;}
	.sSource .sou01 li,
	.sSource .sou02 li{margin-top: 40px;}
	.sSource .imgBox {height: 350px;padding: 20px;text-align: center;}
	.sSource .imgBox img {width: auto;height: 100%;}
	.sSource .sou02 {margin: 0;display: block;}
	.sSource .sou02 .imgBox {justify-content: center;}
	.sSource .sou02 .imgBox img {width: auto;height: auto;}
	.sGuide {border-top: 2px solid #000;border-bottom: 2px solid #000;margin: 5em 0 0;padding: 3em 0;border-left: 0;border-right: 0;}
	.sGuide h2 {font-size: 30px;}
	.sGuide p {font-size: 18px;}

	.aboutWrap .ubTxt li p {font-size: 58px;}
	.aboutWrap .ubTxt li em {font-size: 20px;}
	.aboutWrap .txtBox h2 {font-size: 30px;}
	.aboutWrap .txtBox h3 {font-size: 21px;}
	.aboutWrap .txtBox p {font-size: 18px;}
	.a_typel tbody th{width:25%;}
	.aboutMap .root_daum_roughmap_landing{width:100% !important;}
}

@media all and (max-width:1100px){
	.csBox ul{grid-column-gap: 10px;}
	.csBox ul li {padding: 40px 10px;}

	.homepageType .pageSec .sec .conBox img {width: 100%;}
}

@media all and (max-width:1024px){
	.subWrap .titleBox .titleTxt p,
	.subWrap .titleBox .titleTxt p.titleTxtList{font-size: 42px;}

	.costWrap ul {grid-template-columns: 1fr;}
	.costWrap ul li:nth-child(1n){border-left:1px solid #dfdfdd;}
	.costTable .titleBox h2 {font-size: 27px;}
	.costTable .titleBox p {font-size: 17px;margin: 13px 0 30px;}

	.aboutWrap .ubTxt li i {margin: 0 20px;}
}

@media all and (max-width:900px){
	.subWrap .subTxt {font-size: 18px;}
	.sProcess h2 {font-size: 36px;}
	.sProcess ul {padding-bottom: 0;}

		/* ¸ð¹ÙÀÏ Å×ÀÌºí °¡·Î½ºÅ©·Ñ */
	.mb_scroll{position:relative;width:100%;overflow:auto}
	.mb_scroll table{width:890px}
	.mb_scroll::after{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';background:url('../img/content/scroll_alpha.png') repeat-y fixed right top;z-index:2;}
	.mbtb_quide{position:absolute;top:30px;left:50%;width:60px;height:60px;background:url('../img/content/bg_touch.png') no-repeat;background-size:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	.mb_scroll::-webkit-scrollbar-track{background-color: #f3f3f3;}
	.mb_scroll::-webkit-scrollbar-thumb{background-color: #e1e1e1;}
	.mblink a{display:block}

	.csBox ul {display: block;}
	.csBox ul li {margin-bottom: 15px;}

	.homepageType .tab_btn ul li a{font-size:16px;}
	.homepageType .tab_btn ul li a span br{display:block;}

	.aboutWrap .txtBox h2 br, 
	.aboutWrap .txtBox h3 br{display:block;}

	.aboutTable {grid-template-columns: 1fr;margin: 5em auto 4em;}
	.certify h3{margin-top: 3em;}
	.certify .swiper-slide {}
	.aboutWrap .ubTxt li p {font-size: 43px;}
	.aboutWrap .ubTxt li i {font-size: 25px;}
	.aboutWrap .ubTxt {margin: 5em 0 6em;}
}

@media all and (max-width:768px){
	.subWrap {padding: 4em 0 8em;}
	.subWrap .subTxt br{display:none;}
	.subWrap .titleBox .titleTxt h2,
	.subWrap .titleBox .titleTxt strong{font-size: 28px;}
	.subWrap .titleBox .titleTxt p,
	.subWrap .titleBox .titleTxt p.titleTxtList{font-size: 34px;}

	.aboutimg {margin: 3em auto 0;}
	.aboutimg img {border-radius: 20px;}

	.homepageType .pageSec .sec .conBox .txtBox .typeReco {text-align: left;}
	.homepageType .pageSec .sec .conBox .txtBox .typeRecoTit {font-size: 16px;}
	.homepageType .pageSec .sec .conBox .txtBox .typeRecoList {font-size: 14px;}
}

@media all and (max-width:700px){
	
}

@media all and (max-width:640px){
	.aboutWrap {margin: 2em 0;}
	.subWrap {padding: 2em 0 3em;}
	.subWrap .titleBox ul li {margin-right: 10px;}
	.subWrap .titleBox ul li a {width: 200px;}
	.subWrap .titleBox .titleTxt h2,
	.subWrap .titleBox .titleTxt strong{font-size: 21px;}
	.subWrap .titleBox .titleTxt p,
	.subWrap .titleBox .titleTxt p.titleTxtList{font-size: 27px;}
	.subWrap .subTxt {font-size: 17px;line-height: 1.8;}
	.subWrap .subTxt ul{flex-direction: column;}
	.subWrap .line {margin: 2em 0;}

	.mProcess ul {grid-template-columns: 1fr;}
	.mProcess ul li {padding: 40px 0;}
	.mProcess ul li,
	.mProcess ul li:nth-child(3n) {border-right: 0;}
	.mProcess ul li:nth-child(n+5){border-bottom: 1px solid #373737;}
	.mProcess{align-items: flex-start;}
	.sProcess h2 {font-size: 28px;margin: 2em 0 0;border-bottom: 1px solid #373737;width: 100%;padding-bottom: 20px;}

	.sSource .imgBox{height: auto;}
	.sSource .imgBox img,
	.sSource .sou02 .imgBox img{width: 100%;height: auto;}
	.sSource .title h2 span {padding: 9px 13px;border-radius: 0 12px 0 0;}
	.sGuide {margin: 4em 0 0;}
	.sGuide h2 {font-size: 24px;}
	.sGuide p {font-size: 16px;}
	.sGuide span {font-size: 18px;padding: 30px 0;}

	.costWrap ul li {padding: 30px 20px;}
	.costWrap .titleBox .specTxt {margin: 15px 0 25px;}
	.costWrap .titleBox .specDesc{margin-top: 5px;}
	.costWrap .txtBox {padding: 15px 20px;border-radius: 8px;}
	.costTable {margin: 4em 0 3em;}
	.costTable .titleBox p {font-size: 16px;letter-spacing: -0.05em;}

	.t_typel thead th {font-size: 16px;}
	.td_left {padding: 13px 15px !important;}
	.t_typel tbody th{font-size: 15px;}
	.t_typel_label {padding: 20px;}
	.t_typel_label li {font-size: 15px;padding-left: 15px;line-height: 1.8;}

	.slogin h1 {font-size: 26px;}
	.slogin p {font-size: 14px;}
	.slogin .loginWarp {width: 100%;}

	.contactList thead,
	.contactList .no,
	.contactList .td_category{display:none;}
	.contactList .td_subject{width:70%;}
	.contactList .td_name{width:10%;}
	.contactList .td_date{width:20%;}

	.personal {margin: 0 0 7em;}
		
	.pageSec {margin-top: -6em;}
	.homepageType {margin-top: 2em;}
	.homepageType .tab_btn ul{flex-wrap: wrap;}
	.homepageType .tab_btn ul li {width: 31%;margin: 0 4px 4px;}
	.homepageType .tab_btn ul li a {font-size: 14px;height: 50px;line-height: 50px;}
	.homepageType .pageSec .sec .conBox .txtBox h2 {font-size: 26px;}
	.homepageType .pageSec .sec .conBox .txtBox h2.ch{font-size: 22px;}
	.homepageType .pageSec .sec .conBox .txtBox h3 {font-size: 17px;margin: 20px 0 30px;}
	.homepageType .pageSec .sec .conBox .txtBox p,
	.homepageType .pageSec .sec .conBox .txtBox p.cp{font-size:16px;text-align: left;}
	.homepageType .pageSec .sec .conBox .txtBox p br{display:none;}
	.homepageType .pageSec .sec {margin: 12em 0 0;}
	.homepageType .pageSec .sec .conBox .txtBox {margin-top: 3em;}

	.aboutWrap .ubTxt li p {font-size: 28px;}
	.aboutWrap .ubTxt li em {font-size: 17px;}
	.aboutWrap .ubTxt li i {font-size: 18px;margin: 0 10px;}
	.aboutWrap .ubTxt:after {width: 125px;}
	.aboutWrap .txtBox h2 {font-size: 22px;}
	.aboutWrap .txtBox h3 {font-size: 18px;}
	.aboutWrap .txtBox h3 .lineBreak {display: inline;}
	.aboutWrap .txtBox p {font-size: 16px;letter-spacing: -0.05em;}
	.a_typel {font-size: 16px;}
	.a_typel tbody th {width: 28%;padding: 10px 15px;}
	.a_typel tbody td {padding: 10px 25px;}

	.costWrap em{font-size: 16px}
	.costWrap em.costTxt{font-size: 15px;}
}

@media all and (max-width:600px){
	.view_img_cont iframe {width: 320px;height: 185px;}
}

@media all and (max-width:450px){
	.subWrap .titleBox ul {display: block;}
	.aboutWrap .txtBox h3 br,
	.aboutWrap .txtBox p br{display:none;}
}

@media all and (max-width:380px){
	.sGuide span {border-top: 0;}
	.costWrap .titleBox h2 {font-size: 19px;}
	.costWrap .txtBox > div {align-items: flex-start;flex-direction: column;}
	.costWrap .titleBox h2 .clabel{left: 0;top: -40px;}

	.kakao {padding-top: 30px;}
	.kakao a{float: initial;margin: 0 5px 0 0px;}

	.homepageType .tab_btn ul li {width: 30%;}
}