.sub_img{padding-left:100px;  position: relative;}
.sub_img .inner{height: 500px; border-radius: 50px 0 0 50px; }
.sub_img .inner .wrap{position: absolute; left: 0; right: 0; bottom:0; top:0; display: flex; align-items: center;}
.sub_img .inner .segment .title{ font-size: 20px; line-height: 1.3em; color:#06b085;}
.sub_img .inner .segment .subject{font-size: 48px; letter-spacing: -.04em; line-height: 1.5em; color:#333; margin-top: 10px; }

.text span{white-space: nowrap}

.sub_ct{padding: 200px 0;}

/* 병원소개 (about1010) 임권빈 시작 22.02.14 */
.sub_01 .overwrap{width: 1470px; margin:0 auto; position: relative;}
.sub_01 .title{font-size: 48px; line-height: 1.5em; color:#333; text-align: center;}
.sub_01 .text{font-size: 20px; line-height: 1.5em; letter-spacing: -.04em; color:#333; text-align: center; margin-top: 20px;}
.sub_01 .artWrap{display: flex; justify-content: space-between; width:104%; margin-left:-2%; margin-top: 130px;}
.sub_01 .artWrap .article{width:29.33%; margin:0 2%; border-radius: 40px; overflow: hidden; background: #fafaf7;}
.sub_01 .artWrap .article .segment{padding: 40px 50px 60px; display: flex; flex-direction: column;}
.sub_01 .artWrap .article .segment .subject{font-size: 24px; line-height: 1.5em; color:#333; text-align: center}
.sub_01 .artWrap .article .segment .text{font-size: 18px; line-height: 1.7em; color:#333; margin-top: 20px; text-align: center}
.sub_01 .artWrap .article .segment .bottom{margin-top: 40px; height: 135px; display: flex; align-items: center;}
.sub_01 .artWrap .article .segment .bottom a{padding:20px 10px; color:#fff; font-size: 16px; line-height: 1.5em; background: #06b085; display: block; width:220px; margin:0 auto; text-align: center; border-radius: 15px; height: 61px;}
.sub_01 .artWrap .article .segment .bottom a:hover, .sub_01 .artWrap .article .segment .bottom a:focus, .sub_01 .artWrap .article .segment .bottom a:active{ font-weight: bold}
.sub_01 .artWrap .article .segment .hashtag{ flex-wrap: wrap; justify-content: center;}
.sub_01 .artWrap .article .segment .hashtag .tag{padding: 5px 8px; background: #f9a119; color:#fff; margin-right: 5px; margin-bottom: 5px; border-radius: 8px;}
.sub_01 .artWrap .article .segment .iconWrap{justify-content: space-between;}
.sub_01 .artWrap .article .segment .iconWrap .icon img{height: 53px;}
.sub_01 .artWrap .article .segment .iconWrap .icon p{ text-align: center; font-size: 14px; line-height: 1.5em; color:#333; margin-top: 20px !important;}
.sub_01 .artWrap .article .segment .iconWrap .next i{color:#43c4a3; font-size: 20px;}

.sub_02{background: #fafaf7;}
.sub_02 .imgWrap{position: absolute; right: 0; bottom:-230px; z-index: 0;}
.sub_02 .segment{position: relative; z-index: 1;}
.sub_02 .segment .title{font-size: 48px; line-height: 1.5em; color:#333;}
.sub_02 .segment .text{margin-top: 40px; font-size: 20px; letter-spacing: -.04em; line-height: 1.7em; color:#333;}
.sub_02 .segment img{margin-top: 40px;}

.sub_03{padding-top: 350px !important; padding-bottom: 250px !important;}
.sub_03 .imgWrap{position: absolute; left: 0; bottom:-250px; z-index: 0;}
.sub_03 .segment{display: table; margin-left:auto; text-align: right; position: relative; z-index: 1;}
.sub_03 .segment .title{font-size: 48px; line-height: 1.5em; color:#333;}
.sub_03 .segment .text{margin-top: 40px; font-size: 20px; letter-spacing: -.04em; line-height: 1.7em; color:#333;}
.sub_03 .segment .text b{font-weight: 500;}

.sub_04{background: #fafaf7;}
.sub_04 .title{font-size: 48px; line-height: 1.5em; color: #333; text-align: center;}
.sub_04 .text{font-size: 20px; line-height: 1.5em; letter-spacing: -.04em; color:#333; text-align: center; margin-top: 20px; margin-bottom: 70px;}
.sub_04 .artWrap{position: relative; margin-top: 40px;}
.sub_04 .artWrap .carousel .item .imgWrap{ height: 650px; border-radius: 40px; overflow: hidden;}
.sub_04 .artWrap .carousel .item .segment{ margin-top: 40px;}
.sub_04 .artWrap .carousel .item .segment .text{font-size: 20px; letter-spacing: -.04em; line-height: 1.7em; text-align: center;}
.sub_04 .artWrap .btn_wrap .ca_btn{position: absolute; top:280px; width:95px; height: 95px; border-radius: 15px; color: #fff; font-size: 50px; display: flex; justify-content: center; align-items: center; background: #06b085;cursor: pointer; }
.sub_04 .artWrap .btn_wrap .btn_next{right: -50px;}
.sub_04 .artWrap .btn_wrap .btn_prev{left: -50px;}
.sub_04 .artWrap .btn_wrap .ca_btn i{position: relative; transition: all .2s;}
.sub_04 .artWrap .btn_wrap .btn_next i{left:0;}
.sub_04 .artWrap .btn_wrap .btn_prev i{right:0;}
.sub_04 .artWrap .btn_wrap .btn_next:hover i{left: 5px;}
.sub_04 .artWrap .btn_wrap .btn_prev:hover i{right:5px;}
/* 병원소개 (about1010) 임권빈 종료 22.02.14 */

/* 의료진 소개 (about1011) 임권빈 시작 22.02.15 */
.sub_05 ul{display:flex; width:100%; margin-bottom: 0;}
.sub_05 ul li{position: relative; padding: 40px; border-radius: 40px 40px 0 0; background: #e9e3d7;width:33%; color:#333; cursor: pointer;}
.sub_05 ul li:nth-of-type(2){margin:0 2%;}
.sub_05 ul li.on{background:#06b085; color: #fff;}
.sub_05 ul li .name{font-size: 24px; line-height: 1.5em;}
.sub_05 ul li .name small{white-space: nowrap}
.sub_05 ul li img{position: absolute; right:5px;bottom:0; height: 135px;}
.sub_05 .segment{background:#fafaf7; padding: 110px 70px; position: relative; display: none;}
.sub_05 .segment.on{display:block;}
.sub_05 .segment h4{font-size: 48px; line-height: 1.5em; color:#333;}
.sub_05 .segment .inner{margin-top: 50px; width:55%;}
.sub_05 .segment .inner .text{font-size: 20px; line-height: 1.7em; letter-spacing: -.04em; color:#333}
.sub_05 .segment .inner h5{font-size: 24px; line-height: 1.5em; color:#333; margin-top: 50px;}
.sub_05 .segment .imgwrap{position: absolute; right:20px; bottom:0; width:40%;}
.sub_05 .segment .imgwrap .example_img{width:100%; height: 550px; background:#06b085; display: flex; justify-content: center; align-items: center;}

.sub_06.on{display: block;}
.sub_06{background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 265px, rgba(250,250,247,1) 265px, rgba(250,250,247,1) 100%); padding-top: 0 !important; display:none;}
.sub_06 .artWrap{display: flex; justify-content: space-between; width:104%; margin-left: -2%;}
.sub_06 .artWrap .article{width:46%; margin:0 2%; border-radius: 40px; overflow: hidden;  background: #fff;}
.sub_06 .artWrap .article .imgWrap{text-align: center; padding-top: 30px;}
.sub_06 .artWrap .article:first-of-type .imgWrap{background: #06b085}
.sub_06 .artWrap .article:last-of-type .imgWrap{background: #f9a119}
.sub_06 .artWrap .article .segment{padding: 50px 60px;}
.sub_06 .artWrap .article .segment .title{font-size: 24px; line-height: 1.5em; color:#333; text-align: center;}
.sub_06 .artWrap .article .segment .title:nth-of-type(1) ~ .title{margin-top: 50px}
.sub_06 .artWrap .article .segment ul{ margin-top: 30px;}
.sub_06 .artWrap .article .segment ul li{font-size: 18px; letter-spacing: -.04em; line-height: 1.7em; margin-top: 10px; color:#333;}
.sub_06 .artWrap .article .segment .subtext{font-size: 14px; color:#666; margin-bottom: 30px;}
.sub_06 .artWrap .article .segment button{width:100%; border:none; border-radius: 15px; color:#fff; font-size: 14px; line-height: 1.5em; text-align: center; padding: 15px 5px; margin-top: 20px;}
/* 의료진 소개 (about1011) 임권빈 종료 22.02.15 */

/* 오시는길, 진료시간 (about1012) 임권빈 시작 22.03.31 */
.sub_07 .title{font-size: 48px; line-height: 1.5em; color:#333; text-align: center;}
.sub_07 .text{font-size: 20px; line-height: 1.5em; letter-spacing: -.04em; color:#333; text-align: center; margin-top: 20px;}
.sub_07 .map{width:100%; height: 550px; border-radius: 44px; overflow: hidden; background: #ccc; margin-top: 30px;}
.sub_07 ul{display:flex; justify-content: space-between; align-items: top; width:104%; margin-left:-2%; margin-top: 80px;}
.sub_07 ul li{width:29.33%; margin:0 2%; background: #fafaf7; padding: 50px 45px; overflow: hidden; position: relative; border-radius: 40px; text-align: center; height: 360px;}
.sub_07 ul li .subject{font-size: 24px; line-height: 1.5em; color:#333;}
.sub_07 ul li .list_text{font-size: 16px; line-height: 1.7em; color:#333; margin-top: 20px;}
.sub_07 ul li img{margin-top: 20px; position: absolute; bottom:0; right: 0;}

.sub_07 .map .btnWrap .mapbtn{top:30px !important;}
.sub_07 .map .btnWrap .mapnav{left: 20px !important; top:20px !important;}

.sub_08{background: #fafaf7;}
.sub_08 .title{font-size: 48px; line-height: 1.5em; color:#333; text-align: center;}
.sub_08 .text{font-size: 20px; line-height: 1.5em; letter-spacing: -.04em; color:#333; text-align: center; margin-top: 20px;}
.sub_08 .artwrap{display:flex; justify-content: space-between; align-items: top; width:104%; margin-left:-2%; margin-top: 70px;}
.sub_08 .artwrap .article:first-of-type{width:66%;}
.sub_08 .artwrap .article:last-of-type{width:36%; text-align: center}
.sub_08 .artwrap .article{margin:0 2%; background: #fff; border-radius: 40px; overflow: hidden; padding: 50px;}
.sub_08 .artwrap .article table{width:100%;}
.sub_08 .artwrap .article table thead th{font-size: 20px; line-height: 1.5em; color:#333; font-weight: 400; text-align: center; padding-bottom: 15px;}
.sub_08 .artwrap .article table tbody th{font-size: 16px; line-height: 1.5em; color:#666; font-weight: 400; width:150px;}
.sub_08 .artwrap .article table tbody td{padding: 15px 0;}
.sub_08 .artwrap .article table tbody td div{background:#06b085; height: 16px;}
.sub_08 .artwrap .article .more{font-size: 16px; line-height: 1.5em; color:#333; margin-top: 20px}
.sub_08 .artwrap .article .subject{font-size: 24px; line-height: 1.5em; color:#333;}
.sub_08 .artwrap .article .num{font-size: 24px; line-height: 1.5em; color:#06b085; margin: 30px 0;}
/* 오시는길, 진료시간 (about1012) 임권빈 종료 22.03.31 */

/* 공지사항 (about1013) 임권빈 시작 22.03.31 */
.sub_09 .notiwrap{display:flex; justify-content: center; align-items: center; flex-wrap:wrap; width:102%; margin-left:-1%;}
.sub_09 .notiwrap li{width:48%; margin:0 1%;}
.sub_09 .notiwrap li:nth-of-type(2) ~ li{margin-top: 4%;}
.sub_09 .notiwrap li a{display:block; border-radius: 40px; overflow: hidden;}
.sub_09 .notiwrap li .list_top{padding: 30px 40px; background: #e9e3d7; transition:background .2s;}
.sub_09 .notiwrap li .list_top .subject{font-size: 22px; line-height: 1.5em; overflow: hidden;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word; color:#333; transition:color .2s;}
.sub_09 .notiwrap li .list_body{padding: 50px 40px; background: #fafaf7;}
.sub_09 .notiwrap li .list_body .text{font-size: 14px; line-height: 1.6em; letter-spacing: -.04em; color:#333; overflow: hidden;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.sub_09 .notiwrap li .list_body .date{font-size: 14px; line-height: 1.6em; letter-spacing: -.04em; color:#333; margin-top: 30px;}
.sub_09 .notiwrap li .list_body .more{font-size: 14px; line-height: 1.6em; letter-spacing: -.04em; color:#333; margin-top: 40px; border-bottom:1px solid #333; display:table; transition: all .2s;}
.sub_09 .notiwrap li a:hover .list_body .more, .sub_09 .notiwrap li a:focus .list_body .more, .sub_09 .notiwrap li a:active .list_body .more{border-bottom:1px solid #06b085; color:#06b085}
.sub_09 .notiwrap li a:hover .list_top, .sub_09 .notiwrap li a:focus .list_top, .sub_09 .notiwrap li a:active .list_top{background: #06b085}
.sub_09 .notiwrap li a:hover .list_top .subject, .sub_09 .notiwrap li a:focus .list_top .subject, .sub_09 .notiwrap li a:active .list_top .subject{color:#fff;}

.nav_circle li div{line-height: 32px; border:1px solid transparent;}
.nav_circle li div.on{border: 1px solid #06b085; background: #06b085; color:#fff !important;}
.nav_circle li div:hover{border: 1px solid #06b085; color:#06b085}

.noti_outer .noti_top{border-top: 2px solid #06b085;padding: 20px; display: flex; justify-content: space-between; align-content: center;}
.noti_outer .noti_top .title{font-size: 24px; line-height: 1.5em; font-weight: 600; letter-spacing: -.04em; color:#333;}
.noti_outer .noti_top .date{font-size: 16px; line-height: 1.5em; letter-spacing: -.04em; color:#333; align-self: end;}
.noti_outer .middle{padding: 60px 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; min-height: 390px;}
.noti_outer .middle .text{font-size: 16px; line-height: 1.7em; letter-spacing: -.04em; color:#666;}
.noti_outer .middle img{display:block; max-width: 100%; height: auto !important;}
.noti_outer .bottom{text-align: center;; padding: 60px 0;}
.noti_outer .bottom button{text-align: center; border-radius: 100px; background: #06b085; color:#fff; font-size: 15px; border:none; width: 100px; padding: 8px 0; font-weight: 600;}
/* 공지사항 (about1013) 임권빈 종료 22.03.31 */

/* 비급여안내 (about1014) 임권빈 시작 22.03.31 */
.sub_10 .title{font-size: 48px; line-height: 1.5em; color:#333;}
.sub_10 .text{font-size: 20px; line-height: 1.5em; letter-spacing: -.04em; color:#333; margin-top: 20px;}
.sub_10 .table-responsive{margin-top: 60px;}
.sub_10 table{ border-radius: 40px; overflow: hidden;}
.sub_10 table thead tr th{border-bottom:none; border-right:1px solid #fff; font-size: 16px; line-height: 1.5em; letter-spacing: -.04em; color:#fff; font-weight: 400;}
.sub_10 table tbody tr th{border-right:1px solid #d9d9d7; font-size: 16px; line-height: 1.6em; letter-spacing: -.04em; color:#333; font-weight: 400;}
.sub_10 table tbody tr td{border-right:1px solid #d9d9d7; font-size: 16px; line-height: 1.6em; letter-spacing: -.04em; color:#333;}
.sub_10 table tbody tr td:last-of-type{border-right:none;}
.sub_10 table tbody tr:last-of-type th{border-bottom:none;}
.sub_10 table tbody tr:last-of-type td{border-bottom:none;}
/* 비급여안내 (about1014) 임권빈 종료 22.03.31 */


.file_box {overflow: hidden;margin-bottom: 20px;padding: 0 0;margin-top:50px}
.file_box ul li {padding: 5px 0}
.file_box ul li .file_wrap {display: table;background: #0b8;color: #fff;border-radius: 5px;font-size: 14px;overflow: hidden}
.file_box ul li .file_wrap .name {display: table-cell;padding: 7px 15px }
.file_box ul li .file_wrap .name span {font-size: 12px;}
.file_box ul li .file_wrap .button {display: table-cell;background: #387;padding: 7px 15px }
.file_box ul li .file_wrap:hover .button  {background: #096}
.file_box ul li .file_wrap .button img {height: 16px !important}

@media screen and (max-width:1500px) {
	.sub_img{padding-left: 0; margin-left:100px;}
	
	.sub_01 .overwrap{width:96%;}
	.sub_01 .artWrap{width:102%; margin-left:-1%;}
	.sub_01 .artWrap .article{width:31.33%; margin:0 1%;}
	.sub_01 .artWrap .article .segment{padding:40px 30px;}
}
@media screen and (max-width:1400px) {
	.sub_img .inner .segment{padding-left: 50px;}
	
	.sub_04 .artWrap .btn_wrap .btn_next{right:0;}
	.sub_04 .artWrap .btn_wrap .btn_prev{left:0;}
}

@media screen and (max-width:1199px) {
	.sub_img{margin-left:50px;}
	.sub_img .inner .segment .subject{font-size: 40px;}
	.sub_img .inner .segment .title{font-size: 18px;}
	
	.sub_ct{padding: 150px 0;}
	
	.sub_01 .title{font-size: 40px;}
	.sub_01 .text{ font-size: 18px;}
	.sub_01 .artWrap{display: block; width:100%; margin-left:0; margin-top: 80px;}
	.sub_01 .artWrap .article{width:100%; max-width: 450px; margin:0 auto;}
	.sub_01 .artWrap .article:nth-of-type(1) ~ .article{ margin-top: 40px;}
	.sub_01 .artWrap .article .segment .bottom{height: auto;}
	
	.sub_02 .segment .title{font-size: 40px;}
	.sub_02 .segment .text{font-size: 18px;}
	.sub_02 .imgWrap img{height: 500px;}
	
	.sub_03 .segment .title{font-size: 40px;}
	.sub_03 .segment .text{font-size: 18px;}
	.sub_03 .imgWrap img{height: 500px;}
	
	.sub_04 .title{font-size: 40px;}
	.sub_04 .text{font-size: 18px;}
	.sub_04 .artWrap .carousel .item .segment .text{ font-size: 18px;}
	.sub_04 .artWrap .btn_wrap .ca_btn{ width:80px; height: 80px; font-size: 40px;}
	.sub_04 .artWrap .carousel .item .imgWrap{height: 600px;}
	
	.sub_05 ul{width:90%;}
	.sub_05 ul li .name{font-size: 22px;}
	.sub_05 ul li img{width:40%;}
	.sub_05 .segment{ padding: 100px 60px;}
	.sub_05 .segment .flexwrap{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
	.sub_05 .segment h4{font-size: 36px; width:50%;}
	.sub_05 .segment .inner{margin-top: 50px; width:100%;}
	.sub_05 .segment .inner .text{font-size: 18px;}
	.sub_05 .segment .inner h5{font-size: 22px;}
	.sub_05 .segment .imgwrap{position: static; width:40%;}
	.sub_05 .segment .imgwrap .example_img{width:100%; height: 450px; background:#06b085; display: flex; justify-content: center; align-items: center;}
	
	.sub_06 .artWrap{width:106%; margin-left:-3%;}
	.sub_06 .artWrap .article{width:44%; margin:0 3%;}
	.sub_06 .artWrap .article .imgWrap img{height: 182.4px;}
	.sub_06 .artWrap .article .segment .title{font-size: 22px;}
	.sub_06 .artWrap .article .segment ul li{font-size: 17px;}
	
	.sub_07 .title{font-size: 40px;}
	.sub_07 .text{font-size: 18px;}
	.sub_07 .map{height: 500px; border-radius: 40px;}
	.sub_07 ul{width:102%; margin-left:-1%;}
	.sub_07 ul li{width:31.33%; margin:0 1%; height: 360px; padding: 40px 35px;}
	.sub_07 ul li .subject{font-size: 22px;}
	.sub_07 ul li .list_text{font-size: 15px;}
	
	.sub_08 .title{font-size: 40px;}
	.sub_08 .text{font-size: 18px;}
	.sub_08 .artwrap{width:102%; margin-left:-1%;}
	.sub_08 .artwrap .article:first-of-type{width:68%;}
	.sub_08 .artwrap .article:last-of-type{width:38%;}
	.sub_08 .artwrap .article{margin:0 1%; border-radius: 40px; padding: 50px;}
	.sub_08 .artwrap .article table thead th{font-size: 18px; padding-bottom: 15px;}
	.sub_08 .artwrap .article table tbody th{font-size: 15px; width:140px;}
	.sub_08 .artwrap .article table tbody td{padding: 15px 0;}
	.sub_08 .artwrap .article table tbody td div{height: 15px;}
	.sub_08 .artwrap .article .more{font-size: 15px; margin-top: 20px}
	.sub_08 .artwrap .article .subject{font-size: 20px;}
	.sub_08 .artwrap .article .num{font-size: 20px; margin: 30px 0;}
	.sub_08 .artwrap .article img{height: 107.2px;}
	
	.noti_outer .noti_top .title{font-size: 22px;}
	.noti_outer .noti_top .date{font-size: 15px;}
	.noti_outer .middle .text{font-size: 15px;}
	.noti_outer .bottom button{font-size: 14px;}
	
	.sub_10 .title{font-size: 40px;}
	.sub_10 .text{font-size: 18px;}
	.sub_10 .table-responsive{margin-top: 50px;}
	.sub_10 table thead tr th{font-size: 15px;}
	.sub_10 table tbody tr th{font-size: 15px;}
	.sub_10 table tbody tr td{font-size: 15px;}
}

@media screen and (max-width:1000px) {
	.sub_02 .imgWrap{bottom:-260px;}
	.sub_02 .imgWrap img{height: 400px;}
	
	.sub_03 .imgWrap img{height: 400px;}
	
	.sub_05 ul{width:100%; justify-content: space-between;}
	.sub_05 ul li{padding: 30px; border-radius: 30px 30px 0 0;}
	
	.sub_06 .artWrap{width:102%; margin-left:-1%;}
	.sub_06 .artWrap .article{width:48%; margin:0 1%;}
	.sub_06 .artWrap .article .segment{padding: 40px;}
	
	.sub_07 ul{width:100%; margin-left:0;display: block;}
	.sub_07 ul li{width:70%; margin:0 auto; height: auto; padding: 40px 35px; text-align: left;}
	.sub_07 ul li:nth-of-type(1) ~ li{margin-top: 30px;}
	.sub_07 ul li .list_text{font-size: 15px; width:68%;}
	.sub_07 ul li img{width:30%;}
}

@media screen and (max-width: 780px){
	.sub_img {margin-left:0; margin-top: 0;}
	.sub_img .inner{border-radius: 0; height: 400px;}
	.sub_img .inner .segment .subject{font-size: 36px;}
	.sub_img .inner .segment .title{font-size: 16px;}
	
	.sub_ct{padding: 120px 0;}
	
	.sub_01 .overwrap{width:90%;}
	.sub_01 .title{font-size: 36px;}
	.sub_01 .text{ font-size: 16px;}
	.sub_01 .artWrap .article .segment .subject{ font-size: 22px;}
	.sub_01 .artWrap .article .segment .text{font-size: 16px;}
	.sub_01 .artWrap .article .segment .bottom a{padding: 15px 8px; height: 50px; font-size: 15px;}
	
	.sub_02 .segment .title{font-size: 36px;}
	.sub_02 .segment .text{font-size: 16px;}
	.sub_02 .imgWrap{bottom:-220px;}
	.sub_02 .imgWrap img{height: 350px;}
	.sub_02 .segment img{height: 136px;}
	
	.sub_03{padding-top: 250px !important; padding-bottom: 200px !important;}
	.sub_03 .segment .title{font-size: 36px;}
	.sub_03 .segment .text{font-size: 16px;}
	.sub_03 .imgWrap{bottom:-200px;}
	.sub_03 .imgWrap img{height: 300px;}
	
	.sub_04 .title{font-size: 36px;}
	.sub_04 .text{font-size: 16px;}
	.sub_04 .artWrap .carousel .item .segment .text{ font-size: 16px;}
	.sub_04 .artWrap .btn_wrap .ca_btn{ width:70px; height: 70px; font-size: 36px; top:240px;}
	.sub_04 .artWrap .carousel .item .imgWrap{height: 550px;}
	
	.sub_05 ul{align-items: end;}
	.sub_05 ul li{border-radius: 25px 25px 0 0; width:25%; padding: 15px; height: 100%;}
	.sub_05 ul li.on{width:73%; padding: 25px;}
	.sub_05 ul li .name{font-size: 16px;}
	.sub_05 ul li.on .name{font-size: 20px;}
	.sub_05 ul li img{display:none;}
	.sub_05 ul li.on img{display:inline;}
	.sub_05 .segment h4{font-size: 36px; width:100%; text-align: center;}
	.sub_05 .segment .inner{margin-top: 50px; width:100%;}
	.sub_05 .segment .inner .text{font-size: 18px;}
	.sub_05 .segment .inner h5{font-size: 22px;}
	.sub_05 .segment .imgwrap{position: static; width:80%; margin: 0 auto; margin-top: 40px;}
	.sub_05 .segment .imgwrap .example_img{width:100%; height: 450px;}
	
	.sub_06{background: #fff;}
	.sub_06 .artWrap{width:100%; margin-left:0; display: block;}
	.sub_06 .artWrap .article{width:70%; margin:0 auto ; background: #fafaf7}
	.sub_06 .artWrap .article:nth-of-type(1) ~ .article{margin-top: 40px;}
	.sub_06 .artWrap .article .imgWrap img{height: 159.6px;}
	.sub_06 .artWrap .article .segment{padding: 40px 50px;}
	.sub_06 .artWrap .article .segment .title{font-size: 20px;}
	.sub_06 .artWrap .article .segment ul li{font-size: 16px;}
	
	.sub_07 .title{font-size: 36px;}
	.sub_07 .text{font-size: 16px;}
	.sub_04 .text div{display:none;}
	.sub_07 .map{height: 450px; border-radius: 35px;}
	.sub_07 ul li{width:80%; border-radius: 35px;}
	.sub_07 ul li .subject{font-size: 20px;}
	.sub_07 ul li .list_text{font-size: 14px;}
	
	.sub_08 .title{font-size: 36px;}
	.sub_08 .text{font-size: 16px;}
	.sub_08 .artwrap{width:100%; margin-left:0%;display:block;}
	.sub_08 .artwrap .article{width: 100% !important; margin:0; border-radius: 35px; padding:40px;}
	.sub_08 .artwrap .article:nth-of-type(2){margin-top: 30px;}
	
	.sub_09 .notiwrap li a{border-radius: 30px;}
	.sub_09 .notiwrap li .list_top{padding: 30px;}
	.sub_09 .notiwrap li .list_top .subject{font-size: 18px;}
	.sub_09 .notiwrap li .list_body{padding: 50px 30px;}
	.sub_09 .notiwrap li .list_body .text{font-size: 14px;}
	.sub_09 .notiwrap li .list_body .date{font-size: 14px; margin-top: 30px;}
	.sub_09 .notiwrap li .list_body .more{font-size: 14px; margin-top: 40px;}
	.noti_outer .noti_top .title{font-size: 20px;}
	.noti_outer .noti_top .date{font-size: 14px;}
	.noti_outer .middle .text{font-size: 14px;}
	.noti_outer .bottom button{font-size: 13px;}
	
	.sub_10 .title{font-size: 36px;}
	.sub_10 .text{font-size: 16px;}
	.sub_10 .table-responsive{margin-top: 40px;}
	.sub_10 table{ border-radius: 30px;}
	.sub_10 table thead tr th{font-size: 14px;}
	.sub_10 table tbody tr th{font-size: 14px;}
	.sub_10 table tbody tr td{font-size: 14px;}
}

@media screen and (max-width: 620px){
	.sub_img .inner{background-position:left !important; height: 350px;}
	.sub_img .inner.back_right{background-position: center center !important;}
	.sub_img .inner .segment .subject{font-size: 32px;}
	.sub_img .inner .segment .title{font-size: 15px;}
	
	.sub_01 .title{font-size: 32px;}
	.sub_01 .text{ font-size: 15px;}
	.sub_01 .artWrap .article{width:85%; border-radius: 30px;}
	.sub_01 .artWrap .article .segment .subject{ font-size: 20px;}
	.sub_01 .artWrap .article .segment .text{font-size: 15px;}
	.sub_01 .artWrap .article .segment .bottom a{font-size: 13px;}
	.sub_01 .artWrap .article .segment .hashtag .tag{ font-size: 13px;}
	.sub_01 .artWrap .article .segment .iconWrap .icon p{font-size: 13px;}
	
	.sub_02 .segment .title{font-size: 32px;}
	.sub_02 .segment .text{font-size: 15px;}
	.sub_02 .imgWrap{bottom:-200px;}
	.sub_02 .imgWrap img{height: 280px;}
	
	.sub_03{padding-top: 200px !important; padding-bottom: 200px !important;}
	.sub_03 .segment .title{font-size: 32px;}
	.sub_03 .segment .text{font-size: 15px;}
	.sub_03 .imgWrap{bottom:-200px;}
	.sub_03 .imgWrap img{height: 250px;}
	
	.sub_04 .title{font-size: 32px;}
	.sub_04 .text{font-size: 15px;}
	.sub_04 .artWrap .carousel .item .segment .text{ font-size: 15px;}
	.sub_04 .artWrap .btn_wrap .ca_btn{ width:65px; height: 65px; font-size: 32px; top:220px; border-radius: 5px}
	.sub_04 .artWrap .carousel .item .imgWrap{height: 500px; border-radius: 30px;}
	
	.sub_05 ul li{width:30%;}
	.sub_05 ul li.on{width:68%;}
	.sub_05 .segment{ padding: 80px 50px;}
	.sub_05 .segment h4{font-size: 30px;}
	.sub_05 .segment .inner .text{font-size: 16px;}
	.sub_05 .segment .inner h5{font-size: 20px;}
	.sub_05 .segment .imgwrap{width:80%;}
	.sub_05 .segment .imgwrap .example_img{height: 350px;}
	
	.sub_06 .artWrap .article{width:80%; border-radius: 30px;}
	.sub_06 .artWrap .article .imgWrap img{height: 148.2px;}
	.sub_06 .artWrap .article .segment{padding: 30px 40px;}
	.sub_06 .artWrap .article .segment .title{font-size: 18px;}
	.sub_06 .artWrap .article .segment ul li{font-size: 14px;}
	.sub_06 .artWrap .article .segment ul li .subtext{font-size: 12px}
	
	.sub_07 .title{font-size: 32px;}
	.sub_07 .text{font-size: 15px;}
	.sub_07 .map{height: 400px; border-radius: 30px;}
	.sub_07 ul{margin-top: 50px}
	.sub_07 ul li{width:90%; border-radius: 30px;}
	.sub_07 ul li .subject{font-size: 18px;}
	.sub_07 ul li .list_text{font-size: 13px;}
	
	.sub_07 .map .btnWrap .mapbtn{top:20px !important;}
	.sub_07 .map .btnWrap .mapnav{left: 10px !important; top:10px !important;}
	
	.sub_08 .title{font-size: 32px;}
	.sub_08 .text{font-size: 15px;}
	.sub_08 .artwrap{margin-top: 50px;}
	.sub_08 .artwrap .article{border-radius: 30px; padding:35px;}
	.sub_08 .artwrap .article table thead th{font-size: 16px; padding-bottom: 10px;}
	.sub_08 .artwrap .article table tbody th{font-size: 14px; width:110px;}
	.sub_08 .artwrap .article table tbody td{padding: 10px 0;}
	.sub_08 .artwrap .article table tbody td div{height: 12px;}
	.sub_08 .artwrap .article .more{font-size: 14px; margin-top: 20px}
	.sub_08 .artwrap .article .subject{font-size: 18px;}
	.sub_08 .artwrap .article .num{font-size: 18px; margin: 20px 0;}
	.sub_08 .artwrap .article img{height: 107.2px;}
	
	.sub_09 .notiwrap{width:80%; margin-left:0; display:block; margin:0 auto;}
	.sub_09 .notiwrap li{width:100%; margin:0;}
	.sub_09 .notiwrap li:nth-of-type(1) ~ li{margin-top: 8%;}
	.sub_09 .notiwrap li a{border-radius: 25px;}
	.sub_09 .notiwrap li .list_top{padding: 25px;}
	.sub_09 .notiwrap li .list_top .subject{font-size: 16px;}
	.sub_09 .notiwrap li .list_body{padding: 40px 25px;}
	.sub_09 .notiwrap li .list_body .text{font-size: 13px;}
	.sub_09 .notiwrap li .list_body .date{font-size: 13px; margin-top: 20px;}
	.sub_09 .notiwrap li .list_body .more{font-size: 13px; margin-top: 30px;}
	.nav_circle li{height: 30px; font-size: 13px;}
	.nav_circle li div{line-height: 30px !important; height: 30px !important; width: 30px !important;}
	.noti_outer .noti_top .title{font-size: 18px;}
	.noti_outer .noti_top .date{font-size: 13px;}
	.noti_outer .middle .text{font-size: 13px;}
	.noti_outer .bottom{padding: 50px 0;}
	.noti_outer .bottom button{font-size: 12px;}
	
	.sub_10 .title{font-size: 32px;}
	.sub_10 .text{font-size: 15px;}
	.sub_10 table{ border-radius: 20px; width:500px}
	.sub_10 table thead tr th{font-size: 13px;}
	.sub_10 table tbody tr th{font-size: 13px;}
	.sub_10 table tbody tr td{font-size: 13px;}
}

@media screen and (max-width: 520px){
	.sub_01 .title{font-size: 28px;}
	.sub_01 .text{ font-size: 14px;}
	.sub_01 .artWrap{margin-top: 60px;}
	.sub_01 .artWrap .article{width:90%; border-radius: 20px;}
	.sub_01 .artWrap .article .segment .subject{ font-size: 18px;}
	.sub_01 .artWrap .article .segment .text{font-size: 14px;}
	.sub_01 .artWrap .article .segment .bottom{margin-top: 30px;}
	.sub_01 .artWrap .article .segment .bottom a{font-size: 12px; padding: 10px 8px; width:160px; height: 36px;}
	.sub_01 .artWrap .article .segment .hashtag .tag{ font-size: 12px;}
	.sub_01 .artWrap .article .segment .iconWrap .icon p{font-size: 12px;}
	.sub_01 .artWrap .article .segment .iconWrap .icon img{height: 42.4px;}
	
	.sub_02 .segment .title{font-size: 28px;}
	.sub_02 .segment .text{font-size: 14px;}
	.sub_02 .imgWrap{bottom:-120px;}
	.sub_02 .imgWrap img{height: 230px;}
	
	.sub_03 .segment .title{font-size: 28px;}
	.sub_03 .segment .text{font-size: 14px;}
	.sub_03 .imgWrap img{height: 200px;}
	
	.sub_04 .title{font-size: 28px;}
	.sub_04 .text{font-size: 14px;}
	.sub_04 .artWrap .carousel .item .segment .text{ font-size: 14px;}
	.sub_04 .artWrap .btn_wrap .ca_btn{ width:60px; height: 60px; font-size: 28px; top:200px; border-radius: 10px}
	.sub_04 .artWrap .carousel .item .imgWrap{height: 450px; border-radius: 20px;}
	
	.sub_05 ul li{width:50%;}
	.sub_05 ul li.on{width:50%;}
	.sub_05 ul li img{display:none !important;}
	.sub_05 .segment{ padding: 70px 40px;}
	.sub_05 .segment h4{font-size: 26px;}
	.sub_05 .segment .inner .text{font-size: 14px;}
	.sub_05 .segment .inner h5{font-size: 18px;}
	.sub_05 .segment .imgwrap{width:80%;}
	.sub_05 .segment .imgwrap .example_img{height: 300px;}
	
	.sub_06 .artWrap .article{width:90%; border-radius: 20px;}
	.sub_06 .artWrap .article .imgWrap img{height: 136.8px;}
	.sub_06 .artWrap .article .segment{padding: 30px 40px;}
	.sub_06 .artWrap .article .segment .title{font-size: 16px;}
	.sub_06 .artWrap .article .segment ul li{font-size: 13px;}
	.sub_06 .artWrap .article .segment ul li .subtext{font-size: 11px}
	
	.sub_07 .title{font-size: 28px;}
	.sub_07 .text{font-size: 14px;}
	.sub_07 .map{height: 350px; border-radius: 20px;}
	.sub_07 ul li{width:100%; border-radius: 20px; padding: 30px 25px;}
	.sub_07 ul li .subject{font-size: 16px;}
	.sub_07 ul li .list_text{font-size: 13px; width:80%;}
	
	.sub_08 .title{font-size: 28px;}
	.sub_08 .text{font-size: 14px;}
	.sub_08 .artwrap .article{border-radius: 20px; padding:25px;}
	.sub_08 .artwrap .article table thead th{font-size: 15px;}
	.sub_08 .artwrap .article table tbody th{font-size: 13px; width:90px;}
	.sub_08 .artwrap .article table tbody td div{height: 10px;}
	.sub_08 .artwrap .article .more{font-size: 13px; margin-top: 15px}
	.sub_08 .artwrap .article .subject{font-size: 16px;}
	.sub_08 .artwrap .article .num{font-size: 16px; margin: 20px 0;}
	.sub_08 .artwrap .article img{height: 80.4px;}
	
	.sub_09 .notiwrap{width:90%;}
	.sub_09 .notiwrap li a{border-radius: 20px;}
	.sub_09 .notiwrap li .list_top{padding: 20px;}
	.sub_09 .notiwrap li .list_top .subject{font-size: 15px;}
	.sub_09 .notiwrap li .list_body{padding: 35px 20px;}
	.sub_09 .notiwrap li .list_body .date{margin-top: 15px;}
	.sub_09 .notiwrap li .list_body .more{margin-top: 25px;}
	.nav_circle li{height: 28px; font-size: 12px;}
	.nav_circle li div{line-height: 28px !important; height: 28px !important; width: 28px !important;}
	.noti_outer .noti_top{padding: 20px 10px;}
	.noti_outer .noti_top .title{font-size: 16px;}
	.noti_outer .noti_top .date{font-size: 12px;}
	.noti_outer .middle{padding: 50px 10px;}
	.noti_outer .bottom{padding: 40px 0;}
	
	.sub_10 .title{font-size: 28px;}
	.sub_10 .text{font-size: 14px;}
}

@media screen and (max-width: 420px){
	.sub_01 .title{font-size: 24px;}
	.sub_01 .text{ font-size: 13px;}
	.sub_01 .artWrap .article{width:95%;}
	.sub_01 .artWrap .article .segment .subject{ font-size: 17px;}
	.sub_01 .artWrap .article .segment .text{font-size: 13px;}
	.sub_01 .artWrap .article .segment .bottom a{font-size: 11px;}
	.sub_01 .artWrap .article .segment .hashtag .tag{ font-size: 11px; padding: 4px 8px;}
	.sub_01 .artWrap .article .segment .iconWrap .icon p{font-size: 11px;}
	
	.sub_02 .segment .title{font-size: 24px;}
	.sub_02 .segment .text{font-size: 13px;}
	.sub_02 .segment .text div{display: none;}
	.sub_02 .imgWrap img{height: 200px;}
	
	.sub_03 .segment .title{font-size: 24px;}
	.sub_03 .segment .text{font-size: 13px;}
	.sub_03 .segment .text div{display: none;}
	
	.sub_04 .title{font-size: 24px;}
	.sub_04 .text{font-size: 13px;}
	.sub_04 .artWrap .carousel .item .segment .text{ font-size: 13px;}
	.sub_04 .artWrap .btn_wrap .ca_btn{ width:55px; height: 55px; font-size: 24px; top:180px;}
	.sub_04 .artWrap .carousel .item .imgWrap{height: 400px;}
	
	.sub_05 ul li{border-radius: 15px 15px 0 0;}
	.sub_05 ul li.on{padding: 15px;}
	.sub_05 ul li .name{font-size: 14px;}
	.sub_05 ul li.on .name{font-size: 18px;}
	.sub_05 .segment{ padding: 60px 30px;}
	.sub_05 .segment h4{font-size: 20px;}
	.sub_05 .segment .inner .text{font-size: 13px;}
	.sub_05 .segment .inner h5{font-size: 15px;}
	.sub_05 .segment .imgwrap{width:80%;}
	.sub_05 .segment .imgwrap .example_img{height: 260px;}
	
	.sub_06 .artWrap .article{width:100%;}
	.sub_06 .artWrap .article .imgWrap img{height: 125.4px;}
	.sub_06 .artWrap .article .segment{padding: 30px;}
	
	.sub_07 .title{font-size: 24px;}
	.sub_07 .text{font-size: 13px;}
	.sub_07 .map{height: 320px;}
	
	.sub_07 .map .btnWrap .mapbtn{top:10px !important;}
	.sub_07 .map .btnWrap .mapnav{left: 5px !important; top:5px !important;}
	
	.sub_08 .title{font-size: 24px;}
	.sub_08 .text{font-size: 13px;}
	
	.sub_09 .notiwrap{width:100%;}
	
	.sub_10 .title{font-size: 24px;}
	.sub_10 .text{font-size: 13px;}
}