.mHeader {width:100%; background-color:#fff; height:77px;}
.mHeader .logo {width:calc(50% - 300px);  float:left; background:#fff;}
.mHeader .logo div {width:450px; float:right; padding-left:30px; height:77px; display: flex; align-items: center;}
.mHeader .logo div a {display: block;}
.mHeader .logo div a img {display: block;}

.mHeader .gnb {width:calc(50% + 300px); float:left; background-color:#f36f21; position:relative; border-left:1px solid #dde6ed; z-index:9;}
.mHeader .gnb .gnbInner {width:1050px; padding-left:25px; position:relative;}
.mHeader .gnb .gnbInner .gnbList {font-size:0;}
.mHeader .gnb .gnbInner .gnbList .glBox {display:inline-block; zoom:1; *display:inline; vertical-align:top; position:relative;}
.mHeader .gnb .gnbInner .gnbList .glBox a {display: block;}
.mHeader .gnb .gnbInner .gnbList .glBox a p {font-family: 'nanumsquare', sans-serif; font-size:18px; color:#fff; letter-spacing:-0.05em; line-height:77px; font-weight:600; padding:0 25px; position:relative; z-index:2;}
.mHeader .gnb .gnbInner .gnbList .glBox a p::after {content:""; width:0; height:8px; background-color:#FFC019; position:absolute; bottom:27px; left:22px; z-index:-1; opacity:0.6; transition:all 0.3s;}
.mHeader .gnb .gnbInner .gnbList .glBox.on a p {color:#fff;}
.mHeader .gnb .gnbInner .gnbList .glBox.on a p::after {width:calc(100% - 44px);}

.mHeader .gnb .gnbInner .gnbList .glBox ul {position:absolute; top:67px; left:50%; background-color:rgba(255,255,255,0.95); display:none; word-break: break-all; white-space:nowrap; border:1px solid #e0e0e0; transform: translateX(-50%); min-width:150px;}
.mHeader .gnb .gnbInner .gnbList .glBox ul li {text-align: center;}
.mHeader .gnb .gnbInner .gnbList .glBox ul li a {padding:13px 20px; border-bottom:1px solid #dde6ed; font-family: 'nanumsquare', sans-serif; font-size:16px; color:#666; letter-spacing:-0.05em; font-weight:600; transition:all 0.2s; display: block; transform: skew(-0.03deg);}
.mHeader .gnb .gnbInner .gnbList .glBox ul li:last-child a {border-bottom:0;}
.mHeader .gnb .gnbInner .gnbList .glBox ul li a:hover {color:#f36f21;}

.mHeader .gnb .gnbInner .memberBtn {position:absolute; top:50%; right:0; margin-top:-10px; font-size:0;}
.mHeader .gnb .gnbInner .memberBtn a {font-family: 'nanumsquare', sans-serif; font-size:14px; color:#fff; letter-spacing:-0.05em; line-height:20px; font-weight:600; display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-right:17px; padding-right:20px; position:relative; transition:all 0.2s;}
.mHeader .gnb .gnbInner .memberBtn a::before {content:""; width:2px; height:12px; background-color:#f79d69; position:absolute; top:4px; right:0;}
.mHeader .gnb .gnbInner .memberBtn a:last-child {padding-right:0; margin-right:0;}
.mHeader .gnb .gnbInner .memberBtn a:last-child::before {display:none;}
.mHeader .gnb .gnbInner .memberBtn a:hover {opacity:0.7;}



.main_content {width:1500px; margin: auto; position:relative; padding-left:450px;}
.main_content .mcLeft {width:450px; padding-top:58px; position:absolute; top:30px; left:0;}
.main_content .mcLeft .mlTop {width:100%; text-align: center;}
.main_content .mcLeft .mlTop p {font-family: 'twayair',sans-serif; font-size:30px; color:#000; letter-spacing:-0.075em; line-height:34px;}
.main_content .mcLeft .mlTop p span {font-family: 'twayair',sans-serif; font-size:30px; color:#f36f21;}
.main_content .mcLeft .mlTop p font {font-family: 'twayair',sans-serif; font-size:30px; color:#faa01f;}
.main_content .mcLeft .mlTop b {display: block; font-family: 'nanumsquare', sans-serif; font-size:18px; color:#333; letter-spacing:-0.04em; line-height:22px; font-weight:600; margin-top:10px;}
.main_content .mcLeft .mlTop img {display: block;}
.main_content .mcLeft .mlTop .mlBtnBox {width:100%; text-align: center; font-size:0;}
.main_content .mcLeft .mlTop .mlBtnBox a {display:inline-block; zoom:1; *display:inline; vertical-align: top; width:130px; margin:0 5px; -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; transform: skew(-0.03deg); transition:all 0.2s;}    
.main_content .mcLeft .mlTop .mlBtnBox a div {display:inline-block; zoom:1; *display:inline; font-family: 'nanumsquare', sans-serif; font-size:16px; color:#fff; letter-spacing:-0.04em; line-height:40px; font-weight:400; }
.main_content .mcLeft .mlTop .mlBtnBox a:nth-child(1) {background-color:#f36f21;}
.main_content .mcLeft .mlTop .mlBtnBox a:nth-child(2) {background-color:#faa01f;}
.main_content .mcLeft .mlTop .mlBtnBox a:nth-child(1):hover {background-color:#f79358;}
.main_content .mcLeft .mlTop .mlBtnBox a:nth-child(2):hover {background-color:#ffb74f;}
.main_content .mcLeft .mlTop .mlBtnBox a:nth-child(1) div {background:url("../img/main/leftBtnIcon01.png")no-repeat left center; padding-left:32px;}
.main_content .mcLeft .mlTop .mlBtnBox a:nth-child(2) div {background:url("../img/main/leftBtnIcon02.png")no-repeat left center; padding-left:24px;}

.main_content .mcLeft .mlCounsel {width:100%; margin-top:90px; padding:0 30px;}
.main_content .mcLeft .mlCounsel dl {width:100%; position:relative; padding-left:88px; margin-bottom:35px;}
.main_content .mcLeft .mlCounsel dl:last-child {margin-bottom:0;}
.main_content .mcLeft .mlCounsel dl dt {position:absolute; top:0; left:0; font-family: 'nanumsquare', sans-serif; font-size:18px; color:#333; letter-spacing:-0.04em; line-height:22px; font-weight:600;}
.main_content .mcLeft .mlCounsel dl dd {width:100%;}
.main_content .mcLeft .mlCounsel dl dd p {font-family: 'nanumsquare', sans-serif; font-size:30px; color:#f36f21; letter-spacing:-0.04em; line-height:26px; font-weight:600;}
.main_content .mcLeft .mlCounsel dl dd span {display: block; font-family: 'nanumsquare', sans-serif; font-size:15px; color:#555; letter-spacing:-0.04em; line-height:20px; font-weight:600; transform: skew(-0.03deg); margin-top:10px;}
.main_content .mcLeft .mlCounsel dl dd ul {width:100%; margin-top:16px;}
.main_content .mcLeft .mlCounsel dl dd ul li {width:100%; position:relative; padding-left:11px; font-family: 'nanumsquare', sans-serif; font-size:16px; color:#010101; letter-spacing:-0.04em; line-height:25px; font-weight:600; transform: skew(-0.03deg);}
.main_content .mcLeft .mlCounsel dl dd ul li::before {content:"·";  font-family: 'nanumsquare', sans-serif; font-size:16px; color:#010101; line-height:25px; font-weight:600; transform: skew(-0.03deg); position:absolute; top:0; left:0;}
.main_content .mcLeft .mlCounsel dl dd font {display: block; font-family: 'nanumsquare', sans-serif; font-size:30px; color:#222; letter-spacing:-0.04em; line-height:26px; font-weight:600;}

.main_content .mcLeft.fix {position:fixed; width:calc(50% - 300px); overflow: hidden; top:0;}
.main_content .mcLeft.fix .mlTop {width:450px; float:right;}
.main_content .mcLeft.fix .mlCounsel {width:450px; float:right; clear: both;}



.main_content .mcRight {width:1050px; position:relative;}
.main_content .mcRight::before {content:""; width:1px; height:100%; background-color:#dde6ed; position:absolute; top:0; left:0; z-index:10;}
.main_content .mcRight::after {content:""; width:1px; height:100%; background-color:#dde6ed; position:absolute; top:0; right:0; z-index:10;}

.main_content .mcRight .mContent {width:100%;}
.main_content .mcRight .mContent .visual {width:100%; position:relative;}
.main_content .mcRight .mContent .visual .visualSw {width:100%;}
.main_content .mcRight .mContent .visual .visualSw .swiper-slide {width:100%;}
.main_content .mcRight .mContent .visual .visualSw .swiper-slide img {display: block;}

.main_content .mcRight .mContent .visual .vsPrev {width:39px; height:58px; position:absolute; top:50%; left:24px; z-index:9; margin-top:-28px; transition:all 0.2s; cursor: pointer; background:url("../img/main/prev.png")no-repeat;}
.main_content .mcRight .mContent .visual .vsPrev:hover {background:url("../img/main/prev_ov.png")no-repeat; opacity:0.7;}
.main_content .mcRight .mContent .visual .vsNext {width:39px; height:58px; position:absolute; top:50%; right:24px; z-index:9; margin-top:-28px; transition:all 0.2s; cursor: pointer; background:url("../img/main/next.png")no-repeat;}
.main_content .mcRight .mContent .visual .vsNext:hover {background:url("../img/main/next_ov.png")no-repeat; opacity:0.7;}

.main_content .mcRight .mContent .visual .vsPage {position:absolute; bottom:20px; right:70px; background-color:rgba(0,0,0,0.3); -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; z-index:9; font-size:12px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:31px; padding:0 18px;}
.main_content .mcRight .mContent .visual .vsPage span {font-size:15px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:31px; margin-right:6px;}
.main_content .mcRight .mContent .visual .vsPage font {font-size:15px; color:rgba(255,255,255,0.7); font-weight:400; letter-spacing:-0.025em; line-height:31px; margin-left:6px;}

.main_content .mcRight .mContent .visual .controll {width:39px; height:31px; position:absolute; bottom:20px; right:20px; background-color:rgba(0,0,0,0.3); -ms-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; z-index:9;}
.main_content .mcRight .mContent .visual .controll div {width:100%; height:100%; position:absolute; top:0; left:0; transition:all 0.2s; cursor: pointer;}
.main_content .mcRight .mContent .visual .controll div:hover {opacity:0.6;}
.main_content .mcRight .mContent .visual .controll div.play {background:url("../img/main/play.png")no-repeat left 17px center; display:none;}
.main_content .mcRight .mContent .visual .controll div.stop {background:url("../img/main/stop.png")no-repeat center;}


.mTitle {width:100%; overflow: hidden;}
.mTitle img {float:left;}
.mTitle p {font-family: 'nanumsquare', sans-serif; font-size:21px; color:#000; font-weight:600; line-height:25px; letter-spacing:-0.05em; float:left; margin-left:12px;}
.mTitle span {float:right; font-family: 'nanumsquare', sans-serif; font-size:14px; color:#c6ccd0; font-weight:400; line-height:25px; letter-spacing:-0.05em; background:url("../img/main/tip.png")no-repeat left top 5px; padding-left:18px;}

.main_content .mcRight .mContent .drContent {width:100%; border-bottom:1px solid #dde6ed; overflow: hidden; position:relative;}
.main_content .mcRight .mContent .drContent::before {content:""; width:1px; height:164px; position:absolute; bottom:0; left:50%; transform: translateX(-50%) translateX(0.5px); background-color:#dde6ed; z-index:0;}
.main_content .mcRight .mContent .drContent .drBox {width:50%; float:left; padding:50px 35px;}
.main_content .mcRight .mContent .drContent .drBox span {display: block; font-family: 'nanumsquare', sans-serif; font-size:16px; color:#333; font-weight:600; line-height:20px; letter-spacing:-0.05em; transform: skew(-0.03deg); margin-top:12px;}
.main_content .mcRight .mContent .drContent .drBox .drBtn {width:100%; overflow: hidden; margin-top:30px;}
.main_content .mcRight .mContent .drContent .drBox .drBtn a {display: block; width:140px; float:left; margin-right:14px; position:relative; border:1px solid #dde6ed; font-family: 'nanumsquare', sans-serif; font-size:16px; color:#333; font-weight:600; line-height:54px; letter-spacing:-0.05em; transform: skew(-0.03deg); padding:0 12px; -ms-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; transition:all 0.2s;}
.main_content .mcRight .mContent .drContent .drBox .drBtn a:last-child {margin-right:0;}
.main_content .mcRight .mContent .drContent .drBox .drBtn a::before {content:""; width:20px; height:20px; position:absolute; top:50%; right:12px; margin-top:-10px; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; background:url("../img/main/btnArrow.png")no-repeat center left 8px #DDE6ED; transition:all 0.2s;}
.main_content .mcRight .mContent .drContent .drBox .drBtn a:hover {background-color:#F36F21; color:#fff; border:1px solid #F36F21;}
.main_content .mcRight .mContent .drContent .drBox .drBtn a:hover::before {background:url("../img/main/btnArrow_ov.png")no-repeat center left 8px #fff;}

.main_content .mcRight .mContent .drContent .drBox.mRequest {padding:50px 55px;}  
.main_content .mcRight .mContent .drContent .drBox.mRequest .drBtn a {width:190px;}

.main_content .mcRight .mContent .drContent .scrollBox {width:49px; height:49px; position:absolute; top:30px; left:50%; transform: translateX(-50%) translateX(0.5px); -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; background:linear-gradient(to bottom,#fcb11e,#f36f21); box-shadow:3px 3px 7px rgba(243,111,33,0.35); z-index:1;}
.main_content .mcRight .mContent .drContent .scrollBox::before {content:""; width:49px; height:49px; background:url("../img/main/scroll.png")no-repeat center; position:absolute; top:0; left:0;}


.main_content .mcRight .mContent .mBusiness {width:100%; padding:50px 35px; border-bottom:1px solid #dde6ed;}
.main_content .mcRight .mContent .mBusiness .mbListBox {width:100%; overflow: hidden; margin-top:25px;}
.main_content .mcRight .mContent .mBusiness .mbListBox a {display: block; float:left; width:230px; margin-right:20px;}
.main_content .mcRight .mContent .mBusiness .mbListBox a:last-child {margin-right:0;}
.main_content .mcRight .mContent .mBusiness .mbListBox a .mbBox {width:100%;}
.main_content .mcRight .mContent .mBusiness .mbListBox a .mbBox div {width:100%; height:137px; overflow: hidden; display:flex; justify-content: center; align-items: center; text-align: center;}
.main_content .mcRight .mContent .mBusiness .mbListBox a .mbBox div img {display: block; transition:all 0.5s;}
.main_content .mcRight .mContent .mBusiness .mbListBox a .mbBox p {font-family: 'nanumsquare', sans-serif; font-size:16px; color:#333; font-weight:600; line-height:20px; letter-spacing:-0.05em; transform: skew(-0.03deg); text-align: center; margin-top:12px; transition:all 0.3s;}
.main_content .mcRight .mContent .mBusiness .mbListBox a:hover .mbBox div img {transform: scale(1.08); opacity:0.6;}
.main_content .mcRight .mContent .mBusiness .mbListBox a:hover .mbBox p {color:#f36f21;}


.main_content .mcRight .mContent .nsContent {width:100%; overflow: hidden; position:relative;}
.main_content .mcRight .mContent .nsContent::before {content:""; width:1px; height:100%; position:absolute; top:0; left:700px; background-color:#dde6ed; z-index:0;}
.main_content .mcRight .mContent .nsContent .mNotice {width:700px; float:left; padding:35px; padding-top:50px;} 
.main_content .mcRight .mContent .nsContent .mNotice .m_notice_list {width:100%; margin-top:12px;}
.main_content .mcRight .mContent .nsContent .mNotice .m_notice_list a {display:table; width:100%; border-bottom:1px solid #ecf1f5; overflow: hidden;}
.main_content .mcRight .mContent .nsContent .mNotice .m_notice_list a:last-child {border-bottom:0;}
.main_content .mcRight .mContent .nsContent .mNotice .m_notice_list a:hover {background-color:#f8f8f8;}
.main_content .mcRight .mContent .nsContent .mNotice .m_notice_list a div {width:515px; display: table-cell; padding-top:1px;}
.main_content .mcRight .mContent .nsContent .mNotice .m_notice_list a div p {float:left; font-family: 'nanumsquare', sans-serif; font-size:16px; color:#333; font-weight:600; line-height:49px; letter-spacing:-0.05em; transform: skew(-0.03deg); padding-left:11px; position:relative; max-width:475px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_content .mcRight .mContent .nsContent .mNotice .m_notice_list a div p::before {content:"·"; font-family: 'nanumsquare', sans-serif; font-size:16px; color:#333; font-weight:900; line-height:49px; transform: skew(-0.03deg); position:absolute; top:0; left:0;}
.main_content .mcRight .mContent .nsContent .mNotice .m_notice_list a div span {font-family: 'GmarketSansMedium',sans-serif; font-size:11px; color:#5397f4; font-weight:600; letter-spacing:-0.025em; line-height:46px; float:left; margin-left:8px; padding-top:2px;}
.main_content .mcRight .mContent .nsContent .mNotice .m_notice_list font {width:115px; display: table-cell; text-align:right; font-family: 'nanumsquare', sans-serif; font-size:16px; color:#333; font-weight:400; line-height:49px; letter-spacing:-0.05em; transform: skew(-0.03deg); float:left;}


.main_content .mcRight .mContent .nsContent .shortcuts {width:350px; float:left; padding:50px 30px; padding-bottom:30px;}
.main_content .mcRight .mContent .nsContent .shortcuts .shortcutsBox {width:100%;}
.main_content .mcRight .mContent .nsContent .shortcuts .shortcutsBox a {display: flex; width:100%; height:110px; padding:0 20px; background-color:#F7F0DE; align-items: center; position:relative; -ms-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-top:20px; transition:all 0.2s;}
.main_content .mcRight .mContent .nsContent .shortcuts .shortcutsBox a .txt {width:100%;}
.main_content .mcRight .mContent .nsContent .shortcuts .shortcutsBox a .txt p {font-family: 'nanumsquare', sans-serif; font-size:18px; color:#000; font-weight:600; line-height:22px; padding-top:3px;}
.main_content .mcRight .mContent .nsContent .shortcuts .shortcutsBox a .txt span {display: block; font-family: 'nanumsquare', sans-serif; font-size:15px; color:#333; font-weight:600; transform: skew(-0.03deg); line-height:22px; margin-top:8px;}
.main_content .mcRight .mContent .nsContent .shortcuts .shortcutsBox a .icon {position:absolute; top:50%; right:20px; width:50px; height:50px; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; margin-top:-25px; background:url("../img/main/linkIcon01.png")no-repeat center #D6AB4F;}
.main_content .mcRight .mContent .nsContent .shortcuts .shortcutsBox a:last-child {background-color:#E3F7DE;}
.main_content .mcRight .mContent .nsContent .shortcuts .shortcutsBox a:last-child .icon {background:url("../img/main/linkIcon02.png")no-repeat center #70BE5E;}
.main_content .mcRight .mContent .nsContent .shortcuts .shortcutsBox a:hover {opacity:0.7;}


.main_content .mcRight .footer {position:relative; z-index:2;}
.main_content .mcRight .footer .siteLink .slInner {width:100%;}
.main_content .mcRight .footer .siteLink .slInner .slBox:first-child .siteTitle {border-left:0;}
.main_content .mcRight .footer .siteLink .slInner .slBox:last-child .siteList {width:100%;}
.main_content .mcRight .footer .copyright {padding:30px; padding-bottom:50px;}
.main_content .mcRight .footer .copyright .copyInner {padding-left:0; width:100%;}
.main_content .mcRight .footer .copyright .copyInner .visitStatus {top:auto; bottom:0;}

.main_content .mcRight .footer .copyright .copyInner .topBtn {position:absolute; top:0; right:0; width: auto; border:0; display: block; background:none; cursor: pointer; transition:all 0.2s;}
.main_content .mcRight .footer .copyright .copyInner .topBtn:hover {opacity:0.6;}
.main_content .mcRight .footer .copyright .copyInner .topBtn p {font-family: 'nanumsquare', sans-serif; font-size:16px; font-weight:800; color:#f36f21; background:url("../img/common/topBtn.png")no-repeat right top 5px; line-height:20px; padding-right:24px; transform: skew(-0.03deg);}



/* 팝업 */
.popup-container {
  display: none; /* 처음에는 보이지 않도록 설정 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5); /* 배경색상 불투명도 설정 */
  z-index: 999;
}

.popup-container img {max-width: 550px; width: 100%;}
.popup-close svg {
  stroke: #333;
  stroke-width: 2px;
}
.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  background-color: white;
  text-align: center;
  overflow: hidden;
}

.popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  z-index: 9999;
}

/* .popup-content .popup_list{display: flex; overflow: hidden;} */

.popup-content .popup_list {
  display: flex;
  position: relative; /* 슬라이드 효과를 위해 상대적인 위치 설정 */
}

.popup-content .popup_list img {
  max-width: 550px;
  width: 100%;
  transition: transform 0.5s ease-in-out;
}

.popup-content .popup_list img.active {
  transform: translateX(-100%); /* 이미지를 왼쪽으로 슬라이드 */
}