@charset "utf-8"; 
/* SIR 지운아빠 */

/*나눔스퀘어 라운드*/
@import url("//cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/nanumsquareround.min.css");

/*! font */
@font-face{
 font-family: 'NanumSquareRound';
 font-weight: 300;
 src: url("fonts/NanumSquareRoundL.woff2") format('woff2'),
 url("fonts/NanumSquareRoundL.woff") format('woff');
}
@font-face{
 font-family: 'NanumSquareRound';
 font-weight: 400;
 src: url("fonts/NanumSquareRoundR.woff2") format('woff2'),
 url("fonts/NanumSquareRoundR.woff") format('woff');
}
@font-face{
 font-family: 'NanumSquareRound';
 font-weight: 600;
 src: url("fonts/NanumSquareRoundB.woff2") format('woff2'),
 url("fonts/NanumSquareRoundB.woff") format('woff');
}

.clear { clear:both; } 
.float_l { float: left; } 
.float_r { float:right; } 
.center { margin:0 auto; } 
.text_center { text-align: center; } 
.width_1 { width:1260px; } 

.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; } 
.clearfix { display:block; } 

* { 
-webkit-box-sizing: content-box; 
 -moz-box-sizing: content-box; 
 box-sizing: content-box; 
 } 
/* 초기화 */
html { overflow-y:scroll } 
body { margin:0; padding:0; font-size:14px; font-family:'Malgun Gothic' } 
html, h1, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 } 
h1, h3, h4, h5, h6 { font-size:1em; font-family:dotum } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } 
h2 { font-size:1em; font-family:Malgun Gothic; font-size:20px } 
#hd ul, nav ul, #ft ul { margin:0; padding:0; list-style:none } 
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden } 
label, input, button, select, img { vertical-align:middle } 
input, button { margin:0; padding:0; font-family:dotum; font-size:1em } 
button { cursor:pointer } 

textarea, select { font-family:dotum; font-size:1em } 
select { height:27px; margin-top:4px; font-family:Malgun Gothic; } 
p { margin:0; padding:0; word-break:break-all } 
hr { display:none } 
pre { overflow-x:scroll; font-size:1.1em; font-family:Malgun Gothic; font-size:12px } 
a:link, a:visited { color:#000; text-decoration:none } 
a:hover, a:focus, a:active { color:#000; text-decoration:underline } 

/* 팝업레이어 */
#hd_pop { z-index:999999; position:relative; margin:0 auto; width:970px; height:0 } 
#hd_pop h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
.hd_pops { position:absolute; border:1px solid #e9e9e9; background:#fff } 
.hd_pops_con { } 
.hd_pops_footer { padding:10px 0; background:#000; color:#fff; text-align:right } 
.hd_pops_footer button { margin-right:5px; padding:5px 10px; border:0; background:#393939; color:#fff } 

/* 상단 레이아웃 */
#hd { z-index:4; position:relative; min-width:970px; background:#fff } 
.hd_zindex { z-index:10 !important } 
#hd_h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#hd_wrapper { position:relative; margin:0 auto; padding:26px 0 0 0; width:100%; zoom:1; z-index:1000 } 
#hd_wrapper:after { display:block; visibility:hidden; clear:both; content:"" } 

#logo { text-align: center } 

#hd_wrapper .hd_sc { position: relative; top:-35px; width:1200px; margin: 0 auto; } 


/* 전체 검색 */
#hd_sch { float:left; margin:0 0 0 20px; padding:0; border-bottom:1px solid #c3c6ca } 
#hd_sch legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden } 
#hd_sch #sch_stx { padding-left:5px; width:110px; height:24px; border:0; background:#fff; line-height:1.9em !important; line-height:1.6em } 
#hd_sch #sch_submit { padding:0 2px; width:24px; height:28px; border:0; background:url('../img/sch_01.png'); color:transparent; cursor:pointer } 

/* 텍스트 크기 조절 */
#text_size { float:left; margin:0 0 0 10px; letter-spacing:-3px } 
#text_size button { margin:0; padding:1px 2px; border:1px solid #c3c6ca; background:transparent; vertical-align:middle; cursor:pointer } 
.ts_up { font-size:1.167em !important } 
.ts_up2 { font-size:1.3em !important } 

/* 상단 회원가입 등 링크 */
#tnb { float:right; margin:-30px 0 0 0; padding:0; list-style:none; zoom:1; font-size: 15px; } 
#tnb:after { display:block; visibility:hidden; clear:both; content:"" } 
#tnb li { float:left; margin:0 0 0 10px } 
#tnb a { display:inline-block; padding:0 10px; height:28px; color:#333; letter-spacing:-0.1em; line-height:2.4em } 
#tnb a:focus, #tnb a:hover, #tnb a:active { text-decoration:none } 
#tnb img { margin-right:3px } 


/* 최종 드롭다운 */


/* Reset */


.clearfix:before,
.clearfix:after { 
content: " "; 
display: table; 
 } 

.clearfix:after { 
clear: both; 
 } 


.container { width:1260px; margin: 0 auto; } 
.container > header { 
width: 90%; 
max-width: 70em; 
margin: 0 auto; 
padding: 0 1.875em 3.125em 1.875em; 
 } 

.container > header { 
padding: 2.875em 1.875em 1.875em; 
 } 

.container > header h1 { 
line-height: 1.3; 
margin: 0; 
float: left; 
font-weight: 400; 
 } 

.container > header span { 
display: block; 
font-weight: 700; 
text-transform: uppercase; 
letter-spacing: 0.5em; 
padding: 0 0 0.6em 0.1em; 
 } 

.container > header nav { 
float: right; 
 } 

.container > header nav a { 
display: block; 
float: left; 
position: relative; 
width: 2.5em; 
height: 2.5em; 
background: #fff; 
border-radius: 50%; 
color: transparent; 
margin: 0 0.1em; 
border: 4px solid #47a3da; 
text-indent: -8000px; 
 } 

.container > header nav a:after { 
content: attr(data-info); 
color: #47a3da; 
position: absolute; 
width: 600%; 
top: 120%; 
text-align: right; 
right: 0; 
opacity: 0; 
pointer-events: none; 
 } 

.container > header nav a:hover:after { 
opacity: 1; 
 } 

.container > header nav a:hover { 
background: #47a3da; 
 } 

.icon-drop:before, 
.icon-arrow-left:before { 
font-family: 'fontawesome'; 
position: absolute; 
top: 0; 
width: 100%; 
height: 100%; 
speak: none; 
font-style: normal; 
font-weight: normal; 
line-height: 2; 
text-align: center; 
color: #47a3da; 
-webkit-font-smoothing: antialiased; 
text-indent: 8000px; 
padding-left: 8px; 
 } 

.container > header nav a:hover:before { 
color: #fff; 
 } 

.icon-drop:before { 
content: "\e000"; 
 } 

.icon-arrow-left:before { 
content: "\f060"; 
 } 

.cbp-hrmenu { 
width: 100%; 
 } 



.cbp-hrmenu .l_wid01 { 
margin: 0 0 0 100px; 

 } 

.cbp-hrmenu .l_wid01 ul { 
margin: 0 0 0 100px; 
font-size: 20px; 
 } 

.cbp-hrmenu .l_wid01 .m_li { 
font-size:17px; 
font-weight: normal; 
color:#464646; } 

/* general ul style */
.cbp-hrmenu ul { 
margin: 0; 
padding: 0; 
 list-style-type: none; 
 font-size: 23px; 
 font-weight: bold; 
 } 

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner { 
width: 1260px; 
max-width: 70em; 
margin: 0 auto; 
text-align:center; 
 } 

.cbp-hrmenu > ul > li { 
display: inline-block; 
 } 

.cbp-hrmenu > ul > li > a { 
font-weight: 700; 
padding: 19px 30px 18px 30px;
color: #383838; 
 display: inline-block; 
 text-decoration: none;
 font-size:20px;
 font-family: 'NanumSquareRound',sans-serif;
 letter-spacing: -0.05em;
}

.cbp-hrmenu > ul > li > a:hover { 
color: #2298f4; 
 } 

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover { 
 color: #464646; 
 text-decoration: none; 
 } 

/* sub-menu */
.cbp-hrmenu .cbp-hrsub { 
display: none; 
position: absolute; 
background: #f8f8f9; 
width: 100%; 
left: 0; 
border-bottom:1px solid #cbcbcb; 
 } 

.cbp-hropen .cbp-hrsub { 
display: block; 
padding-bottom: 2em; 
margin: -4px 0 0 0; 
 } 

.cbp-hrmenu .cbp-hrsub-inner > div { 
 float: left; 
 padding-top:32px; 
 } 

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after { 
content: " "; 
display: table; 
 } 

.cbp-hrmenu .cbp-hrsub-inner:after { 
clear: both; 
 } 

.cbp-hrmenu .cbp-hrsub-inner > div a { 
line-height: 2em; 
 } 

.cbp-hrsub h4 { 
color: #2298f4; 
padding:4px 0 0 50px; 
margin: 0; 
 font-weight: bold; 
 font-size: 25px; 
 font-family: 'NanumBarunGothic'; 
 } 


#wrap { 
 width:100%; 
 height:65px; 
 margin: 0 auto; 
 font-family: 'NanumSquareRound',sans-serif; 
 border-top: 1px solid #e8e8e8; 
 border-bottom: 1px solid #e8e8e8; 
 margin-top:28px; 
 } 

/* 드롭다운 */


#header { width:1200px; margin:0 auto; } 

#header > .header { padding:32px 0; border-bottom:1px solid #dddddd; } 


#header > #main_nav { position:relative; top:0; left:0; } 
#header > #main_nav > .main_nav { width:1200px; margin:0 auto; } 
#header > #main_nav > .main_nav > ul { } 
#header > #main_nav > .main_nav > ul > li { float:left; width:240px; height:65px; } 
#header > #main_nav > .main_nav > ul > li > a { display:block; height:65px; line-height:65px; text-align:center; font-size:23px; color:#383838; font-weight:600; text-decoration: none; } 
#header > #main_nav > .main_nav > ul > li:hover > a,
#header > #main_nav > .main_nav > ul > li.on > a { background:#2493ef !important; color:#fff; } 
#header > #main_nav > .main_nav > ul > li.over > a { background:#2493ef; color:#fff; } 
#header > #main_nav > #main_sub_nav { width:100%; margin:0 auto; background-color:#ffffff; position:absolute; top:65px; left:0; right:0; z-index:999; display:none; } 
#header > #main_nav > #main_sub_nav > .main_sub_nav { width:1200px; margin:0 auto; border-left:1px solid #ffffff; *zoom:1; border-top: 1px solid #e8e8e8; } 
#header > #main_nav > #main_sub_nav > .main_sub_nav:after { content:""; display:block; clear:both; } 
#header > #main_nav > #main_sub_nav > .main_sub_nav .list_div { float:left; width:190px; height:246px; padding:25px; } 
#header > #main_nav > #main_sub_nav > .main_sub_nav .list_div > ul { } 
#header > #main_nav > #main_sub_nav > .main_sub_nav .list_div > ul > li { margin-top:13px; } 
#header > #main_nav > #main_sub_nav > .main_sub_nav .list_div > ul > li:first-child { margin-top:0; } 
#header > #main_nav > #main_sub_nav > .main_sub_nav .list_div > ul > li a { font-size:17px; color:#969696; line-height:25px; } 
#header > #main_nav > #main_sub_nav > .main_sub_nav .on { background-color:#f6f9f9; } 
#header > #main_nav > #main_sub_nav > .main_sub_nav .on > ul > li a { color:#505050; } 

/* 상단 */

#sub_wrap .sub_visual { width:100%; height:250px; margin:0; } 
#sub_wrap .sub_title { width:100%; height:51px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } 

#sub_title ul { width:1261px; margin:0 auto; font-size: 16px; color:#9f9f9f; letter-spacing: -1px; } 
#sub_title ul li { float: left; line-height: 51px; padding:0 38px; border-right:1px solid #d9d9d9; } 
#sub_title .home { padding: 0 20px; border-right:1px solid #d9d9d9; border-left: 1px solid #d9d9d9; } 

#sub_content { 
 overflow:hidden; 
 height:auto; 
 width:1260px; 
 margin:0 auto; 
 border-left:1px solid #d9d9d9; 
 border-right:1px solid #d9d9d9; } 


/* 서브 메뉴 */

#tap_wrp { float:left; width:225px; } 
#tap_wrp ul { font-size:18px; letter-spacing:-1px; line-height: 51px; } 
#tap_wrp ul li { color:#595959; border-bottom:1px solid #d9d9d9; } 
#tap_wrp ul li a { 
 text-decoration: none; 
 color: #595959; 
 padding:0 0 0 15px; 
 background-color: #fff; 
 display: block; 
 width: 93.4%; 
 height: 100%; 
 font-size: 18px; 
 position: relative; } 
#tap_wrp ul li a.active { 
color: #fff; 
 background-color: #1d6fc3; } 
 

#tap_wrp .title { font-size: 27px; height:123px; line-height:123px; color:#212121; padding:0 0 0 15px; } 


#tap_wrp .title1 { color:#595959; border-bottom:1px solid #d9d9d9; height: 43px; 
 line-height: 43px; } 
#tap_wrp .title1 a { 
 text-decoration: none; 
 color: #595959; 
 padding:0 0 0 15px; 
 background-color: #f4f5f6; 
 display: block; 
 width: 93.4%; 
 height: 100%; 
 font-size: 15px; 
 position: relative; } 
#tap_wrp .title1 ul li a.active { 
color: #fff; 
background-color: #1d6fc3; } 

#container { float:right; width:894px; padding:40px 70px 140px 70px; border-left:1px solid #d9d9d9; } 
#container .title { font-size:31px; font-weight:bold; border-bottom:1px solid #dadada; padding-bottom:37px; margin-bottom:50px; } 


/* 메인메뉴 */
#gnb { position:relative; margin:-1px 0 0; border-top:1px dotted #dde4e9; border-bottom:1px solid #dde4e9; background:#ecf0f7 } 
#gnb h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#gnb_1dul { margin:0 auto !important; padding:0; width:970px; zoom:1 } 
#gnb_1dul:after { display:block; visibility:hidden; clear:both; content:"" } 
.gnb_1dli { z-index:10; position:relative; float:left } 
.gnb_1da { display:inline-block; padding:0 40px 0 10px; height:35px; background:url('../img/gnb_bg00.gif') center right no-repeat; font-weight:bold; line-height:2.95em; text-decoration:none } 
.gnb_1da:focus, .gnb_1da:hover { background:url('../img/gnb_bg00.gif') #333 center right no-repeat; text-decoration:none } 
.gnb_1dli_air .gnb_1da { background-color:#333; color:#fff } 
.gnb_1dli_on .gnb_1da { background-color:#333; color:#fff } 
.gnb_2dul { display:none; position:absolute; top:35px; width:180px } 
.gnb_2da { display:block; padding:13px 10px; text-align:left; text-decoration:none } 
.gnb_1dli_air .gnb_2da { background-color:#333; color:#fff } 
.gnb_1dli_on .gnb_2da { background-color:#333; color:#fff } 
.gnb_2da:focus, .gnb_2da:hover { background:#666; text-decoration:none } 
.gnb_1dli_over .gnb_2dul { display:block; left:0; background:#fff } 
.gnb_1dli_over2 .gnb_2dul { display:block; right:0; background:#fff } 

#gnb_empty { padding:10px 0; width:100%; text-align:center; line-height:2em } 
#gnb_empty a { text-decoration:underline } 


/* 중간 레이아웃 */

#wrapper { width:100%; background-color:#f2f2f2; padding: 0 0 55px 0; } 
#wrapper .main_content { width:1260px; margin:0 auto; text-align:center; padding:30px 0 80px 0; font-family: 'Malgun Gothic',sans-serif; } 
#wrapper .main_content span { font-size:19px; letter-spacing: -1px; } 
#wrapper .main_content ul li { margin: 30px 0; } 
#wrapper .main_content img { margin: 0 0 19px 0; } 

/* 메인 - 이런 일을 합니다 (사진 이미지 + 텍스트 코딩) */
#wrapper .main_service_list {
 display: flex;
 justify-content: center;
 gap: 18px;
}
#wrapper .main_service_card {
 width: 300px;
 text-align: center;
 overflow: hidden;
}
#wrapper .main_service_card a {
 display: block;
 text-decoration: none;
 color: #383838;
}
#wrapper .main_service_photo {
 width: 100%;
 height: 207px;
 overflow: hidden;
 background-repeat: no-repeat;
 background-position: center top;
 background-size: auto 384px;
}
#wrapper .main_service_photo--1 { background-image: url(../img/main_imgbg01.png); }
#wrapper .main_service_photo--2 { background-image: url(../img/main_imgbg02.png); }
#wrapper .main_service_photo--3 { background-image: url(../img/main_imgbg03.png); }
#wrapper .main_service_photo--5 { background-image: url(../img/main_imgbg05.png); }
#wrapper .main_service_text {
 height: 177px;
 padding: 0 10px;
 background: #fff;
 box-sizing: border-box;
 display: flex;
 align-items: center;
 justify-content: center;
}
#wrapper .main_service_copy {
 width: 100%;
 text-align: center;
}
#wrapper .main_service_title {
 display: block;
 font-family: 'Malgun Gothic', sans-serif;
 font-size: 22px;
 font-weight: 700;
 letter-spacing: -1px;
 line-height: 1;
 margin: 0 0 19px;
 padding: 0;
 color: #383838;
}
#wrapper .main_service_desc {
 font-family: 'Malgun Gothic', sans-serif;
 font-size: 19px;
 letter-spacing: -1px;
 line-height: 1.35;
 margin: 0;
 padding: 0;
 color: #383838;
}

#wrapper .main_bg1 { 
 width:300px; 
 height:144px; 
 background: url(../img/main_imgbg01.png) center center; 
 float: left; 
 padding: 240px 0 0 0; 
 } 
#wrapper .main_bg2 { 
 width:300px; 
 height:144px; 
 background: url(../img/main_imgbg02.png) center center; 
 float: left; 
 padding: 240px 0 0 0; 
 margin: 0 0 0 18px; 
 } 
#wrapper .main_bg3 { 
 width:300px; 
 height:144px; 
 background: url(../img/main_imgbg03.png) center center; 
 float: left; 
 padding: 240px 0 0 0; 
 margin: 0 0 0 18px; 
 } 
#wrapper .main_bg5 { 
 width:300px; 
 height:144px; 
 background: url(../img/main_imgbg05.png) center center; 
 float: left; 
 padding: 240px 0 0 0; 
 margin: 0 0 0 18px; 
 } 

#wrapper .main_bg4 { 
 width:400px; 
 height:384px; 
 background: url(../img/main_img03.png); 
 margin: 0 18px; 
 } 


#wrapper .main_gallery { width:1260px; margin:0 auto; text-align:center; padding:80px 0 40px 0; font-family: 'Malgun Gothic',sans-serif; } 

#wrapper .main_gallery .bt_01 { margin:0 0 0 10px; } 


#wrapper .main_news { width:1260px; margin:0 auto; text-align:center; padding:0 0 80px 0; font-family: 'Malgun Gothic',sans-serif; } 
#wrapper .mnimg01 { margin:45px 0; } 


/* 메인 슬라이더 */

.main_slider { margin:0 auto; text-align:center; position : relative; } 
.main_slider img { position:absolute; 
 top:50%; 
 left:49.6%; 
 transform:translate(-50%, -50%); 
 margin:191px 0 0 0; } 
.cd-animate-fading { animation:fading 15s infinite } @keyframes fading { 2% { opacity:0.5 } 10% { opacity:1 } 250% { opacity:0.5 } 
 } 

/* 하단 레이아웃 */
#ft { } 

#ft .f_tail { width:100%; height:236px; background-color:#2493ef; } 
#ft .f_tail .ftimg01 { margin:65px 0 0 58px; } 
#ft .f_tail .ftimg02 { margin:92px 0 0 45px; } 
#ft .f_tail .ftimg03 { margin:92px 0 0 21px; } 
#ft .f_tail .ftimg04 { margin:92px 0 0 21px; } 

#ft h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#ft p { margin:0; padding:10px 0; line-height:1.8em } 

#ft .ft_copy { width:100%; height:289px; background-color:#fdfdfd; font-family:'Malgun Gothic',sans-serif; color:#353535; } 
#ft .ft_copy span { font-size:16px; } 
#ft .ft_copy p { font-size:13px; } 
#ft .ft_padding { padding:60px 0 0 0; } 

#ft .ft_copy .ftimg05 { margin:44px 165px 0 0 } 
#ft .ft_copy .ftimg06 { margin:44px 65px 0 0 } 
#ft .ft_copy .ftimg07 { margin:30px 0 0 0 } 

/* 게시물 선택복사 선택이동 */
#copymove { } 
.copymove_current { float:right; color:#ff3061 } 
.copymove_currentbg { background:#f4f4f4 } 

/* 화면낭독기 사용자용 */
#hd_login_msg { position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden } 
.msg_sound_only, .sound_only { display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important } 
/* 본문 바로가기 */
#skip_to_container a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#skip_to_container a:focus, #skip_to_container a:active { width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em } 

/* ie6 이미지 너비 지정 */
.img_fix { width:100%; height:auto } 

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha { display:inline-block; position:relative } 
#captcha legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; } 
#captcha #captcha_img { width:160px; height:60px; border:1px solid #e9e9e9; vertical-align:top; padding:0; margin:0 } 
#captcha #captcha_mp3 { position:absolute; top:0; left:161px;; margin:0; padding:0; width:31px; height:31px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer } 
#captcha #captcha_mp3 span { position:absolute; top:0; left:0; width:31px; height:31px; background:url('../../../img/captcha.png') no-repeat; } 
#captcha #captcha_reload { position:absolute; top:31px; left:161px; margin:0; padding:0; width:31px; height:31px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha.png') no-repeat 0 -30px; border-top:1px solid #ccc; text-indent:-999px } 
#captcha #captcha_key { margin:0 0 0 33px; padding:0 5px; width:70px; height:60px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:bold; text-align:center; line-height:2.8em; vertical-align:top } 
#captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em } 

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio { display:block; margin:0 0 5px; width:187px } 
#captcha.m_captcha #captcha_img { width:160px; height:60px; border:1px solid #e9e9e9; margin-bottom:3px; margin-top:5px; display:block; } 
#captcha.m_captcha #captcha_reload { position:static; margin:0; padding:0; width:31px; height:31px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha.png') no-repeat 0 -30px; text-indent:-999px } 
#captcha.m_captcha #captcha_reload span { display:none; } 
#captcha.m_captcha #captcha_key { margin:0; padding:0 5px; width:115px; height:29px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:bold; text-align:center; line-height:29px; margin-left:3px } 
#captcha.m_captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em } 
#captcha.m_captcha #captcha_mp3 { width:31px; height:31px; background:url('../../../img/captcha.png') no-repeat; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none } 

/* ckeditor 단축키 */
.cke_sc { margin:0 0 5px; text-align:right } 
.btn_cke_sc { display:inline-block; padding:0 10px; height:23px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; line-height:1.9em; vertical-align:middle; cursor:pointer; font-family:Malgun Gothic } 
.cke_sc_def { margin:0 0 5px; padding:10px; border:1px solid #ccc; background:#f7f7f7; text-align:center } 
.cke_sc_def dl { margin:0 0 5px; text-align:left; zoom:1 } 
.cke_sc_def dl:after { display:block; visibility:hidden; clear:both; content:"" } 
.cke_sc_def dt, .cke_sc_def dd { float:left; margin:0; padding:5px 0; border-bottom:1px solid #e9e9e9 } 
.cke_sc_def dt { width:20%; font-weight:bold } 
.cke_sc_def dd { width:30% } 

/* 버튼 */
a.btn01 { display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; vertical-align:middle } 
a.btn01:focus, a.btn01:hover { text-decoration:none } 
button.btn01 { display:inline-block; margin:0; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none } 
a.btn02 { display:inline-block; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle } 
a.btn02:focus, .btn02:hover { text-decoration:none } 
button.btn02 { display:inline-block; margin:0; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none } 

.btn_confirm { text-align:center } /* 서식단계 진행 */

.btn_submit { padding:8px 10px 8px 8px; border:0; background:#1d96c3; color:#fff; letter-spacing:-0.1em; cursor:pointer; font-family:Malgun Gothic; } 
fieldset .btn_submit { font-family:Malgun Gothic; padding:2px 12px 4px 10px; height:24px; line-height:1em; margin-top:5px } 

a.btn_cancel { display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; vertical-align:middle } 
button.btn_cancel { display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; vertical-align:top; text-decoration:none } 

a.btn_frmline, button.btn_frmline { display:inline-block; padding:0 5px; height:24px; border:0; background:#333; color:#fff; letter-spacing:-0.1em; text-decoration:none; vertical-align:top } /* 우편번호검색버튼 등 */
a.btn_frmline { line-height:24px } 
button.btn_frmline { font-size:1em; font-family:Malgun Gothic } 

/* 게시판용 버튼 */
a.btn_b01 { display:inline-block; padding:7px; border:1px solid #d9ded9; background:#f2f5f9; color:#000; text-decoration:none; vertical-align:middle } 
a.btn_b01:focus, .btn_b01:hover { text-decoration:none } 
a.btn_b02 { display:inline-block; padding:7px 7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle } 
a.btn_b02:focus, .btn_b02:hover { text-decoration:none } 
a.btn_admin { display:inline-block; padding:7px; border:1px solid #1763ae; background:#1763ae; color:#fff; text-decoration:none; vertical-align:middle } /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover { text-decoration:none } 

/* 댓글 스타일 */
.cnt_cmt { display:inline-block; margin:0 0 0 3px; font-weight:bold } 

/* 기본테이블 */
.tbl_wrap table { width:100%; border-collapse:collapse; border-spacing:0 } 
.tbl_wrap caption { padding:10px 0; font-weight:bold; text-align:left } 

.tbl_head01 { margin:0 0 10px } 
.tbl_head01 caption { padding:0; font-size:0; line-height:0; overflow:hidden } 
.tbl_head01 thead th { padding:12px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em } 
.tbl_head01 thead a { color:#383838 } 
.tbl_head01 thead th input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td { padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center } 
.tbl_head01 tbody th { padding:8px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 } 
.tbl_head01 td { padding:8px 5px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:1.5em; word-break:break-all } 
.tbl_head01 a { } 

.tbl_head02 { margin:0 0 10px } 
.tbl_head02 caption { padding:0; font-size:0; line-height:0; overflow:hidden } 
.tbl_head02 thead th { padding:5px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em } 
.tbl_head02 thead a { color:#383838 } 
.tbl_head02 thead th input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td { padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center } 
.tbl_head02 tbody th { padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 } 
.tbl_head02 td { padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:1.4em; word-break:break-all } 
.tbl_head02 a { } 

/* 폼 테이블 */
.tbl_frm01 { margin:0 0 20px } 
.tbl_frm01 table { width:100%; border-collapse:collapse; border-spacing:0 } 
.tbl_frm01 th { width:70px; padding:7px 13px; border:1px solid #e9e9e9; border-left:0; background:#f5f8f9; text-align:left } 
.tbl_frm01 td { padding:7px 10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent } 
.tbl_frm01 textarea, .frm_input { border:1px solid #e4eaec; background:#f7f7f7; color:#000; vertical-align:middle; line-height:2em } 
.tbl_frm01 textarea { padding:2px 2px 3px } 
.frm_input { height:27px; margin-top:5px; font-family:Malgun Gothic; } 
.tbl_frm01 textarea { width:98%; height:100px } 
.tbl_frm01 a { text-decoration:none } 
.tbl_frm01 .frm_file { display:block; margin-bottom:5px } 
.tbl_frm01 .frm_info { display:block; padding:0 0 5px; line-height:1.4em } 

/* 자료 없는 목록 */
.empty_table { padding:50px 0 !important; text-align:center } 
.empty_list { padding:20px 0 !important; text-align:center } 

/* 필수입력 */
.required, textarea.required { background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important } 

/* 테이블 항목별 정의 */
.td_board { width:120px; text-align:center } 
.td_category { width:80px; text-align:center } 
.td_chk { width:30px; text-align:center } 
.td_date { width:60px; text-align:center } 
.td_datetime { width:110px; text-align:center } 
.td_group { width:100px; text-align:center } 
.td_mb_id { width:100px; text-align:center } 
.td_mng { width:80px; text-align:center } 
.td_name { width:100px; text-align:left } 
.td_nick { width:100px; text-align:center } 
.td_num { width:50px; text-align:center } 
.td_numbig { width:80px; text-align:center } 
.td_stat { width:60px; text-align:center } 

.txt_active { color:#5d910b } 
.txt_done { color:#e8180c } 
.txt_expired { color:#ccc } 
.txt_rdy { color:#8abc2a } 

/* 새창 기본 스타일 */
.new_win { } 
.new_win .tbl_wrap { margin:0 20px } 
.new_win #win_title { margin:0 0 20px; padding:20px; border-top:3px solid #333; border-bottom:1px solid #dde4e9; background:#fff; font-size:1.2em } 
.new_win #win_title .sv { font-size:0.75em; line-height:1.2em } 
.new_win .win_ul { margin:-20px 0 20px 0; padding:0 20px; border-bottom:1px solid #455255; background:#484848; list-style:none; zoom:1 } 
.new_win .win_ul:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .win_ul li { float:left; margin-left:-1px } 
.new_win .win_ul a { display:block; padding:10px 10px 8px; border-right:1px solid #455255; border-left:1px solid #455255; color:#fff; font-family:dotum; font-weight:bold; text-decoration:none } 
.new_win .win_desc { padding:20px } 

.new_win .win_btn { clear:both; padding:20px; text-align:center } /* 새창용 */
.new_win .win_btn button { display:inline-block; padding:0 10px; height:30px; border:0; background:#4b545e; color:#fff; line-height:2em; cursor:pointer } 
.new_win .win_btn input { padding:0 10px; height:30px; line-height:2em } 
.new_win .win_btn a { display:inline-block; padding:0 10px; height:30px; background:#4b545e; color:#fff; vertical-align:middle; line-height:2.4em } 
.new_win .win_btn a:focus, .new_win .win_btn a:hover { text-decoration:none } 

/* 검색결과 색상 */
.sch_word { color:#ff3061 } 

/* 자바스크립트 alert 대안 */
#validation_check { margin:100px auto; width:500px } 
#validation_check h1 { margin-bottom:20px; font-size:1.3em } 
#validation_check p { margin-bottom:20px; padding:30px 20px; border:1px solid #e9e9e9; background:#fff } 

/* 사이드뷰 */
.sv_wrap { display:inline-block; position:relative; font-weight:normal } 
.sv_wrap .sv { z-index:1000; display:none; margin:5px 0 0; border:1px solid #283646 } 
.sv_wrap .sv a { display:inline-block; margin:0; padding:3px; width:94px; border-bottom:1px solid #283646; background:#111; color:#fff !important } 
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active { text-decoration:none } 
.sv_on { display:block !important; position:absolute; top:10px; left:20px; width:auto; height:auto } 
.sv_nojs .sv { display:block } 

/* 페이징 */
.pg_wrap { clear:both; margin:0 0 20px; padding:20px 0 0; text-align:center } 
.pg { } 
.pg_page, .pg_current { display:inline-block; padding:0 8px; height:25px; color:#000; letter-spacing:0; line-height:2.2em; vertical-align:middle } 
.pg a:focus, .pg a:hover { text-decoration:none } 
.pg_page { background:#e4eaec; text-decoration:none } 
.pg_start, .pg_prev { /* 이전 */ } 
.pg_end, .pg_next { /* 다음 */ } 
.pg_current { display:inline-block; margin:0 4px 0 0; background:#333; color:#fff; font-weight:normal } 

/* Mobile화면으로 */
#device_change { display:block; margin:0.3em; padding:0.5em 0; border:1px solid #eee; border-radius:2em; background:#fff; color:#000; font-size:2em; text-decoration:none; text-align:center } 



/* 메인 시설소개 */

.main_modal { margin:30px 0 0 0; } 
.main_modal .w3-modal { z-index:10000; display:none; padding-top:150px; position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4) } 
.main_modal .w3-modal-content { margin:auto; background-color:#fff; position:relative; padding:0; outline:0; max-width:700px; } 
.main_modal .w3-display-topright { position:absolute; right:0; top:0 } 

.main_modal .w3-button:hover { color:#fff!important; background-color:#000!important } 
.main_modal .w3-button { font-size:40px; border:none; display:inline-block; padding:1px 8px; vertical-align:middle; overflow:hidden; text-decoration:none; color:#fff; background-color:#ee3124; text-align:center; cursor:pointer; white-space:nowrap } 
.main_modal .w3-button:disabled { cursor:not-allowed; opacity:0.3 } .w3-disabled *,:disabled * { pointer-events:none } 

.main_modal .modalimg_01 { margin:15px 10px; cursor:pointer; vertical-align:top; } 
.main_modal .gallery_card {
 display: inline-block;
 position: relative;
 width: 390px;
 overflow: hidden;
 border-radius: 15px;
}
.main_modal .gallery_card img {
 display: block;
 width: 100%;
 height: auto;
 vertical-align: top;
}
.main_modal .gallery_label {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 height: 22%;
 background: rgba(40,40,40,0.72);
 color: #fff;
 font-family: 'Malgun Gothic', sans-serif;
 font-size: 22px;
 font-weight: 700;
 letter-spacing: -1px;
 display: flex;
 align-items: center;
 justify-content: flex-start;
 padding: 0 28px;
 box-sizing: border-box;
}
.main_modal .gallery_modal_pic {
 position: relative;
}
.main_modal .gallery_modal_pic img {
 display: block;
 width: 100%;
}
.main_modal .gallery_modal_pic .gallery_label {
 height: 16%;
 font-size: 24px;
} 


/* 서브페이지 css * /


/* 병원시설안내 */


.clinic_01 { margin:30px 0 0 0; } 
.clinic_01 .w3-modal { z-index:10000; display:none; padding-top:250px; position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4) } 
.clinic_01 .w3-modal-content { margin:auto; background-color:#fff; position:relative; padding:0; outline:0; max-width:700px; } 
.clinic_01 .w3-display-topright { position:absolute; right:0; top:0 } 

.clinic_01 .w3-button:hover { color:#fff!important; background-color:#000!important } 
.clinic_01 .w3-button { font-size:40px; border:none; display:inline-block; padding:1px 8px; vertical-align:middle; overflow:hidden; text-decoration:none; color:#fff; background-color:#ee3124; text-align:center; cursor:pointer; white-space:nowrap } 
.clinic_01 .w3-button:disabled { cursor:not-allowed; opacity:0.3 } .w3-disabled *,:disabled * { pointer-events:none } 

.clinic_01 .modalimg_01 { margin:15px 10px; cursor:pointer; vertical-align:top; } 
.clinic_01 .gallery_card {
 display: inline-block;
 position: relative;
 width: 390px;
 overflow: hidden;
 border-radius: 15px;
}
.clinic_01 .gallery_card img {
 display: block;
 width: 100%;
 height: auto;
 vertical-align: top;
}
.clinic_01 .gallery_label {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 height: 22%;
 background: rgba(40,40,40,0.72);
 color: #fff;
 font-family: 'Malgun Gothic', sans-serif;
 font-size: 22px;
 font-weight: 700;
 letter-spacing: -1px;
 display: flex;
 align-items: center;
 justify-content: flex-start;
 padding: 0 28px;
 box-sizing: border-box;
}
.clinic_01 .gallery_modal_pic {
 position: relative;
}
.clinic_01 .gallery_modal_pic img {
 display: block;
 width: 100%;
}
.clinic_01 .gallery_modal_pic .gallery_label {
 height: 16%;
 font-size: 24px;
} 

.inq_2em { line-height:40px; } 

input[type=radio], input[type=checkbox] { 
 margin: 1px 0 0; 
 margin-top: 1px; 
 line-height: normal; 
 } 



/*암 종류별 치료 20190522 추가*/

.main_treat { width:1260px; margin:0 auto; text-align:center; padding:50px 0 50px 0; } 
.main_treat .main_treat_ul { height:176px; margin-top:30px !important; } 
.main_treat .main_treat_ul li { float:left; width:12.3%; height:100%; background:#fff; border-right:1px solid #e5e5e5; } 
.main_treat .main_treat_ul li:nth-child(8) { border-right:none; } 
.main_treat .main_treat_ul li a { display:block; } 
.main_treat .main_treat_ul li img { display:block; margin:25px auto 8px auto; } 
.main_treat .main_treat_ul li p { font-size:20px; color:#2d2d2d; letter-spacing:-1px; } 


.ina_movie { width: 703px; height: 400px; } 


/*의료진 소개 화면 20191011 추가*/
.docter_new_title { font-size:28px; letter-spacing:-1px; margin-bottom:25px; } 
.docter_new { margin-bottom:90px; } 
.docter_new .doc_img { position:relative; width:500px; float:left; } 
.docter_new .doc_img:after { position:absolute; content:""; width:100%; height:80px; bottom:0; right:0; background:url("/theme/basic/img/doctor_new_img_back.png") center center no-repeat; } 
.doc_txt { float:left; width:374px; padding-left:20px; } 
.doc_txt .top_line { display:block; height:2px; background:#0092b3; } 
.doc_txt h3 { font-family: 'Malgun Gothic'; display:inline-block; font-size:35px; font-weight:bold; color:#141414; padding:28px 0 0 20px; letter-spacing:-2px; } 
.doc_txt span { font-size:20px; color:#0092b3; padding-left:16px; letter-spacing:-2px; } 
.doc_txt ul { display:block; padding-top:30px !important; } 
.doc_txt ul li { font-size:18px; color:#3d3d3d; padding-left:20px; line-height:1.7; } 


.banner { background:#fff; margin-left:0; width:1200px; margin:0 auto; } 
.banner .banner_wrap { position:relative; width:auto; height:auto; margin:0 auto; padding:32px 0 0 210px; overflow:hidden; float:right; } 
.banner h2 { position:absolute; left:0; top:50%; margin-top:-9px; color:#000; font-size:17px; font-family:"Malgun Gothic",sans-serif; font-weight:600; letter-spacing:-1px; } 
/*
.banner .banner_control { position:absolute; left:110px; top:48%; margin-top:-8px; } 
.banner .banner_control button,.banner .banner_control a { display:inline-block; float:left; margin:0; padding:0; background:none; border:none; font-size:0; line-height:0; } 
.banner .banner_control .button_ctrl.play { display:block; background:url('/theme/basic/img/btn_stop.png') no-repeat; width:26px; height:24px; } 
.banner .banner_control .button_ctrl.pause { display:block; background:url('/theme/basic/img/btn_play.png') no-repeat; width:26px; height:24px; } 
*/

.banner #banner_img { position:relative; width:30000px; margin-left:0; } 
.banner #banner_img li { position:relative; float:left; width:182px; height:50px; margin-left:8px; } 
.banner #banner_img li:first-child { margin-left:0 } 
.banner #banner_img li:after { display:block; position:absolute; left:0; top:70%; width:1px; height:9px; margin-top:-15px; border-left:1px dotted #7b7b7b; content:''; } 
.banner #banner_img li:first-child:after { display:none; } 
.banner #banner_img a { display:inline-block; position:relative; font-size:14px; color:#252525; text-decoration:none; border:1px solid #b1b1b1; } 


.banner ul li { display:block; float:left; width:136px; height:43px; margin:0 2px 25px 2px; } 
.banner ul li a { display:block; overflow:hidden; } 
.banner_list { width:952px; overflow:hidden; margin-left:8px; } 




/*헤더레이아웃 변경 191231 추가*/
/*
되돌리려면 head.php 에서 #gnb_menu 부분 주석 해제 해야함
#hd_wrapper { width:1260px; padding:0; } 
#logo { display:inline-block; width:220px; float:left; margin-top:28px; } 
#logo img { width:220px; } 
#gnb_menu { display:inline-block; width:745px; float:left; } 
#gnb_menu #wrap { border-top:none; border-bottom:none; } 
#gnb_menu .container { width:745px; } 
.cbp-hrmenu { display:inline-block; width:745px; } 
.cbp-hrmenu > ul { width:745px; font-size:18px; } 
.cbp-hrmenu > ul > li > a { padding: 10px 15px 18px 15px; font-weight:500; } 

.banner { display:inline-block; width:250px; float:left; margin:0 0 0 35px; padding-top:10px; } 
.banner h3 { text-align:center; color:#fff; font-size:14px; font-weight:700; font-family:"Malgun Gothic",sans-serif; width:150px; padding:5px 0; background:#24a6e0; border-radius:50px; margin:0 auto 0 auto; } 
.banner .banner_wrap { padding:0; } 
.banner ul li { margin:0 2px; } 
.banner_list { width:190px; float:left; } 
.banner #banner_img a { border:none; } 
.banner .banner_control { left:0; top:30px; display:inline-block; float:left; margin-top:12px; } 
.banner .banner_control button { border:none; } 
.banner .banner_control button.button_prev { float:left; } 
.banner .banner_control button.button_next { float:left; } 
.cbp-hropen .cbp-hrsub { margin:11px 0 0 0; } 
*/


/*헤더레이아웃 재요청으로 다시변경 191231 추가*/
#hd_wrapper { width:100%; padding:0; text-align:center; } 
#logo_banner { width:1260px; margin:0 auto; position:relative; } 
#logo { position:absolute; left:220px; top:30px; display:inline-block; margin-top:0; width:250px; } 
#logo img { width:100%; } 
#rel_mark { position:absolute; left:100px; top:15px; display:inline-block; width:80px; height:80px; } 
/*
#gnb_menu { display:block; width:745px; float:left; } 
#gnb_menu #wrap { border-top:none; border-bottom:none; } 
#gnb_menu .container { width:745px; } 
.cbp-hrmenu { display:block; width:1260px; } 
.cbp-hrmenu > ul { width:1260px; font-size:18px; } 
.cbp-hrmenu > ul > li > a { padding: 10px 15px 18px 15px; font-weight:500; } 
*/
#wrap { margin-top:10px; } 
.banner { display:inline-block; width:630px; margin:0 0 0 300px; padding-top:10px; } 
.banner h3 { text-align:center; color:#fff; font-size:14px; font-weight:700; font-family:"Malgun Gothic",sans-serif; width:150px; padding:5px 0; background:#24a6e0; border-radius:50px; margin:0 auto 0 auto; } 
.banner .banner_wrap { padding:0; } 
.banner ul li { margin:0 2px; } 
.banner_list { width:380px; float:left; } 
.banner #banner_img a { border:none; } 
.banner .banner_control { left:0; top:30px; display:inline-block; float:left; margin-top:12px; } 
.banner .banner_control button { border:none; } 
.banner .banner_control button.button_prev { float:left; } 
.banner .banner_control button.button_next { float:left; } 




/*오시는 길 수정 20200130*/
.cd_map_01 { margin-bottom:70px; } 
.map_title { font-size:30px; margin-bottom:5px; letter-spacing:-1px; } 
.map_subtxt { font-size:21px; letter-spacing:-1.5px; margin-top:10px; } 
.tab_click { margin-top:50px; } 
.tab_click #realcon_tab { height:60px; } 
.tab_click #realcon_tab li { float:left; width:215px; height:60px; line-height:60px; text-align:center; font-size:22px; font-weight:bold; color:#5d5d5d; border:1px solid #dfdfdf; letter-spacing:-1px; } 
.tab_click #realcon_tab li:nth-child(1) { border-right:none; } 

/*모달창 띄우기*/
.tab_click { position:relative; } 
#modal_opne_btn { position:absolute; right:0; top:2px; height:60px; line-height:60px; background:#a76003; font-size:17px; font-weight:bold; color:#fff; letter-spacing:-2px; border:none; text-align:left; padding:0 20px; } 
#modal { display:none; position:relative; width:100%; height:100%; z-index:1100; } 
#modal h2 { margin:0; } 
#modal button { display:inline-block; width:100px; margin-left:calc(100% - 100px - 10px); } 
#modal .modal_content { position:fixed; left:40%; top:0; width:410px; height:600px; margin:100px auto; padding:10px 0; background:#fff; border:2px solid #666; text-align:center; } 
#modal .modal_layer { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:-1; } 

#modal .modal_content h2 { font-size:25px; color:#505050; letter-spacing:-2px; line-height:1.2; margin-top:20px; } 
#modal .modal_content h2 strong { font-size:35px; color:#1d6fc3; } 
#modal .modal_content .modal_address { background:#d4e6fe; padding:18px 0; margin:20px 0; } 
#modal .modal_content .modal_address h3 { font-size:20px; letter-spacing:-2px; color:#222; font-weight:bold; background:#fff; border-radius:20px; width:120px; height:40px; line-height:40px; margin:0 auto 10px auto; } 
#modal .modal_content .modal_address p { font-size:16px; letter-spacing:-2px; color:#222; } 
#modal .modal_content .modal_phone { background:#ebebeb; border-radius:20px; padding:22px 15px 18px 15px; width:350px; margin:0 auto; } 
#modal .modal_content .modal_phone p { font-size:15px; color:#1d6fc3; letter-spacing:-2px; } 
#modal .modal_content .modal_phone .phone_number { margin-top:10px; } 
#modal .modal_content .modal_phone .phone_number input { width:95px; height:42px; border:none; margin:0 2px; text-align:center; } 
#modal .modal_content .modal_phone .bottom_txt { color:#868686; font-size:14px; margin-top:15px; } 
#modal .modal_content .message_send { display:block; width:205px; height:55px; line-height:55px; font-size:16px; color:#fff; letter-spacing:-2px; font-weight:bold; margin:20px auto 0 auto; background:#1d6fc3; border:none; } 

.popup_online { width:455px; height:292px; position:relative; border:8px solid #dadada; background-color:#fff; }
/*{팝업 레이어 관리 넓이는 616px}*/
/*.popup_online { width:600px; height:292px; position:relative; border:8px solid #dadada; background-color:#fff; }*/
.popup_online .popup_button { position:absolute; display:block; top:13px; left:12px; font-size:0; } 
.popup_button li { display:inline-block; margin-right:13px; width:134px; height:267px; cursor:pointer; } 
.popup_button li a { display:block; width:100%; height:100%; } 
.popup_button li:last-child { margin-right:0; } 
.popup_button li:first-child { background-image:url('/theme/basic/img/pop01_online.png'); } 
.popup_button li:first-child:hover { background-image:url('/theme/basic/img/pop01_online_on.png'); } 
.popup_button li:nth-child(2) { background-image:url('/theme/basic/img/pop02_kakao.png'); } 
.popup_button li:nth-child(2):hover { background-image:url('/theme/basic/img/pop02_kakao_on.png'); } 
.popup_button li:nth-child(3) { background-image:url('/theme/basic/img/pop03_blog.png'); } 
.popup_button li:nth-child(3):hover { background-image:url('/theme/basic/img/pop03_blog_on.png'); } 
.popup_button li:nth-child(4) { background-image:url('/theme/basic/img/pop04_ready.jpg'); } 
.popup_button li:nth-child(4):hover { background-image:url('/theme/basic/img/pop04_ready_on.jpg'); } 

#partners ul li { float:left; width:260px; height:120px; border:1px solid #d9d9d9; border-radius:30px; margin-left:25px; margin-bottom:30px; overflow:hidden; } 
#partners ul li:nth-child(3n+1) { margin-left:0; } 

.main_movie { width:1260px; margin:0 auto; text-align:center; margin-bottom:50px; } 

#around .list-around { width:213px; height:170px; float:left; border:1px solid #d9d9d9; position:relative; padding:14px 5px 0 180px; margin-bottom:40px; } 
#around .list-around:nth-child(2n+1) { margin-right:94px; } 
#around .list-around img { width:165px; height:186px; position:absolute; left:-1px; top:-1px; } 
#around .list-around h3 { font-size:20px; line-height:30px; color:#0092b3; font-weight:700; font-family:'Malgun Gothic'; letter-spacing:-0.02em; } 
#around .list-around h3.small { font-size:16px; } 
#around .list-around ul.list-info { margin-top:7px; width:205px; } 
#around .list-around ul.list-info li { font-size:14px; line-height:20px; color:#000; padding:3px 0 3px 22px; background-repeat:no-repeat; background-position:0 7px; font-family:'Malgun Gothic'; letter-spacing:-0.02em; } 
#around .list-around ul.list-info li:first-child { background-image:url('/theme/basic/img/ico-addr.png'); } 
#around .list-around ul.list-info li:nth-child(2) { background-image:url('/theme/basic/img/ico-call.png'); } 
#around .list-around a.go-site { display:inline-block; width:155px; height:30px; border-radius:15px; background-color:#0092b3; text-align:center; line-height:28px; color:#fff; position:absolute; right:40px; bottom:20px; } 
#around .list-around a.go-site:hover { text-decoration:none; }


/*개인정보처리방침, 이용약관*/
.hopital_cf textarea{display:block;width:100%;height:450px;margin-left:auto;margin-right:auto;margin-bottom:60px;overflow-y: scroll;font-size:12px;background:#f9f9f9;}


/*회원가입, 로그인*/
.login_area{position:absolute;right:20px;top:52px;}
.login_area .ul{font-size:0;line-height:0;}
.login_area .ul .li{display:inline-block;list-style: none;}
.login_area .ul .li a{margin:0 2px;padding:5px 10px;font-size:13px;line-height:1;letter-spacing: -1px;background:#f1f1f1;border-radius:30px;text-align:center;color:#000;}
.login_area .ul .li.adm a{background:#222;color:#fff;}
.login_area .ul .li a:hover{background:#108adf;color:#fff;text-decoration: none;}


.f_cf_link{}
.f_cf_link{font-size:0;line-height:0;}
.f_cf_link .li{display:inline-block;margin:0 10px;}
.f_cf_link .li:first-child{margin-left:0;}
.f_cf_link .li .anchor{display:block;padding:0 5px;font-size:12px;line-height:1;text-align:center;font-weight:600;}
.f_cf_link .li:first-child .anchor{padding-left:0;}




/*sub 외래진료프로그램 추가*/
.program{font-family: 'NanumSquareRound',sans-serif;}
.program .section{margin-bottom:130px;}
.program .section .sec_title{position:relative;margin-bottom:30px;padding-left:40px;font-family: 'NanumSquareRound',sans-serif;font-size:30px;line-height:1.4;color:#1d6fc3;font-weight:600;letter-spacing: -1px;}
.program .section .sec_title::after{position:absolute;width:25px;height:25px;left:0;top:8px;border:5px solid #118dd5;content:'';}
.program .section .desc{font-size:22px;color:#252424;letter-spacing: -1px;line-height:1.4;}
.program .section .color_blue{color:#1d6fc3;}
.program .section .color_orange{color:#ff5a00;}
/*이미지 리스트*/
.program .section .image_list{font-size:0;line-height:0;}
.program .section .image_list .li{display:inline-block;width:calc((100% - 10px)/2);margin-right:10px;vertical-align: top;}
.program .section .image_list .li:nth-child(2n){margin-right:0;}
.program .section .image_list .li img{display:block;width:100%;}
.program .section .image_list.type2{text-align:center;}
.program .section .image_list.type2 .img_subject{width:100%;height:50px;margin-top:20px;line-height:50px;font-size:18px;color:#fff;font-weight:600;border-radius:50px;text-align:center;}
.program .section .image_list.type2 .desc{margin-top:30px;font-size:18px;line-height:1.6;}
.program .section .image_list.type2 .li:nth-child(1) .img_subject{background:#79c5f6;}
.program .section .image_list.type2 .li:nth-child(2) .img_subject{background:#76a0f6;}
/*치료 방법 요약*/
.program .section .treat.list{margin-bottom:30px;}
.program .section .treat.list .subject{margin-bottom:5px;font-size:24px;line-height:1.4;letter-spacing: -1px;font-weight:600;}
.program .section .treat.list .ul{padding:24px 15px !important;font-size:0;line-height:0;border:1px solid #e5e5e5;}
.program .section .treat.list .ul .li{position:relative;display:inline-block;width:25%;}
.program .section .treat.list .ul .li::after{position:absolute;width:1px;height:100%;right:0;top:0;content:'';background:#e5e5e5;}
.program .section .treat.list .ul .li:last-child::after{display:none;}
.program .section .treat.list .ul .li::before{position:absolute;width:50px;height:50px;left:30px;top:50%;transform: translateY(-50%);content:'';}
.program .section .treat.list .ul .li.n1::before{background:url('/theme/basic/img/program_01_treat_icon01.png') center center no-repeat;background-size:contain;}
.program .section .treat.list .ul .li.n2::before{background:url('/theme/basic/img/program_01_treat_icon02.png') center center no-repeat;background-size:contain;}
.program .section .treat.list .ul .li.n3::before{background:url('/theme/basic/img/program_01_treat_icon03.png') center center no-repeat;background-size:contain;}
.program .section .treat.list .ul .li.n4::before{background:url('/theme/basic/img/program_01_treat_icon04.png') center center no-repeat;background-size:contain;}
.program .section .treat.list .ul .li .txt{padding-left:90px;}
.program .section .treat.list .ul .li .desc1{font-size:18px;line-height:1.3;}
.program .section .treat.list .ul .li .desc2{font-size:18px;line-height:1.3;font-weight:600;}
.program .section .treat.list .comment{font-size:18px;margin-top:20px;}
/*동그라미 내용*/
.program .section .circle{font-size:0;line-height:0;text-align: center;}
.program .section .circle .li{position:relative;display:inline-block;width:calc((100% - 40px)/3);max-width:284px;height:284px;margin-right:20px;vertical-align: top;border-radius:100%;text-align:center;}
.program .section .circle .li:nth-child(1){background:#79c5f6;}
.program .section .circle .li:nth-child(2){background:#77b2f6;}
.program .section .circle .li:nth-child(3){background:#76a0f6;}
.program .section .circle .li:nth-child(3n){margin-right:0;}
.program .section .circle .li .icon{display:block;margin:60px auto 20px auto;}
.program .section .circle .li .desc{color:#fff;line-height:1.6;letter-spacing: -1px;}
.program .section .circle.type2{}
.program .section .circle.type2 .li:nth-child(odd){background:#1d6fc3;}
.program .section .circle.type2 .li:nth-child(even){background:#fff;outline: 1px solid #1d6fc3;}
.program .section .circle.type2 .li:last-child{margin-right:0;}
.program .section .circle.type2 .li:nth-child(1),
.program .section .circle.type2 .li:nth-child(2),
.program .section .circle.type2 .li:nth-child(3){margin-bottom:35px;}
.program .section .circle.type2 .li .point{display:block;margin:70px 0 20px 0;font-size:22px;line-height:1.5;font-weight:600;}
.program .section .circle.type2 .li:nth-child(odd) .point{color:#fff;}
.program .section .circle.type2 .li:nth-child(even) .point{color:#1d6fc3;}
.program .section .circle.type2 .li .desc{font-size:18px;line-height:1.5;}
.program .section .circle.type2 .li:nth-child(odd) .desc{color:#fff;}
.program .section .circle.type2 .li:nth-child(even) .desc{color:#1d6fc3;}
.program .section .circle.type3{font-size:0;line-height:0;text-align: center;}
.program .section .circle.type3 .li{width:calc((100% - 100px)/3);max-width:265px;height:265px;margin-right:50px;text-align:center;background:url('/theme/basic/img/program_01_circle_type3_bg.jpg') center center no-repeat;background-size:contain;}
.program .section .circle.type3 .li:nth-child(3n){margin-right:0;}
.program .section .circle.type3 .li::after{position:absolute;width:30px;height:28px;right:-40px;top:50%;transform:translateY(-50%);content:'';background:url('/theme/basic/img/program_01_circle_type3_arrow.png') center center no-repeat;}
.program .section .circle.type3 .li:last-child::after{display:none;}
.program .section .circle.type3 .li .subject{display:block;margin:65px 0 20px 0;font-size:22px;line-height:1.4;color:#1d6fc3;font-weight:600;letter-spacing: -1px;}
.program .section .circle.type3 .li .desc{font-size:18px;line-height:1.6;color:#252424;}
/*이미지 하나*/
.program .section .image_length1{text-align:center;}
.program .section .image_length1 img{display:block;width:100%;}
.program .section .image_length1 .subject{margin-top:15px;font-size:22px;color:#4d4d4d;line-height:1.4;font-weight:600;letter-spacing: -1px;}
.program .section .image_length1 .subject .light{font-weight:400;}

.program .section.sec1{}
.program .section.sec1 .sec_title{padding-left:0;}
.program .section.sec1 .sec_title::after{display:none;}
.program .section.sec1 .image_list{margin:25px 0 60px 0 !important;}
.program .section.sec1 .color_orange{margin-bottom:30px;font-size:28px;line-height:1.4;font-weight:600;letter-spacing: -1px;}
.program .section.sec2 .image_list{margin:25px 0 60px 0 !important;}
.program .section.sec3 .image_list{margin:0 0 40px 0 !important;}
.program .section.sec3 .image_list .li{margin-bottom:10px;border-radius:30px;outline:1px solid #d9d9d9;overflow: hidden;}
.program .section.sec4 .circle.type3{margin-bottom:70px !important;}
.program .section.sec4 .image_length1{margin-bottom:35px !important;}
.program .section.sec2 .treat.list .ul .li{width:25%;}
.program .section.sec3 .treat.list.n1 .ul .li{width:33.3333%;}
.program .section.sec3 .treat.list.n2 .ul .li{width:33.3333%;}
.program .section.sec4 .treat.list .ul .li{width:33.3333%;}


/*암종류별 치료 리뉴얼*/
.cancer_case{font-family: 'NanumSquareRound',sans-serif;text-align:center;}
.cancer_case .blind{width:0;height:0;font-size:0;line-height:0;opacity:0;}
.cancer_case .section{margin-bottom:120px;}
.cancer_case .section .subject{margin-bottom:40px;font-size:30px;font-weight:600;color:#232323;}
.cancer_case .section .subject .color_blue1{color:#62ccdf;}
.cancer_case .section .subject .color_blue2{color:#40c1d7;}
.cancer_case .section .subject .color_blue3{color:#24a6e0;}
.cancer_case .section .subject .color_blue4{color:#0a8bdc;}
.cancer_case .section .subject .sj_label{display:inline-block;margin-left:10px;margin-top:5px;padding:3px 20px;font-size:20px;border-radius:40px;color:#fff;font-weight:600;vertical-align: top;}
.cancer_case .section .subject .sj_label.color1{background:#62ccdf;}
.cancer_case .section .subject .sj_label.color2{background:#40c1d7;}
.cancer_case .section .subject .sj_label.color3{background:#24a6e0;}
.cancer_case .section .subject .sj_label.color4{background:#0a8bdc;}
.cancer_case .section.sec1{font-size:0;line-height:0;}
.cancer_case .section.sec1 .image{display:inline-block;width:210px;height:210px;vertical-align: top;}
.cancer_case .section.sec1 .group{display:inline-block;width:calc(100% - 250px);padding-left:40px;vertical-align: top;text-align:left;}
.cancer_case .section.sec1 .group .subject{margin-bottom:20px;padding-top:55px;line-height:1.4;color:#e97a0f;}
.cancer_case .section.sec1 .group .subject.pt_75{padding-top:75px;}
.cancer_case .section.sec1 .group .desc{font-size:18px;line-height:1.4;}
.cancer_case.c01 .section.sec1 .image{background:url('/theme/basic/img/cancer_icon01.jpg') center center no-repeat;background-size:contain;}
.cancer_case.c02 .section.sec1 .image{background:url('/theme/basic/img/cancer_icon02.jpg') center center no-repeat;background-size:contain;}
.cancer_case.c03 .section.sec1 .image{background:url('/theme/basic/img/cancer_icon03.jpg') center center no-repeat;background-size:contain;}
.cancer_case.c04 .section.sec1 .image{background:url('/theme/basic/img/cancer_icon04.jpg') center center no-repeat;background-size:contain;}
.cancer_case.c05 .section.sec1 .image{background:url('/theme/basic/img/cancer_icon05.jpg') center center no-repeat;background-size:contain;}
.cancer_case.c06 .section.sec1 .image{background:url('/theme/basic/img/cancer_icon06.jpg') center center no-repeat;background-size:contain;}
.cancer_case.c07 .section.sec1 .image{background:url('/theme/basic/img/cancer_icon07.jpg') center center no-repeat;background-size:contain;}
.cancer_case.c08 .section.sec1 .image{background:url('/theme/basic/img/cancer_icon08.jpg') center center no-repeat;background-size:contain;}

.cancer_case .section.sec2{}
.cancer_case .section.sec2 .ul{font-size:0;line-height:0;text-align:center;}
.cancer_case .section.sec2 .ul .li{position:relative;display:inline-block;width:230px;height:230px;margin-right:20px;padding:15px 15px;border-style: solid;border-width:5px;vertical-align:top;border-radius:100%;}
.cancer_case .section.sec2 .ul .li:last-child{margin-right:0;}
.cancer_case .section.sec2 .ul .li::before{position:absolute;width:244px;height:244px;left:8px;top:8px;content:'';border-radius:100%;border-style:solid;border-width:2px;}
.cancer_case .section.sec2 .ul .li .num{padding:45px 0 20px 0;font-size:30px;font-weight:600;line-height:1;}
.cancer_case .section.sec2 .ul .li .desc{font-size:24px;color:#5c5c5c;line-height:1.4;font-weight:600;}
.cancer_case .section.sec2 .ul .li.n1{border-color:#40c1d7;}
.cancer_case .section.sec2 .ul .li.n1::before{border-color:#40c1d7;}
.cancer_case .section.sec2 .ul .li.n1 .num{color:#40c1d7;}
.cancer_case .section.sec2 .ul .li.n2{border-color:#24a6e0;}
.cancer_case .section.sec2 .ul .li.n2::before{border-color:#24a6e0;}
.cancer_case .section.sec2 .ul .li.n2 .num{color:#24a6e0;}
.cancer_case .section.sec2 .ul .li.n3{border-color:#0a8bdc;}
.cancer_case .section.sec2 .ul .li.n3::before{border-color:#0a8bdc;}
.cancer_case .section.sec2 .ul .li.n3 .num{color:#0a8bdc;}

.cancer_case .section.sec3{}
.cancer_case .section.sec3 .ul{font-size:0;line-height:0;}
.cancer_case .section.sec3 .ul .li{position:relative;display:inline-block;width:260px;height:260px;padding:15px 15px;vertical-align:top;border-radius:100%;}
.cancer_case .section.sec3 .ul .li::before{position:absolute;width:80px;height:80px;background:url('/theme/basic/img/cancer_case_sec3_line.png') center center no-repeat;background-size:contain;content:'';}
.cancer_case .section.sec3 .ul .li.n1::after{position:absolute;width:80px;height:80px;background:url('/theme/basic/img/cancer_case_sec3_line.png') center center no-repeat;background-size:contain;content:'';}
.cancer_case .section.sec3 .ul .li.n1::before{left:0;bottom:-50px;transform: rotate(135deg);}
.cancer_case .section.sec3 .ul .li.n1::after{right:0;bottom:-50px;transform: rotate(45deg);}
.cancer_case .section.sec3 .ul .li.n2::before{right:-80px;top:50%;transform: translateY(-50%);}
.cancer_case .section.sec3 .ul .li.n3::before{display:none;}
.cancer_case .section.sec3 .ul .li.n1{display:block;margin-left:auto;margin-right:auto;margin-bottom:35px;background:url('/theme/basic/img/cancer_case_sec3_01.png') center center no-repeat;background-size:cover;}
.cancer_case .section.sec3 .ul .li.n2{margin-right:80px;background:url('/theme/basic/img/cancer_case_sec3_02.png') center center no-repeat;background-size:cover;}
.cancer_case .section.sec3 .ul .li.n3{background:url('/theme/basic/img/cancer_case_sec3_03.png') center center no-repeat;background-size:cover;}
.cancer_case .section.sec3 .ul .li .desc1{padding:60px 0 20px 0 ;font-size:24px;line-height:1.4;color:#fff;font-weight:600;}
.cancer_case .section.sec3 .ul .li .desc2{font-size:20px;line-height:1.4;color:#fff;font-weight:600;}

.cancer_case .section.sec4{}
.cancer_case .section.sec4 .ul{font-size:0;line-height:0;}
.cancer_case .section.sec4 .ul .li{position:relative;display:inline-block;width:calc((100% - 30px)/4);margin-right:10px;vertical-align:top;text-align:center;}
.cancer_case .section.sec4 .ul .li::after{position:absolute;width:46px;height:46px;right:-30px;top:10px;content:'';background:url('/theme/basic/img/cancer_case_sec4_arrow.png') center center no-repeat;background-size:contain;z-index: 50;}
.cancer_case .section.sec4 .ul .li.n4{margin-right:0;}
.cancer_case .section.sec4 .ul .li.n4::after{display:none;}
.cancer_case .section.sec4 .ul .li .top{display:flex;height:64px;padding:0 10px;justify-content: center;align-items: center;}
.cancer_case .section.sec4 .ul .li .top .desc{font-size:20px;line-height:1.4;color:#fff;font-weight:600;}
.cancer_case .section.sec4 .ul .li.n1 .top{background:#62ccdf;}
.cancer_case .section.sec4 .ul .li.n2 .top{background:#40c1d7;}
.cancer_case .section.sec4 .ul .li.n3 .top{background:#24a6e0;}
.cancer_case .section.sec4 .ul .li.n4 .top{background:#0a8bdc;}
.cancer_case .section.sec4 .ul .li .con{display:flex;height:150px;padding:0 10px;justify-content: center;align-items: center;background:#f2f2f2;}
.cancer_case .section.sec4 .ul .li .con .desc{font-size:18px;color:#555555;line-height:1.4;}

.cancer_case .section.sec5{}
.cancer_case .section.sec5 .ul{font-size:0;line-height:0;text-align:center;}
.cancer_case .section.sec5 .ul .li{position:relative;display:inline-block;width:calc((100% - 20px)/3);margin-right:10px;vertical-align:top;text-align:center;}
.cancer_case .section.sec5 .ul .li.n3{margin-right:0;}
.cancer_case .section.sec5 .ul .li .image{height:180px;}
.cancer_case .section.sec5 .ul .li.n1 .image{background:url('/theme/basic/img/cancer_case_sec5_01.jpg') center center no-repeat;background-size:cover;}
.cancer_case .section.sec5 .ul .li.n2 .image{background:url('/theme/basic/img/cancer_case_sec5_02.jpg') center center no-repeat;background-size:cover;}
.cancer_case .section.sec5 .ul .li.n3 .image{background:url('/theme/basic/img/cancer_case_sec5_03.jpg') center center no-repeat;background-size:cover;}
.cancer_case .section.sec5 .ul .li .desc1{margin:20px 0 15px 0;font-size:18px;font-weight:600;line-height:1.4;color:#232323;}
.cancer_case .section.sec5 .ul .li .desc2{font-size:18px;line-height:1.4;color:#232323;}

.cancer_case .section.sec6 .step{margin-bottom:55px;}
.cancer_case .section.sec6 .step .step_title{margin-bottom:20px;font-size:24px;color:#232323;line-height:1.4;font-weight:600;}
.cancer_case .section.sec6 .step .step_title .num{color:#40c1d7;}
.cancer_case .section.sec6 .step.step1{}
.cancer_case .section.sec6 .step.step1 .ul{font-size:0;line-height:0;text-align:center;}
.cancer_case .section.sec6 .step.step1 .ul .li{position:relative;display:inline-block;width:calc((100% - 30px)/4);padding:30px 0px;margin-right:10px;vertical-align:top;text-align:center;border-radius:15px;outline: 1px solid #d9d9d9}
.cancer_case .section.sec6 .step.step1 .ul .li.n4{margin-right:0;}
.cancer_case .section.sec6 .step.step1 .ul .li .image{height:80px;margin:0 auto 20px auto;}
.cancer_case .section.sec6 .step.step1 .ul .li.n1 .image{background:url('/theme/basic/img/cancer_case_sec6_01.png') center center no-repeat;background-size:auto 100%;}
.cancer_case .section.sec6 .step.step1 .ul .li.n2 .image{background:url('/theme/basic/img/cancer_case_sec6_02.png') center center no-repeat;background-size:auto 100%;}
.cancer_case .section.sec6 .step.step1 .ul .li.n3 .image{background:url('/theme/basic/img/cancer_case_sec6_03.png') center center no-repeat;background-size:auto 100%;}
.cancer_case .section.sec6 .step.step1 .ul .li.n4 .image{background:url('/theme/basic/img/cancer_case_sec6_04.jpg') center center no-repeat;background-size:auto 100%;}
.cancer_case .section.sec6 .step.step1 .ul .li .desc{font-size:18px;line-height:1.4;}

.cancer_case .section.sec6 .step.step2{}
.cancer_case .section.sec6 .step.step2 .ul{font-size:0;line-height:0;text-align:center;}
.cancer_case .section.sec6 .step.step2 .ul .li{position:relative;display:inline-block;width:calc((100% - 50px)/2);vertical-align:top;text-align:center;}
.cancer_case .section.sec6 .step.step2 .ul .li.n1{margin-right:50px;}
.cancer_case .section.sec6 .step.step2 .ul .li.n1::after{position:absolute;width:20px;height:20px;right:-35px;top:calc(50% + 20px);transform: translateY(-50%);content:'';background:url('/theme/basic/img/cancer_case_sec6_arrow.jpg') center center no-repeat;background-size:contain;}
.cancer_case .section.sec6 .step.step2 .ul .li .desc{margin-bottom:10px;padding:7px 20px;border-radius:20px;font-size:18px;color:#232323;line-height:1.4;border-radius:20px;font-weight:600;}
.cancer_case .section.sec6 .step.step2 .ul .li.n1 .desc{background:#e5e5e5;}
.cancer_case .section.sec6 .step.step2 .ul .li.n2 .desc{background:#9fe0eb;}

.cancer_case .section.sec6 .step.step3{margin-bottom:0;}
.cancer_case .section.sec6 .step.step3 .ul{}
.cancer_case .section.sec6 .step.step3 .ul .li{margin-bottom:10px;padding:10px 30px;border-radius:30px;border: 1px solid #d9d9d9;text-align:left;}
.cancer_case .section.sec6 .step.step3 .ul .li span{display:inline-block;font-size:18px;line-height:1.4;vertical-align: top;}
.cancer_case .section.sec6 .step.step3 .ul .li span.desc1{width:100px;color:#000;font-weight:600;}
.cancer_case .section.sec6 .step.step3 .ul .li span.desc2{color:#3d3d3d;}

.cancer_case .section.sec7 .step.step1{margin-bottom:55px;}
.cancer_case .section.sec7 .step.step1 .ul{font-size:0;line-height:0;text-align:center;}
.cancer_case .section.sec7 .step.step1 .ul .li{position:relative;display:inline-block;width:calc((100% - 20px)/3);margin-right:10px;margin-bottom:30px;vertical-align:top;text-align:center;}
.cancer_case .section.sec7 .step.step1 .ul .li:nth-child(3n){margin-right:0;}
.cancer_case .section.sec7 .step.step1 .ul .li .image{height:180px;outline: 1px solid #d9d9d9}
.cancer_case .section.sec7 .step.step1 .ul .li.n1 .image{background:url('/theme/basic/img/cancer_case_sec7_01.jpg') center center no-repeat;background-size:cover;}
.cancer_case .section.sec7 .step.step1 .ul .li.n2 .image{background:url('/theme/basic/img/cancer_case_sec7_02.jpg') center center no-repeat;background-size:cover;}
.cancer_case .section.sec7 .step.step1 .ul .li.n3 .image{background:url('/theme/basic/img/cancer_case_sec7_03.jpg') center center no-repeat;background-size:cover;}
.cancer_case .section.sec7 .step.step1 .ul .li.n4 .image{background:url('/theme/basic/img/cancer_case_sec7_04.jpg') center center no-repeat;background-size:cover;}
.cancer_case .section.sec7 .step.step1 .ul .li.n5 .image{background:url('/theme/basic/img/cancer_case_sec7_05.jpg') center center no-repeat;background-size:cover;}
.cancer_case .section.sec7 .step.step1 .ul .li.n6 .image{background:url('/theme/basic/img/cancer_case_sec7_06.jpg') center center no-repeat;background-size:cover;}
.cancer_case .section.sec7 .step.step1 .ul .li .desc1{margin:20px 0 15px 0;font-size:18px;font-weight:600;line-height:1.4;color:#232323;}
.cancer_case .section.sec7 .step.step1 .ul .li .desc2{font-size:18px;line-height:1.4;color:#232323;}

.cancer_case .section.sec7 .step.step2{}
.cancer_case .section.sec7 .step.step2 .top{width:422px;margin-bottom:20px;padding:10px 10px;border-radius:20px;background:#9fe0eb;}
.cancer_case .section.sec7 .step.step2 .top .desc{font-size:18px;font-weight:600;color:#000;}
.cancer_case .section.sec7 .step.step2 .con{font-size:0;line-height:0;text-align:center;}
.cancer_case .section.sec7 .step.step2 .con .left{display:inline-block;width:442px;vertical-align: top;}
.cancer_case .section.sec7 .step.step2 .con .right{display:inline-block;width:calc(100% - 442px);vertical-align: top;}
.cancer_case .section.sec7 .step.step2 .con .right .ul{padding:20px 0 0 30px !important;}
.cancer_case .section.sec7 .step.step2 .con .right .li{display:inline-block;width:calc((100% - 10px)/2);height:80px;margin-bottom:10px;line-height:80px;vertical-align: top;outline: 1px solid #d9d9d9;border-radius:100%;font-size:18px;}
.cancer_case .section.sec7 .step.step2 .con .right .li:nth-child(odd){margin-right:10px;}

.cancer_case .section.sec8 .ul{font-size:0;line-height:0;text-align:center;}
.cancer_case .section.sec8 .ul .li{position:relative;display:inline-block;width:calc((100% - 20px)/3);margin-right:10px;margin-bottom:30px;vertical-align:top;text-align:center;}
.cancer_case .section.sec8 .ul .li:nth-child(3n){margin-right:0;}
.cancer_case .section.sec8 .ul .li .image{outline: 1px solid #d9d9d9}
.cancer_case .section.sec8 .ul .li .desc{margin:20px 0 15px 0;font-size:18px;font-weight:600;line-height:1.4;color:#232323;}



.intro_time{margin-top:40px;}
.intro_time .subject{font-size:25px; font-weight:600; letter-spacing: -1px;}
.intro_time .desc{margin-top:10px; font-size:20px; line-height:1.4; letter-spacing: -1px;}
.center_copy {
 width: 896px;
 box-sizing: border-box;
 padding: 28px 0 60px;
 text-align: left;
 font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
}
.center_copy_quote {
 margin: 0 0 22px;
 color: #ff5b0a;
 font-size: 26px;
 font-weight: 700;
 letter-spacing: -1.2px;
 line-height: 1.45;
}
.center_copy_body {
 margin: 0;
 color: #2c2c2c;
 font-size: 17px;
 line-height: 1.75;
 letter-spacing: -0.6px;
}
.center_copy_body .em_blue { color: #2c6bb2; }
.center_copy_body strong { font-weight: 700; color: #2c2c2c; }
.center_process {
 width: 896px;
 box-sizing: border-box;
 padding: 0 0 50px;
 text-align: left;
 font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
}
.center_process_title {
 margin: 0 0 18px;
 color: #232323;
 font-size: 26px;
 font-weight: 700;
 letter-spacing: -1.2px;
}
.center_process_card {
 background: #f2f7fb;
 border-radius: 12px;
 padding: 22px 26px;
 margin: 0 0 12px;
}
.center_process_card strong {
 display: block;
 color: #206ec1;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: -0.8px;
 margin: 0 0 8px;
}
.center_process_card strong:before {
 content: '• ';
}
.center_process_card p {
 margin: 0;
 color: #444;
 font-size: 15px;
 font-weight: 400;
 line-height: 1.6;
 letter-spacing: -0.4px;
}
.center_spec {
 width: 896px;
 box-sizing: border-box;
 padding: 10px 0 18px;
 text-align: left;
 font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
}
.center_spec_title {
 margin: 0 0 16px;
 color: #232323;
 font-size: 26px;
 font-weight: 700;
 letter-spacing: -1.2px;
}
.center_spec_btn {
 display: inline-block;
 background: #2572c4;
 color: #fff;
 font-size: 20px;
 font-weight: 700;
 letter-spacing: -0.8px;
 padding: 10px 36px;
 border-radius: 999px;
 line-height: 1.3;
}
.center_spec_item {
 width: 896px;
 box-sizing: border-box;
 padding: 0 0 42px;
 text-align: left;
 font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
}
.center_spec_item .center_spec_btn {
 margin: 0 0 16px;
}
.center_spec_shot {
 display: block;
 width: 447px;
 height: auto;
}
.center_spec_shot.spine {
 width: 703px;
}
.center_spec_shot.wide {
 width: 896px;
}
.center_spec_split {
 display: flex;
 align-items: flex-start;
 gap: 22px;
}
.center_spec_split .center_spec_shot {
 flex: 0 0 447px;
}
.center_spec_copy {
 flex: 1;
 min-width: 0;
}
.center_spec_copy p {
 margin: 0 0 16px;
 color: #2c2c2c;
 font-size: 17px;
 line-height: 1.75;
 letter-spacing: -0.6px;
}
.center_spec_copy p:last-child {
 margin-bottom: 0;
}
.center_spec_copy .em_blue {
 color: #2c6bb2;
}
.center_spec_item > .center_spec_copy {
 padding-top: 18px;
}
.center_spec_cap {
 margin: 14px 0 0;
 text-align: center;
 color: #2c2c2c;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: -0.8px;
}
.center_equip {
 width: 896px;
 box-sizing: border-box;
 padding: 10px 0 40px;
 text-align: left;
 font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
}
.center_equip_title {
 margin: 0 0 22px;
 color: #232323;
 font-size: 26px;
 font-weight: 700;
 letter-spacing: -1.2px;
}
.center_equip_row {
 display: flex;
 align-items: flex-start;
 gap: 22px;
 margin: 0 0 28px;
}
.center_equip_row:last-child {
 margin-bottom: 0;
}
.center_equip_row img {
 display: block;
 width: 450px;
 height: auto;
 flex: 0 0 450px;
}
.center_equip_row img.center_equip_full {
 width: auto;
 height: auto;
 max-width: none;
 flex: 0 0 auto;
}
.center_equip_txt {
 flex: 1;
 min-width: 0;
}
.center_equip_txt strong {
 display: block;
 margin: 0 0 10px;
 color: #232323;
 font-size: 18px;
 font-weight: 700;
 letter-spacing: -0.8px;
}
.center_equip_txt p {
 margin: 0 0 12px;
 color: #2c2c2c;
 font-size: 17px;
 line-height: 1.75;
 letter-spacing: -0.6px;
}
.center_equip_txt p:last-child {
 margin-bottom: 0;
}

.cancer_rehab_hero {
 position: relative;
 width: 894px;
 overflow: hidden;
}
.cancer_rehab_hero img {
 display: block;
 width: 100%;
 height: auto;
}
.cancer_rehab_hero:after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 height: 48%;
 background: linear-gradient(to bottom, rgba(0,0,0,0.38), rgba(0,0,0,0));
 pointer-events: none;
}
.cancer_rehab_hero_text {
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 padding: 42px 42px 0;
 color: #fff;
 text-align: left;
 font-family: 'Malgun Gothic', sans-serif;
 text-shadow: 0 1px 4px rgba(0,0,0,0.45);
 box-sizing: border-box;
 width: 100%;
}
.cancer_rehab_hero_text p {
 margin: 0;
 font-size: 22px;
 letter-spacing: -1px;
 line-height: 1.5;
 font-weight: 500;
}
.cancer_rehab_hero_text strong {
 display: block;
 margin-top: 12px;
 font-size: 40px;
 letter-spacing: -2px;
 font-weight: 700;
 line-height: 1.2;
}
.clinic_guide {
 width: 896px;
 box-sizing: border-box;
 padding: 10px 0 40px;
 text-align: left;
 font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
}
.clinic_guide_title {
 margin: 0 0 28px;
 color: #232323;
 font-size: 26px;
 font-weight: 700;
 letter-spacing: -1.2px;
 text-align: center;
}
.clinic_guide_title span {
 border-bottom: 2px solid #232323;
 padding-bottom: 2px;
}
.clinic_floor {
 display: flex;
 align-items: stretch;
 margin: 0 0 8px;
}
.clinic_floor_num {
 width: 200px;
 flex: 0 0 200px;
 background: #c2c7cb;
 color: #fff;
 text-align: center;
 display: flex;
 flex-direction: column;
 justify-content: center;
 box-sizing: border-box;
 padding: 12px 8px;
}
.clinic_floor_num strong {
 display: block;
 font-size: 22px;
 font-weight: 700;
 letter-spacing: -0.8px;
 line-height: 1.3;
}
.clinic_floor_num span {
 display: block;
 font-size: 12px;
 font-weight: 700;
 letter-spacing: 0.4px;
 margin-top: 4px;
}
.clinic_floor_body {
 flex: 1;
 min-width: 0;
 padding: 10px 0 0 16px;
 box-sizing: border-box;
}
.clinic_floor_body p {
 margin: 0 0 10px;
 color: #2c2c2c;
 font-size: 17px;
 line-height: 1.6;
 letter-spacing: -0.5px;
}
.clinic_floor_body img {
 display: block;
 width: 694px;
 height: auto;
 max-width: none;
}