@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap);



#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}

/*body{
-ms-overflow-style: none;
}

::-webkit-scrollbar {
   display: none;
}*/

/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}
body, html{
overflow-x:hidden;
width:100%;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:middle;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:700;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#3b3b3b;
font-size:16px;
line-height:1.5;
letter-spacing:-0.08em;
font-family: "SUIT","Noto Sans KR",sans-serif;
font-weight:400;
background:#efede5;
}

:focus {
outline:none;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}

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

header{
background:#292f41;
position:relative;
z-index:99;
}

.header-area{
width:100%;
max-width:1280px;
margin:0 auto;
position:relative;
z-index:999;
height:150px;
line-height:150px;
top:0;
z-index:99999;
}

.header-logo {
z-index:100;
box-sizing:border-box;
height:inherit;
line-height:inherit;
position:absolute;
left:50%;
margin-left:-120px;
width:220px;
}

.header-logo a{
display:inline-block;
width:100%;
}

.header-logo img {
width:100%
}

.h-tel{
position:absolute;
left:0;
}
.h-tel a{
color:#fff;
font-size:30px;
font-weight:800;
height:60px;
line-height:60px;
box-sizing:border-box;
/*border:3px rgba(255,255,255,0.9) solid;*/
border:3px solid #f5fd24;
padding:0 20px;
letter-spacing:0em;
display:inline-block;
}

.h-link{
position:absolute;
right:0;
}
.h-link a{
color:#fff;
display:inline-block;
padding:5px 20px;
position:relative;
}
.h-link a:first-child:after{
content:"";
display:inline-block;
width:1px;
height:14px;
background:rgba(255,255,255,0.2);
position:absolute; 
right:0;
top:50%;
margin-top:-7px;
}

#gnb{
width: 100%;
height: 64px;
border-bottom: 1px #ddd solid;
border-width: 1px 0 0;
z-index: 10000;
background: #fff;
position: relative;
margin:0 auto;
}

.pc-gnb #gnb ul li.logo2 img{
width:100%;
}
.pc-gnb #gnb ul li.logo2 > a:after{
display:none;
}
#gnb ul li.logo2{
width:200px;
z-index:10000000; 
display:none; 
position:absolute; 
left:50%; 
margin-left:-675px; 
top:0px; 
z-index:999999999;
}
.pc-gnb{
width:100%;
border-top:1px #cccccc solid;
}

.pc-gnb .gnb {
text-align:center;
height:64px;
line-height:64px;
box-sizing:border-box;
margin:0 auto;
width:96%;
max-width:1280px;
display:flex;
}

.pc-gnb .gnb > li {
position:relative;
height:inherit;
line-height:inherit;
text-align:center;
box-sizing:border-box;
vertical-align:top;
flex-grow: 1;
}

.pc-gnb .gnb > li:hover > a{
color:#29324e
}

.pc-gnb .gnb > li > a {
display:block;
font-size:18px;
color:#333;
position:relative;
font-weight:600;
}

.pc-gnb .gnb > li > a:after{
content:"";
position:absolute;
display:block;
width:1px;
height:18px;
background:rgba(0,0,0,0.2);
top:50%;
margin-top:-9px;
left:0;
}

.pc-gnb .gnb > li:nth-child(2) > a:after{
display:none;
}

@keyframes blink{
0% {color:#333;}
50% {color:#cc421d;}
100% {color:#333;}
}

@keyframes blink2{
0% {color:#fff;}
50% {color:#ffdc06;}
100% {color:#fff;}
}
.pc-gnb .gnb > li.gnb2 > a{
    animation: blink 0.5s ease infinite alternate;
    color:#333;
}

.pc-gnb .gnb > li.gnb2 > ul > li > a{
    animation: blink2 0.5s ease infinite alternate;
    color:#fff;
}


.pc-gnb .gnb > li > ul {
display:none;
position:absolute;
top:64px;
left:50%;
margin-left:-100px;
width:200px;
z-index:5;
background:#263974;
box-sizing:border-box;
}

.pc-gnb .gnb > li:hover > ul {
height:auto;
display:block;
}

.pc-gnb .gnb > li > ul:before{
content:""; 
display:block; 
position:absolute;
z-index:99999; 
width:20px; 
height:10px; 
top:-10px; 
left:50%; 
margin-left:-10px; 
background:url(img/menu-arrow.png);
background-size:cover;
}

.pc-gnb .gnb > li > ul li {
height:auto;
line-height:1.15em;
word-break:keep-all;
border-top:1px rgba(255,255,255,0.1) solid;
}
.pc-gnb .gnb > li > ul li:first-child{
border-top-width:0;
}

.pc-gnb .gnb > li > ul li a {
display:block;
color:#fff;
opacity:0.8;
font-size:15px;
padding:8px 0;
font-weight:300;
}

.pc-gnb .gnb > li > ul li:hover a{
opacity:1;
font-weight:500;
}



/*footer*/
footer{
width:100%;
padding:30px 0;
background:#2a2d39;
}

.foot-area{
width:95%; 
max-width:1280px;
margin:0 auto;
box-sizing:border-box;
position:relative;
text-align:left;
background:url(img/foot-logo.png) no-repeat;
background-size:180px 90px;
background-position:100% 50%;
color:#fff;
opacity:0.7;
padding-right:250px;
word-break: keep-all;
}
.foot-info{
margin-bottom:20px;
}
.foot-info p{
display:inline-block;
margin:0 10px;
font-size:18px;
}
.foot-copy{
font-weight:400;
letter-spacing:0em;
text-transform:uppercase;
opacity:0.6;
}
.foot-copy strong{
font-weight:600;
}

#foot-customer{
width:100%;
background:#2d313f;
padding:80px 0;
}
.foot-customer-area{
display:flex;
width:96%;
max-width:1280px;
margin:0 auto;
color:#fff;
}
.foot-customer-area > div{
width:50%;
}

.fc-left{
padding-right:50px;
}
.fcl-dl1{
display:flex;
}
.fcl-dl1 > dt{
flex-shrink: 0;
width: 240px;
font-weight:700;
font-size:24px;
}
.fcl-dl1 > dt i{
font-size:20px;
margin-right:5px;
}

.fcl-dl1 > dd{
flex-grow: 1;
}

.fcl-p1 a{
font-size:42px;
color:#ffe259;
font-weight:800;
letter-spacing:0;
}

.fcl-p2{
opacity:0.6;
line-height:1.25em;
}

.fcl-time{
margin-top:50px;
}

.fcl-p3{
background:#ffe259;
color:#041e33;
font-size:24px;
text-align:center;
padding:5px 0;
margin-bottom:20px;
}

.fcl-dl2{
display:flex;
}
.fcl-dl2 dt{
flex-shrink: 0;
width: 120px;
font-weight:700;
}
.fcl-dl2 dd{
flex-grow: 1;
}
.fcl-dl2 dd li{
display:flex;
justify-content: space-between;
margin-bottom:5px;
}
.fcl-dl2 dd li p{
flex-shrink: 0;
width:85px; 
}
.fcl-dl2 dd li span{
text-align:right;
display:block;
letter-spacing:0.02em;
}
.fcl-dl2.fcld-color{
margin-top:10px;
color:#ff9fb4;
}

.fc-right{
border-left:1px rgba(255,255,255,0.1) solid;
padding-left:50px;
}
.fc-map-box{
width:100%;
}

.fc-map-box .root_daum_roughmap .wrap_map{
height:270px !important;
}
.fcr-link{
display:flex;
gap:10px;
margin-top:10px;
}
.fcr-link a{
display:block;
background-color:#3a425c;
color:#fff;
height:60px;
line-height:60px;
flex-grow: 1;
text-align:center;
font-size:20px;
font-weight:600;
}


/*QUICK*/
#right-quick{
position:fixed;
right:10px;
top:220px;
z-index:999;
overflow:hidden;
background:#fff;
}
#right-quick ul li{
width:65px;
border:1px #e0e0e0 solid;
border-bottom-width:0;
box-sizing:border-box;
}
#right-quick ul li.top{
border-width:0;
}
#right-quick ul li img{
width:100%;
}
#right-quick ul li a{
display:block;
}

.contain {
overflow-x:visible;
width:100%;
}



/********************* main *********************************/
.slick-slide{
display:inline-block;
}
.slick-list {
position:relative;
z-index:1;
}

.slick-arrow {
background:transparent;
}

#visual {
position:relative;
height:100%;
overflow:hidden;
margin-bottom:-7px;
z-index:1;
}

.visual-img {
position:relative;
}

.visual-img-bg {
position:relative;
overflow:hidden;
z-index:77;
}

.visual-img-bg img {
position:relative;
left:50%;
margin-left:-1000px;
}

.slick-dots {
position:absolute;
bottom:40px;
z-index:999;
text-align:center;
width:100%;
background:transparent;
}

.slick-dots li {
display:inline-block;
margin:0 5px;
}

.slick-dots li button {
display:block;
background:transparent;
width:17px;
height:17px;
font-size:0;
box-sizing:border-box;
background:transparent;
border:3px #fff solid;
border-radius:9999px;
box-shadow: 0px 0px 2px rgba(0,0,0,0.2);

}

.slick-dots li.slick-active button {
background:#fff;
}

/*메인 진료항목*/
.clinic{
background:url(img/clinic-bg.jpg);
background-size:cover;
background-position:50% 50%;
padding:100px 0;
padding-bottom:300px;
}

.clinic-area{
width:95%;
max-width:1280px;
margin:0 auto;
position:relative;
display:flex;
gap:30px;
}
.clinic-area h2{
text-align:right;
display:inline-block;
position:absolute;
right:0;
top:-30px;
color:#344375;
font-size:28px;
font-weight:700;
line-height:1.1em;
}
.clinic-area h2 span{
display:block;
font-weight:600;
font-size:20px;
opacity:0.8;
letter-spacing: 0.05em;
}

.clinic-area section{
flex-grow: 1;
background-size:105%;
background-position:50% 50%;
box-shadow:1px 1px 10px rgba(0,0,0,0.5);
height:390px;
transition: all .3s ease-out;
}
.clinic-area section:hover{
  background-size: 120%;
}
.clinic-area section#clinic01{
background-image:url(img/clinic01-bg.jpg);
}
.clinic-area section#clinic02{
background-image:url(img/clinic02-bg.jpg);
margin-top:50px;
}
.clinic-area section#clinic03{
background-image:url(img/clinic03-bg.jpg);
}
.clinic-area section#clinic04{
background-image:url(img/clinic04-bg.jpg);
margin-top:50px;
}
.ca-box{
display:table;
width:100%;
height:390px;
table-layout: fixed;
background:rgba(0,0,0,0.3);
overflow:hidden;
transition: all .3s ease-out;
}
.ca-box a{
display:table-cell;
vertical-align:middle;
padding:60px 50px;
color:#fff;
transition: all .3s ease-out;
}
.ca-box:hover{
background:rgba(0,0,0,0);
}

.cab-p1{
font-size:24px;
font-weight:600;
}
.cab-p2{
font-size:40px;
font-weight:600;
}
.cab-p3{
font-size:18px;
opacity:0.6;
line-height:1.25em;
}
.cab-p4{
opacity:0.6;
display:inline-block;
padding:5px 20px;
border:1px #fff solid;
margin-top:90px;
}


/*메인 탭 갤러리*/
.main-gaba{
width:95%;
margin-left:5%;
background:#29324e;
box-sizing:border-box;
padding:100px;
padding-right:0;
display:flex;
position:relative;
top:-250px;
overflow:hidden;
}
.magaba-tab{
widtH:270px;
flex-shrink: 0;
}

.magaba-tab li{
position:relative;
color:#fff;
font-size:25px;
font-weight:400;
cursor:pointer;
padding-top:15px;
opacity:0.8;
}
.magaba-tab li span{
display:none;
font-size:16px;
color:#9299b0;
text-transform:uppercase;
font-weight:400;
margin-left:5px;
letter-spacing:0em;
}

.magaba-tab li.current{
font-size:28px;
font-weight:700;
opacity:1;
}
.magaba-tab li.current:after{
content:"";
display:block;
width:7px;
height:7px;
border-radius:999px;
background:#fff;
left:-10px;
top:10px;
position:absolute;
}
.magaba-tab li.current span{
display:inline-block;
}

.magaba-list-box{
flex-grow: 1;
}
.magaba-list{
display:none;
position:relative;
}
.magaba-list.current{
display:block;
}
.magaba-list .slick-slide{
width:380px;
}
.mgb-s-box{
background:#fff;
}
.mgb-s-box a{
display:block;
width:100%;
}
.mgb-s-img{
width:100%;
padding-top:95%;
position:relative;
overflow:hidden;
}
.mgb-s-img img{
position:absolute;
max-width:100%;
left:50%;
top:50%;
}
.mgb-s-text{
box-sizing:border-box;
padding:2px;
}
.mgb-s-text span{
font-weight:600;
font-size:18px;
color:#c59400;
letter-spacing:0em;
}
.mgb-s-text p{
/*height:3em;*/
line-height:1em;
overflow:hidden;
margin-top:2px;
}
.magaba-list .slick-list{
overflow: hidden;
}
.magaba-list .slick-slide > div{
margin-right:40px;
}
.magaba-list .slick-arrow{
position:absolute;
color:#fff;
left:-270px;
bottom:0;
width:70px;
height:70px;
line-height:70px;
border:2px #fff solid;
box-sizing:border-box;
font-size:32px;
opacity:0.3;
}
.magaba-list .slick-arrow.slick-next{
left:-190px;
}

/*메인 보드*/
.main-board{
width:100%;
background-image:url(img/main-board-bg.gif);
background-repeat:no-repeat;
backround-color:#efede5;
background-position:50% 100%;
padding:100px 0;
margin-top:-250px;
}
.main-board-area{
width:95%;
max-width:1280px;
margin:0 auto;
display:flex;
align-content: stretch;
gap:50px;
}
.main-board-area section{
flex-grow: 1;
width:50%;
}
#main-notice{
position:relative;
}
#main-notice h2{
font-size:28px;
font-weight:800;
}
#main-notice h2 span{
display:inline-block;
font-weight:400;
font-size:18px;
color:#9c9579;
letter-spacing:0em;
} 
.notice-more{
display:block;
position:absolute;
width:50px;
height:50px;
line-height:50px;
color:#fff;
background:#3f3730;
text-align:center;
font-size:25px;
right:0;
top:0;
}
.notice-list{
margin-top:20px;
}
.notice-list li{
display:flex;
border-bottom:1px #e0e0e0 solid;
height:70px;
line-height:70px;
overflow:hidden;
}
.notice-list li a{
flex-grow: 1;
}
.notice-list li span{
flex-shrink: 0;
width: 120px;
text-align:right;
color:#826f36;
}

#main-mhw{
background:url(img/mhw-bg.jpg);
background-size:cover;
height:350px;
box-shadow:1px 1px 10px rgba(0,0,0,0.1);
display:table;
}
.mm-area{
display:table-cell;
width:100%;
text-align:center;
vertical-align:middle;
font-size:25px;
color:#3a4253;
}
.mm-area img{
width:220px;
margin-bottom:5px;
}

.mm-area strong{
font-size:27px;
color:#0c3187;
font-weight:800;
}
.mm-area strong.mm-color{
color:#d03d15;
}

/*메인 병원전경*/
#main-gallery{
background:#fff;
}
.mg-box{
padding:8px 0 0;
width:100%;
overflow:hidden;
}
.mg-box div a{
display:block;
position:relative;
width:100%;
padding-top:75%;
overflow:hidden;
}
.mg-box > div{
margin-left:5px;
}
.mg-box div a img{
position:absolute;
left:50%;
top:50%;
max-width:100%;
}
.mg-box div a img:hover{
	transform:scale(1.4);-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;
}

.mg-box .slick-slide > div{
margin:0 3px;
}

/*sub*/
@keyframes animate_background {
0% {opacity:1; transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
100%  {opacity:1; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}

.sub-visual{
display:table;
width:100%;
height:420px;
overflow:hidden;
}
.sub-visual-area{
background-image:url(img/sub-visual01.jpg);
background-position:50% 50%;
background-size:cover;
transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); 
display:table-cell;
width:100%;
vertical-align: middle;
text-align: center;
color:#fff;
animation: animate_background 1s ease-in-out forwards;
}
.sv02 .sub-visual-area{
background-image:url(img/sub-visual02.jpg);
}
.sv03 .sub-visual-area{
background-image:url(img/sub-visual03.jpg);
}
.sv04 .sub-visual-area{
background-image:url(img/sub-visual04.jpg);
}
.sv05 .sub-visual-area{
background-image:url(img/sub-visual05.jpg);
}
.sv06 .sub-visual-area{
background-image:url(img/sub-visual06.jpg);
}
.sub-nav{
opacity:0.6;
font-size:16px;
}
.sub-nav p{
display:inline-block;
}
.sub-nav span{
display:inline-block;
margin:0 5px;
}
.sub-tit1{
font-weight:700;
font-size:65px;
}
.sub-tit2{
font-weight:600;
font-size:24px;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity:0.5;
}

.sub-visual.sv01{
background-image:url(img/sub-visual01.jpg);
}
.sub-visual.sv02{
background-image:url(img/sub-visual02.jpg);
}
.sub-visual.sv03{
background-image:url(img/sub-visual03.jpg);
}
.sub-visual.sv04{
background-image:url(img/sub-visual04.jpg);
}
.sub-visual.sv05{
background-image:url(img/sub-visual05.jpg);
}
.sub-visual.sv06{
background-image:url(img/sub-visual06.jpg);
}

/*특별함*/
.sub-bottom{
background:url(img/s-special-bg.jpg);
padding:80px 0;
}
.sb-area{
width:95%;
max-width:1280px;
margin:0 auto;
position:relative;
box-sizing:border-box;
padding-left:360px;
}
.sb-tit{
position:absolute;
left:0;
top:0;

color:#484b52;
font-weight:500;
font-size:19px;
}
.sb-tit .sb-j{
position:absolute;
left:-50px;
top:-60px;
z-index:1;
}
.sb-tit .sb-j img{
width:140px;
}
.sb-tit h2{
color:#344375;
font-size:28px;
line-height:1.1em;
margin-bottom:25px;
font-weight:600;
position:relative;
z-index:2;
}
.sb-tit h2 strong{
font-size:35px;
}
.sb-tit h2 span{
display:block;
letter-spacing: 0.05em;
opacity:0.6;
font-weight:600;
font-size:23px;
}
.sb-slide{
}
.sbs-ul{
width:100%;
}
.sbs-ul .slick-list{
overflow:hidden;
}
.sbs-ul .slick-slide{
width:280px;
overflow:hidden;
margin-right:40px;
box-sizing:border-box;
border-radius:15px 50px;
color:#fff;
font-weight:600;
font-size:24px;
position:relative;
vertical-align:top;
} 
.sbs-ul .slick-slide .sbs-li{
padding:40px 30px;
box-sizing:border-box;
width:100%;
height:250px;
}
.sbs-ul .slick-slide .sbs-li1{
background:#2192c8;
}
.sbs-ul .slick-slide .sbs-li2{
background:#3b70bc;
}
.sbs-ul .slick-slide .sbs-li3{
background:#5c3bbc;
}
.sbs-ul .slick-slide .sbs-li4{
background:#cb488f;
}
.sbs-ul .slick-slide .sbs-li5{
background:#cb484e;
}
.sbs-ul .slick-slide .sbs-li6{
background:#74a63e;
}
.sbs-ul .slick-slide .sbs-li span{
position:absolute;
bottom:10px;
right:10px;
}
.sbs-ul .slick-slide .sbs-li span img{
width:200px;
}

.sbs-ul .slick-arrow{
position:absolute;
bottom:0;
left:0;
font-size:40px;
color:#344375;
}

.sbs-ul .slick-arrow.slick-next{
left:30px;
}
.sub-content{
background-image:url(img/sub-bg.jpg);
background-position:0% 0%;
background-size:100%;
padding-top:80px;
width:100%;
font-size:18px;
}

.sc-top{
width:96%;
max-width:1280px;
margin:0 auto;
padding-bottom:60px;
}

.sc-tit1{
font-weight:700;
font-size:42px;
margin-bottom:20px;
color:#1a2e70;
}
.sc-tit1:after{
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-left: 10px;
background: #e4c220;
border-radius: 12px;
}
.sc-tit1 span{
display:block;
font-size:24px;
}
.sc-top1-text{
flex-grow: 1;
font-size:22px;
line-height:1.8em;
word-break: keep-all;
color:#343744;
}

.sc-top1-text strong{
color:#242429;
}
.sc-top-img1{
width:100%;
max-width:750px;
padding-top:20px;
}
.sc-box1{
background:#efede5;
padding:60px 0;
}
.sc-box1-area{
width:96%;
max-width:1280px;
margin:0 auto;
}

.sc-top3{
width:90%;
margin-left:10%;
background-size:cover;
background-position:80% 100%;
padding:100px;
padding-top:150px;
border-radius:15px 0 0 120px;
box-sizing:border-box;
}
.sc-top3-area{
color:#fff;
font-size:24px;
width:100%;
max-width:1280px;
text-shadow: 1px 1px 10px rgba(0,0,0,0.5)
}
.sc-top3-area h3{
font-size:65px;
font-weight:200;
letter-spacing: -0.1em;

}

.sc-top3-area h3:after{
content:"";
display:block;
width:70px;
height:6px;
border-radius:999px;
background:#fff;
margin:30px 0;
}

.sc-list1{
display: flex;
flex-wrap: wrap;
gap:20px;
}

.sc-list1 > li{
margin:5px 0;
background:#fff;
box-sizing:border-box;
padding:20px 30px;
box-shadow: 0px 25px 20px -15px rgba(0,0,0,.1);
border-radius:10px;        
flex: 1 1 30%;
word-break:keep-all;
color:#666;
}

.sc-list1 > li span{
font-weight:700;
letter-spacing:0em;
display:block;
color:#c92608;
text-align:right;
margin-bottom:10px;
opacity:0.8;
}
.sc-list1 > li em, .tiny{
font-size:0.84em;
}
.sc-list1 > li em.em-color{
color:#ca8341;
display:block;
}
.scl1-1 > li{
flex: 1 1 20%;

}
.scl1-2{
gap:0;
}
.scl1-2 > li{
flex: 1 1 100%;
position:relative;
padding-left:60px;
}

.scl1-num-no > li{
padding-left:30px;
}
.scl1-3 li{
flex: 1 1 45%;
position:relative;
padding:30px;
}
.scl1-4{
margin-top:30px;
}
.scl1-4 li{
flex: 1 1 30%;
position:relative;
padding:20px;
}

.scl1-2 li span{
text-align: left;
position:absolute;
left:30px;
}
.scl1-2.scl1-step li{
padding-left:120px;
}
.p-color1{
color:#51423b;
font-weight:600;
font-size:20px;
}
.scl-inline{
display:inline-block;
margin-right: 20px;
}
.sc-box2{
background:url(img/s37-bg.jpg) no-repeat;
background-size:cover;
padding:100px 0;
}
.sc-box2.scb2-45{
background-image:url(img/s45-bg.jpg);
background-position:70%;
padding:70px 0;
}
.sc-box2.scb2-213{
background-image:url(img/s213-5.jpg);
background-position:70%;
padding:70px 0;
}
.sc-box2.scb2-51{
background-image:url(img/s51-bg2.jpg);
background-position:70%;
padding:70px 0;
}

.sc-box2.scb2-56{
background-image:url(img/s56-bg.jpg);
background-position:70%;
padding:70px 0;
}

.sc-box2.scb2-22{
background-image:url(img/s22-bg.jpg);
background-position:70%;
padding:70px 0;
}
.sc-box2.scb2-21{
background-image:url(img/s21-1.jpg);
background-position:70%;
padding:70px 0;
}

.sc-box2-area{
width:96%;
max-width:1280px;
margin:0 auto;

}
.sc-list2{
display:flex;
gap:2%;
flex-wrap:wrap;
}
.sc-list2 li{
  flex:1 1 15%;
color:#fff;
border-top:2px #ffff solid;
padding:20px 0;
word-break:keep-all;
width:20%;
position:relative;
word-break: keep-all;
}
.sc-list2 span{
font-size:34px;
opacity:0.3;
font-weight:700;
display:block;
}
.sc-list2 strong{
display:block;
padding:5px 0;
font-size:1.125em;
}
.sc-list2 .scl2-str1{
font-size:32px;
}
.scl2-1 li{
width:30%;
opacity:0.8;
}

.scl2-2{
justify-content: center; 
}
.scl2-2 li{
flex:1 1 20%;
opacity:0.8;
margin:40px 0;
}
.scl2-3 li{
flex:1 1 30%;
opacity:0.8;
}

.scl1-t1{
font-weight:700;
color:#1548a7;
font-size:1.125em;
margin-bottom:5px;
}
.scl1-t1 em{
display:inline-block;
margin-right:5px;
font-weight:400;
}
.sc-list1 li.acce-box{
background:#c63d22;
color:#fff;

}
.sc-list1 li.acce-box .scl1-t1{
color:#fff;
}

.scl1-img{
border-radius:10px;
overflow:hidden;  
margin-bottom:20px;
}
.scl1-img img{width:100%;}

.sc-box3{
width:96%;
max-width:1280px;
margin:0 auto;
padding:60px 0;
}
.sc-tit2{
font-size:36px;
color:#000;
word-break: keep-all;
}
.sc-tit2 span{
opacity:0.3;
letter-spacing:0em;
font-size:17px;
display:block;
margin-top:10px;
text-transform: uppercase;
}


.sc-box2 .sc-tit2{
color:#fff;
}

.sc-box4{
width:100%;
background:#fff;  
padding:60px 0;
}
.sc-box4-area{
width:96%;
max-width:1280px;
margin:0 auto;
}

.sc-box5{
width:96%;
max-width:1280px;
margin:0 auto;
text-align:center;
padding-bottom:100px;
}
.sc-box5 .sc-list5{
text-align:left;
margin-top:50px;
}
.sc-tit3{
font-weight:700;
font-size:60px;
text-align:center;
color:#1548a7;
position:relative;
display:inline-block;
letter-spacing:-0.1em;
}
.sc-tit3:after{
content:"";
display:block;
position:absolute;
width:100%;
height:20px;
background-color:#1548a7;
z-index:999;
left:0;
opacity:0.2;
bottom:15px;
}

.sc-box2 .sc-tit3{
color:#fff;
}
.sc-box2 .sc-tit3:after{
background-color:#fff;
}
.sc-list7{
display:flex;
justify-content: center;
margin-top:50px;
}
.sc-list7 li{
margin:0 20px;
font-weight:600;
font-size:20px;
color:#263c66;
}
.scl7-img{
width:160px;
height:160px;
line-height:160px;
text-align:center;
background-color:#fff;
border-radius:50px;
margin-bottom:20px;
box-shadow: 1px 2px 10px rgba(0,0,0,0.1);
}
.scl7-img.scl7-img2{
width:220px;
height:220px;
line-height:220px;
}
.scl7-img img{
width:90%;
}
.sc-p1{
font-size:26px;
color:#232e43;
margin-top:20px;
letter-spacing:-0.1em;
}

.sc-dl1{
display:flex;
}

.sc-dl1 > dt{
flex-shrink: 0;
width:380px;
padding-right:20px;
box-sizing:border-box;
}
.sc-dl1 > dd{
flex-grow: 1;
}

.sc-list3 li{
padding:20px 50px;
color:#444;
display:flex;
box-shadow: 0px 25px 20px -15px rgba(0,0,0,.1);
border-radius: 10px;
margin-bottom:20px;
background:#fff;
align-items: center; 
}

.scl3-txt{
padding:30px 0;
word-break: keep-all;
flex-grow: 1;
padding-right:100px;
}
.scl3-txt p{
font-weight:700;
font-size:1.125em;
margin-bottom:10px;
color:#1f3d9b;
}

.scl3-txt p span{
background:#1f3d9b;
display:inline-block;
color:#fff;
width:32px;
height:32px;
line-height:32px;
border-radius:999px;
text-align:center;
font-size:16px;
letter-spacing: 0; 
margin-right:7px;
vertical-align:2px;
}
.scl3-txt .scl-color1{
color:#df4900;
}
.scl3-txt .scl-color1 span{
background:#df4900;
}


.sc-list3.scl3-2{
display:flex;
gap:20px;
flex-wrap: wrap;
margin-top:-70px;

}
.sc-list3.scl3-2 li{
flex: 1 1 40%;
padding:30px;
box-sizing:border-box;
margin-bottom:0px;
align-items: flex-start; 
}

.sc-list3.scl3-2 li .scl3-txt{
padding-right:20px;
word-break: keep-all;
}
.sc-list3.scl3-3{
display:flex;
gap:20px;
flex-wrap: wrap;
}
.sc-list3.scl3-3 li{
flex: 1 1 15%;
box-sizing:border-box;
display:block;
}
.sc-list3.scl3-3 li .scl3-txt{
padding-right:0;
}
.sc-list3.scl3-3 li .scl3-img{
margin:0 auto;
}

.scl3-img{
flex-shrink: 0;
width: 250px;
}
.scl3-img-w180{
width:180px;
}
.scl3-img img{
width:100%;
}

.


.qa-dd dl{
border:1px #adafc2 solid;
border-radius:20px;
overflow:hidden;
margin-bottom:20px;
}
.qa-dd dt{
border-bottom:1px #d7d4c7 dashed;
padding:20px;
position:relative;
padding-left:70px;
line-height:40px;
font-weight:700;
color:#1c226a;
background:#fff;
font-size:1.125em;

}
.qa-dd span{
background:#3942af;
width:40px;
height:40px;
line-height:40px;
color:#fff;
font-weight:600;
display:block;
position:absolute;
left:20px;
text-align:center;
border-radius:999px;
}

.qa-dd dd{
padding:20px 30px;
word-break:keep-all;
background:rgba(255,255,255,0.8);
opacity:0.7;
}

.sc-list4 {
display:flex;
gap:2%;
flex-wrap: wrap;
}
.sc-list4 li{
flex:1 1 30%;
background:#111;
color:#fff;
font-weight:600;
box-sizing:border-box;
padding:40px;
border-radius:10px;
height:300px;
display:table;
background-size:cover;
word-break: keep-all;
}
.sc-list4 li p{
display:table-cell;
width:100%;
vertical-align:bottom;
font-size:1.125em;
}
.sc-list4 li p strong{
display:block;
font-weight:800;
font-size:24px;
margin-bottom:10px;
}
.scl4-1 li{
flex:1 1 20%;
height:260px;
}
.sc-list4 li p{
font-size:18px;
font-weight:400;
}
.scl4-2 li{
flex:1 1 45%;
height:300px;
margin-bottom:20px;
}

.scb3-t1{
font-weight:700;
font-size:50px;
display:block;
padding-top:150px;
}
.scb3-t2{
display:inline-block;
font-size:1.25em;
margin-right:10px;
font-weight:300;
}
.scb3-t2 em{
font-weight:900;
letter-spacing: 0em;
}
.scb3-t3{
display:block;
margin-top:10px;
margin-bottom:20px;
font-weight:400;
opacity:0.8;
}

.sc-list4 li .scl4-p1{
color:#a4ebff;
}
.sc-list4 li .scl4-p2{
color:#ecd8e1;
text-align:right;
}
.sc-list5{
display:flex;
gap:20px;
flex-wrap: wrap;
}
.sc-list5 li{
flex:1 1 20%;
height:auto;
word-break: keep-all;
background: #dce6f1;
border-color: #c5d0dd;
color:#393b50;
font-size:1em;
padding:30px;
border-radius:10px;
box-sizing:border-box;
box-shadow: 0px 25px 20px -15px rgba(0,0,0,.1);
}
.scl5-1 li{
flex:1 1 18%;
}
.scl5-2 li{
flex:1 1 100%;
padding:15px 20px 10px;
}
.sc-list5.scl5-2 li span{
display:inline-block;
margin-right:10px;
}
.scl5-3 li{
flex:1 1 30%;
}


.sc-list5 li span{
font-weight:800;
display:block;
color:#3b43a8;
margin-bottom:10px;
font-size:20px;
}
.sc-list5 li span.cir{
width:12px;
height:12px;
border-radius:999px;
background-color:#3b43a8;
}
.sc-list5 li:nth-child(2){
background: #f1e0e8;
}
.sc-list5 li:nth-child(2) span{
color:#b8206a;
}
.sc-list5 li:nth-child(2) span.cir{
background-color:#b8206a;
}
.sc-list5 li:nth-child(3){
background: #f6e1d9;
}
.sc-list5 li:nth-child(3) span{
color:#b84620;
}
.sc-list5 li:nth-child(3) span.cir{
background-color:#b84620;
}
.sc-list5 li:nth-child(4){
background: #edf0e4;
}
.sc-list5 li:nth-child(4) span{
color:#249307;
}
.sc-list5 li:nth-child(4) span.cir{
background-color:#249307;
}
.sc-list5 li:nth-child(5){
background: #e4f0ed;
}
.sc-list5 li:nth-child(5) span{
color:#0b8983;
}
.sc-list5 li:nth-child(5) span.cir{
background-color:#0b8983;
}
.sc-list5 li:nth-child(6){
background: #e4eaf0;
}
.sc-list5 li:nth-child(6) span{
color:#0b4c89;
}
.sc-list5 li:nth-child(7){
background: #e1e4f5;
}
.sc-list5 li:nth-child(7) span{
color:#372ba7;
}

.sc-list6 > li{
border-top:1px #e0e0e0 dashed;
padding:15px 0;
}
.sc-list6 > li:first-child{
border-top-width:0;
}
.sc-list6 > li > em{
font-weight:700;
font-size:18px;
color:#4e1a00;
margin-bottom:3px;
}
.sc-list6 > li > div{
font-size:17px;
word-break:keep-all;
padding-left:10px;
}



.sc-top2{
width:90%;
margin-left:10%;
padding:50px 100px;
background:#2c5db8;
position:relative;
box-sizing:border-box;
z-index:20;
border-radius:15px 0 0 70px;
}
.sc-top2 ul{
display:flex;
gap:50px;
max-width:1280px;
}
.sc-top2 ul li{
width:300px;
color:#fff;
word-break: keep-all;
position:relative;
padding-left:50px;
margin-top:15px;
}
.sc-top2 ul li:first-child:after{
display:none;
padding-left:0;
}

.sc-top2 ul li:after{
display:block;
content:"";
width:1px;
height:100%;
background:rgba(255,255,255,0.3);
position:absolute;
left:0;
top:0;
}
.sct2-1 ul li{
width:50%;
}

.sc-top2 ul li p.sctp-eng{
text-transform: uppercase;
letter-spacing:0em;
margin-bottom:10px;
position:relative;
padding-top:20px;
opacity:0.8;
}
.sc-top2 ul li p.sctp-eng:after{
content:"";
display:block;
width:8px;
height:8px;
background:#fff;
border-radius:999px;
position:absolute;
left:0;
top:0;
opacity:0.5;
}
.sc-top2 ul li strong{
display:block;
font-size:1.125em;
}
.sc-top2 ul li strong span{

}
.sc-top2 ul li img{
width:80px;
margin-bottom:10px;
}
.sc-top2 .sc-tit2,
.sc-top2 .sc-text-box1{
color:#fff;
}
.sc-top2-ex{
color:#fff;
margin-top:50px;
font-size:0.9em;
opacity: 0.7;
}

.sc-top2-ex2{
font-size: 16px;
opacity: 0.6;
font-weight: 700;
letter-spacing: 0em;
}

.st-text-box2{
background:#ffe87a;
padding:30px;
box-shadow: 0px 25px 20px -15px rgba(0,0,0,.1);
border-radius:10px;
text-align:center;
font-size:1.05em;
}
.st-text-box2 strong{
display:block;
margin-top:10px;
}

.sc-pa{
padding-bottom:100px;
}

.sc-ma50{
margin-top:-100px;
padding-top:150px;
position:relative;
z-index:10px;
}
.sc-m20{
margin-top:20px;
}
.sc-ma30{
margin-top:30px;
}
.sc-ma60{
margin-top:60px;
}
.sc-ma150{
margin-top:150px;
}

.sc-text-box1{
font-size:1.05em;
margin-bottom:30px;
line-height:1.8em;
word-break:keep-all;
color:#29324e;
font-weight:500;
}
.sctb1-p1{
font-weight:800;
font-size:24px;
}

.sc-img1{
width:90%;
padding:50px 0;
background:#2c5db8;
margin-left: 10%;
position: relative;
box-sizing: border-box;
z-index: 20;
border-radius: 15px 0 0 70px;
}
.sc-img1-area{
width:95%;
max-width:1280px;
margin:0 auto;
text-align:center;
}
.sc-img1 img{
width:100%;
max-width:750px;
}
.sci-t1{
color:#ffe259;
font-size:35px;
}

.sc-dl2{
color:#fff;
text-shadow:1px 1px 25px rgba(0,0,0,0.2);
}
.sc-dl2 dt{
font-size:32px;
}

.sc-dl2 dt strong{
text-transform: uppercase;
font-size:55px;
color:#ffe259;
display:block;
line-height:1.1em;
}
.sc-dl2 dd{
font-size:1.05em;
line-height:1.8em;
margin-top:20px;
}

.sc-dl2 dd.sc-dl2-dd1{
font-size:22px;
font-weight:300;
}

.s15-p1{
font-weight:700;
font-size:24px;
margin-bottom:20px;
}
.s15-p2{
margin-top:-10px;
margin-bottom:30px;
}
.s15-p2 a{
text-decoration: underline;
color:rgb(42, 83, 152);
}
.sc15-table-box{

}
.sc-table1{
width:100%;
border-right:1px #e0e0e0 solid;
box-shadow: 1px 2px 20px rgba(0,0,0,0.1)
}
.sc15-table-box .sc-table1{
width:100%;
margin-bottom:20px;
}



.sc-table1,
.sc-table1 th,
.sc-table1 td{
background:#fff;
color:#555;
text-align:center;
}
.sc-table1 td strong{
display:block;
text-align:center;
}
.sc-table1 th{
font-weight:700;
font-size:18px;
padding:20px 0;
border-top:4px #333 solid;
border-left:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
}
.sc-table1 td{
border-bottom:1px #e0e0e0 solid;
padding:5px;
border-left:1px #e0e0e0 solid;
}
.sc-table1 td:first-child{

}
.sc-table1 ol,
.sc-table1 ol li{
 list-style-type: decimal;
}

.sc-table1 ol li{
margin-left:20px;
margin-bottom:5px;
}

.sc-table1 .sct1-bg{
background:#f3f2ef;
}

.s11-box{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
background:url(img/sub-bg-logo.png);
background-repeat:no-repeat;
background-position:50% 0%;
}

.s11-text{
flex-grow: 1;

}
.s11-text dt{
font-weight:700;
font-size:40px;
padding-top:80px;
margin-bottom:30px;
}
.s11-text dt strong{
font-size:55px;
}
.s11-text dt span{
color:#f7d42e;
letter-spacing: 0.1em;
font-size:25px;
display:inline-block;
margin-left:20px;
}
.s11-text dd ul{
display:flex;
flex-wrap:wrap;
}
.s11-text dd ul li{
flex: 1 1 40%;
margin-right:1%;
padding:10px 0;
padding-left:15px;
box-sizing:border-box;
position:relative;
font-size:18px;

}
.s11-text dd ul li:after{
content:"";
display:block;
width:3px;
height:3px;
border-radius:9999px;
background:#999;
position:absolute;
left:0;
top:25px;
}
.s11-img{
flex-shrink: 0;
width: 450px;

}
.s11-img img{
width:100%;
}

.ul-type1 {
border-radius:30px;
overflow:hidden;
box-shadow: 0px 25px 20px -15px rgba(0,0,0,.1);
}
.ul-type1 li{
display:table;
width:100%;
table-layout:fixed;
border-collapse: collapse;
}
.ul-type1 li > div{
display:table-cell;
width:50%;
vertical-align:bottom;
background:#e6f0fe;
}
.ul-type1 li > div.ult1-img{
vertical-align:middle;
box-sizing:border-box;

background:#f1f1f1;
}
.ul-type1 li .ult1-txt{
padding:30px;
padding-top:50px;
padding-right:120px;
word-break:keep-all;
position:relative;
box-sizing:border-box;
}
.ul-type1.ult1-ww{
max-width:950px;
margin:0 auto;
}

.ul-type1.ult1-ww li .ult1-txt{
padding-right:10px;
}

.ult1-txt span{
display:block;
position:absolute; 
right:30px;
top:30px;
color:#b2bfd0;
font-weight:700;
font-size:40px;
}

.ult1-txt p{
font-weight:700;
font-size:22px;
color:#1f418e;
margin-bottom:5px;
}

.ult1-txt p em{
display:block;
font-weight:500;
font-size:20px;
}

.ult1-txt p b{
color:#e65918;
}

.ult1-txt div{
font-size:18px;
color:#213257;
}

.ult1-txt div strong{
display:block;
}

.ult1-txt div em{
font-family:'Noto Sans KR';
font-weight:300;
display:block;
letter-spacing:-0.1em;
margin-top:10px;
}

.ul-type1 li > div img{
width:100%;
}

.ul-type1 li .ult1-txt.ult1t-w100{
padding-right:10px;
padding:50px;
}

.ul-type1 li .ult1-txt.ult1t-w100 p{
font-size:24px;
}

.ul-type1 li .ult1-txt.ult1t-w100 strong{
font-size:20px;
}
.ult1-1030 li .ult1-txt.ult1t-w100 strong{
opacity:0.6;
font-weight:500;
font-size:30px;
}
.ult1-1030 li .ult1-txt.ult1t-w100 p{
font-size:38px;
}

.s16-top img{width:100%;}
.sub-map-box{width:100%; max-width:1280px; margin:0 auto; padding:30px 5% 30px; box-sizing:border-box; background:#fff; }
.sub-map-box > div{margin:0 auto;}
.sub-map-box .root_daum_roughmap .wrap_map{width:100% !important;}
.sub-customer-box{
display: table;
width:100%;
table-layout: fixed;
margin:50px 0;
}
.sub-customer-box dl{
display:table-cell;
width:50%;
text-align:center;
box-sizing:border-box;
}

.sub-customer-box dl dt{
color:#255cb3;
font-weight:800;
font-size:32px;
margin:20px 0;
}
.sub-customer-box dl dt i{
display:block;
width:100px;
height:100px;
line-height:100px;
margin:0 auto;
border-radius:9999px;
background:#255cb3;
color:#fff;
font-size:40px;
margin-bottom:10px;
}
.sub-customer-box dl.scb-time{
border-left:1px rgba(0,0,0,0.1) solid;
}
.sub-customer-box dl.scb-time dt {
color:#0098e6;
}
.sub-customer-box dl.scb-time dt i{
background:#0098e6;
}
.sub-customer-box dl dd{
font-size:20px;
}
.scb-t1, .scb-t1 a{
color:#002663;
font-weight:800;
font-size:52px;
}
.scb-t2{
background:#197bae;
color:#fff;
font-size:24px;
display:inline-block;
padding:10px 30px;
margin-bottom:20px;
}

.scb-t3{
position:relative;
box-sizing:border-box;
text-align:right;
max-width:400px;
margin:0 auto;
}
.scb-t3 strong{
position:absolute;
left:0;
}
.scb-t3 ul{
padding-left:100px;
}
.scb-t3 ul li{
display:table;
text-align:right;
width:100%;
table-layout: fixed;
padding:5px 0;
}
.scb-t3 ul li p{
display:table-cell;
width:50%;
text-align:Center;
}
.scb-t3 ul li span{
display:table-cell;
width:50%;
}

.scbt3-color{
color:#d41748;
}

.sub-cacao{
background:#e9d91f;
padding:50px 0;
text-align:center;
color:#3a2020;
}
.sca-img{
width:550px;
margin:0 auto;
}
.sca-img img{
width:100%;
}

.sca-t1{
text-align:center;
font-size:30px;
margin-top:20px;
margin-bottom:30px;
}
.sca-t2{
display:inline-block;
border:1px #c0b218 solid;
border-width:1px 0 1px 0;
font-size:32px;
font-weight:600;
padding:10px 20px;
}

.sc-top3{
width:98%;
margin-left:2%;
padding:70px;
}
.sc-top3-area h3{
font-size:45px;
}
.sc-top3-area h3:after{
margin:20px 0;
width:40px;
height:3px;
}
.sc-tit3{
font-size:45px;
}
.sc-p1{
font-size:20px;
margin-top:5px;
}
.sc-list3.scl3-3{
display:block;
}
.sc-list3.scl3-3 li{
flex:0;
width:100%;
display:table;
}
.sc-list3.scl3-3 li .scl3-txt{
display:table-cell;
}
.sc-list3.scl3-3 li .scl3-img{
display:table-cell;
width:180px;
}
.sc-box2{
padding:50px 2%;
}



.sub0105-box{
position:relative;
}

.sub0105-tit{
display:inline-block;
padding:0 65px;
line-height:65px;
color:#fff;
background:#cc3f30;
position:absolute;
left:0;
top:0;
z-index:77;
}
/*sub-slide-callery*/
.sub-interior{
width:100%;
max-width:1280px;
margin:0 auto;
text-align:center;
overflow:hidden;
position:relative;
padding:50px 0;
}
.sub-interior .slick-arrow{
position:absolute;
right:0;
top:50%;
margin-top:-25px;
width:50px;
height:50px;
font-size:0;
background:url(img/si-next.gif);
background-size:cover;
z-index:9;
}
.sub-interior .slick-arrow.slick-prev{
left:0;
background-image:url(img/si-prev.gif);
}
.si-img{
position:relative;
width:100%;
padding-top:65%;
overflow:hidden;
box-sizing:border-box;
background:#f9f9f9;
}

.si-img img{
position:absolute;
left:50%;
top:50%;
max-width:100%;
}

.img2000{
width:100%;
max-width:2000px;
margin:0 auto;
}
.img2000 img{
width:100%;
}