@charset "utf-8";

@media (max-width:1280px){
	.header only screen and { 
		height: 90px; position: fixed; 
		width:100%;
		background: #fff;
		border-bottom:2px solid #eeeeee;
	}
	.header > div { height:100%; }

	.logo { width:180px; height:90px; position: absolute; left:16px; top: 4px;}

	.nav { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); height:90px; }
	.nav > ul { height:100%; }
	.nav > ul > li { cursor: pointer; flex:0 0 auto; height:100%; }
	.nav > ul > li > a { display: flex; font-size:16px;  padding:0 20px 0; height:100%; align-items:center;}

	.submenu li a { padding-top:8px; padding-bottom:3px; font-size:14px;}

	.util { position:absolute; right:54px; top:50%; transform: translateY(-50%);  }
	.util a { height: 36px; margin-left:4px; padding-left:10px; padding-right:10px; }
	.util a.btnTopLogin i { width:16px; height:19px; background-size:100% auto;}
	.util a.btnTopTel i { width:16px; height:16px; background-size:100% auto;}
	.util a.btnPharmacy i { width:18px; height:18px; background-size:100% auto;}
	.util a.btnPharmacy span { font-size:16px; }

	.mobileGnb { display: block; height:90px; top:50%; transform: translateY(-50%);}

	.baseWidth { width:100%; }


	.section1 { padding-bottom:100px; padding:0 20px; }
	.specialBox { display: block; text-align: center; padding:90px 0 60px; max-width:1300px; margin:0 auto; }
	.specialBox h2 { margin-bottom:20px; padding-top:15px;}
	.specialBox h2 i { display: block; }
	.specialBox h2 div { position: relative; top:-25px; left:-10px;  }
	.specialBox h2 div > span { font-size:24px; padding-bottom:10px; display:flex; align-items:flex-end; margin-left:4px;}
	.specialBox h2 div > span em { font-size:30px; margin-left:5px; }
	.specialBox h2 > span { 
		font-size:24px; 
		padding-left:10px;
	}

	.logotype-2 { width: 180px; height:90px; }


	.spwTop { display: flex; justify-content: space-between; width:100%; flex-wrap:wrap;}
	.spLeft { display: flex; justify-content: space-between; flex: 0 0 100%; flex-wrap:wrap; width:100%; margin-bottom:20px;}
	.spBox article { display: block; width: calc(100%); height:auto; box-shadow: 0 0 0; }
	.spBox article div:nth-child(1) { display: flex; justify-content: center; align-items: center; flex-direction: column; background:#0b318f; height:auto;  padding:30px 0;}
	.spBox article div:nth-child(1) h3 { font-size:28px; padding-left:30px; padding-right:30px;}
	.spBox article div:nth-child(1) p { padding-top:20px; text-align: center; padding-left:30px; padding-right:30px;}
	.spBox article div:nth-child(1) p span { display: block;font-size:14px; }

	.spLeft .spBox { flex:0 0 100%; flex-wrap:wrap; }
	.spLeft .spBox article { margin-top:20px; }

	
	.spBox article div:nth-child(2) { height:60px; background:#fff; display: flex; justify-content: center; align-items: center; }

	.spLeft .spBox { flex:0 0 100%; display: flex; justify-content: space-between;}
	.spLeft .spBox.spLeftUnderBox { width:100%; flex:0 0 100%; margin-top:20px;}
	.spLeft .spBox.spLeftUnderBox article { width:100%; margin-top:0;}


	.spRight { flex:0 0 100%; height:auto; }
	.spRight .spBox.mbcBox { width:100%; height:auto; }
	.spRight .spBox.mbcBox article { width:100%; height:100%; }
	.spRight .spBox.mbcBox article div:nth-child(1) { height:auto;}
	.spRight .spBox.mbcBox article div:nth-child(1) p strong.str { font-size:14px;}
	.spRight .spBox.mbcBox article div:nth-child(1) p { text-align: left; width:calc(100% - 60px);  margin:0 30px; padding:15px 35px; border-radius:15px; background:#082264; margin-top:20px; position: relative; line-height:1.5;}

	.spRight .spBox.mbcBox article div:nth-child(1) p::before { content:"";display:block; width:8px; height:50px; background:#ff9053; position: absolute; left:0; top:15px;}
	.spRight .spBox.mbcBox article div:nth-child(1) p.reverse { text-align: right; }
	.spRight .spBox.mbcBox article div:nth-child(1) p.reverse::before { content:"";display:block; width:8px; height:50px; background:#53f1ff; position: absolute; left:auto; right:0; top:15px;}
	.spRight .spBox.mbcBox article div:nth-child(1) p { text-align: left; }

	.spwBottom { margin-top:20px; width:100%; position: relative;  }
	.spwBottom .spBox.spBoxAnother { width:100% !important; flex-wrap:wrap;}
	.spwBottom .spBox.spBoxAnother article { display: block; flex:0 0 100% !important; width:100% !important; margin-bottom:20px;}
	.spwBottom .spBox.spBoxAnother article div:nth-child(1) { width:100%; height:auto !important; padding-left:20px; padding-right:20px; }
	.spwBottom .spBox.spBoxAnother article:nth-child(1) { margin-right:20px; }
	.spwBottom .spBox.spBoxAnother article:nth-child(2) { margin-right:20px; border-radius: 0 0 15px 15px; overflow:hidden;}

	.spwBottom .spBox.spBoxAnother article:nth-child(1) p span { display:inline; }

	.spBox article div:nth-child(1) h3.sub_title_3 { font-size:25px; }
	.spBox article div:nth-child(1) h3.sub_title_4 { font-size:25px; }
	.spBox article div:nth-child(1) h3.sub_title_6 { font-size:25px; }
	.spBox article div:nth-child(1) h3.sub_title_7 { font-size:25px; }

	.s2_box { padding:90px 30px; text-align:center;}
	.s2_box .textLeft { text-align:center; }

	.baseColorGradient { 
		font-size:12px; padding-bottom:18px;  
	}
	.s2_box em { text-align:center; }
	.s2_title.s2_why { 
		padding:5px 0 30px 0;
		justify-content: center;

	}
	.s2_title.s2_why i.i_why {
		width:60px; height:66px;
		background-size:100% auto;
	}
	.s2_title.s2_why i.i_logotype2 {
		width: 220px; height:80px; 
		background-size:100% auto;
	}
	.s2_title.s2_why span {
		font-size:34px; 
		margin-left:-10px;
		margin-top:-10px;
		text-align:center;
	}
	.base_p1 { font-size:15px; line-height: 1.7; text-align:center;}
	.line_v1 { height:50px; margin:30px auto 35px; }

	.s2_title_h3 span { font-size:26px; } 
	.base_p2 { text-align: center; font-size:20px; padding-top:20px;}

	.s2_thumnail { display: flex; justify-content: center; flex-wrap:wrap; padding:0 30px;}
	.s2_thumnail article { width: calc(50% - 20px); flex:0 0 calc(50% - 20px); margin:0 10px; }
	.s2_thumnail article div:nth-child(1) { border-radius:15px; }
	.s2_thumnail article div:nth-child(1) img { width:100%; }

	.s2_thumnail article div:nth-child(2) { padding-bottom:30px;}
	.s2_thumnail article div:nth-child(2) h3 { padding:25px 0 15px; font-size:20px; }
	.s2_thumnail article div:nth-child(2) p { padding:0 0 20px 0; font-size:14px; line-height:1.6;}

	.section3 { padding:90px 30px 70px; }
	.s3_box { flex-wrap:wrap; }
	.s3_titleArea { display: block; padding-bottom:30px; flex:0 0 100%;}
	.s3_titleArea .s3_title span { display: block; text-align:center;}
	.s3_titleArea .s3_title span:nth-child(1) { font-size:34px; font-weight:700; padding-left:0; text-align:center;}
	.s3_titleArea .s3_title span:nth-child(2) { display: flex; align-items: center;}
	.s3_titleArea .s3_title span:nth-child(2) i { 
		width: 200px; height:75px; 
		background-size:100% auto;
		margin:0 auto;
	}
	.s3_titleArea .s3_title span:nth-child(2) em { 
		font-size:32px; margin-left:-5px; font-weight:600;
	}
	.s3_titleArea p { padding-left:30px; padding-top:20px;}
	.s3_titleArea p span { font-size:18px; }


	.caseList { padding-left:0; margin-top:20px;}
	.maThum2 { width:100%; height:560px; display: block; position: relative; }

	.mat { padding: 0 35px 60px 35px; }
	.good { font-size:11px; left:35px; top:35px;}

	.ma_div .ma_title3 {
		font-size:26px; 
		margin-bottom:15px;
	}
	.ma_div ul { margin-bottom:30px;}
	.ma_div ul li { 
		font-size:16px; 
		padding:14px 0; 
	}
	.con_foot { position: absolute; left: 35px; bottom: 50px; font-size:14px; }


	.section4 { padding:80px 30px; position: relative; }
	.section4::before { content:"";display:block; width:100%; left:0; top:280px; background:#e4e4e4; height:1px; position: absolute; }
	.s4_wrap { display: flex; justify-content: space-between; flex-wrap:wrap;}
	.s4_textArea { flex:0 0 100%; text-align:center;}
	.s4_textArea h2 { padding:25px 0 30px; text-align:center;}
	.s4_textArea h2 i.t-shit-4{ 
		width:180px; height: 110px;
		background-size:100% auto;
		margin:0 auto;
	}
	.s4_con { padding:35px 0;}
	.s4_con p:nth-child(1) span { font-size:22px; }
	.s4_con p:nth-child(1) span strong { font-size:28px; }
	.s4_con p:nth-child(2) { font-size:16px; margin-top:30px;}

	.s4_imgArea { margin:120px auto 0; width:300px;}
	.s4_imgArea div { width:300px; height:240px; border-radius:150px 0 150px 150px; margin:0 auto;}
	.s4_imgArea .s4_img_yogi { 
		width:300px; height:280px;
		position: absolute;
		left:50%; top:-80px;	
		background-size:100% auto;
		transform:translateX(-60%);
	}



	.section5 { max-width:1560px; margin:0 auto; border:1px solid #e5e5e5; background:#f0f3f9; padding:90px 30px;}
	.s5_layout { display: flex; justify-content: space-between; flex-wrap:wrap;}
	.s5_tabcon { flex:0 0 100%; order:2;}
	.s5_tabcon article { margin:2px 0; }
	.s5_tabcon article .tabName { 
		height:70px; 
		padding:0 30px; 
	}
	.s5_tabcon article .tabName h2 { font-size:18px; }
	.s5_tabcon article .tabName i.i-plus { 
		display:block;
		width:22px; height:22px;
		background:url(../images/i-plus.png) no-repeat right center / cover;
		display: block;
	}

	.s5_tabcon article .tabCon > div h4 { font-size:45px; }
	.s5_tabcon article .tabCon > div p { font-size:22px; }


	.s5_tabcon article.on .tabCon{
		height:245px;
	}

	.s5_tabcon article.on .tabCon > div { 
		padding-left:30px; 
	}
	.s5_tabcon article.tabc501.on .tabCon {
		height:245px;
		background-position:right center;
		background-size:cover;
	}
	.s5_tabcon article.tabc502.on .tabCon {
		height:245px;
		background-position:right center;
		background-size:cover;
	}
	.s5_tabcon article.tabc503.on .tabCon {
		height:245px;
		background-position:right center;
		background-size:cover;
	}

	.s5_tabcon article.on .tabCon > div h4 { font-size:32px; }
	.s5_tabcon article.on .tabCon > div p { font-size:16px; }


	.s5_textArea { order:1; flex:0 0 100%;}
	.s5_textArea h2 { padding:0 0 20px; text-align:center;}
	.s5_textArea h2 i.t-shit-5{ 
		width:170px; height: 120px;
		background-size:100% auto;
		margin:0 auto;
	}
	.s5_textArea .s5_con h3 { font-size:22px; text-align:center; }
	.s5_textArea .s5_con p { margin:10px 0 30px; font-size:18px; padding-left:0; text-align:center;}
	.s5_textArea i.i-s5-img {
		width:150px; height: 165px;
		background-size:100% auto;
		display:none;
	}


	.section6 { padding:90px 0 30px;}
	.s6_top { display: flex; justify-content: center; align-items: flex-start; flex-wrap:wrap; padding-left:30px; padding-right:30px;}
	.s6_top .s6_textArea {
		flex:0 0 100%; height:auto;
		text-align:center;
	}
	.s6_top .s6_textArea h2 i.t-shit-6 { 
		width:160px; height: 110px;
		background-size:100% auto;
		margin:0 auto;
	}
	.s6_top .s6_textArea p { margin-bottom:50px; }
	.s6_top .s6_textArea p span,
	.s6_top .s6_textArea p span em { font-size:20px; }
	.s6_top .s6_textArea p span:nth-child(2) {  justify-content:center;}
	.logotype-6 { 
		width:90px; height:24px;
		background-size:100% auto;
	}

	.s6_top .s6_yogi {
		position: relative;
		flex:0 0 100%; height:240px;
		border-radius:10px; 
		overflow: hidden;
		padding:40px 40px;
	}
	.s6_top .s6_yogi em { font-size:14px; }	
	.s6_top .s6_yogi h2 { font-size:35px; }
	.s6_top .s6_yogi a {
		left:40px; bottom:40px; 
		width: 120px;
		height: 40px;
		font-size:18px;
	}
	.s6_top .s6_yogi i {
		position: absolute;
		right: 25px;
		bottom:30px;
	}

	.s6_top .s6_yangsu {
		background:#0b318f;	
	}
	.s6_top .s6_yangdo {
		background:#69b900;
		margin-left:0;
		margin-top:20px;
	}

	.i-yangsu {
		width:100px;
		height:113px;
		background-size:100% auto;
	}
	.i-yangdo {
		width:124px;
		height:112px;
		background-size:100% auto;
	}

	.s6_content { padding:100px 0 80px;}
	
	.section6 .s6_middle_title .textLeft { text-align:center; }
	.s6_title { display: flex; justify-content: center; align-items: center; margin-bottom:40px; flex:0 0 100%; width:100%; flex-wrap:wrap;}
	.s6_title i {
		width:150px;
		height:65px;
		background-size:100% auto;
	}
	.s6_title span { font-size:26px; margin-top:-5px; margin-left:0; flex:0 0 auto;}
	.s6_title span em { display:none; }
	.s6_title span strong { font-size:32px; }

	.s6_process {
		padding:0 0; 
		flex-wrap:wrap;
	}
	.s6_process article { flex:0 0 150px; height:300px; margin:0 5px 10px;}
	.s6_process article div img { width:150px;}
	.s6_process article div p { 
		height:130px; 
		font-size:15px; 
		padding:0 20px;
	}
	.s6_process span { display: flex; align-items: center; position: relative; }
	.s6_process span::after { 
		top:222px;
	}

	.section7 {
		padding:100px 0 70px;
	}
	.s7_textArea .textLeft { text-align:center; }
	.s7_textArea .s7_title span { display: flex; justify-content: center; align-items: center; font-size:28px; }
	.s7_textArea .s7_title span i {
		display:inline-block;
		width:150px;
		height:64px;
		background-size:100% auto;
	 }
	.s7_textArea .s7_title span em { 
		font-size:30px; 
		margin:-10px 0 0 -10px;
	 }
	 .s7_textArea .s7_title span strong { 
		font-size:34px; color:#558935; font-weight:800;
		margin-left:10px;
	 }

	 .s7_list { padding:80px 30px 0;}
	 .s7_list ul { display: flex; align-items: center; flex-wrap:wrap; }
	 .s7_list ul li { position: relative; padding-left:40px; font-size:17px; margin-bottom:30px; flex:0 0 100%; line-height:1.3;}
	 .s7_list ul li::before { content:"";
		 width:27px; height:27px; 
		 background-size:100%;
	}

	.section8 { padding:80px 30px; }
	.s8_textArea { margin-bottom:50px;}
	.s8_textArea .textLeft { text-align:center }
	.s8_flex { display: flex; justify-content: center; align-items: center; }
	.s8_textArea .s8_title	.s8_flex i.t-shit img { width:55px; }
	.s8_textArea .s8_title i.logotype-8 {
		width:150px;
		height:64px;
		background-size:100% auto;
		margin-left:15px;
	}
	.s8_textArea .s8_title span { font-size:22px; margin:-10px 0 0 -10px;}
	.s8_textArea .s8_title .s8_text { margin-top:20px; text-align:center; justify-content:center; line-height:1.3;}


	.spaceThum a { display: block; }
	.spaceThum a div { border-radius:5px; overflow: hidden;}
	.spaceThum a img{ width:100%; transition: all 0.3s ease-out; }
	.spaceThum a h3 { display: flex; align-items: center; justify-content: space-between; padding:15px 0 0; }
	.spaceThum a h3 strong { font-size:20px; font-weight:700; color:#000; padding:20px 0 0; letter-spacing:-1px;}
	.spaceThum a h3 em { 
		 font-size:12px; 
	}
	.spaceThum a p { font-size:14px; font-weight:400; color:#000; padding:20px 0 40px; line-height:1.7; }
	.spaceThum a span { 
		font-size:12px; 
		width:150px;
	}


	.footerTop { padding:20px 30px; display: block; }
	.footerTop i.i-pharmacy-2 {
		display:block;
		margin:0 auto;
	}
	.footerTop span { font-size:14px; letter-spacing: -0.1px; margin-left:0; text-align:center; display:block; margin-top:20px; line-height:1.5;}

	.footerBottom { 
		padding:20px 30px 20px; 
		display: flex; 
		justify-content: center; align-items: center; 
		flex-wrap:wrap;
		width:100%;
	}
	.fbList {display: block; text-align:center; }
	.fbList ul { display: none; }
	.fbList ul li { padding-right:0; margin-right:0; position: relative; display:block;}
	.fbList ul li::after { display:none;}
	.fbList ul li a { font-size:14px; color:#7e7e7e; display:inline-block; padding:10px 0; }
	.fbList ul li:nth-child(5)::after { display: none;}

	.fbList > div p { font-size:14px; color:#7e7e7e; text-align:center;}

	.footerBottomMain { padding-bottom:290px; }

	.footerMiddle { padding:40px 30px 30px;}
	.fmList { display: flex; flex-wrap:wrap;}
	.fmList h1 { flex:0 0 100%;}
	.fmList h1 i {
		display: block;
		width:181px; height:46px;
		margin:0 auto 50px;
	}
	.fmList article {
		flex:0 0 100%;
		text-align:center;
		margin-top:40px;
	}
	.fmList article:nth-of-type(1) { margin-top:0; }

	.fmList article dl dt {
		font-size:15px; 
		margin:0 0 12px; 
		text-align:center;
	}
	.fmList article dl dd strong { font-size:22px; margin-left:5px;}
	.fmList ul {
		align-self: flex-start;
		text-align: center;
		flex:0 0 100%;
		justify-content: center;
		margin-top:40px;
	}
	.fmList ul li { margin-bottom:15px;}
	.fmList ul li a { font-size:14px; color:#fff; }

	/*
	.consultFixed { width:100%; }
	.consult { display: flex; padding:20px 30px; justify-content: center; flex-wrap:wrap; width:100%; }
	.consult h2 { font-size:20px; flex:0 0 100%; padding:0 0 10px; text-align:center;}
	.consult div { flex:0 0 100%; }
	.consForm { display: flex; align-items: center; flex-wrap:wrap; justify-content:center;}
	.consForm li { margin-right:0; flex:0 0 100%; margin-top:5px; text-align:center;}
	.consForm li input[type="text"]{ 
		width:100%; height:36px; 
		font-size:14px; 
		padding-left:10px;
	}
	.consForm li input[type="text"].cf_name { width:100%; }
	.consForm li select { 
		width:100%; height:36px;
		font-size:14px; 
		padding-left:10px;
	}
	.consForm li a.submit {  
		width:100%; height:36px; 
		font-size:14px; 
	}
	.consult article { display: flex; justify-content:center; }
	.consult article .comFormChkMain { flex:0 0 auto; }
	.consult div span { 
		font-size:12px; padding:10px 7px 10px; 
	}
	.consult article label { font-size:12px; }
	.consult article a.btn_white { font-size:12px; }
	*/

	/* sub */

	.sv { padding:150px 0 30px; }
	.sv h2 { font-size:36px; }

	.tit_svp { padding:20px 30px 0; flex-direction:column;}
	.tit_svp i.i_faq { margin:0 auto 10px; }
	.tit_svp span { font-size:14px; text-align:center; display:block; line-height:1.6;}

	.topSubMenu { padding:0 30px;}
	.topSubMenu li { flex:0 0 49%; }
	.topSubMenu li a { 
		height:54px; 
	}
	.topSubMenu li a strong {
		font-size:18px; 
	}
	.topSubMenu li a i { 
		left:12px; 
		width:24px; height:24px;
	}
	.topSubMenu li a i::after { 
		width:14px; height:14px;
	}

	.subContent { padding:10px 0 30px; margin-top:30px;}
	.subContent2 { padding:10px 0 100px; margin-top:30px; }
	.subContent3 { padding:10px 0 30px; margin-top:30px;}

	.subConArea { padding:30px 30px 120px;}
	.subConArea h3 { display: flex; align-items: center; margin-bottom:50px;}
	.subConArea h3 strong { font-size:30px; }
	.subConArea h3 em { margin-left:6px; font-size:30px; letter-spacing: -1px;}

	.consultFormList { flex-wrap:wrap;}
	.consultFormList article { flex:0 0 100%;}

	.consultFormList article div:nth-child(1) span.circleBlack {
		width:30px; height:30px; 
		font-size:16px;
	}

	.consultFormList article div.question strong {
		font-size:18px;
		margin-left:6px;
		line-height:1.3;		
	}
	.consultFormList article div.answer { padding:10px 0 0 40px; }
	.consultFormList article div.answer .wd-250px { width:100%; }
	.consultFormList article div.answer .selectBox { margin-bottom:5px; }
	.consultFormList article div.answer .selectBox.mr-5px { margin-right:0; }

	.consultFormList article div.answer .fxBoxNew { display:flex !important; align-items:center !important; }
	.consultFormList article div.answer .fxBoxNew .wd-250px { width:auto; flex:1; }



	/* login */
	.loginWrap {
		background:#fff;
		width:100% !important;
		height:auto;
	}
	.loginSection {
		width:100% !important;
	}
	.loginBox {
		border-radius:0; 
		padding:50px 30px 50px;
		width:100% !important;  
		box-shadow: none;
	}
	.loginBox article { width:100% !important; }
	.lgDiv { margin-top:20px}
	.autoSave { padding:10px 0 10px; }

	.checkingLogin strong {
		padding-left:10px;
	}
	.subBtn.custom-btn2 { font-size:18px; font-weight:800}

	.btnLoginB { border-radius:0;}
	.btnLoginBox { margin-top:20px;}
	.btnLoginBox a { 
		height:60px; 
		font-size:18px; 
	}

	.inpi { 
		height:50px; 
		padding:0 15px; 
		font-size:16px; 
		width:100%;
	}

	.titleLabel { font-size:14px; }
	.titleLabel em { margin-left:3px;}
	.titleLabel strong { margin-left:6px; margin-bottom:2px; }

	.i_id {
		width:16px; height:20px;
	}
	.i_pw {
		width:16px; height:23px;
	}

	.logA { 
		height:50px;
	}

	.fsbDiv input[type="text"]:focus + .logA svg path { fill: #000;}
	.fsbDiv input[type="password"]:focus + .logA svg path { fill: #000;}

	.etcLogin { display: flex; justify-content: space-between; align-items: center;}
	.etcLogin li { margin:10px 0 0; flex:0 0 49%; } 
	.etcLogin li a { height:50px; }
	.etcLogin li a span { font-size:14px; margin-left:10px; margin-right:6px;}

	.i_naver { 
		width:24px; height: 20px; 
	}
	.i_kakao { 
		width:22px; height: 21px; 
	}

	.loginAutoSave label { height: 24px; }
	.loginAutoSave label input[type="checkbox"] + i { 
		width:24px; height: 22px; 
		background-size:100% auto;
	}
	.loginAutoSave label input[type="checkbox"]:checked + i { 
		background-size:100% auto;
	}
	.loginAutoSave label span { margin-left:5px; font-weight:700; font-size:16px; color:#393939;}
	.autoSave a:nth-child(2) { font-size:14px; }

	.lgDivEtc { 
		/* border:1px solid #dcdcdc; border-radius:5px; padding:20px 20px 20px;  */
		margin-top:50px
	}
	.lgDivEtc div { font-size:14px; margin-bottom:15px;}

	.lgDivEtc a.btnJoin { 
		height:50px;
	}
	.lgDivEtc a.btnJoin i { 
		width:22px; height:22px;
		background-size:100% auto;
	}
	.lgDivEtc a.btnJoin strong { 
		font-size:16px; 
		margin-left:5px;
	}

	.fxBottomBtn button { font-size:16px; height:50px; }

}

@media only screen and (max-width:1180px){
	#main #mainVisual .txtBox {
		position: absolute;
		width: 100%;
		text-align: left;
		color: #fff;
		bottom:110px;
		left: 0;
		transform: translateX(0);
		padding:0 30px;
	  }
	  
	  #main #mainVisual .txtBox p {
		opacity: 0;
		font-size: 36px;
		transform: translateY(50px);
	  }
	  
	  #main #mainVisual .txtBox p span em { display: block;}

	  #main #mainVisual .courseSlide {
		max-width: 100%;
	  }
	  
  
	  #main #mainVisual .controls > div {
		margin: 0;
	  }
	  
	  .mv-right { margin-left:15px}
	  
	  #main #mainVisual .controls .slidePage{ 
		  display: none !important;
	  }

	  .fxRight { 
		left: 30px !important; 
		bottom:40px !important;  
		transform: translateX(0);
		width:100%;
	}
	.item1 .mta > i { width:46px; margin-top:-7px; }
	.item1 .mta > i img { width:100%; }
	.item1 .mta .mainTextArea div:nth-child(1) span { 
		font-size:24px; 
		margin:-5px 0 0 -5px;
	}
	.item1 .mta .mainTextArea div:nth-child(1) i.logotype-1 { width:180px; }
	.item1 .mta .mainTextArea div:nth-child(1) i.logotype-1 img { width:100%; }
	.item1 .mta .mainTextArea div:nth-child(2) { margin-top:10px; }
	.item1 .mta .mainTextArea div:nth-child(2) span {
		font-size:30px; 
		letter-spacing: -1px;
	}
	.item1 .mta .mainTextArea div:nth-child(3) {
		margin:30px 0 40px;
	}
	.item1 .mta .mainTextArea div:nth-child(3) span {
		font-size:17px; 
		letter-spacing: -1px;
	}
}


@media only screen and (max-width:1024px){
	.sv { padding:120px 0 40px; }
	.header { 
		height: 60px; 
		border-bottom:1px solid #eeeeee;
	}
	.header > div {
		width:100%;
		padding:0 0;
	}
	.logo { width:130px; height:60px; position: absolute; left:16px; top: 4px;}
	.logo a { width:100%; height:100%; }
	.util a.btnPharmacy span { display:none;}

	.nav,
	.promotion { display: none;}


	/* PC 전체메뉴 */
	.allMenuPc { position: fixed; left: 0; top: 56px; z-index:9999; width: 100%; height: 100vh; background: #fff; display: none;}
	.allMenuPc.show { display: block;}
	.amInside { padding:20px 0 0 0  }
	.amInside nav > ul {  width:100%; height:100%; }
	.amInside nav > ul > li { 
		transition: all 0.5s;
	}
	.amInside nav > ul > li > a {
		font-size:18px; font-weight:800; display: block;
		line-height: 24px;
		padding:16px 20px;
		border-bottom:1px solid #e3e3e3;
		position:relative;
	}
	.amInside nav > ul > li > a::before { 
		content:"";display:block;
		width:1px; height:14px; background:#ccc;
		position:absolute; right:27px; top:50%;
		transform:translateY(-50%);
		transition:all 0.2s ease-out;
	}
	.amInside nav > ul > li > a::after { 
		content:"";display:block;
		width:14px; height:1px; background:#ccc;
		position:absolute; right:20px; top:50%;
		transform:translateY(-50%);
	}
	
	.amInside nav > ul > li > a.on::before { opacity:0; }

	.amInside nav > ul > li ul { padding:15px 0 10px; display: none; background:#eee; }
	.amInside nav > ul > li ul li a { 
		font-size:16px; padding:6px 40px 6px; 
		margin-bottom:5px; font-weight: 500; line-height: 1.4; display: inline-block; position: relative;
	}

	.all_close { position:absolute; right:30px; top:30px; display: none;}


}


@media only screen and (max-width:550px){
	.s3_titleArea {  flex-wrap:wrap;}
	.s3_titleArea p { padding-left:10px; padding-top:10px;}

	.baseColorGradient { font-size:10px; letter-spacing:3px; }
}

@media only screen and (max-width:430px){
	.consultFormList article div.answer .fxBoxNew .wd-250px { width:160px; flex:0 0 160px; }
	.etcLogin { flex-wrap:wrap;}
	.etcLogin li { flex:0 0 100%; } 
}


@media only screen and (max-width: 1024px) {
	.baseThumType1 article { flex:0 0 49%;  }
	.boardConLayout { padding:40px 20px 100px; }
	.boardListWrap { max-width:1140px; margin:0 auto; }
	.boardViewWrap  { max-width:1140px; margin:0 auto; }

	.board__top {
		margin-bottom: 1rem;
		flex-wrap:wrap;
	}  
	.board__search {
		flex:0 0 100%;
		gap: 0.4rem 0.8rem;
		order:1;
	}
	.boardText { order:2; margin-top:30px; }
	.totalPost { padding-bottom:5px; }
	.board__search-input[type="text"],.board__search-input[type="password"] {
		width: calc(100% - 150px);
	}

	.board__view-info {
		flex-wrap: nowrap;
		flex-direction:column;
	}

	.board__view-info > p {
		font-size: 1.5rem;
	}

	.board__view-file { 
		padding:3rem 0;
	}
	.board__view-file-title { font-size:1.4rem; }

	.board__view-list-item {
		padding: 2rem 0;
		padding-right: 20px;
	}
	.board__view-list-item > span { font-size:1.4rem; }
	.board__view-list-item > a { font-size:1.4rem; }
	.board__view-list-item::before {
		right:0;
	}

	.baseListType1 .listThum1 { margin-top:20px; }
	.listThum1 a {
		flex-wrap:wrap;
		 padding-bottom:40px;
	}
	.listThum1 a .listThumImg { flex:0 0 100%; }
	.listThum1 a .listThumCon {
		padding: 30px 0 0 0;
	}
	.listThum1 a .listThumCon > span { word-break:break-word; }

	.nodata { font-size:1.4rem !important; }
}


@media only screen and (max-width:1280px){
	.board-list .board-item.question,
	.board-list .board-item.answer { padding: 10px 0 10px 0; }

	.board-list .board-item.question p.num { position:absolute; left:10px; top:50%; transform:translateY(-50%); }
	.board-list .board-item.answer p.num { position:absolute; left:10px; top:50%; transform:translateY(-50%); display:none; }

	.board-item.question a.title { padding-left:40px; }
	.board-item.answer .cont { padding-left:40px; }


	.joinContent { padding:0 0 100px; }
	.joinLayout { padding:0 30px; }
	.joinTitleArea { padding:55px 0 30px; }
	.joinTitleArea h3 { font-size:26px; }
	.joinBoxWrap article > div .fxb .fxInp { flex-wrap:wrap; }
	.joinBoxWrap article > div .fxb .fxInp .wd-505px { width:100% !important; margin:0 !important; }
	.joinBoxWrap article > div .fxb .fxInp .wd-505px:nth-child(1) { margin-bottom:5px !important; }
	.joinBoxWrap article.fxHalf { flex-wrap:wrap; }
	.joinBoxWrap article.fxHalf > div { flex:0 0 100% !important; }
	.joinBoxWrap article.fxHalf > div:nth-child(2) { border-top:1px solid #eceef4; }
	.comFormChk label span { margin-left:10px; font-size:16px; }
	.btnGray { font-size:14px; }
	a.btnGray { font-size:14px; }
	a.btnGray2 {  font-size:14px; }

	.useBox1 { padding:0 30px; }
	.useBox2 { padding:70px 30px 80px; }
	.useCommDiv h3 { padding-bottom:25px;}
	.useCommDiv h3 strong { font-size:30px; }
	.useCommDiv h3 em { font-size:30px;  }
	.useSellList { flex-wrap:wrap;}	
	.useSellList article { flex:0 0 100%; margin-top:15px; }	
	.useSellList article:nth-child(1) { margin-top:0; }	
	.useSellList article h4 { font-size:20px; padding:20px 0; }
	.useSellList article div { padding:30px 40px 30px 20px; }
	.utList > li { font-size:14px;margin-top:15px; }
	.utList > li::before { top:10px }
	.utList > li h5 { font-size:16px; margin-bottom:10px; }
	.utList > li .yuroList { display: flex; justify-content:space-between; }
	.utList > li .yuroList li { font-size:14px !important; flex:0 0 30%; }
	.utList > li .yuroList li:nth-child(even) { flex:0 0 5%; }
	.utList > li p { padding:15px 0; text-align: center; background:#f4f5fa; font-weight:600;}
	.utList > li span { text-align: center; font-weight:400; color:#818181; line-height:1.5; font-size:16px; display: block; padding:15px 30px 0;}
	.useBox3 { padding:70px 30px 80px; }
	.useBuyArticle {  flex-wrap:wrap;}
	.useBuyArticle article { flex:0 0 100%; margin-bottom:25px;}
	.useBuyArticle article h4 { font-size:20px; padding:20px 0; }
	.useBuyArticle article div { padding:30px 40px 30px 20px;  }
	.useBuyArticle article div > ul > li { font-size:16px; margin-top:20px; padding-left:12px }
	.useBuyArticle article div > ul > li h5 { font-size:16px;  }
	.useBuyArticle article div > ul > li ul li { font-size:14px; margin-bottom:10px; padding-left:12px;}
	.useBuyArticle article div > ul > li ul li::before { top:13px }
	.useBuyArticleBottom article ul { padding:0 20px 20px;  }
	.useBuyArticleBottom article:nth-child(1) h4 { font-size:20px; padding:40px 0 20px; }
	.useBuyArticleBottom article:nth-child(1) ul li { padding:20px 15px 20px 25px; font-size:16px; }
	.useBuyArticleBottom article:nth-child(2) h4 { font-size:20px; padding:40px 0 20px; }
	.useBuyArticleBottom article:nth-child(2) ul li { padding:25px 15px; font-size:16px; 	}

	.newBoard__write { padding:0 30px; }


	.listHeader {flex-direction:column; width:100%;}
	.listHeader p { flex:1;}
	.listHeader .fxHorEnd { width:100%;}
	.lectureTotal { padding:40px 0 0 0;justify-content:flex-start;width:100%;	order:2;}
	.lectureTotal span { font-size:14px; margin-left:6px;}

	.btnSearchArea { width:100%; }
	.search_type1 { flex-wrap:wrap; width:100% !important; display:flex; gap: 0; justify-content:flex-end;}
	.search_type1 .select-style { flex:0 0 calc(50% - 2.5px) !important; width:calc(50% - 2.5px) !important; }
	.search_type1 .select-style:nth-child(1) { margin-right:2.5px; }
	.search_type1 .select-style:nth-child(2) { margin-left:2.5px; }
	.search_type1 input.wd-350px { flex:0 0 100% !important; width:100% !important; margin:5px 0;}

	.fxWrapMobile { width:auto !important; justify-content:center;}
	.fxWrapMobile input.wd-250px { flex:0 0 auto !important; margin:5px 0;}


	.boardTable colgroup { display:none; }
	.boardTable thead tr th { display:none; }
	
	.boardTable { display:flex; width:100%; border:none; 	border-top:1px solid #d4d3d5;}
	.boardTable tbody  { display:flex; width:100%; flex-direction:column;}
	.boardTable tbody tr { display:flex; align-items:center; width:100%; border-bottom:1px solid #d4d3d5; flex-wrap:wrap; padding-top:10px; }
	.boardTable tbody tr th { flex: 0 0 100%; border:none; display:flex; padding-left:0; padding-bottom:0; }
	.boardTable tbody tr td { flex: 0 0 auto; border:none; display:inline-flex; position:relative; align-items:center; font-size:14px; padding-top:10px; }
	
	.boardTable tbody tr:hover th,
	.boardTable tbody tr:hover td { background:none; }

	.boardTable tbody tr th.title { margin-bottom:10px; }
	.boardTable tbody tr th.title a { font-size:18px; }
	.boardTable tbody tr td.addr { margin-right:10px; padding:4px 0; }
	.boardTable tbody tr td.addr::before { 
		content:"위치";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#26ba3d; margin-right:5px;
		font-size:12px; font-weight:700; color:#fff;
	}
	.boardTable tbody tr td.type { margin-right:10px; padding:4px 0; }
	.boardTable tbody tr td.type::before { 
		content:"구분";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#666; margin-right:5px;
		font-size:12px; font-weight:700; color:#fff;
	}
	.boardTable tbody tr td.floor { margin-right:10px; padding:4px 0; }
	.boardTable tbody tr td.floor::before { 
		content:"층";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#fff; margin-right:5px;
		font-size:12px; font-weight:700; color:#333; border:1px solid #333;
	}
	.boardTable tbody tr td.pyeong { margin-right:10px; padding:4px 0; }
	.boardTable tbody tr td.pyeong::before { 
		content:"평수";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#fff; margin-right:5px;
		font-size:12px; font-weight:700; color:#333; border:1px solid #333;
	}
	.boardTable tbody tr td.sbtn { flex:0 0 100%; width:100%; padding-top:10px; display:flex; justify-content:flex-end; }

	.buyBtn { display: flex; justify-content: center;}
	.buyBtn a.btnDetailView { width:30px; height:30px;}
	.buyBtn a.btnDetailView i { width:14px; height:14px; }
	.buyBtn a.btnSale {font-size:14px;height:30px; padding-left:10px; padding-right:10px;	}

	.bottomBtnArea { padding-bottom:80px; }
	.position-absolute-left { top:auto; bottom:0;}
	.position-absolute-right { top:auto; bottom:0;}

	.position-absolute-left button.wd-100px { width:auto !important; padding-left:15px; padding-right:15px; }
	.position-absolute-right button.wd-100px { width:auto !important; padding-left:20px; padding-right:20px; }

	.svAnother { padding-bottom:0; margin-bottom:0; }
	.buyArea {
		position: relative; left:auto; bottom:auto; transform: translateX(0);
		width:auto; max-width:1272px;
		display: flex; justify-content: space-between;
		margin-bottom:-30px;
		margin-top:30px;
		overflow:hidden;
	}
	.buyArea .buyTab { display: flex; width:100%; overflow:auto;}
	.buyArea .buyTab li { margin-right:5px; height:54px; }
	.buyArea .buyTab li a { 
		border-radius:10px 10px 0 0; background:rgba(255,255,255,0.5); 
		display: flex; justify-content: center; align-items: center; width:70px; color:#8f8f8f;
		height:100%;
		font-size:14px;
		font-weight:600;
		transition: all 0.35s ;
	}
	.buyArea .buyTab li:hover a{ background:rgba(255,255,255,1); color:#0b318f; font-weight:800;}
	.buyArea .buyTab li.on a { background:rgba(255,255,255,1); color:#0b318f; font-weight:800;}
	.buyArea a.btnMore { display:none; }

	.buyArea .buyTab._Three li { margin-right:5px; height:54px; flex:0 0 calc(33.333333% - 5px); }
	.buyArea .buyTab._Three li a { width:100% }

}


@media only screen and (max-width:1024px){
	.joinBoxWrap article > div .fxb { flex-wrap:wrap; }
	.joinBoxWrap article > div .fxb input[type=text],
	.joinBoxWrap article > div .fxb input[type=password] { flex:0 0 100% !important; width:100% !important; }
	.joinBoxWrap article > div .fxb em { display:inline-block; padding:10px 0 0; }
	.joinBoxWrap article > div .fxb .fxInp.fxInpAddr { flex-wrap:nowrap; }
	.joinBoxWrap article > div .fxb .fxInp.fxInpAddr input[type=text] { flex:0 0 auto !important; width:auto !important; }

	.joinTitleArea .neceText em { font-size:16px; }
	.joinTitleArea .neceText span { font-size:14px; }
	.comFormRadio label span { font-size:16px; }
	.agLayer .agLayout .layerBox { width:100% }

	.useBuyArticleBottom { flex-wrap:wrap;}
	.useBuyArticleBottom article { flex:0 0 100%; margin-top:10px;  }
	.useBuyArticleBottom article:nth-child(1) { margin-top:0;  }
	.subContent_new { padding-top:10px; }
	.select-style { width:180px; }

	.fxBottomBtn { padding-left:30px; padding-right:30px; }
}

@media only screen and (max-width:768px){
	.board_top {display: flex;justify-content: center;	align-items: flex-end;margin-bottom: 30px;}  
	.board_search { gap: 0.4rem 0.8rem; }
	.select-style select { height: 45px; padding: 0 10px;padding-right: 5rem;font-size: 16px;}
	.board_search input.wd-350px { width:auto !important; }
	.btnNavy { width:100px; height:45px; font-size:16px; }
}

@media only screen and (max-width: 640px) {
	.baseThumType1 article { flex:0 0 100%;  }
	.txtLength em { font-size:13px; }
	.txtLength span {font-size:13px; }

	.findWrap {
		width:auto; 
		margin:0 20px;
	 }
	.findBox {
		padding:20px 20px 40px;
	}
}


@media only screen and (max-width:570px){
	.joinBoxWrap { border-top:none; margin-bottom:40px;}
	.joinBoxWrap article { border-bottom:none; }
	.joinBoxWrap article > div { flex-wrap:wrap;}
	.joinBoxWrap article > div label { flex:0 0 100%; padding:20px 0 0; }
	.joinBoxWrap article > div .fxb { flex:0 0 100%; padding:10px 0;}
	.joinBoxWrap article.fxHalf > div:nth-child(2) { border-top:none; }

	.board_top { margin-bottom: 30px;width:100%;	}  
	.board_search { gap: 0 0; flex-wrap:wrap; width:100%;}
	.board__search { gap: 0 0; flex-wrap:wrap; width:100%; justify-content:flex-end;}
	.select-style { width:100%; }
	.select-style select {width:100%;}
	.board__search-input { width:100% !important; margin:5px 0 !important; }
	.board_search input.wd-350px { width:100% !important; margin:5px 0; }
	.btnNavy { width:100%; }


	.detailWrap { border-top:1px solid #333; margin-bottom:0;}
	.detailWrap article { border-bottom:1px solid #eceef4; }
	.detailWrap article > div { display:flex; align-items:center; padding:0 0;}
	.detailWrap article > div label { flex:0 0 110px; padding:0 0 0;}
	.detailWrap article > div label strong { font-size:14px;}
	.detailWrap article > div label em { margin-left:0; font-size:14px;}

	.detailWrap article > div .fxb { flex:1; display:flex; align-items:center; padding:15px 0;}
	.detailWrap article.fxHalf > div:nth-child(2) { border-top:1px solid #eceef4; }

	.detailWrap article > div .fxb em { margin-left:0; }
	.detailWrap article > div .fxb.fxbEmail span { font-size:14px; margin:0 10px;  }

	.smallBox { padding:4px 6px; border-radius:3px; font-size:14px;}
	.smallBox2 { padding:3px 0; font-size:14px;}
	.smallBox3 { padding:0 5px; border-radius:3px; }
	.smallBox4 { padding:5px 0; font-size:14px; }

	.detailWrap article > div .fxb em { padding:3px 5px 3px; font-size:12px; font-weight:700;}
	.addrDetail { display:block; }
	.addrDetail em { display:inline-block; f}
	.addrDetail strong { font-weight:400; display:block; margin-top:5px; }

	.fxWrapMobile { width:100% !important; }
	.fxWrapMobile input.wd-250px { flex:0 0 100% !important; }

}

@media only screen and (max-width:450px){
	.comFormChk label span { margin-left:5px; font-size:14px; line-height:1.4; padding-right:20px; }
	a.btnGray2 { padding-left:5px; padding-right:5px; height:24px;  font-size:12px; }
}
@media only screen and (max-width:390px){
	.joinBoxWrap article > div .fxb .fxInp.fxInpAddr { flex-wrap:wrap; }
	.joinBoxWrap article > div .fxb .fxInp.fxInpAddr input[type=text] { flex:0 0 100% !important; width:100% !important; }
	.joinBoxWrap article > div .fxb .fxInp.fxInpAddr a { width:100% !important; margin-left:0 !important; margin-top:5px; }
	.fxHorCenter .btns._buy { width:100% !important; }
}