@charset "utf-8";
.content h4{font-size:19px; margin-bottom:20px; margin-top:40px; font-weight:600; position:relative; padding-left:30px; line-height:1.4; color:#000;}
.content h4:before{content:''; display:block; width:23px; height:24px; background:url("/sub/0102/images/sub/h4_bullet.png") no-repeat center; background-size:contain; position:absolute; top:0; left:0;}
.content h5{font-size:18px; margin-bottom:20px; margin-top:30px; color:#000; font-weight:600;}
.content h5 span{position:relative; padding-left:30px; z-index:2;}
.content h5 span:before{content:"\f00c"; font-weight:500; font-family:"Font Awesome 5 Pro"; position:absolute; top:0; left:0;}
.content h5 span:after{content:''; display:block; width:100%; height:50%; background:#fff0cc; position:absolute; bottom:0; left:0; right:0; z-index:-1; }
.content h6{font-size:17px; margin-bottom:20px; margin-top:20px; font-weight:500; line-height:1.4; color:#37519e;}
@media all and (min-width:768px){
	.content h4{font-size:24px;}
	.content h5{font-size:22px;}
	.content h6{font-size:20px;}
}
@media all and (min-width:1024px){
	.content h4{font-size:26px;}
	.content h4:before{top:4px;}
	.content h5{font-size:24px; margin-top:70px;}
	.content h5 span{padding-left:35px;}
	.content h6{font-size:21px; margin-top:50px;}
}

.content p{line-height:1.6;}
.content p.text{margin-bottom:17px;}
.content .color01{color:#e12e2e!important} /*red*/
.content .color02{color:#1363c5!important;} /*blue*/
.content .color03{color:#e8851a!important;} /*orange*/
.content .color04{color:#127b3e!important;} /*green*/
.content .color05{color:#6d22b3!important;} /*purple*/

.bg_b{background:#f6faff!important;}
.bg_g{background:#eef9e7!important;}
.bg_o{background:#fff5eb!important;}
.bg_y{background:#fffde4!important;}
.bg_p{background:#f8e9ed!important;}

.content .strong{font-weight:500;}
strong{font-weight:600;}
.content .underline{text-decoration:underline;}

/* 리스트타입 */
.list_basic{overflow:hidden; padding-left:15px; margin-bottom:30px;}
.list_basic > li{position:relative; padding-left:13px; margin-bottom:5px; line-height:1.6;}
.list_basic > li:last-child{margin-bottom:0;}
.list_basic > li:before{content:""; display:block; position:absolute; left:0;}
.list_basic > li > ul{padding-left:0; margin:5px 0;}

.list_basic > li.no_bullet{ padding-left:0px; background:none !important; margin-top:5px; }
.list_basic > li.no_bullet:before{ display:none;}
.list_basic > ul.no_bullet > li{ padding-left:0px; background:none !important; margin-top:5px; }
.list_basic > ul.no_bullet > li:before{ display:none;}

.lt01 > li:before{width:5px; height:5px; background:#3b4152; top:7px; border-radius:50%;}
.lt02 > li{padding-left:15px;}
.lt02 > li:before{width:7px; height:2px; background:#d9dadc; top:8px;}
.lt03 > li{padding-left:8px;}
.lt03 > li:before{width:3px; height:3px; background:#888; top:10px;}

.list_basic > li > ul{margin:7px 0 13px 0;}

.no_bullet > li{padding-left:5px;}
.no_bullet > li:before{display:none;}

.list_basic > .list_btn:before{top:17px;}

@media all and (min-width:768px){
	.list_basic{margin-bottom:40px;}
	.list_basic > li > ul > li{font-size:15px;}
}

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



/* 박스디자인 */
.top_box{padding:20px;  position:relative;}
.top_box:after{content:''; display:block; width:100%; height:70%; background:#f4f7fd; position:absolute; top:0; left:0; right:0; z-index:-1; border-radius:40px 40px 0 0;}
.top_box .title{display:block; text-align:center; font-size:22px; padding:20px 0; position:relative; z-index:2;}
.top_box .title:after{content:url("/sub/0102/images/sub/top_box_bg.png"); position:absolute; top:0; right:0; z-index:-1;}
.top_box .title strong{font-weight:600; color:#37519e;}
.top_box .source{display:block; text-align:right; color:#444; margin-bottom:15px; font-size:13px; z-index:2; position:relative;}
.top_box .box_inner{background:#fff; box-shadow:3px 3px 5px rgb(39 59 119 / 10%); border-radius:10px; padding:20px; text-align:center;}
.top_box .box_inner p{line-height:1.7; word-break:keep-all;}
.top_box .box_inner strong{display:block; font-size:17px; margin-bottom:10px;}
.top_box .box_inner strong i{color:#e12e2e; margin-right:10px;}

.top_box0 .title{padding:30px 0 40px 0;}

.text_box{background:#f8fafd; border:10px solid #eef4fc; padding:20px; margin-bottom:30px;}
.text_box strong{display:block; margin-bottom:15px; font-size:16px;}

.text_box01{background:#f8f8f8; text-align:center; padding:20px; border-radius:5px; border:1px solid #dedede;}

.exp_box{background:#f8f8f8; border-radius:10px; padding:20px; margin-bottom:20px;}
.exp_box *{font-size:15px; line-height:1.4;}

@media all and (min-width:640px){
	.top_box .title{font-size:24px; padding-bottom:10px;}
	.top_box .source{margin-bottom:25px;}
	.top_box .box_inner{padding:30px 20px;}
	.top_box0 .title{padding:30px 0 40px 0;}
	
	.text_box{padding:30px;}
}

@media all and (min-width:768px){
	.top_box{padding:20px 60px;}
	.top_box .title{font-size:32px; padding-top:30px;}
	.top_box .source{font-size:14px;}
	
	.text_box{padding:35px 40px;}
	.text_box *{font-size:15px;}
	.text_box strong{font-size:17px;}
	
	.top_box .box_inner strong{font-size:20px;}

}

@media all and (min-width:1024px){
	.top_box{padding:30px 80px; margin-top:90px;}
	.top_box:before{content:''; display:block; width:276px; height:247px; position:absolute; top:-75px; left:90px; background-size:contain; background-repeat:no-repeat; background-position:center;}
	.top_box .title{font-size:36px;}
	.top_box .title:after{top:10px; right:20%;}
	.top_box .source{margin-bottom:30px;}
	.top_box .box_inner{padding:50px;}
	.top_box .box_inner p{font-size:17px;}
	
	.top_box0 .title{padding:30px 0 40px 0;}
	.top_box0:before{width:200px; height:140px; background-image:url("/sub/0102/images/sub/top_box00.png"); top:30px;}
	.top_box01:before{background-image:url("/sub/0102/images/sub/top_box01.png");}
	
	.text_box{padding:45px;}
}
@media all and (min-width:1300px){
	.top_box{margin-top:110px;}
	.top_box .title{font-size:42px;}
	.top_box:before{left:160px;}
	
	.text_box{padding:40px 60px;}
	.text_box strong{font-size:18px;}
}


.img_box{margin:30px 0; text-align:center;}

/* 버튼 */
.btn_con{display:inline-block; position:relative; background:#fff; border:1px solid #e0e0e0; border-radius:5px; padding:15px 30px; background-position:90% center; background-repeat:no-repeat;  transition:ease 0.3s; margin-bottom:5px;}
.btn_con:after{font-family:"font awesome 5 pro"; position:absolute; top:50%; transform:translateY(-50%); right:15px; font-weight:600; font-size:16px; color:#6d6762;}
.btn_down, .btn_blank, .btn_link{padding:15px 50px 15px 17px;}
.btn_con i{color:#fff;}

.btn_sm{padding:5px 10px;}
.btn_sm:after{font-size:14px; right:12px;}

.btn_blue{background:#37519e; color:#fff; border:1px solid #21387e;}
.btn_gray{background:#2e2d32; color:#fff; border:1px solid #1e1e1f;}
.btn_line{background:#fff; border:1px solid #343d4c; color:#343d4c;}
.btn_temp{background:#e0972f; color:#fff; border:1px solid #d08720;}

.btn_down:after{content:"\f34a"; font-size:18px; color:#fff;}
.btn_blank:after{content:"\f2d2"; font-size:18px; color:#fff;}
.btn_link:after{content:"\f105"; font-size:18px; color:#fff;}

.btn_blue:after, .btn_gray:after{color:#fff;}
.btn_down.btn_line:after{color:#343d4c;}

.btn_down.btn_sm:after{font-size:15px;}
.btn_down.btn_sm, .btn_blank.btn_sm, .btn_link.btn_sm{padding:5px 30px 5px 10px;}

.btn_con:hover{background:#363c5a; color:#fff; border:1px solid #363c5a;}
.btn_con:hover:after{color:#fff;}
@media all and (min-width:768px){
	.btn_con{font-size:15px;}
	.btn_sm{font-size:14px;}
}


/*img_left_right*/
.img_left { text-align:center}
.img_left img{ margin:0 }
.img_left img.fl{ float:none !important;}
.img_right {text-align:center}
.img_right img{ margin:0 0 25px 25px }
.img_right img.fr{ float:none !important;}
@media all and (min-width:768px){
.img_left { text-align:left; overflow:hidden}
.img_left img{ margin:0 25px 25px 0 }
.img_left img.fl{ float:left !important;}
.img_right {text-align:left;  overflow:hidden}
.img_right img{ margin:0 0 25px 25px }
.img_right img.fr{ float:right !important;}
}

img{max-width:100%;}


/* 탭스타일 */
.tabs:after {content:""; display:block; clear:both;}
.tabs ul {width:100%; font-size:0; margin-bottom:25px; position:relative; z-index:9;}
.tabs ul:after {content:""; display:block; clear:both;}
.tabs ul li a{display:block; position:relative; margin-bottom:-1px; margin-right:-1px; z-index:1; font-size:15px; white-space:nowrap; font-weight:400; color:#2e2d32;}
.tabs ul li:hover{background:#f8f8f8;}
.tabs ul li:hover a{font-weight:600; color:#000;}
.tabs ul li.active a{z-index:5; font-weight:500; background:#2e2d32; color:#fff!important; border-radius:8px;}

@media screen and (max-width:767px) and (min-width:1px){
	.tabs ul{ position:relative; transition:0.5s; min-height:48px;}
	.tabs ul li{position:absolute; width:100%;}
	.tabs ul li a{font-size:14px;}
	.tabs ul li.active a:after{content:"\f32d"; font-weight:600; font-family:"Font Awesome 5 Pro"; display:block; font-size:18px; color:#fff; position:absolute; top:50%; right:18px; transform:translateY(-50%);}
	.tabs ul li a{padding:17px 15px;}
	.tabs ul.open{border:1px solid #2e2d32; border-radius:10px; overflow:hidden;}
	.tabs ul.open li{position:relative;}
	.tabs ul.open li.active a:after{content:"\f331";}
}
@media all and (min-width:768px){
	.tabs ul{display:flex; flex-wrap:wrap; justify-content:center;}
	.tabs ul li{ margin-right:10px; margin-bottom:10px; min-width:170px; text-align:center;}
	.tabs ul li a{padding:12px 30px; border:1px solid #2e2d32; border-radius:5px;}
	.tabs ul li.active{text-align:left;}
	.tabs ul li.active a{padding:12px 50px 12px 20px;}
	.tabs ul li.active a:after{content:"\f32d"; font-family: "font awesome 5 pro"; font-weight:600; position:absolute; top:50%; transform:translateY(-50%); right:20px;}
}
@media all and (min-width:1024px){
	.tabs{margin-bottom:50px;}
	.tabs ul li a{font-size:16px; padding:14px 35px;}
	.tabs ul li.active a{padding:14px 50px 14px 20px;}
}
@media all and (min-width:1300px){
	.tabs ul li a{font-size:17px; padding:15px 45px;}
	.tabs ul li.active a{padding:15px 80px 15px 25px;}
}


/*기본테이블*/
.basic_table{width:100%; border-collapse:separate; border-top:2px solid #37519e;}
.basic_table:after{display:block; visibility:hidden; clear:both; content:"" }
.basic_table thead tr th, .basic_table thead tr td {padding:15px 10px; border-bottom:1px solid #bbc6e1; border-right:1px solid #bbc6e1; word-break:keep-all;}
.basic_table tbody tr th, .basic_table tbody tr td {padding:15px 10px; border-bottom:1px solid #bbc6e1; border-right:1px solid #bbc6e1; word-break:keep-all;}
.basic_table thead tr th:last-child,.basic_table thead tr td:last-child, .basic_table tbody tr th:last-child,.basic_table tbody tr td:last-child{border-right:0;}
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0 !important; }
.basic_table thead tr th {font-size:14px; background:#f8fbfe; vertical-align:middle; text-align:center; font-weight:500; color:#37519e;}
.basic_table tbody tr td, .basic_table tbody tr th{text-align:center; vertical-align:middle; position:relative; line-height:1.3;}
.basic_table tbody tr th{background:#f8f8f8;}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{color:#F00}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.border_none{ border-right:none;}
.border_right{border-right:1px solid #ccc!important;}

.basic_table tbody tr td ul{margin-bottom:0; padding-left:5px;}
.basic_table tbody tr td ul li{text-align:left;}
.table_center tbody tr td{text-align:center!important;}
.table_center tbody tr td ul li{text-align:left!important;}

.bd_r{border-right:1px solid #bbc6e1!important;}

.table_thumb thead tr th img{max-width:140px;}

@media all and (min-width:768px) {
	.basic_table thead tr th{font-size:16px;}
	.basic_table tbody tr td, .basic_table tbody tr th{font-size:15px;}
	.basic_table thead tr th, .basic_table thead tr td, .basic_table tbody tr th, .basic_table tbody tr td{padding:16px;}
}


/*반응형테이블*/
.basic_table.table_resp th, .basic_table.table_resp td{ text-align: left;  display:block; border-left:0; border-right:0;}
.basic_table.table_resp th{background:#f4f7fc; font-weight:500; font-size:15px;}
.basic_table.table_resp tbody th{background:#f8fbfe;}

.responsive{ min-width:700px; }
.scroltable-wrapper { position: relative; margin-top:20px; margin-bottom:30px; }
.scroltable-container { overflow-x:auto}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer; z-index:100;}
.scroltable-nav.scroltable-nav-left {  left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-left:after{ display:inline-block; position:absolute; left:0; top:40%; margin-top:20px;  content:"\f33e"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  } 
.scroltable-nav.scroltable-nav-right:after{ display:inline-block; position:absolute; right:0; top:40%; margin-top:20px;  content:"\f340"; font-family: "font awesome 5 pro"  } 

.form_table{border-top:1px solid #37519e;}
@media all and (max-width:767px){
    .basic_table.table_resp thead{display:none;}
}
@media all and (min-width:768px){
    .basic_table.table_resp th{ text-align:center; font-size:16px;}
	.basic_table.table_resp tbody th{width:130px;}
    .basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;}
    .basic_table.table_resp .no_cont{display:table-cell;}
} 
@media all and (min-width:1024px){
    .scroltable-container{overflow-x:inherit;}
    .scroltable-nav{display:none!important;}
	.basic_table.table_resp tbody th{width:250px;}
}

.tbl_st01 th{ background:#397bdf; color:#fff}
.basic_table.tbl_st01 thead tr th,.basic_table.tbl_st01 thead tr td {padding:10px; border-bottom:#4f4f4f solid 1px;  border-right: #4f4f4f solid 1px;}
.basic_table.tbl_st01 tbody tr th,.basic_table.tbl_st01 tbody tr td {padding:10px; border-bottom:#4f4f4f solid 1px; border-right: #4f4f4f solid 1px; border-left: #4f4f4f solid 1px;}


/* 페이징 */
.paging{clear:both; text-align:center; margin:30px 0;}
.paging ul li{display:inline-block; vertical-align:middle;}
.paging ul li:first-child{margin-left:0;}
.paging ul li:last-child{margin-right:0;}
.paging ul li a{display:block; font-size:14px; font-weight:400; width:25px; height:25px; line-height:25px; color:#222c54; border:1px solid #dedede; border-radius:3px;}
.paging ul li a.active{border:1px solid #37519e; color:#37519e; font-weight:600;}
.paging ul li a.first i, .paging ul li a.prev, .paging ul li a.next, .paging ul li a.last{ font-size:18px;}
@media all and (min-width:640px){
	.paging{margin-top:40px;}
	.paging ul li a{width:45px; height:45px; line-height:45px;}
	.paging ul li a i{font-weight:500;}
}
@media all and (min-width:768px){
	.paging{margin-top:60px;}
}


/* 인사말 */
.ceo_top{position:relative; text-align:center;}
.ceo_top:after{content:''; display:block; width:300px; height:224px; background:url(/sub/0102/images/sub/ceo_img.jpg) no-repeat 0 0; background-size:contain; position:absolute; top:31%; left:50%; transform:translateX(-50%);}
.ceo_top .ceo_title{padding:30px; background:#eef4fc;}
.ceo_top .ceo_title span{display:block;}
.ceo_top .ceo_title .sign em{font-family:'dimibang_new'; font-style:normal; font-size:28px; margin-left:5px;}
.ceo_top .ceo_title .s_title{margin-bottom:10px; line-height:1.5; font-size:15px; word-break:keep-all;}
.ceo_top .ceo_title .b_title{font-size:22px; font-weight:500; font-family:'DWImpactamin'; line-height:1.4; margin-bottom:280px;}
.ceo_top .ceo_title .b_title em{font-style:normal; color:#37519e;}
.ceo_top .ceo_deco{background:#37519e; padding:20px;}
.ceo_top .ceo_deco span{color:#fff; letter-spacing:2px; font-weight:500;}
.ceo_text{background:#fbfbfb; padding:30px;}
.ceo_text .b_text{font-family:'DWImpactamin'; font-weight:500; font-size:17px;}
.ceo_text em{font-style:normal; font-size:13px; color:#555;}
@media all and (min-width:480px){
	.ceo_top .ceo_title .b_title{font-size:28px;}
}
@media all and (min-width:640px){
	.ceo_top:after{width:320px; height:242px; top:35%;}
	.ceo_top .ceo_title .b_title{font-size:34px;}
	.ceo_text em{font-size:15px;}
}
@media all and (min-width:768px){
	.ceo_top .ceo_title .s_title{font-size:16px;}
	.ceo_top .ceo_title .b_title{font-size:40px; margin-bottom:300px;}
	.ceo_top .ceo_title .sign em{font-size:32px;}
	.ceo_top .ceo_deco{font-size:14px;}
	.ceo_text{padding:40px 30px;}
	.ceo_text .b_text{font-size:19px;}
}
@media all and (min-width:1024px){
	.ceo_top{text-align:left;}
	.ceo_top:after{width:380px; height:283px; top:-40px; left:30px; transform:translateX(0)}
	.ceo_top .ceo_title{padding:65px 30px 50px 30px;}
	.ceo_top .ceo_title span{padding-left:47%;}
	.ceo_top .ceo_title .b_title{margin-bottom:30px;}
	.ceo_top .ceo_title .sign em{font-size:34px; margin-left:10px;}
	.ceo_top .ceo_deco{text-align:center;}
	.ceo_top .ceo_deco span{letter-spacing:5px;}
	.ceo_text{padding:60px;}
	.ceo_text .b_text{font-size:20px;}
}
@media all and (min-width:1200px){
	.ceo_top:after{width:420px; height:313px; left:40px;}
}
@media all and (min-width:1300px){
	.ceo_top:after{width:510px; height:380px; left:70px;}
	.ceo_top .ceo_title{padding:80px 0 70px 0;}
	.ceo_top .ceo_title .s_title{font-size:17px; margin-bottom:35px;}
	.ceo_top .ceo_title .b_title{font-size:50px;}
	.ceo_top .ceo_title span, .ceo_top .ceo_deco{padding-left:48%}
	.ceo_top .ceo_deco{padding:30px 0;}
	.ceo_top .ceo_deco span{letter-spacing:8px;}
	.ceo_text{padding:80px 140px;}
	.ceo_text p{line-height:2.1; margin-bottom:30px!important;}
	.ceo_text p:last-child{margin-bottom:0;}
	.ceo_text .b_text{font-size:22px;}
}
@media all and (min-width:1400px){
	.ceo_top{margin-top:80px;}
	.ceo_top:before{content:''; display:block; width:140px; height:177px; position:absolute; top:-100px; right:40px; background:url("/sub/0102/images/sub/ceo_deco01.png") no-repeat center; background-size:cover;}
}

/* 연혁1 */
.history{position:relative;}
.history:after{content:''; display:block; width:1px; height:calc(100% - 220px); border-left:1px dashed #d6deed; position:absolute; top:220px; left:10px}
.history .his_title{display:block; margin:0 auto; width:180px; height:180px; border-radius:50%; background:#37519e url("/sub/0102/images/sub/his_bg.png") no-repeat center; background-size:cover; border:10px solid #dde7f4; text-align:center; color:#fff; font-size:20px; font-weight:600; padding-top:39px;}
.history .his_title i{color:#fff; font-size:40px; font-weight:300; margin-bottom:10px;}
.history .his_list{margin-top:30px;}
.history .his_list > li{margin-bottom:30px;}
.history .his_list > li:last-child{margin-bottom:0;}
.history .his_list > li > div{padding-left:50px;}
.history .his_list > li > div > .year{display:block; font-size:32px; font-weight:600; margin-bottom:15px; position:relative;}
.history .his_list > li > div > .year:before, .history .his_list > li > div > .year:after{content:''; display:block; background:#37519e; position:absolute; top:50%; transform:translateY(-50%);}
.history .his_list > li > div > .year:before{width:15px; height:15px; border-radius:50%; left:-47px; z-index:1;}
.history .his_list > li > div > .year:after{width:30px; height:1px; left:-40px;}
.history .his_list > li > div > ul{border:2px solid #d6deed; border-radius:15px; padding:30px; background:#fff;}
.history .his_list > li > div > ul > li > .month{color:#37519e; font-weight:600; font-size:16px; display:block; margin-bottom:10px;}
.history .his_list > li > div > ul > li:last-child > ul{margin-bottom:0;}
.history .his_list > li > div > ul > li > ul{padding-left:0; margin-bottom:20px;}
.history .his_list > li > div > ul > li > ul > li{margin-bottom:2px; padding-left:0;}

@media all and (min-width:640px){
	.history .his_list > li > div{padding-left:80px;}
	.history .his_list > li > div > .year:before{left:-77px;}
	.history .his_list > li > div > .year:after{width:45px; left:-63px;}
	.history .his_list > li > div > ul{padding:30px 40px;}
	.history .his_list > li > div > ul > li{display:flex; flex-wrap:nowrap;}
	.history .his_list > li > div > ul > li:last-child{margin-bottom:0;}
	.history .his_list > li > div > ul > li > .month{ min-width:115px; margin-top:5px; font-size:15px; margin-bottom:0;}
	.history .his_list > li > div > ul > li > .month.long{width:120px;}
	.history .his_list > li > div > ul > li > ul > li{font-size:15px;}
}
@media all and (min-width:768px){
	.history .his_list > li{margin-bottom:50px;}
	.history .his_list > li > div > .year{font-size:34px; margin-bottom:20px;}
}
@media all and (min-width:1024px){
	.history:after{height:100%; top:0; left:50%; transform:translateX(-50%); z-index:-1;}
	.history .his_list{margin-top:80px;}
	.history .his_list > li{margin-bottom:-55px;}
	.history .his_list > li:after{content:''; display:block; clear:both;}
	.history .his_list > li:nth-child(odd) > div{float:right; width:50%;}
	.history .his_list > li:nth-child(even) > div{float:left; width:50%;}
	.history .his_list > li > div > .year{margin-bottom:30px;}
	.history .his_list > li > div > .year:before{left:-87px;}
	.history .his_list > li > div > .year:after{left:-73px;}
	.history .his_list > li > div > ul > li{margin-bottom:7px;}
	.history .his_list > li > div > ul > li > ul{margin-bottom:10px;}
	.history .his_list > li:nth-child(even) > div{padding-left:0; padding-right:80px;}
	.history .his_list > li:nth-child(even) > div .year{text-align:right;}
	.history .his_list > li:nth-child(even) > div > .year:before{left:inherit; right:-87px;}
	.history .his_list > li:nth-child(even) > div > .year:after{left:inherit; right:-73px;}
	.history .his_list > li:nth-child(even) > div > ul > li{flex-direction:row-reverse;}
	.history .his_list > li:nth-child(even) > div > ul > li > .month{text-align:right;}
	.history .his_list > li:nth-child(even) > div > ul > li > ul > li{text-align:right;}
}
@media all and (min-width:1400px){
	.history{margin-bottom:100px;}
	.history .his_list > li > div > .year{font-size:40px;}
	.history .his_list > li > div > ul{padding:40px 60px;}
}

/* 이용안내 */
.use_list dl{margin-bottom:30px; position:relative;}
.use_list dl:before{content:''; width:100%; height:5px; background:url("/sub/0102/images/sub/line01.png") repeat-x 0 0; position:absolute; top:0; left:0; right:0;}
.use_list dl dt{padding:20px 20px 15px 20px; font-family:'DWImpactamin'; font-size:18px; color:#4c5bb9;}
.use_list dl dt i{display:inline-block; vertical-align:middle; width:40px; height:40px; border-radius:50%; background:#4c5bb9; color:#fff; text-align:center; line-height:40px; margin-right:10px;}
.use_list dl dd{padding-left:0; border-top:1px solid #555; padding:20px 0;}
.use_list dl:last-child dd{border-bottom:1px solid #555;}
.use_list dl dd ul{margin-bottom:0;}
@media all and (min-width:768px){
	.use_list dl{display:flex; flex-wrap:nowrap; justify-content:space-between; margin-bottom:0; align-items:center;}
	.use_list dl:before{width:30%; right:inherit;}
	.use_list dl:last-child:after{content:''; width:30%; height:5px; background:url("/sub/0102/images/sub/line01.png") repeat-x 0 0; position:absolute; bottom:0; left:0;}
	.use_list dl dt{width:30%; padding:30px 20px; font-size:20px; text-align:center;}
	.use_list dl dd{width:68%; padding:30px 0;}
}
@media all and (min-width:1024px){
	.use_list dl dt{padding:50px 40px;}
	.use_list dl dd{padding:50px 20px;}
}
@media all and (min-width:1300px){
	.use_list dl dt{font-size:26px;}
	.use_list dl dt i{width:50px; height:50px; line-height:50px; font-size:22px; margin-right:16px;}
}

/* 사업안내 */
.infor_box .infor_text{border:1px dashed #333; border-radius:10px; padding:30px;}

.infor_target{margin:20px 0; border-radius:10px; background:#f8f8f8;}
.infor_target > span{background:#119588; padding:13px 20px; color:#fff; display:block; text-align:center; font-weight:600; font-size:18px; border-radius:5px;}
.infor_target > ul{padding:20px;}
.infor_target > ul > li{position:relative; margin-bottom:10px; line-height:1.3; padding-left:20px;}
.infor_target > ul > li:last-child{margin-bottom:0;}
.infor_target > ul > li > .num{position:absolute; top:0; left:0;}


@media all and (min-width:768px){
	.infor_target > ul{display:flex; flex-wrap:wrap; align-items:center;}
	.infor_target > ul > li{width:50%;}
}

@media all and (min-width:1024px){
	.infor_box .infor_text{padding:40px; margin-top:30px;}
	
	.infor_target{position:relative; margin:30px 0 60px 0;}
	.infor_target > span{position:absolute; top:50%; transform:translateY(-50%); left:30px; padding:20px 50px;}
	.infor_target > ul{padding:35px 30px 35px 200px;}
	.infor_target > ul > li{margin-bottom:15px;}
	.infor_target > ul > li:nth-child(3), .infor_target > ul > li:last-child{margin-bottom:0;}
}
@media all and (min-width:1400px){
	.infor_target > span{left:-40px; padding:25px 60px; font-size:20px;}
}


/* 오시는 길 */
.map_area{border:1px solid #dedede; position:relative;}
.map_area .map{width:100%; height:400px;}
.map_area .map_add{background:#4c5bb9; padding:20px; position:absolute;bottom:0;left:0;right:0;z-index:999;box-shadow:5px 5px 9px rgba(0, 0, 0, 0.3);}
.map_area .map_add .title{font-size:17px; margin-bottom:20px; font-weight:500; display:block; color:#ffde45;}
.map_area .map_add ul li{color:#fff; display:block; line-height:1.4; margin-bottom:10px;}
.map_area .map_add ul li:last-child{margin-bottom:0;}
.map_area .map_add ul li span{color:#fff; display:block;  margin-bottom:5px;}
.map_area .map_add ul li i{color:#fff; margin-right:5px;}

.route li{background:#f8f8f8; margin-bottom:20px; border-radius:15px;}
.route li .title{background:#fff; padding:20px; text-align:center; border:8px solid #f0f0f0; font-weight:500; font-size:16px; border-radius:15px;}
.route li ul{padding:20px;}
.route li ul li{line-height:1.4;}
.route li.car ul li{padding:0 10px 20px 10px; border-bottom:1px dashed #dedede;}
.route li.car ul li:last-child{margin-bottom:0; padding-bottom:0; border:0;}
.route li.car ul li span{display:block; font-weight:500; margin-bottom:10px; font-size:15px; color:#3c5bb8;}
.route li.car ul li span br{display:none;}
.route li.bus ul li{display:inline-block; margin-bottom:3px; margin-right:5px; padding:7px 15px; border:1px solid #dedede; border-radius:10px; background:rgba(255,255,255,0.8);}

@media all and (min-width:640px){
	.map_area{margin-bottom:90px;}
	.map_area .map_add{padding:40px; margin:0 30px; bottom:-40px; border-radius:20px;}
	.map_area .map_add .title{font-size:18px;}
	.map_area .map_add ul li{padding-left:100px; position:relative;}
	.map_area .map_add ul li span{position:absolute; top:0; left:0; font-weight:500;}	
	
	.route li .title{font-size:17px;}
	.route li ul{padding:30px;}
	.route li.car ul li{padding:0 20px 20px 20px; line-height:1.6;}
	.route li.car ul li span{font-size:16px;}
}
@media all and (min-width:768px){
	.map_area .map{height:500px;}
	.map_area .map_add{margin:0 50px;}
}
@media all and (min-width:1024px){
	.route > li{display:flex; flex-wrap:nowrap; align-content:center;}	
	.route > li .title{word-break:keep-all; width:22%;}
	.route > li .title > span > i{display:block; font-size:40px; margin-bottom:15px;}
	.route > li ul{width:78%;}
	
	.route > li.car .title{padding-top:13%;}
	.route > li.bus .title{padding:30px 20px;}
	.route > li.bus .title > span > i{font-size:36px;}
	.route > li.bus ul{padding:52px 50px;}
}
@media all and (min-width:1100px){
	.map_area .map_add{ display:flex; flex-wrap:nowrap; align-items:center;}
	.map_area .map_add .title{font-size:20px; margin-right:40px; margin-bottom:0;}
	
	.route li.car ul li{display:flex; flex-wrap:nowrap; align-items:center;}
	.route li.car ul li span{width:160px; margin-right:20px; text-align:center;}
	.route li.car ul li span br{display:block;}
	
	.route > li.car .title{padding-top:9%;}
}
@media all and (min-width:1300px){
	.route > li.car .title{padding-top:7%;}
}
@media all and (min-width:1400px){
	.map_area{margin-bottom:110px;}
	.map_area .map{height:550px;}
	.map_area .map_add{padding:40px 60px;}
	.map_area .map_add .title{margin-right:50px;}
	.map_area .map_add ul{display:flex; flex-wrap:nowrap;}
	.map_area .map_add ul li{margin-bottom:0; font-size:17px;}
	.map_area .map_add ul li:first-child{margin-right:30px;}	
}

/* 이용자의 권리 */
.user_right{padding: 10px;border:1px solid #01253f;border-radius:5px;}
.user_right .inner{border:1px dashed #e0e0e0;background:#f8f8f8;border-radius:5px;padding: 20px;}
.user_right .inner h4{text-align:center; padding-left:0; font-family:'DWImpactamin'; font-weight:500; padding:20px 0; border:1px dashed #dedede; background:#fff; border-radius:10px 10px 0 0;}
.user_right .inner h4:before{display:none;}
@media all and (min-width:1024px){
	.user_right{padding:20px;}
	.user_right .inner{padding:50px 40px;}
	.user_right .inner h4{padding:30px 0;}
}
@media all and (min-width:1300px){
	.user_right .inner{padding:70px 90px;}
	.user_right .inner h4{font-size:30px;}
}


/* 마음건강정보 */
.infor01{margin-top:30px;}
.infor01 dl{border:5px solid #eef4fc; border-radius:10px; margin-bottom:20px; position:relative; padding:30px 20px;}
.infor01 dl dt{display:block; color:#37519e; font-weight:500; font-size:16px; background:#fff; position:absolute; top:-15px; left:50%; transform:translateX(-50%); padding:10px 20px;}
.infor01 dl dd{line-height:1.4; text-align:center; word-break:keep-all;}

.infor02 > ul > li > span{display:block; padding:15px 20px 15px 50px; position:relative; color:#fff; font-weight:500; font-size:16px; border-radius:35px;}
.infor02 > ul > li > span > em{font-style:normal; width:35px; height:35px; background:#fff; text-align:center; line-height:35px; display:block; position:absolute; top:50%; transform:translateY(-50%); left:5px; border-radius:50%; font-size:15px; font-weight:600;}
.infor02 > ul > li > .text{padding:20px; line-height:1.4;}

.infor02 > ul > li:first-child > span{background:#5e93d9;}
.infor02 > ul > li:nth-child(2) > span{background:#205696;}
.infor02 > ul > li:nth-child(3) > span{background:#119588;}
.infor02 > ul > li:nth-child(4) > span{background:#67ac37;}
.infor02 > ul > li:nth-child(5) > span{background:#e28640;}

@media all and (min-width:640px){
	.infor01 dl{margin-bottom:30px; padding:40px 20px;}
	.infor01 dl dt{font-size:18px;}
	
	.infor02 > ul > li{position:relative;}
	.infor02 > ul > li:after{content:''; display:block; width:60px; height:60px; background-image:url("/sub/0102/images/sub/icon_mind.png"); background-repeat:no-repeat; position:absolute; right:20px; top:-20px; background-size:670px;}
	
	.infor02 > ul > li.mind01:after{background-position:0 0;}
	.infor02 > ul > li.mind02:after{background-position:-60px 0;}
	.infor02 > ul > li.mind03:after{background-position:-120px 0;}
	.infor02 > ul > li.mind04:after{background-position:-183px 0;}
	.infor02 > ul > li.mind05:after{background-position:-244px 0;}
	.infor02 > ul > li.mind06:after{background-position:-305px 0;}
	.infor02 > ul > li.mind07:after{background-position:-366px 0;}
	.infor02 > ul > li.mind08:after{background-position:-428px 0;}
	.infor02 > ul > li.mind09:after{background-position:-487px 0;}
	.infor02 > ul > li.mind10:after{background-position:-548px 0;}
	.infor02 > ul > li.mind11:after{background-position:-610px 0;}
}
@media all and (min-width:1024px){
	.infor01{margin-top:60px;}
	.infor01{display:flex; flex-wrap:nowrap; justify-content:space-between;}
	.infor01 dl{width:32%; padding:50px 20px 40px 20px;}
	.infor01 dl dt{width:180px; text-align:center; font-size:21px;}
	
	.infor02{margin-top:40px;}
	.infor02 > ul{display:flex; flex-wrap:wrap;}
	.infor02 > ul > li{width:49%; margin-right:2%; margin-bottom:20px;}
	.infor02 > ul > li:nth-child(2n){margin-right:0;}
	.infor02 > ul > li > span{font-size:20px; padding:20px 20px 20px 70px;}
	.infor02 > ul > li > span > em{width:45px; height:45px; line-height:45px; left:10px; font-size:18px;}
	.infor02 > ul > li > .text{padding:30px; line-height:1.5;}
	
	.infor02 > ul > li:after{width:83px; height:83px; background-size:866px; top:-30px;}
	.infor02 > ul > li.mind01:after{background-position:0 0;}
	.infor02 > ul > li.mind02:after{background-position:-77px 0;}
	.infor02 > ul > li.mind03:after{background-position:-153px 0;}
	.infor02 > ul > li.mind04:after{background-position:-234px 0;}
	.infor02 > ul > li.mind05:after{background-position:-312px 0;}
	.infor02 > ul > li.mind06:after{background-position:-392px 0;}
	.infor02 > ul > li.mind07:after{background-position:-470px 0;}
	.infor02 > ul > li.mind08:after{background-position:-549px 0;}
	.infor02 > ul > li.mind09:after{background-position:-627px 0;}
	.infor02 > ul > li.mind10:after{background-position:-706px 0;}
	.infor02 > ul > li.mind11:after{background-position:-786px 0;}
}
@media all and (min-width:1200px){
	.infor02 > ul > li > span{font-size:22px;}
}


/* 조직도 */
.org{position:relative;}
.org:before{content:''; display:block; width:1px; height:30%; background:#c5cddd; position:absolute; top:0; left:50%;}
.org .org_box01{position:relative; border-radius:5px; margin-bottom:20px; background:#ff5852;}
.org .org_box01 span{display:block; text-align:center; padding:15px 10px; font-weight:500; color:#fff;}
.org .org_sm01{background:#5e93d9;border: 5px solid #6ca4ed;}
.org .org_sm02{background:#205696;border: 5px solid #2e6cb7;}
.org .org_sm03{background:#119588;border: 5px solid #1ba89b;}
.org .org_b{border:5px solid #ffbbb8; border-radius:30px;}
.org .org_b > span{padding:20px 10px; font-family:'DWImpactamin'; font-size:17px;}

.org .org_box02 > div > span{display:block; padding:15px 0; text-align:center; border:2px solid #365064; color:#365064; background:#fff; border-radius:5px; position:relative; font-weight:500; margin-bottom:20px;}

.org .org_box03 > div > span{display:block; padding:15px 0; text-align:center; border:2px solid #365064; color:#365064; background:#fff; border-radius:5px; position:relative; font-weight:500; margin-bottom:20px;}

.org .org_box04 > ul > li{margin-bottom:15px;}
.org .org_box04 > ul > li > span{display:block; color:#fff; text-align:center; padding:15px 10px; line-height:1.3; background:#777887; margin-top:20px; position:relative; border-radius:5px; font-weight:500;}
.org .org_box04 > ul > li > span br{display:none;}
.org .org_box04 > ul > li > span:before{content:''; display:block; width:1px; height:20px; position:absolute; top:-20px; left:50%; background:#c5cddd;}
.org .org_box04 > ul > li > span.org_box04_1{background:#8e8e91;}

.org .org_box05 > ul > li > ul{border:1px solid #dedede; margin-top:10px; border-radius:5px; padding:25px; margin-bottom:0;}
.org .org_box05 > ul > li > ul > li{font-size:14px;}

@media all and (min-width:640px){
	
	.org .org_box01{width:270px; margin:0 auto 30px auto;}
	.org .org_box01:after{display:none;}
	.org .org_box01 span{font-size:16px;}
	
	.org .org_box02, .org .org_box03{margin-bottom:40px;}
	.org .org_box02:after{content:''; display:block; clear:both;}
	.org .org_box02 > div{position:relative; width:50%;}
	.org .org_box02 > div > span{display:inline-block; width:240px; font-size:16px; margin-bottom:0;}
	.org .org_box02 .left{float:left;}
	.org .org_box02 .left > span{margin-right:10px;}
	.org .org_box02 .right{float:right; text-align:right;}
	.org .org_box02 .right > span{margin-left:10px;}
	.org .org_box02 > div:before, .org .org_box03 > div:before{content:''; display:block; background:#c5cddd; height:1px; width:74%; position:absolute; top:50%;}
	.org .org_box02 .left:before{right:0;}
	.org .org_box02 .right:before{left:0;}
	
	.org .org_box03{display:flex; flex-wrap:nowrap; justify-content:space-between;}
	.org .org_box03 > div{width:32%; position:relative;}
	.org .org_box03 > div > span{margin-bottom:0;}
	.org .org_box03 .left:before{width:300%;}
	
	.org .org_box04{position:relative;}
	.org .org_box04:before, .org .org_box04 > ul > li::after{content:''; display:block; position:absolute; background:#c5cddd;}
	.org .org_box04:before{height:1px; width:100%; top:0; left:0; }
	.org .org_box04 > ul{position:relative;}
	.org .org_box04 > ul{display:flex; justify-content:space-between; flex-wrap:nowrap; align-items:baseline;}
	.org .org_box04 > ul > li{width:50%; margin-right:1%; position:relative;}
	.org .org_box04 > ul > li:last-child{margin-right:0;}
	.org .org_box04 > ul > li:first-child:after{width:50%; height:1px; background:#fff; top:0; left:0;}
	.org .org_box04 > ul > li:last-child:after{width:50%; height:1px; background:#fff; top:0; right:0;}
	.org .org_box04 > ul > li > span{margin-top:40px; font-size:16px;}
	.org .org_box04 > ul > li > span:before{display:block; height:40px; top:-40px;}
	.org .org_box04 > ul > li > span br{display:block;}

}

@media all and (min-width:640px) and (max-width:1023px) {
	.org .org_box05:before{display:none;}
	.org .org_box05 > ul {flex-wrap:wrap;}
	.org .org_box05 > ul > li{width:47%}
	.org .org_box05 > ul > li:nth-child(2n){margin-right:0;}
	.org .org_box05 > ul > li > span{margin-top:20px;}
	.org .org_box05 > ul > li > span:before{display:none;}
}

@media all and (min-width:768px){
	.org{margin:30px auto;}
	.org .org_box02 > div > span, .org .org_box05 > ul > li > span, .org .org_box03 > div > span{font-size:17px;}
	.org .org_box01 span{font-size:20px;}
}
@media all and (min-width:1024px){
	.org .org_box01{width:280px;}
	.org .org_b{width:400px;}
	.org .org_box01 > span{padding:20px;}
	.org .org_b{border-radius:40px;}
	.org .org_b > span{padding:25px 10px; font-size:20px;}
	.org .org_box02 > div > span{width:280px; padding:18px 0;}
	.org .org_box03 > div{width:280px;}
	.org .org_box03 > div > span{padding:18px 0;}
	.org .org_box04 > ul > li{width:50%; margin-right:1%;}
}
@media all and (min-width:1200px){
	.org .org_box02, .org .org_box03{width:1100px; margin:0 auto 40px auto;}
}


/* 단계(이용방법) */
.list_step{margin:20px 0;}
.list_step li{text-align:center; margin-bottom:30px;}
.list_step li .title{display:block; color:#fff; padding:15px 10px; font-size:16px; position:relative; font-weight:500; border-radius:10px;}
.list_step li .title em{font-style:normal; position:absolute; top:50%; transform:translateY(-50%); left:-8px; color:rgba(255,255,255,0.3); font-size:36px;}

.list_step li:first-child .title{background:#5e93d9;}
.list_step li:nth-child(2) .title{background:#205696;}
.list_step li:nth-child(3) .title{background:#119588;}
.list_step li:nth-child(4) .title{background:#67ac37;}


@media all and (min-width:768px){
	.list_step{display:flex; flex-wrap:wrap; justify-content:space-between;}
	.list_step li{width:48%; margin-bottom:0;}
	.list_step li:first-child, .list_step li:nth-child(2){margin-bottom:20px;}
	.list_step li .title{padding:17px 10px;}
	.list_step li .title:after{content:'';  display:block; width: 0px; height: 0px; position:absolute; right:-13px; top:50%; transform:translateY(-50%); border-bottom:20px solid  transparent; border-top:20px solid  transparent; border-right:0;}
	
	.list_step li:first-child .title:after{border-left:16px solid #5e93d9;}
	.list_step li:nth-child(2) .title:after{border-left:20px solid #205696;}
	.list_step li:nth-child(3) .title:after{border-left:20px solid #119588;}
	.list_step li:last-child .title:after{display:none;}
}
@media all and (min-width:1024px){
	.list_step li .title{font-size:18px; padding:23px 10px;}
	.list_step li .title em{font-size:52px; left:-13px;}
	.list_step li .title:after{right:-15px;}
}


/* 사이트맵 */
.sitemap > li{margin-bottom:30px;}
.sitemap > li > span{padding:20px; display:block; border-top:2px solid #37519e; border-bottom:1px solid #dedede; color:#37519e; font-weight:500; font-size:16px; text-align:center;}
.sitemap > li > ul{margin:10px 0 0 0; padding:10px 25px;}
.sitemap > li > ul > li{margin-bottom:10px; padding-left:0;}
.sitemap > li > ul > li > a{padding-left:13px; display:block;}
.sitemap > li > ul > li > a:hover{text-decoration:underline;}
.sitemap > li > ul > .depth3{padding-bottom:0; border-bottom:0;}
.sitemap > li > ul > .depth3 > ul{background:#f8f8f8; padding:20px; margin-top:10px; border:1px solid #ededed;}
.sitemap > li > ul > .depth3 > ul > li{margin-bottom:5px;}
.sitemap > li > ul > .depth3 > ul > li > a{display:block;}
.sitemap > li > ul > .depth3 > ul > li > a:hover{text-decoration:underline;}
.sitemap > li > ul > .depth3 > ul > li:last-child{margin-bottom:0;}
@media all and (min-width:768px){
	.sitemap{display:flex; flex-wrap:wrap;}
	.sitemap > li{width:32%; margin-right:2%;}
	.sitemap > li:nth-child(3n){margin-right:0;}
	.sitemap > li > span{font-size:18px;}
}