@charset "utf-8";
@import url('font.css');
@import url('cm_default.css');
@import url('main.css');
@import url('sub.css');



/* 1: 공통사용
=========================================================================================== */
html {width:100%; min-height:100%;}
body {margin:0;padding:0;font-size:var(--body-font-size);font-family:var(--body-font-family); font-weight:var(--body-font-weight); background:var(--body-bg); color:var(--body-color)}
#wrap {overflow:hidden; width:100%;}

.hidden {display:none;}
.blind {visibility:hidden;}
.inr-c {position:relative; width:100%; margin:0 auto; display:flex; justify-content: center; align-items: center;}
.inr-c.flex-d {flex-direction:column}
.inr-c.flex-w {flex-wrap:wrap}
.inr-c.just-c {justify-content: flex-start;}
.inr-c.align-c {align-items: flex-start;}

.emg_box{position:relative; width:100%; margin:0 auto; display:flex; justify-content: center; align-items: center;
	flex-direction:column; gap:50px;}

.cursor {cursor:pointer;}
.non-cursor {cursor:default;}


/* 2: 레이아웃
=========================================================================================== */
.top_banner {}
.top_banner .r {position: absolute; right: 0; top: 50%; margin-top: -20px;}
.top_banner .r label {color: #fff; margin-right: 10px;}
.top_banner .btn_ad_close {font-size: 0;}
.top_banner .btn_ad_close span {position: relative; width: 40px; height: 40px;}
.top_banner .btn_ad_close span:after {content:""; position: absolute; left: 0; top: 50%; width: 20px; height: 1px; background-color: #fff; transform:rotate(45deg);}
.top_banner .btn_ad_close span:before {content:""; position: absolute; left: 0; top: 50%; width: 20px; height: 1px; background-color: #fff; transform:rotate(-45deg);}


/*header*/
.header {
	z-index:10; position: relative; left: 0; top: 0; width: 100%;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color: #fff; border-bottom: 1px solid #ddd;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
.header.scroll { position:fixed; top:0; left:0; z-index:3000 }
.header .logo {width:214px; height:105px; margin: 0 auto; display:flex; justify-content: center; align-items: center;}
.header .logo a {display:block; font-size:0;}
.header .logo img {}

.header .btn_tel {display: none;}


.header .cen {border-bottom: 1px solid var(--gray-EBE);}
.header .cen .inr-c{ max-width:var(--min-width); height:105px; justify-content: space-between; align-items: center;}

.header .cen .left { width:275px;}
.header .cen .left ul {display:flex; justify-content: flex-start; align-items: center; column-gap: 12px; width:184px}
.header .cen .left ul li{}
.header .cen .left ul li img{width:26px}
.header .cen .right { width:275px; display:flex; justify-content: flex-end; align-items: center; }
.header .cen a { display:inline-flex; font-size:13px; color:var(--gray-333)}
.header .cen a.line {}
.header .cen a.line:after { content:"|"; font-size:13px; color:var(--gray-D7D); padding-left:5px }
.header .cen a + a{ margin-left:5px;}
.header .cen a.tel + a{ margin-left:22px;}
.header .cen a.tel i{ width:15px; height:16px; margin-right:4px }
.header .cen a.tel { font-weight:var(--w-b)}
/*.header .cen .right { width:184px; height:85px; background:url("../img/common/title_right_banner_bg.png") no-repeat center; padding:8px 6px; display:flex}
.header .cen .right dl{ color:var(--white); font-size:13px; display:flex; justify-content: flex-start; flex-wrap:wrap; letter-spacing:-0.03rem}
.header .cen .right dl dt{ font-weight:var(--w-sb); min-width:45px; margin-right:5px}
.header .cen .right dl dd{ width:calc(100% - 50px)}
.header .cen .right dl dd.holi{ color:var(--yellow-fff); font-weight:var(--w-sb)}*/

@media (max-width:1600px){

    .header .logo {width:13.38vw; height:6.56vw; }
    
    .header .cen .inr-c{ height:6.56vw; }
    
    .header .cen .left { width:17.19vw;}
    .header .cen .left ul { column-gap: 0.75vw; width:11.50vw}
    .header .cen .left ul li img{width:1.63vw}
    .header .cen .right { width:17.19vw; }
    .header .cen a { font-size:0.81vw; }
    .header .cen a.line {}
    .header .cen a.line:after { font-size:0.81vw; padding-left:0.31vw }
    .header .cen a + a{ margin-left:0.31vw;}
    .header .cen a.tel + a{ margin-left:1.38vw;}
    .header .cen a.tel i{ width:0.94vw; height:1.00vw; margin-right:0.25vw }
}

@media (max-width:1024px){

    .header .cen {text-align: center; border-bottom: 0;  height:100%; width:100%; align-items: center; display:flex; justify-content: center;}
    .header .cen .inr-c { width:100%; padding:0 3.61vw; margin:0}
    
    .mobile_right_top{width:40%; height:2.5rem; display:flex; justify-content: flex-end;  align-items: center;}

    .mobile_left_top { display:flex; justify-content: flex-start; width:40%; }
    .mobile_left_top ul{ display:flex; justify-content: flex-start; column-gap: 0.6rem; }
    .mobile_left_top ul li{list-style-type:none;display:inline-flex; }
    .mobile_left_top ul li a{height:2.2rem ; display:block; font-size:0; }
    .mobile_left_top ul li a img{width:auto; height:100%;}

    .header {position: fixed;height: 5.75rem; display:flex; align-items: stretch; z-index:3000}
    .header .top {display: none;}
    .header .logo {width:20%; height:calc(100% - 1rem); text-align: center;}
    .header .logo a{ display:flex; justify-content: center;}
    .header .logo img {margin-top: 0; width:auto; height:100%; object-fit: cover;}

	.emg_box .care_point{width:100%;}

}

.gnbb{}
.gnbb .inr-c{ max-width:/*var(--min-width)*/ 1400px; justify-content: space-between; align-items: center;}
.gnbbox {position: relative; width:calc(100% - 50px)}
.gnb-m-wrap { display:none }
.btn_gnb { z-index:1;position: absolute;right:0; top:calc(50% - 25px);	width: 50px; height: 50px;	cursor: pointer;
    -webkit-transition: all 0.3s;	transition: all 0.3s;	background-color: var(--green-005);}
.btn_gnb span {	width: 29px; height: 2px;background-color: var(--white);margin-bottom: 4px;}
.btn_gnb span:after,.btn_gnb span:before {content: "";position: absolute; left:0;width: 100%;height: 100%;background-color: var(--white);-webkit-transition: all 0.3s;	transition: all 0.3s;}
.btn_gnb span:after {-webkit-transform: translateY(-10px); transform: translateY(-10px);}
.btn_gnb span:before { -webkit-transform: translateY(10px); transform: translateY(10px);}

/* 수정전
.btn_close {z-index:10;  left:40px; top:40px; width:30px; height:30px;}
*/

.gnb {font-size: 0; display:flex; justify-content: space-between; align-items: center; padding:0 30px 0 0}
.gnb > li {position:relative; display:inline-flex; align-items: stretch; height:70px; padding:0 40px}
.gnb > li > a {	display:inline-flex; justify-content: center; align-items: center; height:100%; font-size: 18px; color:var(--gray-333);
	-webkit-transition: all 0.1s; -moz-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.gnb > li >  a span {position: relative;display:flex;   align-items: center; justify-content: center;  height:100%;}
.gnb > li > a > span:after {content:"";	position: absolute; left: 50%; bottom: 0;	width: 0; height: 3px; background-color: var(--green-005);	
    -webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	-o-transition: all 0.2s;	transition: all 0.2s;}

/*롤오버시 나오는 메뉴*/
.depth2 {z-index: 2; display: none; position:absolute; left:50%; top:70px; width:calc(100% + 50px); height: auto; text-align: left; padding: 30px 25px; -webkit-box-sizing:border-box; -mzo-box-sizing:border-box; box-sizing:border-box; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;
    transform:translateX(-50%);background:var(--green-005)}
.gnb > li:nth-child(4) .depth2,
.gnb > li:nth-child(5) .depth2,
.gnb > li:nth-child(6) .depth2{width:calc(100% + 30px); }
/*.gnb > li:hover .depth2 li{justify-content:center;}*/

.depth2 ul { width:100%; display:flex; flex-direction: column; flex-shrink: 0;  row-gap: 16px; }
.depth2 ul li:first-child{ padding-top:10px}
.depth2 ul li:last-child{ padding-bottom:20px}
.depth2 li { display:flex; justify-content:/*flex-start;*/center; font-size:18px; flex-shrink: 0;}
.depth2 li a {display:flex; font-size:18px; line-height:1.2; color:#fff; text-align: center; position:relative; white-space:nowrap;}
.depth2 li a:hover {color:var(--yellow-ffe)}
.depth2 li a:before { content:"· "; display:inline-flex; }

/*수정전
.depth3 {display: none;}


.gnb > li:hover > a,
.gnb > li.on > a {color: #00416e;}
.gnb > li:hover > a > span:after,
.gnb > li.on > a > span:after {width: 100%; left: 0;}

*/
.gnb_dim {z-index: 1; position: absolute; left: 0; top: 175px; width: 100%; height: 330px; background-color: var(--green-005); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.gnb_dim2 {z-index: 1; position: absolute; left: 0; top: 220px; width: 100%; height: 165px; background-color: #005836; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}

@media (max-width:1600px){

}

@media (max-width:1024px){

    
}

#header.open .depth2 {background: none; padding:30px 15px; display:flex !important }
#header.open .depth2 li {}
#header.open .depth2 li + li{}
#header.open .depth2 li:hover a,  #header.open .depth2 li.on a {color:var(--yellow-ffe);}
#header.open .depth2 .tx {display: none;}
#header.open .btn_gnb {}
#header.open .btn_gnb span {background-color: transparent;}
#header.open .btn_gnb span:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#header.open .btn_gnb span:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}


@media (max-width:1600px){

    .gnbbox { width:calc(100% - 3.13vw)}
    .btn_gnb {top:calc(50% - 1.56vw);width: 3.13vw; height: 3.13vw;}
    .btn_gnb span {width: 1.81vw;height: 0.13vw; margin-bottom: 0.25vw;  }
    
    .btn_gnb span:after {-webkit-transform: translateY(-0.63vw); transform: translateY(-0.63vw);}
    .btn_gnb span:before { -webkit-transform: translateY(0.63vw); transform: translateY(0.63vw);}


    
    .btn_close {left:2.50vw; top:2.50vw; width:1.88vw; height:1.88vw;}
    
    .gnb {padding:0 1.88vw 0 0}
    .gnb > li {height:4.38vw; padding:0 2.50vw}
    .gnb > li > a { font-size: 1.13vw;}
    
    .depth2 {   left:50%; top:4.38vw; /*width:calc(100% + 3.13vw); width:100%;*/  padding: 1.88vw 1.56vw; }
    .gnb > li:nth-child(4) .depth2,
    .gnb > li:nth-child(5) .depth2,
    .gnb > li:nth-child(6) .depth2{width:calc(100% + 1.88vw); }
    .depth2 ul { row-gap: 1.00vw; }
    .depth2 ul li:first-child{ padding-top:0.63vw}
    .depth2 ul li:last-child{ padding-bottom:1.25vw}
    .depth2 li { font-size:1.13vw;}
    .depth2 li a {font-size:1.13vw;}

    
    .gnb_dim {  left: 0; top: 10.94vw; height: 16.88vw; }
    .gnb_dim2 {  left: 0; top: 13.75vw; width: 100%; height: 10.31vw; }
    
    
    #header.open .depth2 {background: none; padding:1.88vw 0.94vw; display:flex !important }
    
}

#wrap.banner .fix_menu {top: 330px;}

@media (max-width:1024px){
    
    .gnbb{display:none}
    .gnbbox{display:none;}
    #header.open .gnbbox {display: none;}
    #header.open .gnb-m-wrap {display: flex; }
    
    #header.scroll {border-bottom: 1px solid #ddd;}

    .btn_gnb {position:unset; top:unset; width: 2.5rem; height: 2.5rem}
    .btn_gnb span {width: 1.5rem;height: 1px; margin-bottom: 0;  }
    .btn_gnb span:after {-webkit-transform: translateY(-0.4rem); transform: translateY(-0.4rem);}
    .btn_gnb span:before { -webkit-transform: translateY(0.4rem); transform: translateY(0.4rem);}
    
    /*수정전
    #wrap.banner {padding-top: 100px;}
    #wrap.banner .header {top: 40px;}
    #wrap.banner .gnbs {height: calc(100vh - 100px); overflow-y:auto;}
    #wrap.banner .gnb_dim {top: 100px;}
    #wrap.banner .fix_menu {top: auto;}
    */


   
	.gnb-m-wrap{ position:absolute;top:5.75rem;left:0px; display:none; width:100%; height:calc(100vh - 5.75rem); background:var(--green-005); overflow-y: auto; padding:0 2rem 2rem 2rem; z-index:3000;
        flex-direction: column; justify-content: flex-start; align-items: center; color:var(--white);}
	.gnb-m-wrap .gnb-m-mb {width: 100% ;height: 4.4rem; display: flex;justify-content: flex-start; align-items: center; column-gap: 1rem; font-size:1rem}
	.snb-m-wrap{ width:100%; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
	.snb-m-wrap > li.gnb-li{ width:100%; border-bottom:1px solid var(--gray-BCB); position:relative}
	.snb-m-wrap > li.gnb-li a{width:100%;height:3.6rem;color:var(--white);display:flex;justify-content: flex-start; align-items: center; font-weight:var(--w-m); font-size:1.25rem; padding-left:1.1rem}
	.snb-m-wrap > li.gnb-li.on a{color:var(--yellow-ffe)}
	.snb-m-wrap > li.gnb-li a:before{content:"";position:absolute; top:1.2rem; right:1rem ; background:url("/copy/img/mobile/common/ic-snb-arrow.svg") no-repeat center; width:1.25rem; height:1.25rem; background-size:cover; transition: rotate 0.3s linear;}
	.snb-m-wrap > li.gnb-li.on a:before{transform:rotate(180deg);}

	.snb-m-wrap > li.gnb-li .snb{ }
	.snb-m-wrap > li.gnb-li .snb li.snb-li{ width:100%; }
	
	.snb-m-wrap > li.gnb-li.on .snb li.no-link a{ color:var(--yellow-ffe)}
	.snb-m-wrap > li.gnb-li .snb li.snb-li{ border-top:1px solid var(--gray-BCB)}
	.snb-m-wrap > li.gnb-li .snb li.snb-li a{padding-left:3.7rem; color:var(--white); font-weight:var(--w-l)}
	.snb-m-wrap > li.gnb-li .snb li.snb-li a:before{ display:none}


    .gnb_dim {  left: 0; top: 5.75rem; height: calc(100vh - 5.75rem); z-index:2999; background:none}

}


/*사이드메뉴 수정 - 2023-05-04*/
.fix_menu {z-index: 100; position: fixed; right: 50px; top: calc(50vh); transform:translateY(-50%);text-align:center; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100px; }
.fix_menu ul {padding: 14px 15px 42px 15px; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; border-radius:50px; background:var(--green-005); }
.fix_menu li { width:100%; height:75px; display:flex; justify-content: center; align-items: center; border-bottom:1px solid var(--white)}
.fix_menu li a{ width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; letter-spacing:-0.03rem}
.fix_menu li i{ width:32px; height:32px; display:block; margin-bottom:6px; font-size:0; background-size:auto 100%; background-repeat: no-repeat; background-position:center; margin-bottom:6px}
.fix_menu li:nth-child(1) i{ background-image: url("../img/common/q_ic01.png");}
.fix_menu li:nth-child(2) i{ background-image: url("../img/common/q_ic02.png");}
.fix_menu li:nth-child(3) i{ background-image: url("../img/common/q_ic03.png");}
.fix_menu li:nth-child(4) i{ background-image: url("../img/common/q_ic04.png");}
.fix_menu li:nth-child(5) i{ background-image: url("../img/common/q_ic05.png");}
.fix_menu li:nth-child(6) i{ background-image: url("../img/common/q_ic06.png");}
.fix_menu li span{ color:var(--white)}
.fix_menu li:last-child { border-bottom:0; }
.fix_menu .scroll_top {width: 40px; height: 40px; background-color:var(--white); border:1px solid var( --green-005); border-radius: 50%; margin-top:9px; display:flex; justify-content: center; align-items: center;}
.fix_menu .scroll_top img{ transform: translateY(0); transition: 0.5s ease;}
.fix_menu .scroll_top:hover img{ transform: translateY(-5px);}

@media (max-width:1600px){

    .fix_menu{display:none}

}

@media (max-width:1024px){

    .fix_menu{display:flex; right:unset; left:0; bottom:0; top:unset; transform:unset; flex-direction: row; align-items: stretch; width:100vw; height:6.7rem; }
    .fix_menu ul {padding: 0; flex-direction: row; justify-content: space-between; align-items: center; border-radius:0; width:100%}
    .fix_menu ul li{ width:calc(100% / 6); height:100%; border-bottom:0; border-right:1px solid var(--gray-989)}
    .fix_menu li i{ width:2rem; height:2rem; margin-bottom:1rem; }
    .fix_menu .scroll_top{display:none}
    .fix_menu li span{ font-size:1.1rem}

}

/*footer*/
.footer { position: relative; width:100%; display:block}
.foo_ad {padding: 26px 0 0 0; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.foo_ad .inr-c{ width:100%; max-width:1236px; column-gap: 27px; }
.foo_ad_{ width:100%; column-gap: 0; margin-bottom:0; max-width:100%;}
.foo_ad li { width:calc((100% - 108px) / 5)}
.foo_ad li a{ border:1px solid var(--gray-EBE); width:100%; height:100%; display:block}
.foo_ad li a img{ width:100%;}
.foo_ad .f_link {border-top: 1px solid var(--gray-EBE ); height:44px; border-bottom: 1px solid var(--gray-EBE); width:100%; display:flex; justify-content: center; align-items: center; color:var(--black-544); font-size:14px; }
.foo_ad .f_link a {display:inline-flex}
.foo_ad .f_link .div{ width:24px; display:inline-flex; justify-content: center; font-size:10px}

.foo_copy {text-align: center; }
.logo_slider {margin:0 !important;}
.logo_slider .logo_img{text-align:center;}
.foo_ad .inr-c.logo_slider{max-width:none;}
.f_cont {overflow:hidden; padding: 45px 0 90px;display:flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.m_footer {display:none;}
.f_cont .f_logo {margin-bottom: 20px; width:214px}
.f_cont .txt {}
.f_cont .txt p { color:var(--gray-505)}
.f_cont .txt p span {display: inline-block; vertical-align: top;}
.f_cont .txt p.copy {margin-bottom: 15px; display:flex; justify-content: center; align-items: center;}

/*
.family_site {position: relative; display: inline-block; *display: inline; *zoom: 1; width: 140px;}
.family_site .tit {display: block; z-index: 1; position: relative; padding: 5px 30px 5px 10px; border: 1px solid #ddd; font-size: 13px; background: url('../img/common/bg_select1.png') right center no-repeat;}
.family_site .lst {display: none; position: absolute; left: 0; bottom: 30px; width: 100%; font-size: 13px; border: 1px solid #ddd; background-color: #fff; box-sizing:border-box;}
.family_site .lst li {border-top: 1px dashed #ddd;}
.family_site .lst li:first-child {border-top: 0;}
.family_site .lst a {display: block; padding: 5px 10px;}

.family_site .tit:hover,
.family_site .tit.on {border-color: #397bc8; background-image: url('../img/common/bg_select1_on.png'); color: #397bc8;}
*/

.f_cont .copyright_sociaal {text-align:center;margin-top:30px;}
.f_cont .copyright_sociaal ul li{list-style-type:none;display:inline-flex;margin:3px; height:62px}
.f_cont .copyright_sociaal ul li img{ width:26px}

.ic_adm{width:1rem; height:1rem; margin:0.1rem 0.5rem 0; font-size:0; display:inline-flex; background:url("../img/ic_setting.svg") no-repeat center / cover; opacity: 0.5;}

@media (max-width:1600px){
    
    .footer { }
    .foo_ad {padding: 1.63vw 0 0 0; }
    .foo_ad .inr-c{ max-width:100%; column-gap: 1.69vw; }
    .foo_ad .inr-c + .inr-c{ height:2.75vw; }
    .foo_ad li { width:calc((100% - 6.75vw) / 5)}
    .foo_ad .f_link { font-size:0.88vw; }
    .foo_ad .f_link .div{ width:1.50vw; font-size:0.63vw}
    
    
    .f_cont { padding: 2.81vw 0 5.63vw;}
    .f_cont .f_logo {margin-bottom: 1.25vw; width:13.38vw}
    .f_cont .txt p span {}
    .f_cont .txt p.copy {margin-bottom: 0.94vw;}
    
   
    .f_cont .copyright_sociaal {margin-top:1.88vw;}
    .f_cont .copyright_sociaal ul li{margin:0.19vw; height:3.88vw}
    .f_cont .copyright_sociaal ul li img{ width:1.63vw}


}

@media (max-width:1024px){

    .footer { padding-bottom:8.4rem}
    .foo_ad {padding: 1.4rem 0 3.5rem 0;; }
    .foo_ad .inr-c{ max-width:100%; column-gap: 0.3rem; row-gap:0.3rem; margin-bottom:3rem; padding:0 1.5rem; justify-content: center; flex-wrap: wrap;}
    .foo_ad .inr-c + .inr-c{ width:100%; height:1rem; column-gap: 0; margin-bottom:0; max-width:100%;}
    .foo_ad li { width:31.8%}
    .foo_ad .f_link {border:0; font-size:1.2rem; }
    .foo_ad .f_link .div{ width:1.2rem; font-size:0.5rem}
    
    .foo_copy {text-align: center; }
    
    
    .f_cont {overflow:hidden; padding: 0;}
    .m_footer {display:none;}
    .f_cont .txt { width:80.8%}
    .f_cont .txt p { font-size:1.2rem}
    .f_cont .txt p:nth-last-of-type(1),
    .f_cont .txt p:nth-last-of-type(2) { font-size:1.1rem}
    .f_cont .f_logo {margin-bottom: 1.7rem; width:29.7%}
    .f_cont .txt p.copy {margin-bottom: 1.4rem;}
    
    
    .f_cont .copyright_sociaal { display:none}
    

}


.area_bottom {font-size: 0; display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}

.area_bottom .links {display: flex; width: 100%; height: 324px; background: url('../img/common/img_area_bottom.jpg') no-repeat center; background-size:cover; color:var(--white); flex-direction: column; justify-content: center; align-items: center;}
.area_bottom .links p {margin-bottom: 10px; font-size: 25px; color: var(--white); }
.area_bottom .links p + p { margin-bottom:12px; font-weight:var(--w-m); font-size:40px;}
.area_bottom .links a { width: 184px; line-height: 48px; font-size: 25px; border: 1px solid var(--white); background:var(--green-005-50); font-weight:var(--w-r); display:flex; justify-content: center; align-items: center;}



.area_bottom .inr-c {padding: 60px 0 50px 0; width:100%; background:var(--green-005); color:var(--white); justify-content: center; align-items: center; column-gap: 115px;}
.area_bottom .col {display: inline-flex; justify-content: flex-start; align-items: flex-start;}
.area_bottom .col.c1 {width: 380px; flex-direction: column; }
.area_bottom .col.c2 {width: 254px; }
.area_bottom .col.c3 {width: 380px; }
.area_bottom .col .h {margin-bottom: 12px;}
.area_bottom .col .h img { width:224px }

.area_bottom .col.c3 .h {margin-bottom: 15px; display:flex; justify-content: flex-start; align-items: flex-end;}
.area_bottom .col.c3 .h .h1{ font-size:25px; font-weight:var(--w-m); color:var(--white); margin-right:10px}
.area_bottom .col dl { display:flex; flex-direction: column; align-items: flex-start; }
.area_bottom .col dl *{ letter-spacing:-0.04rem; font-size:16px;  color:var(--white) }
.area_bottom .col dl dt { display:block; font-size:18px; font-weight:var(--w-m); color:var(--yellow-fff); margin-bottom:5px}
.area_bottom .col dl dd.tel {margin-bottom: 15px; font-size: 25px; color: var(--white); font-weight:var(--w-m)}
/*.area_bottom .col .h span.tm_m{display:block;}*/
.area_bottom .col dl dd.holi {color:var(--red-ffa)}
.area_bottom .col dl dd { line-height:1.18; display:flex; justify-content: flex-start; align-items: flex-start; }
.area_bottom .col dl dd.center{align-items: center; gap:5px;}
.area_bottom .col dl dd.type1 span {}
.area_bottom .col dl dd.type2 span {}
.area_bottom .col dl dd.type3 span {}
.area_bottom .col dl dd span { display:inline-flex;margin-right:10px; min-width:55px; width:82px; justify-content: space-between; align-items: center; flex-shrink: 0;}
.area_bottom .col dl dd span.m_tit{width:auto;}
.area_bottom .col dl dd span > em { }
.area_bottom .col dl dd span.tm { margin-right:0; color:var(--yellow-fff); width:auto }
.area_bottom .col dl dd.type4{margin-bottom:15px;}


.area_bottom .col.fot_link { height:0; height:240px; position:relative; overflow:hidden; }
.area_bottom .col ul { width:100%; height:100%; position:absolute; top:0; left:0; display:flex; flex-wrap: wrap;}
.area_bottom .col li { width:50%; height:50%; display:flex; flex-direction:column; justify-content: center; align-items: center;}
.area_bottom .col li:nth-child(-n+2) {border-bottom:1px solid var(--white)}
.area_bottom .col li:nth-child(odd) {border-right:1px solid var(--white)}
.area_bottom .col li a {width:100%; display:flex; justify-content: center; align-items: center; flex-direction: column;}
.area_bottom .col li i {width:40px; height:45px; display:flex; margin-bottom:20px; background-size:cover; background-position: center; background-repeat: no-repeat;}
.area_bottom .col li:nth-child(1) i { background-image: url("../img/common/fot_link_01.png");}
.area_bottom .col li:nth-child(2) i { background-image: url("../img/common/fot_link_02.png");}
.area_bottom .col li:nth-child(3) i { background-image: url("../img/common/fot_link_03.png");}
.area_bottom .col li:nth-child(4) i { background-image: url("../img/common/fot_link_04.png");}
.area_bottom .col li span { font-weight:var(--w-m); font-size:16px}

.area_bottom .col .btns {position: relative; padding-right: 115px; }
.area_bottom .col .btns .inp_txt,
.area_bottom .col .btns .select1 {height: 30px; line-height: 28px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.area_bottom .col .btns .textbox {height: 60px; line-height: 24px; margin-top:10px; font-size:var(--body-font-size);-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.area_bottom .col .btns .inp_txt {margin-top: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.area_bottom .col .btns .select1 {background-image: url('../img/common/ico_select_main.png');}
.area_bottom .col .btns .btn-pk {position: absolute; right: 0; top: 0; width: 104px; height: 44px; font-size: 18px; border-radius: 10px; background:var(--orange-E27); border:0}

@media (max-width:1600px){
    
.area_bottom {}

.area_bottom .links {width: 100%; height: 20.25vw; }
.area_bottom .links p {margin-bottom: 0.63vw; font-size: 1.56vw; }
.area_bottom .links p + p { margin-bottom:0.75vw; font-size:2.50vw;}
.area_bottom .links a { width: 11.50vw; line-height: 3.00vw; font-size: 1.56vw; ;}


.area_bottom .inr-c {padding: 3.75vw 0 3.13vw 0; column-gap: 7.19vw;}
.area_bottom .col.c1 {width: 23.75vw; }
.area_bottom .col.c2 {width: 15.88vw; }
.area_bottom .col.c3 {width: 23.75vw; }
.area_bottom .col .h {margin-bottom: 0.75vw;}
.area_bottom .col .h img { width:14.00vw }

.area_bottom .col.c3 .h {margin-bottom: 0.94vw; flex-direction:column; align-items: flex-start;}
.area_bottom .col.c3 .h .h1{ font-size:1.56vw; margin-right:0; margin-bottom:0.63vw}
.area_bottom .col dl *{  font-size:1.00vw;  }
.area_bottom .col dl dt { font-size:1.13vw; margin-bottom:0.31vw}
.area_bottom .col dl dd.tel {margin-bottom: 0.94vw; font-size: 1.56vw; }
.area_bottom .col dl dd span {margin-right:0.63vw; min-width:3.44vw; width:5.13vw;}

.area_bottom .col.fot_link {height:15.00vw; }
.area_bottom .col li i {width:2.50vw; height:2.81vw; margin-bottom:1.25vw;}
.area_bottom .col li span { font-size:1.00vw}
.area_bottom .col .btns {padding-right: 7.19vw; }
.area_bottom .col .btns .inp_txt,
.area_bottom .col .btns .select1 {height: 1.88vw; line-height: 1.75vw;-webkit-border-radius: 0.63vw; -moz-border-radius: 0.63vw; border-radius: 0.63vw;}
.area_bottom .col .btns .textbox {height: 3.75vw; line-height: 1.50vw; margin-top:0.63vw; font-size:0.75vw;-webkit-border-radius: 0.63vw; -moz-border-radius: 0.63vw; border-radius: 0.63vw;}
.area_bottom .col .btns .inp_txt {margin-top: 0.63vw;-webkit-border-radius: 0.63vw; -moz-border-radius: 0.63vw; border-radius: 0.63vw;}
.area_bottom .col .btns .btn-pk {width: 6.50vw; height: 2.75vw; font-size: 1.13vw; border-radius: 0.63vw; }

}

@media(max-width:1024px){

    .area_bottom {font-size: 0; display:flex; flex-direction:column; justify-content: flex-start; align-items: center; overflow: hidden;}

    .area_bottom .links {height: 16.2rem; background: url('../img/mobile/common/img_area_bottom.jpg') no-repeat center / cover;}
    .area_bottom .links p {margin-bottom: 0.5rem; font-size: 1.25rem}
    .area_bottom .links p + p { margin-bottom:0.9rem; font-size:2rem;}
    .area_bottom .links a { width: 9.2rem; line-height: 2.4rem; font-size: 1.25rem; }
    
    
    
    .area_bottom .inr-c {padding: 2.6rem 0 2.5rem 2.5rem; column-gap: 0;}
    .area_bottom .col {display: inline-flex; justify-content: flex-start; align-items: flex-start;}
    .area_bottom .col.c1 {width: 100%; flex-direction: row; justify-content: space-between; align-items: flex-start;}
    .area_bottom .col.c2 {display:none}
    .area_bottom .col.c3 {display:none}
    .area_bottom .col .h {margin-bottom: 0; display:flex; flex-shrink: 0; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .area_bottom .col .h img { width:9.2rem; margin-bottom:0.6rem }
    
    .area_bottom .col .h span { font-size:1.2rem; color:var(--yellow-fff); margin-bottom:3px;}
	.area_bottom .col .h span.m_tit{color:#fff;font-weight:500;}
    .area_bottom .col .h span.tel { font-size:1.25rem; color:var(--white); margin-bottom:15px;}
    
    .area_bottom .col dl { width:65%; overflow:hidden}
    .area_bottom .col dl *{ font-size:1.1rem;   }
    .area_bottom .col dl dt { font-size:1.2rem; margin-bottom:0.4rem}
    .area_bottom .col dl dd { flex-wrap:wrap; overflow:hidden; line-height:1.5}
    .area_bottom .col dl dd.type2 { overflow:hidden;}
    .area_bottom .col dl dd + dd { margin-top:0.2rem}    
    .area_bottom .col dl dd span { margin-right:0.5rem; min-width:auto; width:7rem}
    .area_bottom .col dl dd span.tm { margin-right:0; padding-left:7.5rem; display:inline-flex; justify-content: flex-start; flex-shrink: 1; box-sizing: border-box; width:unset; min-width:unset}
    
    
    


}


/* 3: 범용 컨텐츠
=========================================================================================== */
a {transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease;}



/*폰트*/


.hd_stitbox2 {margin-bottom:70px; text-align: center;}
.hd_stitbox2 .title {margin-bottom: 30px; font-weight: 600; font-size: 32px; color: #222;}
.hd_stitbox2 p {font-size: 17px; line-height: 1.5;}



/*간격*/
.pr-mb1 {margin-bottom: 120px !important;display:inline-block;}
.pr-mb2 {margin-bottom: 70px !important;display:inline-block;}
.pr-mb3 {margin-bottom: 40px !important;display:inline-block;}
.pc-mb2 {margin-bottom: 70px;}


/*정렬*/
.ta-c {text-align:center !important;}
.ta-l {text-align:left !important;}
.ta-r {text-align:right !important;}

.clearfix {}
.clearfix:after {content:""; clear:both; display:table;}
.f-l {float:left;}
.f-r {float:right;}
.f-rt {float:right;}
.s-l {float:left;margin:0 20px 20px 0;}
.s-l img {vertical-align:baseline;}
.s-r {float:right;margin:0 0 20px 20px;}
.s-r img {vertical-align:baseline;}



.pos-r {position: relative;}

.d-ib {display: inline-block;}
.d-b {display: block;}


iframe[name='google_conversion_frame'] {border:0; width:0; height:0; padding:0; margin:0; position:absolute; z-index:-1; visibility:hidden;}


.modal-dim {opacity:0; z-index:10; position:fixed; left:0; top:0; right: 0; bottom: 0;  background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}





.path {z-index: 1; position: relative; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; background-color: #fff;}
.path > ul {font-size: 0; border-left: 1px solid #e0e0e0;}
.path > ul > li {position: relative; display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 180px; line-height: 48px; text-align: center; border-right: 1px solid #e0e0e0;}
.path > ul > li span {display: inline-block; font-size: 16px; line-height: 1; vertical-align: middle; color: #4d4d4d;}
_::-moz-svg-foreign-content, :root .path li {float: left;}
.path > ul > li:first-child {width: 60px;}


.path_depth2 {display: none; position: absolute; top: 48px; left: -1px; width: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff;}
.path_depth2 li {line-height: 40px; border-top: 1px solid #ddd;}
.path_depth2 li a {display: block;}
.path_depth2 li a span {font-size: 14px; line-height: 1.2;}
.path_depth2 li:hover a {background-color: #f9f9f9;}
.path_depth2 li:hover a span {color: #00416e;}

.path .on .i-aft.i_arr_r2:after {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}






/*검색*/
.box_sch {position: relative; display: inline-block; *display: inline; *zoom:1; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
.box_sch input.inp_txt {border: 0; background: none;}
.box_sch .btn {position: absolute; right: 10px; top: 0; text-indent: -9999px; height: 100%; vertical-align: top;}

.ico_sch1 {display: block; width: 30px; height: 100%; background: url(../img/common/ico_search1.png) center center no-repeat;}
.ico_sch2 {display: block; width: 40px; height: 100%; background: url(../img/common/ico_search2.png) center center no-repeat;}
.ico_sch3 {display: block; width: 40px; height: 100%; background: url(../img/common/ico_search3.png) center center no-repeat;}


.box_sch.ty1 {max-width:200px; background-color: #08a079; padding: 0 40px 0 10px;}
.box_sch.ty1 input.inp_txt {height: 34px; line-height: 34px; color: #fff;}

.box_sch.ty1 input.inp_txt::-webkit-input-placeholder {color: #fff;}
.box_sch.ty1 input.inp_txt::-moz-placeholder {color: #fff;}
.box_sch.ty1 input.inp_txt:-ms-input-placeholder {color: #fff;}
.box_sch.ty1 input.inp_txt:-moz-placeholder {color: #fff;}

.box_sch.ty2 {width: 80%; max-width:560px; background-color: #fff; padding: 0 50px 0 10px; border: 4px solid #1c3661;}
.box_sch.ty2 input.inp_txt {height: 50px; line-height: 50px; color: #000;}




/*버튼*/
.btn-bot {margin-top:50px;}

.btn-pk {
	display:inline-block; *display:inline-block; *zoom:1; /*padding:8px 10px;*/
	border:1px solid #fff;
	color:#fff; font-size:14px; font-size:0.875rem; text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	/*border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;*/
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
} /*2023-04-04*/
.btn-pk.bdrs {border-radius:100px;-webkit-border-radius:100px; -moz-border-radius:100px;}
.btn-pk.w100p {width: 100%; min-width:auto !important;}


.btn-pk.mem {min-width: 200px; padding:13px 20px; font-size:17px; line-height: 1.1;}
.btn-pk.b {min-width:200px; padding:14px 20px; font-size:18px; font-size:1.125rem;}
.btn-pk.n {min-width:100px; padding:11px 10px; font-size:14px; line-height: 1.2;}
.btn-pk.ns {min-width:80px; padding:8px 10px; font-size:14px; font-size:0.875rem;}
.btn-pk.s {min-width:60px; padding:5px 10px; font-size:13px; line-height: 1.2; font-size:0.8125rem;}
.btn-pk.ss {min-width:60px; padding:1px 5px; font-size:12px; line-height: 1.2; font-size:0.75rem;}


.btn-pk.white {border: 1px solid #999; background-color: #fff; color: #505050;}
.btn-pk.white:hover {background-color: #999; color: #fff;}

.btn-pk.black {border-color: #222; background-color: #222;}
.btn-pk.black:hover {}

.btn-pk.blue {background-color:#005836; border:1px solid #005836;}
.btn-pk.blue:hover {background-color:#005836; color: #fff;}
.btn-pk.blue2 {background-color:#005836; border:1px solid #005836;}
.btn-pk.blue2:hover {background-color:#005836; color: #fff;}

.btn-pk.gray {background-color:#f1f1f1; border:1px solid #f1f1f1; color: #222;}
.btn-pk.gray:hover {background-color:#f1f1f1; color: #222;}
.btn-pk.gray2 {background-color:#616e7d; border:1px solid #616e7d; color: #fff;}
.btn-pk.gray2:hover {background-color:#616e7d; color: #fff;}

.btn-pk.color {
	border:1px solid #005836;
	background: rgb(28,93,170);
	background: -moz-linear-gradient(90deg, rgba(28,93,170,1) 0%, rgba(30,49,113,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(28,93,170,1) 0%, rgba(30,49,113,1) 100%);
	background: linear-gradient(90deg, rgba(28,93,170,1) 0%, rgba(30,49,113,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c5daa",endColorstr="#1e3171",GradientType=1);
}


.btn-pk.naver {padding:13px 20px 13px 70px; font-size:14px; line-height: 1.1; text-align: center; border: 1px solid #15b344; background-color: #00c63b; background-image: url('../img/common/ico_naver.jpg'); background-position: 0 center; background-repeat: no-repeat;}
.btn-pk.naver.unconn {border: 1px solid #ccc; background-color: #ccc;}


.mbtn-n2 {text-align: center;}

.btn-n2 {font-size: 0;}
.btn-n2 > * {display: inline-block; vertical-align: top; width: 49%;}
.btn-n2 :first-child {margin-right: 2%;}


/*
.btn_more {display: block; width: 28px; height: 28px; line-height: 28px; border: 1px solid #ccc; text-indent: -9999px; text-align: center; background: url('../img/common/ico_more1.png') center center no-repeat;}
.btn_plus, .btn_minus {position: relative; width: 20px; height: 20px; border: 1px solid #ccc; font-size: 15px;}
.btn_plus:after, .btn_minus:after {position: absolute; left: 0; top: 0; width: 100%; height: 18px; font-size: 15px; line-height: 18px; color: #057171;}
.btn_plus span, .btn_minus span {text-indent: -9999px;}

.btn_plus:after {content:"+"; }
.btn_minus:after {content:"-"; }
*/



.foot1 .fp {font-size:20px;color:#1d2f6f;font-weight:bold;}
.foot1 ul {margin-top:50px;}
.foot1 li {width:50%;float:left;}
.foot1 li p{text-align:center;margin-top:5px;padding:20px;}
.foot1:after {clear:both;}

.medi_box {background-color:#f8f9fb;padding:30px;margin-top:25px;display: inline-block;}
.medi_box span{color:#005836;font-weight:bold;}

.medi {margin-bottom:25px;font-size:18px;}
.medi span{color:#005836;}
.medi p {font-size:28px;font-weight:bold;color:#1d2f6f;margin-bottom:15px;}
.medi .tbl {border-top: 2px solid #1e549e; border-bottom: 2px solid #222;}
.medi .tbl table {table-layout:fixed;}
.medi .tbl td,
.medi .tbl th {height: 59px; vertical-align: middle; text-align: center; font-size: 16px; border-left:solid 1px #8aabd1;}
.medi .tbl td:first-child {border-left:none;}
.medi .tbl th:first-child {border-left:none;}
.medi .tbl tr {border-bottom: 1px solid #8aabd1;}
.medi .tbl th {background-color: #f8fbfd; color: #005836;}
.medi .tbl tr.dta{background-color:#1e549e;color:#fff;}


.medi_img {float:left;display:block;margin-right:30px;}


.lst_line {}
.lst_line ul {font-size: 0;}
.lst_line li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 13px; line-height: 1;}
_::-moz-svg-foreign-content, :root .lst_line li {float: left;}
.lst_line li a {position: relative; display: block; padding: 15px 14px;}
.lst_line li a:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 1px; height: 14px; background-color: #ddd;}
.lst_line li:first-child a:after {content:none;}


.lst_dot {}
.lst_dot li {position: relative; padding-left: 15px; margin-bottom: 5px;}
.lst_dot li:after {content:"-"; position: absolute; left: 0; top: 0;}

.lst_dot2 {}
.lst_dot2 li {position: relative; padding-left: 15px; margin-bottom: 5px;}
.lst_dot2 li:after {content:"·"; position: absolute; left: 0; top: 0;}



.c-blue {color: #005836 !important;}
.c-red {color: #ff0000 !important;}
.c-gray {color: #888 !important;}
.c-green {color: #086d71 !important;}
.c-black {color: #000 !important;}
.c-brown {color: #644e23 !important;}


.d-t {display: table; width: 100%;}
.d-tc {display: table-cell; vertical-align: middle;}




/*탭*/
.tab { width:100%}
.tab.wd1200 { width:1200px}
.tab.wd890 { width:890px}
.tab ul {font-size: 0;}
.tab li {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
_::-moz-svg-foreign-content, :root .tab li {float: left;}

.tab.ty1 {text-align: center;}
.tab.ty1 li {border-top: 2px solid #fff;}
.tab.ty1 li:after {content:""; position: absolute; left: 0; top: 50%; width: 1px; height: 20px; margin-top: -10px; background-color: #9b9a9a;}
.tab.ty1 li a {display: block; padding: 30px 20px; font-size: 20px; color: #9b9a9a;}
.tab.ty1 li.on {border-color:#00416e;}
.tab.ty1 li.on a {color: #242328;}

.tab.ty1.n3 li {width: 30%;}


.tab.ty2 {margin-bottom: 50px;}
.tab.ty2 ul {display: table; width: 100%; table-layout:fixed;}
.tab.ty2 li {display: table-cell;}
.tab.ty2 li a {display: block; padding: 20px 10px; font-size:16px; line-height: 1; color: #888888; text-align: center; border: 1px solid #ddd; border-left: 0; background-color: #f7f7f7;}
.tab.ty2 li:first-child a {border-left: 1px solid #ddd;}
.tab.ty2 li.on a {color: #fff; border-color: #00416e; background-color: #00416e;}
.tab.ty2 li.on a, .tab.ty2 li a:hover{background-color:var(--green-005); color:var(--white);}


.tab.ty3 {margin-bottom: 55px;}
.tab.ty3 ul {overflow:hidden; flex-wrap: wrap; display:flex; justify-content: flex-start; align-items: flex-start;}
.tab.ty3.jc-c ul {justify-content: center;}
.tab.ty3 li {position: relative; text-align: center; height: 60px; background:var(--green-EAF); }
.tab.ty3 li a 		{display: flex; width: 100%; height:100%; font-size: 20px; color: var(--black); justify-content: center; align-items: center;}
.tab.ty3 li.on a,
.tab.ty3 li a:hover {background-color:var(--green-005); color:var(--white);}

@media (max-width:1600px){

    .tab.ty3 {margin-bottom: 3.44vw;}
    .tab.ty3 ul {}
    .tab.ty3 li {height: 3.75vw;  }
    .tab.ty3 li a 		{ font-size: 1.25vw;}
    

}

@media (max-width:1024px){

    .tab.wd890 { width:calc(100%)}
    .tab.ty3 {margin-bottom: 4rem; }
    .tab.ty3 ul {}
    .tab.ty3 li {height: 2.8rem; }
    .tab.ty3 li a 		{font-size: 1.2rem;}


}


.tab.ty3.n2 li {width: 50%;}
.tab.ty3.n2 li:first-child:after {content:""; position: absolute; left: 0; bottom: 0; width: 201%; height: 2px; background-color: #005836;}
.tab.ty3.n2 li:nth-child(2n) a span:after {content:none;}

.tab.ty3.n3 li {width: 33.33%;}
.tab.ty3.n3 li:after {content:""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--green-005);}

.tab.ty3.n4 li {width: 25%;}
.tab.ty3.n4 li:after {content:""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--green-005);}

@media (max-width:1024px){

    .tab.wd890 { width:calc(100% - 4.6rem)}
    .tab.ty3.n3.wd890 li {width: 50%;}

    .tab.ty3.n4 li {width: 50%;}
}

.tab.ty3.n5 li {width: 20%;}
.tab.ty3.n5 li:first-child:after,
.tab.ty3.n5 li:nth-child(5n+1):after {content:""; position: absolute; left: 0; bottom: 0; width: 501%; height: 2px; background-color: #005836;}
.tab.ty3.n5 li:nth-child(5n) a span:after {content:none;}

.tab.ty3.n6 li {width: 16.6%;}
.tab.ty3.n6 li:first-child:after,
.tab.ty3.n6 li:nth-child(5n+1):after {content:""; position: absolute; left: 0; bottom: 0; width: 501%; height: 2px; background-color: #005836;}
.tab.ty3.n6 li:nth-child(5n) a span:after {content:none;}


.tab.ty4 {}
.tab.ty4 ul {border-bottom: 2px solid #005836;}
.tab.ty4 li {min-width:16.66%; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: -1px; box-sizing:border-box;}
.tab.ty4 li:first-child {border-left: 1px solid #ddd;}
.tab.ty4 li a {display: block; padding: 0 10px; text-align: center; font-size: 16px; color: #555; line-height: 60px; background-color: #fff;}
.tab.ty4 li.on {border-color: #005836;}
.tab.ty4 li.on a {background-color: #005836; color: #fff;}


.tab.ty4.n2 li {width: 50%;}
.tab.ty4.n5 li {width: 20%;}
.tab.ty4.n5 li:nth-child(5n+1) {border-left: 1px solid #ddd;}



/*테이블*/
.inp_calender {font-size: 0; width: 102%;}
.inp_calender > * {display: inline-block; vertical-align: middle; width: 48%; margin-right: 2%;}
.inp_calender img {margin-right: 10px;}

.inp_calender2 {}
.inp_calender2 > * {display: inline-block; vertical-align: middle; margin-right: 3px;}
.inp_calender2 img {margin-right: 10px;}

.inp_filebox {position: relative; padding-right: 47px;}
.inp_filebox > .pos {position: absolute; right: 0; top: 0;}
.inp_filebox > .pos .btn-pk.n {min-width:auto;}
.inp_filebox > .pos .ico_close {display: block; text-indent: -9999px; width: 20px; height: 22px; background: url('../img/common/ico_trash.png') center center no-repeat;}


.inp_addr {}
.inp_addr .btn-pk {padding-top: 9px; vertical-align: top;}

.inp_schedule {font-size: 0; display: inline-block; vertical-align: middle;}
.inp_schedule .inp_txt {width: 150px;}
.inp_schedule .select1 {width: 100px; margin-left: 10px;}

.inp_schedule.ty1 {}
.inp_schedule.ty1 .select1 {width: 210px; margin-left: 10px;}


.inp_btn {display: inline-block; vertical-align: middle;}



.tbl_tit {position: relative; margin-bottom: 12px;}
.tbl_tit .title {font-weight: 600; font-size: 20px; color: #000;}
.tbl_tit .fz {font-size: 15px; color: #777;}
.tbl_tit > .rgh {position: absolute; right: 0; bottom: 0;}
.tbl_tit .btns2 {font-size: 13px;}
.tbl_tit .btns2 button {font-size: 10px; vertical-align: middle; color: #086d71 ;}



.tbl_basic {font-size: 16px; color: #222;}
.tbl_basic table {border-top: 2px solid #3b6baa;}
.tbl_basic td {padding: 10px 20px; height: 40px; font-size: 17px; text-align: left; border-bottom: 1px solid #ddd; background-color: #fff;}
.tbl_basic td .pos {float: right;}
.tbl_basic th {padding: 10px 20px; font-weight: normal; height: 40px; font-size: 17px; text-align: center;}

.tbl_basic.bd table {border-top: 0; border-bottom: 2px solid #222;}
.tbl_basic.bg th {color: #3b6baa; background-color: #f8fbfd; border-bottom: 1px solid #ddd;}

.tbl_basic table.list {table-layout:fixed;}
.tbl_basic table.list thead tr {border-bottom: 1px solid #222;}
.tbl_basic table.list th {}
.tbl_basic table.list td {text-align: center;}
.tbl_basic table.list td.subject {text-align: left;}
.tbl_basic table.list td.subject a {overflow:hidden; display: block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; box-sizing:border-box;}
.tbl_basic table.list td.subject a:hover {text-decoration: underline;}
.tbl_basic table.list td.subject a.a_lock {padding-right: 20px; background-image: url('../img/common/ico_lock.png'); background-position: right center; background-repeat: no-repeat;}

.tbl_basic table.view td {padding-left: 20px; height: 40px;}
.tbl_basic table.view th {padding-left: 30px; text-align: left;}
.tbl_basic table.view .txtbox {padding: 15px 10px; min-height:300px;}
.tbl_basic table.view .txtbox .letterImg{float:left; width:50%;}
.tbl_basic table.view .txtbox .letterTxt{float:right;width:50%;}
.tbl_basic table.view .txtbox .letterTxt .titxt{border:solid 1px #c1c1c1;padding:15px;background:#f1f1f1;margin-bottom:20px;}
.tbl_basic table.view .txtbox .letterTxt .tilis li{margin-bottom: 15px;}
.tbl_basic table.view .txtbox .letterTxt .tilis li span{color:#3b6baa;font-weight:bold;}

.tbl_basic col.num {width: 100px;}
.tbl_basic col.day {width: 180px;}
.tbl_basic col.state1 {width: 150px;}
.tbl_basic col.state2 {width: 120px;}
.tbl_basic col.state3 {width: 170px;}
.tbl_basic col.count {width: 150px;}
.tbl_basic col.th1 {width: 200px;}

.tbl_basic .fz_s1 {margin-top: 5px; font-size: 0.9em;}
.tbl_basic .btn-pk.n {padding: 9px 10px;}
.tbl_basic select.select1,
.tbl_basic .inp_txt {height: 40px; line-height: 38px;}

/*
.tbl_basic td .wid1 {width: 32%;}
.tbl_basic td .wid2 {width: 66%;}
.tbl_basic td .het1 {height: 300px;}
.tbl_basic td .het2 {height: 150px;}
*/
.tbl_basic td .wid1 {width: 150px;}
.tbl_basic td .wid2 {width: 370px;}



.t_tinfo {margin-bottom: 10px; font-size: 14px;}
.td_info {display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 14px; color: #666;}

.tbl_basic table.write {}
.tbl_basic table.write th {padding-left: 60px; text-align: left; border-bottom-color: #fff; background: none;}
.tbl_basic table.write td {padding: 10px 0;}
.tbl_basic table.write tr:last-child th,
.tbl_basic table.write tr:last-child td {border-bottom: 0;}
.tbl_basic table.write .textarea1 {height: 200px;}


/*
.tbl_basic.ty2 {border-bottom: 0;}
.tbl_basic.ty2 table {border-top: 1px solid #383838; position: relative;}
.tbl_basic.ty2 table:after {content:""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #fff;}
.tbl_basic.ty2 th {padding: 18px 20px; height: 50px; border-left: 1px solid #ddd; color: #000; background-color: #f7f7f7;}
.tbl_basic.ty2 td {padding: 15px 20px; height: 25px; color: #000; border-left: 1px solid #ddd;}
*/


.tbl_basic2 {overflow-x:auto; font-size: 16px; color: #222;}
.tbl_basic2 table {table-layout:fixed; border-top: 2px solid #3b6baa;}
.tbl_basic2 tr {border-bottom: 1px solid #ddd;}
.tbl_basic2 td {padding: 10px 20px; height: 40px;text-align: left; background-color: #fff;}
.tbl_basic2 td .pos {float: right;}
.tbl_basic2 th {padding: 10px 20px; border-right: 1px solid #ddd; font-weight: normal; height: 40px; text-align: center; color: #005836; background-color: #f8fbfd;}
.tbl_basic2 th:first-child {border-left: 1px solid #ddd;}

.tbl_basic2 table.list {}
.tbl_basic2 table.list th {padding: 10px;}
.tbl_basic2 table.list td {text-align: center;}
.tbl_basic2 table.list td.subject {text-align: left;}
.tbl_basic2 table.list td.subject a {overflow:hidden; display: block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.tbl_basic2 table.list td.subject a:hover {text-decoration: underline;}

.tbl_basic2 table.view th {text-align: left;}

.tbl_basic2 col.num {width: 100px;}
.tbl_basic2 col.day {width: 200px;}
.tbl_basic2 col.count {width: 150px;}
.tbl_basic2 col.state {width: 100px;}
.tbl_basic2 col.state2 {width: 90px;}
.tbl_basic2 col.th1 {width: 150px;}


.tbl_basic3 {font-size: 18px; color: #555;}
.tbl_basic3 th {padding: 20px 30px; font-weight: 400; color: #fff;  background-color: #005836; border-right: 1px solid #89abd8;}
.tbl_basic3 tr {border-bottom: 1px solid #005836;}
.tbl_basic3 td {padding: 30px 30px; border-right: 1px solid #005836;}
.tbl_basic3 table {position: relative;}
.tbl_basic3 table:after {content:""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #fff;}
.tbl_basic3 table.list td {text-align: center;}




.tb_bind1 {font-size: 0;}
.tb_bind1 > * {margin-left: 2%;}
.tb_bind1 > :first-child {margin-left: 0;}


.tbl_basic_top {margin-bottom: 15px; border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff;}
.tbl_basic_top ul {font-size: 0; padding: 15px 0 13px; text-align: center;}
.tbl_basic_top li {display: inline-block; vertical-align: middle; width: 25%; font-size: 13px; line-height: 1; color: #000;}
.tbl_basic_top li span {display: inline-block; vertical-align: top; margin-top: 3px;}
.tbl_basic_top li strong {display: inline-block; vertical-align: top; font-size: 24px; margin-left: 10px;}


.msg_info {padding: 25px 20px; background-color: #233cf9; text-align: center; font-size: 21px; color: #fff;}


.tbl_botm {overflow:hidden; margin-top: 20px; text-align: center;}
.tbl_botm .inps {text-align: right;}
.tbl_botm .btn-pk.n {width: 150px;}
.tbl_botm .lft {float: left;}
.tbl_botm .rgh {float: right;}


.tbl_info {padding: 0 60px;}
.tbl_info p {font-size: 14px; color: #00416e;}

.tbl_notice1 {margin-bottom: 50px; padding: 40px; font-size: 16px; color: #222; background-color: #f8f9fa;}
.tbl_notice1 .h1 {margin-bottom: 10px; font-weight: 700; font-size: 18px;}
.tbl_notice1 li {position: relative; margin-bottom: 5px; padding-left: 20px;}
.tbl_notice1 li:before {content:"※"; position: absolute; left: 0; top: 0;}

.box_gray1 {padding: 45px 50px; background-color: #f8f9fa;}
.box_gray1 .h1 {color: #005836;}
.box_gray1 .t1 {font-size: 18px;}
.box_gray1 .t2 {font-size: 16px;}


.box_blue1 {padding: 30px; text-align: center; background-color: #005836; background-image: url('../img/sub/bg_enter1.jpg'); background-repeat: no-repeat; background-size: cover;}
.box_blue1 p {font-size: 18px; color: #fff; line-height: 1.2;}
.box_blue1 p span {display: block; font-size: 2em;}


.line-top {padding-top: 90px; border-top: 1px solid #ddd;}
.line-top2 {padding-top: 50px; border-top: 1px solid #ddd;}


.area_sch {margin-bottom: 30px; padding: 60px 40px 50px; text-align: center; background-color: #005836;}
.area_sch p {font-size: 25px; color: #fff;}
.area_sch .tbl_sch {margin-top: 20px;}


/*게시판*/
.container.board {}
.pd-ty1 {padding: 0 60px;}

/*
.tbl_gallery {}
.tbl_gallery li {overflow:hidden; margin-bottom: 30px; border: 1px solid #e8e8e8;}
.tbl_gallery li .thumb {float: left; overflow:hidden; position: relative; width: 520px; height: 0; padding-bottom: 24%; background-color: #eee; background-image: url(../img/common/logo_footer.png); background-position: center center; background-repeat: no-repeat;}
.tbl_gallery li .thumb span {position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; transform:translate(-50%,-50%);}
.tbl_gallery li .thumb span img {min-width: 100%; min-height: 100%;}
.tbl_gallery li .info {margin-left: 520px; padding: 34px 35px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl_gallery li .info .t1 {margin-bottom: 10px;}
.tbl_gallery li .info .t2 {font-size: 16px; color: #222;}
.tbl_gallery li .info .t2 span {color: #666;}
.tbl_gallery li .info .t3 {overflow:hidden; margin-bottom: 30px; height: 50px; font-size: 18px; line-height: 25px;}
.tbl_gallery li .info .h1 {margin-bottom: 10px; height: 110px; font-size: 30px; color: #222; line-height: 35px;}
.tbl_gallery li .info .h2 {margin-bottom: 10px; font-size: 30px; color: #222; line-height: 35px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.tbl_gallery li.end .thumb:after {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}
*/



.tbl_gallery1 {overflow:hidden; position: relative; z-index: 1; margin-bottom: -50px;}
.tbl_gallery1 ul {font-size: 0; width: 101%;}
.tbl_gallery1 li {position: relative; display: inline-block; vertical-align: top; margin-right: 1%; margin-bottom: 100px; border: 1px solid #e4e4e4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl_gallery1 li:after {content:""; position: absolute; left: 0; bottom: -50px; height: 1px; background-color: #ddd;}
.tbl_gallery1 li .thumb {overflow:hidden; position: relative; height: 0; padding-bottom: 75%;}
.tbl_gallery1 li .thumb span {position: absolute; left: 50%; top: 50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); }
.tbl_gallery1 li .thumb img {min-width: 100%; min-height: 100%; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.tbl_gallery1 li .info {position: relative; padding: 20px; background-color: #fff;}
.tbl_gallery1 li .info .h1 {margin-bottom: 15px; font-weight: 600; font-size: 20px; line-height: 1.2; color: #222; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.tbl_gallery1 li .info .h2 {text-align: center; font-weight: 600; font-size: 16px; line-height: 1.2; color: #222; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.tbl_gallery1 li .info .t1 {font-size: 16px; line-height: 1.5; color: #555; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.tbl_gallery1 li .info .t1 span {display: inline-block; vertical-align: middle; padding: 0 10px; line-height: 0.8; border-left: 1px solid #ccc;}
.tbl_gallery1 li .info .t1 span:first-child {border-left: 0; padding-left: 0;}
.tbl_gallery1 li:hover .thumb img {transform:scale(1.1);}

.tbl_gallery1.ty2 .thumb {/*padding-bottom: 56.5%;*/ padding-bottom: 70%;}


.tbl_gallery1 .n3 li {width: 31.33%;}
.tbl_gallery1 .n4 li {width: 24%;}
.tbl_gallery1 .n4 li:nth-child(4n+1):after {width: 415%;}

@media (max-width:1024px){

.tbl_gallery1 .n4 li {width: 49%;}

.tbl_gallery1 {width:100%; margin-bottom: 0;}
.tbl_gallery1 ul {font-size: 0; width: 101%;}
.tbl_gallery1 li {margin-bottom: 2rem; }
.tbl_gallery1 li:after {display:none}
.tbl_gallery1 li .thumb {overflow:hidden; position: relative; height: 0; padding-bottom: 75%;}
.tbl_gallery1 li .thumb span {position: absolute; left: 50%; top: 50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); }
.tbl_gallery1 li .thumb img {min-width: 100%; min-height: 100%; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.tbl_gallery1 li .info {position: relative; padding: 0.8rem 0.8rem 2.2rem 0.8rem;}
.tbl_gallery1 li .info .h1 {margin-bottom: 0.7rem; font-size: 1.2rem; }
.tbl_gallery1 li .info .h2 {font-size: 1.1rem;}
.tbl_gallery1 li .info .t1 {font-size: 1.1rem;}
.tbl_gallery1 li .info .t1 span {display: inline-block; vertical-align: middle; padding: 0 10px; line-height: 0.8; border-left: 1px solid #ccc;}
.tbl_gallery1 li .info .t1 span:first-child {border-left: 0; padding-left: 0;}
.tbl_gallery1 li:hover .thumb img {transform:scale(1.1);}

.tbl_gallery1.ty2 .thumb {padding-bottom: 65.14%;}


}

.tbl_blog1 {}
.tbl_blog1 ul {border-top: 2px solid #00416e;}
.tbl_blog1 li {padding: 30px; border-bottom: 1px solid #ddd;}
.tbl_blog1 li a {display: table; width: 100%; table-layout:fixed;}
.tbl_blog1 li a > div {display: table-cell; vertical-align: top;}
.tbl_blog1 li a .thumb {overflow:hidden; position: relative; height: 0; padding-bottom: 15%; width: 20%;}
.tbl_blog1 li a .thumb span {position: absolute; left: 50%; top: 50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); }
.tbl_blog1 li a .thumb img {min-width: 100%; min-height: 100%; transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.tbl_blog1 li a .info {padding-left: 3%;}
.tbl_blog1 li a .info .h {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ddd;}
.tbl_blog1 li a .info .h1 {margin-bottom: 5px; font-weight: 600; font-size: 20px; line-height: 1.2; color: #222; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.tbl_blog1 li a .info .t1 {font-size: 16px; line-height: 1.5; color: #555;}
.tbl_blog1 li a .info .t1 span {display: inline-block; vertical-align: middle; padding: 0 10px; line-height: 0.8; border-left: 1px solid #ccc;}
.tbl_blog1 li a .info .t1 span:first-child {border-left: 0; padding-left: 0;}
.tbl_blog1 li a .info .t2 {font-size: 16px; line-height: 1.5; color: #555;}
.tbl_blog1 li a .info .t2.t-dotdot {overflow:hidden; height: 74px; margin-bottom: 20px;}

.tbl_blog1 li:hover .thumb img {transform:scale(1.1);}



.tbl_sch {text-align: center; font-size: 0; margin-top: 40px;}
.tbl_sch .select1 {min-width:100px;}
.tbl_sch .inp_txt {width: 240px; margin: 0 5px;}
.tbl_sch .btn_sch {vertical-align: bottom; width: 40px; height: 46px; text-align: right; border-bottom: 1px solid #00416e;}


.bbs_view {border-top: 2px solid #005836; border-bottom: 2px solid #222;}
.bbs_view .tit {text-align: center; border-bottom: 1px solid #ddd;}
.bbs_view .tit .h1 {display: table; width: 100%; font-weight: 700; font-size: 34px; color: #222; line-height: 1.3; border-bottom: 1px solid #ddd;}
.bbs_view .tit .h1 > span {display: table-cell; vertical-align: middle; height: 150px; padding: 20px;}
.bbs_view .tit .t1 {padding: 20px; font-size: 18px; color: #555;}
.bbs_view .tit .t1 span {color: #222;}
.bbs_view .tit .t1 em {display: inline-block; vertical-align: middle; padding-right: 15px; margin-right: 15px; line-height: 1;}
.bbs_view .tit .t1 em:first-child {border-right: 1px solid #ccc;}
.bbs_view .info {padding: 50px 45px; font-size: 18px; color: #555; line-height: 1.7; border-bottom: 1px solid #ddd; white-space:pre-line;}
.bbs_view .info .img {text-align: center;}
.bbs_view .botm {overflow:hidden; padding: 20px 25px;}
.bbs_view .botm .lft {float: left; text-align: left; width: 50%;}
.bbs_view .botm .rgh {float: right; text-align: right; width: 50%;}
.bbs_view .botm .lft > a {width: 100%; box-sizing:border-box; border-right: 1px solid #ddd;}
.bbs_view .botm .rgh > a {width: 100%; box-sizing:border-box;}
.bbs_view .botm .lft span,
.bbs_view .botm .rgh span {display: inline-block; width:80%; font-size: 17px; color: #555; line-height: 1.1; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }

.bbs_view .tit_review {background-color: #f8fbfd;}
.bbs_view .tit_review .top {display: table; width: 100%; padding: 20px 40px; box-sizing:border-box;}
.bbs_view .tit_review .top > div {display: table-cell; vertical-align: middle;}
.bbs_view .tit_review .top .thumb {width: 230px;}
.bbs_view .tit_review .top .thumb span {overflow:hidden; display: block; position: relative; height: 0; padding-bottom: 66%;}
.bbs_view .tit_review .top .thumb span img {position: absolute; left: 50%; top: 50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);}
.bbs_view .tit_review .top .txt1 {padding-left: 40px; font-size: 18px; color: #555;}
.bbs_view .tit_review .top .txt1 .h1 {margin-bottom: 10px; font-weight: 700; font-size: 22px; color: #222; line-height: 1.3; }
.bbs_view .tit_review .txt2 {padding: 35px 40px; text-align: center; font-size: 20px; line-height: 1; color: #fff; background-color: #005836;}


.box-blue1 {text-align: center; padding: 20px; border: 1px solid #00416e; background-color: #f7f9fa;}
.box-blue1 p {font-size: 14px; color: #00416e;}




.tbl_faq {}
.tbl_faq li {border-bottom: 1px solid #ddd;}
.tbl_faq li > a {position: relative; display: block; padding: 25px 40px 25px 30px; font-size: 20px; color: #222;}
.tbl_faq li > a span {margin-right: 20px; font-weight: 600; color: #005836;}
.tbl_faq li > a .i-set {position: absolute; right: 30px; top: 50%; margin-top: -4px;}
.tbl_faq li .tr_info {display: none; padding: 30px 60px; font-size: 19px; line-height: 1.5; color: #005836; background-color: #f7f7f7;}



/* 4: 컨텐츠
=========================================================================================== */

/*슬라이드*/
.owl-dots {z-index: 10; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.owl-dots .owl-dot {display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 6px; height: 6px; margin: 0 3px;  -webkit-border-radius: 10px; -moz-border-radius: 10px;  border-radius: 10px; cursor:pointer; background-color: #eee;}
.owl-dots .owl-dot.active {background-color: #222; }
.owl-nav {cursor:pointer;}
.owl-nav.disabled {opacity: .5; cursor: default; display:none;}


.area_adslider {overflow:hidden; height: 460px; position: relative;}
.area_adslider .item {overflow:hidden; position: relative; height: 460px;}
.area_adslider .img-cen {position: absolute; left: 50%; top: 0; width: 2020px;  margin-left: -1000px;}



.owl-carousel.ty2 .owl-nav [class*=owl-] {z-index: 10; position: absolute; top: 50%; margin-top: -14px; width: 28px; height: 28px; text-indent: -9999px; border: 1px solid #ccc; background-color: #fff; background-repeat: no-repeat; background-position: center center;}
.owl-carousel.ty2 .owl-nav .owl-prev {left: -1px; background-image: url('../img/common/ico_slide_prev1.png');}
.owl-carousel.ty2 .owl-nav .owl-next {right: -1px; background-image: url('../img/common/ico_slide_next1.png');}

.owl-carousel.ty3 .owl-nav [class*=owl-] {z-index: 10; position: absolute; top: 50%; margin-top: -14px; width: 28px; height: 28px; text-indent: -9999px; background-repeat: no-repeat; background-position: center center;}
.owl-carousel.ty3 .owl-nav .owl-prev {left: 0; background-image: url('../img/common/btn_slider_prev.png');}
.owl-carousel.ty3 .owl-nav .owl-next {right: 0; background-image: url('../img/common/btn_slider_next.png');}


.btn-talk {z-index: 100; position: fixed; right: 50px; bottom: 50px;}







.area_today {}
.area_today .tit {margin-bottom: 30px;}
.area_today .tit .h1 {display: inline-block; vertical-align: middle; font-weight: 700; font-size: 28px; color: #212121;}
.area_today .tit .t1 {
	display: inline-block; vertical-align: middle; margin-left: 20px; padding: 13px 40px; font-size: 14px; color: #fff; line-height: 1;
	-webkit-border-radius: 100px; moz-border-radius: 100px; border-radius: 100px;
	background: rgb(28,93,170);
	background: -moz-linear-gradient(90deg, rgba(28,93,170,1) 0%, rgba(30,49,113,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(28,93,170,1) 0%, rgba(30,49,113,1) 100%);
	background: linear-gradient(90deg, rgba(28,93,170,1) 0%, rgba(30,49,113,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c5daa",endColorstr="#1e3171",GradientType=1);
}
.area_today .tit .t2 {
	display: inline-block; vertical-align: middle; margin-left: 20px; padding: 13px 40px; font-size: 14px; color: #fff; line-height: 1;
	-webkit-border-radius: 100px; moz-border-radius: 100px; border-radius: 100px;
	background: rgb(163,55,13);
	background: -moz-linear-gradient(90deg, rgba(210,93,61,1) 0%, rgba(163,55,13,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(210,93,61,1) 0%, rgba(163,55,13,1) 100%);
	background: linear-gradient(90deg, rgba(210,93,61,1) 0%, rgba(163,55,13,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d25d3d",endColorstr="#80390e",GradientType=1);
}
.area_today .tit .t1 span {font-size: 19px;}
.area_today .tit .t2 span {font-size: 19px;}
.area_today .info {position: relative; padding: 30px 0 50px; background-color: #dde6ef;}
.area_today .info .txt {padding-right: 25%;}
.area_today .info .h1 {margin-bottom: 30px; font-size: 32px; color: #1e306f;}
.area_today .info .img {position: absolute; right: 5%; bottom: -50px; width: 20%;}
.area_today .info li {display: inline-block; vertical-align: top; padding-right: 5%; font-size: 18px; color: #555;}
.area_today .info li p {margin-bottom: 5px; font-weight: 700; color: #212121;}







.timetable {width:100%;margin-bottom:40px;}
.timetable img{width:100%;}


.timetable_m {display:none;}



/*맴버스-로그인등*/
#container.sub {line-height: 1.5;padding-bottom: 100px;}

/*
.area_member {border: 1px solid #ddd; border-top: 2px solid #005836; background-color: #fff;}
.area_member .inner {overflow:hidden; padding: 60px 100px;}
.area_member .col {margin-bottom: 10px;}
.area_member .t_info {margin-left: 10px; font-size: 14px; color: #707070;}
.area_member .inp_txt.wid1 {width: 200px; margin-right: 10px;}
.area_member .inp_txt.wid2 {width: 600px;}
.area_member .select1.wid1 {width: 200px;}*/

.area_member_txt {text-align: center; color: #707070; margin-top: 50px;}
.area_member_txt p {margin-bottom: 10px;}
.area_member_txt p.mb {margin-bottom: 30px;}

.area_member.login {display: table; width: 100%; table-layout:fixed;}
.area_member.login > div {display: table-cell; vertical-align: middle; padding: 60px 30px;}
.area_member.login > div:first-child {border-right: 1px solid #ddd;}
.area_member.login > div .box {position: relative; padding-right: 220px; margin-bottom: 40px;}
.area_member.login > div .box .btn-pk {position: absolute; right: 0; top: 0; width: 200px; height: 90px; padding-top: 0; padding-bottom: 0; line-height: 90px;}
.area_member.login .area_member_txt {margin-top: 0; text-align: left;}
.area_member.login .btns {}
.area_member.login .btns p {overflow:hidden; line-height: 40px; margin-top: 15px; color: #303030;}
.area_member.login .btns p:first-child {margin-top: 0;}
.area_member.login .btns p .btn-pk {float: right; width: 200px;}


.area_member.join {margin-bottom: 30px;}
.area_member.join th {width: 100px; padding-left: 50px; font-weight: 400; color: #555; text-align: left;}
.area_member.join td {padding: 10px; height: 42px;}
.area_member.join td .inp_radio {margin-right: 20px;}

.area_member.join2 {max-width:1000px; margin: 0 auto; text-align: center; color: #222;}
.area_member.join2 .img {margin-bottom: 60px;}
.area_member.join2 .h1 {margin-bottom: 30px; font-size: 36px;}
.area_member.join2 .t1 {margin-bottom: 20px; font-size: 20px;}
.area_member.join2 .t2 {font-size: 16px; line-height: 1.7;}


.area_member.find {display: table; width: 100%; table-layout:fixed;}
.area_member.find > div {display: table-cell; vertical-align: top; padding: 60px 30px;}
.area_member.find > div:first-child {border-right: 1px solid #ddd;}
.area_member.find .inps {max-width:400px; margin: 0 auto;}
.area_member.find .inps label {display: block; margin-bottom: 5px; font-size: 15px; color: #666;}
.area_member.find .inps .inp_email .inp_txt {width: 45%;}
.area_member.find .inps .inp_email span {width: 10%;}
.area_member.find .inps .inp_email .select1 {width: 100%; margin-top: 5px; margin-left: 0;}


.area_member.etc1 {background-color: #f6f6f6; margin-bottom: 30px;}/*고객센터 불만접수등*/
.area_member.etc1 .inner {padding: 40px 30px;}
.area_member.etc1 th {width: 100px; padding-left: 50px; font-weight: 400; color: #222; text-align: left;}
.area_member.etc1 td {padding: 10px; height: 42px;}
.area_member.etc1 td .inp_radio {margin-right: 20px;}
.area_member.etc1 .textarea1 {height: 200px;}

.area_member.etc2 {border: 0; margin-bottom: 30px;}/*협력기관 신청등*/
.area_member.etc2 .inner {padding: 40px 30px;}
.area_member.etc2 th {width: 100px; padding-left: 0; font-weight: 400; color: #222; text-align: left;}
.area_member.etc2 td {padding: 10px; height: 42px;}
.area_member.etc2 td .inp_radio {margin-right: 20px;}
.area_member.etc2 .textarea1 {height: 200px;}


.inp_years {}
.inp_years .inp_txt {width: 70px;}
.inp_years .n {margin-right: 5px;}
.inp_years .n:first-child .inp_txt {width: 100px;}

.inp_email {display: inline-block; vertical-align: middle; font-size: 0;}
.inp_email .inp_txt {width: 200px;}
.inp_email span {display: inline-block; vertical-align: middle; width: 33px; text-align: center; font-size: 14px;}
.inp_email .select1 {width: 160px; margin-left: 10px;}

.inp_tel {font-size: 0; display: inline-block; vertical-align: middle;}
.inp_tel .select1 {width: 100px;}
.inp_tel .inp_txt {width: 100px;}
.inp_tel span {display: inline-block; vertical-align: middle; width: 28px; text-align: center; font-size: 14px;}

/*
.area_terms {position: relative; border: 1px solid #ddd; margin-bottom: 30px;}
.area_terms .tit {overflow:hidden; position: relative; padding: 25px 30px; border-bottom: 1px solid #ddd; background-color: #f6f6f6;}
.area_terms .tit .h {float: left; font-weight: 700; font-size: 17px; color: #303030; line-height: 1;}
.area_terms .tit .pos {float: right;}
.area_terms .info {overflow-y:auto; height: 250px; padding: 30px; white-space:pre-line;}
.area_terms .botm {position: absolute; right: 20px; top: 25px;}*/

/*이용약관*/
.area_terms_main {font-size: 16px; line-height: 1.7; white-space:pre-line;}
.area_terms_main strong {font-size: 1.05em;}

@media (max-width:1600px){


    #container.sub {padding-bottom: 6.25vw;}
    .area_terms_main {font-size: var(--body-font-size); }
    .area_terms_main strong {font-size: 1.05vw;}
    

}

@media (max-width:1024px){

    #container.sub {padding-bottom: 5rem; }
    /*이용약관*/
    .area_terms_main {font-size: 1.2rem; line-height: 1.7; white-space:pre-line;}
    .area_terms_main strong {font-size: 1.2rem;}

}




.radio_choice {font-size: 0; width: 102%;}
.radio_choice .inp_radio {position: relative; width: 48%; margin-right: 2%; height: auto; padding: 40px 30px 90px; text-align: center; font-size: 16px; cursor:pointer; box-sizing:border-box;}
.radio_choice .inp_radio input + span + i {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #dedede; border-radius: 5px;}
.radio_choice .inp_radio input + span {padding-left: 0; height: auto; padding-bottom: 30px; font-size: 16px; line-height: 1.5;}
.radio_choice .inp_radio em {position: absolute; left: 50%; bottom: -45px; transform:translateX(-50%); font-size: 1.5em; white-space:nowrap;}
.radio_choice .inp_radio input + span::after,
.radio_choice .inp_radio input + span:after {left: 50%; top: auto; bottom: 0; width: 20px; height: 20px; margin-left: -10px;}
.radio_choice .inp_radio input:checked + span + i {border-color: #233cf9;}
.radio_choice .inp_radio input:checked + span em {color: #233cf9;}
.radio_choice .inp_radio input:checked + span::before,
.radio_choice .inp_radio input:checked + span:before {left: 50%; top: auto; bottom: 5px; width: 12px; height: 12px; margin-left: -5px;}


.radio_choice.n3 .inp_radio {width: 31.33%;}


.box_comp1 {text-align: center;}
.box_comp1 .tit {margin-bottom: 50px;}
.box_comp1 .tit .icon {margin-bottom: 30px;}
.box_comp1 .t1 {font-size: 16px; line-height: 1.5;}
.box_comp1 .btns {margin-top: 50px;}
.box_comp1 .btns .c-red {border-bottom: 1px solid #ff0000;}
.box_comp1 .btns .c-black {border-bottom: 1px solid #000;}



.t_error {margin-bottom: 10px; padding: 5px 10px; color: #ff0101; background-color: #f3f3f3;}
.i_emp {color: #233cf9;}


.t_comp {padding: 30px 0; text-align: center; font-size: 21px; color: #233cf9;}



/*에러페이지*/
.area_error {height: 100%; height: 100vh; max-width:1300px; margin: 0 auto;}
.area_error > div {display: table; width: 100%; height: 100%;}
.area_error > div > div {display: table-cell; vertical-align: middle; word-break:keep-all;}
.area_error > div > div.rgh {padding-left: 5%;}
.area_error .h1 {font-weight: 700; font-size: 56px; line-height: 1.2; margin-bottom: 20px; color: #fd2f00; text-transform: uppercase ;}
.area_error .t1 {margin-bottom: 25px; font-weight: 700; font-size: 36px; line-height: 1.3; color: #000;}
.area_error .t2 {margin-bottom: 20px; font-size: 16px; line-height: 1.3; color: #808080;}
.area_error .btn-pk {color:#fff; width: 100%; height: 60px; font-size: 18px; line-height: 40px;}
.area_error .error_msg table {border:1px solid #005ea8}
.area_error .error_msg table th,
.area_error .error_msg table td {padding:10px; background:#fff; border:1px solid #999;}
.area_error .error_msg table th {background:#005ea8; color:#fff;}
@media (max-width:960px){
	.area_error {display: table; width: 100%; text-align: center;}
	.area_error > div {display: table-cell; vertical-align: middle;}
	.area_error > div > div {display: block;}
	.area_error > div > div.lft {padding: 5%; margin-bottom: 2rem;}
	.area_error > div > div.rgh img {max-width:70%}
	.area_error .h1 {font-size: 3rem;}
	.area_error .t1 {margin-bottom: 10px;font-size: 1rem; line-height: 1.3;}
	.area_error .t2 {margin-bottom: 10px; font-size: 1rem; line-height: 1.3;}
	.area_error .btn-pk {width: 40%; height: 50px; font-size: 1rem; line-height: 34px; margin: 0 1%;}
}



/*서브페이지*/
.lst_tblinfo {}
.lst_tblinfo .col {clear: both; position: relative; padding-top: 20px; padding-bottom: 100px; border-top: 1px solid #ddd;}
.lst_tblinfo .col:after {content:""; z-index: 1; position: absolute; left: 0; top: -1px; width: 200px; height: 1px; background-color: #000;}
.lst_tblinfo .col .tit {float: left; width: 250px;}
.lst_tblinfo .col .tit .h {font-weight: 500; font-size: 24px; color: #000; line-height: 1;}
.lst_tblinfo .col .info {margin-left: 255px; font-size: 16px; color: #000;}
.lst_tblinfo .col .info .hh {margin-bottom: 5px; font-size: 24px; color: #000;}
.lst_tblinfo .col .info .bb {padding: 20px 20px; border-top: 1px solid #000; border-bottom: 1px solid #ddd;}
.lst_tblinfo .col .info .bb p {margin: 2px 0;}
.lst_tblinfo .col .info .map {overflow:hidden; position: relative; height: 500px; margin-bottom: 10px;}
.lst_tblinfo .col .info .mapin {position: absolute; left: 50%; top: 0; margin-left: -500px; width: 1000px;}
.root_daum_roughmap .wrap_map {height: 100% !important;}


.lst_slider_photo {}
.lst_slider_photo .col {display: table; width: 100%; table-layout:fixed; margin-top: 80px; background-color: #fff; box-shadow:0 0 5px rgba(0,0,0,.3);}
.lst_slider_photo .col > div {display: table-cell; vertical-align: middle;}
.lst_slider_photo .col:frist-child {margin-top: 0;}
.lst_slider_photo .col .info {padding: 40px; font-size: 16px; color: #80888d;}
.lst_slider_photo .col .info .h1 {font-size: 24px; color: #000; margin-bottom: 35px;}
.lst_slider_photo .col .info p {margin-bottom: 20px;}



/*1. 병원소개 - 의료진*/





.lst_txt1_wa {margin-bottom: 50px; font-size: 18px;}
.lst_txt1_wa .box {margin-bottom: 30px;}
.lst_txt1_wa .box ol {overflow:hidden;}
.lst_txt1_wa .box li {position: relative; float: left; width: 22%; display: table; height: 85px; margin-left:4%; border: 1px solid #ddd; text-align: center; color: #222; box-sizing:border-box;}
.lst_txt1_wa .box li:after {content:"▶"; position: absolute; left: -19%; top: 50%; margin-top: -12px; width: 19%; text-align: center; font-size: 24px; line-height: 1; color: #005836;}
.lst_txt1_wa .box li span {display: table-cell; vertical-align: middle; font-size: 22px; }
.lst_txt1_wa .box li.b {background-color: #005836; border-color: #005836; color: #fff;}
.lst_txt1_wa .box li:first-child {margin-left: 0;}
.lst_txt1_wa .txt li {margin-bottom: 10px; font-size: 18px; line-height: 1.5;}
.lst_txt1_wa .txt .h1 {color: #005836;}
.lst_txt1_wa .txt p span {color: #005836;font-weight:bold;}
.lst_txt1_wa .box2 {display: flex; color: #444;}/*2. 부위별질환-무릎*/
.lst_txt1_wa .box2 > .col {flex:1;text-align:center;}
.lst_txt1_wa .box2 > .col .wa_top{text-align:center;padding:20px;}
.lst_txt1_wa .box2 > .col .wa_top span{width:30%;color:#fff;background:#5E72DC;border-radius: 50px;padding:10px;display: inline-block;}
.lst_txt1_wa .box2 > .col .wa_bottom {padding-left:10%; text-align:left;margin-top:10px;}
.lst_txt1_wa .box2 > .col .wa_bottom ul li{line-height:1.8em;}
.lst_txt1_wa .box2 > .col:first-child {border-top: 3px solid #5E72DC;}
.lst_txt1_wa .box2 > .col:last-child {border-top: 3px solid #68C766;}
.lst_txt1_wa .box2 > .col:last-child .wa_top {text-align:center;padding:20px;}
.lst_txt1_wa .box2 > .col:last-child .wa_top span{background:#68C766;color:#fff;border-radius: 50px;}
.lst_txt1_wa .box2 > .single{margin-right:0 !important;}
.lst_txt1_wa .box2 > .col span {color:#005836;}


.lst_txt1 .box li i.ico {position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; background-image: url('../img/sub/ico_enterleave1.png'); background-repeat: no-repeat; background-size: 210px auto;}

.lst_txt1 .box li i.ico.i_e1 {width: 41px; height: 43px; background-position: -10px -10px;}
.lst_txt1 .box li i.ico.i_e2 {width: 35px; height: 43px; background-position: -62px -10px;}
.lst_txt1 .box li i.ico.i_e3 {width: 30px; height: 43px; background-position: -107px -10px;}
.lst_txt1 .box li i.ico.i_e4 {width: 45px; height: 43px; background-position: -148px -10px;}
.lst_txt1 .box li i.ico.i_e5 {width: 45px; height: 40px; background-position: -10px -64px;}
.lst_txt1 .box li i.ico.i_e6 {width: 41px; height: 40px; background-position: -65px -64px;}
.lst_txt1 .box li i.ico.i_e7 {width: 30px; height: 40px; background-position: -117px -64px;}
.lst_txt1 .box li i.ico.i_e8 {width: 40px; height: 40px; background-position: -157px -64px;}


.lst_txt1 .box.nty1 li {height: 110px; font-weight: 300;}
.lst_txt1 .box.nty1 li:nth-child(5) {margin-left: 0;}

.lst_txt1 .img2{float:right; width:35%; padding-left: 5%;}


.lst_enter1 {}
.lst_enter1 ul {font-size: 0; text-align: center;}
.lst_enter1 li {display: inline-block; vertical-align: top; font-size: 18px; color: #005836;}
.lst_enter1 li .icon {margin-bottom: 10px;}
.lst_enter1 li .icon img {width: 150px;}
.lst_enter1 li.b2 {margin: 65px 3% 0;}


.lst_enter2 {}
.lst_enter2 ul {font-size: 0; width: 102%;}
.lst_enter2 li {display: inline-block; vertical-align: top; width: 18%; margin-right: 2%; margin-bottom: 2%; padding: 25px; border: 1px solid #ddd; font-size: 16px; color: #222; line-height: 1.2; text-align: center; box-sizing:border-box;}
.lst_enter2 li .icon {margin-bottom: 20px;}
.lst_enter2 li .t {margin-top: 5px; font-weight: 600; font-size: 22px;}
.lst_enter2 li .icon .ico {display: inline-block; vertical-align: top; width: 100px; height: 100px; background-image: url('../img/sub/ico_enter_tab8.png'); background-repeat: no-repeat;}
.lst_enter2 li .ico.i1 {background-position: -10px -10px;}
.lst_enter2 li .ico.i2 {background-position: -120px -10px;}
.lst_enter2 li .ico.i3 {background-position: -229px -10px;}
.lst_enter2 li .ico.i4 {background-position: -340px -10px;}
.lst_enter2 li .ico.i5 {background-position: -448px -10px;}
.lst_enter2 li .ico.i6 {background-position: -10px -121px;}
.lst_enter2 li .ico.i7 {background-position: -120px -121px;}
.lst_enter2 li .ico.i8 {background-position: -229px -121px;}
.lst_enter2 li .ico.i9 {background-position: -340px -121px;}
.lst_enter2 li .ico.i10 {background-position: -448px -121px;}
.lst_enter2 li .ico.i11 {background-position: -10px -231px;}
.lst_enter2 li .ico.i12 {background-position: -120px -231px;}
.lst_enter2 li .ico.i13 {background-position: -229px -231px;}





.area_titgray1 {padding: 90px 0 1px; margin-bottom: 90px; background-color: #f4f4f4;}
.area_titgray1 .hd_stitbox2 .title {margin-bottom: 0; padding-bottom: 45px; background-position: center bottom; background-repeat: no-repeat; background-image: url('../img/common/ico_tit.png');}

.lst_nooperation1 {font-size: 0;}
.lst_nooperation1 ul {width: 101%;}
.lst_nooperation1 li {display: inline-block; vertical-align: top; width: 32.33%; margin-right: 1%;}
.lst_nooperation1 li img {width: 100%;}

.box_imgtxt1 {padding: 40px 30px; margin-bottom: 90px; background-color: #f8f9fa;}
.box_imgtxt1 .txt {overflow:hidden; margin-bottom: 10px;}
.box_imgtxt1 .txt .t {font-size: 18px;}
.box_imgtxt1 .txt .t .h1 {font-weight: 700; margin-bottom: 5px; color: #005836;}
.box_imgtxt1 .txt.ty1 .im {float: left; width: 66%;}
.box_imgtxt1 .txt.ty1 .t {float: right; width: 33%;}

.box_imgtxt1 .bind {overflow:hidden; margin-bottom: 30px;}
.box_imgtxt1 .bind > div {float: left; width: 49%; font-size: 0;}
.box_imgtxt1 .bind > div > :first-child {margin-right: 2%;}
.box_imgtxt1 .bind > div:first-child {margin-right: 1%;}
.box_imgtxt1 .bind > div.im span {display: inline-block; vertical-align: top; width: 49%;}
.box_imgtxt1 .bind > div.im img {width: 100%;}


.lst_circle1 {}
.lst_circle1 ul {font-size: 0; }
.lst_circle1 li {display: inline-block; vertical-align: top; width: 14.66%; padding: 0 1%;}
.lst_circle1 li p {display: table; width: 195px; height: 195px; margin: 0 auto; background-color: #f8f9fa; -webkit-border-radius: 50%; moz-border-radius: 50%; border-radius: 50%;}
.lst_circle1 li p > span {display: table-cell; vertical-align: top; padding: 30px 20px 0; font-size: 17px; text-align: center;}
.lst_circle1 li p .num {display: block; margin: 0 auto 10px; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; -webkit-border-radius: 50%; moz-border-radius: 50%; border-radius: 50%; background-color: #005836;}


.box_st1 {padding: 45px 45px 20px; margin-top: 20px; text-align: center; background-color: #f8f9fa;}
.box_st1 .box ol {position: relative; left: 11%;}
.box_st1 .box li {position: relative; margin-top: 50px; background-color: #fff;}
.box_st1 .box li p {position: absolute; left: 0; top: -45px; width: 100%; text-align: center; font-weight: 500;  font-size: 20px; color: #005836;}
.box_st1 .box li p em {display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 10px; text-align: center; line-height: 30px; color: #fff; -webkit-border-radius: 50%; moz-border-radius: 50%; border-radius: 50%; background-color: #005836;}



/*전문의상담*/
.box_gray1 .b_btn {position: relative; padding-right: 40%;}
.box_gray1 .b_btn .btn-pk {position: absolute; right: 0; top: 0; width: 35%;}


.area_answer {overflow:hidden; padding: 40px; border-bottom: 2px solid #222; background-color: #f8f8f8;}
.area_answer .img {float: left; width: 205px;}
.area_answer .img .thumb {position: relative; margin-bottom: 10px;}
.area_answer .img .thumb img {width: 100%;}
.area_answer .img .thumb p {position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px 0; color: #fff; font-size: 14px; line-height: 1.3; text-align: center; background-color: rgba(0,0,0,.6);}
.area_answer .info {margin-left: 265px;}
.area_answer .info .h1 {margin-bottom: 40px;}
.area_answer .info .h1 span {
	display: inline-block; vertical-align: top; min-width:160px; padding: 13px 20px;
	text-align: center; font-size: 17px; color: #000; font-weight: 700; line-height: 1;
	background-color: #fcd357;
	box-shadow:5px 5px 0 #005836;
}
.area_answer .info .t1 {font-size: 20px; color: #444;}
.area_answer .info .t2 {margin-top: 20px; font-size: 21px; color: #000;}


.ico_adv {position: relative; display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin-right: 10px; background-image: url('../img/sub/ico_advice1.png'); background-repeat: no-repeat; background-size: 350px auto;}

.ico_adv.i_a1 {background-position: -5px -5px;}
.ico_adv.i_a2 {background-position: -42px -5px;}
.ico_adv.i_a3 {background-position: -79px -5px;}
.ico_adv.i_a4 {background-position: -116px -5px;}
.ico_adv.i_a5 {background-position: -153px -5px;}
.ico_adv.i_a6 {background-position: -190px -5px;}
.ico_adv.i_a7 {background-position: -227px -5px;}
.ico_adv.i_a8 {background-position: -264px -5px;}
.ico_adv.i_a9 {background-position: -301px -5px;}


.lst_inp_doctor1 {}
.lst_inp_doctor1 ul {font-size: 0; width: 102%;}
.lst_inp_doctor1 li {position: relative; display: inline-block; vertical-align: top; width: 10%; margin-right: 1%; margin-bottom: 2%;}
.lst_inp_doctor1 li .inp_checkbox {position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor:pointer;}
.lst_inp_doctor1 li .inp_checkbox input + span {font-size: 0; padding-left: 0; width: 100%; height: 100%; box-sizing:border-box;}
.lst_inp_doctor1 li .inp_checkbox input:checked + span {border: 2px solid #00416e;}
.lst_inp_doctor1 li .inp_checkbox input:checked + span::before,
.lst_inp_doctor1 li .inp_checkbox input:checked + span:before {left: 20px; top: 20px; width: 24px; height: 24px;}
.lst_inp_doctor1 li .inp_checkbox input + span::after,
.lst_inp_doctor1 li .inp_checkbox input + span:after {left: 20px; top: 20px; width: 22px; height: 22px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.lst_inp_doctor1 li .imgs {}
.lst_inp_doctor1 li .imgs img {width: 100%;}
.lst_inp_doctor1 li .imgs .t {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 10px 0; font-size: 16px; line-height: 1.3; color: #fff; background-color: rgba(0,0,0,.5);}
.lst_inp_doctor1 li .imgs .t span {display: block; font-size: 13px;}


/*치료전후사진*/
.lst_post1 {overflow:hidden;}
.lst_post1 ul {font-size: 0; width: 102%;}
.lst_post1 li {position: relative; display: inline-block; vertical-align: top; width: 48%; margin-right: 2%; padding-bottom: 50px; margin-bottom: 50px; text-align: center;}
.lst_post1 li:nth-child(2n-1):after {content:""; position: absolute; left: 0; bottom: 0; width: 200%; height: 1px; background-color: #cfcfcf;}
.lst_post1 .box {overflow:hidden; position: relative; padding: 30px; background-color: #f4f4f4;}
.lst_post1 .box:after {content:""; position: absolute; left: 48%; width: 4%; height: 26px; background: url('../img/common/btn_calendar_next.png') center center no-repeat; }
.lst_post1 .box > div > div {float: left; width: 48%;}
.lst_post1 .box > div > div:first-child {margin-right: 4%;}
.lst_post1 .box .h1 {margin-bottom: 18px; font-size: 22px; line-height: 1.2; color: #000;}
.lst_post1 .box .t1 {padding: 12px 10px; font-size: 18px; color: #fff; line-height: 1; background-color: #a6927d;}
.lst_post1 .box .t2 {margin-top: 16px; font-size: 16px; line-height: 1.2; color: #000; text-align: left; word-break: break-all; word-wrap: break-word;}
/* .lst_post1 .box .im {overflow:hidden; position: relative; height: 0; padding-bottom: 63%;} */
.lst_post1 .box .im {position: relative; height: 200px;}
.lst_post1 .box .im img {width: 100%; height:200px;}
.lst_post1 .box .r .h1 {color: #005836;}
.lst_post1 .box .r .t1 {background-color: #005836;}
.lst_post1 + .pagenation {margin-top: 0;}



/*5. 고객센터*/
.lst_inconvenience {margin-bottom: 50px;}
/*
.lst_inconvenience ul {font-size: 0; width: 103%;}
.lst_inconvenience li {position: relative; display: inline-block; vertical-align: top; width: 22%; margin-right: 3%; margin-bottom: 1%;}
.lst_inconvenience li:after {content:""; position: absolute; left: -14%; top: 50%; margin-top: -11px; width: 81px; height: 12px; background-image: url('../img/sub/img_incon_line1.png'); background-repeat: no-repeat; background-position: 0 0;}
.lst_inconvenience li:first-child:after,
.lst_inconvenience li:nth-child(5n):after {content:none;}
.lst_inconvenience .b {position: relative; height: 315px; border: 1px solid #ddd;}
.lst_inconvenience .b .num {position: absolute; left: 20px; top: 20px; font-size: 27px; line-height: 1; color: #005836;}
.lst_inconvenience .b .txt {padding-top: 64px; text-align: center; font-size: 18px; color: #555;}
.lst_inconvenience .b .txt .icon {margin-bottom: 15px;}
.lst_inconvenience .b .txt .icon img {height: 90px;}
*/

.lst_inconvenience ul {font-size: 0; text-align: center;}
.lst_inconvenience li {position: relative; display: inline-block; vertical-align: top; width: 8.125%; max-width: 105px; margin-bottom: 1%; padding-left: 5%;}
.lst_inconvenience li:after {
	content:""; position: absolute; left:0; top: 28%;
	width: 40%; height: 12px;
	background-image: url('../img/sub/img_incon_line1.png'); background-repeat: no-repeat; background-position: 0 center;
	background-size: 80% auto;
}
.lst_inconvenience li:first-child {padding-left: 0;}
.lst_inconvenience li:first-child:after {content:none;}
.lst_inconvenience li .num {display: none;}
.lst_inconvenience li .icon {margin-bottom: 15px;}
.lst_inconvenience li p {font-size: 16px; text-align: center; line-height: 1.4; color: #333; letter-spacing:-0.0325em;}




.inp_select1 {position: relative; display: inline-block;}
.inp_select1.wid1 {width: 200px;}
.inp_select1 .btn_sel {
	width: 100%;
	padding-right:30px; padding-right: 5px \0/IE8+9;
	padding-top: 0; padding-bottom: 0; padding-left: 10px;
	height: 40px; line-height: 38px; text-align: left;
	font-family:inherit; color:#333;
	border: 1px solid #dcdcdc;
	background-color: #fff;
	background-image: url('../img/common/ico_select.png');
	background-repeat: no-repeat;
	background-position: 100% center;
	background-color: #fff \0/IE8+9;
	background-size: 18px auto;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.inp_select1 .btn_sel:focus {border-color: #000;}
.inp_select1 .lst_sel {display: none; position: absolute; left: 0; width: 100%; z-index:999; background-color: #fff;}
.inp_select1 .lst_sel ul {border: 1px solid #000; border-top: 0;}
.inp_select1 .lst_sel a {display: block; padding: 10px; line-height: 1; border-top: 1px solid #dcdcdc;}
.inp_select1 .lst_sel li:first-child a {border-top: 0;}
.inp_select1 .lst_sel li:hover a {background-color: #f9f9f9;}
.inp_select1 .i_txt {display: inline-block; vertical-align: middle; margin-left: 10px; padding: 3px 5px; font-size: 10px; line-height: 1; color: #005836; border: 1px solid #005836;}
.inp_select1 .i_txt.ok {border-color: #005836; color: #005836;}
.inp_select1 .non {opacity:.4; cursor:default;}