/*  32	a	@charset "utf-8"; */
::-moz-selection {
   background-color: #1c9bf6;
   color: #fff;
}
::selection {
    background-color: #1c9bf6;
    color: #fff;
}

@keyframes ani{
	0%{transform:translate(0,0);}
	100%{transform:translate(10px,20px)rotate(3deg);}
}    
@keyframes ani2{
	0%{transform:translate(0,0);}
	100%{transform:translate(-10px,-20px)rotate(5deg);}
}


.pcolor {color:#1c9bf6}
.noborder {border: 0 !important}

.bodyarea img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}
.autoimg {display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}
.carousel.item img { display: inline-block; width:  auto\9 !important;width: auto !important;max-width: 100%;height: auto !important}

body {font-size:16px;margin: 0;padding: 0;color: #222;line-height: 1.8em;background: #fff;letter-spacing: -0.1px;}
.mo {display: none}
.tb {display: none}

header {position: absolute;top:0;left: 0;width: 100%}
header .header {z-index: 99;position: relative;width: 100%;display: table;height: 95px;}
header .header .logo {position: absolute;left: 100px;top: 20px}
header .header .m_logo {display:none;}
header .header .logo img {cursor: pointer; height: 57px;}

header .header .gnb {position: absolute;right: 100px;top: 0;}
header .header .gnb .gnb_ul {margin: 0 auto;display: table;}
header .header .gnb .gnb_ul li {float: left;text-align: center;font-size: 16px;cursor: pointer;position: relative;position: relative;padding: 0 25px;height: 95px;display: table}
header .header .gnb .gnb_ul li a {color: #1c1915}
header .header .gnb .gnb_ul li a span {display: table-cell;vertical-align: middle;height: 95px;}
header .header .gnb .gnb_ul li.on a span {font-weight: 600;}
header .header .mlogo {display: none}


.gnb>ul>li>a {
	display: block;
	color: #fff;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.gnb>ul .depth01 {
	position: absolute;
	left: 0;
	top: 80%;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	
}
.gnb>ul>li:hover .depth01 {
	opacity: 1;
	visibility: visible;
	top: 100%;
	padding-top: 0px;
	background: #FFD55F;
}
.gnb>ul .depth01 a {
	float: left;
	color: #fff;
	background: #FFD55F;
	width: 150px;
}

.depth01 .inner{text-align: left;text-overflow: ellipsis; white-space: nowrap;padding:10px 20px;font-size: 13px}
.depth01 .inner:hover {background: #F8C126;color: #fff}
.depth01 a {color: #fff !important}
.gnb_btn, .mgnb, .mgnbmask {display: none}

#contents {margin-top:95px;overflow: hidden}
.wrap {width: 1200px;margin: 0 auto;position: relative}
.main_ct{ margin-top: 180px;}
.text span{ white-space: nowrap;}

/* 메인 상단 컨텐츠 */
.main_top .outer_img{text-align: center;}
.main_top .outer{position: relative;}
.main_top .outer .segWrap{ display:table; width:1200px; height: 100%; position: absolute; left: 0; right:0; bottom: 0; top:0; margin: auto;}
.main_top .outer .segment{display:table-cell; vertical-align: bottom; padding-bottom: 100px;}
.main_top .outer .segment h1{ font-size: 45px; letter-spacing: -.04em; line-height: 1.4em;}
.main_top .outer .segment h3{ font-size: 28px; letter-spacing: -.04em; line-height: 1.5em; margin-top: 10px;}
.main_top .outer .segment .more{font-size: 18px; letter-spacing: -.04em; line-height: 1.5em; font-weight: 600; margin-top: 80px; background: #FFD55F; display:inline-block; padding: 15px 25px; border-radius: 50px;}
.main_top .outer .segment .more a{ color:#fff}
.main_top .outer .segment .more img{margin-left:20px;}

/* 메인 클리닉 바로가기 컨텐츠 */
.mct_01{ position: relative;}
.mct_01 .artWrap{display:table; width: 100%;}
.mct_01 .artWrap .left{display:table-cell; vertical-align: middle; width: 50%}
.mct_01 .artWrap .left .article{float: left; width: 31.33%; margin: 0 1%; text-align: center; cursor: pointer;}
.mct_01 .artWrap .left .article:nth-of-type(4),.mct_01 .artWrap .left .article:nth-of-type(5){width: 40%; margin-top: 60px;}
.mct_01 .artWrap .left .article:nth-of-type(4){margin-left:10%; margin-right:0;}
.mct_01 .artWrap .left .article:nth-of-type(5){margin-left:0; margin-right:10%;}
.mct_01 .artWrap .left .article h5{ margin-top: 20px; font-size: 18px; letter-spacing: -.04em; line-height: 1.5em; margin-bottom: 0; color:#6c6c6c}
.mct_01 .artWrap .left .article .imgWrap img.hover{display: none;}
.mct_01 .artWrap .left .article:hover h5{color: #FFC85F}
.mct_01 .artWrap .left .article:hover .imgWrap img.unhover{display:none;}
.mct_01 .artWrap .left .article:hover .imgWrap img.hover{display: inline}
.mct_01 .artWrap .right{display:table-cell; vertical-align: middle; width: 50%; padding: 0 80px;}
.mct_01 .artWrap .m_right{display:none;}
.mct_01 .artWrap .right .title{font-size: 35px; letter-spacing: -.04em; line-height: 1.5em;}
.mct_01 .artWrap .right .text{font-size: 18px; letter-spacing: -.04em; line-height: 2em; margin-top: 40px; font-weight: 400}
.mct_01 .backImg{position: absolute; z-index: -1}
.mct_01 .img01{left:100px; bottom: 20px;}
.mct_01 .img02{ right: 100px; top: 20px;}

/* 메인 베너 케러셀 */
.mct_02 .carousel_wrap{display:table; width: 100%;}
.mct_02 .carousel_wrap .m_segWrap{display:none !important;}
.mct_02 .carousel_wrap .segWrap{ width: 35%; display:table-cell; vertical-align: middle; padding-right:40px;}
.mct_02 .carousel_wrap .segWrap .segment .title{font-size: 38px; letter-spacing: -.04em; line-height: 1.4em;}
.mct_02 .carousel_wrap .segWrap .segment .text{font-size: 15px; letter-spacing: -.04em; line-height:2em; margin-top: 20px; font-weight: 400;}
.mct_02 .carousel_wrap .segWrap .segment .more{font-size: 15px; letter-spacing: -.04em; line-height: 1.5em; font-weight: 600; margin-top: 80px; background: #FFD55F; display:inline-block; padding: 12px 20px; border-radius: 50px;}
.mct_02 .carousel_wrap .segWrap .segment .more a{color:#fff}
.mct_02 .carousel_wrap .segWrap .segment .more img{margin-left:70px;}
.mct_02 .carousel_wrap .carousel{ float: right; width: 800px; border-radius: 50px; overflow: hidden;-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
.mct_02 .carousel_wrap .carousel .item .img{height: 500px;}
.mct_02 .carousel_wrap .carousel .owl-dots .owl-dot span{width: 12px !important; height: 12px !important; border-radius: 6px;}
.mct_02 .carousel_wrap .carousel .owl-dots .owl-dot:hover span{ background: #fff !important;}
.mct_02 .carousel_wrap .carousel .owl-controls{ text-align: left !important; padding-left: 50px;}

/* 메인 공지사항 */
.mct_03 h3{ font-size: 30px; letter-spacing: -.04em; line-height: 1.5em; text-align: center;}
.mct_03 .artWrap{ width: 106%; margin-left:-3%; margin-top: 70px;}
.mct_03 .artWrap a{display:block;float: left; width:31.33%; margin: 0 1%;}
.mct_03 .artWrap .article{cursor: pointer; padding: 50px 25px 40px; background: #FFFAEA; height: 300px; border-radius: 33px; display:block;}
.mct_03 .artWrap .article .title{font-size: 18px; font-weight: 600; letter-spacing: -.04em; line-height: 1.5em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word; color:#000}
.mct_03 .artWrap .article .text{font-size: 14px; letter-spacing: -.04em; line-height: 1.7em; color:#555; margin-top: 15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap:break-word;  min-height: 89px; padding-top: 20px; position: relative;}
.mct_03 .artWrap .article .text:after{content: ''; display:block; position: absolute; top:0; width: 100%; height: 1px; background: #ddd; z-index: 1}
.mct_03 .artWrap .article .text:before{content: ''; display:block; position: absolute; top:0 ;width: 0%; height: 1px; background: #FFD55F; transition: all .8s; z-index: 2}
.mct_03 .artWrap .article:hover .text:before, .mct_03 .artWrap .article:active .text:before, .mct_03 .artWrap .article:focus .text:before { width: 100%;}
.mct_03 .artWrap .article .bottom{display:table;width: 100%; margin-top: 60px; color:#000;}
.mct_03 .artWrap .article .bottom .date{display:table-cell; vertical-align: middle; text-align: left;font-size: 13px; letter-spacing: -.04em; line-height: 1.7em;}
.mct_03 .artWrap .article .bottom .more{display:table-cell; vertical-align: middle; text-align: right;font-size: 13px; letter-spacing: -.04em; line-height: 1.7em;}

/* 메인 하단 베너 */
.mct_04{margin-bottom: 180px;}
.mct_04 .ct_box{display:table; width: 100%; padding: 70px 0; border-radius: 60px;}
.mct_04 .ct_box .imgWrap{display:table-cell; vertical-align: middle; width: 55%;}
.mct_04 .ct_box .imgWrap img{ margin: 0 auto;}
.mct_04 .ct_box .segment{display:table-cell; vertical-align: middle; width: 45%;}
.mct_04 .ct_box .segment h3{ font-size: 30px; letter-spacing: -.04em; line-height: 1.5em; color:#000;}
.mct_04 .ct_box .segment .text:nth-of-type(1){font-size: 24px; font-weight: 600; margin-top: 40px;}
.mct_04 .ct_box .segment .text{font-size: 16px; letter-spacing: -.04em; line-height: 1.7em; color:#000; font-weight: 400; margin-top: 20px;}
.mct_04 .ct_box .segment .sub_text{ font-size: 14px; letter-spacing: -.04em; line-height: 1.5em; color:#000; font-weight: 600; margin-top: 10px}
.mct_04 .ct_box .segment .sub_text:nth-of-type(3){ margin-top: 20px;}
.mct_04 .ct_box .segment .more{font-size: 18px; letter-spacing: -.04em; line-height: 1.5em; font-weight: 600; margin-top:50px; background: #FFD55F; display:inline-block; padding: 12px 20px; border-radius: 50px;}
.mct_04 .ct_box .segment .more a{color:#fff}
.mct_04 .ct_box .segment .more img{margin-left:70px;}



footer {background: #fff;color: #000; border-top:1px solid #E5E5E5;}

footer .footer_info {padding: 50px 0;font-size: 13px}
footer .footer_info .compnay {font-size: 16px;font-weight: 600; margin-bottom: 30px}
footer .footer_info .m_compnay{display:none;}
footer .footer_info .infoWrap{float: left;}
footer .footer_info .infoWrap ul:nth-of-type(1) ~ ul{ margin-top: 10px;}
footer .footer_info .infoWrap ul li{ font-size: 14px; letter-spacing: -.04em; line-height: 1em; float: left; margin-left:10px; padding-left: 10px; border-left:1px solid #000}
footer .footer_info .infoWrap ul li:first-of-type{margin-left:0; padding-left: 0; border-left: none;}
footer .footer_info .snsBox{ position: absolute; right:0; bottom: 0;}
footer .footer_info .snsBox .sns:nth-of-type(1){ float: left; margin-right:5px;}
footer .footer_info .snsBox .sns:nth-of-type(2){ float: left; margin-left:5px; margin-right:5px;}
footer .footer_info .snsBox .sns:nth-of-type(3){ float: left; margin-left:5px;}
footer .footer_info .snsBox .sns a{}
footer .footer_info .snsBox .sns a img{}
footer .footer_info .copy {margin-top:40px; font-size: 14px; letter-spacing: -.04em; line-height: 1.5em; font-weight: 700;}
footer .footer_info .article{float: right;}
footer .footer_info .article .title{ font-size: 16px; font-weight: 600; margin-bottom: 25px}
footer .footer_info .article .listWrap{}
footer .footer_info .article .listWrap .list{ font-size: 14px; line-height: 1.7em; letter-spacing: -.04em; font-weight: 500;}
footer .footer_info .article .listWrap .flex_list{ display:flex; justify-content: space-between;}
footer .footer_info .article .listWrap .flex_list .d01{ display: flex; width: 50%;}
footer .footer_info .article .listWrap .flex_list .spanWrap{display:flex; justify-content: space-between;}
footer .footer_info .article .listWrap .flex_list .sw01{ width:36%;}
footer .footer_info .article .listWrap .flex_list .sw02{ width:60%; justify-content: space-around;}
footer .footer_info .article .small { margin-top: 10px;}
footer .footer_info .article .small .list_small{ font-size: 14px; line-height: 1.7em; letter-spacing: -.04em; font-weight: 500;}

@media screen and (max-width:1739px) {
	.main_top .outer_img{}
	.main_top .outer_img img{display:block; max-width: 100%; height: auto; margin:0 auto;}
}
@media screen and (max-width:1720px) {
	.main_top .outer{ width: 100%; margin: 0 auto;}
}
@media screen and (max-width:1400px) {
	.mct_02 .left .segWrap .segment .title{font-size: 30px;}
	.mct_02 .left .segWrap .segment .text{font-size: 18px;}
	.mct_02 .left .segWrap .segment .more{font-size: 17px;}
}
@media screen and (max-width:1199px) {
	header .header {z-index: 99;position: fixed;width: 100%; height: 100px;}
	header .header .logo {position: relative;text-align: center;left: 0; top: 0; padding: 10px 0; margin-top: 10px;}
	header .header .logo img {cursor: pointer;}
	header .header .gnb {float: none;margin: 0 auto; position: static;}
	header .header .gnb .gnb_ul {margin: 0 auto;display: table;height: 50px;}
	header .header .gnb .gnb_ul li {float: left;text-align: center;font-size: 15px;cursor: pointer;position: relative;padding: 10px 15px;height: 50px;display: table;}
	header .header .gnb .gnb_ul li a span {display: table-cell;vertical-align: middle;height: auto;}
	
	#contents{ margin-top: 137px;}
	
	body {font-size:15px;margin: 0;padding: 0;color: #222;line-height: 1.8em;background: #fff;letter-spacing: -0.1px;}
	.mo {display: none}
	.tb {display: none}

	.wrap {width: 96%;margin: 0 auto;position: relative}
	.main_wrap {position: relative;padding: 60px 0;}
	.main_wrap .main_subject {font-size: 36px;font-weight: 800;line-height: 1.1em;letter-spacing: .05em;text-align: center;color: #444}
	
	.main_top .outer .segWrap{ width: 96%;}
	.main_top .outer .segment{vertical-align: middle; padding-bottom: initial}
	.main_top .outer .segment h1{ font-size: 40px;}
	.main_top .outer .segment h3{ font-size: 24px;}
	.main_top .outer .segment .more{font-size: 16px; padding: 10px 22px;}
	
	.main_ct{ margin-top: 150px;}
	
	.mct_01 .artWrap .right .title{ font-size: 30px;}
	.mct_01 .artWrap .right .text{ font-size: 16px;}
	.mct_01 .artWrap .left .article h5{ font-size: 16px;}
	.mct_01 .img01{left:20px;}
	.mct_01 .img02{right:20px;}
	
	.mct_02 .carousel_wrap .carousel{ width: 600px;}
	.mct_02 .carousel_wrap .carousel .item .img{ height: 580px;}
	.mct_02 .carousel_wrap .segWrap .segment .title{ font-size: 30px;}
	.mct_02 .carousel_wrap .segWrap .segment .text{ font-size: 17px;}
	.mct_02 .carousel_wrap .segWrap .segment .more{font-size: 16px; padding: 10px 22px;}
	
	.mct_03 .artWrap{width:102%; margin-left:-1%;}
	
	.mct_04{ margin-bottom: 150px;}
	.mct_04 .ct_box .imgWrap{width: 50%;}
	.mct_04 .ct_box .segment{width: 50%;}
	.mct_04 .ct_box .segment .more{font-size: 16px; padding: 10px 22px;}
}

@media screen and (max-width:1000px) {
	.main_top .outer .segment h1{ font-size: 32px;}
	.main_top .outer .segment h3{ font-size: 20px;}
	.main_top .outer .segment .more{font-size: 14px;}
	
	.main_ct{ margin-top: 140px;}
	
	.mct_01 .artWrap .left{ width: 60%;}
	.mct_01 .artWrap .right{ width: 40%; padding: 0 10px;}
	.mct_01 .artWrap .left .article .imgWrap img{ display:block; max-width: 100%; height: auto; margin: 0 auto;}
	
	.mct_02 .carousel_wrap .carousel{float: none; margin: 0 auto;}
	.mct_02 .carousel_wrap .segWrap{ width: 80%; margin: 0 auto; padding-right: 0; display:block; text-align: center;}
	.mct_02 .carousel_wrap .pc_segWrap{display:none;}
	.mct_02 .carousel_wrap .m_segWrap{display:block !important; margin-top: 40px;}
	.mct_02 .carousel_wrap .segWrap .segment .more{ margin-top: 50px;}
	
	.mct_03 .artWrap{width:100%; margin-left:0; margin-top: 50px;}
	.mct_03 .artWrap a{float: none; width:80%; margin: 0 auto;}
	.mct_03 .artWrap a:nth-of-type(1) ~ a{ margin-top: 40px;}
	.mct_03 .artWrap .article{ height: auto; padding: 30px;}
	.mct_03 .artWrap .article .text{-webkit-line-clamp:2; min-height: 66px;}
	.mct_03 .artWrap .article .bottom{ margin-top: 30px;}
	
	.mct_04{ margin-bottom: 140px;}
	.mct_04 .ct_box{padding: 50px}
	.mct_04 .ct_box .imgWrap{width: 40%;}
	.mct_04 .ct_box .segment{width: 60%;}
	.mct_04 .ct_box .segment{padding-left: 20px;}
	.mct_04 .ct_box .segment .text:nth-of-type(1){font-size: 22px;}
	.mct_04 .ct_box .segment .text{ font-size: 15px;}
	.mct_04 .ct_box .segment .sub_text{font-size: 13px;}
}
@media screen and (max-width: 980px){

}

@media screen and (max-width: 780px){
	body {font-size:14px;margin: 0;padding: 0;color: #222;line-height: 1.8em;background: #fff;letter-spacing: -0.1px;}
	.pc {display: none}
	.tb {display: none}
	.mo {display: initial}
	
	header {position: absolute;top:0;left: 0;width: 100%}
	header .header {z-index: 99;position: relative;width: 100%;display: table;height: 70px;background: #fff;}
	header .header .logo {display:none;}
	header .header .m_logo{display:block; position: absolute;left: 20px;top: 20px; padding: 0; margin: 0;}
	header .header .m_logo img {cursor: pointer; height: 25px;}
	header .header .gnb {display: none}
	
	.gnb_btn {position: fixed;right: 20px;top:25px;display: table;z-index: 99}
	
	.mgnb{display: block}
	.m_gnb_ul {display: table;width: 100%;text-align: center;margin-top: 10px;}
	.m_gnb_ul li {font-size: 22px;line-height: 1.1em;padding: 15px 20px;font-weight: 300;position: relative;}
	.m_gnb_ul li a {color: #2f2f2f}
	.m_gnb_ul li .depth0{ font-weight: 400;}
	
	.m_gnb_ul li .m_gnb_sub_nav {margin-top: 20px}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 {font-size: 15px;margin-top:10px}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul{ overflow: hidden; border:1px solid #ddd; border-radius: 20px; background: #fafafa}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul li {padding: 0;font-size: 15px; float: left; width: 50%; border-bottom: 1px solid #ddd; line-height: 1.5em; min-height: 50px; display: table; letter-spacing: -.04em;}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul li span{display:table-cell; vertical-align: middle}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul a:nth-child(2n + 1) li{border-right:1px solid #ddd}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul a:last-child li{border-bottom: none;}
	.m_gnb_ul .list_checkup .m_gnb_sub_nav .depth1 ul a:nth-of-type(5) li{border-bottom: none;}
	.m_gnb_ul .list_therapy .m_gnb_sub_nav .depth1 ul a:nth-of-type(5) li{border-bottom: none;}
	.mgnb {color: #67646e;position: fixed;z-index:99;width:100%;height: 100%;top:0px;background:#fff;display: table;right: -360px;visibility: hidden;}
	.mgnbmask {position: fixed;top:0px;z-index: 8;width:100%;display: none}
	.mgnb ul li a {color: #2f2f2f}
	.mgnb ul li a .b{color: #6a9143; font-weight: 500}
	
	.mgnb .logo {padding: 60px 20px 30px;text-align: center}
	.mgnb .logo img{cursor: pointer; height: 40px;}
	
	#contents{ margin-top: 70px;}
	
	.wrap {width: 90%;margin: 0 auto;position: relative}
	.main_wrap {position: relative;padding: 60px 0;}
	.main_wrap .main_subject {font-size: 28px;fline-height: 1.1em;letter-spacing: .05em;text-align: center;color: #444}
	
	.main_top .outer .segWrap{ width: 90%;}
	.main_top .outer .segment h1{ font-size: 28px;}
	.main_top .outer .segment h3{ font-size: 18px;}
	.main_top .outer .segment .more{font-size: 14px; margin-top: 60px; padding: 8px 20px;}
	.main_top .outer .segment .more img{margin-bottom: 1px; height: 12px;}
	
	.main_ct{ margin-top: 120px;}
	
	.mct_01 .artWrap .left{ width: 100%; display:block; margin-top: 40px;}
	.mct_01 .artWrap .left .article:nth-of-type(4), .mct_01 .artWrap .left .article:nth-of-type(5){ margin-top: 40px;}
	.mct_01 .artWrap .left .article h5{ font-size: 15px;}
	.mct_01 .artWrap .pc_right{display:none;}
	.mct_01 .artWrap .m_right{display:block; width: 100%; text-align: center;}
	.mct_01 .artWrap .right .title{ font-size: 26px;}
	.mct_01 .artWrap .right .title div{display:none;}
	.mct_01 .artWrap .right .text{ margin-top: 20px; font-size: 15px;}
	.mct_01 .img01 img{height: 100px}
	.mct_01 .img02 img{height: 200px}
	
	.mct_02 .carousel_wrap .carousel{ width: 520px; border-radius: 40px}
	.mct_02 .carousel_wrap .carousel .item .img{ height: 510px;}
	.mct_02 .carousel_wrap .carousel .owl-controls{padding-left: 30px;}
	.mct_02 .carousel_wrap .segWrap .segment .title{ font-size: 26px;}
	.mct_02 .carousel_wrap .segWrap .segment .text{ font-size: 15px;}
	.mct_02 .carousel_wrap .segWrap .segment .more{font-size: 14px; padding: 8px 20px; margin-top: 40px}
	.mct_02 .carousel_wrap .segWrap .segment .more img{margin-bottom: 1px; height: 12px; margin-left: 50px}
	
	.mct_03 .artWrap{margin-top: 40px;}
	.mct_03 h3{ font-size: 26px;}
	.mct_03 .artWrap .article .title{ font-size: 16px;}
	.mct_03 .artWrap .article .text{min-height: 59px; font-size: 13px; margin-top: 10px; padding-top: 15px;}
	.mct_03 .artWrap a:nth-of-type(1) ~ a{ margin-top: 30px;}
	.mct_03 .artWrap .article .bottom{ margin-top: 30px;}
	.mct_03 .artWrap .article .bottom .date{font-size: 12px;}
	.mct_03 .artWrap .article .bottom .more{font-size: 12px;}
	
	.mct_04{ margin-bottom: 120px;}
	.mct_04 .ct_box{ padding: 30px;}
	.mct_04 .ct_box .imgWrap{width: 30%;}
	.mct_04 .ct_box .segment{width: 70%;}
	.mct_04 .ct_box .segment h3{ font-size: 26px;}
	.mct_04 .ct_box .segment .text:nth-of-type(1){font-size: 20px;}
	.mct_04 .ct_box .segment .text{ font-size: 14px; margin-top: 30px;}
	.mct_04 .ct_box .segment .sub_text{font-size: 12px;}
	.mct_04 .ct_box .segment .more{font-size: 14px; padding: 8px 20px; margin-top: 30px;}
	.mct_04 .ct_box .segment .more img{margin-bottom: 1px; height: 12px; margin-left: 50px;}
	
	footer .footer_info .pc_compnay{display:none;}
	footer .footer_info .m_compnay{display:block;}
	footer .footer_info .article{ float: none; width: 340px;}
	footer .footer_info .article .title{ margin-bottom: 10px; font-size: 14px;}
	footer .footer_info .article .listWrap .list{ font-size: 13px;}
	footer .footer_info .article .small .list_small{ font-size: 13px;}
	footer .footer_info .infoWrap{ float: none; margin-top: 30px;}
	footer .footer_info .infoWrap ul li{ font-size: 13px;}
	footer .footer_info .copy{ font-size: 13px;}
}
@media screen and (max-width: 620px){
	header .header .m_logo{ top:22px;}
	header .header .m_logo img{ height: 20.5px;}
	
	.mgnb .logo img{ height: 20.5px;}
	
	.m_gnb_ul li{ font-size: 20px;}
	.m_gnb_ul li:first-of-type{padding-top: 0;}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul li{ font-size: 14px;}
	
	.main_top .outer .segment h1{ font-size: 22px;}
	.main_top .outer .segment h3{ font-size: 15px;}
	.main_top .outer .segment .more{font-size: 13px; margin-top: 40px;padding: 8px 18px;}
	.main_top .outer .segment .more img{margin-bottom: 1px; height: 11px;}
	
	.main_ct{ margin-top: 100px;}
	
	.mct_01 .artWrap .left{ width: 70%; margin: 0 auto; margin-top: 30px;}
	.mct_01 .artWrap .left .article{ width: 48% !important; margin: 0 auto !important;;}
	.mct_01 .artWrap .left .article:nth-of-type(2) ~ .article{margin-top: 30px !important;}
	.mct_01 .artWrap .left .article .imgWrap{ width: 60%; margin: 0 auto;}
	.mct_01 .artWrap .left .article h5{ font-size: 15px;  font-weight: 600; margin-top: 15px;}
	.mct_01 .artWrap .right .title{ font-size: 22px;}
	.mct_01 .artWrap .right .text{ margin-top: 20px; font-size: 14px;}
	
	.mct_02 .carousel_wrap .carousel{ width: 420px; border-radius: 30px}
	.mct_02 .carousel_wrap .carousel .item .img{ height: 400px;}
	.mct_02 .carousel_wrap .carousel .owl-controls{padding-left: 20px;}
	.mct_02 .carousel_wrap .segWrap {width: 100%; margin-top: 30px}
	.mct_02 .carousel_wrap .segWrap .segment .title{ font-size: 22px;}
	.mct_02 .carousel_wrap .segWrap .segment .text{ font-size: 14px; margin-top: 15px;}
	.mct_02 .carousel_wrap .segWrap .segment .more{font-size: 13px; padding: 8px 18px; margin-top: 30px}
	.mct_02 .carousel_wrap .segWrap .segment .more img{height: 11px; margin-left: 40px}
	
	.mct_03 .artWrap{margin-top: 30px;}
	.mct_03 h3{ font-size: 22px;}
	.mct_03 .artWrap .article{ width: 90%;}
	.mct_03 .artWrap .article .title{ font-size: 15px;}
	.mct_03 .artWrap .article .text{min-height: 55px; font-size: 12px;}
	.mct_03 .artWrap a:nth-of-type(1) ~ a{ margin-top: 20px;}
	.mct_03 .artWrap .article .bottom{ margin-top: 20px;}
	.mct_03 .artWrap .article .bottom .date{font-size: 11px;}
	.mct_03 .artWrap .article .bottom .more{font-size: 11px;}
	
	.mct_04{ margin-bottom: 100px;}
	.mct_04 .ct_box{ padding: 30px; position: relative; border-radius: 50px;}
	.mct_04 .ct_box .imgWrap{width: 30%; position: absolute; right: 30px; bottom: 30px; z-index: 1}
	.mct_04 .ct_box .segment{width: 100%; position: relative; z-index: 2; padding-left: 0;}
	.mct_04 .ct_box .segment h3{ font-size: 22px;}
	.mct_04 .ct_box .segment .text{ font-size: 14px; margin-top: 30px;}
	.mct_04 .ct_box .segment .sub_text{font-size: 12px; margin-top: 15px;}
	.mct_04 .ct_box .segment .more{font-size: 13px; padding: 8px 18px; margin-top: 30px;}
	.mct_04 .ct_box .segment .more img{height: 11px; margin-left: 40px;}
	
	footer .footer_info{ padding: 40px 0;}
	footer .footer_info .compnay{ font-size: 15px; margin-bottom: 20px;}
	footer .footer_info .article .title{ margin-bottom: 5px; font-size: 13px;}
	footer .footer_info .article .listWrap .list{ font-size: 12px;}
	footer .footer_info .article .small{ margin-top: 5px}
	footer .footer_info .article .small .list_small{ font-size: 12px;}
	footer .footer_info .infoWrap{margin-top: 20px;}
	footer .footer_info .infoWrap ul li{ font-size: 12px;}
	footer .footer_info .copy{ font-size: 12px; margin-top: 30px;}
	footer .footer_info .snsBox .sns a img{ height: 28px;}
}
@media screen and (max-width: 520px){
	.m_gnb_ul{margin-top: 0;}
	.m_gnb_ul li{ font-size: 18px;}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul li{ font-size: 13px;}
	
	.main_top .outer .segment h1{ font-size: 19px;}
	.main_top .outer .segment h3{ font-size: 14px;}
	.main_top .outer .segment .more{font-size: 12px; margin-top: 20px;}
	.main_top .outer .segment .more img{margin-left: 10px;}
	
	.main_ct{ margin-top: 90px;}
	
	.mct_01 .artWrap .left{ width: 80%;margin-top: 20px;}
	.mct_01 .artWrap .left .article:nth-of-type(2) ~ .article{margin-top: 20px !important;}
	.mct_01 .artWrap .left .article .imgWrap{ width: 70%;}
	.mct_01 .artWrap .left .article h5{ font-size: 14px; margin-top: 10px;}
	.mct_01 .artWrap .right .title{ font-size: 18px;}
	.mct_01 .artWrap .right .text{ margin-top: 15px; font-size: 13px;}
	.mct_01 .img01 img{height: 80px}
	.mct_01 .img02 img{height: 150px}
	
	.mct_02 .carousel_wrap .carousel{ width: 320px; border-radius: 20px}
	.mct_02 .carousel_wrap .carousel .item .img{ height: 300px;}
	.mct_02 .carousel_wrap .carousel .owl-controls{padding-left: 15px;}
	.mct_02 .carousel_wrap .segWrap {width: 100%; margin-top: 20px}
	.mct_02 .carousel_wrap .segWrap .segment .title{ font-size: 18px;}
	.mct_02 .carousel_wrap .segWrap .segment .text{ font-size: 13px; margin-top: 10px;}
	.mct_02 .carousel_wrap .segWrap .segment .more{font-size: 12px; margin-top: 20px}
	.mct_02 .carousel_wrap .segWrap .segment .more img{margin-left: 30px}
	
	.mct_03 .artWrap{margin-top: 20px;}
	.mct_03 h3{ font-size: 18px;}
	.mct_03 .artWrap .article{ width: 100%; border-radius: 20px; padding: 25px;}
	.mct_03 .artWrap .article .title{ font-size: 14px;}
	.mct_03 .artWrap .article .text{min-height: 46px; font-size: 11px; margin-top: 5px; padding-top: 10px;}
	.mct_03 .artWrap a:nth-of-type(1) ~ a{ margin-top: 20px;}
	.mct_03 .artWrap .article .bottom{ margin-top: 20px;}
	.mct_03 .artWrap .article .bottom .date{font-size: 10px;}
	.mct_03 .artWrap .article .bottom .more{font-size: 10px;}
	
	.mct_04{ margin-bottom: 90px;}
	.mct_04 .ct_box{border-radius: 40px;}
	.mct_04 .ct_box .imgWrap{width: 25%; bottom: 15px; right:15px;}
	.mct_04 .ct_box .segment h3{ font-size: 18px;}
	.mct_04 .ct_box .segment .text:nth-of-type(1){font-size: 16px; margin-top: 30px}
	.mct_04 .ct_box .segment .text{ font-size: 13px; margin-top: 20px;}
	.mct_04 .ct_box .segment .sub_text{font-size: 11px; margin-top: 10px !important;}
	.mct_04 .ct_box .segment .more{font-size: 12px;margin-top: 20px;}
	.mct_04 .ct_box .segment .more img{margin-left:30px;}
	
	footer .footer_info{ padding: 30px 0;}
	footer .footer_info .compnay{ font-size: 14px; margin-bottom: 15px;}
	footer .footer_info .article .title{ margin-bottom: 3px; font-size: 12px;}
	footer .footer_info .article .listWrap .list{ font-size: 11px;}
	footer .footer_info .article .small{ margin-top: 3px}
	footer .footer_info .article .small .list_small{ font-size: 11px;}
	footer .footer_info .infoWrap{margin-top: 20px;}
	footer .footer_info .infoWrap ul li{ font-size: 11px;}
	footer .footer_info .copy{ font-size: 11px;}
	footer .footer_info .snsBox .sns a img{ height: 26px;}
}
@media screen and (max-width: 420px){
	.m_gnb_ul li{ font-size: 16px;}
	.m_gnb_ul li .m_gnb_sub_nav .depth1 ul li{ font-size: 12px;}
	
	.main_top .outer .segment h1{ font-size: 17px;}
	.main_top .outer .segment h3{ font-size: 13px;}
	.main_top .outer .segment .more{font-size: 10px; margin-top: 10px; padding: 4px 10px;}
	.main_top .outer .segment .more img{height: 9px; margin-left:5px}
	
	.main_ct{ margin-top: 80px;}
	
	.mct_01 .artWrap .left{ width: 90%;}
	.mct_01 .artWrap .left .article .imgWrap{ width: 60%;}
	.mct_01 .artWrap .left .article h5{ font-size: 13px;}
	.mct_01 .artWrap .right .title{ font-size: 15px;}
	.mct_01 .artWrap .right .text{font-size: 12px;}
	
	.mct_02 .carousel_wrap .carousel{ width: 280px;}
	.mct_02 .carousel_wrap .carousel .item .img{ height: 270px;}
	.mct_02 .carousel_wrap .segWrap {width: 100%; margin-top: 20px}
	.mct_02 .carousel_wrap .segWrap .segment .title{ font-size: 15px;}
	.mct_02 .carousel_wrap .segWrap .segment .text{ font-size: 12px;}
	.mct_02 .carousel_wrap .segWrap .segment .more{font-size: 10px; margin-top: 10px; padding: 4px 10px;}
	.mct_02 .carousel_wrap .segWrap .segment .more img{margin-left: 20px; height: 9px; }
	
	.mct_03 h3{ font-size: 15px;}
	
	.mct_04{ margin-bottom: 80px;}
	.mct_04 .ct_box{border-radius: 30px;}
	.mct_04 .ct_box .segment h3{ font-size: 15px;}
	.mct_04 .ct_box .segment .text:nth-of-type(1){font-size: 14px;}
	.mct_04 .ct_box .segment .text{ font-size: 12px; margin-top: 10px;}
	.mct_04 .ct_box .segment .sub_text{font-size: 11px;}
	.mct_04 .ct_box .segment .more{font-size: 10px;margin-top: 10px; padding: 4px 10px;}
	.mct_04 .ct_box .segment .more img{margin-left: 20px; height: 9px; }
	
	footer .footer_info .article{ width: 270px;}
}