@charset "utf-8";

/* layout */
.inner {	width: 100%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto;  }
.m-inner {	width: 95%; max-width:1620px;	position:relative;	margin-left:auto;	margin-right:auto;  }
.s-inner {	width:100%; max-width:1400px;	position:relative;	margin-left:auto;	margin-right:auto; }
#wrap { /* overflow-x: hidden; */ /*scroll-behavior:smooth;*/ }

/* 타블렛 가로 */
@media all and (max-width:1740px) {
	.inner {	width:90%; }
}
@media all and (max-width:1599px) {
	.inner {	width:85%; }
}
@media all and (max-width:1399px) {
	.s-inner {	width:90%; }
}
@media all and (max-width:1366px) {
	.inner {margin-right:8%}
}
@media all and (max-width:1280px) {
	html { font-size: 60% !important; }
}
@media all and (max-width:1024px) {
	html { font-size: 60% !important; }
}
@media all and (max-width:976px) {
	.inner {width:90%;margin-right:auto}
}
@media all and (max-width:768px) {
	html { font-size: 0.55rem !important; }
}
@media all and (max-width:480px) {
	html { font-size: 2.2vw !important; }
}


/*Header*/
#header { position:absolute; width:100%; box-sizing:border-box; z-index:300;  margin: 0 auto;}
#header.menu_on{background: #00000050;}
#header .m-inner {margin-top:15px;  height:90px; display:flex; justify-content:space-between;align-items: center; flex-wrap:wrap }

#header .hd_bx { line-height:90px;  }
#header .hd_mbx { display: none; }

#header #hd_left .hd_loc{display: flex; align-items: center; color: #fff;}
#header #hd_left .hd_loc p{position: relative; padding-left: 35px;}
#header #hd_left .hd_loc p:before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background:url('/images/common/hd_loc.png')no-repeat center center;}


#header #logo { font-size:0; z-index:103; position:relative}
#header #logo a { width:275px; height:50px;}
#header #logo a.logo { display: block; background:url("/images/common/logo.png?v=1") no-repeat left center; background-size:auto 100%; }

#header #hd_right .hd_sns{display: flex; align-items: center; gap: 10px;}

#header #t-login {position: absolute; right: 190px;}
#header #t-login ul {display:flex}
#header #t-login ul li {position:relative}
#header #t-login ul li:before {content:''; width:5px; height:5px; border-radius:6px; background:rgba(255,255,255,0.3); 
									position:absolute; right:-2px; top:50%; transform:translateY(-50%);}
#header #t-login ul li:last-child::before {display:none}
#header #t-login ul li a {padding:1em; display:block; color:#FFF; font-size:1.4rem; font-weight:600; 
							opacity:.7}
#header #t-login ul li a:hover {opacity:1}
#header #t-login ul li a.admin {opacity:1; color:#FFF000}


#header #t-login.mo {margin:20px}
#header #t-login.mo ul li:before {display:none}
#header #t-login.mo ul li a {border-radius:80px; border:1px solid #60bfd6; opacity:1; padding:0.7em 1.5em; margin:0 2px; 
									color:#60bfd6}
#header #t-login.mo ul li a:hover {background:#60bfd6; color:#FFF}
#header #t-login.mo ul li a.admin {opacity:1; color:#FFF000; border:1px solid #FFF000;}
#header #t-login.mo ul li a.admin:hover {background:#FFF000;}

#select_lang { position: relative; display: inline-block; vertical-align: middle;   }
#select_lang button { font-size: 1.5rem;  text-align: left; outline: none; box-sizing: border-box; padding: 0 1.5em;
                          background:#222; border-radius:60px; color:#fff; line-height: 40px; transform: rotate(-0.03deg);}
#select_lang button::after { content:''; display: inline-block; vertical-align: middle; width:0; height:0; overflow: hidden; font-size:0;
                                        z-index:10; border-color: transparent; border-style: solid; border-width:5px !important;
                                        border-top-color:#fff !important; margin-left:3rem;  }
#select_lang ul { display: none; width: 100%; z-index: 2; position: absolute; left:0; top: 42px; }
#select_lang ul li { width: 100%; text-align: center; font-size: 1.5rem;  border-radius:60px;
                          background: #FFF; margin-top: 2px;  overflow: hidden; transform: rotate(-0.03deg); }
#select_lang ul li a { display: block; padding: 0 1em; color:#333; line-height:40px }
#select_lang ul li:hover { background: #60bfd6;   }
#select_lang ul li:hover a {color:#FFF}


.menuToggle { position: absolute; right:0; top:0; width:80px; height:80px; cursor:pointer; z-index:101;background:#60bfd6 }
.menuToggle span { display:block;  height:3px; border-radius:3px;   position:absolute; top: 50%; left:50%; margin-left: -15px; transition:all 0.5s; background:#FFF}
.menuToggle span.t { margin-top: -11px; width:30px;}
.menuToggle span.m { margin-top:-1px; width: 30px; }
.menuToggle span.b { margin-top: 9px; width:30px; }

 #header.mo_on .menuToggle span.t {transform: rotate(45deg);  margin-top: 0;}
#header.mo_on .menuToggle span.m {width:0;}
#header.mo_on .menuToggle span.b {transform: rotate(-45deg); width:30px;  margin-top: 0;} 

#header.mo_on .menuToggle span { background:#FFF} 




/* #gnb_pc {width:100%; margin: 0 auto; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1)  }
#gnb_pc > ul {display:flex; justify-content:center;align-items: center; }
#gnb_pc > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#gnb_pc > ul > li > div { text-transform:uppercase; position:relative; width: auto;  cursor: pointer; letter-spacing:0; }
#gnb_pc > ul > li > div a {display:block; padding: 25px 50px;  font-size:1.8rem; color:#FFF;  font-weight:400; }
#gnb_pc > ul > li > div a:hover { color:#60bfd6; }
#gnb_pc > ul > li > ul { display: none; width:180px; background:#60bfd6; padding:20px 0; position: absolute; top: 70px; left: 50%; margin-left: -90px; }
#gnb_pc > ul > li > ul > li > a {display:block; width:100%; font-size:1.6rem; color:#fff; padding:0.5em 0;  box-sizing: border-box; }
#gnb_pc > ul > li > ul > li:last-child > a {border-bottom:0;}
#gnb_pc > ul > li:hover > div { background: ;  }
#gnb_pc > ul > li > ul > li > a:hover { text-decoration:underline} */


#gnb_pc {width:100%; margin: 0 auto; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); height: 100%; overflow:hidden;}
#gnb_pc:before {content:"";  width:100%; height: calc(100% - 178px);  background:#60bfd6; position:absolute; top:178px; left:0;}
#gnb_pc > ul {display:flex; justify-content:center;}
#gnb_pc > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#gnb_pc > ul > li > div { text-transform:uppercase; position:relative; width: auto;  cursor: pointer;letter-spacing:0; }
#gnb_pc > ul > li > div:before { content:''; width:80%; height:3px; background:#fff; transform:translateX(-50%) scaleX(0); position:absolute; left:50%; bottom:0; } 
#gnb_pc > ul > li > div a:hover { color:#60bfd6; }
#gnb_pc > ul > li > div a {display:block; padding: 25px 65px;  font-size:1.8rem; color:#FFF;  font-weight:400; }


#gnb_pc .gnb_dp1:hover a{color: #60bfd6;}
#gnb_pc .gnb_dp1 .smenu {padding:1em 0; position: relative; display:none; }
#gnb_pc .gnb_dp1 .smenu li {margin: 1em 0; line-height:1.2em;  position: relative; }
#gnb_pc .gnb_dp1 .smenu li a { font-size:1.7rem; font-weight:500; color: #fff;}
#gnb_pc .gnb_dp1 .smenu li:hover a { font-weight:600; border-bottom: 1px solid #fff;}

/* #header.menu_on {background:#FFF}
#header.menu_on #logo a.logo { background:url("/images/common/logo_on.png") no-repeat left center; background-size:auto 100%; }
#header.menu_on #gnb_pc > ul > li > div  a,
#header.menu_on #gnb_pc .gnb_dp1>div>span{color:#222}
#header.menu_on .t_menu { background:#022a47} */





#gnb_mo { position:fixed; top:0; right:0; width:100%; height:100%; max-width:500px; padding: 80px 0;
                background:rgba(5,5,5, 0.90); overflow-y:scroll; -ms-overflow-style:none; z-index: 100; text-align: left;
                transition: all 0.4s ease; -webkit-transform: translateX(100%) rotate(0); -moz-transform: translateX(100%) rotate(0);
                -ms-transform: translateX(100%) rotate(0); -o-transform: translateX(100%) rotate(0);
                 transform: translateX(100%) rotate(0); }
#gnb_mo > ul { border-top: 1px solid rgba(255,255,255,0.1); line-height:3.5em;}
#gnb_mo > ul > li > div {display:block; width:100%; font-size:2.0rem;  border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box; padding:0 1.5em; position:relative; cursor: pointer; }
#gnb_mo > ul > li > div:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:1em; top:50%; margin-top:-1px;}
#gnb_mo > ul > li > div:before {content:''; display:block; width:1px; height:11px; background:#fff; position:absolute; right:calc(1em + 5px); top:50%; margin-top:-6px; transition:all 0.5s;}
#gnb_mo > ul > li > div > a { color:#fff; }
#gnb_mo > ul > li > ul { display:none; }
#gnb_mo > ul > li > ul > li > a {display:block; width:100%; font-size:1.8rem; color:#4b4b4b;padding:0 2em; font-weight: 500;
                                             border-bottom:1px solid #e1e1e1; background:#fff; box-sizing:border-box; line-height:3.5em;}
#gnb_mo > ul > li > div.on { background: #2a70ec; }
#gnb_mo > ul > li > div.on:before {transform:rotate(90deg)}

#header.mo_on #gnb_mo {display:block;}
#gnb_mo.m_menuOn{	-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }



@media all and (max-width:1640px){
#gnb_pc > ul > li > div a {padding: 20px 40px;  line-height:1.2em }
#gnb_pc .gnb_dp1 .smenu li a { font-size:1.6rem;}
#gnb_pc:before {height: calc(100% - 169px); top:169px;}
}
@media all and (max-width:1537px){
    #gnb_pc > ul {width:96%; margin:0 auto}
	#gnb_pc > ul > li > div a { line-height:1.2em;}
    #gnb_pc .gnb_dp1 .smenu li a { font-size:1.5rem;}
    #gnb_pc:before {height: calc(100% - 169px); top:169px;}
}
@media all and (max-width:1280px){
   #header .m-inner {margin-top:0;  height:80px; padding-right:90px } 
  #header .hd_bx { line-height:80px; }
  #header .hd_mbx { display: block; }
  #header #t-login {display:none; }
  #header #t-login.mo {display:block; position: static;}


  #gnb_pc {display:none;}
  #gnb_mo { text-align: left; }
}
@media all and (max-width:976px){
	#header .m-inner {height:70px; padding-right:80px } 

	#header #logo a { height:40px;}	
	/* #header #t-login { padding-right:2%} */
	#select_lang button { padding: 0 1em;  line-height: 34px}
	#select_lang ul {top:36px; }
	#select_lang ul li a { line-height:34px }

	.menuToggle { width:70px; height:70px }
	#gnb_mo { padding: 70px 0; }	
}
@media all and (max-width:768px) {
	#header .m-inner {height:60px; padding-right:70px } 
	.menuToggle { width:60px; height:60px }
	#gnb_mo { max-width: 100%; padding: 60px 0; }

    #hd_left, #hd_right{display: none;}
}
@media all and (max-width:580px) {
}
@media all and (max-width:480px) {
	#header .m-inner {padding-right:60px } 
	#header #logo a {width:180px;}
}




#footer {background:#2e373e; padding-top:20px; padding-bottom:90px  }
#footer .inner { padding:25px 0; display:flex; justify-content:space-between;align-items: end; border-bottom:1px solid rgba(255,255,255,0.05)  }
#footer .inner.ver2 {border-bottom:0}

#footer #f-info p {padding:0 25px 8px 0; display:inline-block; color:#b8c1c9} 
#footer #f-info p span {color:#677078; padding-right:10px}
#footer #f-info p.copy {margin-top:1em; padding-bottom:0; display:block; font-size:1.3rem; color:#677078; opacity:.7}

#footer #f-branch a {margin-left:3px; border-radius:60px; padding:0 1.7em; line-height:42px; background:#262e33;
						color:#a3a3a3; display:inline-block;}
#footer #f-branch a.on, 
#footer #f-branch a:hover { background:#3e606c; color:#FFF}


#footer #f-bottom {background:#272f35}
#footer #f-bottom .f-link a {padding:10px; margin-right:10px; color:#FFF; opacity:.3}
#footer #f-bottom .f-link a:first-child {padding-left:0}
#footer #f-bottom .f-link a:hover {opacity:.7}
#footer #f-bottom .f-sns a {padding:10px;}

@media all and (max-width:1024px) {
	#footer {  padding-bottom:78px  }
}
@media all and (max-width:998px) {
	#footer {  padding-bottom:140px  }
}
@media all and (max-width:976px) {
	#footer #f-logo img {width:180px}
	#footer #f-branch a {margin-left:2px; padding:0 1.4em; line-height:36px}	
	#footer #f-info p {padding:0 15px 4px 0;}
	#footer #f-img img {width:180px}
	#footer #f-bottom .f-link a {padding:10px 5px;}
}
@media all and (max-width:768px) {
	#footer {  padding-bottom:173px  }
	#footer #f-bottom .f-sns a {padding:5px}
	#footer #f-bottom .f-sns a img {height:22px}
}
@media all and (max-width:680px) {
		#footer {  padding-bottom:203px  }
	#footer .inner { flex-wrap:wrap}
	#footer .inner > div {width:100%; text-align:Center}

	#footer #f-branch {margin-top:20px}
	#footer #f-info {margin-bottom:20px}
	#footer #f-bottom .f-link a {font-size:1.4rem; padding:10px 5px; margin-right:5px;}
	#footer #f-bottom .f-sns {margin-top:10px}
}
@media all and (max-width:480px) {
	#footer {  padding-bottom:45vw  }
	#footer #f-branch a { line-height:8vw}	
	#footer #f-info p {font-size:1.5rem}
	#footer #f-bottom .f-link a {font-size:1.4rem; padding:10px 5px; margin-right:5px;}
}
@media all and (max-width:400px) {
		#footer {  padding-bottom:50vw  }
}
@media all and (max-width:360px) {
		#footer {  padding-bottom:53vw  }
}






#f_inquiry { overflow: hidden; color:#fff; z-index:90;
              height: 90px; position: fixed; width: 100%; bottom: 0;  display:flex;}
#f_inquiry input { border:0; outline: none; height:46px; }

#f_inquiry .titWrap { width:400px; height:100%; /*background:#60bfd6;*/  background:#60bfd6 url('/images/common/f-sb.png') no-repeat left center;
						display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
#f_inquiry .titWrap dl {display: flex; align-items: center;}
#f_inquiry .titWrap dl dd {display:inline; font-size:1.5rem; padding-right:0.5em;}
#f_inquiry .titWrap dl dt {display:inline; font-size:2.8rem;font-weight:700; font-family:'Roboto'}

#f_inquiry .contWrap {padding:0 5%; width:100%; height: 100%; display:flex; justify-content:space-between; align-items: center;
							background:rgba(33,33,33,0.95)}
#f_inquiry form {width:calc(100% - 400px);}
#f_inquiry .wr_input span {padding:0 1em 0 2em; font-size:1.7rem; font-weight:600}
#f_inquiry .wr_input input { width: 270px; color:#323232; background: #FFF; border:0; border-radius:5px; 
								 font-size: 1.7rem; padding: 0 1em; box-sizing: border-box;}
#f_inquiry .wr_input input::placeholder { font-size:0;  color:#555; }
#f_inquiry .wr_input input:first-child { border-left-width:1px;}
#f_inquiry .agree {margin-right: auto; padding-left:3%;  display:flex; align-items: center; }
#f_inquiry .agree a { color:#fff; text-decoration: underline; }
#f_inquiry .agree label span {opacity:.4;  }
#f_inquiry .btn_submit { font-size:2.0rem; font-weight:600; background: #60bfd6; color:#FFF; border-radius:5px; 
                                    padding: 0 2em; cursor: pointer; box-sizing: border-box;}

input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden;
   clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:40px;
	height:46px;
	display:inline-block;
	line-height:46px;
	background-repeat:no-repeat;
	background-position: left center;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url("/images/common/checkBox_on.png");
}
label.css-label { background-image:url("/images/common/checkBox.png");
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 
;}


@media all and (max-width:1699px) {
	#f_inquiry .contWrap {padding:0 3%; }
	#f_inquiry .wr_input input { width: 200px; }
}
@media all and (max-width:1499px) {
	#f_inquiry .titWrap { width:250px; padding:0 30px}
	#f_inquiry .titWrap dl { align-content: center; text-align:left}
	#f_inquiry .titWrap dl dd { display:inline-block;padding-right:0}
	#f_inquiry .titWrap dl dt { display:inline-block;}
	#f_inquiry form {width:calc(100% - 250px);}
	#f_inquiry .contWrap {padding:0 30px; }
	#f_inquiry .wr_input span {padding:0 1em; }
}
@media all and (max-width:1280px) {
	#f_inquiry .titWrap { width:240px;}
	#f_inquiry form {width:calc(100% - 240px);}
	#f_inquiry .wr_input input { width: 180px; }
	#f_inquiry .btn_submit {padding:0 1.5em}
}
@media all and (max-width:1140px) {
	#f_inquiry {height:80px}
	#f_inquiry .titWrap { width:180px; padding:0 20px}
	#f_inquiry .titWrap dl dt { font-size:2.2rem;}
	#f_inquiry form {width:calc(100% - 180px);}
	#f_inquiry .contWrap {padding:0 20px}
	#f_inquiry .wr_input input { width: 160px; }
	#f_inquiry .btn_submit {padding:0.7em 1em; height:auto !important}
}
@media all and (max-width:998px) {
	#f_inquiry {flex-wrap:wrap; height: auto}
	#f_inquiry .titWrap { width:100%; padding:20px; padding-bottom:0; background-color:rgba(33,33,33,0.95); justify-content: left;
							background-image:none; color:#60bfd6}
	#f_inquiry .titWrap dl dd {padding-right:1em}
	#f_inquiry .titWrap dl dt {font-size:2.6rem;}
	
	#f_inquiry form {width:calc(100%);}
	#f_inquiry .contWrap {width:100%; padding:20px}
}
@media all and (max-width:830px) {
	#f_inquiry .agree {width:170px}
	input[type=checkbox].css-checkbox + label.css-label {
	padding-left:40px;	height:35px;	line-height:1.2em;	background-position: left 5px;}
}
@media all and (max-width:768px) {
	#f_inquiry input {height:40px; }
	#f_inquiry .contWrap {; padding-top:10px; flex-wrap:wrap }
	#f_inquiry .wr_input input  { width:160px; }
	input[type=checkbox].css-checkbox + label.css-label {
	background-position: left center;}
	#f_inquiry .btn_submit {width:100%; margin-top:10px}
}
@media all and (max-width:680px) {
	#f_inquiry .agree {width:100%; margin-top:10px; padding-left:0}
	#f_inquiry .wr_input {width:100%}
	#f_inquiry .wr_input span {display:none}
	#f_inquiry .wr_input input  { width:calc(50% - 5px); margin-left:5px }
	#f_inquiry .wr_input input.input-f  { margin-left:0 }
	#f_inquiry .wr_input input::placeholder { font-size:1.7rem;  color:#555; }
	input[type=checkbox].css-checkbox + label.css-label {
		background-size:auto 100%; padding-left: 30px;  height:20px; line-height:20px}
}



#Quick {position:fixed; right: 10px; bottom:15%; z-index:99}
#Quick ul {border-radius:100px; text-align:center; padding:10px 14px; box-shadow:0 0 10px rgba(85,85,85,0.1)}
#Quick ul li {padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1)}
#Quick ul li .t1 {padding-top:5px; font-size:1.4rem; color:#FFF}
#Quick ul li a:hover .t1 {color:#74fff4}
#Quick ul li:last-child {; border-bottom:0}

#Quick ul.bg1 {background:#60bfd6}
#Quick ul.bg2 {margin-top:5px; background:#FFF}
#Quick ul.bg2 li {border-bottom:1px solid rgba(85,85,85,0.1)}
#Quick ul.bg2 li .t1 {color:#777}
#Quick ul.bg2 li a:hover .t1 {color:#000}
#Quick ul.bg2 li:last-child { border-bottom:0}


@media all and (max-width:1024px) {
	#Quick ul {padding:5px 10px; }
	#Quick ul li {padding:5px 0; }
	#Quick ul li img {width:30px}
	#Quick ul li .t1 {font-size:1.2rem; padding-top:3px}
}
@media all and (max-width:976px) {
    #Quick {bottom: 33%;}
    #Quick ul{padding: 3px 6px;}
    #Quick ul li{padding: 3px 0; border-bottom:none;}
	#Quick ul li:not(.mo){display:none; }
    #Quick ul:nth-child(2){display: none;}
    #Quick ul li .t1{display: none;}
}









.overlay { background-color: rgba(0, 0, 0, 0.7); display: none; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0;cursor: default; 
		visibility: hidden; z-index: 999991; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}
.overlay:target {visibility: visible; opacity: 1; display: block;}
.popup {background-color: #fff;  left: 50%; opacity: 0; padding: 0; position: fixed; top: -100%;  z-index: 999999; 
			-webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  
			-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%,-50%); transform: translate(-50%, -50%); 
			-webkit-transition: opacity .8s, top .8s; -moz-transition: opacity .8s, top .8s; 
			-ms-transition: opacity .8s, top .8s;-o-transition: opacity .8s, top .8s; transition: opacity .8s, top .8s;}
.overlay:target+.popup { top: 50%; opacity: 1; visibility: visible;}
.popup h3 {font-size:4.0rem; color:#222; font-weight:300; text-align:center; margin-bottom:0.5em;}
.popup .close { background-color:#404447 ; width: 60px; height: 60px; line-height: 80px; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0;}
.popup .close:before { color: #fff; content: ''; background: url('/images/common/menu_on_close.webp') no-repeat center center;  width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.popup .close:hover { background-color:#60bfd6;}

.popup { padding: 50px; width:90%; max-width:880px; height: 620px; }
.popup .contWrap {height:95%; overflow-y: scroll;}

@media all and (max-width:1280px) {
	.popup { height: 600px}
}
@media all and (max-width:1024px) {
	.popup { height:500px}

}
@media all and (max-width:920px) {
	.popup .close { width: 40px; height: 40px; line-height: 40px; background-size:cover }
	.popup .close:before {width: 20px; height: 20px;  background-size:cover}
	.popup {padding:20px 30px;  height: 80vh}
}




.tb-style1{width: 100%; font-size:2rem; text-align: center; }
.tb-style1 thead tr th{padding: 1.5em 10px; background-color: #60bfd6; border-right: 1px solid #eee; font-size:2.5rem; font-weight: 500; border-bottom: 1px solid #eee; color: #FFF; }
.tb-style1 thead tr td{padding: 1.5em 10px; background-color: #fff; border-right: 1px solid #eee; font-size:2rem; font-weight: 500; border-bottom: 1px solid #eee;  border-bottom: 1px solid #dedede;}
.tb-style1 thead tr td span{font-size: 1.6rem; display: inline-block;}
.tb-style1 thead tr td span.mb{margin-bottom: 20px;}
.tb-style1 thead tr th.bg{background-color: #9aaec6; color: #fff;}
.tb-style1 thead tr th:last-child{border-right: 0;}
.tb-style1 tbody tr th{ border-bottom: 1px solid #dedede; border-right: 1px solid #eee;}
.tb-style1 tbody tr td{padding: 30px 6px; border-bottom: 1px solid #dedede; border-right: 1px solid #eee;}
.tb-style1 tbody tr td.bg{background-color: #fff; color: #212121; font-weight: 500;}
.tb-style1 tbody tr td:last-child{border-right: 0;}


@media all and (max-width:640px) {
    .scroll{overflow-x: scroll; padding-top: 40px; position: relative;}
    .scroll::after{content: '※ 화면을 옆으로 스크롤 해주세요.'; top: 15px; left: 5px; position: absolute; width: 100%; height: 20px; font-size: 1.5rem;}
    .tb-style1{width:600px;}
    .tb-style1 thead tr th{padding: 1em 10px; font-size:2rem;}
}