@charset "utf-8";
/*@import url("/_resources/modules/medical/css/style.css");*/
@import url("style.css");
@import url("style.layout.css");

/* mainVisual */
.mainVisual{position:relative; max-width:1686px; height:469px; margin:0 auto;}
.mainVisual .visualTxt{width:1100px; margin:0 auto; padding:100px 0 80px; color:#fff;}
.mainVisual .visualTxt>h2{font-size:36px; line-height:120%; font-weight:400; margin-bottom:20px;}
.mainVisual .visualTxt>h2 b {color:#ffbd3e; line-height:100%;}
.mainVisual .visualTxt>h2 .br {display:block;}
.mainVisual .visualTxt>p {font-size:20px;}
.mainVisual .bx-wrapper{box-shadow:none; margin-bottom:0;}
.mainVisual .bx-wrapper:nth-child(2){display: none;}
.mainVisual .slider{height:469px; position:relative;}
.mainVisual .slider li{width:100%; height:100%; position:absolute;}
/*.mainVisual .slider.mobile{display: none;}*/
.mainVisual .bx-wrapper .bx-prev{width:55px; height:55px; background:url('../images/main/visual_prev.png')no-repeat left 44% center; border-radius:50%; left:1%; opacity:1; transition:.3s;}
.mainVisual:hover .bx-wrapper .bx-prev{opacity:1;}
.mainVisual .bx-wrapper .bx-next{opacity:1; width:55px; height:55px; right:1%; border-radius:50%; background:url('../images/main/visual_next.png')no-repeat right 44% center; transition:.3s;}
.mainVisual:hover .bx-wrapper .bx-next{opacity:1;}
.mainVisual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{bottom:30px; width:100%; text-align:center;}
.mainVisual .bx-wrapper .bx-pager.bx-default-pager a{background:#666 !important; border-radius:30px;}
.mainVisual .bx-wrapper .bx-pager-item a.active{background:#eb0000 !important;}
.mainVisual .bx-wrapper .bx-loading{background:none;}
.bx-start, .bx-stop{background:none !important;}
.bx-pager {position:relative; display:block; overflow:hidden; max-width:1100px; margin:0 auto; margin-top:-80px; /* z-index:3 */;}


	@media screen and (min-width:800px){
		.bx-pager a {position:relative; float:left; width:51px; height:51px; border-radius:50%; margin-right:12px; overflow:hidden; filter:gray; /* IE6-9 */ filter:grayscale(1); /* Microsoft Edge and Firefox 35+ */ -webkit-filter:grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */}
		.bx-pager a.active {filter:none; -webkit-filter:grayscale(0);}
		.bx-pager a img {width:100%; height:100%;}
	}

	@media screen and (max-width:1200px){
		.mainVisual {width:100%; max-width:100%;}
		.mainVisual .visualTxt {width:100%; padding:100px 6% 80px;}
		.bx-pager {width:100%; padding:0 3.5%;}
	}

	@media screen and (max-width:1024px){
	}

	@media screen and (max-width:799px){
		.mainVisual {height:300px;}
		.mainVisual .visualTxt {padding:55px 5% 0;}
		.mainVisual .visualTxt>h2 {font-size:27px;}
		.mainVisual .visualTxt>h2 .br {display:inline;}
		.mainVisual .visualTxt>p {display:none;}

		.mainVisual .slider, .mainVisual .slider li{height:300px !important; background-size:auto 100% !important;}
		.mainVisual .bx-wrapper .bx-prev{opacity:1; width:59px; height:59px; background:url('../images/main/m_visual_prev.png')no-repeat center; background-size:contain;}
		.mainVisual .bx-wrapper .bx-next{opacity:1; width:59px; height:59px; background:url('../images/main/m_visual_next.png')no-repeat center; background-size:contain;}

		.bx-pager {text-align:center; margin-top:-60px;}
		.bx-pager a {display:inline-block;width:13px; height:13px; border-radius:50%; background:#fff; margin:0 2px;}
		.bx-pager a.active {border:3px solid #fff; box-sizing:border-box; background:none;}
		.bx-pager a img {display:none;}
	}

	@media screen and (max-width:449px){
		.mainVisual .visualTxt {padding: 55px 5% 0;}
		.mainVisual .visualTxt>h2 {font-size:24px;}
		.mainVisual .bx-wrapper:nth-child(1){display: none;}
		.mainVisual .bx-wrapper:nth-child(2){display: block;}

		.mainVisual .bx-wrapper .bx-prev{width:39px; height:39px;}
		.mainVisual .bx-wrapper .bx-next{width:39px; height:39px;}
	}


.mainVisual .snsWrap {position:absolute; top:0; right:calc(50% - 550px); z-index:2;}
.mainVisual .snsWrap .sns {position:absolute; top:128px; right:0;}
.mainVisual .snsWrap .sns li {display:block; width:57px; height:57px; background-image:url('../images/main/mainContent01_sns_icon.png'); font-size:0; margin:9px 0;}
.mainVisual .snsWrap .sns li a {display:block; width:100%; height:100%;}
.mainVisual .snsWrap .sns li.sns01 {background-position:0 center;}
.mainVisual .snsWrap .sns li.sns02 {background-position:-64px center;}
.mainVisual .snsWrap .sns li.sns03 {background-position:-130px center;}

	@media screen and (max-width:1200px){
		.mainVisual .snsWrap {right:6%;}
	}

	@media screen and (max-width:1024px){
		.mainVisual .snsWrap {display:none;}
	}

.content01 {width:100%; margin:0 auto; background:#f7f7f7;}
.content01 .con_wrap {position:relative; display:block; overflow:hidden; width:1100px; margin:0 auto; margin-top:-30px; z-index:2; padding-bottom:60px;}
.content01 .con_wrap .quick_wrap {display:block; overflow:hidden; padding:62px 0; background:#fff; margin-top: 60px;}
.content01 .con_wrap .quick_wrap .quick_box {position:relative; float:left; width:25%; text-align:center;}
.content01 .con_wrap .quick_wrap .quick_box a {display:block;}
.content01 .con_wrap .quick_wrap .quick_box:after {position:absolute; display:inline-block; top:15px; right:0; width:1px; height:124px; background:#d9d9d9; content:'';}
.content01 .con_wrap .quick_wrap .quick_box h3 {font-size:22px; color:#000; margin-bottom:7px; padding-top:98px; word-break:keep-all; line-height:140%;}
.content01 .con_wrap .quick_wrap .quick_box:hover h3 {color:#b66802;}
.content01 .con_wrap .quick_wrap .quick_box p {font-size:15px; line-height:120%; color:#626262; letter-spacing:-0.05em;}
.content01 .con_wrap .quick_wrap #quick01 {background:url('../images/main/mainContent01_quick01_icon.png') #fff top center no-repeat}
.content01 .con_wrap .quick_wrap #quick02 {background:url('../images/main/mainContent01_quick02_icon.png') #fff top center no-repeat}
.content01 .con_wrap .quick_wrap #quick03 {background:url('../images/main/mainContent01_quick03_icon.png') #fff top center no-repeat}
.content01 .con_wrap .quick_wrap #quick04 {background:url('../images/main/mainContent01_quick04_icon.png') #fff top center no-repeat}
.content01 .con_wrap .quick_wrap #quick04:after {display:none;}


	@media screen and (max-width:1119px){
		.content01 {width:100%; max-width:100%; background:#fff;}
		.content01 .con_wrap {width:100%; margin-top:0; padding-bottom:0;}
	}


	@media screen and (max-width:1024px){
		.content01 .con_wrap .quick_wrap {padding:30px 0;}
		.content01 .con_wrap .quick_wrap .quick_box:after {height:124px;}
		.content01 .con_wrap .quick_wrap .quick_box h3 {font-weight:500; letter-spacing:-0.03em; padding-top:90px; margin-bottom:0;}
		.content01 .con_wrap .quick_wrap .quick_box p {display:none;}
	}

	@media screen and (max-width:699px){
		.content01 .con_wrap .quick_wrap {padding:20px 1%;}
		.content01 .con_wrap .quick_wrap .quick_box:after {top: 5px;height:100px;}
		.content01 .con_wrap .quick_wrap .quick_box h3 {font-size:15px; padding-top:80px;}
		.content01 .con_wrap .quick_wrap #quick01 {background-size:61px}
		.content01 .con_wrap .quick_wrap #quick02 {background-size:68px}
		.content01 .con_wrap .quick_wrap #quick03 {background-size:69px}
		.content01 .con_wrap .quick_wrap #quick04 {background-size:58px}
	}

	@media screen and (max-width:449px){
		.content01 .con_wrap .quick_wrap .quick_box h3 {padding-top:70px;}
		.content01 .con_wrap .quick_wrap #quick01 {background-size:51px}
		.content01 .con_wrap .quick_wrap #quick02 {background-size:58px}
		.content01 .con_wrap .quick_wrap #quick03 {background-size:59px}
		.content01 .con_wrap .quick_wrap #quick04 {background-size:48px}
	}


.content01 .con_wrap .mainBanner {position:relative; float:right; width:50%;}
.content01 .con_wrap .mainBanner .owl-nav {position:absolute; width:76px; height:24px; background:rgba(7,5,20,0.6); bottom:0; right:0; z-index:2;}
.content01 .con_wrap .mainBanner .owl-prev,
.content01 .con_wrap .mainBanner .owl-next {position:absolute; display:block; bottom:0; width:24px; height:24px; line-height:24px; text-align:center;}
.content01 .con_wrap .mainBanner .owl-prev img,
.content01 .con_wrap .mainBanner .owl-next img {position:relative; top:-2px;}
.content01 .con_wrap .mainBanner .owl-prev {right:24px;}
.content01 .con_wrap .mainBanner .owl-prev:after {position:absolute; display:inline-block; width:1px; height:9px; background:#76797e; top:8px; right:0; content:'';}
.content01 .con_wrap .mainBanner .owl-next {right:0;}
.content01 .con_wrap .mainBanner .infoBtn{position:absolute; bottom:7px; right:60px; width:8px; height:9px; z-index:10; cursor:pointer;}
.content01 .con_wrap .mainBanner .infoBtn .play{display:none; width:100%; height:100%; background:url('../images/main/infoPlay_g.png')no-repeat center; cursor:pointer;}
.content01 .con_wrap .mainBanner .infoBtn .stop{width:100%; height:100%; background:url('../images/main/infoStop_gray.png')no-repeat center;}

	@media screen and (max-width:1024px){
		.content01 .con_wrap .mainBanner {float:none;width:100%; padding:0;}
		.content01 .con_wrap .mainBanner .infoBtn {}
		.content01 .con_wrap .mainBanner .owl-dots {text-align:center; margin:5px 0;}
		.content01 .con_wrap .mainBanner .owl-dots .owl-dot {display:inline-block; width:13px; height:13px; border-radius:50%; background:#adadad; margin:0 4px;}
		.content01 .con_wrap .mainBanner .owl-dots .owl-dot.active {border:3px solid #000; box-sizing:border-box; background:#fff;}
	}


.content01 .con_wrap .csCenter {position:relative; float:left; width:50%; height:183px; background:#5d3d25; color:#fff; padding-bottom:14.55%;}
.content01 .con_wrap .csCenter .csCenter_wrap {position:absolute; width:100%;}
.content01 .con_wrap .csCenter .right {float:right; width:60%; margin-top: 20px; text-align: center;}
.content01 .con_wrap .csCenter .right h3 {display:inline-block; vertical-align:top; width:39%; max-width:114px; margin-right:10px; border:1px solid rgba(256,256,256,0.2); text-align:center; padding:8px 0; font-size:16px; font-weight:400; margin-bottom:10px;}
.content01 .con_wrap .csCenter .right p {display:inline-block; vertical-align:top; width:55%; font-size:17px; text-align: left;}
.content01 .con_wrap .csCenter .right p.title{display: none;}
.content01 .con_wrap .csCenter .right .time {}
.content01 .con_wrap .csCenter .right #time01 {}
.content01 .con_wrap .csCenter .right #time02 {}
.content01 .con_wrap .csCenter .right #equipment {display:none;}

.content01 .con_wrap .csCenter .left {float:left; width:40%; background:#3b210f; padding:6% 0;}
.content01 .con_wrap .csCenter .left h3 {display:inline-block; font-size:18px; color:#fff;}
.content01 .con_wrap .csCenter .left p {display:inline-block; font-size:16px; color:#d6c2a5;}
.content01 .con_wrap .csCenter .left .equipment {padding-left:90px; background:url('../images/main/mainContent01_equipment_icon.png') calc(25% - 18px) center no-repeat; padding-bottom:10px;}
.content01 .con_wrap .csCenter .left .tel {padding-left:90px; background:url('../images/main/mainContent01_tel_icon.png') calc(25% - 18px) center no-repeat;}

	@media screen and (max-width:1119px){
		.content01 .con_wrap .csCenter p {font-size:16px;}

		.content01 .con_wrap .csCenter .right h3 {width:35%; font-size:16px;}
		.content01 .con_wrap .csCenter .right p {width:59%; font-size:15px;}
		.content01 .con_wrap .csCenter .right #equipment p {color:#eed7a5; padding:10px 0;}
		.content01 .con_wrap .csCenter .right #equipment p:after {position:relative; display:inline-block; margin-left:15px; content:'go >';}

		.content01 .con_wrap .csCenter .left {float:left; width:40%; background:#3b210f; padding:4.5% 0;}
		.content01 .con_wrap .csCenter .left h3 {margin-right:10px;}
		.content01 .con_wrap .csCenter .left .equipment {padding-left:80px;}
		.content01 .con_wrap .csCenter .left .tel {padding-left:80px;}

	}

	@media screen and (max-width:1024px){
		.content01 .con_wrap .csCenter {float:none;width:100%; height:auto; padding:0; background:#4d4139;}
		.content01 .con_wrap .csCenter .csCenter_wrap {position:relative; padding:0;}
		.content01 .con_wrap .csCenter .right {float:none; display:block; overflow:hidden; width:100%; padding:30px 3%;}
		.content01 .con_wrap .csCenter .right h3 {padding:11px 0; margin-bottom:0;}
		.content01 .con_wrap .csCenter .right .time {float:left; width:34%;}
		.content01 .con_wrap .csCenter .right #equipment {display:block; width:31%;}

		.content01 .con_wrap .csCenter .left {width:100%; padding:0;}
		.content01 .con_wrap .csCenter .left p {color:#fff; font-size:18px;}
		.content01 .con_wrap .csCenter .left .equipment {background: none; border: 1px solid #ffffff; padding: 10px 0; text-align: center;}
		.content01 .con_wrap .csCenter .left .tel {width:100%; background:url('../images/main/mainContent01_m_csCenter_icon.png') #65574d 92% center no-repeat; background-size:60px; padding:35px 3%;}
	}


	@media screen and (max-width:999px){
		.content01 .con_wrap .csCenter .right h3 {font-size:16px;}
		.content01 .con_wrap .csCenter .right p {font-size:15px;}
		.content01 .con_wrap .csCenter .right #equipment p {padding:14px 0;}
	}


	@media screen and (max-width:899px){
		.content01 .con_wrap .csCenter .right {padding:30px 5%; padding:30px 8%;}
		.content01 .con_wrap .csCenter .right h3 {font-size:18px; max-width:inherit; margin-right:4%;}
		.content01 .con_wrap .csCenter .right p {font-size:17px;}
		.content01 .con_wrap .csCenter .right p.title {display: block; font-size:20px; width: 100%; text-align: center; margin-bottom: 30px;}
		.content01 .con_wrap .csCenter .right .time {float:left; width:100%;}
		.content01 .con_wrap .csCenter .right .time h3 {margin-bottom:10px;}
		.content01 .con_wrap .csCenter .right #equipment {width:100%;}
		.content01 .con_wrap .csCenter .right #equipment h3 {margin-bottom:0;}
		.content01 .con_wrap .csCenter .right #equipment p {padding:13px 0;}

		.content01 .con_wrap .csCenter .left {padding:0; background-position:95% center; background:#65574d;}
		.content01 .con_wrap .csCenter .left .tel {text-align:center; padding: 10px 0; border: 1px solid #ffffff;}
		.content01 .con_wrap .csCenter .left p{font-size:22px}
	}

	@media screen and (max-width:649px){
		.content01 .con_wrap .csCenter .right .time {float:left; width:100%;}
	}


	@media screen and (max-width:449px){
		.content01 .con_wrap .csCenter .right {padding:30px 5%;}

		.content01 .con_wrap .csCenter .left {background-position:95% center;}
	}


.content02 .latestWrap {width:1100px; margin:0 auto; padding:50px 0 25px; min-height:368px;}
.content02 .latestWrap .tab {display:block; text-align:center; margin-bottom:46px;}
.content02 .latestWrap .tab li {position:relative; display:inline-block; cursor:pointer; padding:0 21px;}
.content02 .latestWrap .tab li:after {position:absolute; display:inline-block; width:1px; height:20px; top:2px; right:0; background:#b4b4b4; content:'';}
.content02 .latestWrap .tab li:last-child:after {display:none;}
.content02 .latestWrap .tab li h3 {position:relative; font-size:22px; color:#000; text-align:center; letter-spacing:-0.05em; padding-bottom:3px;}
.content02 .latestWrap .tab li h3:before,
.content02 .latestWrap .tab li h3:after {content:""; width:0; height:1px; position:absolute; bottom:0; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; background:#b66802;}
.content02 .latestWrap .tab li h3:before {right:50%;}
.content02 .latestWrap .tab li h3:after {left:50%;}
.content02 .latestWrap .tab li.active h3 {color:#b66802;}
.content02 .latestWrap .tab li.active h3:before,
.content02 .latestWrap .tab li.active h3:after {width:50%;}

.content02 .latestWrap .boardWrap {}
.content02 .latestWrap .boardWrap .tabContent {position:relative; display:none;}
.content02 .latestWrap .boardWrap .boardContent {display:block; overflow:hidden;}
.content02 .latestWrap .boardWrap .boardContent li {float:left; width:272px; vertical-align:top; margin-left:4px;}
.content02 .latestWrap .boardWrap .boardContent li:first-child {margin-left:0;}
.content02 .latestWrap .boardWrap .boardContent li .images {margin-bottom:15px;}
.content02 .latestWrap .boardWrap .boardContent li .images img {width:100%;}
.content02 .latestWrap .boardWrap .boardContent li h4.title {font-size:16px; letter-spacing:-0.05em; line-height:140%; word-break:keep-all; font-weight:400; text-align:center;}

.content02 .latestWrap .boardWrap .boardContent.notice {}
.content02 .latestWrap .boardWrap .boardContent.notice li {height:100px; width:344px; margin-bottom:52px;}
.content02 .latestWrap .boardWrap .boardContent.notice li:nth-last-child(n+1):nth-last-child(-n+3) {margin-bottom:0;}
.content02 .latestWrap .boardWrap .boardContent.notice li .date {float:left; border:1px solid #c97303; color:#c97303; font-size:16px; width:60px; height:71px; text-align:center; font-weight:200; line-height:24px; padding:10px 0 10px 4px;}
.content02 .latestWrap .boardWrap .boardContent.notice li .date span.day {display:block; overflow:hidden; font-size:22px ;font-weight:600; margin-left:-4px;}
.content02 .latestWrap .boardWrap .boardContent.notice li .info {float:left; width:calc(100% - 60px); padding:0 14px;}
.content02 .latestWrap .boardWrap .boardContent.notice li .info h4.title {font-size:16px; color:#000; text-align:left; margin-bottom:7px;}
.content02 .latestWrap .boardWrap .boardContent.notice li .info p {font-size:15px; color:#4c4c4c; max-height:42px; overflow:hidden; text-align:left; font-weight:200; line-height:135%;}

.content02 .latestWrap .boardWrap .boardContent.press {}
.content02 .latestWrap .boardWrap .boardContent.press li {height:100px; width:344px; margin-bottom:52px;}
.content02 .latestWrap .boardWrap .boardContent.press li:nth-child(1),
.content02 .latestWrap .boardWrap .boardContent.press li:nth-child(4) {margin-left:3%}
.content02 .latestWrap .boardWrap .boardContent.press li:nth-last-child(n+1):nth-last-child(-n+3) {margin-bottom:0;}
.content02 .latestWrap .boardWrap .boardContent.press li .date {float:left; border:1px solid #c97303; color:#c97303; font-size:16px; width:60px; height:71px; text-align:center; font-weight:200; line-height:24px; padding:10px 0 10px 4px;}
.content02 .latestWrap .boardWrap .boardContent.press li .date span.day {display:block; overflow:hidden; font-size:22px ;font-weight:600; margin-left:-4px;}
.content02 .latestWrap .boardWrap .boardContent.press li .info {float:left; width:calc(100% - 60px); padding:0 14px;}
.content02 .latestWrap .boardWrap .boardContent.press li .info h4.title {font-size:16px; color:#000; text-align:left; margin-bottom:7px;}
.content02 .latestWrap .boardWrap .boardContent.press li .info p {font-size:15px; color:#4c4c4c; max-height:42px; overflow:hidden; text-align:left; font-weight:200; line-height:135%;}

.content02 .latestWrap .boardWrap .boardContent.recruit {}
.content02 .latestWrap .boardWrap .boardContent.recruit li {width:344px; margin-bottom:52px;}
.content02 .latestWrap .boardWrap .boardContent.recruit li:nth-child(1),
.content02 .latestWrap .boardWrap .boardContent.recruit li:nth-child(4) {margin-left:3%}
.content02 .latestWrap .boardWrap .boardContent.recruit li:nth-last-child(n+1):nth-last-child(-n+3) {margin-bottom:0;}
.content02 .latestWrap .boardWrap .boardContent.recruit li .state {float:left; border:1px solid #c97303; color:#c97303; font-size:16px; width:60px; height:71px; text-align:center; font-weight:200; line-height:24px; padding:10px 8px;}
.content02 .latestWrap .boardWrap .boardContent.recruit li .state.ING, .content02 .latestWrap .boardWrap .boardContent.recruit li .state.PRE{border:1px solid #38a900; color:#38a900;}
.content02 .latestWrap .boardWrap .boardContent.recruit li .info {float:left; width:calc(100% - 60px); padding:0 14px;}
.content02 .latestWrap .boardWrap .boardContent.recruit li .info h4.title {font-size:16px; color:#000; text-align:left; margin-bottom:7px;overflow:hidden;position:relative;box-sizing:border-box;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;}
.content02 .latestWrap .boardWrap .boardContent.recruit li .info p {font-size:15px; color:#4c4c4c; max-height:42px; overflow:hidden; text-align:left; font-weight:200; line-height:135%;}

.content02 .latestWrap .boardWrap .more {position:absolute; top:-80px; right:0px; background:url('../images/main/content02_latest_plus_btn.gif') center no-repeat; width:36px; height:36px; font-size:0; overflow:hidden;}
.content02 .latestWrap .boardWrap .tabContent.active {display:block;}


	@media screen and (max-width:1119px){
		.content02 .latestWrap {width:100%;}
		.content02 .latestWrap .boardWrap .boardContent li {width:calc(25% - 2px); margin-left:2px;}

		.content02 .latestWrap .boardWrap .boardContent.notice li {width:calc(33.333% - 2px)}
	}

	@media screen and (max-width:1024px){
		.content02 .latestWrap .tab li {}
		.content02 .latestWrap .tab li:after {height:16px;}
		.content02 .latestWrap .tab li h3 {font-size:18px;}

		.content02 .latestWrap .boardWrap {padding:0 8%;}
		.content02 .latestWrap .boardWrap .boardContent li {width:calc(50% - 2px); margin-bottom:30px;}
		.content02 .latestWrap .boardWrap .boardContent li:nth-child(odd) {clear:both;}
		.content02 .latestWrap .boardWrap .boardContent li .images {max-width:300px; margin:0 auto; margin-bottom:5px;}
		.content02 .latestWrap .boardWrap .boardContent li h4.title {padding:0 2%;}

		.content02 .latestWrap .boardWrap .boardContent.notice li,
		.content02 .latestWrap .boardWrap .boardContent.recruit li{width:calc(50% - 2px); margin-bottom:30px !important;}
		.content02 .latestWrap .boardWrap .boardContent.notice li h4.title,
		.content02 .latestWrap .boardWrap .boardContent.recruit li h4.title
		{padding:0;}
		.content02 .latestWrap .boardWrap .more {display:none;}
	}

	@media screen and (max-width:799px) {
		.content02 .latestWrap .boardWrap .boardContent.notice li,
		.content02 .latestWrap .boardWrap .boardContent.recruit li{width:100%;}
		.content02 .latestWrap .boardWrap .boardContent.notice li .info,
		.content02 .latestWrap .boardWrap .boardContent.recruit li .info{padding:0 0 0 14px;}
	}


	@media screen and (max-width:449px) {
		.content02 .latestWrap .tab {margin-bottom:26px;}
		.content02 .latestWrap .tab li {padding:0 11px;}
		.content02 .latestWrap .tab li h3 {font-size:16px;}
		.content02 .latestWrap .tab li.magazine,
		.content02 .latestWrap .tab li.test
		{width: 45%}
		.content02 .latestWrap .tab li.test:after{display: none;}
		.content02 .latestWrap .boardWrap {padding:0 5%;}
	}


/* 팝업관련 CSS */
.topMobile {position: relative;}
.PopupCloseBox{position:relative; padding:6px 10px; background:#000; color:#fff; font-family:'Dotum'; font-size:12px;}
.PopupCloseBox .PopupCloseBtn{position:absolute; right:0; bottom:0; display:inline-block; height:30px; padding:0 15px; line-height:30px; color:#ccc; background:#232323;}
	
	@media only screen and (max-width: 300px){
		.topMobile .PopupCloseBox{font-size: 12px; top: 40px !important;}
		.topMobile .PopupCloseBox .PopupCloseBtn{height: -webkit-fill-available; text-align:center;}
	}
	
	@media only screen and (min-width: 700px) and (max-width: 1050px){
		.topMobile .PopupCloseBox{font-size: 22px; top: 140px !important;}
		.topMobile .PopupCloseBox .PopupCloseBtn{padding: 10px; height: -webkit-fill-available; text-align:center;}
	}
	
	@media only screen and (min-width: 1051px) and (max-width: 1400px){
		.topMobile .PopupCloseBox{font-size: 25px; top: 180px !important;}
		.topMobile .PopupCloseBox .PopupCloseBtn{padding: 10px; height: -webkit-fill-available; text-align:center;}
	}

	
/*메인 - 이용약관 */

.reservation .equip_agree{overflow-y:scroll; height:0px; background:#fafafa; word-break:keep-all;}
.reservation .equip_agree h5.h5_type01 {margin-bottom:0;}
.reservation .equip_agree .clause {font-size:14px; color:#4c4c4c; font-family:'Dotum', '돋움', sans-serif; letter-spacing:0; line-height:160%;}
.reservation .clause_box{position:relative; padding:0; text-align:left; font-family:"dotum"; font-size:14px; color:#fff;}
.reservation .clause_box input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; margin-left:10px; margin-right:0;}
.reservation .clause_box input[type="radio"] + label { display:inline-block; position:relative; padding-left:21px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; margin-right:20px;}
.reservation .clause_box input[type="radio"] + label:before { content:''; position:absolute; left:0; top:5px; width:12px; height:12px; text-align:center; background:none; border:1px solid #cacece; border-radius:100%; box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.reservation .clause_box input[type="radio"] + label:active:before, #agreement .clause_box input[type="radio"]:checked + label:active:before { box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.reservation .clause_box input[type="radio"]:checked + label:before { background:#E9ECEE; border-color:#adb8c0; }
.reservation .clause_box input[type="radio"]:checked + label:after { content:''; position:absolute; top:8px; left:3px; width:8px; height:8px; background:#99a1a7; border-radius:100%; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3); }

@media screen and (max-width:799px){
	.reservation .equip_agree .clause {font-size:13px;}
	.reservation .clause_box {display:block; font-size:13px;}
	.reservation .clause_box input[type="radio"] + label {margin-right:0;}
}

@media screen and (max-width:499px){
	.reservation .clause_box {font-size:13px;}
}

.reservation_box {text-align:center; margin-top:42px;}
.reservation_box .reservation_method {display:inline-block; width:33%; max-width:336px; margin:0 auto; border:1px solid #dcdcdc; padding-top:237px; vertical-align:top;}
.reservation_box .reservation_method h4 {font-size:20px; color:#000; font-weight:700; margin-bottom:10px; padding:0 5px; word-break:keep-all; line-height:160%;}
.reservation_box .reservation_method p {font-size:15px; color:#393939; padding:0 5px; word-break:keep-all; line-height:140%; min-height:85px;}
.reservation_box .reservation_method .submit {position:relative; width:calc(100% + 2px); left:-1px; font-size:20px; color:#fff; background:#54483a; text-align:center; padding:24px 0; margin-top:30px;}

.reservation_box .reservation_method.phone {background:url('../img/phone_icon.png') center 56px no-repeat;}
.reservation_box .reservation_method.homepage {background:url('../img/homepage_icon.png') center 56px no-repeat;}


/*메인 - 전호번호예약 */

.reservation .sec_box{ position: relative; float:left; width:280px; padding:15px 0 5px 15px; text-align: center; }


/* 메인 전화번호예약 수정 Start */
    .content01 .con_wrap .quick_phone .main_phone_wrap {
        position: relative;
        width: 100%;
    }

    .content01 .con_wrap .quick_phone .right {
        float: right;
        width: calc(100% - 220px);
    }

    .content01 .con_wrap .quick_phone .right h3 {
        display: inline-block;
        vertical-align: top;
        width: 39%;
        max-width: 114px;
        margin-right: 10px;
        text-align: center;
        padding: 8px 0;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .content01 .con_wrap .quick_phone .right p {
        display: inline-block;
        vertical-align: top;
        width: 55%;
        font-size: 17px;
    }

    .content01 .con_wrap .quick_phone .left {
        float: left;
        width: 220px;
        height:100px;
        line-height:100px;
        background: #cc640b;
    }

    .content01 .con_wrap .quick_phone .left h3 {
        font-size: 24px;
        color: #fff;
        text-align:center;
        font-weight:500;
    }

    .content01 .con_wrap .quick_phone .left p {
        display: inline-block;
        font-size: 16px;
        color: #d6c2a5;
    }

    .content01 .con_wrap .quick_phone .left .equipment {
    }

    .content01 .con_wrap .quick_phone .right {
        position:relative;
        display: block;
        overflow: hidden;
        padding: 5px;
        background:#de7a08;
        height:100px;
    }

    .content01 .con_wrap .quick_phone .right dl {
        float: left;
        width: 100%;
    }

    .content01 .con_wrap .quick_phone .right dl dt {
        font-size: 0;
        display: none;
    }

    .content01 .con_wrap .quick_phone .right dl dd {
        display: inline-block;
        font-size: 15px;
        line-height: 42px;
        vertical-align: top;
        box-sizing: border-box;
        float:left;
    }
	.content01 .con_wrap .quick_phone .right dl dd.telName{
		width:20%;
	}
	.content01 .con_wrap .quick_phone .right dl dd.telPhone{
		width:40%;
	}
	.content01 .con_wrap .quick_phone .right dl dd.telSymptom{
		width:40%;
	}
    .content01 .con_wrap .quick_phone .right dl dd .input[type="text"] {
        border: 1px solid #f0d9c5;
    }

    .content01 .con_wrap .quick_phone .right dl dd.arrow {
        margin: 0;
        width: 2%;
        height: 44px;
        padding: 0;
        background: url('../images/content/map_arrow.png') center no-repeat;
        border: none;
    }

    .content01 .con_wrap .quick_phone .right dl dd label {
        display: inline-block;
        width: 55px;
        padding: 0 5px;
        vertical-align: top;
        box-sizing: border-box;
        cursor: auto;
        color:#fff;
        text-align:center;
    }

    .content01 .con_wrap .quick_phone .right dl dd input[type="text"],
    .content01 .con_wrap .quick_phone .right dl dd .destination
    {
        display: inline-block;
        width: calc(100% - 60px) !important;
        height: 35px;
        line-height: 35px;
        border: none;
        box-sizing: border-box;
        background: #e1841b;
        padding: 0 3px;
        font-size: 14px;
        font-weight: 200;
        font-weight: 600;
    }
    
    .content01 .con_wrap .quick_phone .right dl dd .telPhoneBox{
    	float:right;
    	width: calc(100% - 60px) !important;
    	text-align:left;
    }
    
    .content01 .con_wrap .quick_phone .right dl dd select.main_mrsvHpArr{
    	height: 35px;
    	border: 1px solid #f0d9c5;
    	background: #e1841b url(../images/main/selectbox_icon_white.png) right 5px center no-repeat;
    	color:#fff;
    }

    .content01 .con_wrap .quick_phone .right .agree_btn {
    	margin-left:10px;
        width: 80px;
        background: none;
        color: #fff;
        border: none;
        vertical-align:baseline;
        cursor:pointer;
    }

    .content01 .con_wrap .quick_phone .right .agree_btn input[type="button"] {
        display: block;
        height: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 15px;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }
    .content01 .con_wrap .quick_phone .phone_btn{
        position:absolute;
        text-align: center;
        height: 35px;
        color: #fff;
        line-height: 35px;
        padding: 0 35px;
        background: #a63305;
        text-decoration: none !important;
        box-sizing: border-box;
        font-size: 14px;
        cursor: pointer;
        border-radius: 2px;
        right:8px;
        bottom: 10px;
        
    }

    /*메인_모달창*/
    *{margin:0; padding:0;}
    a.button{display:inline-block; padding: 10px 20px; text-decoration:none; color:#fff; background:#000; margin:20px;}
    #modal{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); z-index: 10;}
    .modal-con{z-index: 99999; background: #f7f7f7; color: #000; display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); max-width: 60%; min-height: 30%; border:9px solid #5d3d25;}
    .modal-con .title{ font-size:20px; padding: 20px; font-weight: bold; font-family: 맑은고딕; }
    .modal-con .con{ font-size:15px; text-align:left; line-height:1.3; padding: 30px; font-family: "NotoSans",'나눔고딕',Nanum Gothic,Malgun gothic,'맑은고딕',Dotum,'돋움',arial,sans-serif;}
    .modal-con .close{ display:block; position:absolute; width:30px; height:30px; border-radius:50%; text-align:center; line-height: 30px; text-decoration:none; font-size:20px; font-weight: bold; right:10px; top:10px; }
    
/* 메인 전화번호예약 수정 End */
    
    /*모바일 문진표*/
    .modal-window{height: 300px; width: 400px; z-index: 100000; background: #FFFFFF; color: #000; display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); border:2px solid #F7CB48;}
    .modal-window .general{width: 50%; height: 100%; display: inline-block; text-align: center; border-right: 2px solid #F7CB48; padding: 20% 0 25%;}
    .modal-window .student{width: 50%; height: 100%; float: right; text-align: center; padding: 20% 0 25%;}
    .modal-window .button{position:relative; display:inline-block; width:70px; height:30px; line-height:30px; background:#356aac; border-radius:15px; color:#fff; text-align:center; font-size:14px; margin-top:10px;}
    .modal-window .con{padding-top:20px; padding-bottom:20px; font-size:15px; text-align:left; line-height:1.3; font-family: "NotoSans",'나눔고딕',Nanum Gothic,Malgun gothic,'맑은고딕',Dotum,'돋움',arial,sans-serif;}
    .modal-window .close{display:block; position:absolute; width:30px; height:30px; border-radius:50%; text-align:center; line-height: 30px; text-decoration:none; font-size:20px; font-weight: bold; right:10px; top:10px; }

@media screen and (max-width:1024px){
	.content01 .con_wrap .quick_phone .left{
		width:190px;
		height:140px;
		line-height:140px;
	}
	.content01 .con_wrap .quick_phone .right{
		height:140px;
		width:calc(100% - 190px)
	}
	.content01 .con_wrap .quick_phone .right dl dd.telName{
		width:30%;
	}
	.content01 .con_wrap .quick_phone .right dl dd.telPhone{
		width:70%;
	}
	.content01 .con_wrap .quick_phone .right dl dd.telSymptom{
		width:100%;
	}
	.content01 .con_wrap .quick_phone .right dl dd select.main_mrsvHpArr{
	display:inline-block;
	}
	.content01 .con_wrap .quick_phone .right dl dd input.main_mrsvPatiSymptom{
		width: calc(100% - 163px) !important;
	}
	.content01 .con_wrap .quick_phone .phone_btn{
		right:11px; bottom:53px;
	}
	.reservation .sec_box{
		width:50%;
	}
}  
    
@media screen and (max-width:1280px) {
	.content01 .con_wrap .quick_phone .left{
		width:100%;
		float:none;
		height:auto;
		line-height:40px;
	}
	.content01 .con_wrap .quick_phone .left h3{
		font-size:17px;
		font-weight:400;
	}
	.content01 .con_wrap .quick_phone .right{
		height:140px;
		width:100%;
		float:none;
	}
	.content01 .con_wrap .quick_phone .right .agree_btn{
		width:auto;
	}
	
	/*.mobile{left:0 !important; right:0 !important; top:80px !important; text-align:center !important; }*/
	.mobileCase{width:90% !important; height:90% !important; margin:0 auto;}
	.PopupCloseBox{margin:0 auto;}
	.w90 {width: 90% !important;}
}
    
@media screen and (max-width:499px) {
	.content01 .con_wrap .quick_phone .right {
		height:220px;
	}
	.content01 .con_wrap .quick_phone .right dl dd.telName{
		width:100%;
	}
	.content01 .con_wrap .quick_phone .right dl dd.telPhone{
		width:100%;
	}
	.content01 .con_wrap .quick_phone .phone_btn{
		right:12px; bottom:91px;
	}
	
	.content01 .con_wrap .quick_phone .right dl dd input[type="text"],
    .content01 .con_wrap .quick_phone .right dl dd .destination
    {
        display: inline-block;
        width: calc(100% - 65px) !important;
	}
	.content01 .con_wrap .quick_phone .right dl dd .telPhoneBox{
    	width: calc(100% - 58px) !important;
    }
    .content01 .con_wrap .quick_phone .right dl dd input.main_mrsvPatiSymptom{
		width: calc(100% - 165px) !important;
	}
	.reservation .sec_box{
		width: 100%;
		padding:15px 0 5px 10px;
	}
	/* 21년 8월 10일 반응형 레이어 팝업 건으로 작성되었으나 22년 5월 3일 모바일 배너 팝업 적용 때문에 주석처리함
	.topMobile{display:none !important;} */
}