@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */
.sub #container{background:#f9f9f9;min-height: 300px;}
body.sub:not(.fp-viewing-1Page, .sub) #header{transiation:none; transform:translate3d(0, 0, 0) !important;}
.sub .quick_menu > a{border-bottom:1px solid #222; color:#222;}
.sub .quick_menu > a svg polyline{stroke:#000 !important;}
.sub .ani{transition:all 0.8s ease;}

.wrap_v2{width:1200px; margin:0 auto;}
.sub #wrap{padding-top: 0;}

div[class^="sub0"]{background:#fff;}

/* common */
.sub h2{font-size: 53px;}
.sub h3{font-size:46px; letter-spacing:-0.05rem;}
div[class^="area_"] p,
div[class^="area_"] li{line-height:1.7; font-weight:300; color:#666;}
#content .mob_info{padding:5px 0; background:#f1f1f1; font-weight:600; font-size:13px; color:#444;}
.mg_board{padding:70px 0;}
.mg_contents{padding: 100px 0;}

/* board */
.sub ul.bbsList li .more.active,
.sub ul.bbsList li .more:hover,
.sub ul.bbsList li .more:focus{border-color:#2166d6;}
.sub ul.bbsList li .more em,
.sub ul.bbsList li .subject:hover,
.sub ul.bbsList li .subject:focus{color: #ad7c62;}
.sub ul.bbsList li .more:before{background:url(../images/content/icon_more.png) no-repeat 0 0;}

ul.bbsList li:hover .date,
ul.bbsList li:hover .date i{color:#ad7c62 !important;}

/* page navigation */
.area_navigation{margin-bottom:50px; padding-top:70px; text-align:right;}
.area_navigation ul{display:inline-block; overflow:hidden;}
.area_navigation ul li{position:relative; float:left; line-height:1; padding:0 12px; font-size:15px; color:#333;}
.area_navigation ul li img{display:inline-block; position:relative; top:1px; height:12px; vertical-align:top;}
.area_navigation ul li i{display:none;}
.area_navigation ul li:nth-child(2):after{content:""; position:absolute; top:3px; right:-3px; width:6px; height:8px; background:url(../images/content/icon_navigation02.svg) no-repeat 50% 50%;}
.area_navigation ul li:first-child{padding:0;}

/* tab */
.tabs li{float:left;cursor:pointer;margin: 0 19px;padding: 0 10px;position: relative;}
.tabs li.active{position:relative;}
.tab_content{display:none;}

/* lnb */
.lnb{position:relative; top:0; z-index:4; width:100%; background:#fff; text-align:left; transition:transform 1s cubic-bezier(0.57, 0.06, 0.07, 0.97);}
.lnb .inr{position:relative; width:1500px; margin:0 auto;}
.lnb .dept > li{position:relative; float:left; width:auto; height:58px; box-sizing:border-box; border-right:1px solid rgba(255, 255, 255, 0.5);}
.lnb .dept_tit a{position:relative;}
.lnb .dept_tit a:after{content:'';display:block;position:absolute;top:50%;right:0;width: 9px;height:6px;margin-top:-3px;background:url(../images/content/icon_navigation02.svg) no-repeat 90% 50%;transition:all 0.3s ease-out 0s;}
.lnb .dept_tit a.active:after{transform:rotate(180deg);}
.lnb .dept > li a,
.lnb .dept_tit span{display:block; box-sizing:border-box; padding:19px 30px; font-weight:300; font-size:16px; color:#666;}
.lnb .dept .home{width:37px; background:url(../images/content/icon_navigation01.svg) no-repeat 0% 50%; background-size:15px auto;}
.lnb .dept .home a{display:block; overflow:hidden; height:100%; padding:0; font-size:0; text-indent:100%; white-space:nowrap;}
.lnb .dept_list{display:none; position:absolute; top:58px; left:0; z-index:20; width:100%; padding:6px 0; background:#fff; border:1px solid #ccc; border-top:1px solid #fff;}
.lnb .dept_list a{display:block; width:100%; box-sizing:border-box; font-weight:200; font-size:16px; color:#666; transition:all 0.3s ease-out 0s;}
.lnb .dept_list a:hover{color:#999;}
.lnb .dept:after{content:''; display:block; clear:both;}
.btn_m_lnb{display:none; position:relative; padding:12px 35px 12px 15px; border:1px solid #dbdbdb; font-size:16px; transition:all 0.3s ease 0s;}
.btn_m_lnb:after{content:''; display:block; position:absolute; top:50%; right:20px; width:9px; height:5px; margin-top:-2.5px; background:url(../images/common/img_arrow_blue.png) no-repeat 0 0; background-size:100%; transition:all 0.3s ease 0s;}
.btn_m_lnb.active{background-color:#faa61a; border:1px solid #faa61a; color:#fff;}
.btn_m_lnb.active:after{transform:rotate(-360deg); background-image:url(../images/common/img_arrow.png);}
.lnb .dept > li:after{content:""; position:absolute; top:50%; right:0; width:1px; height:13px; margin-top:-6px; background:#ccc;}
.lnb .dept > li:last-child:after{background:none;}
.lnb .dept > li a{margin-right:30px; padding:19px 40px 19px 30px;}
.lnb .dept .dept_list li a{padding:10px 20px !important;}
.lnb .dept_list > li > ul{display:none;}

.snb{position:relative;left:-2px;padding:48px 0 10px;background:#f9f9f9;z-index: 1;margin-bottom: -1px;}
.snb ul{display:flex;justify-content: center;}
.snb ul li a{display:block;margin:0 3px;padding:13px 30px;background:#fff;border:3px solid #ccc;color:#999;border-radius:100px;}
.snb ul li.active a{background:#ad7c62; color:#fff; border-color:#ad7c62;}

/* sub visual */
.area_subVisual{position:relative;height:399px;background-position:64% 50%;text-align:center;}
.area_subVisual > .wrap{position:relative;padding-top: 171px;color:#fff;}
.area_subVisual *{color:#fff !important;}
.area_subVisual p{margin-top:5px;}
.visual_image_container{display:block;position:absolute;top: 0;left:0;z-index:-1;width:100%;height:399px;background-size:cover;background-position:50% 50%;}

/* map default */
.area_map .map_style{padding:0; border:none; border-bottom:1px solid #ccc;}
.area_map .map_style .wrap_controllers{display:none;}

/* 이용약관 */
.area_policy{padding-top: 210px;}
.area_policy h2{padding:30px 0;font-size:40px;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20px;font-weight: 900;font-size: 22px;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:15px; color:#666;}
.area_policy p{line-height:1.6; font-size:14px;}
.area_policy ul li{margin-bottom:8px;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5px; margin-bottom:20px;}
.area_policy ul li ul li{margin-bottom:2px; font-size:15px;}
.area_policy .inr_policy{padding:40px 0; border-bottom:1px solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

/* 수술후기 */
.area_review{position:relative; width:100%; }
.area_review .bx-wrapper{position:relative;}
.area_review ul.list{width:100%; height:260px;}
.area_review ul.list > li{width:100%; height:100%;}
.area_review ul.list > li div{position:relative; float:left; margin:0; width:calc(100% / 2); width:-webkit-calc(100% / 2); height:100%; overflow:hidden;}
.area_review ul.list > li div:last-child{margin:0;}
.area_review ul.list > li div .area_img{width:100%; height:100%; background-size:cover !important; box-sizing:border-box; height:260px; }
.area_review ul.list > li .area_after .area_img.blur{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');}
.area_review ul.list > li .area_after > .area_txt{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; box-sizing:border-box; background:rgba(43,43,43,0.7); text-align:center;}
.area_review ul.list > li .area_after > .area_txt .area_txt_wrap{position:absolute; top:50%; margin:0 10%; width:80%; height:auto; transform:translateY(-50%);}
.area_review ul.list > li .area_after > .area_txt span{display:block; line-height:1.5em; font-size:16px; font-weight:300; color:#fff; }
.area_review ul.list > li .area_after > .area_txt a{margin:7px 0 0; display:inline-block; padding:3px 20px; color:#fff; border-radius:50px; border:1px solid #eee; font-size:15px;}
.area_review .bx-controls-direction{display:block; position:absolute; top:50%; left:50%; margin:-27px auto 0; width:1350px; z-index:100; box-sizing:border-box; transform:translate(-50%,-50%);}
.area_review a.bx-prev{position:absolute; left:0; width:55px; height:55px; text-indent:-9999px; background:url(../images/content/icon_larrow_black.svg) no-repeat center;}
.area_review a.bx-next{position:absolute; right:0; width:55px; height:55px; text-indent:-9999px; background:url(../images/content/icon_rarrow_black.svg) no-repeat center;}
.area_bn{margin:50px 0;width:100%;}
.area_bn > ul{width:100%;}
.area_bn > ul:after{content:''; display:block; clear:both;}
.area_bn > ul > li{float:left; margin:0 30px 0 0; width:calc((100% / 3) - 20px); width:-webkit-calc((100% / 3) - 20px); height:75px; cursor:pointer;}
.area_bn > ul > li:last-child{margin:0;}
.area_bn > ul > li:after{content:''; display:block; clear:both;}
.area_bn > ul > li > div{position:relative; float:left; width:calc(100% / 2); width:-webkit-calc(100% / 2); height:100%; overflow:hidden;}
.area_bn > ul > li > div .area_img{width:100%; height:100%; background-size:cover !important; box-sizing:border-box; }
.area_bn > ul > li > .area_after .area_img.blur{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');}
.area_bn > ul > li .area_after > .area_txt{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; box-sizing:border-box; background:rgba(43,43,43,0.7); text-align:center;}
.area_bn > ul > li .area_after > .area_txt .area_txt_wrap{position:absolute; top:50%; margin:0 5%; width:90%; height:auto; transform:translateY(-50%);}
.area_bn > ul > li .area_after > .area_txt a{position:absolute; top:50%; left:50%; display:inline-block; padding:1px 10px; color:#fff; border-radius:50px; border:1px solid #eee; font-size:12px; font-weight:300; transform:translate(-50%, -50%);}

.pagination{margin-top:0;padding-top:0;border-top:none;}
.pagination span{border-color:#b7a384; color:#b7a384;}
.pagination a:not([class^="btn_"]):hover, .pagination a:not([class^="btn_"]):focus{border-color:#e8d9cf; background:#fdf8f3;}

.area_movie{max-width:1000px; margin:50px auto;}
.area_movie .movie_big{position:relative; height:0; padding-bottom:56.25%;}
.area_movie .movie_big iframe{width:100%; height:100%;}
.area_movie .area_after .area_img.blur{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');}
.area_movie .area_after > .area_txt{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; box-sizing:border-box; background:rgba(43,43,43,0.7); text-align:center;}
.area_movie .area_after > .area_txt .area_txt_wrap{position:absolute; top:50%; margin:0 10%; width:80%; height:auto; transform:translateY(-50%);}
.area_movie .area_after > .area_txt span{display:block; line-height:1.5em; font-size:16px; font-weight:300; color:#fff; }
.area_movie .area_after > .area_txt a{margin:7px 0 0; display:inline-block; padding:3px 20px; color:#fff; border-radius:50px; border:1px solid #eee; font-size:15px;}

.thumbs{margin:30px 0 50px; width:100%; text-align:center;}
.thumbs:after{content:''; display:block; clear:both;}
.thumbs li{float:left; margin:0 30px 0 0; width:calc((100% / 3) - 20px); width:-webkit-calc((100% / 3) - 20px); height:210px;}
.thumbs li:last-child{margin:0;}
.thumbs li > a{display:inline-block; width:100%; height:100%;}
.thumbs li.active{border-color:#c30013}
.thumbs img{width:100%; height:100%;}

/* 의료진소개 */
.area_staff .img_staff{border:1px solid #DDD;}
.area_staff  >  ul > li{margin: 0px 35px 45px 0;width: -webkit-calc((100%/3) - 11px);width: calc((100%/3) - 24px);text-align: left;}
.area_staff  > ul{overflow:hidden;display: flex;flex-wrap: wrap;align-items: flex-start;}
.area_staff  > ul > li:nth-child(3n){margin-right:0;}
.area_staff  .img_staff > div{padding:20px;background:#fcfcfc;min-height: 957px;}
.area_staff .img_staff > div h5{margin: 25px 0 15px;font-weight:700;color: #333;font-size: 26px;letter-spacing: 0;}
.area_staff .img_staff > div h5,
.area_staff .img_staff > div i{display:inline-block;}
.area_staff .img_staff > div img{display:block;width: 100%;}
.area_staff .img_staff > div i{margin-left: 5px;font-size: 17px;}
.area_staff .img_staff > div span{display:block;width: 100%;background-color:#ececec;background-position:50% 50%;background-repeat:no-repeat;}
.area_staff .img_staff > div strong{display:block; margin-bottom:6px; font-size:17px; color:#333;}
.area_staff .img_staff > div strong{}
.area_staff .img_staff > div > div:last-child{margin-top:25px;}

.area_about{text-align:center;}

.tabs{display:inline-block; margin:40px 0 25px;}
.tabs li h5{font-weight:900; font-size:23px; color:#999;}
.tabs li.active h5{position:relative; z-index:2; color:#915c35;}
.tabs li.active:after {content: "";width: 100%;height: 16px;background: #f3eadb;position: absolute;left: 0;z-index: 0;bottom: 4px;}
.tabs li:first-child:before {content: "/";font-size: 22px;position: absolute;right: -29px;top: 1px;font-weight: 600;color: #aaa;}

.area_staff .img_staff > div ul li{position:relative; font-size:15px;}
.area_staff .img_staff > div ul li:before {content: "";width: 3px;height: 3px;background: #c5c5c5;display: inline-block;vertical-align: middle;margin-right: 7px;}
.area_time{position:relative;}
.area_time .list li img{display:block; width:100%; height:100%;}
.area_time > div{position:relative;}
.area_time .box{margin:40px 0% 0;}
.area_time .size{font-size:18px;}

#content table.table{border-top:3px solid #915c35;}
#content table.table thead th{background:none;}
#content table.table th,
#content table.table td{padding:17px 0;}
#content table.table thead tr:last-child th{border-bottom:1px solid #d2d2d2;}
#content table.table tbody tr:last-child td{background:#fff;}

.bx-controls-direction > a{display:inline-block; width:80px; height:80px; line-height:80px; background:#f9f9f9; font-weight:600; font-size:14px;}
.bx-controls-direction > a.bx-next{float:right;}
.bx-controls-direction > a.bx-prev{float:left;}
.area_staff .img_staff > div ul{}

.wrap_inr{margin:0 100px;}

.map-container{margin-top:40px;}
.map-container dt h5{font-weight:900; font-size:22px; color:#111;}
.map-container dd:nth-child(2){margin-bottom:26px; padding-bottom:25px; border-bottom:1px solid #ccc;}
.map-container dt{margin-bottom:10px;}
.map-container dd p{font-weight:300;}
.content-bullet{position:relative; font-size:17px; color:#333; letter-spacing:-0.01rem;}
.content-bullet:before{content:""; display:inline-block; position:relative; top:-2px; width:3px; height:3px; margin-right:3px; background:#915c35; vertical-align:middle;}

.map-container dd > ul > li > div{line-height:1.6; margin-top:7px; padding:14px 12px; background:#fff; font-size:15px; color:#555;}
.map-container dd > ul > li > div b{font-weight:600; color:#111;}
.map-container dd > ul > li:first-child{margin-bottom: 9px;}

.area_info dl dt{margin-bottom:14px; font-family:'AritaBuri'; font-weight:900; font-size:26px; color:#222;}
.area_info dl dd > ul > li{margin-bottom:8px; font-weight:300; font-size:15px; color:#666;}
.area_info dl dd{margin-bottom:35px; padding-bottom:30px; border-bottom:1px solid #ccc;}
.area_info dl dd > ul > li:last-child{margin-bottom:0;}

.bx-controls{position:absolute;bottom: 25vw;z-index:51;width:100%;}

/* updatecss */
.area_staff .img_staff > div { min-height: 1080px; }

/* override 2024-11-21  */
#content.area_exp-info { text-align: center; }
#content.area_exp-info .title-container {
	border: 1px solid #ddd;
	padding-block: 20px;
	padding-inline: 40px;
	width: 80%;
	margin-inline: auto;
}
#content.area_exp-info .title-container ul{text-align:left}
#content.area_exp-info .title-container ul li{list-style-type:disc;list-style-position:outside;line-height:1.6;}
#content.area_exp-info .title-container ul li:not(:last-child) {margin-bottom:7px}
#content.area_exp-info  .tabs li:not(:last-child)::before {
    content: "/";
    font-size: 22px;
    position: absolute;
    right: -29px;
    top: 1px;
    font-weight: 600;
    color: #aaa;
}
#content.area_exp-info .tab_content img{display:block;width:100%}
#content.area_exp-info table.table tbody tr:last-child td{background:0 0}
#content.area_exp-info table.table thead+tbody tr td{padding-inline:12px}
#content.area_exp-info table.table thead th{padding-inline:12px}
#content.area_exp-info table.table thead tr:first-child th{border-right:1px dashed #cecece}
#content.area_exp-info table.table thead tr:first-child th:last-child{border-right:none}
#content.area_exp-info table.table thead tr:nth-child(2) th{border-right:1px dashed #cecece;border-bottom:1px solid #868686;font-size:small}

/* 원장님 칼럼 */
#content:has(.board_directors_column){
	h3{ display: none; }
	.tab-category{ padding-top: 0; }
}
.tab-category{padding:25px 0 0px;
	@media screen and (min-width: 768px) {
		padding:48px 0 10px;
	}
	&>ul {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 5px;
		@media screen and (min-width: 768px) { 
			justify-content: center;
			gap: 7px;
		}
	}
	& a {
		display: block; 
		padding: 8px 20px;
		background: #fff;
		border: 2px solid #ccc;
		color: #999;
		border-radius: 100px;
		font-size: 16px;
		@media screen and (min-width: 768px) {
			padding: 13px 30px;
			border: 3px solid #ccc;
		}
		@media(max-width:767px){
			font-size: 14px;
		}
	}
	& a.on{background:var(--primary-color);color:#fff;border-color:var(--primary-color);}
}
.director-notice-list{ margin-top: 30px; padding: 20px 15px; background: #fff; text-align: left;
	li + li{ margin-top: 20px; border-top: 1px solid #ddd; padding-top: 20px; }
	.link{ display: block; }
	.notice{ display: inline-block; padding: 10px 18px; background-color: var(--primary-color); border-radius: 5em; color: #fff; }
	.ellipsis{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; }
	.ellipsis.e2{ -webkit-line-clamp: 2; }
	.title{ margin-top: 15px; font-size: 18px; }
	.comments{ margin-top: 15px; font-size: 15px; color: #555; }
	@media(min-width:768px){
		&{ margin-top: 50px; padding: 30px; }
	}
}
.director-lists{display: flex;flex-direction:column;margin-top: 30px;gap: 40px;
	@media screen and (min-width: 768px) {
		margin-top: 50px;
	}
	.director-lists-item {display: grid;grid-template-columns:1fr;border: 1px solid #ddd;
		@media screen and (min-width: 768px) {
			grid-template-columns: 45% 1fr;
		}
		@media screen and (min-width: 1080px) {
			grid-template-columns: 30% 1fr;
		}
	}
	.director-lists-item-img {width: 100%;background-color: var(--primary-color);border-right: none;border-bottom: 1px solid #e1e2e3;
		@media screen and (min-width: 768px) {
			border-right: 1px solid #e1e2e3;
			border-bottom: none;
		}
	}
	.director-lists-item-img img{display:block;width:100%;height:100%;object-fit:cover}
	.director-lists-item-info {
		padding-block: 20px 30px;
		padding-inline: 30px;
		text-align: left;
		text-wrap-style: balance;
		display: flex;
		flex-direction: column;
		@media screen and (min-width: 768px) {
			padding-block: 40px;
			padding-inline: 50px 40px;
		}
	}
	.director-lists-item-info strong {
		display: inline-block;
		background-color:var(--primary-color);
        color: #fff;
        border-color: var(--primary-color);
        padding: 10px 18px;
        /* font-size: 12px; */
        font-weight: 400;
        border-radius: 100px;
	}
	.director-lists-item-info h4{font-size:20px;margin-top:17px;}
	.director-lists-item-info p{
		display: -webkit-box;
		-webkit-line-clamp: 4;
		line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-align: left;
		line-height: 1.7;
		font-weight: 300;
		color: #666;
		margin-top: 7px; 
	}
	.director-lists-item-info .btn_basic {font-size: 14px;width: auto;padding: 15px 10px;margin-top: 35px;font-weight: 600;letter-spacing: 0.075em;
		@media screen and (min-width: 768px) {
			width: 120px;
		}
	}
}
.director-view{
	colgroup{ display: none; }
	tbody{ display: block; width: 100%; }
	.board-info-group{ display: grid; grid-template-columns: 1fr auto; text-align: right; }
	.board-info-group th{ padding-right: 1ch; text-align: right; }
}


@media (max-width: 767px) {
	#content.area_exp-info .title-container{padding-block:20px;padding-inline:40px 25px}
	#content.area_exp-info table.table { width: 1050px; }
	#content.area_exp-info .table-wrap {overflow: scroll;}
	#content.area_exp-info .tabs li:not(:last-child)::before{right:-13px;top:-4px} 
	#content.area_exp-info .tab_content>.wrap {margin: 0;}
	#content.area_exp-info .tabs{margin:25px 0 6px} 
}

@media (max-width: 380px) {
	#content.area_exp-info .title-container p{font-size:10px; text-wrap: balance;}
	#content.area_exp-info .title-container ul li{font-size:10px}
	#content.area_exp-info .tabs li {margin: 0 5px;}
	#content.area_exp-info .tabs li h5 {font-size: 14px;}
	#content.area_exp-info .tabs li:not(:last-child)::before{font-size:12px;right:-9px;top:0} 
}

@media screen and (max-width:1919px){
	.sub_web{overflow:hidden;}
	.sub_web > img{position:relative; left:50%; transform:translate(-50%,0) translateX(0);}
	.sub_web .ani{transition:all 1s ease; transform:translate(-50%,60px);}
	.sub_web .ani.is-animate{transform:translate(-50%,0);}
	.img_full{width:100% !important;}
}

@media screen and (max-width:1500px){
	.sub_web .ani.is-animate{transform: translate(-50%,0);}
	.sub_web .ani{transition:all 1s ease;transform: translate(-50%,60px);}
	.sub_web > img{max-width:100%;}
}

@media screen and (max-width:1380px){
	.area_staff > ul > li{width:-webkit-calc((100%/3) - 10px); width:calc((100%/3) - 10px); margin:0px 15px 45px 0;}
	.area_staff .img_staff > div ul li{line-height:1.4; margin-bottom:7px; margin-left:8px; text-indent:-9px;}
	.area_staff .img_staff > div ul{}

	.wrap_v2{width:auto; margin:0 40px;}
	.bx-controls{bottom:36%;}
}

@media screen and (max-width:1280px){
	.area_navigation{position:relative; float:right; top:0; right:0; margin-top:30px; margin-right:14px;}
	.sub_web > img{position:relative; left:50%; transform:translate(-50%,0) translateX(0);}
	.sub_web > img{left:50%;max-width: 129%;}
	.sub_web .ani.is-animate{transform:translate(-50%,0);}
	.sub_web .ani{transform:translate(-50%,60px);}
	.img_full{max-width:106% !important;}
}

@media screen and (max-width:1023px){
	.sub h2{font-size:39px;}
	.visual_image_container{top: 89px;}
	.visual_image_container,
	.area_subVisual{height:340px;}
	.area_subVisual{margin-top: 89px;}
	.area_subVisual > .wrap{padding-top:90px;}

	.sub .quick_menu > a{border-bottom:0; color:#fff;}
	.sub .quick_menu > a svg polyline{stroke:#fff !important;}

	.wrap_inr{margin:0 50px;}
	
	.area_staff > ul > li{width:-webkit-calc((100%/2) - 5px); width:calc((100%/2) - 5px); margin:0px 10px 10px 0;}
	.area_staff > ul > li:nth-child(3n){margin-right:10px;}
	.area_staff > ul > li:nth-child(2n){margin-right:0;}
	.area_staff .img_staff > div ul li{margin-bottom:3px;}
	.area_staff .img_staff > div{min-height: auto;}

	.wrap_v2{margin:0 20px;}

	.area_time .box{margin:30px 0 0;}
	.bx-controls-direction > a{width:70px; height:70px; line-height:70px; font-size:13px;}
	
	.sub #wrap{padding-top: 0;}
	
}

@media all and (max-width:767px){
	.wrap_v2{margin:0 15px;}
	.wrap_inr{margin:auto 0;}

	.area_map .map_style{height:310px;}
	.map-container{margin-top:20px;}
	.map-container dt h5{font-size:18px;}
	.content-bullet{font-size:14px;}

	.map-container dd > ul > li > div{line-height:1.6; padding:13px 12px; font-size:13px;}
	.map-container dd:nth-child(2){margin-bottom:19px; padding-bottom:18px;}
	.map-container dt{margin-bottom:7px;}

	.sub h2{font-size:24px;}
	.lnb .dept > li{height:39px;width: 45%;max-width: 150px;}
	.lnb .dept .home{width:32px; background-size:13px auto;}
	.lnb .dept > li a{margin-right: 15px;padding: 11px 2px 11px 15px;}
	.lnb .dept > li a,
	.lnb .dept_tit span{font-size:12px;}
	.lnb .dept_list{top:39px;}
	.lnb .dept .dept_list li a{padding:6px 15px !important;}
	
	.area_policy{margin-top:20px !important;}
	.area_policy h2{padding:0px 0; font-weight:600; font-size:20px;}
	.area_policy h3{margin-bottom:10px; font-weight:600; font-size:14px;}
	.area_policy ul li{margin-bottom:5px;}
	.area_policy ul li ul{padding-left:10px;}
	.area_policy ul li ul li{font-size:13px;}
	.area_policy ul li,
	.area_policy p{line-height:1.7; font-size:13px;}
	.area_policy .inr_policy{padding:25px 0;}

	.area_subVisual{margin-top: 0;}
	.area_subVisual > .wrap{padding-top: 99px;}
	.visual_image_container{top: 0;background-position:64% 50%;}
	.visual_image_container,
	.area_subVisual{height:235px;}

	.sub_web{display:none;}
	.sub_mob{display:block !important;}

	.sub_mob > img{max-width:100%;}
	.sub h3{font-size:22px;}

	.tabs{margin:13px 0 6px;}
	.tabs li h5,
	.tabs li:first-child:before{font-size:18px;}
	.tabs li{margin:0 8px; padding:0 5px;}
	.tabs li:first-child:before{top:0px; right:-13px;}
	.tabs li.active:after{height:10px;}
	
	.area_staff > ul > li{width:100%; margin:0px 0 10px 0;}
	.area_staff .img_staff > div h5{font-size:18px; letter-spacing:3px;}
	.area_staff .img_staff > div i{position:relative; top:2px; font-size:13px;}
	.area_staff .img_staff > div ul li{font-size:13px;}
	.area_staff .img_staff > div{padding:13px;}
	.area_staff .img_staff > div ul{min-height:auto;}
	.area_staff .img_staff > div span{background-size:120px;}
	.area_staff .img_staff > div strong{font-size:15px;}

	.area_time .box{margin:10px 0 0;}
	.bx-controls-direction > a{width:57px; height:35px; line-height:35px; font-size:12px;}
	
	#content table.table th,
	#content table.table td{padding:10px 0;}
	#content table.table tbody tr:last-child td i{margin-left:5px; font-weight:600;}
	
	.area_info dl dt{margin-bottom:6px; font-size:19px;}
	.area_info dl dd > ul > li{margin-bottom:2px; margin-left:7px; font-size:14px; text-indent:-6px;}
	.area_info dl dd{margin-bottom:15px; padding-bottom:15px;}
	.mg_contents{padding:50px 0 30px;}

	.dept03{display:none;}

	.snb{padding:33px 0 0px;}
	.snb ul{width:84%; margin:0 auto; flex-wrap:wrap;}
	.snb ul li a{margin:2px 2px; padding:7px 12px; border:2px solid #ccc; font-size:13px;}

	.mg_board{padding:20px 0;}
	colgroup{display:none;}
	.bbsList th,
	.bbsList td{font-size:13px;}
	.designRadio input[type="radio"] + label{line-height:1.4 !important; font-size:13px;}
	input,
	textarea,
	button,
	select{font-size:13px;}
	#wrap .bbsView{padding-top:8px; border-top:2px solid #2a2623;}

	.bbsView > tbody > tr > th,
	.bbsView > tbody > tr > td{display:block;display:flex !important;width:100%;box-sizing:border-box;padding:15px 0 0px;font-size:14px;color:#222;flex-wrap: wrap;}
	.bbsView > tbody > tr > th,
	.bbsView > tbody > tr > td,
	.bbsView > thead > tr > th{border-bottom:0 !important;}
	.bbsView > tbody > tr > th,
	.bbsView > tbody > tr > td{padding:0px 0 5px !important;}
	.bbsView > tbody > tr > th{justify-content:flex-end; margin-top:13px !important; font-weight:800 !important; flex-direction:row-reverse;}
	.bbsView textarea{height:90px;}
	
	select{height:39px; background:#fff url(../images/board/select_arrow.svg) no-repeat calc(100% - 10px) 50%; font-size:14px;}
	
	#wrap .bbsView td.tel > input[type="text"],
	.bbsView td.tel > select,
	.bbsView *[data-member-form="phone"] > input[type="text"],
	.bbsView *[data-member-form="phone"] > select{width: 32.2% !important;}
	td.tel{line-height:2.5;}
	#wrap *[class^="bbs"] ~ .btn_area{padding-top:25px;}

	input#rand_auth_{width:auto !important;}
	input[type=text],
	input[type=password],
	input[type=tel],
	input[type=date],
	input[type=email],
	input[type=number],
	textarea{height:39px;}
	#wrap .bbsView .spam > span{width:64px; height:38px; line-height:38px; margin-right:5px; padding:0 10px; font-size:0.9rem; max-width:64px; min-width:64px;}
	td.spam input{margin:0;}

	#wrap td.spam{display:flex !important; justify-content:space-between;}
	#wrap td.spam > *{flex:1;}
	#wrap td.spam > input{flex:7;}

	#wrap *[class^="bbs"] ~ .btn_area{display:flex; justify-content:space-between; flex-direction:row-reverse;}
	#wrap *[class^="bbs"] ~ .btn_area > *{flex-basis:49%;}

	#wrap ul.bbsList li .notice{margin-right:5px;}
	#wrap .bbsList li .subject{padding-left:90px;padding-right: 20px;}

	.sub #container{background:#f9f9f9; min-height:220px;}
	#wrap .search_bbs{margin-top:0;}
	#wrap .search_bbs .search{display:none;}
	#wrap .search_bbs .btn{float:right;}
	#wrap .button{min-width:80px;}
	.bbsView textarea{height:150px !important;}
	.designFile{flex-basis:100%;}
	td.conts{justify-content:center;}
	#wrap .bbsTitle{padding:19px 0 !important; border-top:0; border-bottom:0; text-align:left;}
	.data-view{display:flex; align-items:center; margin:3px 0 0; padding-bottom:6px; border-bottom:1px dotted #8c92a3; flex-wrap:wrap;}
	#wrap .data-view *{width:auto !important; margin-top:0 !important; margin-right:10px;}
	.data-view td{flex:5;}
	#wrap .bbsView.page tr:first-child th,
	.bbsView.page tr:first-child td{border-top:0;}
	textarea#comments{font-weight:200;}
	.pagination{margin-bottom:20px; padding-top:20px;}
	tr.page_arr{display:flex; justify-content:flex-start; align-items:center; padding:12px 15px;}
	#wrap tr.page_arr > *{display:inline-block !important; width:auto; margin:0 !important; padding:0 !important;}
	#wrap tr.page_arr > th{margin-right:15px !important;}
	tr.page_arr.prev{border-bottom:1px solid #ddd;}
	#wrap .bbsView.page{padding-top:0;}
}

@media screen and (max-width:368px){
	.lnb .dept > li{width:41%;}
	.snb ul{width:100%;}         
	.snb ul li a{margin:2px 1px; padding:6px 11px; border:2px solid #ccc; font-size:12px;}
}