@import url(base.css);
@import url(font.css);

#wrap {position:relative; background:#fff; overflow:hidden;}

/*리스트*/
.mob_data {display:none; margin-top:5px; color:#888}
.no_txt {display:block}

@media screen and (max-width:768px){
	/*리스트*/
	.mob_data {display:block}
	.no_txt {display:none}
}

/* --------------------------------------------------헤더 영역-------------------------------------------------- */
/*탑메뉴*/
#top {position:relative;width:100%;z-index:999;}
#top_wrap {width:100%; background:#fff;height:132px;color:#050505;position:fixed;top:0; border-bottom:1px solid #ddd}

#top_wrap .gnb {border-bottom:1px solid #ddd; }
#top_wrap .hd_line {width:1200px; margin:auto;}
#top_wrap .hd_txt {float:left; font-size:20px; color:#1d2087; padding:8px 7px;}
#top_wrap .gnb ul {overflow:hidden;}
#top_wrap .gnb ul li {float:right; padding:8px 15px; color:#6e6e6e; display:block;}
#top_wrap .gnb ul .application { background:#312783; color:#fff;}
#top_wrap .gnb ul .application a { color:#fff;}
#top_wrap .gnb ul .application2 { background:#362b5d; color:#fff;}
#top_wrap .gnb ul .application2 a { color:#fff;}

#top_wrap .gnb ul .sns { overflow:hidden; float:right;}
#top_wrap .gnb ul .sns li {float:left; }

#top_wrap .nav {width:1200px; margin:auto; }
#top_wrap .nav h1 {float:left;text-align:left;padding:18px 0px 0px 0px;}
#top_wrap .nav .menu {float:right;text-align:right;margin-top:25px; }

#top_wrap .nav .menu li {float:left;text-align:right;color:#050505;font-size:20px;font-weight:400; padding:13px 25px 10px;}
/*#top_wrap .nav .menu li:last-child {padding-right:0;}*/
#top_wrap .nav .menu li a {color:#050505;}
#top_wrap .nav .menu li a:hover {color:#0f4e8c;font-weight:500;}

#top_wrap .nav .sns  { overflow:hidden; float:right; /*width:115px;*/ margin-top:28px; margin-left:30px;}
#top_wrap .nav .sns  li {float:left; }

.point_b {color:#1d2087;}
.point_y {color:#ffdc00;}


/*new_head jisoo*/
#header_wrap {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:100; transition:all 0.3s}
.scroll_doc #header_wrap {top:-43px}

#header {position:relative; z-index:10; background: #fff;}

#header_wrap .header_top {position:relative; width:100%; padding:0 40px; height:43px; display:flex; align-items:center; border-bottom:1px solid #ddd;}
#header_wrap .header_top .top_lbox .txt {font-size:20px; color:#1d2087}
#header_wrap .header_top .top_rbox {margin-left:auto;}
#header_wrap .header_top .top_rbox .gnbUl li {display:inline-block; vertical-align:middle; margin-left:20px;}
#header_wrap .header_top .top_rbox .gnbUl a {color:#6e6e6e}


#header_wrap .head {position:relative; padding:0 40px; height:80px; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:space-between; gap:0px; transition:all 0.3s}
.scroll_doc #header_wrap .head {height:70px}

#header_wrap .head .logo img {height:63px; transition:all 0.3s}
.scroll_doc #header_wrap .head .logo img {height:50px}

#header_wrap .head .logBox {display:none}

#header_wrap .head .naviBox {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#header_wrap .head .navi li {display:inline-block;}
#header_wrap .head .navi a {font-size:20px; font-weight:600; padding:0 25px}
#header_wrap .head .navi li:hover a {color:#1d2087}
#header_wrap .head .navi .mob_mn {display:none}

#header_wrap .head .snsUlBox {display:flex; align-items:center}
#header_wrap .head .snsUl li {display:inline-block; text-align:center; margin-left:5px;}
#header_wrap .head .snsUl a {width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:1px solid #313131; border-radius:50%;}
#header_wrap .head .snsUl img {height:18px;}

#header_wrap .head .snsUlBox .langBox a {width:40px; height:40px; display:flex; align-items:center; justify-content:center; background:#4cbaee; color:#fff; border-radius:50%; margin-left:5px}

.mu_active #header_wrap .navi_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); backdrop-filter: blur(10px); z-index:0}


@media screen and (max-width:1620px){
	#header_wrap .head .naviBox {position:relative; top:inherit; left:inherit; transform:inherit;}
	#header_wrap .head .navi {padding-left:0}
}

@media screen and (max-width:1420px){
	#header_wrap .head .navi a {padding:0 15px}
}

@media screen and (max-width:1220px){
	.scroll_doc #header_wrap {top:0}
	#header_wrap .header_top {display:none}
	
	#header_wrap .head {padding:0 3%;}
	#header_wrap .head .logo {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
	#header_wrap .head .logo img {height:55px;}

	#header_wrap .head .naviBox {position:fixed; top:80px; left:0; width:340px; height: calc(100vh - 80px); transform: translate(-110%, 0); background:#fff; z-index:20; transition:all 0.3s}
	.scroll_doc #header_wrap .head .naviBox {top:70px; height: calc(100vh - 70px);}
	#header_wrap  .head .naviBox.naviBox_active {transform: translateX(0%); transition: all 0.3s;}

	#header_wrap .head .navi {padding:50px 0 0 30px}
	#header_wrap .head .navi li {display:block; margin-bottom:30px}
	#header_wrap .head .navi li:last-child {margin-bottom:0}
	#header_wrap .head .navi a, #header_wrap .head .navi li:hover a {position:relative; padding:0; font-size:25px}
	#header_wrap .head .navi li.on a, #header_wrap .head .navi li:hover a {border-bottom:1px solid}
	#header_wrap .head .navi .mob_mn {display:block}


	#header_wrap .head .logBox {display:block; position:absolute; bottom:30px; right:30px}
	#header_wrap .head .logBox li {display:inline-block; margin-left:10px}
	#header_wrap .head .logBox a {font-size:14px}

	.mu_active #header_wrap .navi_bg {display:block;}
	
}

@media screen and (max-width:1024px){
	#header_wrap .head {height:8vw}
	.scroll_doc #header_wrap .head {height:7vw}

	#header_wrap .head .logo img {height:5.5vw;}
	.scroll_doc #header_wrap .head .logo img {height:5vw}

	#header_wrap .head .naviBox {top:8vw;width:340px; height: calc(100vh - 8vw);}
	.scroll_doc #header_wrap .head .naviBox {top:7vw; height: calc(100vh - 7vw);}

	#header_wrap .head .navi {padding:5vw 0 0 3vw}
	#header_wrap .head .navi li {margin-bottom:3vw}
	#header_wrap .head .navi a, #header_wrap .head .navi li:hover a {font-size:2.5vw}

	#header_wrap .head .logBox {bottom:3vw; right:3vw}
	#header_wrap .head .logBox li {margin-left:1vw}
	#header_wrap .head .logBox a {font-size:1.4vw}


	#header_wrap .head .snsUl li {margin-left:0.5vw;}
	#header_wrap .head .snsUl a {width:4vw; height:4vw;}
	#header_wrap .head .snsUl img {height:1.8vw;}
	
	#header_wrap .head .snsUlBox .langBox a {width:4vw; height:4vw; margin-left:0.5vw}
}

@media screen and (max-width:768px){
	#header_wrap .head {height:12vw}
	.scroll_doc #header_wrap .head {height:10vw}

	#header_wrap .head .logo img {height:7.5vw;}
	.scroll_doc #header_wrap .head .logo img {height:7vw}

	#header_wrap .head .naviBox {top:12vw;width:340px; height: calc(100vh - 12vw);}
	.scroll_doc #header_wrap .head .naviBox {top:10vw; height: calc(100vh - 10vw);}

	#header_wrap .head .navi {padding-top:6vw}
	#header_wrap .head .navi li {margin-bottom:4vw}
	#header_wrap .head .navi a, #header_wrap .head .navi li:hover a {font-size:3.5vw}

	#header_wrap .head .logBox {bottom:4vw;}
	#header_wrap .head .logBox li {margin-left:2vw}
	#header_wrap .head .logBox a {font-size:2.4vw}


	#header_wrap .head .snsUl li {margin-left:0.7vw;}
	#header_wrap .head .snsUl a {width:5.5vw; height:5.5vw;}
	#header_wrap .head .snsUl img {height:2.6vw;}

	#header_wrap .head .snsUlBox .langBox a {width:5.5vw; height:5.5vw; margin-left:0.7vw}
}

@media screen and (max-width:480px){
	#header_wrap .head {height:16vw}
	.scroll_doc #header_wrap .head {height:14vw}

	#header_wrap .head .logo img {height:8.5vw;}
	.scroll_doc #header_wrap .head .logo img {height:8vw}

	#header_wrap .head .naviBox {top:16vw; width:100%; height: calc(100vh - 16vw); display:flex; align-items: center; justify-content: center;}
	.scroll_doc #header_wrap .head .naviBox {top:14vw; height: calc(100vh - 14vw);}

	#header_wrap .head .navi {padding:0; text-align:center; margin-top:-10vw}
	#header_wrap .head .navi li {margin-bottom:5vw}
	#header_wrap .head .navi a, #header_wrap .head .navi li:hover a {font-size:5.5vw}

	#header_wrap .head .logBox {bottom:5vw;}
	#header_wrap .head .logBox li {margin-left:3vw}
	#header_wrap .head .logBox a {font-size:3.4vw}

	#header_wrap .head .snsUl li {margin-left:0.9vw;}
	#header_wrap .head .snsUl a {width:7vw; height:7vw;}
	#header_wrap .head .snsUl img {height:3.6vw;}

	#header_wrap .head .snsUlBox .langBox a {width:7vw; height:7vw; margin-left:0.9vw}
}


/*햄버거*/
.burger {display:none; width:33px; height:24px; position:relative; margin-left:3%; z-index:9999; transition:all 0.3s ease-in-out;}
.burger span {position:absolute; top:0; height:2px; width:33px; background:#202556; transition:all 0.3s;}

.burger span:first-child {top: 0px;}
.burger span:nth-child(2) {top: 11px;}
.burger span:last-child {top: 22px;}

.scroll_doc .burger, .scroll_doc .burger span {width:25px}
.scroll_doc .burger span:first-child {top: 4px;}
.scroll_doc .burger span:nth-child(2) {top: 12px;}
.scroll_doc .burger span:last-child {top: 20px;}

.burger.active {cursor: pointer;}
.burger.active span {top:10px;}
.burger.active span:first-child {transform: rotate(45deg);}
.burger.active span:nth-child(2) {opacity:0}
.burger.active span:last-child {transform: rotate(-45deg);}

.scroll_doc .burger.active span {top:12px;}

@media screen and (max-width:1220px){
	.burger {display:block; right:3%}
}

@media screen and (max-width:1024px){
	.burger {width:3.3vw; height:2.4vw;}
	.burger span {height: 0.2vw; width: 3.3vw;}

	.burger span:nth-child(2) {top: 1.1vw;}
	.burger span:last-child {top: 2.2vw;}

	.scroll_doc .burger, .scroll_doc .burger span {width:2.5vw}
	.scroll_doc .burger span:first-child {top:0.4vw;}
	.scroll_doc .burger span:nth-child(2) {top:1.2vw;}
	.scroll_doc .burger span:last-child {top:2vw;}

	.burger.active span {top:1vw;}

	.scroll_doc .burger.active span {top:1.2vw;}
}

@media screen and (max-width:768px){
	.burger {width:5vw; height:3.4vw;}
	.burger span {height: 0.3vw; width: 5vw;}

	.burger span:nth-child(2) {top:1.6vw;}
	.burger span:last-child {top: 3.3vw;}

	.scroll_doc .burger, .scroll_doc .burger span {width:3.3vw}
	.scroll_doc .burger span:first-child {top:0.5vw;}
	.scroll_doc .burger span:nth-child(2) {top:1.6vw;}
	.scroll_doc .burger span:last-child {top:2.7vw;}

	.burger.active span {top:1.5vw;}

	.scroll_doc .burger.active span {top:1.6vw;}
}

@media screen and (max-width:480px){
	.burger {width:6.5vw; height:4.4vw;}
	.burger span {height: 0.4vw; width: 6.5vw;}

	.burger span:nth-child(2) {top:2vw;}
	.burger span:last-child {top: 4vw;}

	.scroll_doc .burger, .scroll_doc .burger span {width:5vw}
	.scroll_doc .burger span:first-child {top:0.4vw;}
	.scroll_doc .burger span:nth-child(2) {top:2.2vw;}
	.scroll_doc .burger span:last-child {top:4vw;}

	.burger.active span {top:2vw;}

	.scroll_doc .burger.active span {top:2.2vw;}
}



/* --------------------------------------------------컨텐츠 영역-------------------------------------------------- */
/*new_content*/
#container_wrap {position:relative; display:block; background:#fff;overflow:hidden; transition:all 0.3s}
.is_cont {position:relative; max-width:1200px; width:100%; margin:0 auto; min-height:40px;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;}


@media screen and (max-width:1220px){
	.is_cont, .cont {max-width:94%}
}


/*서브이미지*/
.svis_wrap {position:relative;display: block;width:100%; height:320px; margin-top:123px; z-index:9; overflow:hidden}
.svis_bg {position:relative; width:100%; height:100%; background: url("/images/sub/sub_visual_bg01.jpg") no-repeat 50% 0; animation: zoominout 0.5s; animation-timing-function: linear; background-size:cover !important}

/*각페이지 별로 쓰고 싶을때 .svis_bg에 배경빼고 사용하세요*/
.svis01, .svis07, .svis08, .svis09 {background: url("/images/sub/sub_visual_bg01.jpg") no-repeat 50% 0;}
.svis02 {background: url("/images/sub/sub_visual_bg02.jpg") no-repeat 50% 0;}
.svis03 {background: url("/images/sub/sub_visual_bg03.jpg") no-repeat 50% 0;}
.svis04 {background: url("/images/sub/sub_visual_bg04.jpg") no-repeat 50% 0;}
.svis05 {background: url("/images/sub/sub_visual_bg05.jpg") no-repeat 50% 0;}
.svis06 {background: url("/images/sub/sub_visual_bg06.jpg") no-repeat 50% 0;}

@keyframes zoominout {
	0% {transform: scale3d(1.2, 1.2, 1);}
	100% {transform: scale3d(1, 1, 1);}
}

@media screen and (max-width:1220px){
	.svis_wrap {margin-top:80px}
}

@media screen and (max-width:1024px){
	.svis_wrap {height:32vw; margin-top:8vw}
}

@media screen and (max-width:768px){
	.svis_wrap {height:35vw; margin-top:12vw}
	.svis_bg {background-position:45% 50%}
}

@media screen and (max-width:480px){
	.svis_wrap {height:38vw; margin-top:16vw}
}


/*서브상단*/
.s_content {max-width:1200px; width:100%; min-height: 500px; padding:70px 0 120px; margin:0 auto; background:#fff;}

@media only screen and  (max-width:1220px) {
	.s_content {width:94%; min-height:300px}
}

@media only screen and  (max-width:1024px) {
	.s_content {padding:7vw 0 12vw}
}

@media only screen and  (max-width:768px) {
	.s_content {padding:8vw 0 13vw}
}

@media only screen and  (max-width:480px) {
	.s_content {padding:9vw 0 14vw}
}


/*서브 공통*/
.applicaiton_order {display:none;  }
.appplication_btn_wrap {overflow:hidden; text-align:center; margin-top:40px;}
.appplication_btn_wrap a {padding: 20px 150px; display:inline-block; color:#fff; border-radius:5px; box-sizing:Border-box;font-weight:bold;  font-size:20px;}
.appplication_btn01 {background:#1d2087; margin-right:10px;}
.appplication_btn02 {background:#f37461; }
.appplication_btn01:hover,  .appplication_btn02:hover  {background:#666;  transition-duration: 300ms; transition-timing-function: ease;}

.application_tit {font-size: 20px; padding-bottom: 15px; color: #333;}
.application_tit p {font-size: 14px; color: #999; margin-top:5px; }

.contact_box {border:3px solid #ddd; width:100%;}

@media only screen and  (max-width:1024px) {
	.appplication_btn_wrap {margin-top:4vw;}
	.appplication_btn_wrap a {padding: 2vw 3vw; border-radius:0.5vw; font-size:2vw;}
	.appplication_btn01 {margin-right:1vw;}

	.application_tit {font-size: 2vw; padding-bottom: 1.5vw;}
	.application_tit p {font-size: 1.4vw; margin-top:0.5vw;}

	.contact_box {border-width:0.3vw;}
}

@media only screen and  (max-width:768px) {
	.appplication_btn_wrap {margin-top:5vw;}
	.appplication_btn_wrap a {padding: 3vw 3vw; border-radius:0.7vw; font-size:3vw;}
	.appplication_btn01 {margin-right:2vw;}

	.application_tit {font-size: 3vw; padding-bottom: 2.5vw;}
	.application_tit p {font-size: 2.4vw; margin-top:0.7vw;}

	.contact_box {border-width:0.5vw;}
}

@media only screen and  (max-width:480px) {
	.appplication_btn_wrap {margin-top:6vw;}
	.appplication_btn_wrap a {padding: 4vw 3vw; border-radius:0.9vw; font-size:4vw;}
	.appplication_btn01 {margin-right:3vw;}

	.application_tit {font-size: 4vw; padding-bottom: 3.5vw;}
	.application_tit p {font-size: 3.4vw; margin-top:0.9vw;}

	.contact_box {border-width:0.7vw;}
}


/*2차 탭버튼*/
.smenu { padding:15px 0 50px 0;}
.smenu ul {overflow:hidden; text-align:center; }
.smenu ul li {border:1px solid #cccccc; margin-right:5px; display:inline-block; border-radius:50px; box-sizing:border-box}
.smenu ul li:last-child {margin-right:0}
.smenu ul li a {color:#3e3e3e; font-size:16px; display:block; width:220px; height:46px; line-height:46px;}
.smenu .on {border:3px solid #1d2087; }
.smenu .on a {color:#1d2087 !important; font-weight:700; display:block;}

.smenu2 { padding:15px 0 50px 0;}
.smenu2 ul { overflow:hidden; text-align:center; }
.smenu2 ul li {border:1px solid #cccccc; border-left:none;  display:inline-block}
.smenu2 ul li :first-child{border-left:1px solid #ccc;}
.smenu2 ul li a {color:#3e3e3e; font-size:15px; display:block; width:300px; height:46px; line-height:46px}
.smenu2 .on { border:3px solid #0066b3; }
.smenu2 .on a {color:#0066b3! important; display:block; font-weight:700; width:300px; height:40px; line-height:40px;}


@media only screen and  (max-width:1220px) {
	.smenu ul li a {width:200px}
}

@media only screen and  (max-width:1024px) {
	.smenu {padding:1.5vw 0 5vw;}
	.smenu ul {display: grid; grid-template-columns: 1fr 1fr; gap:1vw; padding-left:0}
	.smenu ul li {width:100%; border-radius:5vw;}
	.smenu ul li a {font-size:1.6vw; width:100%; height:5vw; line-height:5vw;}
	.smenu .on {border-width:0.3vw;}
	.smenu .on a {height:4.6vw; line-height:4.6vw}
}

@media only screen and  (max-width:768px) {
	.smenu {padding:2.5vw 0 6vw;}
	.smenu ul {gap:1.2vw;}
	.smenu ul li {border-radius:6vw;}
	.smenu ul li a {font-size:2.6vw; height:7vw; line-height:7vw;}
	.smenu .on {border-width:0.5vw; }
	.smenu .on a {height:6vw; line-height:6.5vw}
}

@media only screen and  (max-width:480px) {
	.smenu {padding:3.5vw 0 7vw;}
	.smenu ul {gap:1.4vw;}
	.smenu ul li {border-radius:7vw;}
	.smenu ul li a {font-size:3.6vw; height:9vw; line-height:9vw;}
	.smenu .on {border-width:0.7vw; }
	.smenu .on a {height:7.6vw; line-height:8.6vw}
}


/*3차 탭버튼*/
.snb_3th {text-align:center; margin-bottom:100px;}
.snb_3th li {display:inline-block; white-space: nowrap; margin:0 25px 10px 0}
.snb_3th li:last-child {margin-right:0}
.snb_3th a {font-size:20px; color:#7d7d80;}
.snb_3th #bo_cate_on {color:#1d2087; border-bottom:1px solid #1d2087}

@media only screen and  (max-width:1220px) {
	.snb_3th {text-align:left}
}

@media only screen and  (max-width:1024px) {
	.snb_3th {position:relative; height:5vw; margin-bottom:10vw; z-index:1;}
	.snb_3th ul {position:absolute; top:0; width:100%; height:100%; display:flex; margin-bottom:0; overflow-x:auto; overflow-y:hidden;}
	.snb_3th li {position: relative; margin:0 2.5vw 1vw 0}
	.snb_3th a {display:block; font-size:2vw; line-height:1.5em; margin-bottom:0.5vw}
}

@media only screen and  (max-width:768px) {
	.snb_3th {height:7vw; margin-bottom:11vw;}
	.snb_3th li {margin:0 3vw 2vw 0}
	.snb_3th a {font-size:3vw; margin-bottom:0.7vw}
}

@media only screen and  (max-width:480px) {	
	.snb_3th {height:9vw; margin-bottom:12vw;}
	.snb_3th li {margin:0 4vw 3vw 0}
	.snb_3th a {font-size:4vw; margin-bottom:0.9vw}
}



/* --------------------------------------------------푸터 영역-------------------------------------------------- */
#footer{position:relative; padding:10px 0 10px 0;background:#f4f4f4;border-top:1px solid #e1e1e1;}
.footer_pt{position:relative;  width:100%; max-width:1200px;margin:0 auto;text-align:center}
.footer_pt .lst_footer a{font-size:14px;font-weight:bold;vertical-align:top;color:#000}
.footer_pt .lst_footer .br{display:inline-block;vertical-align:top;height:100%;width:1px;margin:0 8px 0 12px;background:#c4c4c4}
.footer_pt .addr{width:auto;margin:20px 0px}
.footer_pt .addr li{display:inline-block;line-height:16px}
.footer_pt .addr .txt,.footer_pt .copyright,.footer_pt .copyright a{display:inline-block;color:#010101;line-height:1.6em; }
.footer_pt .addr .txt em{color:#000}
.footer_pt .copyright{margin-top:12px}
.footer_pt .copyright a{letter-spacing:-1px;text-decoration:underline}


/*new_footer jisoo*/
#footer_wrap {position:relative; background:#f4f4f4; border-top:1px solid #e1e1e1; color:#010101; text-align:center;}
#footer_wrap .ft_cont {position:relative; max-width:1200px; width:100%; margin:0 auto; padding:30px 0}
#footer_wrap a {color:#010101;}

#footer_wrap .ft_company {font-weight:700}

#footer_wrap .ft_infoUl li {display:inline-block;}
#footer_wrap .ft_infoUl li:after {content:""; display:inline-block; vertical-align:middle; width:1px; height:15px; background:#010101; margin:0 5px}
#footer_wrap .ft_infoUl li:last-child:after {display:none}


@media screen and (max-width:768px){
	#footer_wrap .ft_infoUl li:nth-child(3):after {display:none}
}

@media screen and (max-width:480px){
	#footer_wrap .ft_infoUl li:nth-child(2):after {display:none}
	#footer_wrap .ft_infoUl li:nth-child(3):after {display:inline-block}
}

/* --------------------------------------------------서브 영역-------------------------------------------------- */
/* 이미지 줌인 */
.trans{
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%;

transition:transform 2s ease-out; 
-webkit-transition:-webkit-transform 2s ease-out;
-moz-transition:-moz-transform 2s ease-out;

opacity:1;
}

.trans:hover{
-webkit-transform:scale3d(1.2,1.2,1.2);
-moz-transform:scale3d(1.2,1.2,1.2);
-o-transform:scale3d(1.2,1.2,1.2);
transform:scale3d(1.2,1.2,1.2);

transition:transform 2s ease-out; 
-webkit-transition:-webkit-transform 2s ease-out;
-moz-transition:-moz-transform 2s ease-out;

opacity:0.6;
}


/*테이블 스타일*/
.table_st01 {width: 100%; border-top: 2px solid #333 !important;}

.table_st01 th, .table_st01 td {	padding:15px 20px;	line-height:1.4em !important; border-width: 1px 0 1px 1px; border-style: solid;	border-color: #ddd; font-size:16px; text-align:center;}
.table_st01 td {color: #666;}
.table_st01 td * {letter-spacing: normal !important;}

.table_st01 thead th {color: #333; background: #f5f5f5; text-align:center;}
.table_st01 tbody th {border-width: 1px; background: #fdfdfd;}

table.table-horizontal tbody th {background: #f5f5f5;}

.table_st01 thead tr th:first-child {/* border-left: 1px solid #ddd !important; */}
.table_st01 thead tr:first-child th:first-child {border-left: 0 !important;}
.table_st01 tr th:first-child, .table_st01 tr td:first-child {border-left: 0; border-right: 0px solid #ddd;}

.third-wrap div.third {width: 33%; float: left; margin-left: 0.5%;}
.third-wrap div.third:first-child {margin-left: 0;}
.third-wrap div.third img {width: 100%;}

.table_st01 tfoot th {	background: #f5f5f5;}

.bor_le {border-left :1px solid #ddd !important;}

.table_wd02 th {width:20%}
.table_wd02 td {width:80%}

@media screen and (max-width:1024px){
	.table_st01 {border-width:0.2vw}
	.table_st01 th, .table_st01 td {	padding:1.5vw 2vw; font-size:1.6vw;}
}

@media screen and (max-width:768px){
	.table_st01 {border-width:0.4vw}
	.table_st01 th, .table_st01 td {	padding:2.5vw 3vw; font-size:2.6vw;}

	.table_wd02 th {width:30%}
	.table_wd02 td {width:70%}
}

@media screen and (max-width:480px){
	.table_st01 {border-width:0.6vw}
	.table_st01 th, .table_st01 td {	padding:3.5vw 4vw; font-size:3.6vw;}
}