@charset "utf-8";

/* =============================
	공통
============================= */
/* sub_tit */
.sub_tit {margin-bottom: 85px; text-align: center;}
/*.sub_tit i {display: inline-block; width: 38px; height: 38px; margin-bottom: 5px; background: url('/img/sub_tit_icon.png') no-repeat;}*/
.sub_tit h3 {color: #222222; font-size: 42px; letter-spacing: -0.04em;}

@media all and (max-width: 1000px) {
	.sub_tit {margin-bottom: 64px;}
	.sub_tit h3 {font-size: 36px;}
}

.sub_tit02 {position: relative; padding: 0 20px; box-sizing: border-box;}
.sub_tit02:before {display: block; position: absolute; left: 0; top: -9px; width: 9px; height: 9px; background: #002e72; content: '';}
.sub_tit02 h5 {margin: 0; color: #333333; font-size: 32px; letter-spacing: -0.04em; line-height: 1;}
.sub_tit02 p {margin-top: 30px; color: #666666; font-size: 18px; letter-spacing: -0.04em; line-height: 1.6; word-break: keep-all;}
.sub_tit02 p b {color: #002e72; font-weight: 500;}
.sub_tit02 .desc p {font-size: 20px; line-height: 1.5;}

@media all and (max-width: 1000px) {
	.sub_tit02 h5 {font-size: 26px;}
	.sub_tit02 p {font-size: 16px;}
	.sub_tit02 .desc p {font-size: 18px;}
}

/* br */
@media all and (max-width: 1000px) {
	br.pc_only {display: none;}
}

/*행사안내 프로그램*/
.programBody .bot_box{margin-top:20px}

/* board_con */
.board_con {padding-top: 100px;}

@media all and (max-width: 1000px) {
	.board_con {padding-top: 60px;}
}

/* table_layout */
.table_layout01 {margin-top: 40px;}
.table_layout01 table {width: 100%; border-top: 1px solid #002e72; border-bottom: 1px solid #002e72;}
.table_layout01 table thead {background: #f5f7f7;}
.table_layout01 table thead th {height: 58px; color: #444444; font-weight: 500; font-size: 18px;}
.table_layout01 table thead th:nth-of-type(n+2) {border-left: 1px solid #cacbcc; box-sizing: border-box;}
.table_layout01 table tbody td {height: 58px; color: #666666; font-weight: 500; font-size: 18px; text-align: center; border-top: 1px solid #cacbcc; box-sizing: border-box;}
.table_layout01 table tbody td:nth-of-type(n+2) {border-left: 1px solid #cacbcc;}

@media all and (max-width: 1000px) {
	.table_layout01 table thead th {height: 50px; font-size: 16px;}
	.table_layout01 table tbody td {height: 50px; font-size: 16px;}
}

/* btn */
a.btn01 {display: block; width: 385px; height: 61px; padding: 0 80px 0 35px; font-weight: 500; font-size: 18px; letter-spacing: -0.04em; line-height: 61px; text-align: left; border: 1px solid; background: #fff; box-sizing: border-box;}
a.btn01.type01 {color: #002e72; border-color: #002e72; background: url('/img/download_icon01.png') no-repeat right 31px center;}
a.btn01.type02 {color: #2564ab; border-color: #2564ab; background: url('/img/download_icon01.png') no-repeat right 31px center;}

@media all and (max-width: 1000px) {
	a.btn01 {width: 280px; font-size: 16px;}
}

/* tab_content */
.tab_content > div {display: none;}
.tab_content > div.on {display: block;}

/* list_box */
.list_box_type01{padding-top:30px;}
.list_box_type01 ul{font-size:0; letter-spacing:-4px}
.list_box_type01 ul li{display:inline-block; vertical-align:top; width:calc(16.66% - 20.83333px); margin-right:25px; border:1px solid #cacbcc; box-sizing:border-box; padding: 20px; cursor: pointer;}
.list_box_type01 ul li:nth-of-type(6n){margin-right:0}
.list_box_type01 ul li:nth-of-type(n+7){margin-top:25px;}
.list_box_type01 ul li .img_box{position: relative; padding:28% 0}
.list_box_type01 ul li .img_box img{position: absolute; top:0; right:0; bottom:0; left:0; max-width:100%; max-height:100%; margin: auto}
.list_box_type01 ul li .txt_box{text-align:center; padding:15px 0 0;}
.list_box_type01 ul li .txt_box p{font-size:16px; line-height:1.4em; letter-spacing:-0.04em; color:#444444}

@media all and (max-width: 1200px) {
	.list_box_type01 ul li{width:calc(25% - 18.75px)}
	.list_box_type01 ul li:nth-of-type(6n){margin-right:25px}
	.list_box_type01 ul li:nth-of-type(4n){margin-right:0}
	.list_box_type01 ul li:nth-of-type(n+5){margin-top:25px;}
}

@media all and (max-width: 800px) {
	.list_box_type01 ul li{width:calc(50% - 12.5px)}
	.list_box_type01 ul li:nth-of-type(2n){margin-right:0}
	.list_box_type01 ul li:nth-of-type(n+3){margin-top:25px;}
}

/* =============================
	sub_visual
============================= */
.sub_visual {width: 100%; height: 340px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color:#ddd;}
.sub_visual .inner {display: table; height: 100%;}
.sub_visual .txt_box {display: table-cell; vertical-align: middle;}
.sub_visual .txt_box h2 {color: #fff; font-size: 50px; letter-spacing: -0.04em; text-align: center;}
.bottom_menu {margin-top: -32px;}
.bottom_menu ul {font-size: 0; letter-spacing: -4px; text-align: center;}
.bottom_menu ul li {display: inline-block; vertical-align: top; background: #ffffff; border: 1px solid #e3e4e5; border-right: none; box-sizing: border-box;}
.bottom_menu ul li:last-of-type {border-right: 1px solid #e3e4e5;}
.bottom_menu ul li a {display: table; height:62px;  color: #666666; font-weight: 500; font-size: 18px; letter-spacing: -0.04em; box-sizing: border-box; width:100%;}
.bottom_menu ul li a span{display:table-cell; vertical-align:middle; width:100%;}
.bottom_menu ul li.on {background: linear-gradient(307deg, rgba(0,46,114,1) 0%, rgba(76,159,232,1) 100%); border: none;}
.bottom_menu ul li.on a {color: #fff;}
.bottom_menu.grid1 ul li {width: 100%;}
.bottom_menu.grid2 ul li {width: 50%;}
.bottom_menu.grid3 ul li {width: 33.333333%;}
.bottom_menu.grid4 ul li {width: 25%;}
.bottom_menu.grid5 ul li {width: 20%;}
.bottom_menu.grid6 ul li {width: 16.666667%;}

@media all and (max-width: 1000px) {
	.sub_visual .txt_box h2 {font-size: 44px;}
	.bottom_menu.grid4 ul li {width: 50%;}
	.bottom_menu.grid4 ul li:nth-of-type(2n) {border-right: 1px solid #e3e4e5;}
	.bottom_menu.grid4 ul li:nth-of-type(n+3) {border-top: none;}
	.bottom_menu.grid5 ul li {width: 33.333333%;}
	.bottom_menu.grid5 ul li:nth-of-type(3n) {border-right: 1px solid #e3e4e5;}
	.bottom_menu.grid5 ul li:nth-of-type(n+4) {border-top: none;}
	.bottom_menu.grid6 ul li {width: 33.333333%;}
	.bottom_menu.grid6 ul li:nth-of-type(3n) {border-right: 1px solid #e3e4e5;}
	.bottom_menu.grid6 ul li:nth-of-type(n+4) {border-top: none;}
}

/* =============================
	협회 소개
============================= */

/* 소개/비전 */
.vision_con01 {padding: 100px 0;}

@media all and (max-width: 1000px) {
	.vision_con01 {padding: 60px 0;}
}

.vision_con02 {padding: 80px 0 100px; background: #f9f9f9;}
.vision_con02 ul {margin-top: 60px; font-size: 0; letter-spacing: -4px; text-align: center;}
.vision_con02 ul li {display: inline-block; vertical-align: top; width: calc(20% - 16px); min-height: 300px; margin-right: 20px; padding: 35px 10px; background: #fff; border: 1px solid #cacbcc; box-sizing: border-box; cursor: pointer; transition: all 0.2s ease-in-out;}
.vision_con02 ul li:last-of-type {margin-right: 0;}
.vision_con02 ul li:nth-of-type(1) {background: #ffffff url('/img/vision_con02_img01.png') no-repeat right 34px bottom 35px;}
.vision_con02 ul li:nth-of-type(2) {background: #ffffff url('/img/vision_con02_img02.png') no-repeat right 34px bottom 35px;}
.vision_con02 ul li:nth-of-type(3) {background: #ffffff url('/img/vision_con02_img03.png') no-repeat right 34px bottom 35px;}
.vision_con02 ul li:nth-of-type(4) {background: #ffffff url('/img/vision_con02_img04.png') no-repeat right 34px bottom 35px;}
.vision_con02 ul li:nth-of-type(5) {background: #ffffff url('/img/vision_con02_img05.png') no-repeat right 34px bottom 35px;}
.vision_con02 ul li .txt_box {padding-left: 6px; box-sizing: border-box; text-align: left}
.vision_con02 ul li .txt_box p {position: relative; color: #002e72; font-weight: 500; font-size: 18px; letter-spacing: -0.04em; line-height: 1.5; }
.vision_con02 ul li .txt_box p:after {display: block; position: absolute; left: 0; bottom: -20px; width: 15px; height: 2px; background: #002e72; content: '';}
.vision_con02 ul li:hover {border-color: #002e72; transform: translateY(-17px); -webkit-transform: translateY(-17px); -moz-transform: translateY(-17px); -o-transform: translateY(-17px); -ms-transform: translateY(-17px);}
.vision_con02 ul li:nth-of-type(1):hover {background: #002e72 url('/img/vision_con02_img01_on.png') no-repeat right 34px bottom 35px;}
.vision_con02 ul li:nth-of-type(2):hover {background: #002e72 url('/img/vision_con02_img02_on.png') no-repeat right 34px bottom 35px;}
.vision_con02 ul li:nth-of-type(3):hover {background: #002e72 url('/img/vision_con02_img03_on.png') no-repeat right 34px bottom 35px;}
.vision_con02 ul li:nth-of-type(4):hover {background: #002e72 url('/img/vision_con02_img04_on.png') no-repeat right 34px bottom 35px;}
.vision_con02 ul li:nth-of-type(5):hover {background: #002e72 url('/img/vision_con02_img05_on.png') no-repeat right 34px bottom 35px;}
.vision_con02 ul li:hover .txt_box p {color: #fff;}
.vision_con02 ul li:hover .txt_box p:after {background: #fff;}

@media all and (max-width: 1400px) {
	.vision_con02 ul li {width: calc(20% - 32px); margin-right: 40px;}
	.vision_con02 ul li  br{display:none;}
}

@media all and (max-width: 1200px) {
	.vision_con02 ul li {width: calc(33.333333% - 26.666667px);}
	.vision_con02 ul li:nth-of-type(3n) {margin-right: 0;}
	.vision_con02 ul li:nth-of-type(n+4) {margin-top: 40px;}
}

@media all and (max-width: 1000px) {
	.vision_con02 {padding: 50px 0 60px;}
	.vision_con02 ul li {width: calc(50% - 20px); min-height: 210px;}
	.vision_con02 ul li:nth-of-type(3n) {margin-right: 40px;}	
	.vision_con02 ul li:nth-of-type(2n) {margin-right: 0;}
	.vision_con02 ul li:nth-of-type(n+3) {margin-top: 40px;}
}

@media all and (max-width: 640px) {
	.vision_con02 ul li {width: 100%; margin-right: 0;}
	.vision_con02 ul li:nth-of-type(n+2) {margin-top: 30px;}
}

.vision_con03 {padding: 110px 0 150px;}
.vision_con03 .list_box {margin-top: 60px; font-size: 0; letter-spacing: -4px;}
.vision_con03 .list_box dl {display: inline-block; vertical-align: top; width: calc(50% - 20px); margin-right: 40px; font-size: 0; letter-spacing: -4px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.vision_con03 .list_box dl:nth-of-type(2n) {margin-right: 0;}
.vision_con03 .list_box dl:nth-of-type(n+3) {margin-top: 50px;}
.vision_con03 .list_box dl dt {width: 140px; display: inline-block; vertical-align: middle; padding: 26.5px 5px; box-sizing: border-box;}
.vision_con03 .list_box dl.type01 dt {border: 2px solid #002e72;}
.vision_con03 .list_box dl.type02 dt {border: 2px solid #2564ab;}
.vision_con03 .list_box dl dt h6 {margin: 0; font-size: 18px; letter-spacing: -0.04em; text-align: center; padding:0 5px; box-sizing:border-box;}
.vision_con03 .list_box dl.type01 dt h6 {color: #002e72;}
.vision_con03 .list_box dl.type02 dt h6 {color: #2564ab;}
.vision_con03 .list_box dl dd {display: inline-block; vertical-align: middle; width: calc(100% - 140px); padding-left: 40px; box-sizing: border-box;}
.vision_con03 .list_box dl dd p {color: #666666; font-size: 16px; letter-spacing: -0.04em; line-height: 1.6; word-break: keep-all;}

@media all and (max-width: 1400px) {
	.vision_con03 .list_box dl {width: calc(50% - 10px); margin-right: 20px; padding-right: 0;}
	.vision_con03 .list_box dl dd {padding-left: 20px;}
	.vision_con03 .list_box dl dd p br {display: none;}
}

@media all and (max-width: 1000px) {
	.vision_con03 {padding: 65px 0 80px;}
	.vision_con03 .list_box dl {width: 100%; margin-right: 0; padding-right: 20px;}
	.vision_con03 .list_box dl:nth-of-type(n+2) {margin-top: 50px;}
	.vision_con03 .list_box dl dd p {font-size: 16px;}
}

.announce_con01{padding:100px 0;}
.announce_con01 .sub_tit02 .desc p{position: relative; padding-left:45px; box-sizing:border-box}
.announce_con01 .sub_tit02 .desc p span{font-size:16px; line-height:28px; letter-spacing:-0.04em; color:#2564ab}
.announce_con01 .sub_tit02 .desc p:after{content:''; position: absolute; left:20px; top:11px; width:7px; height:7px; border-radius:50%; background:#002e72}

.announce_con02{padding:100px 0 150px; background:#f9f9f9}
.announce_con02 .table_box{width:100%; padding-top:30px}
.announce_con02 .table_box table{width:100%; text-align:center; border-top:2px solid #002e72; border-bottom:2px solid #002e72}
.announce_con02 .table_box table tr th{font-size:18px; line-height:1.4em; letter-spacing:-0.04em; color:#444444; padding:15px; box-sizing:border-box; background:#f5f7f7; border-right:1px solid #cacbcc}
.announce_con02 .table_box table tr th:last-of-type{border-right:0}
.announce_con02 .table_box table tr + tr{border-top:1px solid #cacbcc}
.announce_con02 .table_box table tr td{font-size:18px; line-height:1.4em; letter-spacing:-0.04em; color:#666666; padding:15px; box-sizing:border-box; background:#FFF; border-right:1px solid #cacbcc}
.announce_con02 .table_box table tr td:last-of-type{border-right:0}
.announce_con02 .down_box{padding-top:60px; text-align:center}
.announce_con02 .down_box a{width:330px; height:60px; background:#002e72 url('/img/announce_con02_icon01.png') no-repeat center right 20px; padding:0 60px 0 40px; font-size:18px; line-height:60px; letter-spacing:-0.04em; color:#FFF; display:block; margin:0 auto}
.announce_con02 .sub_tit02 .flex_between{display:flex; justify-content:space-between; align-items:center;}
.announce_con02 .sub_tit02 .flex_between span{font-size:24px;}



.info_con01{padding:100px 0;}
.info_con01 .list_box_type01{padding-top:30px;}
.info_con01 .list_box_type01 ul{font-size:0; letter-spacing:-4px}
.info_con01 .list_box_type01 ul li{display:inline-block; vertical-align:top; width:calc(16.66% - 20.83333px); margin-right:25px; border:1px solid #cacbcc; box-sizing:border-box; padding: 40px; cursor: pointer;}
.info_con01 .list_box_type01 ul li:nth-of-type(6n){margin-right:0}
.info_con01 .list_box_type01 ul li:nth-of-type(n+7){margin-top:25px;}
.info_con01 .list_box_type01 ul li .img_box{position: relative; padding:28% 0}
.info_con01 .list_box_type01 ul li .img_box img{position: absolute; top:0; right:0; bottom:0; left:0; max-width:100%; max-height:100%; margin: auto}
.info_con01 .list_box_type01 ul li .txt_box{text-align:center; padding:15px 0 0;}
.info_con01 .list_box_type01 ul li .txt_box p{font-size:16px; line-height:1.4em; letter-spacing:-0.04em; color:#444444}
.info_con02{padding-bottom:150px}

/*인사말*/
.greeting_con01{padding:100px 0 80px;}

@media all and (max-width: 1000px) {
	.greeting_con01 {padding: 60px 0;}
}

.greeting_con02{padding-bottom:150px}
.greeting_con02 dl{font-size:0; letter-spacing:-4px}
.greeting_con02 dl dt{display:inline-block; vertical-align:top; width:40%;}
.greeting_con02 dl dt img{width:100%}
.greeting_con02 dl dd{display:inline-block; vertical-align:top; width:60%; padding-left:90px; box-sizing:border-box;}
.greeting_con02 dl dd .top_box p{font-size:20px; line-height:1.8em; letter-spacing:-0.04em; color:#002e72}
.greeting_con02 dl dd .mid_box{padding-top:40px}
.greeting_con02 dl dd .mid_box p{font-size:18px; line-height:1.4em; letter-spacing:-0.04em; color:#444444; word-break:keep-all}
.greeting_con02 dl dd .mid_box p + p{padding-top:30px}
.greeting_con02 dl dd .bot_box{padding-top:40px; text-align:right}
.greeting_con02 dl dd .bot_box p{font-size:20px; line-height:1.4em; letter-spacing:0.04em; color:#002e72; font-weight: 600;}
.greeting_con02 dl dd .bot_box p span{display:block; color:#444444; font-weight: 400;}
.greeting_con02 dl dd .bot_box p b{display:block; font-size:20px ;color:#444444; }

@media all and (max-width: 1200px) {
	.greeting_con02 dl dd{padding-left:20px}
}

@media all and (max-width: 1000px) {
	.greeting_con02 dl dt{display:block; width:100%;}
	.greeting_con02 dl dd{display:block; width:100%; padding-left:0; padding-top:30px}
}

/* 연혁 */

/* 조직도 */
.org_con01 {padding: 100px 0;}
.org_con01 .tree_box .top_box {position: relative; width: 100%; padding-bottom: 40px;}
.org_con01 .tree_box .top_box:before {position: absolute; left: calc(50% - 0.5px); bottom: 0; display: block; width: 1px; height: 40px; background: #cacbcc; content: '';}
.org_con01 .tree_box .top_box:after {position: absolute; width: 9px; height: 9px; left: calc(50% - 4.5px); bottom: -4.5px; background: #fff; border: 2px solid #2564ab; box-sizing: border-box; border-radius: 50%; content: '';}
.org_con01 .tree_box .top_box .center {display: table; width: 166px; height: 52px; margin: 0 auto;}
.org_con01 .tree_box .top_box .center p {display: table-cell; vertical-align: middle; color: #fff; font-weight: 500; font-size: 18px; letter-spacing: -0.04em; text-align: center; background: #002e72; cursor: pointer;}
.org_con01 .tree_box .top_box .right {position: absolute; left: calc(50% + 83px); top: 0; padding-left: 80px; box-sizing: border-box;}
.org_con01 .tree_box .top_box .right ul {font-size: 0; letter-spacing: -4px;}
.org_con01 .tree_box .top_box .right ul li {display: inline-block; vertical-align: top; width: 166px; margin-right: 10px;}
.org_con01 .tree_box .top_box .right ul li:last-of-type {margin-right: 0;}
.org_con01 .tree_box .top_box .right ul li .text {display: table; width: 100%; height: 52px; background: #fff; border: 1px solid #002e72; box-sizing: border-box;}
.org_con01 .tree_box .top_box .right ul li .text p {display: table-cell; vertical-align: middle; color: #002e72; font-weight: 500; font-size: 18px; letter-spacing: -0.04em; text-align: center; cursor: pointer;}
.org_con01 .tree_box .mid_box {position: relative; width: 100%; padding-bottom: 40px;}
.org_con01 .tree_box .mid_box:before {position: absolute; left: calc(50% - 0.5px); bottom: 0; display: block; width: 1px; height: 40px; background: #cacbcc; content: '';}
.org_con01 .tree_box .mid_box .center {display: table; width: 166px; height: 52px; margin: 0 auto;}
.org_con01 .tree_box .mid_box .center p {display: table-cell; vertical-align: middle; color: #fff; font-weight: 500; font-size: 18px; letter-spacing: -0.04em; text-align: center; background: #2564ab; cursor: pointer;}
.org_con01 .tree_box .mid_box .right {position: absolute; left: calc(50% + 83px); top: 0; padding-left: 80px; box-sizing: border-box;}
.org_con01 .tree_box .mid_box .right:before {position: absolute; left: 0; top: calc(50% - 0.5px); display: block; width: 80px; height: 1px; background: #cacbcc; content: '';}
.org_con01 .tree_box .mid_box .right:after {z-index: -1; position: absolute; left: 75.5px; top: calc(50% - 4.5px); display: block; width: 9px; height: 9px; background: #fff; border: 2px solid #2564ab; border-radius: 50%; box-sizing: border-box; content: '';}
.org_con01 .tree_box .mid_box .right .text {display: table; width: 166px; height: 52px; background: #fff; border: 1px solid #2564ab; box-sizing: border-box;}
.org_con01 .tree_box .mid_box .right .text p {display: table-cell; vertical-align: middle; color: #2564ab; font-weight: 500; font-size: 18px; letter-spacing: -0.04em; text-align: center; cursor: pointer;}
.org_con01 .tree_box .bot_box {position: relative; width: 100%;}
.org_con01 .tree_box .bot_box:before {position: absolute; left: calc(50% - 345px); top: 0; display: block; width: 690px; height: 1px; background: #cacbcc; content: '';}
.org_con01 .tree_box .bot_box ul {font-size: 0; letter-spacing: -4px; text-align: center;}
.org_con01 .tree_box .bot_box ul li {display: inline-block; vertical-align: top; position: relative; width: 166px; height: 52px; margin-right: 64px; padding-top: 40px;}
.org_con01 .tree_box .bot_box ul li:last-of-type {margin-right: 0;}
.org_con01 .tree_box .bot_box ul li:before {position: absolute; left: calc(50% - 0.5px); top: 0; display: block; width: 1px; height: 40px; background: #cacbcc; content: '';}
.org_con01 .tree_box .bot_box ul li:after {z-index: -1; position: absolute; left: calc(50% - 4.5px); top: 35.5px; display: block; width: 9px; height: 9px; background: #fff; border: 2px solid #555555; box-sizing: border-box; border-radius: 50%; content: '';}
.org_con01 .tree_box .bot_box ul li .text {display: table; width: 100%; height: 52px; background: #fff; border: 1px solid #555555; box-sizing: border-box;}
.org_con01 .tree_box .bot_box ul li .text p {display: table-cell; vertical-align: middle; color: #444444; font-weight: 500; font-size: 18px; ; letter-spacing: -0.04em; text-align: center; cursor: pointer;}
.org_con01 .tab_content {margin-top: 100px;}

@media all and (max-width: 1200px) {
	.org_con01 .tree_box .top_box .right {padding-left: 35px;}
	.org_con01 .tree_box .mid_box .right {padding-left: 35px;}
	.org_con01 .tree_box .mid_box .right:before {width: 35px;}
	.org_con01 .tree_box .mid_box .right:after {left: 30.5px;}
}

@media all and (max-width: 1000px) {
	.org_con01 {padding: 60px 0;}
	.org_con01 .tree_box .top_box:before {left: 82.5px;}
	.org_con01 .tree_box .top_box:after {left: 78.5px;}
	.org_con01 .tree_box .top_box .center {margin-left: 0; margin-right: auto;}
	.org_con01 .tree_box .top_box .right {left: 166px; width: calc(100% - 166px);}
	.org_con01 .tree_box .top_box .right ul li {width: calc(50% - 5px); max-width: 166px;}
	.org_con01 .tree_box .top_box .right ul li p {width: 100%;}
	.org_con01 .tree_box .mid_box:before {left: 82.5px;}
	.org_con01 .tree_box .mid_box .center {margin-left: 0; margin-right: auto;}
	.org_con01 .tree_box .mid_box .right {left: 166px; width: calc(100% - 166px);}
	.org_con01 .tree_box .mid_box .right .text {width: calc(50% - 5px); max-width: 166px;}
	.org_con01 .tree_box .bot_box {width: calc(100% - 83px); margin-left: 83px;}
	.org_con01 .tree_box .bot_box:before {left: -0.5px; top: 0; width: 1px; height: 302px;}
	.org_con01 .tree_box .bot_box ul li {display: block; width: 100%; padding-top: 0; padding-left: 118px; margin-right: 0; margin-bottom: 40px; box-sizing: border-box;}
	.org_con01 .tree_box .bot_box ul li:last-of-type {margin-bottom: 0;}
	.org_con01 .tree_box .bot_box ul li:before {left: 0; top: calc(50% - 0.5px); width: 118px; height: 1px;}
	.org_con01 .tree_box .bot_box ul li:after {left: 113.5px; top: calc(50% - 4.5px);}
}

/* CI */
.ci_con01 {padding: 100px 0;}
.ci_con01 .desc p {position: relative; padding-left: 30px; color: #666666; font-size: 18px; letter-spacing: -0.04em; box-sizing: border-box;}
.ci_con01 .desc p:before {position: absolute; left: 0; top: 12px; width: 15px; height: 2px; background: #002e72; content: '';}
.ci_con01 .ci_box {width: 100%; margin-top: 40px; background: url('/img/ci_con01_bg.jpg'); border: 1px solid #dcdcdc; box-sizing: border-box;}
.ci_con01 .ci_box ul {font-size: 0; letter-spacing: -4px;}
.ci_con01 .ci_box ul li {display: inline-block; vertical-align: top; width: 50%; padding: 80px 0 40px; box-sizing: border-box;}
.ci_con01 .ci_box ul li .img_box {text-align: center;}
.ci_con01 .ci_box ul li .txt_box {margin-top: 50px;}
.ci_con01 .ci_box ul li .txt_box p {color: #444444; font-size: 18px; letter-spacing: -0.04em; text-align: center;}
.ci_con01 .down_box {padding: 60px 0 50px; font-size: 0; letter-spacing: -4px; text-align: center;}
.ci_con01 .down_box a {display: inline-block; vertical-align: top; margin-right: 25px;}
.ci_con01 .down_box a:last-of-type {margin-right: 0;}

@media all and (max-width: 1000px) {
	.ci_con01 {padding: 60px 0;}
	.ci_con01 .desc p {font-size: 16px;}
	.ci_con01 .ci_box ul li {width: 100%;}
}

@media all and (max-width: 767px) {
	.ci_con01 .down_box a {display: block; margin-right: 0;	margin: 0 auto;}
	.ci_con01 .down_box a:last-of-type {margin-right: auto; margin-top: 25px;}
}

/* 오시는 길 */
.contact_con01 {padding: 100px 0 150px;}
.contact_con01 .map_box {position: relative; width: 100%; box-sizing: border-box;}
.contact_con01 .map_box .map {width: 100%; height: 590px;}
.contact_con01 .map_box .map .root_daum_roughmap {width: 100%;}
.contact_con01 .map_box .map .root_daum_roughmap .wrap_map {height: 100%;}
.contact_con01 .map_box .map_txt {z-index: 1; position: absolute; left: 50%; top: 50%; width: 92%; max-width: 1400px; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); text-align: right;}
.contact_con01 .map_box .map_txt .txt {display: inline-block; padding: 25px; background: rgba(255,255,255,0.88); text-align: left; box-sizing: border-box;}
.contact_con01 .map_box .map_txt .txt .dl_box dl {padding: 35px 40px; box-sizing: border-box;}
.contact_con01 .map_box .map_txt .txt .dl_box dl:nth-of-type(n+2) {margin-top: 10px;}
.contact_con01 .map_box .map_txt .txt .dl_box dl.type01 {background: #002e72;}
.contact_con01 .map_box .map_txt .txt .dl_box dl.type02 {background: #2564ab;}
.contact_con01 .map_box .map_txt .txt .dl_box dl dt {color: #fff; font-weight: 500; font-size: 20px; letter-spacing: -0.04em;}
.contact_con01 .map_box .map_txt .txt .dl_box dl dt i {display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 5px;}
.contact_con01 .map_box .map_txt .txt .dl_box dl dt span {display: inline-block; vertical-align: middle;}
.contact_con01 .map_box .map_txt .txt .dl_box dl.type01 dt i {background: url('/img/contact_con01_ico01.png');}
.contact_con01 .map_box .map_txt .txt .dl_box dl.type02 dt i {background: url('/img/contact_con01_ico02.png');}
.contact_con01 .map_box .map_txt .txt .dl_box dl dd {padding-top: 20px; color: #fff; font-size: 18px; letter-spacing: -0.04em; box-sizing: border-box;}
.contact_con01 .map_box .map_txt .txt .txt_box {padding: 30px 40px 15px; box-sizing: border-box;}
.contact_con01 .map_box .map_txt .txt .txt_box p {position: relative; padding-bottom: 30px; color: #444444; font-weight: 500; font-size: 18px; letter-spacing: -0.04em;}
.contact_con01 .map_box .map_txt .txt .txt_box p:after {display: block; position: absolute; bottom: 14px; width: 15px; height: 2px; background: #002e72; content: '';}
.contact_con01 .map_box .map_txt .txt .txt_box span {color: #666666; font-size: 18px; letter-spacing: -0.04em;}

@media all and (max-width: 1000px) {
	.contact_con01 {padding: 60px 0;}
	.contact_con01 .map_box .map {height: 450px;}
	.contact_con01 .map_box .map_txt {position: static; width: 100%; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none;}
	.contact_con01 .map_box .map_txt .txt {display: block; padding: 25px 0 0;}
	.contact_con01 .map_box .map_txt .txt .dl_box {font-size: 0; letter-spacing: -4px;}
}

@media all and (max-width: 767px) {
	.contact_con01 .map_box .map {height: 360px;}
	.contact_con01 .map_box .map_txt .txt .dl_box dl {width: 100%; margin-right: 0;}
	.contact_con01 .map_box .map_txt .txt .dl_box dl:nth-of-type(n+2) {margin-top: 10px;}
}

/* =============================
	사업 안내
============================= */

/* 사업이름 (임시이름임) */
.business01_con01 {padding: 100px 0;}

@media all and (max-width: 1000px) {
	.business01_con01 {padding: 60px 0;}
}


/*20220104 css추가*/
.history_con01{padding:100px 0;}
.history_con01 .history_info{padding-top:60px; overflow:hidden;}
.history_con01 .history_info dl{font-size:0; letter-spacing:-4px}
.history_con01 .history_info dl dt{display:inline-block; vertical-align:middle; width:40%; text-align:right; padding-right:70px; box-sizing:border-box; position: relative;}
.history_con01 .history_info dl dt:after{content:''; position:absolute; width:13px; height:13px; background:#FFF; border:3px solid #2564ab; z-index:10; box-sizing:border-box; right:0; top:50%; transform:translateY(-50%); border-radius:50%}
.history_con01 .history_info dl dt:before{content:''; position:absolute; width:1px; height:500%; right:6.5px; top:-100%; background:#cacbcc}
.history_con01 .history_info dl dt p{font-size:38px; line-height:1.3; letter-spacing:0.1em; color:#2564ab; font-weight: 500;}
.history_con01 .history_info dl dd{display:inline-block; vertical-align:top; width:60%; padding-left:50px; box-sizing:border-box; margin-top:12px;}
.history_con01 .history_info dl dd{position:relative;}
.history_con01 .history_info dl dd:before{position:absolute; content:''; left:0; top:50%; transform:translateY(-50%); width:40px; background-color:#cacbcc; height:1px;}
.history_con01 .history_info dl dd p{display:inline-block; vertical-align:middle; font-size:20px; line-height:1.3; letter-spacing:-0.04em; color:#002e72; font-weight: bold; margin-right:10px;}
.history_con01 .history_info dl dd p:before{position:relative; content:''; width:6px; height:6px; border-radius:50%; background-color:#002e72; display:inline-block; vertical-align:middle; margin-right:5px;}
.history_con01 .history_info dl dd span{display:inline-block; vertical-align:middle; font-size:18px; line-height:1.3; letter-spacing:-0.04em; color:#666666; font-weight: 400;}
