/* CSS 리셋 */




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    word-break: keep-all;
    text-decoration: none;
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, hgroup, menu, nav, section {
    display: block;
}
html {font-size:16px;}
body {line-height: 1; font-family: 'Nanum Gothic', sans-serif; color:#222; }
input, textarea, select, button {font-family: 'Nanum Gothic', sans-serif;  margin: 0;}
button {cursor: pointer; background: none; border: 0; padding:0; margin:0;}

ol, ul {
    list-style: none;
	
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {color:#222;}
h1, h2, h3, h4, h5, h6{ letter-spacing: -0.7px;}


/* 공통 CSS */

:root {
    --main-color :#122462;
    --indigo_light : #6775CE;
    --orange : #FFB100;
    --red_orange : #FF6446;
    --light_blue : #3080E2;
    --red : #CC1E39;
    --mint : #36BBC4;
    --gray_blue : #48698A;
    --midnight_blue : #848DB9;
    --tomato : #D64242;

    /* weight */
    --weight_extra_bold: 900;
    --weight_bold: 800;
    --weight_semi_bold: 700;
    --weight_medium: 600;
    --weight_regular: 500;
    --weight_normal: 400;
    --weight_light: 300;
    --weight_extra_light: 200;
    --weight_ultra_thin: 100;
}

.container {width:1280px; margin:0 auto;}
.small_container {width:630px; margin:0 auto;}
.ui-icon {display: none;}
.orange {color:var(--orange);}
.main_footer_content {display: none !important;}

.m_none{ display: inline-block}
.m_block{ display: none;}

/* 정렬 */

.text_left {text-align: left !important;}
.text_center {text-align: center;}


/* 폰트 웨이트 */

.medium {font-weight:var(--weight_medium);}
.bold {font-weight:var(--weight_bold);}
.semi_bold {font-weight: var(--weight_semi_bold);}

/* header */

header{ background: #146f50; width:100%; height: 65px; position : fixed; top:0; left: 0; z-index :999; padding: 0 0 0 3%;}
header .content{ width: 100%;height: 65px;  display: flex; flex-direction: row; justify-content: space-between; color: #fff; margin:0 auto;padding: 0;align-items: center;}
.pc_menu{ display: flex ;flex-direction:row;align-items: center;}
.mobile_menu{ height: 100vh;display: flex; width:100%;  left: -100%; background: #fff;  opacity:0.9; transition:0.5s;position: absolute;  top: 65px;}
.memu{  display :  flex; flex-direction: column; position: relative;}
.main_menu{ display: flex; flex-direction: row; }
.main_menu a{ width:140px; padding: 10px 0;color: #fff ; font-size:22px;}
.main_menu a:nth-child(3){ width: 180px;}
.sub_menu{ display: none; position: absolute; top: 70px; }
.sub_menu li{ color: #fff ;}
.sub_menu li{ width:140px; padding: 10px 0px ;color: #fff ;;}
.login_box {display: none;}
.login_box a{color: #fff ; margin:0 10px; font-size:15px;}

header{transition:0.5s;}
header:hover .sub_menu{ display: flex; z-index:2;}
iframe:hover .sub_menu{ display: flex; z-index:2;}

.sub_menu li:hover{ font-weight: bold;}
.menu_btn{ display: none;}

/* 페이지 로케이션 */

.page_location_box { width: 1820px; margin:0 auto;display: flex; justify-content: flex-start;}
.page_location {display: flex; align-items: center;}
.page_location span {font-size:20px; margin-right:10px;}
.page_location span img {height:15px;}
.page_location p {font-size:20px; }


/* 공통 타이틀 */

.sub_top{ width:100%; height: 350px; margin-top: 65px; background-image: url('../img/sub_top.png'); position: relative; background-position: center; background-size: cover;}
.container{ width:1425px; height: auto; position: absolute; top:50%; left: 50%; transform: translate(-50%, -30%)}
.sub_title{ width:100%; text-align: left;}
.sub_title h3{ color: #fff; font-size:40px;}
.sub_title h4{ color: #fff; font-size:20px; margin-top:20px;}

.location{width: 100%; margin:0 auto; padding: 20px 0; background: #fff; border-bottom: 1px solid #c6c6c6;}

.title_box{ width:100%; margin:0 auto 40px; }
.title_box h1{ text-align: center; font-size:35px;}
.title_box div{ margin:35px auto; width: 40px; height: 5px; background: #87be24;}
.title_box p{text-align: center; font-size:25px; line-height: 1.5;}

.content{ width:1680px; height: auto; padding: 60px 0; margin:0 auto;}
.content1{ width:100%; height: auto; padding: 85px 0; margin:0 auto;}

@media (max-width: 1680px){
    .content{ width: 100%; }
}

/* 플렉스 */

.d_flex {display:flex;}
.space_between {justify-content: space-between;}
.align_center {align-items: center;}
.justify_center {justify-content: center;}
.flex_end {justify-content: flex-end;}
.flex_start {align-items: flex-start;}


/* 공통 인풋 */

.input {padding:14px 20px; font-size:20px; border:1px solid #ddd; background: #fff; box-sizing: border-box;}
.input::placeholder {color:#999;}
.textarea {padding:20px; font-size:20px; background: #fff; border:1px solid #ddd; box-sizing: border-box;}
.textarea::placeholder {color:#999;}
.filebox .upload-name {display:inline-block; border:0; font-size:20px; cursor: default; background: none;}
.filebox label {display:inline-block;padding:14px 40px;color:#222; background: #fff; border:1px solid #000; cursor:pointer; font-size:20px; font-weight: var(--weight_medium); box-sizing: border-box; margin-right:20px;}
.filebox input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
.select {padding:14px 20px; font-size:20px; border:1px solid #ddd; background: #fff; box-sizing: border-box;}
.gray_input {border:0; background: #eee;}


/* 공통 버튼 */

.btn_box {display: flex; justify-content: center; align-items: center;}
.round_btn {font-size:24px; display: inline-block; font-weight:var(--weight_bold); color:#fff; background: var(--main-color); padding:14px 50px; border-radius: 50px;}
.round_btn_g {font-size:24px; display: inline-block; font-weight:var(--weight_bold); color:#222; background: #ddd; padding:14px 50px; border-radius: 50px;}
.sub_btn {font-size:20px; display: inline-block; font-weight:var(--weight_medium); color:#fff; background: var(--main-color); padding:16px 40px; border: 0;}
.white_btn {font-size:20px; display: inline-block; font-weight:var(--weight_medium); color:#222; background: #fff; padding:16px 30px; border: 1px solid #000;}
.arrow_btn {font-size:24px; color:var(--red_orange); background: url(../img/arrow_btn.png) no-repeat right bottom; padding-bottom: 15px; padding-right:40px;}
.arrow_btn b {font-weight:var(--weight_bold);}
.print_btn {font-size:16px; padding:5px 12px; border:1px solid #999; background: #f9f9f9;}


/* 게시판 css */

.board_content .top_banner {width:100%; height: 150px; display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom:100px;}
.board_content .top_banner p {font-size:20px; color:#fff; line-height: 1.5; position: relative;}
.board_content .top_banner .mint_icon::before {content: ''; display: block; background: url(../img/top_banner_mint_1.png) no-repeat; position: absolute; bottom:30px; left:-100px; width: 56px; height: 50px;}
.board_content .top_banner .mint_icon::after {content: ''; display: block; background: url(../img/top_banner_mint_2.png) no-repeat; position: absolute; top:30px; right:-100px;  width: 56px; height: 50px;}
.board_content .top_banner .indigo_icon::before {content: ''; display: block; background: url(../img/top_banner_indigo_1.png) no-repeat; position: absolute; bottom:30px; left:-100px; width: 56px; height: 50px;}
.board_content .top_banner .indigo_icon::after {content: ''; display: block; background: url(../img/top_banner_indigo_2.png) no-repeat; position: absolute; top:30px; right:-100px;  width: 56px; height: 50px;}
.board_content .board_box {width:100%; border-top:1px solid #000; margin-bottom:80px;}
.board_content .board_box ul {margin-bottom:50px;}
.board_content .board_box ul li {display: flex; justify-content: space-between; align-items: center; padding:35px 50px; border-bottom: 1px solid #ddd;}
.board_content .board_box ul li .left {display: flex; align-items: center; }
.board_content .board_box ul li .left .board_category {display:block; width:110px; margin-right:50px; font-size:24px; color:var(--light_blue); text-align: center;}
.board_content .board_box ul li .left .board_subject {font-size:24px; padding-left:20px; display: block; width:640px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_content .board_box ul li .left .board_num {display:block; width:60px; text-align:center; font-size:20px;}
.board_content .board_box ul li .right {display: flex; align-items: center; }
.board_content .board_box ul li .right .board_date {font-size:20px; color:#666;}
.board_content .board_box ul li .right .board_status {margin-left:80px; font-size:20px; padding:8px 0px; width: 100px; text-align: center; border:1px solid #666; background: #f9f9f9; border-radius: 50px;}
.board_content .board_box ul li .right .board_status.answered {border-color:var(--red); background: #FFF5F7; color:var(--red);}
.board_content .board_box ul li .right .board_views {font-size:20px; color:#666; margin-left:30px; padding-left:30px; background: url(../img/board_views_icon.png) no-repeat left center;}
.board_content .board_box .board_pagination {display: flex; justify-content: center; align-items: center; text-align: center;}
.board_content .board_box .board_pagination a.active {font-weight:var(--weight_bold); font-size:16px; text-decoration: underline;}


/* 공통 테이블 */

.table_wrap {overflow: auto;}
.table_wrap::-webkit-scrollbar-track{background-color:#fff;}
.table_wrap::-webkit-scrollbar{height:5px; background-color:#fff;}
.table_wrap::-webkit-scrollbar-thumb{background-color:#999999; border-radius: 100px;}
.table {width:1280px; border-top:1px solid #000;}
.table thead tr th {background: #f9f9f9; color:#8E959F; font-size:18px; font-weight:var(--weight_semi_bold); text-align: center; padding:10px; border:1px solid #ddd; border-top:1px solid #000; vertical-align: middle; line-height: 1.5;}
.table tbody tr td {font-size:20px; padding:30px 20px; border: 1px solid #ddd; text-align: center; background:#fff; line-height: 1.5; vertical-align: middle;}


/* 푸터 */

footer{width:100%; display: flex; flex-direction: column; align-items: center;background: #146f50; color: #fff; padding: 20px 0; text-align: center; line-height: 1.5; margin-top:58px;}
footer a{color: #fff;}




@media (max-width: 1820px){
    .page_location_box { width: 95%}
	
    header .content{  width: 100%}
}

@media (max-width: 1425px){
    .container {width: 100%; margin:0 auto;}
    .content {width: 95%; margin:0 auto;}
    .main_menu li{ padding: 10px 10px 10px 0; font-size:18px;}
    .sub_menu li{ padding: 10px 40px 10px 0;color: #fff ;font-size:14px;}
    .login_box a{ font-size:12px;}
	.mobile_menu{left:-100%;}
}
 @media (max-width: 1280px){
	header .content a{width: 180px;}
    header .content a img{width: 100%;}
	 
    .sub_btn, .white_btn {font-size: 16px; padding:15px 10px;}
    .round_btn {font-size:16px;}
    .round_btn_g {font-size:16px;}
    .input {font-size:16px;}
    .textarea {font-size:16px;}
    .select {font-size:16px;}

    .board_content .board_box ul li {padding:35px 10px;}
    .board_content .board_box ul li .left .board_subject {width: 380px; font-size:20px;}

    .table {width: 960px; } 
    .table thead tr th {font-size:16px;}
    .table tbody tr td {font-size:16px; padding:20px 15px;}

    .circle_title {font-size: 22px;}
    .square_title {font-size:22px;}
	.parent-container {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 67.25%; /* 원하는 비율로 조정 */
    }
	
    .parent-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .pc_menu, .login_box{ display: none ;}
    .m_sub_menu{ display: none; }
    .m_sub_menu li{ background: #f2f2f2;padding:15px  10px; border-bottom: 1px solid lightgray; font-size:26px;}
    
    .mobile_menu > div{width:100%;}
    .mobile_menu > div h1{font-weight: bold; color: #222; padding:15px  10px; border-bottom:1px solid lightgray; font-size:30px;}
    .menu_btn{display: flex;justify-content: flex-end}
	.menu_btn, .menu_btn span { display: inline-block;transition: all .4s;box-sizing: border-box;}
	.menu_btn { position: relative; width: 70px;height: 65px; }
	.menu_btn span {position: absolute;left: 25%; width: 50%;height: 2px;background-color: #fff;border-radius: 4px; }
	.menu_btn span:nth-of-type(1) {top: 30px;}
	.menu_btn span:nth-of-type(2) {top: 39px;}
	.menu_btn span:nth-of-type(3) {bottom:42px;}
	.menu_btn.active-1 span:nth-of-type(1) {
		-webkit-transform: translateY (-1px) rotate (-45deg);
		transform: translateY(-1px) rotate(-45deg);
	}

		.menu_btn.active-1 span:nth-of-type(2) {
		opacity: 0;
	}

		.menu_btn.active-1 span:nth-of-type(3) {
		-webkit-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}

    .mobile_login_box{ display: flex; flex-direction: row;justify-content: center; padding: 15px;}
    .mobile_login_box a{margin:0 10px; color: #fff; padding: 5px 20px; border-radius: 10px;}
    .mobile_login_box a:first-child{background: rgba(3,146,96,1)}
    .mobile_login_box a:last-child{background: #073A95}
	
	.sub_title{padding-left: 3%}

}

@media (max-width: 768px){
	.parent-container {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 84.25%; /* 원하는 비율로 조정 */
    }

    .m_sub_menu li{ background: #f2f2f2;padding:15px  10px; border-bottom: 1px solid lightgray; font-size:14px;}
    
    .mobile_menu > div{width:100%;}
    .mobile_menu > div h1{font-weight: bold; color: #222; padding:15px  10px; border-bottom:1px solid lightgray; font-size:16px;}

    .small_container {width: 95%; margin:0 auto;}
    .round_btn {font-size:18px;}
    .round_btn_g {font-size:18px;}
    .input {font-size:12px;}
    .textarea {font-size:12px;}
    .select {font-size:12px;}
    .sub_btn, .white_btn {font-size: 14px; padding:15px 10px;}
    .sub_title h3 {font-size:40px; line-height: 1.5;}
    
    .page_location_box {justify-content: center;}
    .page_location span {font-size:16px;}
    .page_location span img {height:10px;}
    .page_location p {font-size:16px;}

    .board_content .board_box {margin-bottom:50px;}
    .board_content .top_banner {margin-bottom:30px; height: 110px;}
    .board_content .top_banner p {font-size:16px; z-index: 1;}
    .board_content .top_banner .indigo_icon::before {width: 33px; height: 30px; background: url(../img/top_banner_indigo_1.png) no-repeat center / cover; left: 20px; bottom:75%; z-index: -1;}
    .board_content .top_banner .indigo_icon::after {width: 33px; height: 30px; background: url(../img/top_banner_indigo_2.png) no-repeat center / cover; right: 20px; top: 75%; z-index: -1;}
    .board_content .top_banner .mint_icon::before {width: 33px; height: 30px; background: url(../img/top_banner_mint_1.png) no-repeat center / cover; left: -44px; bottom:75%; z-index: -1;}
    .board_content .top_banner .mint_icon::after {width: 33px; height: 30px; background: url(../img/top_banner_mint_2.png) no-repeat center / cover; right: -44px; top: 75%; z-index: -1;}

    .board_content .board_box ul li .left {flex-direction: column; align-items: flex-start; width: 60%;}
    .board_content .board_box ul li .left .board_category {width: auto; text-align: left; font-size: 16px; margin-bottom:10px;}
    .board_content .board_box ul li .left .board_subject {padding-left:0; font-size: 18px; width: 100%;}
    .board_content .board_box ul li .right {flex-direction: column; }
    .board_content .board_box ul li .right .board_date {font-size:14px; margin-bottom:10px;}
    .board_content .board_box ul li .right .board_status {font-size:12px; margin-left:0; width: 60px; padding:4px 0px;}

    .filebox label {font-size:16px; padding:10px 20px; margin-bottom:10px;}
    .filebox .upload-name {font-size:13px;}

    .table thead tr th {font-size:14px;}
    .table tbody tr td {font-size:14px;}

    .arrow_btn {font-size:18px;}

    .m_none{ display: none!important;}
    .m_block{ display: inline-block;}

    .sub_title h3{ color: #fff; font-size:30px;}
    .sub_title h4{ color: #fff; font-size:16px; margin-top:10px;}

    .title_box{ width:100%; margin:0px auto 40px; }
    .title_box h1{ font-size:25px;}
    .title_box div{ margin:25px auto; }
    .title_box p{ font-size:16px; }

    .sub1_1{ display : flex; flex-direction: column; }
    .sub1_1 div:first-child h1{margin-top:20px;}
    .sub1_1 div:last-child{margin-left:0%; margin-top:40px; }
}


/*  sub1_1 ceo 인사말  */
.sub1_1{ display : flex; flex-direction: row;justify-content: center; }
.sub1_1 div:first-child{ display: flex; flex-direction: column;justify-content: space-between;}
.sub1_1 div:first-child h1{ font-size: 20px; margin-top:20px;}
.sub1_1 div:first-child h1 span{font-size:30px; }
.sub1_1 div:last-child{margin-left: 80px; font-size:25px; font-family: 'NanumGothic', sans-serif; line-height: 1.5;}

@media (max-width: 1280px){
	.sub1_1{ display : flex; flex-direction: column;  margin-top:20px;}
    .sub1_1 div:first-child h1{ font-size: 16px; }
    .sub1_1 div:first-child h1 span{font-size:26px; }
    .sub1_1 div:first-child img{width:100%;}
    .sub1_1 div:last-child{margin-left:5%; font-size:16px;font-family: 'NanumGothic', sans-serif; line-height: 1.5;}
	
	.sub1_1 img {height: 90%;}
}

@media (max-width: 768px){

    .sub1_1{ display : flex; flex-direction: column; }
    .sub1_1 div:first-child h1{font-size: 14px; margin-top:20px;}
    .sub1_1 div:last-child{margin-left:0%; margin-top:40px; }
	
	.sub1_1 img {height: 76%;}
}


/*sub1_2 사업개요*/
.sub1_2 {display : flex; align-items: stretch; max-width: 1200px; margin: 0 auto;}
.sub1_2 .img_wrap {width: 40%; overflow: hidden; position: relative;}
.sub1_2 .img_wrap img {height: 100%;}
.sub1_2 .list_wrap {width: 60%; height: 100%; padding: 24px 48px; background: #409064; display: flex;}
.sub1_2 .list {}
.sub1_2 .list li {position: relative; margin-bottom: 8px; color: #fff; line-height: 1.4;}
.sub1_2 .list li:last-child {margin-bottom: 0;}
.sub1_2 .list li .title {position: absolute; top: 0; left: 0; width: 80px; font-weight: 600;}
.sub1_2 .list li .list_item {margin-left: 80px; display: block;}
.sub1_2 table{ border : 1px solid #dfe2e0}
.sub1_2 table tr{border-bottom : 1px solid #dfe2e0}
.sub1_2 table th{ background: #f5faf6; padding: 14px 30px; text-align: left;font-size:20px; font-weight: bold;}
.sub1_2 table td{ background: #fff; padding: 14px 30px; font-size:20px;}


.sub1_2_2{max-width: 1200px; margin: 0 auto; padding: 0 240px;}
.sub1_2_2 .list > li {position: relative; padding: 8px 0 40px 120px;}
.sub1_2_2 .list > li:after { content: ''; display: block; position: absolute; width: 1px; height: 100%; background: #ddd; top: 4px; left: 9px; }
.sub1_2_2 .list > li:last-child:after { display: none; }
.sub1_2_2 .list > li .year {position: absolute; left: 0; top: 0; display: flex; align-items: center; margin-right: 24px;}
.sub1_2_2 .list > li .year span {font-size: 24px; font-weight: 600;}
.sub1_2_2 .list > li .year .circle { position: relative; display: block; width: 20px; height: 20px; margin-right: 16px; background: #409064; z-index: 1; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; }
.sub1_2_2 .list > li .year .circle:before { content: ''; display: block; width: 12px; height: 12px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.sub1_2_2 .list > li .list-nested > li {font-weight: 600; margin-bottom: 12px;}
.sub1_2_2 .list > li .list-nested > li .date {color: #409064; margin-right: 8px;}


.sub1_2_3 {max-width: 1200px; margin: 0 auto;}
.sub1_2_3 .list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub1_2_3 .list > li {width: 24%; padding: 32px; display: flex; flex-direction: column; align-items: center; box-shadow: 0px 0px 8px rgba(0,0,0,0.1); border-radius: 8px ; -webkit-border-radius: 8px ; -moz-border-radius: 8px ; -ms-border-radius: 8px ; -o-border-radius: 8px ; }
.sub1_2_3 .list > li .number { width: 48px; height: 48px; margin-bottom: 16px; text-align: center; line-height: 48px; color: #fff; font-weight: 600; border-radius: 48px; -webkit-border-radius: 48px; -moz-border-radius: 48px; -ms-border-radius: 48px; -o-border-radius: 48px; background: #409064; }
.sub1_2_3 .list > li .text {line-height: 1.6; font-weight: 600; text-align: center;}


@media (max-width: 1280px){

}

@media (max-width: 1000px){
    .sub1_2 table th{ padding: 10px 20px; text-align: left;font-size:16px; font-weight: bold;}
    .sub1_2 table td{ padding: 10px 20px; font-size:16px;}

    .sub1_2_3 .list > li {width: 49%;}
    .sub1_2_3 .list > li:nth-child(-n+2) {margin-bottom: 16px;}

    .sub1_2_2{padding: 0 80px;}
}
@media (max-width: 768px){
    .sub1_2 {flex-direction: column; height: auto;}
    .sub1_2 .img_wrap {width: 100%;}
    .sub1_2 .img_wrap img {width: 100%; height: auto;}
    .sub1_2 .list_wrap {width: 100%; padding: 24px;}

    .history > h1{font-size:20px; }
    .history > div{ font-size: 16px; line-height: 1.25;}

    .sub1_2_3{ flex-direction: column; }
    .sub1_2_3 .list > li {width: 100%; margin-bottom: 16px;}
    .sub1_2_3 .list > li:last-child {margin-bottom: 0;}

    .sub1_2_2{padding: 0;}
    .sub1_2_2 .list > li .list-nested > li .date {display: block; margin-bottom: 8px;}
    .sub1_2_2 .list > li .list-nested > li .text {line-height: 1.4;}
}
/* sub1_3 조직도*/
.sub1_3{width: 100%; margin: 0 auto;}
.sub1_3 img{margin:0 auto; display: block;}


@media (max-width: 1280px){

    .sub1_3 img{width:100%;}
}

/* sub1_5 오시는길*/
.sub1_5{}
.sub1_5_tab{ width:100%; display: flex; flex-direction: row; margin-bottom:60px;}
.sub1_5_tab li{ background: #fff; border: 1px solid #c9c9c9; text-align: center; padding: 20px; width:16.6666%; font-size: 24px;}
.active{ background: #87be24!important; color: #fff;border: 1px solid #87be24!important;}
.sub1_5_info{ display: flex; flex-direction: row; align-items: center; margin-top: 20px; margin-bottom: 20px;}
.sub1_5_info img{width:19px;}
.sub1_5_info h2{ margin: 0 20px 0 10px; font-size: 22px;}
.sub1_5_info p{font-size: 22px;}


.sub1_5_content{visibility:hidden; width:100%}
.sub1_5 #content1{visibility:visible; display:inline-block}

@media (max-width: 1000px){
    .sub1_5_tab li{display: flex; flex-direction:row; justify-content: center; align-items: center; padding: 10px; font-size: 16px;}
}

@media (max-width: 768px){

    .sub1_5_tab{flex-wrap: wrap; margin-bottom:20px;}
    .sub1_5_tab li{  width:33%;}

    .sub1_5_info h2,  .sub1_5_info p{font-size:16px;}
    
    
}
/* sub1_6 안전보건경영방침*/
.sub1_6_1{width: 100%; margin: 50px auto;}
/*.sub1_6_1 img{margin:0 auto; display: block; padding-bottom: 10px;}*/
.sub1_6_1 img{width:550px;}
.sub1_6_2 img{width:550px;}
.sub1_6_3 img{width:550px;}

.sub1_6_2{width: 100%; margin: 50px auto;}
.sub1_6_2 img{margin:0 auto; display: block; padding-top: 10px; padding-bottom: 10px;}

.sub1_6_3{width: 100%; margin: 50px auto;}
.sub1_6_3 img{margin:0 auto; display: block; padding-top: 10px;}


@media (max-width: 1280px){
	.sub1_6_1 {flex-direction: column;}		
    .sub1_6_1 img{width:550px;}
    .sub1_6_2 img{width:550px;}
    .sub1_6_3 img{width:550px;}
}
@media (max-width: 1000px){
	.sub1_6_1 {flex-direction: column;}		
    .sub1_6_1 img{width:430px;}
    .sub1_6_2 img{width:430px;}
    .sub1_6_3 img{width:430px;}
	.sub1_6_1{width: 100%; margin: 10px auto;}
}
@media (max-width: 768px){
	.sub1_6_1 {flex-direction: column;}		
    .sub1_6_1 img{width:340px;}
    .sub1_6_2 img{width:340px;}
    .sub1_6_3 img{width:340px;}
	.sub1_6_1{width: 100%; margin: 10px auto;}
}



/* sub3_6 졸음쉼터*/
.sub3_6{}
.sub3_6_tab{ width:100%; display: flex; flex-direction: row;justify-content: center; margin-bottom:30px;}
.sub3_6_tab li{ background: #fff; border: 1px solid #c9c9c9; text-align: center; padding: 20px; width:50%; font-size: 24px;}
.active{ background: #87be24!important; color: #fff;border: 1px solid #87be24!important;}
.sub3_6_info{ display: flex; flex-direction: row; align-items: center; margin-top: 20px;}
.sub3_6_info img{width:19px;}
.sub3_6_info h2{ margin: 0 20px 0 10px; font-size: 22px;}
.sub3_6_info p{font-size: 22px;}

.sub3_6_select{float: right;  padding: 5px 10px;margin-bottom:20px;}

.sub3_6_content{display: none;background: #fff; clear: both; }
.sub3_6 #content1{display:block; }

.sub3_6_content:nth-of-type(n+2) {padding: 0 240px;}
.sub3_6_content .title_wrap {text-align: center; margin-bottom: 40px;}
.sub3_6_content .title_wrap .title {position: relative; display: inline-block; font-size: 32px; font-weight: 600; padding-bottom: 24px;}
.sub3_6_content .title_wrap .title:before {content: ''; position: absolute; bottom: 7px; display: block; width: 100%; height: 2px; background: #333;}
.sub3_6_content .title_wrap .title:after { content: ''; position: absolute; left: 50%; bottom: 5px; display: block; width: 44px; height: 6px; background: #333; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
.sub3_6_content .title_wrap .sub_title {display: block; text-align: center; line-height: 1.4; margin-top: 8px;}
.sub3_6_content .text_wrap {margin-bottom: 8px;}
.sub3_6_content .text_wrap .text {line-height: 1.8; font-size: 18px;}
.sub3_6_content .text_wrap.type_02 {background: #d1d2d4; padding: 16px; margin: 32px 0;}
.sub3_6_content .text_wrap.type_03 {background: #d1d2d4; padding: 16px; margin-bottom: 0;}
.sub3_6_content .text_wrap.type_03 .text .title{font-weight: 600;}
.sub3_6_content .text_wrap.type_04 {display: flex; margin-bottom: 16px;}
.sub3_6_content .text_wrap.type_04 .text {margin-right: 16px;}
.sub3_6_content .img_wrap {display: flex; flex-wrap: wrap;}
.sub3_6_content .img_wrap img {width: 100%;}
.sub3_6_content .img_wrap.type_02 img {width: 50%;}
.sub3_6_content .img_wrap.type_03 img:nth-child(n+2) {width: calc(50% - 4px); margin: 8px 8px 0 0;}
.sub3_6_content .img_wrap.type_03 img:last-child {margin-right: 0;}
.sub3_6_content .with_description .description {display: block; width: 100%; padding-left: 24px; text-align: right; margin: 8px 0; font-size: 14px; line-height: 1.4;}
.sub3_6_content .description_wrap {display: flex;}

#sub3_6_content3 div:nth-child(4) {margin-top: 24px;}
#sub3_6_content4 div:nth-child(7),
#sub3_6_content4 div:nth-child(10) {margin-top: 24px;}

@media (max-width: 1280px){
    .sub3_6_content .title_wrap .sub_title {padding: 0;}
    .sub3_6_content:nth-of-type(n+2) {padding: 0 120px;}
}

@media (max-width: 1000px){
    .sub3_6_tab li{display: flex; flex-direction:row; justify-content: center; align-items: center; padding: 10px; font-size: 16px;}
    .sub3_6_content:nth-of-type(n+2) {padding: 0;}
}

@media (max-width: 768px){
    .sub3_6_tab{flex-wrap: wrap; margin-bottom:20px;}
    .sub3_6_tab li{width:50%;}

    .sub3_6_content .text_wrap.type_04 {flex-direction: column;}
}

/* sub2_1 실시간교통정보*/
.sub2_1{}
.sub2_1_tab{ width:100%; display: flex; flex-direction: row;justify-content: center; margin-bottom:30px;}
.sub2_1_tab li{ background: #fff; border: 1px solid #c9c9c9; text-align: center; padding: 20px; width:35%; font-size: 24px;}
.active{ background: #87be24!important; color: #fff;border: 1px solid #87be24!important;}
.sub2_1_info{ display: flex; flex-direction: row; align-items: center; margin-top: 20px;}
.sub2_1_info img{width:19px;}
.sub2_1_info h2{ margin: 0 20px 0 10px; font-size: 22px;}
.sub2_1_info p{font-size: 22px;}

.sub2_1_select{float: right;  padding: 5px 10px;margin-bottom:20px;}

.sub2_1_content{display: none;background: #fff; clear: both; }
.sub2_1 #content1{display:block; }
.container3 {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1000px){
    .sub2_1_tab li{display: flex; flex-direction:column; justify-content: center; align-items: center; padding: 10px; font-size: 16px;}
}

@media (max-width: 768px){

    .sub2_1_tab{flex-wrap: wrap;flex-direction: column; margin-bottom:20px;}
    .sub2_1_tab li{  width:100%;}
	.sub2_1_tab li div .map{  width:98%;}
	.container3 {  display: flex;  justify-content: center;  align-items: center; width:98%;}

    
    
}

/* 사고 및 공사 정보 */
.sub2_2 ul{width: 100%; margin-top: 24px; background: #f0f0f0;}
.sub2_2 ul > li{display: flex; padding: 20px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.sub2_2 ul > li div{text-align: center; font-size: 20px; font-weight: 600; font-family: 'Nanum Gothic', sans-serif;}
.sub2_2 ul > li div:nth-child(1){width: 10%;}
.sub2_2 ul > li div:nth-child(2){width: 60%;}
.sub2_2 ul > li div:nth-child(3){width: 15%;}
.sub2_2 ul > li div:nth-child(4){width: 15%;}

.paging{ display :flex; justify-content: center; margin-top:80px;}
.paging div{color: #aaaaaa; border: 1px solid #aaaaaa; width: 35px; height: 35px; margin:0 3px; display: flex; flex-direction:column;
            justify-content: center;align-items: center}
.paging .active{color: #fff;}


@media (max-width: 1000px){
    .sub2_2 ul li:first-child div{font-size: 16px;}
    .sub2_2 ul li{padding: 16px 0;}
}
@media (max-width: 768px){
    .sub2_2 ul li div:nth-child(1){width: 10%;}
    .sub2_2 ul li div:nth-child(2){width: 50%;}
    .sub2_2 ul li div:nth-child(3){width: 25%;}
    .sub2_2 ul li div:nth-child(4){width: 15%;}
}

/* sub2_3 고속도로소통현황 */
.sub2_3{}
.sub2_3img{width:100%;}
.sub2_3_tab{ width:100%; display: flex; flex-direction: row; flex-wrap:wrap; margin-top:-1px;}
.sub2_3_tab li{ background: #ebebeb; border: 1px solid #fff; text-align: center; padding: 20px; width:14.28%; font-size: 24px;}
.sub2_3_tab li img{ margin-right: 10px;}
.active{ background: #87be24!important; color: #fff;border: 1px solid #87be24!important;}
.sub2_3_info{ display: flex; flex-direction: row; align-items: center; margin-top: 20px;}
.sub2_3_info img{width:19px;}
.sub2_3_info h2{ margin: 0 20px 0 10px; font-size: 22px;}
.sub2_3_info p{font-size: 22px;}


.sub2_3_content{display: none;}
.sub2_3 #content1{display:block}
.sub2_3 table{font-size: 24px; width:100%; text-align: center;}
.sub2_3 table td{padding: 15px; }
.sub2_3 table thead{ border-top: 1px solid #222; border-bottom: 1px solid #222;}
.sub2_3 table thead td{background: #ebebeb;}
.sub2_3 table thead td:first-child{border-left: none ;}
.sub2_3 table tbody td:first-child{border-left: none ;height:66.5px;line-height: 1.5; display: flex; flex-direction: row; align-items: flex-start;justify-content: space-evenly}
.sub2_3 table tbody th{background: #f5faf6;}
.sub2_3 table tbody td{background :#fff;font-family: 'NanumGothic', sans-serif; border-left: 1px solid lightgray; border-bottom:1px solid lightgray;}


@media (max-width: 1000px){
    .sub2_3_tab li{display: flex; flex-direction:row; justify-content: center; align-items: center;padding: 10px 5px; font-size: 14px;}

    .sub2_3_content > p{ flex-direction: column; font-size:16px;}
    .sub2_3_content > p span{display:inline-block; margin-top:10px; text-align: right; font-size:10px;}
    .sub2_3 table{font-size: 16px; }
    .sub2_3 table tbody th, .sub2_3 table td{padding: 10px 5px; }
    
    
}


@media (max-width: 768px){
    .sub2_3_tab li{display: flex; flex-direction:row; justify-content: center; align-items: center;padding: 10px 5px; font-size: 14px;}

    .sub2_3_tab{flex-wrap: wrap; margin-bottom:20px;}
    .sub2_3_tab li{  width:33%;}
    .sub2_3 table{font-size: 12px; }
    .sub2_3 table tbody th, .sub2_3 table td{padding: 10px 2px; }
    
    
}


/* sub3_1 노선도/진출입로안내 */
.sub3_1{} 
.sub3_1_tab{ width:100%; display: flex; flex-direction: row; margin-bottom:60px;}
.sub3_1_tab li{ background: #fff; border: 1px solid #c9c9c9; text-align: center; padding: 20px; width:16.6666%; font-size: 24px; cursor:pointer}
.sub3_1_tab li img{ margin-right: 10px;}
.active{ background: #87be24!important; color: #fff;border: 1px solid #87be24!important;}
.sub3_1_info{ display: flex; flex-direction: row; align-items: center; margin-top: 20px;}
.sub3_1_info img{width:19px;}
.sub3_1_info h2{ margin: 0 20px 0 10px; font-size: 22px;}
.sub3_1_info p{font-size: 22px;}


.sub3_1_content{display: none; width:100%;}
.sub3_1_content img{width:80%; height:auto;}
.sub3_1 #sub3_1_content7{display: flex; justify-content: center; align-items: center;}

@media (max-width: 1000px){
    .sub3_1_tab li{display: flex; flex-direction:row; justify-content: center; align-items: center;padding: 10px 5px; font-size: 14px;}
}

@media (max-width: 768px){

    .sub3_1_tab{flex-wrap: wrap; margin-bottom:20px;}
    .sub3_1_tab li{  width:33%;}

	.sub3_1_content img{width:100%}

    
    
}

.community_site_list{
	overflow:hidden;
	margin-left:-1%;
}
.community_site_list li{
	float:left;
	width:23%;
	margin:0 1% 30px;	
	background:#fff;
}
.community_site_list li .site_img img{	
	max-width:100%;	
}
.community_site_list li .site_text{	
	border-top:1px solid #d7d7d7;	
	padding:20px; 
}
.community_site_list li .site_text dt{	
	font-size:18px;	
	font-weight:500;
}
.community_site_list li .site_text dd{
	padding-top:10px;		
	word-wrap:break-word;
}
.community_site_list a {	
	color:#333;
}
.community_site_list a:hover {	
	color:#ff8b3d;
}


@media (max-width: 640px){
.community_site_list{
		overflow:hidden;
		margin-left:-1%;
	}
	.community_site_list li{
		float:left;
		width:48%;
		margin:0 1% 15px;	
	}		
	.community_site_list li .site_text {
		padding:10px;
	}
	.community_site_list li .site_text dt{	
		font-size:12px;					
	}
	.community_site_list li .site_text dd{
		font-size:11px;	
		height:20px;				
	}	
}
	


/*sub3_2 구간별 거리 안내 */

.sub3_2{}
.sub3_2 > p{text-align: right; margin-bottom:10px; font-size:18px;}
.sub3_2 table{width:100%; text-align: center; font-size: 20px; font-family: 'NanumGothic', sans-serif;}
.sub3_2 table td{padding: 15px;  border: 1px solid #d7d7d7;}
.sub3_2 table thead td{background: #f0f0f0; font-weight: 600;}
.sub3_2 table tbody th{background: #f0f0f0;border: 1px solid #d7d7d7; font-weight: 600;}
.sub3_2 table tbody td{background :#fff; width: 14.285%; font-weight: 400;}

@media (max-width: 768px){
    
    .sub3_2 > p{ font-size:14px;}
    .sub3_2 table{ font-size: 14px;}
    .sub3_2 table tbody th, .sub3_2 table td{padding: 15px 0; word-break: break-all; vertical-align: middle;}
    
}

/* sub3_3 통행료안내 */
.sub3_3{}

.sub3_3_tab{ width:100%; display: flex; flex-direction: row; margin-bottom:60px;}
.sub3_3_tab li{ background: #fff; border: 1px solid #c9c9c9; text-align: center; padding: 20px; width:16.6666%; font-size: 24px;}
.sub3_3_tab li img{ margin-right: 10px;}
.active{ background: #87be24!important; color: #fff;border: 1px solid #87be24!important;}
.sub3_3_info{ display: flex; flex-direction: row; align-items: center; margin-top: 20px;}
.sub3_3_info img{width:19px;}
.sub3_3_info h2{ margin: 0 20px 0 10px; font-size: 22px;}
.sub3_3_info p{font-size: 22px;}


.sub3_3_content{display: none;}
.sub3_3_content > p{ display:flex; flex-direction:row; justify-content: space-between; margin-bottom:10px; font-size:18px; line-height:1.5;}
.sub3_3_content > p span{font-size:18px;}
.sub3_3_content img{width:100%;}
.sub3_3 #content1{display:block}
.sub3_3 table{width:100%; text-align: center; font-size: 20px; font-family: 'NanumGothic', sans-serif;}
.sub3_3 table td{padding: 15px;  border: 1px solid #d7d7d7;}
.sub3_3 table thead td{background: #f0f0f0; font-weight: 600;}
.sub3_3 table tbody th{background: #f0f0f0;border: 1px solid #d7d7d7; font-weight: 600;}
.sub3_3 table tbody td{background :#fff; width: 12.5%; font-weight: 400;}


@media (max-width: 1000px){
    .sub3_3_tab li{display: flex; flex-direction:row; justify-content: center; align-items: center;padding: 10px 5px; font-size: 14px;}

    .sub3_3_content > p{ flex-direction: column; font-size:16px;}
    .sub3_3_content > p span{display:inline-block; margin-top:10px; text-align: right; font-size:10px;}
    .sub3_3 table{font-size: 16px; }
    .sub3_3 table tbody th, .sub3_3 table td{padding: 10px 5px; }
    
    
}


@media (max-width: 768px){
    .sub3_3_tab li{display: flex; flex-direction:row; justify-content: center; align-items: center;padding: 10px 5px; font-size: 14px;}

    .sub3_3_tab{flex-wrap: wrap; margin-bottom:20px;}
    .sub3_3_tab li{  width:33%;}
    .sub3_3 table{font-size: 12px; }
    .sub3_3 table tbody th, .sub3_3 table td{padding: 10px 2px; }
    
    
}


/* sub3_4  제한차량안내 */
.sub3_4{}
.sub3_4_title{ width:100%; padding: 20px; color: #Fff; background:#87be24; font-size:25px;}
.sub3_4_content{ background: #fff; padding: 30px 20px;font-size: 21px; line-height: 1.5; border: 1px solid #c6c6c6; margin-bottom: 60px;}
.sub3_4_content img{ display: block; margin: 40px auto;}
.width1{display: inline-block; width:1%;}
.width2{display: inline-block; width:2.5%;}

@media (max-width: 1000px){
    .sub3_4_content img{width: 85%}

    .sub3_4_content{ font-size: 16px;}
    .sub3_4_title{ font-size: 20px;}
}

@media (max-width: 768px){
    .sub3_4_content{ font-size: 14px;}
    .sub3_4_title{ font-size: 16px; padding: 15px 20px;}
}

/* sub3_5 고속도로관리 */
.sub3_5{}
.sub3_5_tab{ width:100%; display: flex; flex-direction: row; margin-bottom:40px;}
.sub3_5_tab li{ background: #fff; border: 1px solid #c9c9c9; text-align: center; padding: 20px; width:33%; font-size: 24px;}
.sub3_5_tab li img{ margin-right: 10px;}
.active{ background: #87be24!important; color: #fff;border: 1px solid #87be24!important;}
.sub3_5_info{ display: flex; flex-direction: row; align-items: center; margin-top: 20px;}
.sub3_5_info img{width:19px;}
.sub3_5_info h2{ margin: 0 20px 0 10px; font-size: 22px;}
.sub3_5_info p{font-size: 22px; }


.sub3_5_content{width:100%;display: none;}
.sub3_5_content > h1{ font-size: 25px;}
.sub3_5_content > p {font-size:22px; margin: 20px 0 40px;line-height:1.5;}
.sub3_5_content > p span{ color : #87be24;font-family: 'NotoSansKR-Medium';}
.sub3_5_content .img{ padding: 40px 0;width:100%;  background: #fff; margin-bottom:30px;}
.sub3_5_content .img img{ display: block; margin:0 auto;}
.sub3_5_content .img h1{ text-align: center; font-size: 22px; margin-top:40px;}
.sub3_5 #content1{display:block}

@media (max-width: 1000px){
    .sub3_5_tab li{display: flex; flex-direction:row; justify-content: center; align-items: center;padding: 10px 5px; font-size: 14px;}

    .sub3_5_content img{ width: 85%;}
}

@media (max-width: 768px){

    .sub3_5_tab{flex-wrap: wrap; margin-bottom:20px;}
    .sub3_5_tab li{  width:33%; font-size:12px;}

    .sub3_5_content > h1{ font-size:20px;line-height:1.5;}
    .sub3_5_content > p {font-size:16px; margin: 0px 0 40px;}

    
    
}
/*sub3_6 주요시설물현황 */

.sub3_6{}
.sub3_6 > p{ text-align: right; margin-bottom:10px; font-size:18px;}
.sub3_6 table{font-size: 18px; width:100%; text-align: center;  border-top: 2px solid #222}
.sub3_6 table td{padding: 15px;  border: 1px solid #d7d7d7;}
.sub3_6 table tbody th{background: #f8f8f8;border: 1px solid #d7d7d7; width: 25%;vertical-align: middle;}
.sub3_6 table tbody td{background :#fff;font-family: 'NotoSansKR-Light'; line-height: 1.5;vertical-align: middle;}
.sub3_6 table tbody td img{ width: 100%;}
.sub3_6_2 { background: #fff;}
.sub3_6_2 .content{text-align: center; padding:80px 0 0;}
.sub3_6_2 .content img{margin:0 auto; }

.sub3_6_tab li img{ margin-right: 10px;}
@media (max-width: 768px){
    
    .sub3_6 > p{ font-size:14px;}
    .sub3_6 table{font-size: 14px; }
    .sub3_6 table tbody th, .sub3_6 table td{padding: 15px 5px; }

    .sub3_6 table tbody th{ width: 15%}
    .sub3_6_2 .content img{width:100%; }

}

/* notice 공지사항 */

.notice_list{}
.search{ width:100%; display : flex; justify-content: flex-end;}
.search button{ background: #fff;padding: 5px 10px;border:1px solid lightgray; border-left: none;}
.search input{border:1px solid lightgray; border-right: none; padding: 5px 10px; }

.notice_list ul{width: 100%; margin-top: 24px; background: #f0f0f0;}
.notice_list ul > li{display: flex; padding: 20px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.notice_list ul > li div{text-align: center; font-size: 20px; font-weight: 600; font-family: 'Nanum Gothic', sans-serif;}
.notice_list ul > li div:nth-child(1){width: 10%;}
.notice_list ul > li div:nth-child(2){width: 60%;}
.notice_list ul > li div:nth-child(3){width: 15%;}
.notice_list ul > li div:nth-child(4){width: 15%;}

.paging{ display :flex; justify-content: center; margin-top:80px;}
.paging div{color: #aaaaaa; border: 1px solid #aaaaaa; width: 35px; height: 35px; margin:0 3px; display: flex; flex-direction:column;
            justify-content: center;align-items: center}
.paging .active{color: #fff;}


@media (max-width: 1000px){
    .notice_list ul li:first-child div{font-size: 16px;}
    .notice_list ul li{padding: 16px 0;}
}
@media (max-width: 768px){
    .notice_list ul li div:nth-child(1){width: 10%;}
    .notice_list ul li div:nth-child(2){width: 50%;}
    .notice_list ul li div:nth-child(3){width: 25%;}
    .notice_list ul li div:nth-child(4){width: 15%;}
}

/*imnquiry 고객의소리*/

.inquiry{}

.inquiry_tab{ width:100%; display: flex; flex-direction: row;justify-content: center; margin-bottom:30px;}
.inquiry_tab li{ background: #fff; border: 1px solid #c9c9c9; text-align: center; padding: 20px; width:16.66666%; font-size: 24px;}
.active{ background: #87be24!important; color: #fff;border: 1px solid #87be24!important;}


.search{ width:100%; display : flex; justify-content: flex-end;}
.search button{ background: #fff;padding: 5px 10px;border:1px solid lightgray; border-left: none;}
.search input{border:1px solid lightgray; border-right: none; padding: 5px 10px; }



.inquiry_list{width:100%; margin-top:40px;}
.inquiry_list li{ padding: 20px; border-bottom: 1px solid lightgray;}
.inquiry_list li{display: flex ; flex-direction: row; }
.inquiry_list li:first-child{ border-top: 2px solid lightgray;border-bottom: 2px solid lightgray;}
.inquiry_list li:first-child div{font-size: 25px;  text-align: center;}
.inquiry_list li:first-child div:nth-child(2){text-align:center;}
.inquiry_list li:first-child div:nth-child(4){color: #222;}
.inquiry_list li{font-size:20px;text-align: center;}
.inquiry_list li div:nth-child(1){ width: 5%;}
.inquiry_list li div:nth-child(2){width: 15%;}
.inquiry_list li div:nth-child(3){width: 50%;text-align : left;}
.inquiry_list li div:nth-child(4){width: 10%; color: #87be24}
.inquiry_list li div:nth-child(5){width:10%;}
.inquiry_list li div:nth-child(6){width:10%;}

.paging{ display :flex; justify-content: center; margin-top:80px;}
.paging div{color: #aaaaaa; border: 1px solid #aaaaaa; width: 35px; height: 35px; margin:0 3px; display: flex; flex-direction:column;
            justify-content: center;align-items: center}
.paging .active{color: #fff;}


@media (max-width: 1000px){

    .inquiry_tab li{display: flex; flex-direction:row; justify-content: center; align-items: center; padding: 10px; font-size: 16px;}
    .inquiry_list li{ padding: 10px; border-bottom: 1px solid lightgray;}
    .inquiry_list li:first-child div{font-size: 14px;  }
    .inquiry_list li{font-size:14px; padding: 10px 5px;}
}
@media (max-width: 768px){

    .inquiry_tab{flex-wrap: wrap; margin-bottom:20px;}
    .inquiry_tab li{  width:33%;}

    .inquiry_list li{justify-content: space-between;font-size:13px;}
    .inquiry_list li div:nth-child(1){ width:5%;}
    .inquiry_list li div:nth-child(2){width: 15%;}
    .inquiry_list li div:nth-child(3){width: 30%;text-align : left;}
    .inquiry_list li div:nth-child(4){width:15%;}
    .inquiry_list li div:nth-child(5){width: 10%;}
    .inquiry_list li div:nth-child(6){width:20%;}

}


/* promotion 홍보마당*/

.promotion{}

.promotion_tab{ width:100%; display: flex; flex-direction: row;justify-content: center; margin-bottom:30px;}
.promotion_tab li{ background: #fff; border: 1px solid #c9c9c9; text-align: center; padding: 20px; width:50%; font-size: 24px;}
.active{ background: #87be24!important; color: #fff;border: 1px solid #87be24!important;}


.search{ width:100%; display : flex; justify-content: flex-end;}
.search button{ background: #fff;padding: 5px 10px;border:1px solid lightgray; border-left: none;}
.search input{border:1px solid lightgray; border-right: none; padding: 5px 10px; }


#content1{display: flex;}

.promotion_list{width:100%; margin-top:40px;display: none; flex-direction: row; flex-wrap: wrap;}
.promotion_list li{ width: 25%; margin-bottom:30px;}
.promotion_list li .list_img{ width:85%; height: 300px;}
.promotion_list li h1{width:85%;margin: 10px 0; font-size:22px; line-height: 1.2;}

.paging{ display :flex; justify-content: center; margin-top:80px;}
.paging div{color: #aaaaaa; border: 1px solid #aaaaaa; width: 35px; height: 35px; margin:0 3px; display: flex; flex-direction:column;
            justify-content: center;align-items: center}
.paging .active{color: #fff;}

.promotion_iframe { justify-content: flex-start;}

@media (max-width: 1280px){
    .promotion_tab li{display: flex; flex-direction:row; justify-content: center; align-items: center; padding: 10px; font-size: 16px;}

    .promotion_list li .list_img{ width:90%; height: 200px;}
    .promotion_list li h1{width:90%; font-size:18px; }

	.promotion_iframe { justify-content: flex-start; }
}

@media (max-width: 768px){

    .promotion_tab{flex-wrap: wrap; margin-bottom:20px;}
    .promotion_tab li{  width:50%;}

    .promotion_list li{ width: 50%; margin-bottom:30px;}
    .promotion_list li .list_img{ width:90%; height: 200px;}
    .promotion_list li h1{width:90%;font-size:16px; }

	.promotion_iframe { margin-left: auto; margin-right: auto; }

}

@media (max-width: 500px){


    .promotion_list li{ width: 100%; }
    .promotion_list li .list_img{ width:100%; height: 200px;}
    .promotion_list li h1{width:100%;}

}

/* faq */

.faq_list{ width:100%; display: flex ; flex-direction:column; margin-top:40px;}
.faq_list > div{ width:100%; padding: 20px; background: #fff; border-radius: 15px; transition:0.5s;}
.q_box{ width:100%; display: flex; flex-direction:row; justify-content: flex-start;align-items: center;}
.q_box > div:first-child{ font-size:50px; color: #87be24;width: 5%;}
.q_box > div:nth-child(2){width:90%; line-height: 1.5; font-size:30px;}
.q_box > div:last-child{ width: 3%; max-width: 32px; min-width: 18px;}
.q_box > div:last-child img{ width: 100%;}

.a_box{ width:100%; border-radius: 15px; padding: 20px 0; flex-direction:row; justify-content: flex-start; align-items: center; background: #fff; height: auto; display: none; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.a_box > div:first-child{ font-size:50px; color: #87be24;width: 5%; }
.a_box > div:nth-child(2){width:90%; line-height: 1.5; font-size:30px;}
.a_box > div:last-child{ width: 3%; max-width: 32px; min-width: 18px;}
.a_box > div:nth-child(2) > ul {}
.a_box > div:nth-child(2) > ul > li {margin-bottom: 24px;}

@media (max-width: 1000px){
    .faq_list > div{ padding: 10px;}
    .q_box > div:first-child{ font-size:30px; width: 10%; }
	.q_box > div:nth-child(2){width:90%; font-size:18px;}
    .a_box{ height:auto; }
    .a_box > div:first-child{ font-size:20px; width: 10%;}
    .a_box > div:nth-child(2){width:90%; font-size:18px;}
}
@media (max-width: 768px){
    .q_box > div:first-child{ font-size:20px; width: 10%; }
	.q_box > div:nth-child(2){width:90%; font-size:16px;}
    .a_box{ height:auto; }
    .a_box > div:first-child{ font-size:20px; width: 10%;}
    .a_box > div:nth-child(2){width:90%; font-size:14px;}
}

 /* privacy 개인정보 & 영상 정보처리방침 */
 .privacy{}
 .privacy_title1{ width:100%; padding:  20px; background: #f5faf6; border: 1px solid lightgray; font-size:22px; line-height: 1.5;}
 .privacy_title2{ width:100%; padding: 20px; color: #Fff; background:#87be24; font-size:25px;}
 .privacy_content{ background: #fff; padding: 30px 20px;font-size: 21px; line-height: 1.5; border: 1px solid #c6c6c6; margin-bottom: 60px;}
  /*.privacy_content img{ width:100%;display: block; margin: 40px auto;}*/
 .privacy_content a{ color :#87be24; }

 @media (max-width: 1000px){
     .privacy_title1{padding: 15px;  font-size:16px;}

     .privacy_content{ font-size: 16px;}
     .privacy_title2{ font-size: 20px;}
 }

 @media (max-width: 768px){
     .privacy_content{ font-size: 14px;}
     .privacy_title2{ font-size: 16px; padding: 15px 20px;}
     
     
 }