/*     723535 : 타이틀 텍스트      */
@font-face {
font-family: 'GmarketSansBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@-webkit-keyframes text-focus-in {
0% {
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}

100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}

@keyframes text-focus-in {
0% {
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}

100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}

@-webkit-keyframes text-focus-in {
0% {
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}

100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}

@keyframes text-focus-in {
0% {
-webkit-filter: blur(12px);
filter: blur(12px);
opacity: 0;
}

100% {
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}

@keyframes fadeIn {
0% {
transform: scale(1);
opacity: 1;		
}
60% {
transform: scale(1.1);	
}
80% {
transform: scale(1.1);
opacity: 1;	
}	
100% {
transform: scale(1.1);
opacity: 1;	
}		
}

@-webkit-keyframes fadeIn {
0% {
-webkit-transform: scale(1);
opacity: 1;		
}
60% {
-webkit-transform: scale(1.1);
}
80% {
-webkit-transform: scale(1.1);
opacity: 1;	
}	
100% {
-webkit-transform: scale(1.1);
opacity: 1;	
}		
}

.text-focus-in { -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both; animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both; }

.index_w1200, .index_1200 { max-width: 1350px; margin: 0 auto; }  
.max_h_sub { height: 915px; overflow: hidden; position: relative; width: 100%; }

.main1_bg { width: 100%; margin: 0 auto; position: relative; height: 900px; margin-top: 0px; text-align: center; padding-top: 50px; animation-name: fadeIn; animation-fill-mode: forwards; -webkit-animation-name: fadeIn; animation-duration: 4.5s; -webkit-animation-duration: 4.5s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out; }
.new_main_text { text-align: left; position: absolute; bottom: 15%; left: 20%; overflow: hidden; z-index: 10; }

.max50px { overflow: hidden !important; }

.sub_color { color: #676057 !important; }

.sub_btns { width: 100%; display: inline-block; background: #7f6a60 !important; height: auto; color: #fff; }

.on_cyss { width: 200px; height: 200px; border-radius: 50%; background: rgba(50, 147, 218, 0.2); position: absolute; bottom: 20%; left: 15%; z-index: 1 }

.index_f35 { line-height:1.2; }
.index_f35 h2 { font-size:18px; font-weight:500; padding:0 20px; }
.contact .cons_t1 { padding-bottom:50px; }

.cu_t_wrap { width: 96%; height: auto; margin-left: 2%; display: inline-block; border-top: 1px solid #fafafa; padding-top: 20px; }

#bo_cate #bo_cate_on { z-index: 2; color: #3293da; position: relative; }
#bo_cate #bo_cate_on:before { z-index: 2; position: absolute; width: 100%; height: 3px; background: #3293da; bottom: 0px; left: 0px; content: ''; }
#bo_cate ul { text-align: center; }
#bo_cate ul:after { display: block; visibility: hidden; clear: both; content: "" }
#bo_cate li { margin-bottom: -1px; width: auto; margin: 0.1%; display: inline-block; }
#bo_cate a { display: block; position: relative; margin-left: -1px; height: 50px; padding: 0 35px 0 35px; line-height: 50px; padding-top: 0px; background: #fafafa; color: #888; text-align: center; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
font-family: 'Pretendard-Light'; }
#bo_cate a:hover { display: block; position: relative; margin-left: -1px; height: 50px; line-height: 50px; padding-top: 0px; background: #fafafa; color: #888; text-align: center; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active { text-decoration: none }

.bg_img1 { background: url(/img_up/shop_pds/prana11/build/option/peu-ra-na-i-bi-in-hu-gwa_-mok_-sang1742349891.jpg) 75%; background-size: cover; }

.index_w90 { max-width: 1300px; }

.section1 { position: relative; width: 100%; height: auto; }
.w_80s_main { max-width: 95%; margin: 0 auto; }
.tit_wap { width: 95%; max-width: 1400px; margin: 0 auto; }
#section { display:flex; gap:100px; align-items:center; flex-wrap:nowrap; }

.text_wraps_main { width: 50%; }

.img_wraps_main { width: 50%; overflow: hidden; max-height: 500px; }


.line_gr { width: 100px; height: 2px; background: #CCC; }
.line_w { width: 100px; height: 2px; background: #fff; }

.nom_po { position: relative; }
.nom_po:before { position: absolute; content: ''; width: 100%; height: 2px; background: #999; bottom: -10px; left: 0px; }
.sub-txt { font-size:18px; }

.index_part3 { width: 100%; height: auto; display: inline-block; }
.index_part4 { background: #fafafa; width: 100%; height: auto; display: inline-block; }

.imms {
-webkit-transform: scale(1.0);
/*  크롬 */
-moz-transform: scale(1.0);
/* FireFox */
-o-transform: scale(1.0);
/* Opera */
transform: scale(1.0);
-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.img_wraps_main:hover .imms {
-webkit-transform: scale(1.1);
/*  크롬 */
-moz-transform: scale(1.1);
/* FireFox */
-o-transform: scale(1.1);
/* Opera */
transform: scale(1.1);
-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 1;
z-index: 100;
}


.list_noms { width: 100%; height: auto; background: #fafafa; display: inline-block; padding: 100px 0; text-align: center; margin-top: -20px; }
.list_noms h2 { font-size:18px; font-weight:500; }

.wrap { display:flex; max-width:1300px; margin:0 auto; flex-wrap:nowrap;}
.items_b { width:50%; height: auto; border-right:1px dashed #ddd }
.items_b:last-child { border-right:0; }

.step_1s { width: auto; text-align: center; }
.step_box { width: auto; padding: 5px; border-radius: 10px; }
.step_1saw { width: 5%; padding: 0%; display: inline-block; height: auto; vertical-align: top; padding-top: 80px; display: none; }

.all_text_bgs { width: 100%; height: auto; display: inline-block; background: url("/img_up/shop_pds/sample05/pc_img/main_fw_bg.jpg")fixed center; background-size: cover; background-repeat: no-repeat; padding: 300px 0 00px 0; }

.w_story { max-width: 1300px;  margin: 0 auto; }

.mb20{margin-bottom:0px;}

.story_01 { width: auto; float: left; padding-right: 20px; }
.story_02 { width: auto; float: left; }
.story_text1 { margin-bottom: 8px; }
.story_text4 { margin-bottom: 12px; }
.story_text11 { margin-bottom: 2px; }

.btn_ov { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; padding: 15px 20px 15px 20px; border: 2px solid #e2d5b7 !important; border-radius: 5px !important; color: #e2d5b7 !important; }
.btn_ov:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: #e2d5b7 !important;
border: 2px solid #e2d5b7 !important; color: #fff !important; border-radius: 0px !important; }

.doc_tor_ws { background: #fff; display: inline-block; width: 100%; margin-top: -10px; }

.color_gys { color: #888783; }

.box_doctors { width: 48%; margin-right: 1%; float: left; }
.dc_img_box { width: 100%; height: auto; overflow: hidden; }
.dc_text_box { padding-top: 30px; }
.dc_img_box img { width: 100%; }

.program_ws { width: 100%; height: auto; display: inline-block; padding: 150px 0; background: url(/img_up/shop_pds/prana11/build/option/01-peu-ra-na-i-bi-in-hu-gwa_-sang-d1743991520.jpg)center top; margin-top: -10px; }

.pro_maxw { max-width: 1300px; margin: 0 auto; width: 95%; }
.pro_texts1 { float: left; width: 50%; }
.pro_texts2 { float: left; width: 50%; }

.all_conss { width: 100%; text-align: center; }

.probox_conts { width: 30%; margin: 1%; display: inline-block; vertical-align: top; }
.probox_cons_img { overflow: hidden; }
.probox_cons_text { text-align: left; padding: 20px; }

.pr_warp { background: #fcfcfc; width: 100%; height: auto; display: inline-block; padding: 70px 0; }
.pr_cont { width: 46%; float: left; margin-right: 2%; margin-left: 2%; border-top: 1px solid #3293da; margin-bottom: 50px; }

.img_boxs_pr { margin-top: 20px; }

.qnaw { max-width: 1200px; width: 95%; margin: 0 auto; }

.collapsible { max-width: 1200px; width: 100%; margin: 0 auto; clear: both; margin: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; }

.cy_q { float: left; width: 30px; height: 30px; text-align: center; color: #fff; margin-right: 20px; border-radius: 50%; font-size: 18px; line-height: 30px; }

.title_qa a { color: #333; }
.content_qa { background: #f1f1f1; clear: both; width: 100%; height: auto; padding: 30px; margin-top: 30px; position: relative; border-radius: 20px; }
.content_qa:before { content: '▲'; color: #f1f1f1; position: absolute; top: -11px; left: 12px; }
.bg_gy { width: 100%; height: auto; background: #f9f9f9; padding: 50px 0 50px 0; }
.box_bors { background: #f5f5f5; border: 2px dotted #f1f1f1; text-align: center; }

.ov_eff { overflow: hidden; }

.contactw { width: 100%; height: auto; display: inline-block; background: none; margin-top: -10px; }
.contactw .map {max-width:100%;}
.contactw .map >img {width:100%;}
.contact { max-width: 1200px; margin: 0 auto; }

.cons_t1 { width: 50%; float: left; }
.cons_t2 { width: 50%; padding-left: 5%; float: left; position: relative; }

.index_color3 { color: #4c5e6e; }

.nomss { font-family: 'GmarketSansBold'; }

.tit_foots { float: left; padding-right: 20px }
.tit_foots2 { float: left; }

/* 탭 전체 스타일 */
.tabs { margin-top: 0px; padding-bottom: 40px; background-color: #fff; width: 100%; margin: 0 auto; }

/* 탭 스타일 */
.tab_item { width: calc(100%/2); height: 50px; background-color: #f8f8f8; line-height: 50px; font-size: 16px; text-align: center; color: #4c5a6a; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; }
.tab_item:hover { opacity: 0.75; }

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] { display: none; }

/* 탭 컨텐츠 스타일 */
.tab_content { display: none; padding: 0px 0px 0; clear: both; overflow: hidden; }


/* 선택 된 탭 콘텐츠를 표시 */
#all:checked~#all_content,
#programming:checked~#programming_content,
#design:checked~#design_content { display: block; }

/* 선택된 탭 스타일 */
.tabs input:checked+.tab_item { background-color: #4c5a6a; color: #fff; }

.under_line{position: relative;}
.under_line:before{width: 100%; height: 1px; background: #333;  position: absolute; content: ''; bottom: -2px;}
.under_line2{position: relative;}
.under_line2:before{width: 100%; height: 1px; background: #3293da;  position: absolute; content: ''; bottom: -2px;}
.under_line3{position: relative;}
.under_line3:before{width: 100%; height: 1px; background: #505e6d;  position: absolute; content: ''; bottom: -2px;}
.index_line{width: 100px;  height: 2px; background: #fff; opacity: 0.2}
.index_color_sub{color: #fff!important; text-shadow: 1px 2px 1px rgba(000,000,000,0) }	
.index_line2{width: 100px;  height: 2px; background: #fff; opacity: 0.2}
.index_color_sub2{color: #333!important; text-shadow: 1px 2px 1px rgba(000,000,000,0) }		
.line_w100{width: 100%; height: 1px; background: #eee;}
.index_w1200,.index_1200{max-width: 1350px; margin: 0 auto;}


@media only screen and (max-width: 900px) {
.max50px { height: auto; }

.max_h_sub { height: 600px; }

.main1_bg { height: 600px; }
.new_main_text { bottom: 10%; left: 10%; }

.on_cyss { bottom: 15%; left: 5%; }

.bo_cate_sel { width: 100%; padding: .8em .4em; padding-left: 12px; border: 1px solid #eee; background: url(/img_up/shop_pds/prana11/build/option/1741843516_3261514111.png) no-repeat 99% 50%; background-size: 20px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; color: #000; margin-top: 3px; }
.bo_sch select { width: 100%; padding: .8em .4em; padding-left: 12px; border: 1px solid #eee; background: url(/img_up/shop_pds/sample05/pc_img/baseline_keyboard_arrow_down_black_18dp.png) no-repeat 99% 50%; background-size: 20px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; color: #000; margin-top: 3px; }
.bo_cate_sel:hover { border-color: #ddd; }
.bo_cate_sel:focus { border-color: #ddd; }
#section { flex-wrap:wrap; gap:0; }
.text_wraps_main { width: 100%; padding: 6% 6% 0; }
.img_wraps_main { width: 100%; }

.sub-txt { font-size:16px; padding: 0 6%; display:inline-block }

.list_noms  { padding:80px 0 }
.wrap { flex-wrap:wrap; gap:20px; }
.items_b { width: 80%; padding: 20px; display: block; margin: 0 auto; height: auto; background: #fff; border-radius: 20px; border-right:none; }

.step_1saw { padding: 5% 0 5% 0; margin: 0 auto; padding-top: 0px; }
.step_1saw img { transform: rotate(90deg); }

.all_text_bgs { padding: 100px 0 00px 0; }

.w_story { max-width: 90%; }

.str_text_box { width: 100%; padding-left: 0%; text-align: center; }

.story_01 { width: 100%; padding-right: 0px; text-align: center; }
.story_01 div { display: inline-block; }
.story_02 { width: 100%; clear: both; text-align: center; }
.story_02 div { display: inline-block; }
.story_text11 { margin-bottom: -5px; }

.doc_tor_ws { padding: 80px  0; }

.box_doctors { width: 100%; }

.dc_text_box { padding-bottom: 30px; }

.ls_left { text-align: left !important; }

.program_ws { padding:70px 0; background: url(/img_up/shop_pds/prana11/build/option/01-peu-ra-na-i-bi-in-hu-gwa_-sang-d1743991520.jpg)center top; }

.pro_maxw { width: 90%; }
.pro_texts1 { width: 100%; }
.pro_texts2 { width: 100%; padding-top: 50px; }

.all_conss { width: 100%; text-align: center; }

.probox_conts { width: 100%; }
.probox_cons_img { max-height: 200px; }
.probox_cons_img img { margin-left: -10%; width: 100%; }
.probox_cons_text { padding: 20px; }

.pr_warp { background: #d8e2e1; text-align: center; padding:80px 0 }
.pr_cont { width: 47%; float: none; display: inline-block; margin-right: 0.5%; margin-left: 0.5%; border-top: 0px solid #8eb0ae; margin-bottom: 20px; padding: 2%; vertical-align: top; }

.img_boxs_pr { margin-top: 0px; border-radius: 10px; }

.num_s { background: #fff; position: relative; float: auto; top: -5px; width: 50px; height: 50px; line-height: 50px; left: 0px; right: 0; margin: auto; text-align: center; border-radius: 50%; display: block; margin: 0 auto; }

.collapsible { margin: 0px; border-bottom: 0px solid #f1f1f1; }

.cy_q { font-size: 14px; }

.title_qa a { word-break: keep-all; }

.content_qa:before {font-size: 20px; }

.content_sub_font { word-break: keep-all; }

.contactw { width: 95%; display: block; margin: 0 auto; background: linear-gradient(90deg, #f7f7f7 100%, #f7f7f7 0%); }

.cons_t1 { width: 100%; display: block; text-align: left; }
.cons_t2 { width: 100%; padding-left: 0%; }

.btn_boxs3 { width: 48%; border-radius: 5px; }

}

@media only screen and (min-width: 1024px) {
.contact .cons_t1 { padding-bottom:0; }
} 

/*     734935 : 한줄 텍스트      */
.text__734935__ .contact {max-width:100%;}
.text__734935__ .contact .cons_t1 {padding-bottom: 50px;}

.map__2516465__ iframe {width:100%;vertical-align:top}
.map__2516465__ p {display:none;margin:0;padding:1em 0;font-size:13px}
.map__2516465__ .build_preview__2516465__ {display:table;width:100%}
.map__2516465__ .build_preview__2516465__ .inner__2516465__ {display:table-cell;height:280px;border:1px solid #ddd;background:#f8f8f8;text-align:center;vertical-align:middle}
.map__2516465__ .build_preview__2516465__ .inner__2516465__ .subject__2516465__ {display:block;font-size:16px;font-weight:bold}
.map__2516465__ .build_preview__2516465__ .inner__2516465__ .exp_text__2516465__ {display:block;margin-top:10px;font-weight:normal;font-size:13px;color:#777}
.tabs iframe{height:300px;}

@media all and (min-width:1024px) {
.text__734935__ .contact {max-width:1300px;}
.text__734935__ .cons_t2 { padding-top:0; padding-left:0;}
.text__734935__ .contact .cons_t1 {padding-bottom: 100px;}
}

