html,body {height: 100%;}
.img-responsive {max-width: 100%;display: block;}
.img-center {margin: 0 auto;}
.container {width: 1424px;padding-left: 12px;padding-right: 12px;}

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-thumb {background-color: #c3c6cd;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
::-webkit-scrollbar-track {background-color: #fff;border-radius: 10px;box-shadow: inset 0px 0px 5px white;}

.header {background-color: transparent;height: 100px;position: fixed;width: 100%;left: 0;top: 0; z-index: 10;}
.header .container {height: 100%;}
.header h1 {position: absolute;left: 0;top: 50%;margin-top: -28px;z-index: 50000;}
.header h1 a,
.header h1 a img {display: block;}
.header_in {position: relative;padding-left: 305px;height: 100%;}
.gnb_wrap {height: 100%;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;position: static;padding: 40px 96px 0 0;}
.gnb_wrap .mem_info {position: absolute;right: 0;top: 0;height: 100%;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;}
.gnb_wrap .mem_info .login {width: 60px;height: 24px;border-radius: 2px;border: 1px solid #B0B0B0;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;font-size: 12px;font-weight: 400;text-align: center;color: #111;}
.gnb_wrap .gnb {height: 100%;}
.gnb_wrap .gnb .one {height: 100%;float: left;position: relative;}
.gnb .one .onea {height: 100%;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;font-size: 22px;font-weight: 600;text-align: center;padding: 0 40px;color: #fff;}
.gnb .one.on .onea,
.gnb .one .onea:hover {color: #02296c;}

.gnb .one .onea span {display: flex;padding-bottom: 5px;position: relative;}
.gnb .one.on .onea span:after,
.gnb .one .onea:hover span:after {width: 100%;}

.gnb .one .onea span:after {content: "";display: block;width: 0;bottom: 0;height: 2px;position: absolute;left: 50%;transform: translate(-50%, 0);background-color: #02296c;transition: width .5s ease;-webkit-transition: width .5s ease;
-moz-transition: width .5s ease;}

.gnb_wrap .gnb .one.on .smenu {background-color: #f2f6fc;}

/*회원버튼 추가*/
.member_menu {height: 40px;position: absolute;right: 15px;top: 0;-webkit-box-align: center;align-items: center;display: flex;}
.member_menu a {font-size: 15px;color: #02296b;font-weight: 500;border: 1px solid #02296b;background-color: #fff;border-radius: 5px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;padding: 0 15px;height: 26px;}
.member_menu .mar {margin-right: 10px;}
.member_menu .mem_nm {font-size: 15px;color: #fff;font-weight: 500;}
.member_menu .mem_nm strong {color: #f7c303;font-weight: 700;}
.scrolled .member_menu .mem_nm,
.ongnb .member_menu .mem_nm {color: #000;}

.smenu {width: 100%;height: 0;position: absolute;top: 60px;left: 0;overflow: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;padding-left: 30px;}
.smenu > li > a {font-size: 18px;color: #000;font-weight: 500;display: block;padding: 9px 0;letter-spacing: -1px;}
.smenu > li > a:hover,
.smenu > li.on > a {color: #134aa9;}

.ssmenu {margin-bottom: 10px;}
.ssmenu > li > a {font-size: 16px;color: #555555;font-weight: 400;display: block;letter-spacing: -1px;padding: 2px 0 2px 10px;}
.ssmenu > li.on > a,
.ssmenu > li > a:hover {font-weight: 500;color: #134aa9;}
.header:before {content: "";display: block;width: 100%;height: 0;background-color: #fff;width: 100%;position: absolute;left: 0;top: 100px;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;visibility:hidden;opacity: 0;-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);box-shadow: 0 2px 5px rgb(0 0 0 / 10%);}

.ongnb .smenu {height: 370px;padding-top: 20px;padding-bottom: 20px;}
.sub .header,
.scrolled .header,
.ongnb .header {border-bottom: 1px solid #d8dadb;background-color: #fff;}
.ongnb .header:before {height: 370px;opacity: 1;visibility:visible;}
.sub .gnb .one .onea,
.scrolled .gnb .one .onea,
.ongnb .gnb .one .onea {color: #111;}
.scrolled .btn-menu .bar,
.scrolled .btn-menu:after,
.scrolled .btn-menu:before {background-color: #000;}
.sub .btn-menu .bar,
.sub .btn-menu:after,
.sub .btn-menu:before {background-color: #000;}
.ongnb .btn-menu .bar,
.ongnb .btn-menu:after,
.ongnb .btn-menu:before {background-color: #000;}

.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-allmenu {height: 36px;width: 36px;position: absolute;top: 50px;right: 15px;z-index: 50000;display: block;}
.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;height: 2px;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: 17px;right: 0;width: 19px;}
.btn-menu:before {top: 10px;right: 0;width: 23px;}
.btn-menu:after {top: 24px;right: 0;width: 23px;}
.is-nav .btn-menu .bar {display: none;}
.is-nav .btn-menu:after {transform: rotate(-45deg);top: 16px;width: 48px;background-color: #333;}
.is-nav .btn-menu:before {transform: rotate(45deg);top: 16px;width: 48px;background-color: #333;}
.is-nav.is-gnb .btn-menu:after {background-color: #fff;}
.is-nav.is-gnb .btn-menu:before {background-color: #fff;}
.hide {position: absolute;left: -9999%;font-size: 0;line-height: 0;text-indent: -9999%;}

.total-menu {background-color: #fff;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10010;-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-o-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);opacity:0;visibility: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.total-menu .container {height: 100%;}
.total-menu .cont_in {-webkit-box-align: center;align-items: center;display: flex;height: 100%;}
.total-menu .cont_infull {width: 100%;position: relative;}
.is-nav .total-menu {opacity: 1;visibility: visible;transform: translate(0px, 0%);}
.tmenu_logo {position: absolute;top: 41px;left: 50px;}
.tm_wrap {margin: 0 -50px;overflow: hidden;}
.tm_wrap .item {padding: 0 50px;float: left;width: 20%;}
.tm_tit {margin-bottom: 15px;}
.tm_tit a {padding-bottom: 20px;font-size: 32px;color: #02296b;font-weight: 700;display: block;border-bottom: 3px solid #02296b;}
.tm_menu .one .onea {font-size: 22px;color: #111111;font-weight: 500;padding: 8px 0;-webkit-box-align: center;align-items: center;display: flex;}
.tm_menu .one .onea:hover {color: #134aa9;}
.tm_smenu {margin-bottom: 20px;}
.tm_smenu li a {line-height: 1;font-size: 20px;color: #555555;font-weight: 400;padding: 8px 15px;display: block;position: relative;}
.tm_smenu li a:hover {color: #134aa9;}
.tm_menu .one:last-child .tm_smenu {margin-bottom: 0;}

.sub .main_roll_wrap {border-top: 1px solid #d8dadb;}
.main_roll {padding: 0 20px;position: relative;}
.main_roll .item {height: 100px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;}
.main_roll .owl-prev,
.main_roll .owl-next {width: 10px;height: 17px;position: absolute;top: 50%;margin-top: -8px;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;font-size: 0;}
.main_roll .owl-prev {left: -20px;background-image: url('../../img/public/main/roll_prev.png');margin-left: 0;}
.main_roll .owl-next {right: -20px;background-image: url('../../img/public/main/roll_next.png');margin-right: 0;}

.footer {background-color: #1c1f2b;padding: 95px 0;}
.footer_in {padding-left: 305px;position: relative;}
.blogo {position: absolute;left: 0;top: 0;}
.footer p {font-size: 16px;color: #cecfd2;font-weight: 500;line-height: 1.5;word-break: keep-all;}
.footer p strong {color: #cecfd2;font-weight: 600;}
.footer p .blank {display: inline-flex;margin: 0 5px;}

.top_go span {display: none;}
.top_go {width: 70px;height: 70px;border-radius: 50%;border: 1px solid #dadcdd;background-color: #fff;position:fixed;right: 35px;bottom:35px;z-index: 10000;opacity:0;visibility: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;}
.top_go:before {content: "";width: 25px;height: 29px;display: block;background-image: url('../../img/public/common/ico_top.png');background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: 0 0;margin: 0 auto;}
.top_go:hover {background-color: #f77703;border-color: #f77703;}
.top_go:hover:before {background-position: -25px 0;}
.scrolled .top_go {opacity:1;visibility: visible;}

/** 레이어팝업(230510추가) **/
.layerPopup{  z-index:1000}
.layerPopup h3{   height:40px; letter-spacing:-0.5px; line-height:40px; color:#fff;  padding:0 10px; background:#0086cd}
.layerPopup h3 span{ float:right; cursor:pointer; font-size:130%}
.layerPopup .content{ padding:25px;  text-align:center; background:#fff; overflow:hidden; overflow-y:auto; border:5px solid #0086cd; border-top:none}
.layerPopup .popup_class_bottom{height:40px; line-height:40px; padding-left:10px; background-color:#a9a8a7; overflow:hidden; position:relative; z-index:2000; background:#555; color:#fff;}
.layerPopup .popup_class_bottom input{ margin: -2px 5px 0 0;vertical-align: middle;font-size: 13px;}
.layerPopup .popup_class_bottom input, .layerPopup .popup_class_bottom label{cursor:pointer; }
/** //레이어팝업(230510추가) **/

@media (max-width: 1459px) {
	.container {width: 1180px;}
	.footer {padding: 65px 0;}
	.header_in {padding-left: 225px;}
	.gnb .one .onea {font-size: 18px;padding: 0 40px;}
	.tm_wrap {margin: 0 -20px;}
	.tm_wrap .item {padding: 20px;}
}

@media (max-width: 1219px) {
	.container {width: 950px;}
	.header:before {display: none;}
	.gnb_wrap .gnb {display: none;}
	.top_go {width: 50px;height: 50px;bottom: 15px;right: 15px;}
	.top_go:before {width: 13px;height: 15px;-webkit-background-size: 25px auto;background-size: 25px auto;}
	.top_go:hover:before {background-position: -13px 0;}
	.footer_in {padding-left: 280px;}
	.footer {padding: 45px 0;}
	.tm_tit a {font-size: 22px;padding-bottom: 10px;border-width: 2px;}
	.tm_menu .one .onea {font-size: 18px;}
	.tm_smenu li a {font-size: 15px;padding: 6px 10px;}

	.header {height: 60px;}
	.header h1 {margin-top: -14px;}
	.header h1 a img {width: 103px;}
	.ac-allmenu {right: 0;top: 11px;}
	.blogo {position: static;left: auto;top: auto;margin-bottom: 20px;}
	.blogo img {width: 120px;}
	.gnb_wrap {padding-top: 0;}
	.member_menu {right: 60px;top: 9px;}
}

@media (max-width: 991px) {
	.container {width: 750px;}
	
	.footer_in {padding-left: 0;}
	.footer p {font-size: 13px;}
	.tm_wrap .item {width: 33.333333333%;}
	.is-nav .btn-menu:before,
	.is-nav .btn-menu:after {width: 32px;}
}

@media (max-width: 767px) {
	.container {width: 100%;}
	.tm_tit a {font-size: 15px;padding-bottom: 5px;border-width: 1px;}
	.tm_menu .one .onea {font-size: 14px;}
	.tm_smenu li a {font-size: 13px;padding: 3px 5px;}
	.tm_wrap {margin: 0 -5px;}
	.tm_wrap .item {padding: 0 5px;}
	.tm_tit {margin-bottom: 5px;}
	.tm_smenu {margin-bottom: 10px;}
	.top_go {display: none;}

	.tm_wrap .item.item1,
	.tm_wrap .item.item2,
	.tm_wrap .item.item3 {height: 320px;}
	.tm_wrap .item.item4,
	.tm_wrap .item.item5 {height: 160px;}

	.member_menu .mem_nm {display: none;}
	.member_menu a {font-size: 13px;padding: 0 5px;}
	.header_in {padding-left: 0;}
	.gnb_wrap {padding-right: 0;}
	.member_menu {right: 35px;}
	.member_menu .mar {margin-right: 5px;}
}