@charset "UTF-8";

html{font-size:10px;}

*{box-sizing:border-box; margin:0; padding:0; font-family:"PretendardGOV-Regular",sans-serif;}
main .section01{padding:0.0rem 12.5% 6.0rem 12.5%; }
main .section02{padding:4.0rem 12.5%; background:#F4F6F9;}
main .section03{padding:4.0rem 12.5%; display: flex; gap:2.4rem;}


/* =======================================================================================
header
======================================================================================= */
/*---top bar----*/
.bar-top{height:4.0rem; /*border-bottom: 1px solid #E3E5E8;*/ background: #3A4A63; display: flex; justify-content: space-between; font-size: 1.6rem; padding:0.0rem 12.5%; }
.bar-top button{font-size: 1.6rem; color:#fff;}

.bar-top .container-left{ display: flex; justify-content: flex-start; gap:2.0rem; align-items: center;}

.bar-top .container-left a{color:#fff;}
.bar-top .container-left li a{color:#000;}

.bar-top .container-left .link-related::after{content: url(/resources/imgs/main_new/arrowSelectW.svg); position:relative; top:-0.3rem; left:0.6rem;}
.dropdown-related{display:none; position:absolute; top:4.8rem; left:12.5%; background:#fff; border:1px solid #E3E5E8; border-radius:0.8rem; box-shadow:0 0.4rem 1.0rem rgba(0,0,0,0.1); padding:1.6rem 0; z-index:999;}
.dropdown-related ul{list-style:none; margin:0; padding:0;}
.dropdown-related li{padding:0.8rem 2.0rem; font-size:1.6rem; white-space:nowrap; cursor:pointer;}
.dropdown-related li:hover{background:#F2F6FB;}

.bar-top .container-left .link-related2::after{content: url(/resources/imgs/main_new/arrowSelectW.svg); position:relative; top:-0.3rem; left:0.6rem;}
.dropdown-related2{display:none; position:absolute; top:4.8rem; left:calc(12.5% + 12.0rem); background:#fff; border:1px solid #E3E5E8; border-radius:0.8rem; box-shadow:0 0.4rem 1.0rem rgba(0,0,0,0.1); padding:1.6rem 0; z-index:999;}
.dropdown-related2 ul{list-style:none; margin:0; padding:0;}
.dropdown-related2 li{padding:0.8rem 2.0rem; font-size:1.6rem; white-space:nowrap; cursor:pointer;}
.dropdown-related2 li:hover{background:#F2F6FB;}

.bar-top .container-right{display: flex; justify-content: flex-end; gap:2.4rem; align-items: center; margin-right:-2rem;}
.bar-top .container-right .btn-user{padding-bottom: 0.6rem;}
.bar-top .container-right .btn-user::before{content: url(/resources/imgs/main_new/icoUser.svg); position:relative; top:0.36rem;right:0.6rem;}
.bar-top .container-right .btn-logout{padding-bottom: 0.2rem;}
.bar-top .container-right .btn-logout::before{content: url(/resources/imgs/main_new/icoLogout.svg); position:relative; top:0.26rem;right:0.6rem;}

.wrapSearch{height:4.0rem;}
.wrapSearch input{width:22.0rem; height:4.0rem; padding-left:1.6rem; background: #25344E; border:none;}
.wrapSearch input[type="text"]{font-size:1.6rem ; color:#fff;}
.wrapSearch input::placeholder{font-size:1.6rem ; color:#fff;}
.wrapSearch input:focus-visible{border:solid 1px #fff; border-radius: 0; outline: none; padding-left:calc(1.6rem - 1px);}
.btnSearch {position: relative; width: 1.6rem; height: 1.6rem; background: url(/resources/imgs/main_new/icoSearch.svg) no-repeat 50% 50%; background-size: contain; cursor: pointer; z-index: 2; left:-3.4rem; top:0.4rem;}

/*---top bar----*/

/*----header----*/
.wrapHeader{height: 12.0rem; display:flex; justify-content:space-between; align-items: center; padding-right:4.0rem; padding:0.0rem 12.5%; }
.wrapMobileHeader{display:none;}

.logo{z-index: 2000;}

header nav{/*display: flex; justify-content: space-between;*/position:relative; padding-top:0.3em; width:60%;}
header nav a{ color:#000; font-family: "Paperlogy-Medium";  font-size: 1.8rem;}
header {position: sticky;
		  top: 0;
		  z-index: 2200;
		  transition:background-color 0.0s ease;}
header.scrolled{background:#fff; border-bottom:solid 1px #E7E9F2; box-shadow: 0 0.6rem 0.4rem rgba(0, 0, 0, 0.05);}

@media (max-width:767px){
	header{position:relative;}
}
/*----header----*/




/* gnb 레이아웃 */
header nav .gnb{display:flex; justify-content: space-between; align-items:center;}
header nav .gnb>li{position:static; list-style:none;}
header nav .gnb>li>a{display:inline-block; padding:1.2rem 0;}
/* 드롭다운 기본 */
header nav .depth2{display:none; position:absolute; left:17%; top:75%; transform:translateX(-50%); width:100vw;/*height:50.0rem;*/background:#fff url(/resources/imgs/main_new/bgMain.svg) no-repeat 0 -114px; background-position-x:calc(50% - 3px);border:0px solid #E3E5E8; border-radius:0.0rem; box-shadow:0 0.6rem 0.4rem rgba(0,0,0,0.05); padding:10.0rem 12.5vw 1.2rem;z-index:1000;}

header nav .depth2{transition:background-color .3s ease;}
header nav .depth2.scrolled{background:#fff;}
body:has(main.main) header nav .depth2{ background:#fff;}


/*header nav .depth2 a{display:block;padding:1.0rem 0.0rem; white-space:nowrap;color:#000; font-size:1.7rem;}
header nav .depth2 a:hover{background:#F2F6FB;color:#1D3994;}*/
/* 호버로 열기 */
@media (hover: hover) { header nav .gnb>li:hover>.depth2 {display:block;}}
header nav .gnb>li.open>.depth2{display:block;}
/* 헤더 위 요소들과 겹침 보정 */
.wrapHeader{position:relative;z-index:900;}
/* 반응형: 767px 이하는 기존 햄버거 흐름 유지 → PC 드롭다운 숨김 */
@media(max-width:767px){header nav .depth2{display:none!important;}}
header nav .gnb>li:hover>a, header nav .gnb>li.open>a{color:#1D3994; font-weight: 600;}



.title_sub{width:46.4rem; height:35.6rem;}
.wrapFlex_d2{display: flex; gap:2.4rem; justify-content:flex-start; flex-wrap:nowrap;}
.vertical-line_d2{width:24.8rem; }
.vertical-line_d2 .wrap2depth{display: flex; flex-direction: column;  margin-bottom:3.6rem; }
.vertical-line_d2 .wrap2depth a.submenu_d2{padding:0.8rem 0.0rem; font-family: "Paperlogy-Bold"; font-size:2.0rem;}
.vertical-line_d2 .wrap2depth a.submenu_d3{padding:0.6rem 0.0rem; font-family: "Paperlogy-Regular"; font-size:1.6rem;}

.d2title-card{width:22.0rem; height:30.6rem; background:linear-gradient(315deg, #58B4FF 0%,  #5584F5 100%); padding:3.2rem; border-top-right-radius: 3.2rem; border-bottom-left-radius: 3.2rem;}
.gnb li:nth-child(2) .d2title-card{background:linear-gradient(0deg, #FF5694 0%,  #FF7777 100%);}
.gnb li:nth-child(3) .d2title-card{background:linear-gradient(0deg, #00AD56 0%,  #85DD38 100%);}
.gnb li:nth-child(4) .d2title-card{background:linear-gradient(0deg, #FF951B 0%,  #FFCF10 100%);}
.gnb li:nth-child(5) .d2title-card{background:linear-gradient(0deg, #09BFE8 0%,  #4DF4F4 100%);}

.d2title-card h2{font-family: "Paperlogy-Bold"; font-size:2.0rem; color:#fff;}
.d2title-card h2::after{content: url(/resources/imgs/main_new/arrowCard_d2title.svg); position:relative; top:0.0rem; left:1.6rem;}
.d2title-card p{font-family: "PretendardGOV-Regular"; font-size:1.5rem; color:#fff; margin-top:1.6rem;}
/*.title_sub img{width:35.6rem; margin-top:-17.0rem;}*/
.title_sub img{width:35.6rem; position:fixed; bottom:1.2rem;}


/* =======================================================================================
footer
======================================================================================= */
footer{background:#E0E6ED; font-size:1.2rem; color:#1D1D1D;  margin-top:6.0rem;}
footer .footer-wrap{padding:0.0rem 12.5%;}
footer .footer-wrap img{width:285px; height:29px; margin:4.0rem 0 3.2rem 0;}
footer .address div{color:#1D1D1D; font-size:1.6rem; margin:0.8rem 0;}
footer .address div strong{color:#1D1D1D; font-family:"PretendardGOV-bold"; margin-right:0.4rem;}
footer .address div strong span{color:#1D3994; font-family:"PretendardGOV-bold"; margin-right:0.4rem;}
footer a{margin-right:1.6rem; color:#1D1D1D; font-size:1.6rem;}
footer a:first-child{font-family:"PretendardGOV-bold"; color:#1D3994; }

.wrapKISTEP{display: flex; justify-content:space-between ; align-items: end; border-bottom:1px solid #CAD4E0; padding-bottom:4.0rem;}
.footer-bottom{padding:1.6rem 0 2.0rem 0; }
.wrapKISTEP select{color:#1D1D1D; font-size:1.6rem; background:#fff url(/resources/imgs/main_new/arrowSelect.svg) 90% center no-repeat; width:18.0rem; height:4.0rem; border-radius: 0.8rem; padding:0 1.6rem; border:1px solid #C3CCD9;}
/*----footer----*/


/*------우측 퀵링크 (2025.10.16)------*/
.quick_nav { position: fixed;  text-align: center;  right: 0rem;  bottom: 8%;  z-index: 100;  -webkit-transition: .2s;  transition: .2s;  width: 11.2rem; display: flex; flex-direction: column; align-items: center; gap:0.8rem; z-index:3000;}

.quick_nav dl.list{ background: #fff; box-shadow:0 0 1.16rem rgba(0,0,0,0.15); padding:1rem; border-top-left-radius: 2.4rem; border-bottom-left-radius: 2.4rem;}
.quick_nav dl dd{ display: flex; flex-direction: column; justify-content: center; padding:0.8rem 0; border-bottom: 1px solid #F2F2F2;}
.quick_nav dl dd:last-child{border-bottom: none;}
.quick_nav dl dd a{font-family: "PretendardGOV-Regular"; font-size: 1.3rem; margin:0; color:#4A4F60; line-height: 110%;}
.quick_nav dl dd a:hover{ /*font-weight: 600;*/ color:#000;}
.quick_nav dl dd button{font-family: "PretendardGOV-Regular"; font-size: 1.3rem; color:#4A4F60;}
.quick_nav dl dd button:hover{ /*font-weight: 600;*/ color:#000;}
.quick_nav dl dd a strong{font-family: "PretendardGOV-Bold"; font-size: 1.3rem;color:#4169E1; display:inline-block; line-height: 100%; width:100%; margin-left:-4.5%; margin-bottom:0.6rem;}
.quick_nav dl dd img.imgCallCenter{width:5.2rem; height:5.2rem; margin:0.4rem 0 0.8rem;}
.quick_nav dl dd a span{font-family: "PretendardGOV-Bold"; font-size: 1.3rem;color:#0D174C; display:inline-block; line-height: 100%;}
.quick_nav dl dd img.imgChatBot{width:5.2rem; height:5.2rem;margin:0.4rem 0 0.8rem;}
.go_top {margin:1rem -1rem 0 0;}
.go_top span{font-family: "PretendardGOV-Bold"; font-size: 1.2rem;color:#555; position: relative !important;}
.go_top span::before{content: url(/resources/imgs/main_new/arrowGoTop.png); position:relative; display: block; margin-bottom: -0.4rem; left:-0.1rem;}

.quick_nav .openChatBot{display: none; width:6.4rem; height:6.4rem; background:#fff url(/resources/imgs/main_new/img_btnChatBot.png) no-repeat center 1rem; font-family: "PretendardGOV-Bold"; font-size: 1.0rem; color:#000; padding-top:2.5rem; border-radius: 3.2rem; border:1px solid #D5D8E5; box-shadow:0 0 1.16rem rgba(0,0,0,0.15);}
.quick_nav .openQuickLink{display: none; width:6.4rem; height:6.4rem; background:#fff; font-family: "PretendardGOV-Bold"; font-size: 1.2rem; color:#4169E1; border-radius: 3.2rem; border:1px solid #4169E1; box-shadow:0 0 1.16rem rgba(0,0,0,0.15);}

@media (max-width: 1560px){
    .quick_nav{width:10rem; border-top-left-radius: 2.2rem; border-bottom-left-radius: 2.2rem;}
}
@media (max-width: 1400px){
    .quick_nav{bottom: 2rem; right: 0.6rem; width:12rem;}
    .quick_nav .openChatBot{display: block;}
    .quick_nav .openQuickLink{display: block;}
    .quick_nav dl.list{display: none; border-radius:0.4rem;  border-bottom:6px solid #4169E1; border-top:6px solid #4169E1; box-shadow:0 0 1.16rem rgba(0,0,0,0.15); padding-top:0.4rem}
    .quick_nav dl dd:nth-child(5){border-bottom: none;}
    .quick_nav dl dd.mnv{display:none;}
    /* .quick_nav dl dd:nth-child(8){display:none;} */

    .go_top {margin:0; width:6.4rem; height:6.4rem; border-radius: 3.2rem; background:#25344E url(/resources/imgs/main_new/arrowGoTopWhite.png) no-repeat center 1.6rem; padding-top:3.2rem;}
    .go_top span{color:#fff;}
    .go_top span::before{display: none;}

}
/*------우측 퀵링크 (2025.10.16)------*/


/*------모바일메뉴 mmenu (2025.10.14)------*/

/* 공통 */
.btn-hamburger{display:none;}
.nav-dim{display:none;}

nav.mmenu{display:none;}
header.nav-open nav.mmenu{transform:translateX(0); opacity:1;}

@media(max-width:767px){
    .bar-top{display:none;}

    header{width:100%; }
    .wrapHeader nav{display: none;}
    .wrapHeader{background:#fff; width:100%; z-index:1045; padding: 0.0rem 0.0rem 0.0rem 4%;}
    nav.menu{display:none;}

    nav.mmenu{display:flex; gap:0; justify-content:flex-start; flex-direction: column; align-items:center; position:absolute;  width:100%;  padding:0 1.5rem 8rem 1.5rem; background:#fff;  border-bottom:1px solid #EDEDED; transform:translateX(100%); opacity:0; transition:transform .28s ease,opacity .28s ease; z-index:1051; margin-right:0;}

    nav.mmenu .mitem{display:block;  width:100%; text-align:center; padding:2rem 0; border-bottom:1px solid #E5E5E5; background:#fff;color:#000;font-size:2rem; text-decoration:none;}
    nav.mmenu .mitem:hover{font-weight: normal; color:#256EF4;}
    nav.mmenu .mitem.active{/*background:#3A4A63;*/ color:#000; border-bottom:1px solid #3A4A63;}

    .mUser-info{width:calc(100% + 3rem); display: flex; justify-content: flex-start; gap:3rem; background: #3A4A63; padding:2rem 3rem; margin-bottom: 4rem;}
    .mUser-info button{ color:#fff;}
    .mUser-info .btn-user{padding-bottom: 0.6rem;}
    .mUser-info .btn-user::before{content: url(/resources/imgs/main_new/icoUser.svg); position:relative; top:0.36rem;right:0.6rem;}
    .mUser-info .btn-logout{padding-bottom: 0.2rem; }
    .mUser-info .btn-logout::before{content: url(/resources/imgs/main_new/icoLogout.svg); position:relative; top:0.26rem;right:0.6rem;}

    /*2depth*/    
    nav.mmenu .mnode{display:block; width:100%;}
    nav.mmenu .msub{max-height:0; overflow:hidden; transition:max-height .25s ease; display:block; margin:-0.4rem 0 0.8rem 0; }
    .active .msub{border-bottom:1px solid #E5E5E5; padding:2rem 0; }
    nav.mmenu .mnode.active>.mitem{color:#000; border-bottom:1px solid #3A4A63;}
    nav.mmenu .mnode.active>.msub{max-height:85rem;}
    nav.mmenu .msub a{display:block; padding:1.4rem 0; text-decoration:none;color:#222; font-size:1.6rem; text-align: center;}
    nav.mmenu .msub a:hover{color:#1D3994;}
    
    nav.mmenu .msub a.d3{font-size: 1.3rem; padding: 0.6rem 0.0rem; color: #666;}

    .btn-hamburger{display:block; width:3.2rem; height:3.2rem; border:0; background:none; position:absolute; right:4%; top:6.0rem; transform:translateY(-50%); z-index:1100;}
    .btn-hamburger span,.btn-hamburger span::before,.btn-hamburger span::after{content:""; display:block; width:100%; height:3px; background:#1D1D1D; position:relative; transition:transform .2s ease,opacity .2s ease;}
    .btn-hamburger span::before{position:absolute; top:-1.2rem;}
    .btn-hamburger span::after{position:absolute; top:1.2rem;}

    .nav-dim{position:fixed; inset:0; background:rgba(0,0,0,.35); display:none; pointer-events:none; z-index:10;}
    header.nav-open .nav-dim{display:block; pointer-events:auto;}

    /* X 아이콘 애니메이션 */
    header.nav-open .btn-hamburger span{transform:rotate(45deg);}
    header.nav-open .btn-hamburger span::before{transform:rotate(90deg); top:0;}
    header.nav-open .btn-hamburger span::after{opacity:0;}
}

/*------모바일메뉴 mmenu (2025.10.14)------*/

@media (min-width: 768px) and (max-width: 782px){
	.mmenu{display:none !important;}
}


/*----초대형----*/
@media all and (min-width:1921px) {
    body{/* background:url(/resources/imgs/main_new/bgMain2.svg) no-repeat 0 0; */ 
    		background-position-x:center; 
    		background-position-y: -4.0rem; 
    		color:#333; 
    		font-size:1.7rem; 
    		background-size:112vw;}
    header nav .depth2{background:#fff ;}
    .bar-top{padding-left: calc((100% - 1440px) / 2); padding-right: calc((100% - 1440px) / 2);}
    .wrapHeader{padding-left:calc((100% - 1440px) / 2); padding-right:calc((100% - 1440px) / 2);}
    footer .footer-wrap{padding-left:calc((100% - 1440px) / 2); padding-right:calc((100% - 1440px) / 2);}
    header nav .depth2{padding-left:calc((100vw - 1440px) / 2); padding-right:calc((100vw - 1440px) / 2);}
}

/*----일반웹----*/
@media (max-width: 1560px) {
    .bar-top{padding: 0.0rem 8%;} .dropdown-related{left:8%;}
    .wrapHeader{padding: 0.0rem 8%;}
    footer .footer-wrap {padding: 0.0rem 8%;}

}
@media (max-width: 1400px) {
    .bar-top{padding: 0.0rem 5%;} .dropdown-related{left:5%;}
    .wrapHeader{padding: 0.0rem 5%;}
    footer .footer-wrap {padding: 0.0rem 5%;}
    header nav .depth2 {padding: 10.0rem 10% 1.2rem;}
}

/*---소형웹----*/
@media (max-width: 1240px) {
    body{background:#fff; color:#333; font-size:1.6rem; background-size:112vw; }
    header nav .depth2{background: #fff;}
    .bar-top{padding: 0.0rem 3%;} .dropdown-related{left:3%;}
    .wrapHeader{padding: 0.0rem 3%;}
    body{background-size: cover; background-position: 50% 0.0rem  ;}
    .mobileBuilding{display: block; width:100%;}
    header nav .depth2 {padding: 10.0rem 6% 1.2rem;}
    .vertical-line_d2 .wrap2depth a.submenu_d2 {font-size: 1.6rem;}
    .vertical-line_d2 .wrap2depth a.submenu_d3 {font-size: 1.3rem;}
}

/*---태블릿 가로----*/
@media (max-width: 1023px) {
    html{font-size: 10px;}
    .bar-top{padding: 0.0rem 2%;} .dropdown-related{left:2%;}
    .wrapHeader{padding: 0.0rem 0.0rem 0.0rem 2%;}

    header nav .gnb {/* justify-content:flex-end; */ gap:3rem;  align-items: center;  }    
   
    footer .footer-wrap {padding: 0.0rem 2%;}

    .bar-top{flex-direction: column; height:10.0rem;  justify-content: center; gap:1.2rem;}
    .bar-top .container-left{gap:2.0rem;}
    .bar-top .container-right{justify-content: flex-start; gap:2.4rem;}
    .bar-top .container-right .btn-user{padding-bottom: 0.92rem;}
    .bar-top .container-right .btn-user::before{content: url(/resources/imgs/main_new/icoUser.svg); position:relative; top:0.64rem;right:0.6rem;}
    .wrapSearch input {width:28.0rem; border-radius: 2.0rem; padding-left: 2.4rem;}

    .logo img{width:25.0rem;}
    header nav {justify-content: flex-end; gap:2.4rem; margin-right: 2.4rem;}
    header nav a{font-size:1.6rem;}

    .wrapKISTEP select{width:16rem;}

    header nav .depth2 {padding: 10.0rem 0 1.2rem 6%;}
    .title_sub {width:36.4rem;}
    .gnb li:last-child .depth2 .wrapFlex_d2{ justify-content:space-between;}
    .gnb li:last-child .depth2 .wrapFlex_d2 .title_sub {width:30.4rem;}
    .gnb li:last-child .depth2 .submenu_d3{word-break: break-all;}
    
    .vertical-line_d2 {  width: 17.4rem;}
}

/*---태블릿 세로----*/
@media (max-width: 767px) {

    
    html{font-size:10px;}
    .bar-top{padding: 0.0rem 2%;} .dropdown-related{left:2%;}
    .wrapHeader{padding: 0.0rem 0.0rem 0.0rem 4%;}
    footer .footer-wrap {padding: 0.0rem 2%;}    

    .wrapHeader{border-bottom: 1px solid #E3E5E8;}
  

    footer .footer-wrap{display: flex; flex-direction: column; align-items: center;}
    footer .footer-wrap img{margin: 4.0rem 0 2rem 0;}
    footer .wrapKISTEP{width:100%; flex-direction: column; align-items:center; gap:2rem;}
    footer .address div{text-align: center;}

    .wrapKISTEP .wrapSelect{width:100%; display: flex; flex-direction: column; gap:1rem;}
    .wrapKISTEP select {background: #fff url(/resources/imgs/main_new/arrowSelect.svg) 98% center no-repeat; width: 100%;
    height: 6.0rem;
    border-radius: 0.8rem;
    padding: 0 1.6rem;
    border: 1px solid #C3CCD9;}


}


/*---모바일----*/
@media (max-width: 520px) {


}



/* =======================================================================================
 기존 사용 css
======================================================================================= */
:lang(en) {
  font-family: Roboto, sans-serif;
}

.container { 
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}


.ie_pop_layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
}

.ie_pop_cont {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url("/resources/1st/imgs/main/ie_pop_bg.jpg") 50% 50%/cover no-repeat;
  width: 68rem;
  height: 56rem;
  padding: 6rem 5rem;
  border: 1rem solid #fff;
  color: #fff;
  text-align: left;
  word-break: keep-all;
  line-height: 1.6;
}

.ie_pop_title {
  font-size: 2.3rem;
  color: #ffff00;
  font-weight: 500;
  margin-bottom: 2.5rem;
  display: block;
  position: relative;
  padding-left: 3.3rem;
}

.ie_pop_title::before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 5.5rem;
  background: url("/resources/1st/imgs/main/ie_pop_bullet.png") 0 0/contain no-repeat;
  position: absolute;
  left: 0;
  top: .8rem;
}

.ie_pop_text {
  font-size: 1.7rem;
  color: #fff;
  margin-bottom: 3rem;
}

.ie_pop_down {
  margin-bottom: 4rem;
}

.ie_pop_down a {
  font-size: 2rem;
  padding: 1rem 3rem;
  border-radius: 1rem;
  background-color: #021571;
  color:white;
}

.ie_pop_down a span{
  color:white;
}

.ie_pop_down a ~ a {
  margin-left: 1rem;
}

.ie_pop_down i {
  margin-left: 1rem;
}

.ie_pop_note {
  font-size: 1.5rem;
  color: #ffffff;
}

.ie_pop_note p {
  margin-bottom: 1rem;
}

.ie_pop_note strong {
  color: #51e0ff;
  font-weight: 500;
}

.ie_pop_close {
  position: absolute;
  right: -2rem;
  top: -2rem;
  border-radius: 50%;
  background-color: #0687f7;
  width: 5rem;
  height: 5rem;
  font-size: 2.3rem;
}

.ex_log_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
}

.ex_log_wrap .ex_log_layer {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 50rem;
  height: 30rem;
  border: 1px solid #707070;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.ex_log_wrap .ex_log_layer .ex_log_cont {
  padding: 4.5rem;
  text-align: center;
}

.ex_log_wrap .ex_log_layer .ex_log_cont .title {
  display: inline-block;
  margin-bottom: 4rem;
  position: relative;
  padding-left: 9.3rem;
  text-align: left;
}

.ex_log_wrap .ex_log_layer .ex_log_cont .title .icon {
  display: block;
  width: 7.3rem;
  height: 7.5rem;
  background: url("/resources/imgs/common/icon_ex_login.png") 0 0/contain no-repeat;
  position: absolute;
  left: 0;
}

.ex_log_wrap .ex_log_layer .ex_log_cont .title small {
  font-size: 1.8rem;
  color: #222;
  display: block;
}

.ex_log_wrap .ex_log_layer .ex_log_cont .title em {
  font-size: 3.6rem;
  color: #1F3FAA;
  display: block;
}

.ex_log_wrap .ex_log_layer .ex_log_cont .cont {
  font-size: 1.5rem;
  line-height: 1.7;
  word-break: keep-all;
}

.ex_log_wrap .ex_log_layer .ex_log_foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.ex_log_wrap .ex_log_layer .ex_log_foot .btn {
  text-align: center;
  height: 100%;
  font-size: 1.5rem;
}

.ex_log_wrap .ex_log_layer .ex_log_foot .btn.extend {
  background-color: #1F3FAA;
  color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 32rem;
          flex: 1 1 32rem;
  height: 4.8rem;
}

.ex_log_wrap .ex_log_layer .ex_log_foot .btn.now {
  border: 1px solid #707070;
  padding: 0 4rem;
}

/*게시물 작성 안내 알림 팝업*/
.post_popup {
/*   display: none; */
  position: relative;
}
.post_popup .popup_bg {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2200;
  content: "";	
}
.post_popup .popup_total {
  display: flex;
  position: fixed;
  top: 50vh;
  left: 50%;
  transform: translate(-50%, -46%);
  background-color: #fff;
  width: 30%;
  height: auto;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #333;
  z-index: 2300;
}
.post_popup .popup_total .popup_header {
  display: flex;
  width: 100%;
  height: 4rem;
  background: linear-gradient(90deg, #435cd4, #6760dc);
  color: #ffffff;
  align-items: center;
  justify-content: space-between;
}
.post_popup .popup_total .popup_header h1 {
  padding-left: 1.5rem;
  font-size: 1.7rem;
  font-weight: 400;
  color:#ffffff;
}
.post_popup .popup_total .popup_header .close_btn {
  float: right;
  line-height: 4rem;
  padding-right: 1.5rem;
  
}
.post_popup .popup_total .popup_header .close_btn .xi-close {
   font-size: 1.7rem;
   color:#ffffff;
}
.post_popup .popup_total .popup_contents {
  text-align: center;
}
.post_popup .popup_total .popup_contents p {
  display: block;
  font-size: 1.8rem;
  margin-bottom: .8rem;
  word-break: keep-all;
}
.post_popup .popup_total .popup_contents p:last-child {
  margin-bottom: 4rem;
}
.post_popup .popup_total .popup_contents .box_title {
  display: flex;
  justify-content: center;
  padding: 3rem 0;
}
.post_popup .popup_total .popup_contents .box_txt {
  padding: 0 5rem;
}
.post_popup .popup_total .popup_contents .box_title i {
  font-size: 7rem;
  background-color: #f0f2f8;
  width: 10rem;
  height: 10rem;
  padding: 1.2rem;
  border-radius: 50%;
}
.post_popup .popup_total .popup_btn {
  display: flex;
  border-top: 1px solid #939393;
}
.post_popup .popup_total .popup_btn button {
  width: 50%;
  height: 5rem;
  font-size: 1.8rem;
  font-weight: 500;
  background-color: #f0f2f8;
}
.post_popup .popup_total .popup_btn button:hover {
  color: #fff;
  background-color: #435cd4;
}
.post_popup .popup_total .popup_btn button:hover a {
  color: #fff;
}

.post_popup .popup_total .popup_btn .btn_yes {
  border-right: 1px solid #939393;
}
.post_popup .popup_total .popup_btn .btn_yes:hover {
  border-right: none;
}
/*게시물 작성 안내 알림 팝업 반응형 시작*/
@media (max-width: 1879px) {
  .post_popup .popup_total {width: 35%;}
}
@media (max-width: 1399px) {
  .post_popup .popup_total {width: 40%;}
}
@media (max-width: 1219px) {
  .post_popup .popup_total {width: 45%;}
}
@media (max-width: 1079px) {
  .post_popup .popup_total {width: 65%;}
}
@media (max-width: 659px) {
  .post_popup .popup_total {width: 80%;}
}
@media (max-width: 539px) {
  .post_popup .popup_total {width: 93%;}
  .post_popup .popup_total .popup_contents .box_txt {padding: 0 2rem;}
}
/*게시물 작성 안내 알림 팝업 반응형 끝*/

/*관련사이트 드롭다운 위치 조정(2025-12-23)*/
@media (max-width:1560px){
    .dropdown-related2{left:calc(8% + 12.0rem);}
}
@media (max-width:1400px){
    .dropdown-related2{left:calc(5% + 12.0rem);}
}
@media (max-width:1400px){
    .dropdown-related2{left:calc(3% + 12.0rem);}
}
@media (max-width:1023px){
    .dropdown-related2{left:calc(2% + 12.0rem);}
}
@media all and (min-width:1921px) {
    .dropdown-related2{left:calc(50vw - 72.0rem + 11rem);}
    .dropdown-related{left:calc(50vw - 72.0rem - 1rem);}
}

@media(max-width:767px){
    html,body{overflow-x:hidden; width:100%; position:relative;}
}