.img-responsive {max-width: 100%;display: block;}
.img-center {margin: 0 auto;}
.max-height {height: 100%;}

.hide {position: absolute;left: -9999%;font-size: 0;line-height: 0;text-indent: -9999%;}
.container {width: 1220px;margin: 0 auto;padding-left: 10px;padding-right: 10px;}

.ac-allwrap {display: none;}
.wrapper {padding-top: 125px;}
.header {background-color: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 100;border-bottom: 1px solid #dcdcdc;}
.header_in {position: relative;}
.header_in h1 {z-index: 102;position: absolute;left: 0;top: 0;height: 100%;-webkit-box-align: center;align-items: center;display: flex;}
.header_in h1 a {font-size: 16px;color: #000;font-weight: 700;display: block;position: relative;width: 241px;height: 48px; margin-top: -50px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;background-image: url('../img/common/top_logo_pc.png');background-repeat: no-repeat;}
.gnb_area {height: 63px;position: relative;padding-left: 328px;}
.gnb_wrap {height: 100%;}

.gnb_wrap {height: 100%;position: relative;z-index: 1;}
.gnb_wrap .search {height: 100%;position: absolute;top: 0;right: 0;z-index: 5;}
.onsearch .gnb_wrap .search {z-index: 20;}
.gnb_in {height: 100%;-webkit-box-align: center;align-items: center;display: flex;justify-content: space-between;}
.gnb_in h1 {height: 100%;-webkit-box-align: center;align-items: center;display: flex;position: static;z-index: 10;}
.gnb {height: 100%;width: 100%;}
.gnb:before {content: "";display: table;}
.gnb:before {content: "";display: table;clear: both;}
.gnb .one .od {height: 100%;position: relative;}
.gnb .one .ona {width: 100%;-webkit-box-align: center;align-items: center;display: flex;height: 100%;font-size: 18px;color: #333;font-weight: 800;padding: 0;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;white-space: nowrap;}
.gnb .one.on .ona {color: #518DEB;}
.gnb .one {float: left;width: 25%;height: 100%;position: relative;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}

.header .sub_menu {width: 100%;height: 0;position: absolute;top: 63px;overflow: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.header .sub_menu li a {font-size: 16px;color: #333;font-weight: 600;display: inline-block;padding: 6px 0;transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;position: relative;}
.header .sub_menu li a:after {content: "";display: none;width: 100%;height: 2px;background-color: #EB6027;position: absolute;left: 0;bottom: 1px;}
.header .sub_menu li a:hover,
.header .sub_menu li.on a {color: #518DEB;}
.header .sub_menu li a:hover:after,
.header .sub_menu li.on a:after {display: block;}
.ongnb .header {background-color: #fff;}
.ongnb .header:before {height: 300px;opacity: 1;}
.ongnb .sub_menu {height: 300px;padding: 20px 0;}
.header:before {content: "";display: block;width: 100%;height: 0;background-color: #fff;width: 100%;position: absolute;left: 0;top: 125px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;opacity: 0;border-top: 1px solid #ddd;-webkit-box-shadow: 0 11px 14px rgb(0 0 0 / 12%);box-shadow: 0 11px 14px rgb(0 0 0 / 12%);}

.top_link_wrap {height: 62px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-moz-box-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;}
.top_link_wrap ul:before {content: "";display: table;}
.top_link_wrap ul:after {content: "";display: table;clear: both;}
.top_link_wrap ul li {float: left;padding-right: 20px;margin-right: 20px;position: relative;}
.top_link_wrap ul li:after {content: "";display: block;width: 1px;height: 16px;background-color: #ccc;position: absolute;right: 0;top: 0;}
.top_link_wrap ul li.tl_dbplus {padding-right: 0;margin-right: 0;}
.top_link_wrap ul li.tl_dbplus:after {display: none;}
.top_link_wrap ul li a {font-size: 14px;color: #333;font-weight: 600;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-box-pack: center;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.top_link_wrap ul li a {padding-left: 23px;}
.top_link_wrap ul li a:hover {color: #518DEB;}
.top_link_wrap ul li a:before {content: "";display: block;position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-position: 0 0;}
.top_link_wrap ul li.tl_login a:before {background-image: url('../img/common/top_link1.png');width: 14px;height: 18px;-webkit-background-size: 28px auto;background-size: 28px auto;}
.top_link_wrap ul li.tl_join a:before {background-image: url('../img/common/top_link2.png');width: 14px;height: 18px;-webkit-background-size: 28px auto;background-size: 28px auto;}
.top_link_wrap ul li.tl_pdb a:before {background-image: url('../img/common/top_link3.png');width: 14px;height: 18px;-webkit-background-size: 28px auto;background-size: 28px auto;}
.top_link_wrap ul li.tl_sdb a:before {background-image: url('../img/common/top_link4.png');width: 16px;height: 18px;-webkit-background-size: 33px auto;background-size: 33px auto;}
.top_link_wrap ul li.tl_dbplus a:before {background-image: url('../img/common/top_link5.png');width: 17px;height: 17px;-webkit-background-size: 33px auto;background-size: 33px auto;}

.top_link_wrap ul li.tl_login a:hover:before {background-position: -14px 0;}
.top_link_wrap ul li.tl_join a:hover:before {background-position: -14px 0;}
.top_link_wrap ul li.tl_pdb a:hover:before {background-position: -14px 0;}
.top_link_wrap ul li.tl_sdb a:hover:before {background-position: -16px 0;}
.top_link_wrap ul li.tl_dbplus a:hover:before {background-position: -17px 0;}

.input::placeholder {color: #A7A7A7;opacity: 1;}
.input::-webkit-input-placeholder {color: #A7A7A7;}
.input:-ms-input-placeholder {color: #A7A7A7;}
.input:-mos-input-placeholder {color: #A7A7A7;}

.btnset {overflow: visible;display: inline-block !important;outline: none !important;cursor: pointer !important;border-radius: 0;text-align: center !important;text-decoration: none !important;vertical-align: middle !important;border: 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s;transition: all 0.3s;background-color: #fff;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.ac-allwrap {position: absolute;width: 100%;top: 74px;left: 0;z-index: 102;}
.ac-allin_fix {position: relative;}
.ac-allin {position: absolute;right: 0;top: 0;}
.ac-allmenu {height: 76px;width: 55px;display: block;position: relative;z-index: 6000;cursor: pointer;}
.btn-menu {padding: 0;width: 100%;height: 100%;position: relative;background-color: transparent;}
.btn-menu .bar,
.btn-menu:after,
.btn-menu:before {position: absolute;z-index: 1;width: 55px;right: 0;height: 5px;background: #fff;cursor: pointer;-webkit-transition: 0.2s ease;-moz-transition: 0.2s ease;-ms-transition: 0.2s ease;-o-transition: 0.2s ease;transition: 0.2s ease;content: "";display: block;}
.btn-menu .bar {top: 35px;width: 44px;}
.btn-menu:after {top: 15px;}
.btn-menu:before {top: 56px;}

.total_menu_wrap {position: fixed;z-index: 101;width: 100%;top: 64px;left: 0;height: 100%;background-color: #fff;padding-top: 0;-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);box-shadow: 0 3px 6px rgb(0 0 0 / 16%);opacity:0;visibility:hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.total_menu {overflow: hidden;position: relative;}
.total_menu .one {font-size: 15px;height: 45px;color: #383838;font-weight: 700;-webkit-box-align: center;align-items: center;display: flex;letter-spacing: -0.5px;}
.smenu {padding-left: 25px;}
.smenu > ul {padding: 8px 0;}
.smenu > ul > li {padding: 4px 0;}
.smenu > ul > li > a {font-size: 15px;color: #383838;font-weight: 600;letter-spacing: -0.5px;transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;}
.smenu > ul > li > a:hover,
.smenu > ul > li > a.on {color: #05B3EC;}
.total_menu .item .onedepth {position: absolute;left: 10px;top: 0;}
.total_menu .onedepth .od {display: inline-flex;position: relative;overflow: hidden;}
.total_menu .onedepth .bar {width: 100%;position: absolute;height: 2px;overflow: hidden;background-color: #00266D;bottom: 7px;left: 0;}

.total_menu .item {padding-left: 130px;width: 100%;border-bottom: 1px solid #ddd;position: relative;}

.is-nav {overflow: hidden;}
.is-nav .tmenu span {display: none;}
.is-nav .tmenu:after {transform: rotate(-45deg);top: 15px;}
.is-nav .tmenu:before {transform: rotate(45deg);top: 15px;}
.is-nav .total_menu_wrap {opacity:1;visibility:visible;}

.footer {background-color: #F5F5F5;padding: 25px 0;position: relative;z-index: 0;}
.footer_in {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-moz-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-moz-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.copy_wrap .addr {font-size: 12px;color: #999;font-weight: 600;letter-spacing: -0.5px;text-align: right;margin-bottom: 3px;word-break: keep-all;line-height: 1.3;}
.copy_wrap .copy {font-size: 12px;color: #999;font-weight: 800;letter-spacing: -0.5px;text-align: right;}
.bottom_link {margin-bottom: 15px;overflow: hidden;}
.bottom_link .item {float: left;position: relative;padding-right: 16px;margin-right: 15px;}
.bottom_link .item:after {content: "";width: 1px;height: 13px;background-color: #ccc;position: absolute;right: 0;top: 2px;}
.bottom_link .item.last {padding-right: 0;margin-right: 0;}
.bottom_link .item.last:after {display: none;}
.bottom_link .item a {font-size: 16px;color: #666666;font-weight: 500;}
.bottom_link .item a:hover {text-decoration: underline;}
.bottom_link .item a strong {font-weight: 700;}
.xs-show {display: none;}
.is-nav .quick_wrap {right: -90px;}

::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-thumb {height: 10%;background: #C9CFD4;}
::-webkit-scrollbar-track {background: #fff;}

.quick_wrap {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: fixed;right: 220px;top: 175px;width: 90px;border-radius: 15px;z-index: 201;}
.quick_wrap_in {padding: 25px 15px 15px 15px;background-color: #518DEB;border-radius: 15px 15px 0 0;}
.quick_wrap .item {padding-bottom: 20px;margin-bottom: 20px;position: relative;}
.quick_wrap .item:after {content: "";display: block;height: 1px;width: 64px;left: 50%;margin-left: -32px;background-color: rgb(255 255 255 / 36%);position: absolute;bottom: 0;}
.quick_wrap .item.item4 {margin-bottom: 0;padding-bottom: 0;}
.quick_wrap .item.item4:after {display: none;}
.quick_wrap .item a {display: block;font-size: 14px;color: #fff;font-weight: 700;text-align: center;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: relative;}
.quick_wrap .item a:before {position: absolute;left: 50%;top: 0;content: "";display: block;background-position: 0 0;background-repeat: no-repeat;margin: 0 auto;}

.quick_wrap .item.item1 a {padding-top: 45px;}
.quick_wrap .item.item2 a {padding-top: 38px;}
.quick_wrap .item.item3 a {padding-top: 38px;}
.quick_wrap .item.item4 a {padding-top: 50px;}

.quick_wrap .item.item1 a:before {background-image: url('../img/common/quick_img1.png');width: 46px;height: 40px;margin-left: -23px;}
.quick_wrap .item.item2 a:before {background-image: url('../img/common/quick_img2.png');width: 43px;height: 29px;margin-left: -22px;}
.quick_wrap .item.item3 a:before {background-image: url('../img/common/quick_img3.png');width: 42px;height: 31px;margin-left: -21px;}
.quick_wrap .item.item4 a:before {background-image: url('../img/common/quick_img4.png');width: 41px;height: 34px;margin-left: -20px;}

.quick_wrap .item.item1 a:hover:before {background-position: -46px 0;}
.quick_wrap .item.item2 a:hover:before {background-position: -43px 0;}
.quick_wrap .item.item3 a:hover:before {background-position: -42px 0;}
.quick_wrap .item.item4 a:hover:before {background-position: -41px 0;}

.q_quick {display: none;}
.q_quick a {text-decoration: underline;background-color: #fff;border-radius: 15px 15px 0 0;height: 35px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;background-color: #1d2088;font-size: 14px;color:
#fff;font-weight: 500;position: relative;padding-top: 2px;}
.q_top a {background-color: #fff;border-radius: 0 0 15px 15px;height: 35px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;border: 2px solid #518DEB;border-top: none;font-size: 14px;color:
#1D2088;font-weight: 800;position: relative;padding-left: 13px;padding-top: 2px;}
.q_top a:hover {color: #05B3EC;}
.q_top a:before {content: "";display: block;background: url('../img/common/ico_top.png') no-repeat 0 0;width: 11px;height: 13px;position: absolute;left: 21px;top: 9px;}

.tmenu {display: none;width: 34px;height: 33px;border: 1px solid #ccc;border-radius: 8px;position: absolute;top: 50%;margin-top: -16px;right: 0;}
.tmenu span,
.tmenu:before,
.tmenu:after {content: "";display: block;width: 18px;height: 3px;background-color: #000;border-radius: 2px;position: absolute;left: 50%;margin-left: -9px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.tmenu:before {top: 8px;}
.tmenu span {top: 15px;}
.tmenu:after {top: 22px;}

.mb_banner_wrap {position: relative;z-index: 1;background-color: #fff;-webkit-box-shadow: 0 3px 20px rgb(0 0 0 / 10%);box-shadow: 0 3px 20px rgb(0 0 0 / 10%);}
.mb_slide {position: relative;padding: 0 30px;}
.mb_slide .item_in {height: 85px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;}
.mb_slide .owl-carousel .owl-item img {width: auto;margin: 0 auto;max-width: 100%;}
.mb_slide .owl-prev,
.mb_slide .owl-next {position: absolute;top: 50%;margin-top: -13px;background-repeat: no-repeat;width: 16px;height: 26px;text-indent: -99999px;font-size: 0;}
.mb_slide .owl-prev {background-image: url('../img/main/b_banner_prev.png');left: -30px;}
.mb_slide .owl-next {background-image: url('../img/main/b_banner_next.png');right: -30px;}

@media (max-width: 1850px) {
	.quick_wrap {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: fixed;right: 180px;width: 90px;border-radius: 15px;z-index: 201;}
}
@media (max-width: 1750px) {
	.quick_wrap {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: fixed;right: 80px;width: 90px;border-radius: 15px;z-index: 201;}
}
@media (max-width: 1700px) {
	.quick_wrap {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: fixed;right: 20px;width: 90px;border-radius: 15px;z-index: 201;}
}
@media (max-width: 1429px) {
	.quick_wrap {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: fixed;right: 10px;width: 90px;border-radius: 15px;z-index: 201;}
}

@media (max-width: 1399px) {
	.container {width: 980px;}
	.gnb_area {padding-left: 240px;}
	.header .sub_menu li a {font-size: 14px;}
}

@media (max-width: 1169px) {
	.container {width: 850px;}
	.gnb_wrap {display: none;}
	.top_link_wrap {display: none;}
	.tmenu {display: block;}
	.header_in h1 a {background-image: url('../img/common/top_logo_m.png');width: 241px;height: 48px; margin-top: 30px; -webkit-background-size: 100px auto;background-size: 100px auto;}
	.wrapper {padding-top: 64px;}
	.quick_wrap .item {padding-bottom: 10px;margin-bottom: 10px;}
	.quick_wrap {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: fixed;right: 10px; top:115px;width: 90px;border-radius: 15px;z-index: 201;}
	.quick_wrap {display: none;}
}

@media (max-width: 991px){
	.container {width: 700px;}
	.bottom_link .item a {font-size: 13px;}
}

@media (max-width: 767px){
	.container {width: 100%;}
	.quick_wrap {display: none;}
	.footer_in {display: block;}
	.bottom_link {margin-top: 15px;}
	.bottom_link .item {padding-right: 4px;margin-right: 2px;}
	.bottom_link .item a {font-size: 12px;}
	.bottom_link .item:after {top: 5px;height: 10px;}
	.copy_wrap .addr {text-align: center;}
	.copy_wrap .copy {text-align: center;}
	.footer_in .logo img {width: 100px;margin: 0 auto;}
	.copy_wrap {text-align: center;}
	.bottom_link {display: inline-block;}
	.total_menu_wrap .container {width: 100%;padding: 0;}
	.total_menu_scroll {overflow-y: auto;height: 100%;position: fixed;width: 100%;padding-bottom: 100px;}
	.smenu {padding-left: 10px;}
	.mb_slide .item_in {height: 55px;}
	.mb_slide {display: none;}
}

/* 2025-09-05 cykim */

/* 모바일화면 로그인/회원가입 표시 */
.gnb_member_links {display: none;}

@media screen and (max-width: 767px) {
    .top_link_wrap {display: none;}
    .gnb_area {position: relative;}
    .gnb_member_links {display: block;position: absolute;top: 25px;right: 50px;}
    .gnb_member_links ul {display: flex;align-items: center;list-style: none;margin: 0;padding: 0;}
    .gnb_member_links li {margin-left: 15px;}
    .gnb_member_links li:first-child {margin-left: 0;}
}

/* 드롭다운 css */
.gnb_member_links .user_menu { position: relative; }
.user_menu .dropdown_content {
    display: none; position: absolute; top: 20px; right: 0; background-color: #fff; 
    border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 8px 0; z-index: 10;
}
.user_menu.is-active .dropdown_content { display: block; }
.user_menu .dropdown_content li a { 
	display: block; padding: 10px 15px; font-size: 14px; color: #333;
	text-decoration: none; text-align: right; margin-left: -15px;
}
.user_menu .dropdown_content li a:hover { color: #518DEB !important; background-color: transparent; }