/* 바른서울효치과 공통 CSS — 원본 카페24 스킨(optimizer_user 번들)에서 추출 (opt_barunseoulhyo.com_12.css) */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
#wrap{margin-top:0 !important;}
#contents{width:100% !important;text-align:center;}
.pageWrap{width:1200px;position:relative;display:inline-block;text-align:justify;}
.pageTopBanner{width:100%;height:188px;background:url(/web/upload/jaycee/page/cate1/pageTop_bg.jpg) fixed;background-size:100%;text-align:center;}
.pageTopBanner p{display:inline-block;font-size:40px;color:#fff;font-weight:400;line-height:68px;padding:0 14px;border:1px solid #fff;margin-top:59px;}
.pageCate{display:block;margin-top:44px;position:relative;margin-left:50%;}
.pageCate:after{display:block;content:'';clear:both;}
.pageCate li{float:left;margin-left:-1px;margin-top:-1px;display:table;}
.pageCate li a{display:table-cell;vertical-align:middle;line-height:18px;height:60px;width:240px;border:1px solid #eee;box-sizing:border-box;text-align:center;font-size:16px;color:#333;transition:all 0.3s;font-weight:500;}
.pageCate li:hover a{background:#eee;}
.pageCate li.selc a{background:#1552a2;color:#fff;}
.pageCate1{width:720px;left:-360px;}
.pageCate2,.pageCate5{width:1200px;left:-600px;}
.pageCate3{width:960px;left:-480px;}
.pageCate1 li:nth-of-type(4){clear:both;}
.pageCate2 li:nth-of-type(6){clear:both;}
.pageCate3 li:nth-of-type(5),.pageCate3 li:nth-of-type(9){clear:both;}
.pageWrap{margin-top:84px;}
.pageWrap.pageWrap1_4 .bigImg li{display:none;}
.pageWrap.pageWrap1_4 .bigImg li:first-of-type{display:block;}
.pageWrap.pageWrap1_4 .smImg{overflow:hidden;display:inline-block;margin-top:40px;}
.pageWrap.pageWrap1_4 .smImg li{float:left;}
.pageWrap.pageWrap1_4 .smImg li img{width:200px;box-sizing:border-box;border:2px solid #fff;cursor:pointer;transition:all 0.3s;}
.pageWrap.pageWrap1_4 .smImg li img:hover{border:2px solid #318ac2;}
.more_btn{position:relative;left:0;text-indent:110px;margin:30px auto 0;display:block;width:570px;height:70px;box-sizing:border-box;border:1px solid #ccc;border-radius:70px;font-size:26px;font-weight:600;line-height:66px;color:#3080c6;transition:all 0.3s;}
.more_btn:hover{border:1px solid #3080c6;left:10px;}
.more_btn img{float:right;padding:4px;}
*{margin:0;padding:0;box-sizing:border-box;}
#header .puickWrap li{margin-bottom:0 !important;}
.puickWrap > li:nth-child(4){margin-top:20px;}
.xans-layout-statelogoff > a{color:#fff;font-size:14px;background:none;}
.xans-layout-statelogoff > a{padding:0 4px 0 10px;color:#fff !important;font-size:14px !important;background: none !important;}
:root{--navy:#0e2d64;--orange:#f3781a;--black:#2b2b29;--white:#fff;--gray-light:#f8f9fa;}
body{font-family: 'Pretendard',-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif !important;color: var(--white);}
a{text-decoration: none;font-family: 'Pretendard',-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif !important;color: inherit;}
*{font-family: 'Pretendard',-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif !important;color: inherit;letter-spacing:-0.015em !important;}
ul,li{list-style: none;}
.header{position:fixed;top:0;left:0;right:0;z-index:1000;}
.header-container{max-width:1800px;margin:0 auto;padding:20px 40px;display:flex;align-items:center;justify-content: space-between;gap:40px;}
.logo{flex-shrink:0;}
.logo a{display:block;}
.logo img{height:50px;width:auto;display:block;}
.main-nav{flex:1;}
.main-nav ul{display:flex;align-items:center;justify-content:center;gap:35px;}
.main-nav > ul > li{position: relative;}
.main-nav a{font-size:16px;font-weight:500;color: var(--white);white-space: nowrap;transition:color 0.3s ease;position: relative;padding:5px 0;}
.main-nav > ul > li > a:hover{color: var(--orange);}
.main-nav > ul > li > a::after{content: '';position:absolute;bottom:0;left:0;width:0;height:2px;background: var(--orange);transition: width 0.3s ease;}
.main-nav > ul > li > a:hover::after{width:100%;}
.sub-menu{position:absolute;top:100%;left:0;min-width:220px;background: rgba(0,0,0,0.98);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:10px 0;margin-top:20px;opacity:0;visibility: hidden;transition:all 0.3s ease;z-index:1000;box-shadow:0 10px 40px rgba(0,0,0,0.5);}
.has-sub:hover .sub-menu{opacity:1;visibility: visible;margin-top:10px;}
.sub-inner{display:flex;flex-direction:column;}
.sub-menu a{display:block;padding:12px 20px;transition:all 0.3s ease;background: transparent;border-left:3px solid transparent;}
.sub-menu a:hover{background: rgba(243,120,26,0.15);border-left-color: var(--orange);}
.sub-text{font-size:14px;font-weight:400;color: rgba(255,255,255,0.9);line-height:1.4;white-space: nowrap;}
.sub-menu a:hover .sub-text{color: var(--orange);}
.header-right{display:flex;align-items:center;gap:20px;flex-shrink:0;}
.login-link,.join-link{font-size:14px;font-weight:500;color: var(--white);transition:color 0.3s ease;}
.login-link:hover,.join-link:hover{color: var(--orange);}
.logout-icon{display:flex;align-items:center;justify-content:center;padding:5px;transition: opacity 0.3s ease;}
.logout-icon:hover{opacity:0.7;}
.logout-icon img{width:24px;height:24px;display:block;}
.mobile-menu-btn{display: none;flex-direction:column;gap:6px;background: none;border: none;cursor: pointer;padding:8px;z-index:1001;}
.mobile-menu-btn span{width:28px;height:3px;background: var(--white);transition:all 0.3s ease;border-radius:2px;}
.mobile-menu-btn.active span:nth-child(1){transform: rotate(45deg) translate(7px,7px);}
.mobile-menu-btn.active span:nth-child(2){opacity:0;}
.mobile-menu-btn.active span:nth-child(3){transform: rotate(-45deg) translate(7px,-7px);}
.mobile-nav{position:fixed;top:90px;right: -100%;width:350px;height:calc(100vh - 90px);background: rgba(0,0,0,0.98);backdrop-filter:blur(20px);padding:40px 30px;overflow-y:auto;transition: right 0.4s ease;z-index:999;border-left:1px solid rgba(255,255,255,0.1);}
.mobile-nav.active{right:0;}
.mobile-nav > ul{display:flex;flex-direction:column;gap:0;margin-bottom:40px;}
.mobile-has-sub{border-bottom:1px solid rgba(255,255,255,0.1);}
.mobile-has-sub > .mobile-main{display:block;font-size:15px;font-weight:600;color: var(--white);padding:15px 0;transition:color 0.3s ease;}
.mobile-sub-toggle{position:absolute;right:30px;top:10px;width:30px;height:30px;background: transparent;border:1px solid rgba(255,255,255,0.2);border-radius:4px;color: var(--white);font-size:18px;cursor: pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;}
.mobile-has-sub{position: relative;}
.mobile-sub-toggle.active{background: var(--orange);border-color: var(--orange);transform: rotate(45deg);}
.mobile-sub{display: none;flex-direction:column;gap:0;padding:10px 0 15px 15px;background: rgba(255,255,255,0.05);border-radius:4px;margin-bottom:10px;}
.mobile-sub.active{display:flex;}
.mobile-sub li a{display:block;font-size:14px;font-weight:400;color: rgba(255,255,255,0.8);padding:10px 0;transition:color 0.3s ease,padding-left 0.3s ease;}
.mobile-sub li a:hover{color: var(--orange);padding-left:10px;}
.mobile-auth{display:flex;gap:15px;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);}
.mobile-login,.mobile-join{flex:1;padding:12px 20px;text-align:center;font-size:14px;font-weight:600;border-radius:4px;transition:all 0.3s ease;}
.mobile-login{color: var(--orange);background: transparent;}
.mobile-login:hover{background: var(--orange);color: var(--white);}
.mobile-join{color: var(--white);background: var(--orange);}
.mobile-join:hover{background: transparent;color: var(--orange);}
.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);opacity:0;visibility: hidden;transition:all 0.3s ease;z-index:998;}
.mobile-overlay.active{opacity:1;visibility: visible;}
@media (max-width:1200px){
  .main-nav ul{gap:25px;}
  .main-nav a{font-size:13px;}
}
@media (max-width:1024px){
  .main-nav ul{gap:20px;}
  .main-nav a{font-size:12px;}
  .header-container{padding:15px 30px;}
}
@media (max-width:768px){
  .header-container{padding:15px 20px;}
  .logo img{height:40px;}
  .main-nav{display: none;}
  .header-right .login-link,.header-right .join-link{display: none;}
  .mobile-menu-btn{display:flex;}
}
@media (max-width:480px){
  .mobile-nav{width:100%;right: -100%;}
  .mobile-nav.active{right:0;}
}
.xans-layout-statelogon > a{color:#fff !important;background:none !important;}
.header.scrolled{background: rgba(0,0,0,1);box-shadow:0 2px 20px rgba(0,0,0,0.3);}
.header.scrolled{background: rgba(255,255,255,0.98);box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.header.scrolled .main-nav a{color:#000 !important;}
.header.scrolled .main-nav a:hover{color: var(--orange) !important;}
.header.scrolled .xans-layout-statelogoff > a,.header.scrolled .login-link,.header.scrolled .join-link,.header.scrolled .xans-layout-statelogon > a{color:#000 !important;}
.header.scrolled .xans-layout-statelogoff > a:hover,.header.scrolled .login-link:hover,.header.scrolled .join-link:hover{color: var(--orange) !important;}
.logo img{transition: opacity 0.3s ease;}
.xans-layout-statelogoff{float:right;height:20px;line-height:20px;}
.xans-layout-statelogoff .log{background:none;}
.xans-layout-statelogoff > a .count{left:-5px;top:-1px;margin:0 -5px 0 3px;padding:0 0 0 7px;vertical-align:middle;background-position:0 0;}
.xans-layout-statelogoff > a .count span{height:14px;padding:1px 7px 1px 0;font-weight:bold;color:#fff;font-size:11px;line-height:14px;vertical-align:top;background-position:right -26px;}
.xans-layout-statelogon{float:right;height:20px;line-height:20px;}
.xans-layout-statelogon .log{background:none;}
.xans-layout-statelogon .myinfo{color:#757575;}
.xans-layout-statelogon .myinfo strong{color:#353535;}
.xans-layout-statelogon .myinfo a{padding:0 4px 0 10px;color:#757575;font-size:12px;}
.xans-layout-statelogon > a .count{left:-4px;top:-1px;margin:0 -5px 0 6px;padding:0 0 0 7px;vertical-align:middle;background-position:0 0;}
.xans-layout-statelogon > a .count span{height:14px;padding:1px 8px 1px 0;font-weight:bold;color:#fff;font-size:11px;line-height:14px;vertical-align:top;background-position:right -26px;}
#footer{background:#2c2c2c;}
#footer .inner{padding:30px 0 !important;}
.formWrap{position:fixed;left:0px;top:50%;margin-top:-228px;z-index:10;}
.formBtn{position:absolute;right:-103px;top:80px;cursor:pointer;}
.xans-layout-footer{float:right;width:905px;padding:15px 0 25px;}
.xans-layout-footer .utilMenu{overflow:hidden;height:auto;border-bottom:1px solid #e8e8e8;*zoom:1;padding-bottom:20px;}
.xans-layout-footer .utilMenu li{float:left;padding:0 15px 0 15px;background:url("/web/upload/jaycee/footer/ico_bar2.gif") no-repeat 0 15px;}
.xans-layout-footer .utilMenu li:first-of-type{padding-left:0;background:none;}
.xans-layout-footer .utilMenu li a{color:#fff;font-size:16px;}
.xans-layout-footer .address{padding:20px 0 0;color:#757575;line-height:18px;}
.xans-layout-footer .address span{padding:0 25px 0 0;letter-spacing:-1px;color:#fff;font-size:15px;line-height:1.8;}
.xans-layout-footer .address span a{color:#555;}
.xans-layout-footer .copyright{position:absolute;left:204px;bottom:0;height:32px;color:#ededed;font-size:11px;line-height:32px;}
.xans-layout-footer .pageTop{position:absolute;right:0;top:10px;}
.xans-layout-footer .hosting{position:absolute;right:0;top:77px;}
.foot_cate{margin-top:90px;width:100%;height:430px;border-top:3px solid #3080c6;border-bottom:1px solid #eee;background:#f8f8f7;z-index:99;}
.foot_cate > div{width:1200px;margin:auto;}
.foot_cate > div:after{cotent:"";display:block;clear:both;}
.foot_cate > div dl{width:200px;text-align:center;float:left;padding:20px 0;letter-spacing:-1px;}
.foot_cate > div dt{color:#3080c6;font-size:18px;font-weight:bold;margin-bottom:15px;}
.foot_cate > div dt.last_{margin:30px 0;}
.foot_cate > div dt.last_ a{color:#3080c6;font-size:14px;font-weight:bold;}
.foot_cate > div dd a{color:#444;padding:5px 0;display:block;margin-bottom:3px;font-size:14px;}
.foot_cate > div dd a:hover{background:rgba(48,128,198,0.5);color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s;}
.xans-layout-logobottom{float:left;width:295px;padding:40px 0px 0;}
.xans-layout-logobottom img{max-width:220px;}
*{font-family: 'Noto Sans KR',sans-serif;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}
html{width:100%;height:100%;}
body,code{font:0.75em Verdana,Dotum,AppleGothic,sans-serif;color:#353535;background:#fff;}
body{min-width:1200px;}
body#popup{min-width:0;}
li{list-style:none;}
img,fieldset{border:none;vertical-align:top;}
table{width:100%;border:0;border-spacing:0;border-collapse:collapse;}
caption{display:none;}
th,td{border:0;vertical-align:top;}
input,select,textarea{font-size:100%;font-family:"돋움",Dotum;color:#353535;vertical-align:middle;}
input[type=radio],input[type=checkbox]{width:13px;height:13px;border:0;}
input[type=text],input[type=password]{height:18px;line-height:20px;padding:2px 4px;border:1px solid #d5d5d5;color:#353535;font-size:12px;}
input[type=radio] + label,input[type=checkbox] + label{margin:0 4px 0 2px;}
select{height:24px;border:1px solid #d5d5d5;}
textarea{padding:5px 6px;border:1px solid #d5d5d5;line-height:1.5;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#c1c1c1;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#c1c1c1;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#c1c1c1;opacity:1;}
legend{visibility:hidden;position:absolute;left:-9999px;top:-9999px;width:0;height:0;line-height:0;}
button{overflow:visible;padding:0;margin:0;border:0;cursor:pointer;}
hr.layout{display:none;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.objHidden{visibility:hidden;position:absolute;left:-1000px;top:-1000px;height:0;width:0;}
table tr.radioType input,span.noBorder input{border:none !important;width:auto !important;height:auto !important;margin:0 3px 0 0 !important;vertical-align:middle !important;background:none !important;}
#content_CONTAINER table,#bi_inquire_content_CONTAINER table{border:0;margin:0 0 -1px;}
#content_CONTAINER table:before,#bi_inquire_content_CONTAINER table:before{display:none;}
#content_CONTAINER td,#bi_inquire_content_CONTAINER td{width:auto !important;padding:0;}
table.nneditor-table{width:auto !important;}
.gLabel{display:inline-block;}
.gLabel label{margin-right:20px;line-height:22px;}
.fWidthFull input[type=text]{width:100%;height:24px;-webkit-box-sizing:border-box;-moz-webkit-box:border-box;box-sizing:border-box;}
.fWidthFull textarea{width:100%;-webkit-box-sizing:border-box;-moz-webkit-box:border-box;box-sizing:border-box;}
div.layerProgress{filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;background-color:#999;}
#skipNavigation{position:absolute;top:0;left:0;z-index:100;width:100%;height:0;}
#skipNavigation p,#skipNavigation ul,#skipNavigation ul li{height:0;}
#skipNavigation p a{position:absolute;left:0;top:0;display:block;overflow:hidden;width:1px;height:1px;margin-left:-1px;margin-bottom:-1px;text-align:center;color:#000;white-space:nowrap;}
#skipNavigation p a:focus,#skipNavigation p a:hover,#skipNavigation p a:active{width:100%;height:auto;padding:10px 0;background:#c4122f;color:#fff;z-index:100;}
.dimmed{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background:#fff;opacity:0.8;filter:alpha(opacity=80);}
.bannerWrap:after{content:"";display:block;clear:both;}
.title_{text-align:center;margin:70px auto 40px;}
.banner_l{float:left;}
.banner_l .banner_1:after{content:"";display:block;clear:both;}
.banner_l .banner_1 > div{width:295px;height:250px;float:left;margin-right:6.5px;}
.banner_l .banner_1 > div:last-child{margin-right:0;}
.banner_l .banner_2{width:898px;height:376px;background:#e8e8e8;text-align:center;margin:6px auto 0;}
.banner_l .banner_2 .title{text-align:center;margin:auto;padding:45px 0;}
.banner_r{float:right;}
.banner_r .banner_1{position:relative;overflow:hidden;}
.banner_r .banner_1 a{width:295px;height:250px;display:none;background:rgba(0,0,0,0.4);position:absolute;right:0;top:0;}
.banner_r .banner_1 a img{width:87px;height:87px;position:absolute;right:0;top:0;left:0;bottom:0;margin:auto;}
.banner_r .banner_2{position:relative;margin:6px 0;overflow:hidden;}
.banner_r .banner_2 a{width:295px;height:250px;display:none;background:rgba(0,0,0,0.4);position:absolute;right:0;top:0;}
.banner_r .banner_2 a img{width:87px;height:87px;position:absolute;right:0;top:0;left:0;bottom:0;margin:auto;}
.banner_sns:after{content:"";display:block;clear:both;}
.banner_sns > div{float:left;margin-right:5px;}
.banner_sns > div:last-child{margin-right:0;}
#nivoSlider1{overflow:visible !important;}
#header{background:#fff;position:relative;z-index:99;}
#header .inner{position:relative;width:1200px;margin:0 auto;*zoom:1;}
#header .inner:after{content:"";display:block;clear:both;}
#header .topArea{height:100px;padding:0px 0 0;text-align:center;position:relative;*zoom:1;}
#header .topArea:after{content:"";display:block;clear:both;}
#header .topArea .top_l{position:absolute;left:0;top:22px;}
#header .topArea .top_r{position:absolute;right:0;top:28px;width:200px;}
#header .topArea .top_r .sns_{float:right;}
#header .topArea .top_r .sns_ > a{font-size:13px;line-height:26px;margin-left:10px;}
#header .topArea .top_r .sns_ > a:nth-of-type(1){color:#6bc145;}
#header .topArea .top_r .sns_ > a:nth-of-type(2){color:#2163a8;}
#header .topArea .top_r .sns_ > a span{margin-right:7px;}
#header .special{float:left;border-left:1px solid #d8d8d8;}
#header .special li{float:left;}
#header .special a{display:block;height:20px;padding:16px 15px 9px;border-right:1px solid #d8d8d8;color:#353535;text-decoration:none;}
#header .special a:hover{color:#008bcc;padding-bottom:7px;border-bottom:2px solid #008bcc;}
#header .link{position:absolute;left:0;top:0;height:35px;line-height:35px;}
#header .link > a,#header .link > span{float:left;}
#header .link > span img{vertical-align:middle;}
#header .puickWrap{position:fixed;top:50%;margin-top:-180px;right:20px;z-index:99;}
#header .puickWrap li{margin-bottom:16px;}
#wrap{position:relative;width:100%;margin:27px auto 0;}
#container{width:100%;margin:0 auto;*zoom:1;}
#container:after{content:"";display:block;clear:both;}
#sidebar{float:left;width:180px;}
#sidebar .banner{padding:0 0 20px;border-bottom:1px solid #e8e8e8;}
#sidebar .banner p a{display:block;}
#contents{width:1200px;margin:auto;}
#banner{position:absolute;top:0;left:0;width:90px;}
#quick{position:absolute;top:0;right:0;width:90px;}
#quick .banner a{display:block;margin:15px 0 0;}
#footer{}
#footer .inner{overflow:hidden;position:relative;width:1200px;margin:0 auto 0;*zoom:1;}
#boardArea{overflow:hidden;margin:50px 0 0;border-top:1px solid #d8d8d8;}
#bannerArea{margin:22px 0 0;}
#bannerArea h2{margin:0 0 16px;font-weight:normal;font-size:20px;color:#2e2e2e;text-align:center;}
.path{overflow:hidden;height:30px;line-height:30px;*zoom:1;}
.path span{overflow:hidden;position:absolute;width:0;height:0;white-space:nowrap;text-indent:100%;}
.path ol{float:right;}
.path li:first-child{background:none;}
.path li a{color:#757575;}
.path li strong,.path li strong a{color:#2e2e2e;}
.titleArea{min-height:30px;margin:10px 0 20px;border-bottom:1px solid #e8e8e8;}
.titleArea ul{padding:5px 0;color:#939393;line-height:18px;}
.boardMain{overflow:hidden;*zoom:1;}
.boardMain td img{vertical-align:middle;margin:1px;}
.boardMain .board{position:relative;margin:0 0 65px;}
.boardMain .leftArea{float:left;width:50%;}
.boardMain .leftArea .board{margin:0 23px 65px 0;}
.boardMain .rightArea{float:right;width:50%;}
.boardMain .rightArea .board{margin:0 0 65px 23px;}
.boardMain .board h3{margin:0 0 13px;height:28px;font-size:16px;color:#2e2e2e;border-bottom:2px solid #626672;}
.boardMain .board .more{position:absolute;top:0;right:0;padding:2px;}
.boardMain .board .galleryList{overflow:hidden;}
.boardMain .board .galleryList ul{overflow:hidden;margin:0 -10px;}
.boardMain .board .galleryList li{float:left;position:relative;width:20%;padding:0 0 12px 0;word-break:break-all;}
.boardMain .board .galleryList li span{display:block;margin:0 10px;font-size:11px;color:#a4a4a4;}
.boardMain .board .galleryList li .imgLink,.boardMain .board .galleryList li .imgLink:hover{display:block;margin:0 10px 5px;font-size:12px;}
.boardMain .board .galleryList li .imgLink img{width:100%;max-height:110px;border:1px solid #ededed;}
.txtInfo{color:#707070;}
.txtWarn{color:#f76560;}
.txtEm{color:#008bcc;}
.txtNormal{font-weight:normal;font-style:normal;}
.txtNum{font-size:11px;color:#939393;}
.txt11{font-size:11px;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt16{font-size:16px;}
.txt18{font-size:18px;letter-spacing:-1px;}
.txtIcon{font-size:12px;font-style:normal;}
.txtBreak{word-break:break-all;word-wrap:break-word;}
html:lang(ja) .txt11,html:lang(zh) .txt11,html:lang(zh-tw) .txt11{font-size:12px;}
.gBlank5{display:block;margin-top:5px;}
.gBlank10{display:block;margin-top:10px;}
.gBlank20{display:block;margin-top:20px;}
.gBlank30{display:block;margin-top:30px;}
.gIndent10{margin-left:10px;}
.gIndent20{margin-left:20px;}
.gSpace10{margin-right:10px;}
.gSpace20{margin-right:20px;}
.gMerge{position:relative;z-index:1;margin-top:-1px;}
.differentialShipping{display:none;overflow:hidden;position:absolute;left:50%;top:17px;z-index:100;width:350px;margin:0 0 0 -176px;}
.differentialShipping h3.title{margin:0;height:35px;padding:0 35px 0 19px;border:0;color:#fff;font-size:14px;line-height:35px;background:#495164;}
.differentialShipping .content{padding:12px 18px 14px 18px;border:1px solid #757575;border-top:0;text-align:center;background:#fff;}
.differentialShipping .close{position:absolute;right:14px;top:12px;}
.differentialShipping .close img{cursor:pointer;}
.differentialShipping .content ul{color:#757575;line-height:25px;}
.differentialShipping .content li{overflow:hidden;}
.differentialShipping .content li strong{float:left;font-weight:normal;}
.differentialShipping .content li span{float:right;color:#2e2e2e;}
.differentialShipping .content .info{margin:7px 0 0;padding:7px 0 0;border-top:1px dotted #b0b1b3;color:#80aeef;text-align:right;}
li{list-style:none;}
table{width:100%;border:0;border-spacing:0;border-collapse:collapse;}
caption{display:none;}
h1,h3{margin:0;}
.xans-layout-multishopshipping{display:none;}
.xans-layout-multishopshipping .worldshipLayer{top:303px;left:50%;width:448px;margin:0 0 0 -225px;}
.xans-layout-multishopshipping .worldshipLayer .content .desc{display:block;margin:4px 0 14px;}
.xans-layout-multishopshipping .worldshipLayer .select{margin:10px 0 0;}
.xans-layout-multishopshipping .worldshipLayer .select select{width:100%;}
.xans-layout-conversionpc{background:#fff;padding:45px;text-align:center;}
/* ===== 이전 과정 추가 패치: 푸터·퀵메뉴 모바일 대응 =====
   원본 PC 스킨에는 푸터(.foot_cate)·퀵메뉴(.puickWrap) 모바일 규칙이 없어
   768px 이하에서 1200px 고정폭이 그대로 노출됨.
   m.barunseoulhyo.com 푸터(사이트맵 없음, 로고+연락처만)를 기준으로 보강. */
@media (max-width:768px){
  .foot_cate{display:none;}
  #footer .inner{width:auto;padding:30px 20px !important;}
  .xans-layout-logobottom{float:none;display:block;width:auto;padding:0 0 10px;}
  .xans-layout-footer .utilMenu li a{font-size:14px;}
  .xans-layout-footer .address span{font-size:13px;padding-right:12px;}
  #header .puickWrap{display:none;}
}

/* ===== 이전 과정 추가 패치: 서브페이지 콘텐츠 모바일 대응 =====
   원본 PC 스킨은 콘텐츠(.pageCate 탭, .pageWrap 이미지)가 1200px 고정.
   CLAUDE.md 방침: 콘텐츠 이미지는 max-width:100%로 축소 (이미지 재제작 없음) */
@media (max-width:768px){
  .pageTopBanner{height:120px;background-attachment:scroll;}
  .pageTopBanner p{font-size:22px;line-height:38px;margin-top:42px;}
  .pageCate{width:100% !important;left:0 !important;margin-left:0 !important;display:flex;flex-wrap:wrap;justify-content:center;margin-top:24px;padding:0 10px;box-sizing:border-box;}
  .pageCate li{float:none;}
  .pageCate li a{display:flex;align-items:center;justify-content:center;width:auto;min-width:96px;height:44px;padding:0 12px;font-size:13px;}
  .pageWrap{width:100% !important;margin-top:40px;}
  .pageWrap img{max-width:100%;height:auto;}
  .pageWrap.pageWrap1_4 .smImg li{width:33.333%;}
  .pageWrap.pageWrap1_4 .smImg li img{width:100%;}
  .more_btn{width:auto;max-width:90%;font-size:18px;text-indent:0;padding:0 24px;height:56px;line-height:52px;}
  .more_btn img{display:none;}
}

/* ===== 이전 과정 추가: 문서형 페이지(개인정보처리방침 등) ===== */
.docWrap{width:90%;max-width:1000px;margin:60px auto 80px;text-align:left;}
.docWrap h2{font-size:28px;color:#333;margin-bottom:28px;padding-bottom:14px;border-bottom:2px solid #1552a2;}
.docWrap p{font-size:14px;line-height:1.9;color:#555;margin-bottom:14px;word-break:keep-all;}
.docWrap a{color:#1552a2;}

/* ===== 그누보드 게시판 셸 (커스텀 head.php/tail.php) ===== */
.bbsWrap{max-width:1200px;margin:44px auto 90px;padding:0 15px;text-align:left;}
.bbsWrap a{color:inherit;}
@media (max-width:768px){ .bbsWrap{margin:24px auto 60px;} }

/* ===== 그누보드 default.css 충돌 무효화 (게시판 셸) =====
   g5 default.css가 #container{float:left;width:930px}, body{font-size:0.75em;
   font-family:Malgun}을 강제해 레이아웃이 깨짐 — common.css가 뒤에 로드되므로 여기서 원복 */
#container{position:static;float:none;width:auto;max-width:none;min-height:0;margin:0;padding:0;height:auto !important;}
body{font-size:16px;line-height:1.5;}

/* ===== 헤더 반응형 보완 (2026-07-09) =====
   1) body min-width 1200 제거 — 모바일에서 레이아웃 뷰포트가 1200px로 강제되어
      전 페이지가 확대(가로 스크롤)되던 근본 원인
   2) GNB 7개(긴 한글 메뉴)는 1200px 미만에서 수납 불가 → 햄버거 전환점을 1199px로 상향
   3) 스크롤(흰 배경) 상태에서 햄버거 선이 흰색 그대로라 안 보이던 문제
   4) 모바일 패널 상단 오프셋을 실제 헤더 높이(80/70px)에 정합 */
body{min-width:0;}

@media (max-width:1199px){
  .main-nav{display:none !important;}
  .header-right .login-link,.header-right .join-link,
  .header-right .xans-layout-statelogon,.header-right .xans-layout-statelogoff{display:none;}
  .mobile-menu-btn{display:flex;}
  .mobile-nav{top:80px;height:calc(100vh - 80px);}
  /* 콘텐츠 가로 넘침 방지 (고정 1200px 요소) — 세부 타이포는 768 이하 기존 규칙 유지 */
  #contents{width:100% !important;}
  .pageWrap{width:100% !important;box-sizing:border-box;padding:0 15px;}
  .pageWrap img{max-width:100%;height:auto;}
  .pageCate{width:auto !important;left:0 !important;margin-left:0 !important;display:flex;flex-wrap:wrap;justify-content:center;padding:0 10px;box-sizing:border-box;}
  .pageCate li{float:none;}
}
@media (max-width:768px){
  .mobile-nav{top:70px;height:calc(100vh - 70px);}
}
.header.scrolled .mobile-menu-btn span{background:#000;}

/* 슬라이드 메뉴(right:-100%)가 화면 밖에서 가로 스크롤을 만들지 않도록 클리핑 */
html,body{overflow-x:hidden;}

/* ===== 모바일 헤더: m.barunseoulhyo.com 원본 재현 (2026-07-09) =====
   흰 배경 60px 고정 바 + 하단 보더(#ddd) + 컬러 로고 42px + 전화버튼 + 메뉴버튼
   (원본 m. CSS: .searchWrap{height:60px;border-bottom:1px solid #ddd} 등) */
.logo img.logo-m,.h-call{display:none;}
@media (max-width:1199px){
  .header{background:#fff;border-bottom:1px solid #ddd;}
  .header.scrolled{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.08);}
  .header-container{height:60px;padding:0 6px 0 11px;box-sizing:border-box;align-items:center;gap:6px;}
  .logo-pc{display:none !important;}
  .logo img.logo-m{display:block;height:42px;width:auto;}
  .h-call{display:block;flex-shrink:0;margin-left:auto;}
  .h-call img{display:block;width:48px;height:48px;}
  .mobile-menu-btn{margin-left:2px;}
  .mobile-menu-btn span{background:#333;}
  .mobile-nav{top:61px;height:calc(100vh - 61px);}
  /* 흰 불투명 헤더가 콘텐츠를 가리지 않도록 (m.원본도 헤더 아래에서 콘텐츠 시작) */
  body{padding-top:60px;}
}
@media (max-width:768px){
  .mobile-nav{top:61px;height:calc(100vh - 61px);}
}

/* ===== 모바일 메뉴: m.barunseoulhyo.com aside 패널 재현 (2026-07-09) =====
   원본: 좌측 슬라이드 흰 패널(87%, min 225px) + 상단 로고/닫기/회원바(#759dd8)
   + 카테고리 목록(13px bold, a.cate padding 17px 34px) + 하위 아코디언 */
@media (max-width:1199px){
  /* 헤더 우측: 전화상담·MENU 다크박스 이미지 버튼 60x60, 우측 끝 플러시 */
  .header-container{padding:0 0 0 11px;gap:0;}
  .h-call{margin-left:auto;}
  .h-call img{width:60px;height:60px;}
  .mobile-menu-btn{margin:0;padding:0;width:60px;height:60px;}
  .mobile-menu-btn img{display:block;width:60px;height:60px;}
  .mobile-menu-btn span{display:none;}

  /* 패널: 좌측 슬라이드, 흰 배경, 전체 높이 */
  .mobile-nav{left:-100%;right:auto;top:0;width:87%;max-width:360px;height:100vh;
    background:#fff;color:#333;padding:0;border-left:0;border-right:1px solid #ddd;
    backdrop-filter:none;transition:left 0.35s ease;z-index:1003;}
  .mobile-nav.active{left:0;right:auto;}

  .mnav-top{position:relative;height:110px;border-bottom:1px solid #c8c7cc;}
  .mnav-logo{position:absolute;top:15px;left:10px;height:42px;}
  .mnav-close{position:absolute;top:0;right:0;width:46px;height:46px;background:transparent;border:0;
    font-size:26px;line-height:46px;color:#666;cursor:pointer;}
  .mnav-member{position:absolute;left:0;bottom:0;display:block;width:100%;height:40px;
    background:#759dd8;text-align:center;line-height:40px;font-size:13px;}
  .mnav-member a{color:#fff;font-weight:600;}
  .mnav-member i{color:#fff;font-style:normal;margin:0 10px;font-size:10px;position:relative;top:-1px;}

  .mnav-list{display:block;margin:0;padding:0 0 40px;}
  .mobile-has-sub{border-bottom:0;}
  .mobile-has-sub > .mobile-main{display:block;padding:15px 60px 15px 24px;font-size:13px;font-weight:bold;
    color:#333;border-top:1px solid #eee;}
  .mobile-has-sub:first-child > .mobile-main{border-top:0;}
  .mobile-has-sub:has(> .mobile-sub.active) > .mobile-main{color:#81b9dc;}
  .mobile-sub-toggle{right:20px;top:9px;width:28px;height:28px;border:1px solid #d5d5d5;border-radius:3px;
    background:#fff;color:#676767;font-size:16px;}
  .mobile-sub-toggle.active{background:#81b9dc;border-color:#81b9dc;color:#fff;}
  .mobile-sub{background:#f4f6f8;border-radius:0;padding:6px 0;margin:0;}
  .mobile-sub li a{display:block;padding:11px 24px 11px 36px;font-size:13px;color:#555;}
  .mobile-sub li a:hover{color:#0a4bb1;padding-left:36px;}
}

/* ===== 모바일 메뉴 push 방식 (m.원본 html.expand 재현) =====
   패널이 열릴 때 본문(헤더 바·콘텐츠·푸터·퀵메뉴)을 패널 폭만큼 오른쪽으로 이동 */
@media (max-width:1199px){
  .header, #wrap, #footer, .puickWrap{transition:transform 0.35s ease;}
  html.mnav-open .header,
  html.mnav-open #wrap,
  html.mnav-open #footer,
  html.mnav-open .puickWrap{transform:translateX(min(87vw, 360px));}
}

/* ===== 모바일 디테일: m.barunseoulhyo.com 서브페이지 UI 재현 (2026-07-09) ===== */
/* 맨 위로 플로팅 (m. btnTop) */
.btnTop{display:none;position:fixed;bottom:50px;right:10px;z-index:100;opacity:0.55;}
.btnTop img{display:block;width:40px;height:40px;}
@media (max-width:1199px){ .btnTop.show{display:block;} }

@media (max-width:768px){
  /* 서브페이지 상단: 제목 배너 → m. pageSubMenu 바 (탭 대신 드롭다운) */
  .pageTopBanner{height:76px;background:#aeb7bd url('/web/upload/jc/mob_pageTop_bg.jpg') 50% -20px no-repeat;background-size:120%;position:relative;text-align:left;} /* m.원본 크롭 120% */
  .pageTopBanner p{display:block;font-size:18px;font-weight:400;color:#fff;line-height:80px;margin:0;padding:0 0 0 38px;border:0;} /* m.원본 line-height 80px */
  .pageTopBanner.has-menu{cursor:pointer;}
  .pageTopBanner.has-menu::after{content:'';position:absolute;top:34px;left:15px;width:14px;height:9px;background:url('/web/upload/jc/down.png') no-repeat center/contain;}
  .pageCate{display:block !important;height:0;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important;left:0 !important;}
  .pageCate.open{height:auto;border-bottom:2px solid #759dd8;}
  .pageCate li{width:100%;margin:0;float:none;}
  .pageCate li a{display:block;width:100%;min-width:0;height:40px;line-height:40px;padding:0;background:#779ccf;color:#fff;border:0;border-bottom:1px solid #92b2df;font-size:14px;text-align:center;}
  .pageCate li:last-of-type a{border-bottom:0;}
  .pageCate li:hover a{background:#779ccf;}
  .pageCate li.selc a{background:#5d86c2;font-weight:600;}
  .pageWrap{margin-top:0;padding:40px 0;} /* m.원본: 이미지 위아래 40px 여백 */

  /* 푸터: m. footerMenu 재현 (PC 다크 푸터 대신) */
  #footer{background:#fff;}
  #footer .inner{display:none;}
  .m-footer{display:block;background:#fff;border-top:1px solid #ddd;padding:12px 3% 20px;}
  .m-footer .policy{text-align:center;margin:0 0 12px;padding:6px 0;}
  .m-footer .policy li{position:relative;display:inline-block;padding:0 10px 0 11px;font-size:12px;list-style:none;}
  .m-footer .policy li:before{display:block;content:"";position:absolute;top:3px;left:0;width:1px;height:11px;background:#989899;}
  .m-footer .policy li:first-child:before{display:none;}
  .m-footer .policy li a{color:#555;font-weight:600;}
  .m-footer address{display:flex;align-items:flex-start;font-style:normal;}
  .m-footer .footer_logo{width:40%;text-align:center;}
  .m-footer .footer_logo img{width:85%;max-width:150px;margin-top:10px;}
  .m-footer .footerInfo{width:60%;box-sizing:border-box;padding-left:4%;border-left:1px solid #eee;}
  .m-footer .footerInfo dl{margin:0 0 6px;}
  .m-footer .footerInfo dt{font-size:11px;color:#888;font-weight:400;line-height:1.5;}
  .m-footer .footerInfo dt span{color:#555;}
}
@media (min-width:769px){ .m-footer{display:none;} }

/* ===== PC 푸터 사이트맵 넘침 수정 (2026-07-11) =====
   원본 .foot_cate가 430px 고정 높이인데 body line-height 보정(1.5) 이후
   컬럼(10~11항목)이 이를 초과해 다크 푸터로 중첩됨 → 내용에 맞춰 늘어나게.
   원본 clearfix 오타(cotent)로 float 해제가 안 되던 것도 보정 */
.foot_cate{height:auto;min-height:430px;padding-bottom:24px;}
.foot_cate:after{content:"";display:block;clear:both;}

/* ===== PC 페이지 배너 높이 조정 (2026-07-11 사용자 요청) =====
   원본 188px + margin-top 위치 지정 → 260px + 수직 중앙 정렬 */
@media (min-width:769px){
  .pageTopBanner{height:260px;display:flex;align-items:center;justify-content:center;}
  .pageTopBanner p{margin-top:0;}
}

/* ===== 회원 페이지(로그인/회원가입/비번찾기) 리스타일 (2026-07-14) =====
   그누보드 basic 스킨 마크업 유지, CSS만 사이트 톤(카드형·#1552a2)으로 교체 */
/* 공통 폼 요소 */
.mbskin{margin:30px auto 50px;width:100%;max-width:420px;}
.mbskin .mbskin_box{border:1px solid #e5e8ee;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(21,82,162,0.07);padding:38px 32px 34px;}
.mbskin .frm_input{height:48px;border:1px solid #d7dbe2;border-radius:8px;padding:0 14px;font-size:15px;box-sizing:border-box;background:#fff;transition:border-color .2s;}
.mbskin .frm_input:focus{border-color:#1552a2;outline:none;box-shadow:0 0 0 3px rgba(21,82,162,0.1);}
.mbskin .btn_submit{height:50px;background:#1552a2;color:#fff;border:0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;}
.mbskin .btn_submit:hover{background:#0f3f7e;}

/* 로그인 */
#mb_login .mb_log_cate{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
#mb_login .mb_log_cate h2{font-size:22px;color:#222;position:static;line-height:1.3;overflow:visible;}
#mb_login .mb_log_cate .join{font-size:13px;color:#1552a2;font-weight:600;border:1px solid #c9d8ec;border-radius:20px;padding:7px 14px;transition:all .2s;}
#mb_login .mb_log_cate .join:hover{background:#1552a2;color:#fff;}
#mb_login #login_fs .frm_input{margin-bottom:10px;}
#mb_login #login_info{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:13px;}
#mb_login #login_info label{color:#666;}
#mb_login .login_if_lpl a{color:#888;text-decoration:underline;text-underline-offset:3px;}
#mb_login .login_if_lpl a:hover{color:#1552a2;}

/* 회원가입 1단계: 약관 동의 */
.register{max-width:760px;margin:30px auto 60px;text-align:left;}
.register section{margin-bottom:26px;}
.register h2{font-size:17px;color:#222;margin-bottom:10px;font-weight:600;}
.register textarea, .register .fregister_agree textarea{width:100%;height:160px;border:1px solid #e0e4ea;border-radius:10px;padding:14px;background:#fafbfd;font-size:13px;line-height:1.7;color:#555;box-sizing:border-box;resize:vertical;}
.register .fregister_agree{border:0;padding:0;}
.register .fregister_agree .chk_box{margin-top:10px;font-size:14px;color:#444;}
#fregister_chkall{margin:6px 0 24px;padding:16px 18px;background:#eef4fb;border:1px solid #d8e5f5;border-radius:10px;font-size:15px;font-weight:600;color:#1552a2;}
.register .btn_confirm{margin-top:8px;text-align:center;}
.register .btn_submit{min-width:220px;height:52px;background:#1552a2;color:#fff;border:0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;}
.register .btn_submit:hover{background:#0f3f7e;}

/* 회원가입 2단계: 정보 입력 (mbskin 카드 폭 확장) */
#register_form{max-width:760px;margin:0 auto;text-align:left;}
.mbskin:has(#register_form),.mbskin:has(.tbl_frm01){max-width:800px;}
.mbskin .tbl_frm01{border-top:2px solid #1552a2;}
.mbskin .tbl_frm01 th{width:130px;background:#f7f9fc;font-size:14px;color:#333;padding:12px 14px;text-align:left;}
.mbskin .tbl_frm01 td{padding:10px 14px;}
.mbskin .tbl_frm01 .frm_input{height:44px;}
.mbskin .btn_frmline{height:44px;padding:0 14px;background:#5b7ba6;color:#fff;border:0;border-radius:6px;cursor:pointer;}

/* 비밀번호 찾기 등 좁은 카드 공통 마무리 */
.mbskin p{font-size:13px;color:#777;line-height:1.6;}

@media (max-width:768px){
  .mbskin{max-width:100%;padding:0 15px;}
  .mbskin .mbskin_box{padding:28px 20px;}
  .register{padding:0 15px;}
  .mbskin .tbl_frm01 th{width:96px;}
}
/* 약관 textarea — 스킨 ID 셀렉터(#fregister) 우선순위 보강 */
#fregister textarea{background:#fafbfd;border:1px solid #e0e4ea;border-radius:10px;padding:14px;color:#555;}

/* ===== 회원가입 정보입력 폼 리스타일 (basic 스킨 ul 구조 — 2026-07-13) ===== */
#register_form{max-width:760px;margin:0 auto 10px;background:transparent;text-align:left;}
#register_form h2{padding:0 0 14px;margin-bottom:18px;border-bottom:1px solid #eef1f5;font-size:17px;font-weight:600;color:#1552a2;}
#register_form .register_form_inner{background:#fff;border:1px solid #e5e8ee;border-radius:12px;padding:24px 26px 8px;margin-bottom:22px;box-shadow:0 4px 16px rgba(21,82,162,0.04);}
#register_form .register_form_inner ul{padding:0;overflow:hidden;list-style:none;}
#register_form .register_form_inner li{margin-bottom:18px;}
#register_form .register_form_inner label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4;}
#register_form .frm_input{height:46px;border:1px solid #d7dbe2;border-radius:8px;padding:0 14px;font-size:15px;box-sizing:border-box;margin:0 0 4px;}
#register_form .frm_input:focus{border-color:#1552a2;outline:none;box-shadow:0 0 0 3px rgba(21,82,162,0.1);}
#register_form .half_input{width:calc(50% - 9px);float:left;}
#register_form .half_input.margin_input{margin-right:18px;}
#register_form select{height:46px;border:1px solid #d7dbe2;border-radius:8px;padding:0 10px;background:#fff;}
#register_form textarea{border:1px solid #d7dbe2;border-radius:8px;padding:12px;box-sizing:border-box;}
#register_form .btn_frmline{height:46px;padding:0 16px;background:#5b7ba6;color:#fff;border:0;border-radius:8px;cursor:pointer;}
#register_form .tooltip{border-radius:6px;}
#fregisterform .btn_confirm{margin:30px 0 60px;text-align:center;}
#fregisterform .btn_confirm .btn_submit{min-width:240px;height:52px;background:#1552a2;color:#fff;border:0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin:0;float:none;}
#fregisterform .btn_confirm .btn_submit:hover{background:#0f3f7e;}
@media (max-width:600px){
  #register_form .half_input{width:100%;float:none;margin-right:0;}
  #register_form .register_form_inner{padding:20px 16px 6px;}
}

/* ===== GNB 드롭다운 hover 안정화 (2026-07-15) =====
   메뉴 항목과 드롭다운 사이 10px 간격을 건널 때 :hover가 풀려
   메뉴가 사라지던 문제 — 투명 브리지로 hover 영역을 연결 */
.sub-menu::before{content:'';position:absolute;top:-26px;left:-10px;right:-10px;height:26px;}

/* 자체 비주얼 스킨(notice-hyo)용: 셸 래퍼 전체 폭 해제 */
.bbsWrap-full{max-width:none;padding:0;margin:0 auto 80px;}
.bbsWrap-full #bo_list,.bbsWrap-full #bo_v,.bbsWrap-full #bo_w{max-width:1200px;margin-left:auto;margin-right:auto;padding:0 15px;box-sizing:border-box;}

/* ===== FontAwesome 아이콘 복구 (2026-07-16) =====
   원본 CSS의 *{font-family:Pretendard !important}가 아이콘 글리프 폰트까지
   덮어 게시판 아이콘이 전부 깨지던 문제 */
.fa{font-family:FontAwesome !important;}

/* 로그인 카드: 회원가입 CTA를 로그인 버튼 아래 전폭 배치 */
#mb_login .btn_register_link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:48px;margin-top:14px;border:1px solid #c9d8ec;border-radius:8px;font-size:14px;color:#1552a2;background:#f7fafd;transition:all .2s;box-sizing:border-box;}
#mb_login .btn_register_link b{font-weight:700;}
#mb_login .btn_register_link:hover{background:#1552a2;color:#fff;border-color:#1552a2;}

/* ===== 모바일 메뉴 +/− 토글 정돈 (2026-07-13) =====
   기존: JS가 +→−로 글자를 바꾸는 동시에 구 다크테마 CSS가 버튼을 45° 회전(주황/파랑
   마름모)시켜 이중 동작으로 어색했음 → 회전·배경 제거, 글자 전환만 사용 */
.mnav-list .mobile-sub-toggle{position:absolute;right:16px;top:11px;transform:none;/* li가 펼쳐져도 부모 행에 고정 */width:30px;height:30px;background:transparent;border:1px solid #dde3ea;border-radius:6px;color:#8a94a2;font-size:16px;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s;}
.mnav-list .mobile-sub-toggle.active{background:#1552a2;border-color:#1552a2;color:#fff;transform:none;}