/*=================================================================================================
// 명    칭 : 레이아웃 스타일쉬트
// 처리내용 : 
// 작 성 자 : 2026-04-13 오현철 
//=================================================================================================*/
@import url("/modules/user/css/base.css");

/* 전체영역 */
#wrap {  }

/*-----------------------------------------------------------------------------
 *  Mobile버전 메뉴
 *----------------------------------------------------------------------------*/
/* Menu Btn */
.mMenuBtn { display:none; position:fixed; right:10px; top:33px; z-index:99999999; cursor:pointer; transition:all 0.3s ease; }
.burger { display:flex; outline:none; height:30px; width:30px; border:0px; padding:0px; background:transparent; transition:all 250ms ease-out; cursor:pointer; }
.burger:before,
.burger:after { content:""; width:30px; height:2px; position:absolute; background:#000; transition:all 250ms ease-out; will-change:transform; }
.burger:before { transform:translateY(0); }
.burger:after { width:20px; transform: translateY(12px); }
.on.burger:before { transform:translateY(10px) rotate(45deg); background:#000; }
.on.burger:after { width:30px; transform:translateY(10px) rotate(-45deg); background:#000; }


/* Mobile Menu */
.menuMo {position:fixed;width:320px;height:100% !important;right:-320px;top:0;background:#fff;z-index:9999999;overflow-x:hidden;overflow-y:auto;transition:right 0.3s;}
.menuMo_head {border-bottom: #ddd;}
.menuMo_head h2 { display:flex; align-items:center; justify-content:center; height:80px; }
.menuMo_head h2 img { max-width:60%; }
.menuMo_head .util {border-top:1px solid #ddd;padding: 15px 30px}
.menuMo_head .util .btn {display: inline-block;}
.menuMo_head .util .btn a {color:#000; font-weight: 600;}
.menuMo_head .util .btn a i {display: inline-block; vertical-align: baseline; margin-right: 5px;}
.menuMo_head .util .hdr_join a {color:#000;}
.menuMo_head .util .hdr_logout a {color:#000;}
.menuMo_head .util .hdr_modify a {color:#000;}

.member_wrap { display:flex; border-top:1px solid #ddd; }
.member_wrap li { position:relative; width:50%; text-align:center; font-size:18px; font-weight:500; }
.member_wrap li:first-child:before { content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd; }
.member_wrap li a { display:block; color:#000; padding:10px 0; }

.menuMo > ul.menuMoCont {border-top:1px solid #ddd; margin:0 0 20px 0;}
.menuMo > ul.menuMoCont > li {border-bottom:1px solid #ddd;}
.menuMo > ul.menuMoCont > li + li {}
.menuMo > ul.menuMoCont > li > a {position: relative;display:block;padding:10px 30px;font-size:18px; font-weight:500; color:#000;}
.menuMo > ul.menuMoCont > li > a:after {content: "";position: absolute;right:25px;top:21px;width: 8px;height: 8px;border:2px solid #000;border-top:none;border-left:none;transform: rotate(45deg)}
.menuMo > ul.menuMoCont > li.noSub > a:after {display: none;}
.menuMo > ul.menuMoCont > li > a.active {color:#000;font-weight:bold; background-color:#e5e5e5;}
.menuMo > ul.menuMoCont > li > a.active:after {border-color:#000;top:21px;transform: rotate(225deg)}
.menuMo > ul.menuMoCont > li div.mSubMenu {display: none;background:#f6f6f6;padding: 10px 0;}
.menuMo > ul.menuMoCont > li:first-child > a:after { content:""; display:none; }

.menuMo ul li ul li + li {/*border-top: 1px solid #999;*/}
.menuMo ul li ul li a {display:block;padding:10px 40px;font-size:16px;color:#000;font-weight:500;}
.menuMo ul li ul li a em {display: block; font-size: 14px;}

.m_sns_btn { display:flex; justify-content:center; }
.m_sns_btn li { width:25%; text-align:center; }
.m_sns_btn li img { width:70%; }



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

@media screen and (max-width:1240px){
  .mMenuBtn { display:block; }
  .burger {  }
}
@media screen and (max-width:960px){
  .mMenuBtn {  }
  .burger {  }
  .menuMo_head h2 .mob_logo {padding: 30px 30px 20px 30px;}
}
@media screen and (max-width:768px){
  .mMenuBtn {  }
  .burger:before, .burger:after {width: 25px;}
  .burger:after {width: 15px;transform: translateY(10px);}
  .on.burger:after {width: 25px;}
}
@media screen and (max-width:640px){

}



/*-----------------------------------------------------------------------------
 *  PC버전 헤더
 *----------------------------------------------------------------------------*/
/* 헤더영역 */
#header { border-bottom:1px solid #bbb; }

/* 헤더영역 - 로고 */
#header .top_logo { text-align:center; padding:58px 0 27px 0; }
#header .top_logo img { transition:all 0.5s; }

/* 헤더영역 - 메뉴 */
#header #lnb_wrap { position:relative; height:80px; width:100%; min-width:1200px; }
#header #lnb_wrap ul { display:flex; justify-content:center; z-index:999999; }
#header #lnb_wrap ul li { font-size:18px; padding:0 18px; letter-spacing:-1px; }
#header #lnb_wrap ul li:first-child { padding:0 18px 0 0; }
#header #lnb_wrap ul li:last-child { padding:0 0 0 18px; }
#header #lnb_wrap ul .dc_lnb_1depth a { line-height:80px; color:#333; font-weight:500; }
/*#header #lnb_wrap ul .dc_lnb_1depth a.on,*/
#header #lnb_wrap ul .dc_lnb_1depth a:hover { color:#f18900; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth { display:none; width:100%; position:absolute; left:0; background-color:rgba(255,255,255,0.9); padding:44px 0; border-top:1px solid #bbb; border-bottom:1px solid #bbb; z-index:999999; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort { display:flex; width:1200px; margin:0 auto; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort h2 { width:300px; font-size:30px; text-align:center; padding:0 0 130px 0; margin:0 50px 0 0; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort ul { display:flex; flex-wrap:wrap; justify-content:flex-start; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort ul li { width:135px; text-align:left; font-size:16px; padding:0; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort ul li a { line-height:45px; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort ul li a:hover { color:#f18900; border-bottom:3px solid #f18900; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort h2.sub11_tit { background:url("../img/common/lnb_icon_11.png") center bottom no-repeat; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort h2.sub30_tit { background:url("../img/common/lnb_icon_30.png") center bottom no-repeat; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort h2.sub40_tit { background:url("../img/common/lnb_icon_40.png") center bottom no-repeat; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort h2.sub50_tit { background:url("../img/common/lnb_icon_50.png") center bottom no-repeat; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort h2.sub60_tit { background:url("../img/common/lnb_icon_60.png") center bottom no-repeat; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort h2.sub70_tit { background:url("../img/common/lnb_icon_70.png") center bottom no-repeat; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort h2.sub80_tit { background:url("../img/common/lnb_icon_80.png") center bottom no-repeat; }
#header #lnb_wrap ul .dc_lnb_1depth .dc_2depth .center_sort h2.sub90_tit { background:url("../img/common/lnb_icon_90.png") center bottom no-repeat; }



#container { max-width:100%; }

.sub_title { width:1200px; margin:0 auto; font-size:40px; line-height:125px; text-align:center; }
.sub_menu_wrap { width:100%; background:#aa95b4; }
.sub_menu_wrap .menu_list { text-align:center; line-height:50px; font-size:16px; word-wrap:break-word; word-break:keep-all; }
.sub_menu_wrap .menu_list a { padding:0 10px; color:#fff; }
.sub_contents { width:1045px; min-height:500px; margin:0 auto; }

#footer { background:#353840; padding:0 0 30px 0; }
#footer .foot_contents { display:flex; justify-content:space-between; width:1200px; margin:0 auto; }
#footer .foot_link { border-bottom:1px solid #929292; margin:0 0 33px 0; }
#footer .foot_link .foot_agree { display:flex; }
#footer .foot_link .foot_agree li { margin:0 10px; font-size:16px; line-height:46px; }
#footer .foot_link .foot_agree li a { color:#fff; }
#footer .foot_link .top_btn {  }
#footer .foot_logo { width:390px; text-align:center; }
#footer .copyright { width:810px; color:#ccc; font-size:14px; line-height:20px; }

#m_footer { display:none; }

#notice_toggle_btn { position:absolute; top:167px; left:-51px; width:50px; height:50px; background:#333; border-top-left-radius:20px; border-bottom-left-radius:20px; text-align:center; z-index:9990; }
#noticeWrap { background:#fff; height:100%; border-left:solid 1px #e1e1e1; right:0; min-height:768px; position:fixed; top:0; width:160px; z-index:999999; }
#noticeWrap2 { background:#fff; height:100%; border-left:solid 1px #e1e1e1; right:-160px; position:absolute; top:0; width:160px; z-index:9991; }
#container22 { width:160px; padding:102px 87px; height:100% !important; }
#notice {	height:100%; }
#notice .dcLoginBox { height:133px; padding:20px 0; border-bottom:solid 1px #e1e1e1; box-sizing:border-box; }
#notice .dcLoginBox a { display:block; width:100px; height:40px; text-align:center; font-size:18px; font-weight:bold; color:#f18900; line-height:40px; border:solid 1px #e1e1e1; margin:0 auto 14px; }
#notice .dcLoginBox p { text-align:center; font-size:14px; color:#1a1a1a; line-height:19px; }
#notice .member_info { padding:20px 0; border-bottom:solid 1px #e1e1e1; }
#notice .member_info .member_logo { text-align:center; margin:0 0 10px 0; }
#notice .member_info .member_name { text-align:center; font-size:16px; color:#1a1a1a; }
#notice .member_info .member_name span { font-size:18px; font-weight:bold; }
#notice .dcQuickList {  }
#notice .dcQuickList a { display:block; text-align:center; font-size:14px; color:#1a1a1a; line-height:50px; border-bottom:solid 1px #e1e1e1; }
#notice .dcQuickList a span { color:#a5753d; font-weight:bold; }
#notice .dc_quick_sns {  }
#notice .dc_quick_sns a { display:block; border-bottom:1px solid #bbb; }
#notice .dcQuickCustom { padding:15px 0; }
#notice .dcQuickCustom p { text-align:center; }
#notice .dcQuickCustom p.dcP01 { font-size:16px; color:#1a1a1a; line-height:20px; }
#notice .dcQuickCustom p.dcP02 { font-size:22px; color:#1a1a1a; line-height:40px; font-weight:bold; }
#notice .dcQuickCustom p.dcP03 { font-size:12px; color:#666; line-height:18px; }
#notiChild { height:100%; }
#notice_toggle_btn a.open { display:block; line-height:50px; z-index:9990; }
#notice_toggle_btn a.close { display:none; line-height:50px; z-index:9990; }
#btn-top { left:0; position:absolute; top:258px; z-index:9990; }
#container22 .box { float:left; margin:5px 7px; }

.quick_counsel_wrap { width:100%; position:fixed; bottom:0; left:0; transition:all 0.5s; z-index:9999999; }
.quick_counsel_wrap .btn { text-align:center; }
.quick_counsel_wrap .btn span { display:inline-block; padding:5px 15px 0 15px; background:#f18900; border-radius:15px 15px 0 0; color:#fff; line-height:22px; cursor:pointer; }
.quick_counsel_wrap .btn span i { transform:rotate(0); transition:all 0.5s; }
.quick_counsel_wrap .counsel_wrap { width:100%; background:#353840; padding:20px 0; }
.quick_counsel_wrap .counsel_wrap .counsel_tit { text-align:center; color:#fff; font-size:20px; font-weight:700; margin:0 0 20px 0; }
.quick_counsel_wrap .counsel_wrap .inner { width:1200px; margin:0 auto; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con { display:flex; align-items:center; margin:0 0 10px 0; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl { display:flex; align-items:center; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dt { margin:0 10px 0 0; font-size:16px; color:#fff; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dd { margin:0 20px 0 0; color:#fff; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dd input { border:1px solid #ddd; line-height:40px; font-size:16px; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dd .text_input { width:100px; text-align:center; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dd .num_input { width:100px; text-align:center; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dd .memo_input { width:450px; padding:0 10px; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con .counsel_btn { width:100px; line-height:40px; text-align:center; font-size:16px; font-weight:700; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con .counsel_btn a { display:block; background:#f18900; color:#fff; }
.quick_counsel_wrap .counsel_wrap .inner .private_wrap { display:flex; justify-content:flex-end; align-items:center; font-size:14px; margin:0 125px 0 0; }
.quick_counsel_wrap .counsel_wrap .inner .private_wrap input { margin:0 10px 0 0; }
.quick_counsel_wrap .counsel_wrap .inner .private_wrap label { margin:0 10px 0 0; color:#fff; }
.quick_counsel_wrap .counsel_wrap .inner .private_wrap a { color:#bbb; }

.bottom_on { bottom:-161px; transition:all 0.5s; }
.bottom_on .btn span i { transform:rotate(-180deg); transition:all 0.5s; }

@media screen and (max-width:1240px){ 
#lnb_wrap { display:none; }

#header .top_logo { display:flex; text-align:left; align-items:center; height:80px; padding:0 0 0 20px; }
#header .top_logo img { width:70%; }
#header.fixed { position:fixed; width:100%; background:#fff; z-index:99999; }

#container { width:100%; }

.sub_title { max-width:100%; font-size:30px; line-height:100px; }
.sub_contents { width:100%; margin:0; }
.sub_contents img { max-width:100%; }

#footer { display:none; }

#m_footer { display:block; width:100%; background:#353840; padding:9px 0 22px 0; }
#m_footer .dc_footer_btn { text-align:center; }
#m_footer .dc_footer_btn a { background:#3d4049 ; border:1px solid #26292e; border-radius:3px; display:inline-block; line-height:25px; margin:0 2px;padding:0 7px; color:#c3c3c3; }
#m_footer p { text-align:center; color:#fff; margin:3% 0; }
#m_footer .dc_privacy { text-align:center; margin:8px 0 5px 0; }
#m_footer .dc_privacy a { color:#9e9e9e; }

#noticeWrap { display:none; }
#notice_toggle_btn { display:none; }

.quick_counsel_wrap .counsel_wrap { padding:20px; height:224px; }
.quick_counsel_wrap .counsel_wrap .inner { width:100%; height:100%; margin:0; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con { justify-content:space-between; align-items: stretch; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl { flex-wrap:wrap; width:70%; font-size:14px; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dt { width:25%; margin:0; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dd { display:flex; justify-content:space-between; align-items:center; width:75%; margin:0 0 5px 0; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dd:last-child { margin:0; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dd input { width:100%; line-height:30px; font-size:14px; border:0; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dd .text_input { width:100%; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dd .num_input { width:30%; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con dl dd .memo_input { width:100%; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con .counsel_btn { display:flex; justify-content:center; align-items:center; width:28% !important; background:#f18900; }
.quick_counsel_wrap .counsel_wrap .inner .counsel_con .counsel_btn a { display:block; color:#fff; font-weight:900; }
.quick_counsel_wrap .counsel_wrap .inner .private_wrap { margin:0; }
.quick_counsel_wrap .counsel_wrap .inner .private_wrap input { margin:0 5px 0 0; }
.quick_counsel_wrap .counsel_wrap .inner .private_wrap label { margin:0 0px 0 0; padding-left:0; color:#fff; }
.quick_counsel_wrap .counsel_wrap .inner .private_wrap a { color:#bbb; }
.bottom_on { bottom:-224px; transition:all 0.5s; }
.bottom_on .btn span i { transform:rotate(-180deg); transition:all 0.5s; }
}

@media screen and (max-width:768px){ 

#header .top_logo img { width:60%; }

.sub_title { font-size:24px; line-height:80px; }
.sub_menu_wrap { overflow:auto; }
.sub_menu_wrap .menu_list { text-align:center; line-height:50px; font-size:16px; }
.sub_menu_wrap .menu_list a { padding:0 10px; color:#fff; }
.sub_menu_wrap .inner_11 {  }
.sub_menu_wrap .inner_30 { width:799px; }
.sub_menu_wrap .inner_40 { width:763px; }
.sub_menu_wrap .inner_50 { width:704px; }
.sub_menu_wrap .inner_60 { width:971px; }
.sub_menu_wrap .inner_70 {  }
.sub_menu_wrap .inner_80 {  }
.sub_menu_wrap .inner_90 {  }
}