@charset "UTF-8";
/* CSS Document */

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}


*{ margin: 0; padding: 0; font-family: 'NanumBarunGothic', sans-serif; list-style: none;}
body{ background: #f1f1f1;}
.faq{ width: 100%;}
.tab{ height:48px; width: 100%; background: #fff; border-bottom: 1px #c6c6c6 solid;}
.tab::after{ content: ""; display: block; clear: both;}
.tab li{ width:25%; float: left; line-height: 46px; text-align: center; position: relative; font-size: 13px; color:#454545; height:46px; border-bottom: 2px #fff solid;}
.tab li::after{ content: ""; display: block; position: absolute; right:0; top:16px; width: 1px; height: 16px; background-color:#e1e1e1;}
.tab li.on{ color:#00bdbf; border-bottom: 2px #00bdbf solid;}
.tab2{ height:48px; width: 100%; background: #fff; border-bottom: 1px #c6c6c6 solid;}
.tab2::after{ content: ""; display: block; clear: both;}
.tab2 li{ width:25%; float: left; line-height: 46px; text-align: center; position: relative; font-size: 13px; color:#454545; height:46px; border-bottom: 2px #fff solid;}
.tab2 li::after{ content: ""; display: block; position: absolute; right:0; top:16px; width: 1px; height: 16px; background-color:#e1e1e1;}
.tab2 li.on{ color:#00bdbf; border-bottom: 2px #00bdbf solid;}

.faq div{ display:none;}
.faq div.on{ display:block;}
.list{ margin-top:6px;}
.list li a{ display: block; background: url(../images/btn_cm_down_n.png) right center no-repeat #fff; background-size: 37px; border-bottom: 1px #e0e0e0 solid; text-decoration: none; color:#000000; font-size: 15px; padding:12px 48px 12px 18px; box-sizing: border-box; line-height: 22px;}
.list li a span{ display: block; color:#00bdbf; font-size: 12px;}
.list li a.on{ background:url(../images/btn_cm_up_p.png) right center no-repeat #fff; background-size:37px;}
.list li div{ padding:23px 17px; font-size: 13px; line-height: 18px; color:#000000; background: #f8f8f8;}
.list li div p a{ display:inline; font-size: 13px; line-height: 18px; color:#000000; background: none; border:none; text-decoration:underline;}
.top{ position:fixed; right:20px; bottom: 35px; width: 45px; height:45px; overflow: hidden; border-radius: 40px; box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.1); display : none;}

.notice .list {margin-top: 0;}
.notice .list li a { line-height:18px; font-size: 13px;}
.notice .list li a span{ display: inline; color:rgba(0,0,0,1.00); font-size: 13px; font-weight:600;}
.notice .list li a span.date{ display: block; color:rgba(0,0,0,0.40); font-size: 13px; font-weight:normal;}

.term div{ display:none; padding: 10px; box-sizing: border-box; font-size: 13px;}
.term div.on{ display:block;}
.term .tab li{ width:50%; float: left; line-height: 46px; text-align: center; position: relative; font-size: 13px; color:#454545; height:46px; border-bottom: 2px #fff solid;}
.term .tab li.on{ color:#00bdbf; border-bottom: 2px #00bdbf solid;}
.term .tab2 li{ width:33.33333333%; float: left; line-height: 46px; text-align: center; position: relative; font-size: 13px; color:#454545; height:46px; border-bottom: 2px #fff solid;}
.term .tab2 li.on{ color:#00bdbf; border-bottom: 2px #00bdbf solid;}

@media screen and (min-width: 560px)
{
	/*s 20240911*/
	.tab{ height:92px; width: 100%; background: #fff; border-bottom: 1px #c6c6c6 solid;}
	.tab li{ line-height: 26px; padding: 33px 0 31px 0; font-size: 26px; color:#454545; height:auto !important;}
	.tab li::after{ content: ""; display: block; position: absolute; right:0; top:32px; width: 2px; height: 26px; background-color:#e1e1e1;}
	/*e 20240911*/
	/*s 20240910*/
	.tab2{ height:92px; width: 100%; background: #fff; border-bottom: 1px #c6c6c6 solid;}
	.tab2 li{ line-height: 26px; padding: 33px 0 31px 0; font-size: 26px; color:#454545; height:auto !important;}
	/*e 20240910*/
	.tab2 li::after{ content: ""; display: block; position: absolute; right:0; top:32px; width: 2px; height: 26px; background-color:#e1e1e1;}
	
	.list{ margin-top:12px;}
	.list li a{ display: block; background: url(../images/btn_cm_down_n.png) right center no-repeat #fff; background-size: 74px; border-bottom: 1px #e0e0e0 solid; text-decoration: none; color:#000000; font-size: 30px; padding:24px 96px 24px 36px; box-sizing: border-box; line-height: 44px;}
	.list li a span{ display: block; color:#00bdbf; font-size: 24px;}
	.list li a.on{ background:url(../images/btn_cm_up_p.png) right center no-repeat #fff; background-size:74px;}
	.list li div{ padding:46px 34px; /*font-size: 26px; line-height: 36px;*/ color:#000000;}
	.list li div p{font-size: 26px; line-height: 36px;}
	.list li div a{font-size: 26px; line-height: 36px;}
	.list li div span{font-size: 26px; line-height: 36px;}
	.top{ position:fixed; right:40px; bottom: 70px;  width: 90px; height:90px; overflow: hidden; border-radius: 90px; box-shadow: 0px 6px 6px 4px rgba(0, 0, 0, 0.1); display:none;}
	.top img{ width:90px !important; height: 90px !important;}

	.notice .list li a { line-height:36px; font-size: 26px;}
	.notice .list li a span{ display: inline; color:rgba(0,0,0,1.00); font-size: 26px; font-weight:600;}
	.notice .list li a span.date{ display: block; color:rgba(0,0,0,0.40); font-size: 26px; font-weight:normal;}

	.term div{ display:none; padding: 20px; box-sizing: border-box; font-size: 26px;}
	.term div.on{ display:block;}
	/*s 20240911*/
	.term .tab li{ width:50%; float: left; text-align: center; position: relative; font-size: 26px; color:#454545; border-bottom: 2px #fff solid; line-height: 26px;}
	/*e 20240911*/
	.term .tab2 li{ width:33.33333333%; float: left; text-align: center; position: relative; font-size: 26px; color:#454545; border-bottom: 2px #fff solid; line-height: 26px;}
	/*e 20240910*/
}

/* 20240828 추가*/
h1{font-size: 4.25vw; width: 100%; text-align: center; padding: 4vw 0;}
select {-webkit-appearance:none; background: url(../images/select_cursor.svg) 42vw center no-repeat #fff; background-size: 2vw; border: 1px solid #00bdbf; width: 48vw; height: 8vw; border-radius: 100px; font-size: 3vw; color:#2A3447; padding:2vw 8vw 2vw 4vw;}
@media (min-width: 800px){
		/*s 20240910*/
		h1{font-size: 30px; width: 100%; text-align: center; padding: 2vw 0 calc(2vw + 20px) 0;}
		/*e 20240910*/
      	select { background: url(../images/select_cursor.svg) 290px center no-repeat #fff; background-size: 18px; border: 1px solid #00bdbf; width: 340px; height: 64px; border-radius: 50px; font-size: 20px; color:#2A3447; padding:20px 40px 20px 30px;}
		.term div{font-size: 20px; line-height: 32px;}
    }

/* 20240919 추가*/	
img{ max-width: 100%; height: auto !important;}