@charset "utf-8";
/* basic headmenu 19 : more.goe.go.kr only
 2020.03.05 SSJ
 2020.03.11 SSJ
 2025.08.11 JRA
 2025.09.15 SSJ
*/


.wrap { width:100%; } 
#top { position:relative; float:left; width:100%; } 
.head-group { clear:both; position:relative; float:left; width:100%; box-sizing:border-box; z-index:999 !important; position:absolute; top: 0; padding-top: 10px; transition:background 1s; } 
.head-group:hover { background: rgba(255,255,255,0.8); } 
.header { width:100%; position:absolute; z-index:990; height:30px; /* background:#033b16; */ } 
.header .inner { width:100%; max-width:1300px; margin:0 auto; /* padding:0 75px; */box-sizing:border-box; position: relative; text-align: right; } 

.header .inner #usrty {position: relative;display: inline-block;width: auto;height: 30px;line-height: 40px;/* margin-right: 13px; */font-weight: 600;padding-right: 5px;} 
.header .inner #usrty a {display: inline-block;vertical-align: middle;font-size: 15px;position: relative;/* padding-right: 14px; */margin-top: -17px;border-color: #ccc;} 
.header .inner #usrty a:after {content:"|";display: inline-block;position: absolute;right: 0;top: 0;font-weight: 400;opacity: 0.5;font-size: 14px;display: none;} 


 @media (max-width:990px){
 .head-group { top:0; padding-top:0; } 
 .mainVisual .swiper-slide { padding-bottom:80%; } 
 }

ul.gnb1 { display:none; } 
ul.gnb {float:right;width: auto;height:30px;clear:both;overflow:hidden;box-sizing:border-box;text-align:right;padding-right: 45px;} 
ul.gnb li {display:inline-block;line-height:30px;font-size: 14px;margin:0 3px 0 0;} 
ul.gnb li a {/* color:#fff; */line-height:30px;height:30px;font-family: 'Noto Sans KR';} 
ul.gnb li a:before { content:"\b7"; float:left; padding-right:3px; } 
ul.gnb li:first-child a:before { display:none; } 
ul.gnb li a:hover { color:#333; font-weight:600; } 
ul.gnb li:last-child a { border-right:none; padding-right:0; } 
ul.gnb li.link-group { padding:0; border:none; } 
ul.gnb li.link-group select { margin-top:-2px; height:25px !important; line-height:25px; font-size:12.5px; box-sizing:border-box; background: url(/images/wzwg/cmm/arrow_black.png) no-repeat right 5px center; appearance:none; -webkit-appearance:none; padding:0 20px 0 5px; background-size:6px; border:1px solid #333; } 
ul.gnb li.link-group select::-ms-expand { opacity:0; } 


.menu { width:100%; height:80px; /* background:#fff; */float:left; position:relative; z-index:1; /* border-bottom:1px solid #ddd; */ } 
.menu .inner { width:100%; max-width:1300px; margin:0 auto; box-sizing:border-box; height:80px; line-height:80px; vertical-align:middle; text-align:right; display:table; } 
.menu .logo {/* float:left; */width: 20%;height:80px;padding:0 10px;line-height:80px;text-align:left;box-sizing:border-box;display:table-cell;vertical-align:middle;} 
.menu .logo a img { width:auto; max-height:60px; max-width:100%; display:inline-block; vertical-align:middle; } 

.lnb {width:auto;max-width: 70%;text-align:right;display:inline-block;vertical-align:middle;line-height:normal;display:table-cell;} 
.lnb > li {width:auto !important;color:#fff;/* position:relative; */display:inline-block;vertical-align:middle;font-size: 18px;/* position: relative; */} 
.lnb > li.selected { border:none !important; } 
.lnb > li:last-child:after { content:""; display:none; } 
.lnb > li > a {height:25px;line-height:25px;display:block;text-align:center;/* font-size:16px; */font-weight: 600;padding: 0 15px 0 0;word-break: keep-all;font-family: 'Noto Sans KR';} 
.lnb > li > a:before {content:"|";float:left;opacity:0.4;font-weight:200;color:#333;padding: 0 15px 0 0;font-size:10px;} 
.lnb > li:first-child a:before { content:""; display:none; } 
.lnb > li:last-child > a:after { display:none; } 
.lnb > li > a:hover { opacity:0.9; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; } 
.lnb > li.selected > a {border:none !important;/* color:#333; *//* text-decoration:underline; */} 
.lnb > li > ul {display:none;position:absolute;top: 52px;background: rgba(255,255,255,0.8);color:#333;text-align:center;width: calc(100% + 20px) !important;min-width: 220px;padding: 15px 0;} 
.lnb > li:last-child > ul { margin-left:0; } 
.lnb > li > a + ul > li {width:100%;height:auto;float:left;font-size: 0.9em;position: relative;} 
.lnb > li > a + ul > li.mnGroup { position:relative; } 
.lnb > li > a + ul > li.mnGroup:after {content:"";width: 7px;height: 7px;border: 1px solid #333;border-width: 0px 1px 1px 0;display:inline-block;transform: rotate(45deg);position:absolute;right: 12px;top: 13px;line-height:28px;font-size: 13px;color:#333;} 
.lnb > li > a + ul > li.selected:after {transform: rotate(-134deg);top: 15px;} 
.lnb > li > a + ul > li.selected { border:none !important; background:rgba(255,255,255,0.2); color:white; } 
.lnb > li > a + ul > li.selected > a { color:#333; font-weight:400; } 
.lnb > li > a + ul > li.selected:before {content: "\2B24";color: #333;float: left;line-height: 150%;margin-left: 8px;font-size: 7px;position: absolute;left: 0;top: 14px;} 
.lnb > li > a + ul > li > a {display:block;padding: 6px 30px 6px 20px;line-height: 140%;text-align:left;font-family: 'Noto Sans KR';word-break: keep-all;} 
.lnb > li > a + ul > li > a:hover { font-weight:600; } 
.lnb > li > a + ul > li:hover:before {content:"\2B24";color:#333;float:left;line-height: 150%;margin-left: 8px;font-size: 7px;position: absolute;left: 0;top: 14px;} 
.lnb > li > a + ul > li > a:focus { /* background:#cb2108; *//* color:#fff; */ } 
.lnb > li > a + ul > li > a + ul {background:rgba(255,255,255,0.2);border-bottom:1px dotted #ddd;/* border-top:1px dotted #ddd; */color:white;padding: 5px 20px 15px 20px;} 
.lnb > li > a + ul > li:last-child > a + ul { border-bottom:none; } 
.lnb > li > a + ul > li > a + ul > li { width:100%; clear:both; text-align:left; font-size: 0.9em; } 
.lnb > li > a + ul > li > a + ul > li a {color:#333;display:block;padding:3px 0px;line-height:19px;text-indent:0px;padding-left:10px;font-family: 'Noto Sans KR';} 
.lnb > li > a + ul > li > a + ul > li:before { content:"-"; float:left; padding-right:3px; color:#333; line-height:23px; } 
.lnb > li > a + ul > li > a + ul > li a:hover { color:#333; text-decoration:underline; } 
.lnb > li > a + ul > li > a + ul > li a:focus { color:#333; text-decoration:underline; } 

/* allmenu (sitemap-popup btn) */
.btn_wrap { /* position:absolute; *//* top:0; *//* left: 0; */width: 40%; float: left; text-align: left; } 
.all_menu { /* width:30px; */margin:0; display:table-cell; text-align:center; vertical-align:middle; position:relative; text-align:left; /* float: right; */position: absolute; right: 0; top: 0; } 
.all_menu .btn_allmenu {display:inline-block;width: 30px;height: 30px;font-size: 14px;line-height: 30px;color: #fff;background: #333;text-indent: -9999px;background: url("/sample/templatehead/img/menuBar_white.png") #333 no-repeat center;background-size: 14px;} 
.all_menu .btn_allmenu:before { content:"\f0c9"; font-family:FontAwesome; margin-right: 5px; vertical-align: middle; float: left; font-size: 20px; } 

.all_menu .wzpopup-wrap { display:none; } 
.all_menu .wzpopup .pop-container { text-align:left; } 
.all_menu #fade { display:none; } 

 @media (min-width:991px){
 .fixedhead .menu .inner .all_menu { height:50px; line-height:normal; } 
 }
 @media (max-width:990px){
 .all_menu .btn_allmenu { display:none; } 
 .btn_wrap { position:absolute; top:0; width: 100%; height: 0; box-sizing: border-box; } 
 }
 @media (min-width:1300px){
  .lnb > li {position:relative;}
  .lnb > li:first-child > ul {margin-left: -20px;} 
 }




.menu ul#m_nav { display:none; } 



/* mobile popup menu design */
.showMenu { width:50px; height:50px; cursor:pointer; background:url("/sample/templatehead/img/menuBar.png")no-repeat center; position:absolute; top:0; left:0; } 

#m_nav { float:left; width:95%; max-width:400px; height:calc(100vh - 100px); overflow-y:scroll; background:#fff; padding:0 0 20px; position:absolute; top:50px; left:0; text-align:left; box-shadow:1px 2px 5px 0px rgba(0,0,0,0.1); box-sizing:border-box; } 
 #m_nav > li { width:100%; float:left; box-sizing:border-box; position:relative; border-bottom:1px solid #f3f3f3; } 
 #m_nav > li > a { width:100%; font-size:14px; float:left; padding:13px 30px 13px 20px; line-height:20px; font-weight:600; display:block; box-sizing:border-box; } 
 #m_nav > li.mnGroup { position:relative; } 
 #m_nav li.mnGroup.selected { border-bottom:none; } 
 #m_nav > li.mnGroup > a:after { content:"\276D"; display:inline-block; transform:rotate(90deg); position:absolute; right:15px; top:13px; } 
 #m_nav li.mnGroup.selected > a:after { transform:rotate(-90deg) !important; margin-right:-2px; } 
 #m_nav li a { color:#333; word-break:keep-all; } 
 #m_nav li > a:hover { color:#2d59b0; } 
 #m_nav li > ul { float:left; background:#f7f7f7; width:100% } 
 #m_nav li > ul > li { float:left; width:100%; border-bottom:1px solid #eee; } 
 #m_nav li > ul > li.mnGroup > a:after { content:"\276D"; display:inline-block; transform:rotate(90deg); position:absolute; right:15px; top:10px; } 
 #m_nav li > ul > li > a { float:left; width:100%; font-size:13px; padding:11px 20px 11px 25px; height:auto; line-height:18px; position:relative; box-sizing:border-box; } 
 #m_nav li ul li ul { background:#ececec; width:100%; } 
 #m_nav li ul li ul li { border-bottom:1px solid #e3e2e2; } 
 #m_nav li ul li ul li:last-child { border-bottom:none; } 
 #m_nav li ul li ul li a { padding-left:35px; } 

 /* popup login menu */
 #m_nav > li.mobile_gnb, #m_nav > li:last-child { background:#2b2b2b; } 
 #m_nav > li.mobile_gnb ul li, #m_nav > li:last-child ul li { width:33.33%; box-sizing:border-box; float:left; text-align:center; border:1px solid rgba(255,255,255,0.2); border-width:1px 1px 1px 0; margin-top:-1px; line-height:70px; } 
 #m_nav > li.mobile_gnb ul li:nth-child(3n), #m_nav > li:last-child ul li:nth-child(3n) { border-right:none; } 
 #m_nav > li.mobile_gnb ul li:nth-child(3n+1), #m_nav > li:last-child ul li:nth-child(3n+1) { clear:both; } 
 #m_nav > li.mobile_gnb ul li a, #m_nav > li:last-child ul li a { color:#fff; width:100%; line-height:20px; vertical-align:middle; display:inline-block; } 

 #m_nav > li:last-child ul li.link-group { } 
 #m_nav > li:last-child ul li.link-group a:after { display:none; } 
 #m_nav > li:last-child ul li.link-group select { width:92%; background:transparent; color:#fff; border-radius:2px; line-height:30px; height:30px; border-color:rgba(255,255,255,0.3); } 
 #m_nav > li:last-child ul li.link-group select option { background:white; color:black; } 

 
 @media (max-width:990px){
 .header { height: 0; } 
 ul.gnb, ul.lnb { display: none !important; } 

 .menu { height:50px; border-bottom:none; } 
 .menu .inner { padding:0; display:block; height:50px; /*border-bottom:1px solid #ddd; */overflow:hidden; } 

 .menu .logo { width:100%; height:50px; line-height:50px; text-align:center; padding:0 15px; display:block; background:#fff; } 
 .menu .logo a img {max-height:35px;max-width: 200px;} 
 .showMenu, .menu:hover .showMenu { height:51px; overflow:hidden; } 
 }





/* PC ver_ left menu */
 @media all and (min-width:991px) and (max-width:1400px){
 .header .inner { /* padding:0 15px; */ } 
 }
 @media all and (min-width:991px) and (max-width:1500px){
 .lnb > li:last-child > ul { right: 3px; } 
 }
 @media all and (min-width:991px) and (max-width:1300px){
 .lnb > li > ul { width:100% !important; left:0; right:0; top:80px; padding:0 20px 0 200px; box-sizing:border-box; text-align:left; border-width:1px 0 0; border-top:1px solid #ddd; } 
 .lnb > li > a + ul > li { display:inline-block; width:auto; } 
 .lnb > li > a + ul > li > a { padding:5px 10px 5px 20px; line-height:25px; } 
 .lnb > li > a + ul > li.selected { position:relative; } 
 .lnb > li > a + ul > li > a + ul { position:absolute; top:35px; width:200px; box-sizing:border-box; padding:5px 10px; background:rgba(255,255,255,0.5); border-bottom:none; } 
 .lnb > li > a + ul > li:hover:before,
 .lnb > li > a + ul > li.selected:before { position:absolute; margin-left:7px; line-height:35px; } 
 .lnb > li > a + ul > li.mnGroup { padding-right:20px; } 
 .lnb > li > a + ul > li.mnGroup:after { line-height:35px; } 
 }



 @media all and (min-width:1051px){
 .menu ul#m_nav, .showMenu { display:none !important; } 
 }

 @media all and (min-width:991px) and (max-width:1050px){
 .menu ul#m_nav, .showMenu { display:none !important; } 

 ul.gnb { padding-left:10px; } 
 }

 @media all and (min-width:991px){
 .menu { height:80px; box-sizing:border-box; margin-top:30px; /* border-bottom:1px solid rgba(3,59,22,0.2); */ } 
 }



/*기타 컨텐츠부분 css*/
.copy.copy_position_lh { top:25%; } 
.copy.copy_position_lm { top:45%; } 
.copy.copy_position_ch { top:25%; } 
.copy.copy_position_cm { top:45%; } 
.copy.copy_position_rh { top:25%; } 
.copy.copy_position_rm { top:45%; } 
.copy.copy_position_ll { bottom:10%; } 
.copy.copy_position_cl { bottom:10%; } 
.copy.copy_position_rl { bottom:10%; } 

@media all and (min-width:991px){
 #sub_visual { height:300px; } 
 #sub_visual .sub_titbox p.bTitle { margin-top:180px; } 
 }
@media all and (max-width:599px){
 #sub_visual { height:200px; } 
 #sub_visual .sub_titbox p.bTitle { margin-top:120px; } 
 }

@media (min-width:800px){
 #sub_visual { height:250px !important; } 
 }







/* srchbox setting */
.lnb_search {width:30px;height:30px;display:inline-block;margin-left: -13px;margin-top: -2px;position: absolute;left: 14.5%;top: 0px;} 
.lnb_search .btn_search { font-size:0; line-height:0; float:left; } 
.lnb_search .btn_search:before { content:""; background:url(/images/wzwg/cmm/icon_set.png) no-repeat center; display:inline-block; width:30px; height:30px; background-position:-178px 5px; } 

#searchPannel { } 
#searchPannel .search_box { width:100%; height:100%; } 
#searchPannel .search_box .search_box_inner { width:100%; height:100%; } 
#searchPannel .search_box .search_box_inner input[type="text"]:focus { outline:auto; outline-color:#ddd; background:#f1f1f1; color:#333; } 
#searchPannel .search_box .search_box_inner input[type="text"]::placeholder { color:#333; } 

 @media (min-width:991px){
 #searchPannel {display: block !important;width: 40%;/* left:auto; *//* top:0; */right: 80px;/* height:100px; *//* position:absolute; */background: transparent;float: left;margin-top: -5px;} 
 #searchPannel .search_box .search_box_inner input[type="text"] {width: 100%;height:35px;border:none;border: 1px solid #ddd;/* margin-top: 40px; */font-size: 14px;color: #333;background: transparent;background: #fff;/* padding-right: 50px; */padding-left: 10px !important;padding-right: 35px;font-family: 'Noto Sans KR';} 
 }
 @media (max-width:990px){
 #searchPannel {position:absolute;top:0;right: 50px;width: calc(100% - 100px);height:50px;line-height:50px;text-align: center;} 
 #searchPannel .search_box .search_box_inner input[type="text"] { width:95%; } 
 .lnb_search {top: 15px;right: 10px;left: auto;} 
}

 


 /*회원유형 디자인 추가*/ 
 #usrty { display: inline-block; font-size: 15px; line-height: 40px; padding-right: 15px; } 
 #usrty a {color: #333;font-weight: 600;padding: 4px 10px;font-family: 'Noto Sans KR';} 



@media (max-width: 990px){
 #usrty { display:none!important; } 
 }