@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

html{-webkit-text-size-adjust:100%}
body {padding:0; margin:0; font-size:16px; line-height:1; font-family:'Pretendard', '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; color:#333; width:100%; font-weight:400}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0}
img {border:none}

/* 링크 */
a, a:link {color:#333; text-decoration: none} 
a:visited {color: #333; text-decoration: none}
a:hover {color:#333; text-decoration: none}
a:focus {color:#333; text-decoration: none}
a:active {color:#333; text-decoration: none}
ul {list-style:none; margin:0; padding:0}
select {font-size:12px; height:22px}
table {width:100%; border-collapse:collapse}
caption {display:none}

#wrap {width:100%; position:relative; overflow-y:hidden; margin:0 auto}

#_header {width:100%; height:120px; background:#fff; z-index:200; box-sizing:border-box; font-size:0;  border-bottom:1px solid #e3e3e3; position:fixed; top:0; left:0}
#_header ._inner {width:100%; max-width:1800px; position:relative; margin:0 auto; padding-top:20px; box-sizing:border-box; font-size:0}
#_header h1 {font-size:0; display:inline-block; vertical-align:top}

#_header.fixed  {position:fixed; top:0; transition:all 0.3s linear; background:#fff; box-shadow:0 5px 12px rgb(0 0 0 / 5%);}
#_header.nofixed {position:fixed; top:-120px; transition:all 0.3s linear;} 
#_header:after {content:''; width:100%; height:1px; background:#e3e4e8; position:absolute; top:126px; left:0; opacity:0; transition:all 0.3s;}

#_header .gnb {display:inline-block; vertical-align:top; width: calc(100% - 700px); margin-left:70px; position:relative}
#_header .gnb > ul {z-index:10; box-sizing:border-box; font-size:0; position:relative}
#_header .gnb > ul > li {display:inline-block; width:16.66%; position:relative; vertical-align:top; text-align:center}
#_header .gnb > ul > li > a {font-size:22px; font-weight:600; text-align:center; display:block; padding:29px 0 49px 0}
#_header .gnb > ul > li > a:hover {color:#244087}
#_header .gnb > ul > li > a:before {content:""; width:0; left:50%; position:absolute; bottom:0; height:4px; background:#244087; transition:0.5s; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%)}
#_header .gnb > ul > li.active > a:before,
#_header .gnb > ul > li:hover > a:before {width:100%}

#_header .btn_all_menu {background:url('/images/comm/all_menu.gif') no-repeat; font-size:0; width:31px; height:30px; position:absolute; right:300px; top:50%; transform:translateY(-50%)}

#_header .tel {background:#244087; color:#fff; font-weight:500; padding:15px; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:16px}
#_header .tel img {margin-right:5px}

.q_menu {position:absolute; z-index:8; top:130px; /*transform:translateY(-50%);*/ right:10px; z-index:100; background:#fff; width:95px; box-shadow:0px 1px 3px rgba(0,0,0,0.2);}
.q_menu span {display:block; background:#244087; color:#fff; font-size:15px; text-align:center; padding:12px 0}
.q_menu > a {display:block; text-align:center; font-size:15px; box-sizing:border-box; padding:15px 10px}
.q_menu > a+a {border-top:#dbdbdb dotted 2px}
.q_menu > a > img {margin-bottom:10px}
.q_menu .gotop {margin-top:50px; display:inline-block}

/* all-menu */
.all-lnb {position:fixed;left:0;top:0;width:100%; height:100%; background-color:rgba(48,75,140,1); box-sizing:border-box; z-index:9999999; display:none}
.all-lnb .inner > h2 {margin:50px auto; position:inherit; top:50px; text-align:center}
.all-lnb .inner > a {width:45px;height:45px;display:block; position:absolute; right:50px; top:50px}
.all-lnb .inner > ul{font-size:0;text-align:center;letter-spacing:-.2px; position:relative; max-width:420px; margin:0 auto}
.all-lnb .inner > ul > li {position:relative; padding:10px; text-align:center; box-sizing:border-box; border-bottom:solid 1px; border-color:rgba(255,255,255,0.3)}
.all-lnb .inner > ul > li > a {display:block;font-size:23px;line-height:1;text-align:center; color:#fff; padding:10px 0}
.all-lnb .inner > ul > li > ul {margin-bottom:30px}
.all-lnb .inner > ul > li > ul > li > a {display:inline-block;font-size:16px;line-height:1.3;padding-top:10px;transition:all 0.3s;border-bottom:1px solid transparent; color:#eaeaea}
.all-lnb .inner > ul > li > ul > li > a:hover{font-weight:bold;border-bottom:1px solid #ddd;}
.all-lnb .inner > ul > li > ul > li.on > a{font-weight:bold;border-bottom:1px solid #ddd;}


	footer {padding:40px 0 70px 0; background:#6e7078; color:#fff}
	footer .bottom {max-width:1400px; margin:0 auto; position:relative; display:flex; flex-wrap:wrap; justify-content:space-between}

	footer .left {position:relative}
	footer .left a {display:inline-block; margin-bottom:40px}
	footer .left .img {display:inline-block; margin-left:50px; width:100px; vertical-align:top}
	footer .left .img img {max-width:100%; border-radius:10px}
	footer .left ul {}
	footer .left ul:after {content:""; clear:both; display:block}
	footer .left ul li {font-size:17px; font-weight:300; float:left; margin-top:15px; margin-right:20px}
	footer .left ul li:nth-child(2) {clear:both}
	footer .left ul li:nth-child(5) {clear:both}
	footer .left ul li a {color:#fff}
	
	footer .link {box-sizing:border-box; display:flex; flex-wrap:wrap; margin-bottom:50px; justify-content:flex-end}
	footer .link a {color:#fff; position:relative; font-weight:300}
	footer .link a+a {margin-left:20px; padding-left:20px}
	footer .link a+a:before {content:''; width:3px; height:3px; border-radius:50%; background:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%)}
	
	footer .icon {box-sizing:border-box; display:flex; flex-wrap:wrap; margin-bottom:50px; justify-content:flex-end}
	footer .icon a {color:#fff; position:relative; font-weight:300; text-align:center}
	footer .icon a+a {margin-left:40px}
	footer .icon a span {display:block; margin-top:10px}
	footer .admin {color:#fff; font-size:10px; font-weight:300; border:#fff solid 1px; border-radius:3px; padding:5px}

	.text_list1 > li {margin-bottom:10px; padding-left:15px; position:relative}
	.text_list1 > li:before {content:""; display:block; background:#277ebf; width:6px; height:6px; position:absolute; left:0; top:11px; border-radius:50%}
	.text_list1 > li > ul {margin-top:10px}
	.text_list1 li:last-child {margin-bottom:0}

/* table */

.table01 {position:relative}
.table01 p.info.top {margin-bottom:10px; text-align:right}
.table01 table {border-top:2px solid #6faaff; table-layout:fixed}

.table01 table th,
.table01 table td {padding:5px 10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center}
.table01 table th.left,
.table01 table td.left {text-align:left}
.table01 table th.right,
.table01 table td.right {text-align:right}
.table01 table thead th {background:#e3eeff; -webkit-print-color-adjust:exact; font-weight:500; letter-spacing:-1px}
.table01 table tbody th {background:#f5f9ff; -webkit-print-color-adjust: exact; font-weight:500}
.table01 table thead th:first-child {border-left:none}
.table01 table thead th:last-child {border-right:none}
.table01 table tbody th:first-child,
.table01 table tbody td:first-child {border-left:none}
.table01 table tbody th:last-child,
.table01 table tbody td:last-child {border-right:none}
.table01 table td .text li {position:relative; padding-left:10px}
.table01 table td .text li:before {content:""; display:block; width:4px; height:4px; border-radius:50%; background:#555; position:absolute; left:0; top:10px}
.table01 p.info_bottom {margin-top:10px}
.table01 p.info_bottom.tar {text-align:right}


.sub_page .page_nav {display:block}
.sub_page .page_nav.mobile {display:none}
.sub_page .page_nav ul {display:flex; justify-content:center}
.sub_page .page_nav ul li {border:1px solid #e0e0e0; outline:none}
.sub_page .page_nav ul li a,
.sub_page .page_nav ul li strong {font-size:14px; line-height:36px; min-width:36px; min-height:36px; display:inline-block; box-sizing:border-box; text-align:center}
.sub_page .page_nav ul li strong {font-weight:normal}
.sub_page .page_nav ul li a i {margin-right:0}
.sub_page .page_nav ul li a span {display:none}
.sub_page .page_nav ul li.pg_page {border-left:none}
.sub_page .page_nav ul li.pg_page.num_first {border-left:1px solid #e0e0e0}
.sub_page .page_nav ul li.pg_first,
.sub_page .page_nav ul li.pg_prev {margin-right:10px}
.sub_page .page_nav ul li.pg_next,
.sub_page .page_nav ul li.pg_last {margin-left:10px}
.sub_page .page_nav ul li.pg_page.num_first.pg_current,
.sub_page .page_nav ul li.pg_current {border-color:#000; border-left:1px solid #000}

@media all and (max-width:1200px){
	
	#_header {height:80px}
	#_header ._inner {padding:10px}
	#_header h1 img {width:200px}
	#_header .gnb {display:none}
	#_header .tel {right:70px; padding:10px}
	#_header .btn_all_menu {right:10px}
	
	.q_menu {display:none}
	
	footer .bottom {width:100%; padding:0 10px; box-sizing:border-box}

	footer .left, 
	footer .right {width:100%}
	
	footer .link {margin-bottom:30px; justify-content:flex-start; margin-top:30px}
	footer .icon {margin-bottom:30px; justify-content:flex-start}

}

@media all and (max-width:1024px){


}

@media all and (max-width:768px){

	.all-lnb .inner > h2 {margin:20px auto; top:20px}
	.all-lnb .inner > h2 img {width:180px}
	.all-lnb .inner > a {width:20px;height:20px; right:20px; top:20px}
	.all-lnb .inner > a img {width:20px}
	.all-lnb .inner > ul > li {padding:10px}
	.all-lnb .inner > ul > li > a {font-size:18px; padding:0}
	.all-lnb .inner > ul > li > ul {margin-bottom:0}
	.all-lnb .inner > ul > li > ul > li > a {font-size:14px;line-height:1.2;padding-top:10px}	

}


@media all and (max-width:640px){

	#_header .tel {display:none}

	footer {font-size:15px}
	footer .left ul li {font-size:15px; line-height:1.2}
	
	.table01 .scroll > table {min-width:600px}
	.table01 .scroll {overflow-x:auto; width:100%}
	.table01 .scroll {position:relative; padding-top:32px; background:url('/images/comm/bg_hand.gif') no-repeat right top;}

}

@media all and (max-width:430px){

	footer .left a {margin-bottom:20px}
	footer .left .img {display:block; margin-left:0; margin-bottom:10px}
	footer .link a+a {margin-left:10px; padding-left:10px}
	
	.table01 table th,
	.table01 table td {font-size:14px}
	
}