@charset "utf-8";

/* Font */
@font-face{font-family:Noto Sans;font-style:normal;font-weight:300;src:local('※'),url(../fonts/NotoSans-Light.woff2) format('woff2'),url(../fonts/NotoSans-Light.woff) format('woff')}
@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;src:local('※'),url(../fonts/NotoSans-Regular.woff2) format('woff2'),url(../fonts/NotoSans-Regular.woff) format('woff')}
@font-face{font-family:Noto Sans;font-style:normal;font-weight:500;src:local('※'),url(../fonts/NotoSans-Medium.woff2) format('woff2'),url(../fonts/NotoSans-Medium.woff) format('woff')}
@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;src:local('※'),url(../fonts/NotoSans-Bold.woff2) format('woff2'),url(../fonts/NotoSans-Bold.woff) format('woff')}

/* Reset */
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none}
body{-webkit-overflow-scrolling:touch;line-height:1.5;font-family:Noto Sans,Dotum;font-size:13px;font-weight:300;word-break:keep-all;color:#666}
h1,h2,h3,h4,h5,h6{line-height:normal;font-weight:normal}
ul,ol,li{list-style:none}
a{text-decoration:none;color:#666}
a:hover,a:active,a:visited{text-decoration:none}
img{border:0;vertical-align:top}
button{border:0;background-color:transparent;vertical-align:top;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:300}
input[type=text],input[type=search],input[type=password],select{box-sizing:border-box;padding:0 7px;border:1px solid #d7d7d7;background-color:#fff;vertical-align:top;font-family:inherit;font-weight:300;color:#666}
textarea{width:100%;padding:5px;border:1px solid #d7d7d7;vertical-align:top;font-family:inherit;font-weight:300;resize:none;font-size:13px}
em,address{font-style:normal}
table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}
caption{width:0;height:0;line-height:0;font-size:0;color:transparent}
label{vertical-align:top;cursor:pointer}
input[type=text],input[type=password],select,textarea{-webkit-border-radius:0;-webkit-appearance:none;box-sizing:border-box}
input[type=checkbox],input[type=radio]{vertical-align:middle}
main{display:block}
strong{color:#333}
select{padding:0 23px 0 7px;background-image:url(../images/sub/icon_select_arrow.png);background-repeat:no-repeat;background-position:calc(100% - 7px) 50%;background-size:7px auto}
select::-ms-expand{display:none}
::selection{background:#92cfe7}
::placeholder{color:#999 !important}
:-ms-input-placeholder{color:#999 !important}
::-ms-input-placeholder{color:#999 !important}
.ie9 select{padding-right:0;background-image:none !important}

/* Common Class */
.blind{position:absolute;left:-1000%;width:0;height:0;line-height:0;font-size:0;color:transparent}
.font-lgt{font-weight:300 !important}
.font-reg{font-weight:400 !important}
.font-color-blue{color:#284885 !important}
.font-color-org{color:#eb6e50 !important}

/* Slick Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,
.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-disabled{cursor:default;opacity:.5}

/* Common Content */
input[type=text],input[type=password],select{height:31px}
#accessibility{position:absolute;z-index:9999;left:0;top:0;width:100%}
#accessibility a{display:block;width:1px;height:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff}
#accessibility a:focus,#accessibility a:active{width:100%;height:auto;padding:5px 0;background-color:#3c8200}
#footer{padding:15px 10px;background-color:#393939;font-size:12px}
#footer .ft-bm *{text-align:center;color:#bbb}
#footer .ft-bm small{font-size:12px}
.hd-tp{overflow:hidden}
.hd-tp>h1{float:left}
.hd-tp>h1>a{display:block}
.hd-tp>h1 img{display:block}
.util-link{display: flex; align-items: center; float: right;}
.sub-top{border-bottom:1px solid #e1e1e1;background-color:#f5f5f5}
.location{font-size:0}
.location>*{display:inline-block;height:32px;line-height:32px;vertical-align:top;font-size:12px}
.location .home{width:20px;background:url(../images/common/icon_location_home.png) no-repeat 100% 50%;font-size:0}
.location>*:not(.home){padding:0 3px 0 25px;background:url(../images/common/icon_location_path.png) no-repeat 0 0;background-size:auto 100%}
.location strong{font-weight:400}

@media screen and (max-width:1216px){
	body{min-width:320px}
	::placeholder{font-size:12px}
	#header{position:fixed;left:0;top:0;z-index:100;width:100%;height:58px;padding:13px 10px;border-bottom:2px solid #109e86;background-color:#fff}
	#gnb{position:relative;height:calc(100vh - 85px);overflow-y:auto;background-color:#284885}
	#gnb>ul>li>.on{background-color:#fff;font-weight:500;color:#284885}
	#gnb>ul>li>.on+div{display:block}
	#gnb>ul>li>a{display:block;width:120px;padding:11px 10px;border-bottom:1px solid #536d9d;background-color:#284885;font-weight:400;font-size:13px;color:#fff}
	#gnb>ul>li>div{display:none;position:absolute;left:120px;top:0;z-index:10;width:calc(100% - 120px);height:calc(100vh - 85px);background-color:#fff}
	#gnb>ul>li>div>ul{padding:0 12px 30px;background-color:#fff}
	#gnb>ul>li>div>ul>li{border-bottom:1px solid #d7d7d7}
	#gnb>ul>li>div>ul>li>a{display:block;padding:8px 10px}
	#gnb>ul>li>div>ul>li>ul{display:none;padding:10px 15px;background-color:#f5f5f5}
	#gnb>ul>li>div>ul>li>ul>li{position:relative;padding-left:10px}
	#gnb>ul>li>div>ul>li>ul>li:before{display:block;content:"";position:absolute;left:0;top:10px;width:5px;height:2px;background-color:#666}
	#gnb>ul>li>div>ul>li>ul>li:not(:last-child){margin-bottom:6px}
	#gnb>ul>li>div>ul>li>ul>li>a{font-size:13px}
	#footer .ft-bm small,#footer .ft-bm span{display:block}
	.hd-tp>h1{float:left;padding-top:3px}
	.hd-tp>h1 img{width:200px}
	.util-link a:not(.btn-hd-eng){display:inline-block}
	.hd-link>a{width:30px;height:30px;border-radius:3px;background-repeat:no-repeat;background-position:50% 50%;background-size:14px auto;vertical-align:top;font-size:0}
	.btn-hd-mypg{margin-right:2px;background-color:#eb6e50;background-image:url(../images/common/icon_m_mypg.png)}
	.btn-hd-menu{background-color:#284885;background-image:url(../images/common/icon_m_gnb.png)}
	.gnb-box.open{left:0}
	.gnb-box{position:fixed;left:-100%;top:0;z-index:1000;transition: left .5s ease;-webkit-transition: left .5s ease;width:100%;height:100%;background-color:#fff}
	.m-navi-top .tp{position:relative;height:52px;padding-left:12px;background-color:#58636e}
	.m-navi-top .tp>.login-link{display:inline-block;height:52px;line-height:52px;font-size:13px;font-weight:500;color:#fff}
	.m-navi-top .tp>.login-link:after{display:inline-block;content:"";width:14px;height:14px;margin-left:5px;background:url(../images/common/icon_m_gnb_arrow.png) no-repeat 0 0;background-size:100%;vertical-align:-2px}
	.m-navi-top .tp>a[role=button]{display:block;position:absolute;right:0;top:0;width:40px;height:100%;background:url(../images/common/btn_m_gnb_close.png) no-repeat 50% 50%;background-size:15px auto}
	.m-navi-top .mb{background-color:#4b545e}
	.m-navi-top .mb>ul{overflow:hidden}
	.m-navi-top .mb>ul>li{float:left;position:relative;width:calc(100% / 3)}
	.m-navi-top .mb>ul>li:before{display:block;content:"";position:absolute;right:0;top:50%;width:1px;height:9px;margin-top:-6px;background-color:#6f767e}
	.m-navi-top .mb>ul>li>a{display:block;height:33px;line-height:33px;text-align:center;font-size:12px;color:#eee}
	.navi-dep2-tit{margin:0 12px;padding:17px 0 8px;border-bottom:2px solid #666;font-weight:500;font-size:16px;color:#333}
	.dep3-mn{position:relative}
	.dep3-mn:after{display:block;content:"";position:absolute;right:10px;top:50%;width:11px;height:7px;margin-top:-3px;background:url(../images/common/icon_m_dep3.png) no-repeat 0 0;background-size:11px auto}
	.dep3-mn.open:after{background-position:0 -14px}
	.dep3-mn.open{background-color:#1686f0;font-size:14px;font-weight:500;color:#fff}
	.dep3-mn.open+ul{display:block !important}
	.hd-util,.btn-hd-eng,.print,.ft-tp .dn,#footer .ft-bm .r{display:none}
	.pc-ctn{display:none !important}
	.m-ctn{display:block !important}
	#footer .ft-tp{border-bottom:1px solid #515151; text-align:center}
	#footer .ft-tp li>a{color:#f3f3f5}
}

@media screen and (min-width:1217px),print{
	body,table{font-size:15px}
	select{padding:0 27px 0 10px;background-size:auto;background-position:calc(100% - 10px) 50%}
	input[type=text],input[type=password],select{height:42px;font-size:14px}
	textarea{font-size:15px}
	#header{height:140px}
	#gnb>ul>li>div>ul>li>ul{display:none}
	#gnb>ul{display:table;width:100%;table-layout:fixed}
	#gnb>ul>li{display:table-cell;position:relative}
	#gnb>ul>li>a{display:block;position:relative;height:60px;line-height:60px;text-align:center;font-size:18px;font-weight:400;color:#fff}
	#gnb>ul>li:not(:last-child)>a:after{display:block;content:"";position:absolute;right:0;top:23px;width:1px;height:16px;background-color:rgba(255,255,255,.5)}
	#gnb>ul>li:nth-child(5)>a:after{display:none}
	#gnb>ul>li>div{display:none;position:absolute;left:0;top:60px;z-index:1000;width:240px;height:440px;padding:23px 20px}
	#gnb>ul>li:first-child>div:before,#gnb>ul>li>div:after{display:block;content:"";position:absolute;top:0;width:1px;height:100%;background-color:#e1e1e1}
	#gnb>ul>li>div:before{left:0}
	#gnb>ul>li>div:after{right:0}
	#gnb>ul>li>div>ul>li:not(:last-child){margin-bottom:10px}
	#gnb>ul>li>div>ul>li>a{display:inline-block;position:relative;padding-left:11px}
	#gnb>ul>li>div>ul>li>a:before{display:block;content:"";position:absolute;left:0;top:11px;width:6px;height:2px;background-color:#999}
	#gnb>ul>li>div>ul>li>a{letter-spacing:-.5px}
	#gnb>ul>li>div>ul>li>a:hover{text-decoration:underline;font-weight:500;color:#333}
	#gnb>ul>li>div>ul>li>a:hover:before{background-color:#333}
	#footer{padding:0;background-color:#393939;font-size:14px}
	#footer .ft-tp{border-bottom:1px solid #515151}
	#footer .ft-tp>div{overflow:hidden}
	#footer .ft-tp>div>ul{float:left}
	#footer .ft-tp li{float:left}
	#footer .ft-tp li>a{display:block;position:relative;height:52px;padding:0 15px;line-height:52px;color:#f3f3f5}
	#footer .ft-tp li:not(:first-child)>a:after{display:block;content:"";position:absolute;left:0;top:21px;width:1px;height:12px;background-color:rgba(255,255,255,.2)}
	#footer .ft-tp li>a:hover{text-decoration:underline}
	#footer .ft-tp li:first-child>a{padding-left:0}
	#footer .ft-tp li:last-child>a{padding-right:0}
	#footer .ft-tp>div>select{float:right;width:183px;height:52px;border:0;background-color:#454545;background-image:url(../images/common/icon_footer_select.png);background-repeat:no-repeat;background-position:calc(100% - 15px) 50%;color:#f3f3f5}
	#footer .ft-bm{width:1200px;overflow:hidden;margin:0 auto;padding:20px 0}
	#footer .ft-bm .l{float:left;margin-top:6px}
	#footer .ft-bm .r{float:right}
	#footer .ft-bm address span{margin-left:20px}
	#footer .ft-bm small{font-size:14px}
	#footer .ft-bm *{text-align:left}
	.hd-tp{width:1200px;height:80px;margin:0 auto;padding-top:20px}
	.util-link{font-size:0}
	.util-link a{font-size:14px}
	.util-link a:not(.btn-hd-menu){display:inline-block}
	.hd-util{display:flex; align-items:center;}
	.hd-util>a:first-child{padding-left:0}
	.hd-util>a:last-child{padding-right:0}
	.hd-util>a{position:relative;padding:0 10px}
	.hd-util>a:not(:last-child):after{display:block;content:"";position:absolute;right:0;top:4px;width:1px;height:13px;background-color:#e1e1e1}
	.hd-util>a:hover{text-decoration:underline}
	.hd-link{display:flex; align-items:center; margin-left: 10px;}
	.hd-link>a{height:37px;border-radius:4px;vertical-align:top;text-align:center}
	.hd-link>a:not(:first-child){margin-left:10px}
	.hd-link>a:before{display:inline-block;content:"";height:15px;margin-right:5px;background-repeat:no-repeat;background-position:0 0}
	.btn-hd-mypg{width:112px;line-height:35px;border:1px solid #eb6e50;color:#eb6e50}
	.btn-hd-mypg:before{width:13px;background-image:url(../images/common/icon_pc_mypg.png);vertical-align:-1px}
	.btn-hd-eng{width:95px;line-height:37px;background-color:#bbb;color:#fff}
	.btn-hd-eng:before{width:16px;background-image:url(../images/common/icon_pc_eng.png);vertical-align:-2px}
	.btn-hd-menu{display:none}
	.gnb-box{position:relative;background:url(../images/common/bg_pc_gnb.gif) no-repeat 50% 0}
	.m-navi-top,.navi-dep2-tit{display:none}
	.gnb-box.open:after{display:block;content:"";position:absolute;left:0;top:60px;z-index:100;width:100%;height:440px;box-shadow:0px 3px 5px 1px #dbdbdb;background-color:#f5f9fc}
	.gnb-box.open #gnb>ul>li>div{display:block}
	.gnb-box.open #gnb>ul>li>.on{font-weight:500;color:#ffe100}
	.gnb-box.open #gnb>ul>li>.on:before{display:block;content:"";position:absolute;left:50%;bottom:0;width:0px;height:0px;margin-left:-3px;border-bottom:6px solid #fff;border-right:6px solid transparent;border-left:6px solid transparent}
	.gnb-box.open #gnb>ul>li>.on+div{background-color:#fff}
	.sub-top .inner-ctr{overflow:hidden}
	.location{float:left}
	.location>*{height:42px;line-height:42px;font-size:14px}
	.location .home{width:17px;background-position:0 50%}
	.location>*:not(.home){padding:0 9px 0 34px;background-size:auto}
	.print{float:right}
	.print>a{display:inline-block;width:42px;height:42px;border-left:1px solid #ccc;border-right:1px solid #ccc;background:url(../images/common/icon_print.png) no-repeat 50% 50%;vertical-align:top}
	.inner-ctr{width:1200px;margin:0 auto}
	.pc-ctn{display:block !important}
	.m-ctn{display:none !important}
}

/* New CSS for clock-container */
.clock-container {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 10px;
}

/* 시계 이미지 스타일 */
.clock-container .clock-icon {
	width: 30px; /* 시계 이미지의 너비 */
	height: 30px; /* 시계 이미지의 높이 */
	background-image: url('../images/login/icon_session_timer.png'); /* 시계 이미지 경로 */
	background-size: contain; /* 이미지가 요소 크기에 맞게 조절 */
	background-repeat: no-repeat; /* 반복 없이 한 번만 표시 */
	background-position: center;
}

/* 날짜 텍스트 스타일 */
.clock-container .date-text {
	font-size: 16px;
	color: #333;
}

.clock-container .date-text::before {
	content: "20:00"; /* 기본 텍스트 설정 */
}

.clock-container .date-text:not(:empty)::before {
	content: ""; /* date-text에 내용이 있을 경우 기본 텍스트 숨기기 */
}

/* 연장 버튼 스타일 */
.clock-container .extend-button {
	background-color: #007bff;
	color: #fff;
	border: none;
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
}

.clock-container .extend-button:hover {
	background-color: #0056b3;
}


/* quickmenu 20241125 */
.menu-container {
  position: fixed;
  z-index: 1000;
  top: 288px;
  right: 130px;
}
.quick-menu {
  width: 180px;
  height: 287px;
}
.list-container {
  width: 100%;
  height: 100%;
  padding: 10px;
  border-radius: 14px;
  color: #ffffff;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.ko .list-container {
  background-color: #284885;
}
.menu-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 160px;
  height: 34px;
  padding: 0 8px;
  margin-bottom: 20px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  background-color: #eb6e50;
  color: #fff;
}
.menu-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 64px);
  margin-bottom: 0;
  margin: 0 5px;
}
.menu-list li {
  display: flex;
  flex-direction: row;
}
.ko .menu-list li {
  border-bottom: 1px dashed #658cd6;
}
.ko .menu-list li:last-child {
  border-bottom: none;
}
.menu-list a {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}
.img_acc {
  width: 14px;
  height: 10px;
}
.img_loc {
  width: 10px;
  height: 13px;
}
.img_res {
  width: 14px;
  height: 12px;
}
.img_cer {
  width: 10px;
  height: 15px;
}
.img_chec {
  width: 14px;
  height: 14px;
}
.menu-list .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  margin-right: 8px;
}
.ko .menu-list .img {
  background-color: #bed9fa;
}
.ko .menu-list .flex {
  display: flex;
  flex-direction: row;
}
.normal {
  font-weight: 400;
}
.toggle {
  display: none;
}
.menu-btn {
  position: absolute;
  bottom: 0;
  display: flex;
  text-align: center;
  align-items: start;
  padding-top: 10px;
  width: 52px;
  height: 112px;
  background-color: #eb6e50;
  color: #fff;
  font-weight: 700;
  border-radius: 26px;
}

@media screen and (max-width: 1840px) {
  .quick-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px solid #fff;
    font-weight: bold;
    color: #fff;
    background-color: #284885;
  }
  .quick-btn.active {
    transition: transform 0.5s ease;
    transform: rotate(45deg);
  }
  .menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    display: none;
  }
  .menu-overlay.active {
    display: block;
  }
  .menu-container {
    position: fixed;
    right: 20px;
    top: initial;
    bottom: 35px;
    height: auto;
  }
  .quick-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
    height: auto;
    position: relative;
  }
  .toggle {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    min-height: 52px;
    cursor: pointer;
  }
  .hide {
    display: none;
  }
  .list-container {
    overflow: hidden;
    width: 0;
    max-height: 0px;
    padding: 0;
    border: none;
    box-shadow: none;
    color: black;
    transform-origin: bottom;
    transition: max-height 0.5s ease-in-out;
  }
  .ko .list-container {
    background-color: transparent;
  }
  .list-container.show {
    width: auto;
    max-height: 310px;
  }
  .menu-list-header {
    display: none;
  }
  .menu-list li {
    margin-bottom: 22px;
  }
  .ko .menu-list li {
    border: none;
  }
  .menu-list a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: end;
    width: 100%;
    border: none;
    margin: 0;
  }
  .menu-list i {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .menu-list .img {
    width: 40px;
    height: 40px;
    background-color: #bed9fa;
    border-radius: 50%;
    margin: 0;
    margin-left: 9px;
  }
  .menu-list img {
    width: auto;
    height: auto;
    margin: 0;
  }
}

/* quickmenu 상시 (추가 css) */
.care .quick-menu {
  height: 100%;
}
.care .list-container {
  background-color: #109e84;
}
.care .img {
  background-color: #86dece;
}
.care .menu-list li {
  border-bottom: 1px dashed #67ddc7;
  padding: 10px 0px;
}
.care .menu-list a {
  margin: 0;
}
.care .menu-list li:first-child {
  padding-top: 0;
}
.care .menu-list li:last-child {
  border: none;
}
@media screen and (max-width: 1840px) {
  .care .quick-btn {
    background-color: #109e84;
  }
  .care .flex {
    display: flex;
    flex-direction: row;
  }
  .care .list-container {
    background-color: transparent;
  }
  .care .list-container.show {
    max-height: 300px;
  }
  .care .menu-list li {
    border: none;
    margin-bottom: 0;
  }
}