@charset "utf-8";
@import url('https://webfontworld.github.io/Noto/NotoSansKR.css');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard.css');

/* 베이스 스타일 시작 */
html {width:100%;height:100%;overflow:auto;}
body {height:100%;/**overflow-y:auto;overflow-x:hidden;*/}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
@-ms-viewport {width: device-width;}
@-webkit-viewport {width: device-width;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;line-height:150%;}
img, fieldset {border:none;}
img {vertical-align:middle;} 
table {border-collapse:collapse;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, form img, li img, object{vertical-align:middle;}
select {height:32px;border:1px solid #d9d9d9;line-height:auto;background:url('') no-repeat 96% center #fff;padding:0px 25px 0px 10px;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
select::-ms-expand {display:none;}
::-webkit-expand {display:none;}
/* font */
body{color:#333; font-size:13px;font-family:'Pretendard', sans-serif;letter-spacing:-0.6px;}
input, select, textarea{color:#777; font-size:14px;font-family:'Pretendard', sans-serif;font-weight:400; }
::selection {background:#005982;color: #fff;}
/* anchor */
a {color:#333; text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}
input[type="text"], input[type="password"] {background:none;border:1px solid #ddd;height:40px;font-family:'Pretendard', sans-serif;font-weight:400;font-size:14px;color:#3A3532;width:100%;padding-left:5px;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
input[type="text"]:hover {} 
input:focus {outline:none;}
/*
input[type="checkbox"] {width:15px;height:15px;border:1px solid #DAD5D2;opacity:0.8;}
label {font-size:14px;color:#363636;font-weight:400;margin:0px 10px 0px 6px;display:inline-block;vertical-align:middle;}
*/
textarea {border:1px solid #DAD5D2;overflow-y:auto;width:100%;width:100%;height:250px;padding:2%;font-family:'Pretendard', sans-serif;font-weight:400;font-size:14px;color:#3A3532;resize: none;}
::-webkit-input-placeholder {color:#616161;}
:-moz-placeholder {color:#616161; opacity:1;}
::-moz-placeholder {color:#616161; opacity:1;}
:-ms-input-placeholder {color:#616161;}
textarea::-webkit-input-placeholder {color:#616161;}
textarea:-moz-placeholder {color:#616161; opacity:1;}
textarea::-moz-placeholder {color:#616161; opacity:1;}
textarea:-ms-input-placeholder {color:#616161;}

::-webkit-scrollbar {
    width:8px;height:8px;
  }
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius:4px;
    background-clip: padding-box;
  }

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.w100 {width:100%;}
.mw100 {max-width:100%;}
img {max-width:100%;}
.section {position:relative;}

.head_wrap {position:fixed;top:0;left:0;right:0;margin:0px auto;background-color:rgba(255,255,255,1);z-index:9998;transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;overflow:hidden;}
.head_wrap.on {background-color:rgba(255,255,255,1);}
.head_wrap.off {background-color:rgba(255,255,255,1);overflow:visible;}
.head_tip {height:183px;clear:both;}
.head_wrap_box {position:relative;max-width:1280px;margin:0px auto;padding:0;text-align:left;white-space:nowrap;}

.logo_wrap {display:block;position:relative;max-width:1280px;margin:0px auto;text-align:center;padding:0px;}
.logo_wrap img {height:110px;}
.btn_phone {display:none;}
.all_navi {display:none;}
.view_menu_wrap {display:none;}

.menu_navi_wrap {display:block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.menu_navi_wrap ul {position:relative;max-width:1280px;margin:0px auto;text-align:center;font-size:0;}
.menu_navi_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
.menu_navi_wrap li {float:none;display:inline-block;vertical-align:top;position:relative;padding:0px 0px;}
.oneth {position:relative;display:block;white-space:nowrap;padding:20px 40px;letter-spacing:-0.8px;font-size:20px;color:#545454;font-weight:400;text-align:center;z-index:9;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.menu_navi_wrap li:hover .oneth, .menu_navi_wrap li .oneth.on {color:#005982;}

.oneth em {position:absolute;bottom:10px;left:40px;width:0px;height:2px;background:#005982;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.menu_navi_wrap li:hover .oneth em {width:50%;}

.small_navi_wrap {display:none;}

.twoth {position:absolute;top:50px;left:35px;height:0px;text-align:left;overflow:hidden;font-size:0;transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;opacity:0;z-index:8;}
.twoth.on {top:60px;height:auto;opacity:10;z-index:10;}

.twoth_box {position:relative;text-align:left;padding:10px 0px 0px 0px;width:150px;display:inline-block;vertical-align:top;white-space:normal;background:#fff;box-shadow:2px 2px 5px 1px rgba(0,0,0,0.25);}
.twoth_box a {display:block;font-size:16px;color:#333;font-weight:400;padding:10px;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.twoth_box a:hover, .twoth_box a.on {color:#fff;background:#005982;}

.head_wrap.on {border-bottom:1px solid #f1f1f1;}
.head_wrap.on .logo_wrap {display:inline-block;vertical-align:middle;max-width:auto;margin:0px 0px 0px 20px;}
.head_wrap.on .logo_wrap img {height:80px;}
.head_wrap.on .menu_navi_wrap {display:inline-block;vertical-align:middle;width:80%;border-top:0px solid #ccc;border-bottom:0px solid #ccc;}
.head_wrap.on .menu_navi_wrap ul {max-width:auto;margin:0px 0 0 0;text-align:center;font-size:0;}

.quick_link {position:fixed;top:183px;right:30px;width:100px;background:#fff;overflow:hidden;text-align:center;z-index:99;box-shadow:0px 0px 20px 20px rgba(0,0,0,0.05);}
.quick_link a {display:block;background:#f4f4f4;}
#btn_top {display:block;}
.kakao_wrap{position:fixed;bottom:50px;right:30px;z-index:9;}
.kakao_wrap img{max-height:50px;}
.swiper_product {display:block;max-width:1920px;margin:0px auto;overflow:hidden;position:relative;border-bottom:1px solid #f1f1f1;}
.swiper_product .swiper-slide {height:100%;background-size:cover;background-repeat:no-repeat;background-position:center top;position:relative;text-align:center;}
.swiper_product .swiper-slide a {position:absolute;top:20%;left:18%;right:18%;bottom:20%;text-align:left;display:flex;justify-content: center;flex-direction: column;white-space:normal;word-break:break-all;word-wrap:break-word;word-break:keep-all;cursor:Default;color:#fff;font-family:"Noto Serif KR", serif;letter-spacing:-1.0px;}
.swiper_product .swiper-slide a strong {display:block;font-size:48px;font-weight:500;text-indent:40px;margin-top:0px;transition:all 1.5s ease-out;opacity:0;transform: translate3d(0px, 0px, 0px);}
.swiper_product .swiper-slide a span {display:block;font-size:40px;font-weight:400;text-indent:0px;margin-top:0px;transition:all 1.5s ease-out;opacity:0;transform: translate3d(0px, -40px, 0px);}
.swiper_product .swiper-pagination {bottom:30px !important;text-align:center !important;}
.swiper_product .swiper-pagination-bullet {display:inline-block;vertical-align:middle;width:10px;height:10px;background:#fff;border-radius:100%;opacity:1;font-size:0px;text-align:center !important;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.swiper_product .swiper-pagination-bullet-active {opacity:1;font-size:14px;color:#85726a;font-weight:300;background:#005982;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0px 5px !important;}
.swiper_product .swiper-pagination {text-align:center;}
.swiper_product .swiper-button-prev {left:50%;margin-left:-550px;}
.swiper_product .swiper-button-next {left:50%;margin-left:550px;}

.swiper_product .swiper-slide-active strong {opacity:1 !important;margin-top:0px !important;text-indent:0 !important;transform: translate3d(0px, 0px, 0px)  !important;}
.swiper_product .swiper-slide-active span {opacity:1 !important;margin-top:0px !important;text-indent:0 !important;transform: translate3d(0px, 0px, 0px)  !important;}

.mv01 {background-image:url('../img/main_visual01.jpg');}
.mv02 {background-image:url('../img/main_visual02.jpg');}
.mv03 {background-image:url('../img/main_visual03.jpg');}

.main_copy {padding:100px 10px 70px 10px;text-align:center;}
.main_copy strong {display:block;font-size:48px;color:#000;font-weight:700;position:relative;}
.main_copy strong::after {position:absolute;bottom:-10px;left:50%;margin-left:-12px;width:24px;height:1px;background:#333;content: "";}
.main_copy span {display:block;color: rgb(204, 204, 204);font-size: 14px;letter-spacing: 2px;font-weight:400;padding:0px 0px 5px 0px;}

.mid01 {max-width:1280px;margin:0px auto 100px;font-size:0;}
.mid01 a {display:inline-block;vertical-align:top;width:25%;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}

.mid02 {max-width:1920px;margin:0px auto;padding:120px 20px;background-image:url('../img/mainBg01.jpg'); background-position:50% 50%;  background-size:cover; background-repeat: no-repeat;position:relative;}
.mid02 > div {max-width:1280px;margin:0px auto;}
.mid02 > div h1 {display:block;line-height: 1.5;font-size: 48px; letter-spacing: -1px;color:#000;font-weight:400;}
.mid02 > div h1 strong {color: rgb(18, 116, 194);font-weight:900;}
.mid02 > div span {display:block;font-size: 24px; letter-spacing: -1px;color:#000;font-weight:400;padding-top:50px;}
.mid02 > div span strong {color: rgb(18, 116, 194);font-weight:600;font-size: 30px;}

.mid03 {max-width:1920px;margin:0px auto 50px;padding:100px 20px 520px 20px;background-image:url('../img/bg01.png'); background-position:50% top;  background-size:cover; background-repeat: no-repeat;position:relative;}
.mid03 > div {max-width:1280px;margin:0px auto;line-height:1.2;}
.mid03_txt {display:block;font-size: 48px;letter-spacing: -1px;width:53%;}
.mid03_sub {display:block;font-size: 24px; letter-spacing: -1px;padding:30px 0px;width:53%;} 
.mid03_sub strong {font-size: 26px;}
.mid03_link {width:53%;} 
.mid03_link a {display:inline-block;width:148px;height:48px;border:1px solid #ddd;font-size:18px;color:#000;font-weight:500;text-align:center;line-height:48px;background:#fff;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.mid03_link a:hover {background:#f1f1f1;}

.map {max-width:1920px;margin:0px auto;}
.map ul {font-size:0;}
.map ul:after {display:block;visibility:hidden;clear:both;content:""}
.map li {float:none;display:inline-block;vertical-align:top;width:33.333%;text-align:center;}
.map_txt {text-align: right;padding:40px;}
.map_txt h1 {display:block;font-size: 48px; letter-spacing: -1px;color:#000;line-height:1.2;}
.map_txt span {display:block;padding-top:25px;font-size:24px; letter-spacing: -1px;color:#000;}

.map_area {display:block;width:100%;height:340px;overflow:hidden;}
.map_area .root_daum_roughmap_landing {width:100%;height:400px;/*padding-bottom:13.25%;*/}
.map_area .root_daum_roughmap_landing .wrap_map {position:absolute;top:0;left:0;width:100%;height:100%;}
.root_daum_roughmap .wrap_controllers {display:none !important;}

.time_wrap {text-align:center;padding:10px 10% 0 10%;}
.time_wrap h1 {display:block;font-size:48px;color:#000;font-weight:600;padding-bottom:20px;}

.phone_wrap {text-align:center;background-color:#1274c2;padding:40px 0;height:340px;}
.phone_wrap h1 {display:block;font-size:48px;color:rgb(255, 255, 255);font-weight:500;}
.phone_wrap strong {display:block;font-size:48px;color:rgb(255, 237, 0);font-weight:700;padding:15px 0 20px 0;}
.phone_wrap span {display:block;font-size:22px;color:rgb(255, 255, 255);font-weight:400;}

.footer {text-align:center;background-color:#383838;padding:10px 0 40px 0;}
.footer_txt {line-height:1.8;font-size:14px;color:rgb(204, 204, 204);}
.footer_txt a {font-size:14px;color:#ccc;display:inline-block;font-weight:500;padding:5px;}
.footer_txt img {display:inline-block;height:60px;margin-bottom:15px;}
.footer_link {padding:30px 10px 20px 10px;}
.footer_link a {display:inline-block;width:30px;margin:5px;}

.allNavi {display:none;position:fixed;top:5%;left:50%;margin-left:-330px;width:660px;text-align:center;z-index:10005;}
.all_link {margin:50px auto;}
.all_link > div {text-align:left;padding:15px 0;}
.all_link > div a {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.all_link > div a:hover {color:#6d6e71;}
.one {display:inline-block;vertical-align:middle;font-size:24px;color:#fff;font-weight:500;padding:5px 10px;width:190px;}
.two {display:inline-block;vertical-align:middle;font-size:18px;color:#fff;font-weight:400;padding:5px 10px;}
.btn_closed {position:fixed;top:2%;right:1.8%;padding:20px;z-index:10006;}

.subVisual {position:relative;height:23vw;background:url('/theme/basic/img/visual01.jpg') no-repeat center;background-size:cover;text-align:center;display:flex;justify-content: center;align-items: center;flex-direction: column;}
.subVisual_txt {position:relative;}
.subVisual_txt em {display:inline-block;height:25px;width:100px;border-top:1px solid #555;}
.subVisual_txt span {display:block;text-align:center;font-size:15px;font-weight:400;color:#000;letter-spacing:2px;}
.subVisual_txt h1 {display:block;text-align:center;font-size:55px;font-weight:700;color:#000;letter-spacing:2px;}
.subVisual_txt strong {display:block;text-align:center;font-size:18px;font-weight:500;color:#000;letter-spacing:-1px;}
.subVisual_txt img {max-width:420px;margin:25px auto 15px;}

.page_wrap {max-width:1280px;padding:30px 12px;position:relative;margin:0px auto;}
.page_tab {text-align:center;font-size:0;}
.page_tab a {display:inline-block;vertical-align:top;width:200px;text-align:center;font-size:16px;font-weight:400;color:#212121;padding:12px 0;border:1px solid #ddd;margin-right:-1px;transition:all .3s ease; -webkit-transition:all .3s ease;}
.page_tab a.on, .page_tab a:hover {background:#555;color:#fff;}

.subBox {padding-top:100px;}
.subBox img {max-width:100%;}
.subLeft {display:inline-block;vertical-align:top;width:49%;}
.subRight {display:inline-block;vertical-align:top;width:50%;}
.sub_title{background:#000;color:#fff;font-size:22px;font-weight:500;padding:7px 20px;border-radius:24px;}
.sub_title img{margin-right:10px;margin-top: -5px;}

.subTxt em {display:block;font-size:14px;font-weight:400;color:rgb(204, 204, 204);letter-spacing:2px;padding:10px 0;}
.subTxt h1 {display:block;font-size:48px;font-weight:400;color:#000;letter-spacing:-1px;line-height:1.3;}
.subTxt h2 {display:block;font-size:30px;font-weight:400;color:#000;letter-spacing:-1px;line-height:1.4;padding:20px 0;}
.subTxt h3 {display:block;font-size:22px;font-weight:400;color:#000;letter-spacing:-1px;line-height:1.4;padding:0px 0;}

.bgLine {position:relative;background:rgb(18, 116, 194);height:200px;width:100%;margin-top:-120px;z-index:-1;}
.bLine {background:#005982;height:2px;clear:both;margin:50px auto;}

.wBox {border-radius:20px;background:#fff;padding:20px;font-size:24px;font-weight:400;color:#000;line-height:1.4;margin-top:20px;}
.bot_link {text-align:center;padding:30px;max-width:1280px;margin:0px auto;}
.bot_link a {display:inline-block;vertical-align:top;width:23%;margin:0px 0.5%;}

.tb_wrap {display:inline-block;vertical-align:middle;width:42%;border:1px solid #ddd;}
.tb_vs {display:inline-block;vertical-align:middle;width:16%;font-size:30px;font-weight:600;color:#33;}
.tb_wrap h1 {display:block;font-size:25px;font-weight:600;color:#fff;letter-spacing:-1px;padding:10px;text-align:center;}
.tb_wrap span {display:block;font-size:20px;font-weight:400;color:#222;letter-spacing:-1px;padding:15px;text-align:center;line-height:1.5;border-top:1px solid #ddd;}

.box01 {display:inline-block;vertical-align:top;width:23%;background:#fff;padding:15px;margin:0 0.5%;}
.box01 h1 {display:block;font-size:25px;font-weight:600;color:rgb(18, 116, 194);letter-spacing:-1px;padding:10px;text-align:center;}
.box01 span {display:block;font-size:20px;font-weight:400;color:#222;letter-spacing:-1.5px;padding:15px;text-align:center;line-height:1.5;border-top:1px solid #ddd;}

.treatment_cases_section{margin:0px auto;padding:0 20px;}
.cases_grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;}
.case_card{background:white;border:10px solid #b3d9f2;padding:30px 30px;text-align:center;transition:all 0.3s ease;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.case_card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(30,136,229,0.2);border-color:#1e88e5;}
.check_icon{margin-bottom:20px;}
.check_icon svg{display:block;}
.case_text{line-height:1.3;}
.case_text p{margin:3px 0;font-size:28px;color:#333;font-weight:400;}
.case_text strong{font-weight:700;color:#333;}

@media (max-width: 1024px) {
	.cases_grid{grid-template-columns:repeat(2, 1fr);gap:15px;}
	.case_card{padding:30px 25px;}
	.case_text p{font-size:28px;}
}
@media (max-width: 768px) {
	.case_card{padding:20px 15px;}
	.case_text p{font-size:18px;}
}

.treatment_stages_section{margin:0px auto;padding:0 0px;}
.stages_grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;}
.stage_card{background:white;border:10px solid #b3d9f2;border-radius:0px;padding:35px 25px;text-align:center;transition:all 0.3s ease;min-height:480px;display:flex;flex-direction:column;font-size:20px;}
.stage_card:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,0.15);border-color:#64b5f6;}
.stage_image_circle{width:150px;height:150px;margin:0 auto 25px;/*border:3px solid #424242;*/border-radius:50%;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;}
.stage_image_circle img{max-width:100%;height:auto;display:block;}
.stage_title{font-size:26px;font-weight:700;color:#333;margin:0 0 15px 0;}
.stage_subtitle{color:#666;margin:0 0 0px 0;line-height:1.6;}
.stage_symptoms{list-style:none;padding:0;margin:0 0 20px 0;text-align:left;}
.stage_symptoms li{color:#555;line-height:1.3;margin:5px 0;}
.stage_treatment{color:#333;font-weight:600;margin:auto 0 0 0;padding-top:15px;border-top:2px solid #e0e0e0;letter-spacing: -2px;}

@media (max-width: 1200px) {
	/*stages_grid{grid-template-columns:repeat(2, 1fr);gap:20px;}*/
	.stage_card{font-size:16px;}
	.stage_title{font-size:24px;}
}

@media (max-width: 880px) {
	.stages_grid{grid-template-columns:repeat(2, 1fr);}
	.stage_card{font-size:20px;min-height:auto;padding:30px 20px;}
	.stage_image_circle{width:130px;height:130px;}
	.stage_title{font-size:24px;}
}
@media (max-width: 460px) {
	.stages_grid{grid-template-columns:1fr;gap:20px;}
	.stage_card{min-height:auto;padding:30px 20px;}
	.stage_image_circle{width:130px;height:130px;}
	.stage_title{font-size:20px;}
}

.mt50 {margin-top:50px;}
.mt30 {margin-top:30px;}
.mt20 {margin-top:20px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt80 {padding-top:80px;}
.pt100 {padding-top:100px;}

.flR {float:right;}
.taC {text-align:center;}
.taL {text-align:right;}
.taR {text-align:left;}


.white_content {display:none;position:fixed;top:20%;left:50%;margin-left:-550px;width:1100px;min-height:500px;z-index:1002;}
.pop_open {position:relative;width:900px;margin:0px auto;}
#btn_close {position:absolute;top:-60px;right:0px;cursor:pointer;}
#backgroundPopup {display:none;position:fixed;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,0.65);z-index:10001;}

/* GO TO TOP*/
.page_top_box {cursor:pointer;z-index:999999;height:39px;display:block;opacity:1;background:url('/img/btn_top.png') no-repeat;}
.page_top_box.show {opacity:1;}
a.page_top_link {display:block;color:#fff;text-align:center;font-size:14px;line-height:30px;}

/* 애니효과 */
.ani_y{opacity:0;transform:translateY(50px);transition-property: all;transition-duration: 0.8s;-webkit-transform:translateY(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.ani_y.m{transform:translateY(-50px);-webkit-transform:translateY(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.ani_x{opacity:0;transform:translateX(50px);transition-property: all;transition-duration: 0.8s;-webkit-transform:translateX(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.ani_x.m{transform:translateX(-50px);-webkit-transform:translateX(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.delay1{transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.delay2{transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.delay3{transition-delay:0.9s;-webkit-transition-delay:0.9s;}
.delay4{transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.delay5{transition-delay:1.5s;-webkit-transition-delay:1.5s;}
.delay6{transition-delay:1.8s;-webkit-transition-delay:1.8s;}
.action .ani_y{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.action .ani_x{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.action .ani{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.ani{opacity:0;transition-property: all;transition-duration: 0.8s;-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.active .ani{opacity:1;}

.firstScroll{position:absolute;left:50%;bottom:0;padding-bottom:80px;font-size:17px;color:#fff;font-family:'Exo 2',sans-serif;font-weight:400;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.firstScroll::after{position:absolute;left:50%;bottom:0;width:0;height:60px;content:'';border-left:1px solid #fff}

.pc {display:block;}
.ipc {display:inline-block;}
.mobile {display:none;}
.imobile {display:none;}
.tmobile {display:none;}
.tablet {display:none;}

.member_link {display:none;}


@media (max-width:1330px) {
	.oneth {padding:20px 20px;font-size:17px;}
	.oneth em {bottom:10px;left:20px;}
	.twoth {top:50px;left:15px;}
}

@media (max-width:880px) {
	
	::-webkit-scrollbar {
		width:3px;height:1px;
	  }
	::-webkit-scrollbar-thumb {
		border-radius:0px;
	  }
	.head_tip {height:103px;}
	.view_menu_wrap {display:block;position:fixed;top:0px;bottom:0px;left:-100%;width:250px;z-index:99999;overflow-y:auto;background:#f4f4f4;transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
	.view_menu_wrap.on {left:0px;}
	.menu_top {position:relative;height:60px;text-align:left;background:#fff;border-bottom:1px solid #ddd;}
	.logo_m {display:inline-block;padding:0px 10px;}
	.logo_m img {height:60px;}
	.menu_close {position:absolute;top:0px;right:0px;width:50px;height:60px;background:url('../img/btn_close.png') no-repeat center;background-size:50% auto;z-index:999;}

	.twoth.on {top:0px;height:0px;opacity:0;}
	.menu_navi_wrap ul {white-space:nowrap;width:100%;overflow-x:auto;}
	.menu_navi_wrap li {float:none;display:inline-block;vertical-align:top;position:relative;padding:0px 0px;}
	.oneth {padding:10px 10px;letter-spacing:-0.9px;font-size:14px;}
	.oneth em {display:none;}

	.menu_box_wrap {max-width:400px;margin:0px auto;}
	.menu_box_wrap ul {}
	.menu_box_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
	.menu_box_wrap li {float:none;position:relative;}
	.m_1th {display:block;padding:15px 20px;font-size:16px;color:#353535;font-weight:500;border-bottom:1px solid #ddd;background:url('../img/btn_down01.png') no-repeat 96% center #fff;background-size:auto 12%;overflow:hidden;}
	.m_1th.on {background:url('../img/btn_up01.png') no-repeat 96% center #fff;background-size:auto 12%;}
	.m_1th.no {background:#fff;}
	.m_2th {display:none;padding:10px;overflow:hidden;background:#f1f1f1;}
	.m_2th a {display:block;font-size:15px;color:#353535;font-weight:400;padding:10px 10px;}
	
	.pc {display:none;}
	.ipc {display:none;}
	.mobile {display:block;}
	.imobile {display:inline-block;}
	.tmobile {display:block;}
	.tablet {display:none;}
	
	.head_wrap.on {border-bottom:0px solid #f1f1f1;}
	.head_wrap.on .logo_wrap {display:block;position:relative;max-width:1280px;margin:0px auto;}
	.logo_wrap img {height:60px;}
	.head_wrap.on .logo_wrap img {height:60px;}
	.head_wrap.on .menu_navi_wrap {display:block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:100%;}
	.head_wrap.on .menu_navi_wrap ul {position:relative;max-width:1280px;margin:0px auto;}

	.all_navi {position:absolute;display:block;top:0px;left:0px;width:60px;height:60px;background:url('../img/navi.png') no-repeat center;background-size:50% auto;z-index:99;}
	.quick_link {top:20%;right:5px;width:60px;}

	.swiper_product .swiper-slide a {top:5%;left:8%;right:5%;bottom:50%;}
	.swiper_product .swiper-slide a strong {font-size:30px;text-indent:40px;white-space:nowrap;letter-spacing:-1px;}
	.swiper_product .swiper-slide a span {font-size:24px;}
	.swiper_product .swiper-pagination-bullet {width:8px;height:8px;}

	.main_copy {padding:50px 10px 40px 10px;}
	.main_copy strong {font-size:30px;}
	.main_copy span {font-size: 12px;}

	.mid01 {margin:0px auto 30px;padding:10px}
	.mid01 a {width:50%;padding:1%;}

	.mid02 {padding:40px 20px 180px 20px;background-image:url('../img/mainBg01.jpg');background-position:50% bottom;}
	.mid02 > div h1 {font-size:25px;}
	.mid02 > div span {font-size:18px;padding-top:30px;}
	.mid02 > div span strong {font-size:20px;}

	.mid03 {margin:0px auto 50px;padding:70px 20px 320px 20px;background-image:url('../img/bg01.png'); background-position:50% bottom;}
	.mid03_txt {font-size:28px;width:100%;}
	.mid03_sub {font-size:17px;padding:30px 0px;width:100%;} 
	.mid03_sub strong {font-size:18px;}
	.mid03_link {width:100%;} 
	.mid03_link a {width:120px;height:40px;font-size:16px;line-height:40px;}

	.map li {display:block;width:100%;}
	.map_txt {text-align:left;padding:20px;}
	.map_txt h1 {font-size:30px;}
	.map_txt span {padding-top:20px;font-size:22px;}

	.map_area {display:block;width:100%;height:250px;}
	.map_area .root_daum_roughmap_landing {width:100%;height:300px;padding:0;}

	.time_wrap {padding:40px 12% 40px 12%;}
	.time_wrap h1 {font-size:30px;padding-bottom:20px;}

	.phone_wrap {padding:40px 0;height:auto;}
	.phone_wrap h1 {font-size:30px;}
	.phone_wrap strong {font-size:30px;padding:15px 0 20px 0;}
	.phone_wrap span {font-size:18px;}

	.footer {padding:10px 0 30px 0;}
	.footer_txt {font-size:12px;}
	.footer_txt a {font-size:12px;padding:5px;}
	.footer_txt img {height:50px;margin-bottom:10px;}
	.footer_link {padding:30px 10px 20px 10px;}
	.footer_link a {width:25px;margin:5px;}

	.subVisual {height:250px;background:url('/theme/basic/img/mvisual01.jpg') no-repeat center bottom;}
	.subVisual_txt em {height:15px;width:50px;}
	.subVisual_txt span {font-size:12px;}
	.subVisual_txt h1 {font-size:30px;}
	.subVisual_txt strong {font-size:14px;}
	.subVisual_txt img {max-width:70%;margin:15px auto 10px;}

	.page_tab a {width:33%;font-size:14px;}

	.subBox {padding-top:30px;}
	.subLeft {display:block;width:100%;}
	.subRight {display:block;width:100%;}

	.subTxt em {font-size:12px;}
	.subTxt h1 {font-size:30px;line-height:1.3;}
	.subTxt h2 {font-size:20px;line-height:1.4;padding:20px 0;}
	.subTxt h3 {font-size:15px;line-height:1.4;letter-spacing:-1.5px;}

	.bgLine {height:100px;margin-top:-100px;}
	.bLine {margin:30px auto;}

	.wBox {font-size:15px;line-height:1.4;margin-top:20px;}
	.bot_link {padding:20px 0px;}
	.bot_link a {display:inline-block;vertical-align:top;width:48%;margin:5px 0.5%;}

	.tb_wrap {display:block;width:100%;}
	.tb_vs {display:block;width:100%;font-size:30px;padding:20px;}
	.tb_wrap h1 {font-size:20px;}
	.tb_wrap span {font-size:16px;}

	.box01 {width:48%;padding:10px;margin:10px 0.5%;}
	.box01 h1 {font-size:18px;}
	.box01 span {font-size:16px;}
}