@charset "utf-8";

/* ***** layout ***** */

body{-webkit-font-smoothing:subpixel-antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none;position:relative;}

/* 본문바로가기 */
#skip_navi a {display:block; overflow:hidden; position:absolute; top:0; left:0; margin-top:-1px; width:100%; height:1px; background:#000; font-size:1.6rem; color:#fff; line-height:1; text-align:center; z-index:9999;}
#skip_navi a:focus,
#skip_navi a:active {height:auto; margin-top:0; padding:10px 0px; line-height:1.5;}

#wrap.main{padding-top:0;}

#header {width:100%; border-bottom: 1px solid #ddd; background: #fff;}
#header .logo{display:inline-block; vertical-align: middle;}
#header .logo a{display:block;}
#header .logo span{display:block; font-size: 0; }
#header .fl{height:100%;}
#header .fr{height:100%;}

#header .gnbMenuWrap{display: inline-block; vertical-align: top;}
#header .gnbMenuWrap > ul > li.on .subMenu{display: block;}
#header .gnbMenuWrap .subMenu{display: none;}

#header .gnbEtcMenu li{float: left; vertical-align: top;}
#header .gnbEtcMenu li + li{margin-left:23px;}
#header .gnbEtcMenu li a{display: block; text-align: center;}
#header .gnbEtcMenu li a:hover,
#header .gnbEtcMenu li a:focus{text-decoration: none;}
#header .gnbEtcMenu li .ico{height:25px;}
#header .gnbEtcMenu li .ico.i1{width:20px; background-position: -6px 0;}
#header .gnbEtcMenu li .ico.i2{width:27px; background-position: -37px 0;}
#header .gnbEtcMenu li .ico.i3{width:25px; background-position: -67px 0;}
#header .gnbEtcMenu li .ico.i4{width:25px; background-position: -541px -331px;}
#header .gnbEtcMenu li .ico.i5{width:26px;height:26px; background-position: -578px -330px;}
#header .gnbEtcMenu li strong{display: block; font-size: 1.4rem; color:#333; font-weight: 400; margin-top: 5px;}
#header .head_rollCon .slick-list .slick-slide a {display: inline-block;}

#container{width:100%;height:auto;}
#container:after{display:block;content:"";clear:both;}
#container .cntMenuWrap a{display: block; height: 100%;}
#container .cntMenuWrap ul{font-size: 0;}
#container .cntMenuWrap li{display: inline-block;vertical-align: top; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#container .cntMenuWrap .fr li{width:51px;height:51px;box-sizing:border-box;}
#container .cntMenuWrap .fr li a{height:100%;width:100%;position:relative;}
#container .cntMenuWrap .fr li button{height:100%;width:100%;position:relative;}
#container .cntMenuWrap li + li{border-left:0;}
#container .cntMenuWrap{height:52px; border-bottom: 1px solid #ddd; background: #fff;}
#container .cntMenuWrap .breadCrumb .ico.home{width:48px; height:51px; background-position:-344px 0;}
#container .cntMenuWrap .breadCrumb .ico.home:hover,
#container .cntMenuWrap .breadCrumb .ico.home:focus{background-position:-392px 0; background-color: #5aa4ff;}
#container .cntMenuWrap .breadCrumb .dropdown{position: relative;}
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-toggle{font-size: 1.6rem; color:#173c90; line-height: 51px; font-weight: 500; width: 240px; padding:0 38px 0 15px; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align:left;}
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-toggle::after{display: block; content: ''; position: absolute; right:0; top:0; width:30px; height: 51px; background: url("../img/ico_com.png") no-repeat; background-position: -440px -0px;}
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-toggle.on{background-color:#f8f8f8;}
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-toggle.on::after{background-position: -470px -0px;}
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-menu{display: none; position: absolute; top:51px; left:-1px; z-index: 10; min-width: 242px; padding:10px 0; border:1px solid #ddd; background: #fff;}
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-menu li{display: table; line-height: 1.2; width:100%; height:36px; border:0;}
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-menu li:hover,
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-menu li:focus{}
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-menu li + li{border:0;}
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-menu li a{display: table-cell; font-size: 1.6rem; color:#173c90; text-decoration: none; padding:8px 15px; background: #fff;}
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-menu li a:hover,
#container .cntMenuWrap .breadCrumb .dropdown .dropdown-menu li a:focus{color:#fff; text-decoration: none; background:#5aa4ff;}
#container .cntMenuWrap .cntEtcMenu li .ico{width:100%; height:100%;position:absolute;left:0;top:0;}
#container .cntMenuWrap .cntEtcMenu li .ico.print{background-position:-200px 0;}
#container .cntMenuWrap .cntEtcMenu li .ico.print:hover,
#container .cntMenuWrap .cntEtcMenu li .ico.print:focus{background-position:-200px -52px; background-color: #5aa4ff;}
#container .cntMenuWrap .cntEtcMenu li .ico.fontL{background-position:-296px 0;}
#container .cntMenuWrap .cntEtcMenu li .ico.fontL:hover,
#container .cntMenuWrap .cntEtcMenu li .ico.fontL:focus{background-position:-296px -52px; background-color: #5aa4ff;}
#container .cntMenuWrap .cntEtcMenu li .ico.fontS{background-position:-248px 0;}
#container .cntMenuWrap .cntEtcMenu li .ico.fontS:hover,
#container .cntMenuWrap .cntEtcMenu li .ico.fontS:focus{background-position:-248px -52px; background-color: #5aa4ff;}
#container .cntMenuWrap .cntEtcMenu li .ico.fontM{background-position:-767px -551px;}
#container .cntMenuWrap .cntEtcMenu li .ico.fontM:hover,
#container .cntMenuWrap .cntEtcMenu li .ico.fontM:focus{background-position:-733px -551px; background-color: #5aa4ff;}

.img_hide_box{position:relative;}
.img_hide_box .img_hide{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}

#footer{border-top:1px solid #e7e7e7;}
#footer a{display: block; height: 100%;}
#footer .f_up .inner{position: relative;}


#footer .otherLink > a{position: relative; color:#000; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;text-align:left;}
#footer .otherLink > a:hover,
#footer .otherLink > a:focus{text-decoration: none;}
#footer .otherLink > a::after{display: block; content: ''; position: absolute; right:17px; top:22px; width:13px; height: 8px; background: url("../img/ico_com.png") no-repeat; background-position: -140px -25px;}
#footer .otherLink > a.on::after{ background-position: -156px -25px;}
#footer .otherLink .in {display:none; position:absolute; left:0; bottom:53px; z-index: 5; width:212px; padding:5px 10px; border:1px solid #e7e7e7; border-bottom:none;  background:#fff;}
#footer .otherLink .in a{display:inline-block; color:#666; width:100%; padding:3px 0px;}

#footer .f_menu::after{display: block; content: ''; clear: both;}
#footer .f_menu li{display: inline-block;}
#footer .f_menu li a{display: inline-block; color:#666;}
#footer .f_menu li:nth-child(3) a {color:#183c9a; font-weight: 500;}
#footer .f_menu li + li::before{display: inline-block; content: ''; width:1px; height: 12px; margin:0 20px; background: #7d7d7d;}
#footer .f_down{border-top:1px solid #e7e7e7; background: #f8f8f8;}
#footer .f_logo{display: inline-block;}
#footer .addr{color:#333; line-height: 1.1; font-weight: 300;}
#footer .copy{font-size: 1.4rem; color:#333; line-height: 1.1; font-weight: 300; margin-top: 7px;}
#footer .f_ban{margin-top:16px; }
#footer .f_ban li{display: inline-block; vertical-align: top;}


#footer .f_sns li{float: left; width:38px; height:38px; vertical-align: top;}
#footer .f_sns li + li{margin-left:13px;}
#footer .f_sns li .ico{font-size:0; background: url("../img/foot_sns.png") no-repeat;}
#footer .f_sns li .ico.i1{background-position:0 0;}
#footer .f_sns li .ico.i2{background-position:-38px 0;}
#footer .f_sns li .ico.i3{background-position:-76px 0;}
#footer .f_sns li .ico.i4{background-position:-114px 0;}
#footer .f_sns li .ico.i5{background-position: -152px 0;}
#footer .f_sns li .ico.i1:hover{background-position:0 -38px;}
#footer .f_sns li .ico.i2:hover{background-position:-38px -38px;}
#footer .f_sns li .ico.i3:hover{background-position:-76px -38px;}
#footer .f_sns li .ico.i4:hover{background-position:-114px -38px;}
#footer .f_sns li .ico.i5:hover{background-position:-152px -38px;}
#footer .f_sns li .ico.i1:focus{background-position:0 -38px;}
#footer .f_sns li .ico.i2:focus{background-position:-38px -38px;}
#footer .f_sns li .ico.i3:focus{background-position:-76px -38px;}
#footer .f_sns li .ico.i4:focus{background-position:-114px -38px;}
#footer .f_sns li .ico.i5:focus{background-position:-152px -38px;}

/* main */
/*fixed백업*//*.main #header.fixed{border-bottom:1px solid #ddd; background:rgba(255,255,255,0.9);}*//*fixed백업*/

#gnbDim{display:none;}
.menu_on #gnbDim{position:fixed;top:101px; z-index: 400; left:0; bottom:0; right:0; z-index:90; text-align:center; background:rgba(0,0,0,0.5); transition:opacity 0.3s ease-out,z-index 0s 0s;display:block;}
.menu_on .headRoll_none ~ #gnbDim{top:201px;}

/*@media screen and (orientation:landscape){
    body{width:60%;margin:0 auto;}
    #allMenuWrap{width:60% !important;right:-100% !important;transform:translateX(0);transition:all 1s;}
    #allMenuWrap.landscape{transform:translateX(-200%);}
}*/
@media all and (max-width:767px)  {

    .ios{
        constant(safe-area-inset-top);
        constant(safe-area-inset-bottom);

        env(safe-area-inset-top);
        env(safe-area-inset-bottom);
    }

    #skip_navi{display:none;}
    html{width:100%;overflow-x:hidden;}
    /* ***** layout ***** */
    #wrap{padding-top:0;}
    /*fixed백업*//*#header {position: fixed; left:0; top:0; z-index: 600; width:100%;}*//*fixed백업*/
    .sub #header {position:relative;padding-top:0;padding-top:constant(safe-area-inset-top,10px);padding-top:env(safe-area-inset-top,10px);}
    #header .inner{position: relative; height:65px; padding:0 10px;}

    #header .fl:has(.logo) {display: inline-block; position: absolute; left:50%; top:50%; /* margin-left:-77px; */ text-align: center; padding:0; transform: translate(-50%, -50%); height: 20px; float: none;} /* 2024 웹접근성 ios */
    #header .logo a{height:20px; padding: 0; margin: 0 auto; /* background: url("../img/mob/m_logo.png") no-repeat 0 0; */ background-size:100%;} /* 2024 웹접근성 mo */
    #header .logo a span{width:174px; height:20px; background: url("../img/mob/m_logo.png?ver=20250103") no-repeat; background-size:100%;font-size:inherit; text-align: center; color: transparent;} /* 2024 웹접근성 mo */
    #header .btn.mLogin{/*padding:14px 10px; vertical-align: top;*/display:none;}
    #header .btn.mLogin .ico{display: block; width:19px; height:22px; background:url("../img/mob/m_ico_com.png") no-repeat; background-size: 400px auto; background-position:0 0;}
    #header .fr:has(.wHide .btn.mAll) {/* margin: 22px 10px;  */ height: auto; top: 50%; position: absolute; right: 10px; transform: translateY(-50%);} /* 2024 웹접근성 mo */
    #header .btn.mAll{display: inline-block;width:21px; height:22px; margin:0; background:url("../img/mob/m_ico_com.png") no-repeat; background-size: 400px auto; background-position:-25px 0;} /* 2024 웹접근성 mo */
    #header .btn.mAll .ico{display: block; width:21px; height:22px; background:url("../img/mob/m_ico_com.png") no-repeat; background-size: 400px auto; background-position:-25px 0;font-size:1px;opacity:0;}
    #header .logo a:hover {text-decoration: none;} /* 2024 웹접근성 mo */

    #header .gnbMenuWrap{display: none;}
    #header .gnbEtcMenu{display: none;}

    .ios #container{padding-top:0;}
    #container .content{padding:40px 20px 60px;}
    #container .cntMenuWrap{display: none;}
    .headRoll_none .v_con{padding-top:24vw;}

    #footer .f_up{padding-bottom:8px; text-align: center;padding-bottom:0;}
    #footer .f_menu {margin:20px 16px 10px }
    #footer .f_menu li{font-size: 0; vertical-align: top;}
    #footer .f_menu li a{font-size:1.4rem; line-height: 1.1; vertical-align: top; text-decoration: none;}
    #footer .f_menu li a:active{color:#164695;}
    #footer .f_menu li + li::before{height:10px; margin:1px 5px 0; vertical-align: top; }
    #footer .f_logo{display: none; width:105px; height:12px; vertical-align: top; background: url("../img/mob/m_foot_logo.png") no-repeat; background-size: auto 12px;}
    #footer .addr{font-size: 1.4rem;}
    #footer .addr span{display: block;}
    #footer .addr span + span{margin-top:7px;}
    #footer .copy{font-size:1.4rem}
    #footer .otherLink{position:relative; border-bottom: 1px solid #e7e7e7;}
    #footer .otherLink > a{position: relative; font-size: 1.5rem; line-height: 36px; width:100%; padding:0 40px; text-align: center; border:0; }
    #footer .otherLink > a::after{display: block; content: ''; position: absolute; right:20px; top:50%; width:10px; height:6px; margin-top: -3px; background: url("../img/mob/m_ico_com.png") no-repeat; background-size:  400px auto; background-position: 0 -33px;}
    #footer .otherLink > a.on::after{background-position: -10px -33px;}
    #footer .otherLink .in{bottom:37px; width:100%; max-height: 400px; padding: 10px; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; -webkit-box-shadow: -2px -15px 25px -18px rgba(0,0,0,0.3); -moz-box-shadow: -2px -15px 25px -18px rgba(0,0,0,0.3); box-shadow: -2px -15px 25px -18px rgba(0,0,0,0.3);}
    #footer .otherLink .in a{font-size:1.2rem; line-height: 1.1;}

    #footer .f_ban li + li{margin-left:10px;}
    #footer .f_ban li .ico{height:24px; font-size: 3px; color: transparent; overflow: hidden;} /* 2024 웹접근성 mo */
    #footer .f_ban li .ico.i1{width:34px; background: url("../img/mob/m_foot_ban_web.png") no-repeat; background-size: auto 24px; height: 24px;} /* 2024 웹접근성 mo */
    #footer .f_ban li .ico.i2{width:24px; background: url("../img/mob/m_foot_ban_award.png") no-repeat; background-size: auto 24px; }
    #footer .f_ban li .ico.i3{width:24px; background: url("../img/mark1.png") no-repeat; background-size:100%; }

    #footer .f_down{padding:20px 20px 30px; text-align: center;}
    #footer .f_sns{display: none;}

    .quickWrap{display: none;}


    /* main */
    .main #header {border:0; background: none;position:absolute; left:0; top:0; z-index: 600; width:100%;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);}
    .main #header .btn.mLogin .ico{background-position: -193px 0;}
    .main #header .btn.mAll{display: block; width:21px; height:22px; background:url("../img/mob/m_ico_com.png") no-repeat 0 22px; background-size: 400px auto; background-position:-310px 0;}
    .main #header .btn.mAll .ico{display: block; width:21px; height:22px; background:url("../img/mob/m_ico_com.png") no-repeat; background-size: 400px auto; background-position:-310px 0;font-size:1px;opacity:0;}
    .main #header .logo a{background: url("../img/mob/m_main_logo2.png") no-repeat 0 0; background-size:100%;} /* 2024 웹접근성 mo */
    .main #header .logo a span{background: url("../img/mob/m_main_logo2.png") no-repeat; background-size:100%; color: transparent;}  /* 2024 웹접근성 mo */
    .main #header.fixed .logo a span{background: url("../img/mob/m_logo.png?ver=20250103") no-repeat !important; background-size:100% !important;}
    .main #header.fixed .btn.mLogin .ico{background-position:0 0;}
    .main #header.fixed .btn.mAll .ico{background-position:-25px 0;}

    .main #container .content{padding:0;}

    #allMenuWrap{position: fixed; top:0; right:-100%; z-index: 1000; width:100%; height:100%; background: #eff2fa;display:none;padding-top:0;}
    .ios #allMenuWrap{position: fixed; top:0; right:-100%; z-index: 1000; width:100%; height:100%; background: #eff2fa;display:none;padding-top:constant(safe-area-inset-top,20px);padding-top:env(safe-area-inset-top,20px);}
    #allMenuWrap .mm{display: block; font-size: 1.4rem; letter-spacing: -0.05em; line-height: 42px; width:100px; padding:0 10px;}
    #allMenuWrap li.on .mm{background: #fff;}
    #allMenuWrap .allMenu{position: relative; height:100%; padding-left: 100px; padding-top:119px;}
    #allMenuWrap .gnbMenu{position: absolute; top:119px; left:0; z-index: 1; }
    #allMenuWrap .gnbMenu ul{display: block; table-layout: inherit;}
    #allMenuWrap .gnbMenu ul li{display: block;}
    #allMenuWrap .subMenuBox{ position: relative; width: 100%; height: 100%; padding:20px; background: #fff; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
    #allMenuWrap .subMenuBox .tit{display: block; font-size: 1.5rem; letter-spacing: -0.05em; font-weight: 400; padding:10px 0 15px; border-bottom: 2px solid #222;}
    #allMenuWrap .tabCnt{padding:0;}
    #allMenuWrap .subList .sm{position: relative; font-size: 1.4rem; color:#333; font-weight: 400;}
    #allMenuWrap .subList .sm.on{font-weight: 500;}
    #allMenuWrap .subList .sm.arr{pointer-event:none; height: 20px; position: absolute; right: 0;}
    #allMenuWrap .subList .sm.arr:after{display: inline-block; content: ''; width:9px; height:9px; background: url("../img/mob/m_ico_com.png") no-repeat; background-size:  400px auto; background-position: -335px 0;}
    #allMenuWrap .subList .sm.arr.on:after{ background-position: -352px 0;}
    #allMenuWrap .subList li a{display: block; line-height: 1.1; text-decoration: none; padding:0 10px; }
    #allMenuWrap .subList li button{display: block; line-height: 1.1; text-decoration: none; padding:0 10px;width:100%;text-align:left;}
    #allMenuWrap .subList > li{padding:1rem 0;position:relative; min-height: 3.6rem;}
    #allMenuWrap .subList > li span {width: calc(100% - 34px); float: left;} /* 모바일 메뉴 영역 수정 */
    /*#allMenuWrap .subList > li:after{display:block;width:20%;height:100%;position:absolute;right:0;top:0;content:"";z-index:5;}*/
    #allMenuWrap .subList > li + li{border-top:1px solid  #e8e8e8; }
    #allMenuWrap .subList .accCnt {display: none; margin-top:30px; width: 100%;}
    #allMenuWrap .subList .accCnt li{padding-left:10px;}
    #allMenuWrap .subList .accCnt li a{position: relative; font-size: 1.3rem; color:#666; line-height: 1.2; padding:7px 0 7px 10px;}
    #allMenuWrap .subList .accCnt li a:before{content: ''; position: absolute; left:0; top:13px; width:3px; height:3px; border-radius: 10px; background: #666;}

    #allMenuWrap .mGnbTop{position: absolute; top: 0; z-index: 2; left: 0; width: 100%; background: #32446d;}
    .ios #allMenuWrap .mGnbTop{position: absolute; top: 0; z-index: 2; left: 0; width: 100%; background: #32446d;padding-top:constant(safe-area-inset-top,20px);padding-top:env(safe-area-inset-top,20px);}
    #allMenuWrap .mGnbTop .gnbTxt{font-size: 1.3rem; color:#fff; letter-spacing: -0.05em; height:49px; padding:12px 40px 0 20px;}
    #allMenuWrap .mGnbTop .gnbTxt strong{display: inline-block;font-size: 0;position: relative;width:130px;height:24px;margin-right:5px;vertical-align: top;background: url("../img/mob/m_allMenu_logo.png?ver=20250124") no-repeat 0 100%;background-size:100%;}
    #allMenuWrap .mGnbTop .gnbTxt strong:after{font-size:1px;opacity:0;position:absolute;left:0;width: 100%;height: 100%;display:block;content:"POBA행정공제회";top: 0;}
    #allMenuWrap .mGnbTop .gnbTxt span{display: inline-block; line-height: 1.1; margin-top:-1px; vertical-align:bottom;}
    #allMenuWrap .mGnbTop .loginInfo{display: table; table-layout: fixed; width:100%; height:70px; padding:0 20px; border-top:1px solid #3c4e74;}
    #allMenuWrap .mGnbTop .loginInfo > div{display: table-cell; vertical-align: middle;}
    #allMenuWrap .mGnbTop .loginInfo .txt{position: relative; color:#fff; line-height: 1.1; width:70%; padding-left:0px;}
    #allMenuWrap .mGnbTop .loginInfo .txt::before{display:none; content: ''; position: absolute; left:0; top:50%; width:19px; height:22px; margin-top: -11px; background: url("../img/mob/m_ico_com.png") no-repeat; background-size: 400px auto; background-position: -193px 0;}
    #allMenuWrap .mGnbTop .loginInfo .txt .ico{width:19px; height:22px; background-position:-193px 0;}
    #allMenuWrap .mGnbTop .loginInfo .txt .txt1{font-size: 1.4rem; font-weight: 400;}
    #allMenuWrap .mGnbTop .loginInfo .txt .txt2{font-size: 1.2rem; color:#99a0b0; margin-top: 5px;}
    #allMenuWrap .mGnbTop .loginInfo .btn.mLogin{display: inline-block; line-height: 1;position:relative;}
    #allMenuWrap .mGnbTop .loginInfo .txt .btn.mLogin{background:none;}
    #allMenuWrap .mGnbTop .loginInfo .txt .btn.mLogin:after{position:absolute;right:-20px;top:3px;display:block;content:"";width:10px;height:10px;background:url('../img/mob/m_ico_com.png') no-repeat -367px -22px;background-size:400px auto;}
    /* #allMenuWrap .mGnbTop .loginInfo .btn.mLogin::after{display: inline-block; content: ''; width:6px; height:10px; margin-left: 10px; background: url("../img/mob/m_ico_com.png") no-repeat; background-size: 400px auto; background-position: -369px -23px;} */
    #allMenuWrap .mGnbTop .loginInfo .btnWrap{text-align: right;}
    #allMenuWrap .mGnbTop .loginInfo .btnWrap .btn + .btn{margin-left:15px;}
    #allMenuWrap .mGnbTop .loginInfo .btnWrap .mHome{width:21px; height:20px; vertical-align: top; background-position: -223px 0;}
    #allMenuWrap .mGnbTop .loginInfo .btnWrap .mLogin{width:20px; height:20px; vertical-align: top; background-position: -285px 0;}
    #allMenuWrap .mGnbTop .loginInfo .btnWrap .mLogout{width:20px; height:20px; vertical-align: top; background-position: -255px 0;}
    #allMenuWrap .mGnbTop .loginInfo .btnWrap .mHome .ico{width:21px; height:20px; vertical-align: top; background-position: -223px 0;font-size:1px;opacity:0;}
    #allMenuWrap .mGnbTop .loginInfo .btnWrap .mLogin .ico{width:20px; height:20px; vertical-align: top; background-position: -285px 0;font-size:1px;opacity:0;}
    #allMenuWrap .mGnbTop .loginInfo .btnWrap .mLogout .ico{width:20px; height:20px; vertical-align: top; background-position: -255px 0;font-size:1px;opacity:0;}
    #allMenuWrap .btnMobClose{position: absolute; top:18px; right:20px; z-index: 5; width:16px; height:15px;}
    .ios #allMenuWrap .btnMobClose{position: absolute;top:18px;margin-top:constant(safe-area-inset-top,43px);margin-top:env(safe-area-inset-top,43px); right:20px; z-index: 5; width:16px; height:15px;}
    #allMenuWrap .btnMobClose .ico{width:100%; height:100%; vertical-align: top; background-position: -384px -22px;}

    .menu_on #gnbDim{position:fixed;top:0; z-index: 400; left:0; bottom:0; right:0; z-index:90; text-align:center; background:rgba(0,0,0,0.5); transition:opacity 0.3s ease-out,z-index 0s 0s;display:block;}
    .menu_on .headRoll_none ~ #gnbDim{top:0px;}

    /*상단롤링배너*/
    .head_roll{position:relative;/*background:url('../img/head_banner_bg.jpg') no-repeat center center;background-size:cover;*/}
    .head_rollCon{width:100%;height:auto;}
    .head_rollCon .slick-list{width:100%;left:50%;transform:translateX(-50%);}
    .head_rollCon .slick-prev{position:absolute;left:5%;margin-left:0px;top:40%;transform:translateY(-50%);background:url('../img/head_rollCon_prev.png') no-repeat;background-size:100%;display:block;width:15px;height:32px;cursor:pointer;text-indent:-999em;z-index:10;}
    .head_rollCon .slick-next{position:absolute;right:5%;margin-right:0px;top:40%;transform:translateY(-50%);background:url('../img/head_rollCon_next.png') no-repeat;background-size:100%;display:block;width:15px;height:32px;cursor:pointer;text-indent:-999em;}
    .head_rollCon .slick-dots{display:block;position:absolute;left:0%;bottom:10px;text-align:left;z-index:10;width:100%;text-align:center;height:10px;}
    .head_rollCon .slick-dots ul{text-align:left;padding-left:5%;}
    .head_rollCon .slick-dots li{display:inline-block;margin-right:3px;}
    .head_rollCon .slick-dots li button{display:block;width:10px;height:10px;border-radius:5px;background:none;text-indent:-999em;padding:0;margin:0;cursor:pointer;border:2px solid #fff;}
    .head_rollCon .slick-dots li.slick-active button{background:#fff;}
    .head_rollCon .slick-dots{}
    .head_roll p{position:absolute;left:0%;margin-left:0px;bottom:10px;text-align:right;width:100%;padding-right:5%;z-index:15;}
    .head_roll p .label{vertical-align:middle;}
    .head_roll p .label .ico{}
    .head_roll p .label .ico + .lTxt{color:#fff;}
    .head_roll p .head_roll_close{margin-left:5px;cursor:pointer;}
    .head_roll p img{width:16px;}
    .head_roll img{width:100%;}

    .goodsWrap .tabMenu.type2{margin:0;}

}

@media all and (min-width:768px) {

    /* ***** layout ***** */
    /*fixed백업*//*#wrap{min-width: 1292px; padding-top:101px;}*//*fixed백업*/
    #wrap{min-width: 1292px;overflow:hidden;position:relative;}
     /*fixed백업*//*#wrap.isCntM{padding-top:153px;}*//*fixed백업*/
     #wrap.isCntM{padding-top:0px;}
     /*fixed백업*//*#wrap.isCntM .cntMenuWrap{position: fixed; top: 101px; left: 0; z-index: 100; width: 100%;}*//*fixed백업*/
     #wrap.isCntM .cntMenuWrap{position: relative; top:0px; left: 0; z-index: 100; width: 100%;}

    /*fixed백업*//*#header{position: fixed; top:0; left:0; z-index: 600;}*//*fixed백업*/
    #header{position:relative;}
    #header .inner{width:1200px; height: 100px;}
    #header .logo{padding:34px 30px 38px 0;}
    #header .logo a span{width:225px; height:26px; background: url("../img/logo.png?ver=20250103") no-repeat;}
    #header .fr{padding-top:29px;}
    #header .gnbMenuWrap .mm:hover,
    #header .gnbMenuWrap .mm:focus{color:#164695;}

    #footer .f_menu li a:hover,
    #footer .f_menu li a:focus{color:#173c90;}

    #header .gnbMenuWrap > ul > li{float:left;}
    #header .gnbMenuWrap > ul > li.on .mm{ border-color:#32446d;}
    #header .gnbMenuWrap a{display: block; font-size: 14px;}
    #header .gnbMenuWrap .mm{font-size:18px; line-height: 100px; font-weight: 500; height:100px; padding:0 12px; border-bottom:5px solid transparent;}
    #header .gnbMenuWrap .mm:focus,
    #header .gnbMenuWrap .mm:hover{text-decoration: none;}
    #header .gnbMenuWrap .subMenu{position: absolute; top: 100px; left:0; z-index:999; width:100%; min-width: 1240px; border-top:3px solid #32446d; background:#fff;}
    .headRoll_none #header .gnbMenuWrap .subMenu{top:200px;}
    #header .gnbMenuWrap .subMenu .in{width:1200px; padding: 0 12px 0 186px; margin:0 auto;}
    #header .gnbMenuWrap .subMenu > div{padding:0;}
    #header .gnbMenuWrap .subMenu > div + div{border-top:1px solid #ddd;}
    #header .gnbMenuWrap .sm{font-size:18px; line-height: 1.1; padding:33px 33px 16px; text-decoration: none;}
    #header .gnbMenuWrap .sm::after{display: inline-block; content: ''; width:7px; height:11px; margin-left: 30px; margin-top: 5px; vertical-align: top; background: url("../img/ico_com.png") no-repeat; background-position: -170px 0;}
    #header .gnbMenuWrap .subList{display: table; font-size:0;}
    #header .gnbMenuWrap .subList > li{display: table-cell; width: 250px; padding-bottom: 80px; vertical-align: top;}
    #header .gnbMenuWrap .subList > li:hover{background: #32446d;}
    #header .gnbMenuWrap .subList > li:hover a{color:#fff;}
    #header .gnbMenuWrap .subList > li:hover .sm::after{background-position: -190px 0;}
    #header .gnbMenuWrap .subList ul li{font-size:16px; color:#666; line-height: 1.1;}
    #header .gnbMenuWrap .subList ul li a{ padding:8px 33px;}
    #header .gnbMenuWrap .subList ul li a:hover{color:#fff; text-decoration: none; background: #5aa4ff;}
    #header .gnbMenuWrap .btnClose{position: absolute; top:22px; left:50%; padding:10px; margin-left:608px;}
    #header .gnbMenuWrap .btnClose .ico{display: block; width:18px; height:17px; background-position: -140px 0;}

    .content{width: 1100px; min-height: 500px; padding:40px 0 180px; margin: 0 auto;}

    #footer{position: relative;}
    #footer .inner{width:1200px;}
    #footer .f_logo{width:175px; height:20px; background: url("../img/foot_logo.png?ver=20250103") no-repeat;}
    #footer .addr{font-size: 14px; margin-top: 6px;}
    #footer .addr span + span{margin-left:10px;}
    #footer .f_up{height:52px;}
    #footer .otherLink{position: absolute; right:0; top:0;}
    #footer .otherLink > a{font-size: 1.5rem; line-height: 52px; width:212px; padding:0 50px 0 20px;}
    #footer .otherLink .in button:hover,
    #footer .otherLink .in button:focus{color:#29478a; }
    #footer .f_down{padding:30px 0 60px; }
    #footer .f_down .inner{display: table; table-layout: fixed; }
    #footer .f_down .col{display: table-cell; vertical-align: middle;}
    #footer .f_down .col1{width: 530px;}
    #footer .f_down .col2{width: 420px;}
    #footer .f_menu::after{display: block; content: ''; clear: both;}
    #footer .f_menu li{float: left;}
    #footer .f_menu li a{font-size: 1.5rem; line-height: 52px;}
    #footer .f_ban li + li{margin-left:22px;}
    #footer .f_ban li .ico{font-size:0; height:27px; }
    #footer .f_ban li .ico.i1{width:174px; background: url("../img/foot_ban_web.png") no-repeat;}
    #footer .f_ban li .ico.i2{width:200px; background: url("../img/foot_ban_award.png") no-repeat;}

    .quickWrap{position: absolute; left:50%; top:-66px; z-index: 1; margin-left: 600px;}
    .quickWrap .btn.quick{width:46px; height:46px !important;}
    .quickWrap .btn.quick .ico{width:100%; height:100%; background-position: 0 -70px;}

    #allMenuWrap{display: none;}


    /* main */
    .main #header{min-width: 320px; border-bottom:1px solid rgba(255,255,255,0.3); background: transparent;/*fixed백업*/position:absolute;left:0;top:0;z-index:600;/*fixed백업*/}
    .main #header .gnbMenuWrap .mm{color:#fff;}
    .main #header .gnbMenuWrap .mm:hover,
    .main #header .gnbMenuWrap .mm:focus{color:#164695;}
    .main #header .logo a{background: url("../img/main_logo.png") no-repeat;}
    .main #header .logo a span{width:220px; height:49px; background: url("../img/main_logo.png") no-repeat;}
    .main #header .gnbEtcMenu li .ico.i1{background-position: -6px -25px;}
    .main #header .gnbEtcMenu li .ico.i2{background-position: -37px -25px;}
    .main #header .gnbEtcMenu li .ico.i3{background-position: -67px -25px;}
    .main #header .gnbEtcMenu li .ico.i4{width:25px; background-position: -541px -299px;}
    .main #header .gnbEtcMenu li .ico.i5{width:26px;height:26px; background-position: -578px -299px;}
    .main #header .gnbEtcMenu li strong{color:#fff;}
    /*fixed백업*//*.main #header.fixed .logo a span{background: url("../img/logo.png") no-repeat;}
    .main #header.fixed .gnbMenuWrap .mm{color:#000;}
    .main #header.fixed .gnbEtcMenu li .ico.i1{background-position: -6px 0}
    .main #header.fixed .gnbEtcMenu li .ico.i2{background-position: -37px 0;}
    .main #header.fixed .gnbEtcMenu li .ico.i3{background-position: -67px 0;}
    .main #header.fixed .gnbEtcMenu li .ico.i4{width:25px; background-position: -541px -331px;}
    .main #header.fixed .gnbEtcMenu li .ico.i5{width:26px;height:26px; background-position: -578px -330px;}
    .main #header.fixed .gnbEtcMenu li strong{color:#333;}/*fixed백업*/

    .main #container{position: relative; z-index: 1;}
    /*fixed백업*//*.headRoll_none #container{padding-top:200px;}*//*fixed백업*/

    /*상단롤링배너*/
    .head_roll{position:relative;/*background:url('../img/head_banner_bg.jpg') no-repeat center center;background-size:cover;*/}
    .head_rollCon{width:1920px;margin:0 auto;height:100px;left:50%;margin-left:-960px;}
    .head_rollCon .slick-list{width:100%;left:50%;transform:translateX(-50%);}
    .head_rollCon .slick-prev{position:absolute;left:50%;margin-left:-600px;top:50%;transform:translateY(-50%);background:url('../img/head_rollCon_prev.png') no-repeat;display:block;width:20px;height:37px;cursor:pointer;text-indent:-999em;z-index:10;}
    .head_rollCon .slick-next{position:absolute;right:50%;margin-right:-600px;top:50%;transform:translateY(-50%);background:url('../img/head_rollCon_next.png') no-repeat;display:block;width:20px;height:37px;cursor:pointer;text-indent:-999em;}
    .head_rollCon .slick-dots{display:none !important;}
    .head_roll p{position:absolute;right:50%;margin-right:-570px;bottom:8px;text-align:right;width:auto;display:inline-block;}
    .head_roll p .label .ico + .lTxt{color:#fff;}
    .head_roll p .head_roll_close{margin-left:5px;cursor:pointer;}

    #gnbDim{top:101px; z-index: 400;}

    /* sub */
    /*fixed백업*/.main .v_con{padding-top:0px;}/*fixed백업*/
    /*fixed백업*/.main.headRoll_none .v_con{padding-top:100px;}/*fixed백업*/
    /*fixed백업*//*#container .cntMenuWrap.fixed{border-color: transparent; animation-duration: 0.3s; background: #1a417a;}
    #container .cntMenuWrap.fixed .breadCrumb .ico.home{width:48px; height:51px; background-position:-392px 0;}
    #container .cntMenuWrap.fixed .breadCrumb .dropdown .dropdown-toggle{color:#fff;}
    #container .cntMenuWrap.fixed .breadCrumb .dropdown .dropdown-toggle.on{background: #1a417a;}
    #container .cntMenuWrap.fixed li {border-color: #60799e;}
    #container .cntMenuWrap.fixed .cntEtcMenu li .ico.print{background-position:-200px -52px;}
    #container .cntMenuWrap.fixed .cntEtcMenu li .ico.fontL{background-position:-296px -52px;}
    #container .cntMenuWrap.fixed .cntEtcMenu li .ico.fontS{background-position:-248px -52px;}
    #container .cntMenuWrap.fixed .cntEtcMenu li .ico.fontM{background-position:-733px -551px;}/*fixed백업*/

}



@media (max-width:767px) and ( orientation: landscape ) {
    #header .gnbMenuWrap{width:100%;}
}
/*프린트용*/
@media print{

}