@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@font-face{font-family:'LotteMartDreamMedium';font-style:normal;font-weight:400;src:url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff')}
@font-face{font-family:'LotteMartDreamBold';font-style:normal;font-weight:700;src:url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff')}
@font-face{font-family:'LotteMartDreamLight';font-style:normal;font-weight:300;src:url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff')}


@font-face {
    font-family: 'xeicon';
    src: url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/fonts/xeicon.eot'); /* IE 9 이하용 */
    src: url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/fonts/xeicon.eot?#iefix') format('embedded-opentype'), /* IE 9 이상 */
         url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/fonts/xeicon.woff2') format('woff2'), /* 최신 브라우저 */
         url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/fonts/xeicon.woff') format('woff'), /* 대부분 브라우저 */
         url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/fonts/xeicon.ttf') format('truetype'); /* 레거시 브라우저 */
    font-weight: normal;
    font-style: normal;
}



/* 스크롤바 */
 {width: 100%;height: 100%;overflow-y: scroll;}
::-webkit-scrollbar {width: 0.5rem;}
::-webkit-scrollbar-thumb {height: 10%;background: rgba(0,0,0,0.4); border-radius: 3rem;}
::-webkit-scrollbar-track {background: rgba(0,0,0,0.15);border-radius: 3rem;}

@media screen and (max-width: 576px) {
    html, body {
        font-size: 14px;
    }
}

:root {
    --main-title01: 55px;
    --main-title02: 50px;
    --main-title03: 30px;
    --main-title04: 21px;
    --main-text01: 18px;
}

#contArea article {padding:20px 0;}

/* MAIN */
#sh_section{position:relative;z-index:1;min-width:1420px;font-size:16px;font-weight:400;line-height:1.65;color:#777;font-family:var(--k-font)}
#sh_section *{word-break:keep-all}
#sh_section .pl{white-space:pre-line}
#sh_section .tit_area h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: var(--k-font), var(--e-font);
}
#sh_section .more_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 25px;
    width: 215px;
    height: 60px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    background: #111;
    transition: all .3s;
}
@media (max-width: 480px) {
    #sh_section {
        font-size: 14px;
    }
}

/* 반응형 [s] */
@media (hover:hover){
	#sh_section .more_btn:hover{gap:15px}
	#sh_ft .ft_mn li ul a:hover{color:rgba(255, 255, 255, 0.6)}
	#sh_ft .links a:hover{background:var(--primary);color:#fff}
	#sh_ft .toTop:hover{color:#fff;background:var(--primary);transform:rotate(-45deg)}
}
@media (max-width:1380px){
	#sh_section .tit_area h2{font-size:38px}
	#sh_ft{padding:100px 5% 70px}
}
@media (max-width:1024px){
	#sh_content{padding:50px 0;}
	#sh_section {width:100%; min-width:100%;}
	#sh_section .pl{white-space:normal}
	#sh_section .tit_area h2{font-size:28px}
	#sh_section .more_btn{gap:15px;width:200px;height:58px}
	#sh_section .more_btn:hover{gap:5px}
	#sh_ft{padding:80px 2.5% 35px}
	#sh_ft .top{padding-bottom:60px}
	#sh_ft .ft_mn > li+li{margin-left:65px}
	#sh_ft .ft_mn li ul{margin-top:25px}
	#sh_ft .toTop{width:70px;height:70px}
	#sh_ft .toTop svg{width:24px;height:24px}
	#sh_ft .bottom{padding:50px 0 0}
	#sh_ft .bottom .txt{padding-bottom:70px}
	#sh_ft .copy{font-size:14px}
	#sh_ft .links a{padding:8px 16px;font-size:12px}
}
@media (max-width:768px){
	#sh_content{padding: 10px 0 40px;}
	#sh_section {width:100%; min-width:100%;}
	#sh_section .tit_area h2{font-size:25px}
	#sh_section .more_btn{gap:5px;width:190px;height:53px}
	#sh_section .more_btn:hover{gap:15px}
	#sh_section .more_btn svg{width:20px;height:20px}
	#sh_ft .top{padding-bottom:50px}
	#sh_ft .ft_mn > li+li{margin-left:50px}
	#sh_ft .ft_mn > li > a{font-size:14px}
	#sh_ft .ft_mn li ul{margin-top:18px}
	#sh_ft .ft_mn li ul a{font-size:14px}
	#sh_ft .ft_mn li ul li+li{margin-top:6px}
	#sh_ft .toTop{width:55px;height:55px}
	#sh_ft .toTop svg{width:20px;height:20px}
	#sh_ft .bottom{padding:40px 0 0 0}
	#sh_ft .bottom .txt{padding-bottom:60px;font-size:14px}
	/* 반응형 스타일 필수 [s] */
	#sh_login, #sh_agree, #sh_register,#sh_mb_confirm, #sh_result{padding:15px;margin:15px auto;border:none}
	#sh_login input[type=submit], #sh_agree .btn_wrap input[type=submit], #sh_register .btn_wrap input[type=submit],#sh_find_info input[type=submit], #sh_mb_confirm input[type=submit]{-webkit-appearance:none;appearance:none}
	#sh_login .bnr .txt p a{color:#0054a6}
	#sh_pw_confirm{width:100%;padding:30px 20px;border:none}
	#sh_agree .inner{padding:15px}
	#sh_agree .cont{padding:10px}
	#sh_site_map{padding:30px 20px}
	#sh_site_map > div{width:100%;margin:0}
	#sh_site_map .sh_site_map_box{min-height:auto}
	/* 반응형 스타일 필수 [e] */
}
@media (max-width:580px){
	#sh_ft .top{position:relative;padding-bottom:100px}
	#sh_ft .ft_mn{width:100%}
	#sh_ft .ft_mn li{width:calc(100% / 4);text-align:center}
	#sh_ft .ft_mn > li+li{margin-left:0px}
	#sh_ft .ft_mn li ul li{width:100%;text-align:center}
	#sh_ft .toTop{position:absolute;bottom:2.5%;right:0px;width:50px;height:50px}
	#sh_ft .toTop svg{width:19px;height:19px}
	#sh_ft .bottom .txt{text-align:center}
	#sh_ft .links a+a{margin-left:6px}
}
@media (max-width:480px){
	#sh_hd.sub{position:relative;}
	#sh_content{padding:0px;}
	#sh_section{font-size:14px; width:100%; min-width:100%;}
	#sh_section .tit_area h2{font-size:21px}
	#sh_section .more_btn{gap:8px;width:170px;height:51px}
	#sh_section .more_btn:hover{gap:8px}
	#sh_ft{padding:70px 2.5% 25px}
	#sh_ft .top{padding-bottom:50px}
	#sh_ft .toTop{display:none}
	#sh_ft .bottom .txt{padding-bottom:40px}
	#sh_ft .links a{padding:6px 12px}
	#fix_tel{display:block}
	#sh_ft_btns{display:block}
	#sh_ft dl dt{font-size:16px}
}
@media (max-width:380px){
	#sh_section{font-size:13px; width:100%; min-width:100%;}
	#sh_section .tit_area h2{font-size:19px}
	#sh_section .more_btn{width:160px;height:47px}
	#sh_section .more_btn svg{width:18px}
	#sh_ft{padding:60px 2.5% 20px}
	#sh_ft .top{padding-bottom:40px}
	#sh_ft .ft_mn li ul{margin-top:14px}
	#sh_ft .ft_mn li ul li+li{margin-top:3px}
	#sh_ft .ft_mn > li > a{font-size:13px}
	#sh_ft .ft_mn li ul a{font-size:13px}
	#sh_ft .bottom{padding:30px 0 0 0}
	#sh_ft .bottom .txt{font-size:13px}
	#sh_ft .copy{font-size:13px}
	#sh_ft .links a{padding:6px 10px;font-size:11px}
}
/* 반응형 [e] */
/* CONTAINER */
#sh_container{position:relative;z-index:10;min-width:1420px}
#sh_sub_wrap{position:relative}
#sh_content{overflow:hidden;position:relative;z-index:10;width:100%;max-width:1400px;min-height:550px;padding:70px 0;margin:0 auto;background:#fff}

#toTop{opacity:.3;cursor:pointer;position:absolute;right:1%;bottom:110px;z-index:101;color:#fff}
#toTop:hover{opacity:1}
#toTop.active{position:fixed}
#toTop svg{width:70px;height:70px;stroke-width:1px;transition:all .8s}
#toTop.active svg{transform:rotate3d(0, 1, 0, 360deg)}

#sh_wrapper {position:relative;margin:0 auto;width: calc(100vw - 0px);zoom:1}
#sh_wrapper .gnb-container{height:100px;}
.logo{z-index: 100;width:300px;height:40px;transition: all .3s;}
#logo > a {position: relative;width: 100%;height: 100%;display: block;}
#logo > a > img {position: absolute;top: 50%;left: 0;transform:translateY(-50%);}


/* Mainslide */
#mainVisual{position:relative}

#mainVisual .main_slide{position:relative;width:100%;height:100vh}
#mainVisual .swiper-wrapper{height:100%}
#mainVisual .swiper-slide.bg01{position:relative;background:url('/theme/imbosu/img/main_img1.jpg') no-repeat center / cover}
#mainVisual .swiper-slide.bg02{position:relative;background:url('/theme/imbosu/img/main_img2.jpg') no-repeat center / cover}
#mainVisual .swiper-slide.bg03{position:relative;background:url('/theme/imbosu/img/main_img3.jpg') no-repeat center / cover}

#mainVisual .main_txt{position:absolute;top:40vh;left:50%;z-index:101;width:100%;line-height:1.15;color:#fff}
#mainVisual .main_txt span{display:block;font-size:19px;font-weight:500;padding-left: 50px;}
#mainVisual .main_txt h1{margin-top:20px;padding-left:50px;font-size:62px;white-space:pre-line;font-family:var(--e-font)}

/* Pager */
#mainVisual .pager{display:flex;flex-flow:column;justify-content:center;gap:15px;position:absolute;right:5%;top:50%;z-index:101;transform:translateY(-50%)}
#mainVisual .pager button{opacity:1;position:relative;display:flex;justify-content:center;align-items:center;width:auto;height:auto;border-radius:50%;color:#fff;cursor:pointer;background:transparent;transition:.2s}
#mainVisual .pager button:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:9px;height:9px;border-radius:50%;background-color:#fff;content:"";transition:all .2s}
#mainVisual .pager button.on:after{opacity:0}
#mainVisual .pager .progress{transform:rotate(-90deg)}
#mainVisual .pager .circle-origin{fill:transparent;stroke:rgb(255, 255, 255);stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:all .2s}
#mainVisual .pager button.on .circle-origin{animation:progress 4.5s ease}
@keyframes progress{from{stroke-dashoffset:-52}to{stroke-dashoffset:0}}


#inc01{position:relative}
#inc01 .tit{padding:150px 0 120px;text-align:center}
#inc01 .tit{font-size:17px;line-height:1.6}
#inc01 .tit span{font-size:16px;font-weight:700;color:var(--primary);font-family:'Play'}
#inc01 .tit p{margin:15px 0 18px;;font-size:42px;letter-spacing:-.5px;color:#222;font-family:'LotteMartDreamBold'}
/* 배경이미지 */
#inc01 .bg{overflow:hidden;position:absolute;bottom:0;z-index:-1;transform:scale(.85);width:100%;height:750px}
#inc01 .bg:before{display:block;content:"";position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.5)}
#inc01 .bg img{position:relative;top:-200px;transition:all .8s}
#inc01 .bg.aos-animate{transform:scale(1)}
/* 링크 */
#inc01 ul{display:flex;position:relative;transform:scale(.85);height:750px}
#inc01 ul.aos-animate{transform:scale(1)}
#inc01 ul li{display:flex;align-items:center;justify-content:center;position:relative;width:25%;color:#fff;text-align:center}
#inc01 ul li:before{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);transition:all .8s cubic-bezier(0.165, 0.840, 0.440, 1)}
#inc01 ul li+li{border-left:1px solid rgba(255,255,255,.15)}
#inc01 ul li .txt{display:flex;flex-flow:column;height:100%;justify-content:center;position:relative}
#inc01 ul li .txt span{font-size:16px;font-weight:700;font-family:'Play'}
#inc01 ul li .txt p{margin-top:25px;font-size:36px;line-height:1.4;white-space:pre-line;font-family:'LotteMartDreamBold'}
#inc01 ul li .txt div{opacity:0;margin-bottom:50px;font-size:16px;color:rgba(255,255,255,.7);line-height:1.6;white-space:pre-line;transition:all .4s}
#inc01 ul li .txt a{opacity:0;display:flex;position:absolute;left:50%;bottom:150px;transform:translateX(-50%);width:68px;height:68px;border-radius:16px;border:1px solid rgba(255,255,255,.25);transition:all .6s cubic-bezier(0.165, 0.840, 0.440, 1)}
#inc01 ul li .txt a svg{margin:auto;color:#fff}
#inc01 ul li:hover:before{opacity:1}
#inc01 ul li:hover .txt div{opacity:1;margin:35px 0 150px}
#inc01 ul li:hover .txt a{opacity:1;bottom:200px}
#inc01 ul li:hover .txt a:hover{border-color:var(--primary);background:var(--primary)}

@media (min-width:240px) and (max-width:768px) {


#inc01 ul {flex-direction: column;}
#inc01 ul li {display: flex; align-items: center; justify-content: center; position: relative; width: 100% !important;color: #fff; text-align: center;}

}


#inc02 .tit_area{padding:215px 260px 160px;text-align:center}
#inc02 .tit_area h2{padding-bottom:45px;color:#222;word-break:keep-all}
#inc02 ul{display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 260px 110px}
#inc02 ul::before{content:"";display:block;position:absolute;left:0;top:25px;z-index:-1;width:100%;height:1px;background:#e1e1e1}
#inc02 ul li h3{display:table;padding-bottom:15px;font-size:30px;font-weight:700;text-transform:uppercase;color:var(--primary);background:#fff;padding:0 20px;font-family:var(--e-font)}
#inc02 ul li{position:relative}
#inc02 ul li span{display:inline-block;padding-left:20px}
#inc02 .more_btn{left:50%;transform:translateX(-50%);margin:0 auto 160px}

/* 하단 텍스트 */
#inc02 .f_txt{overflow:hidden;display:flex;align-items:center;gap:40px;position:relative;width:100%;height:162px}
#inc02 .f_txt div{display:flex;position:absolute;width:max-content}
#inc02 .f_txt div+div{margin-left:40px}
#inc02 .f_txt div span{width:100%;height:162px;font-size:100px;font-weight:500;color:#eee;font-family:var(--e-font)}
#inc02 .f_txt .list1{animation:float1 40s linear infinite}
@keyframes float1{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}
#inc02 .f_txt .list2{animation:float1-2 40s linear infinite}
@keyframes float1-2{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}

/* 반응형 [s] */
@media (max-width:1580px){
#inc02 .tit_area{padding:215px 175px 160px}
#inc02 ul{padding:0 160px 110px}
}
@media (max-width:1380px){
#inc02 .tit_area{padding:190px 5% 160px}
#inc02 .tit_area h2{padding-bottom:35px}
#inc02 ul{padding:0 5% 110px}
#inc02 .more_btn{margin:0 auto 110px}
}
@media (max-width:1024px){
#inc02 .tit_area{padding:120px 2.5% 150px}
#inc02 .tit_area h2{padding-bottom:20px}
#inc02 ul{padding:0 2.5% 100px;gap:30px}
#inc02 ul::before{top:22px}
#inc02 ul li{display:flex;flex-direction:column;align-items:center;text-align:center;width:calc(100% / 3 - 15px)}
#inc02 ul li h3{padding:0 15px;font-size:24px}
#inc02 ul li span{padding-left:0px;font-size:14px}
#inc02 .more_btn{margin:0 auto 90px}
#inc02 .f_txt{height:120px}
#inc02 .f_txt div{height:100%}
#inc02 .f_txt div span{height:100%;font-size:75px}
}
@media (max-width:768px){
#inc02 .tit_area{padding:90px 2.5% 70px}
#inc02 ul{flex-direction:column;align-items:start;gap:60px;padding:60px 2.5%;margin-bottom:60px}
#inc02 ul::before{top:0px;left:50%;transform:translateX(-50%);width:1px;height:100%}
#inc02 ul li{width:50%}
#inc02 ul li h3{padding:0px}
#inc02 ul li:nth-child(odd){margin-left:auto}
#inc02 ul li:nth-child(odd):after{content:"";position:absolute;top:50%;left:calc(0% - 3px);transform:translateY(-50%);width:6px;height:6px;border-radius:100%;background-color:var(--primary)}
#inc02 ul li:nth-child(2){margin-right:auto}
#inc02 ul li:nth-child(2):after{content:"";position:absolute;top:50%;right:calc(0% - 3px);transform:translateY(-50%);width:6px;height:6px;border-radius:100%;background-color:var(--primary)}
#inc02 ul li span{width:80%}
#inc02 .more_btn{margin-bottom:60px}
#inc02 .f_txt{height:95px}
#inc02 .f_txt div span{font-size:50px}
}
@media (max-width:480px){
#inc02 .tit_area{padding:80px 2.5% 50px}
#inc02 .tit_area h2{padding-bottom:15px}
#inc02 ul{gap:45px;padding:45px 2.5%;margin-bottom:45px}
#inc02 ul li h3{font-size:19px}
#inc02 ul li span{font-size:13px}
#inc02 .more_btn{margin-bottom:45px}
#inc02 .f_txt{height:80px}
#inc02 .f_txt div span{font-size:40px}
}
@media (max-width:380px){
#inc02 .tit_area{padding:60px 2.5% 45px}
#inc02 .tit_area h2{padding-bottom:8px}
#inc02 ul{gap:35px;padding:35px 2.5%;margin-bottom:35px}
#inc02 ul li h3{font-size:17px}
#inc02 ul li span{font-size:12px}
#inc02 .more_btn{margin-bottom:35px}
#inc02 .f_txt{height:65px}
#inc02 .f_txt div span{font-size:35px}
}


#inc03 {
    position: relative;
    padding: 150px 0 100px 6.5%;
    background: #f2f2f2;
}
#inc03 .tit {
    margin-bottom: 75px
}

#inc03 .tit span {
    font-size: 16px;
    font-weight: 700;
    color: #999;
    font-family: 'Play'
}

#inc03 .tit p {
    padding-top: 15px;
    font-size: 42px;
    letter-spacing: -.5px;
    line-height: 1.4;
    color: #222;
    font-family: 'LotteMartDreamBold'
}

#inc03 .slide_wrap {
    position: relative
}

/* 탭 */
#inc03 .tabs {
    display: flex;
    flex-flow: column;
    position: absolute;
    top: 0;
    left: 5%;
    width: max-content;
    padding: 30px 0;
    border-left: 1px solid #d4d4d4
}

#inc03 .tabs span {
    opacity: 1;
    position: relative;
    width: auto;
    height: auto;
    padding-left: 48px;
    border-radius: 0;
    font-size: 22px;
    color: #222;
    background: none;
    transition: all .2s;
    font-family: 'LotteMartDreamBold'
}

#inc03 .tabs span+span {
    margin-top: 15px
}

#inc03 .tabs span:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 1px;
    background: #d4d4d4;
    transition: all .2s
}

#inc03 .tabs span:hover {
    color: #999
}

#inc03 .tabs span.on {
    padding-left: 60px;
    font-size: 23px;
    color: var(--primary)
}

#inc03 .tabs span.on:before {
    left: -15px;
    width: 55px;
    height: 4px;
    background: var(--primary)
}

/* 슬라이드 */
#inc03 .next {
    cursor: pointer;
    display: flex;
    flex-flow: column;
    align-items: center;
    position: absolute;
    top: 40%;
    left: calc(22% + 942px);
    z-index: 101;
    font-size: 13px;
    font-weight: 700;
    color: #222;
    transition: all .2s;
    font-family: 'Play'
}

#inc03 .next svg {
    width: 20px;
    height: 20px;
    margin-top: 15px
}

#inc03 .next:hover {
    color: #999
}

#inc03 .img_slide {
    margin-left: 22%;
    padding: 0 0 75px 90px
}

#inc03 .img_slide ul li {
    width: 775px
}

#inc03 .img_slide ul li .img {
    background: #ddd
}

#inc03 .img_slide ul li .box {
    opacity: 0;
    position: absolute;
    left: -90px;
    bottom: -100px;
    width: 320px;
    height: 310px;
    padding: 50px 50px 0 50px;
    font-size: 16px;
    color: #fff;
    background: var(--primary);
    transition: all .3s
}

#inc03 .img_slide ul li .box p {
    margin-bottom: 10px;
    font-size: 28px;
    font-family: 'LotteMartDreamBold'
}

#inc03 .img_slide ul li .box div {
    white-space: pre-line;
    line-height: 1.6
}

#inc03 .img_slide ul li .box span {
    display: flex;
    position: absolute;
    right: 50px;
    bottom: 50px;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.3);
    transition: all .6s cubic-bezier(0.165, 0.840, 0.440, 1)
}

#inc03 .img_slide ul li .box span svg {
    width: 20px;
    height: 20px;
    margin: auto
}

#inc03 .img_slide ul li .box:hover span {
    border-color: #fff;
    color: var(--primary);
    background: #fff
}

#inc03 .img_slide ul li.on .box {
    opacity: 1;
    left: -90px;
    bottom: -55px;
    box-shadow: 12px 6px 20px rgba(0,0,0,.2)
}



#inc05{overflow-x:hidden;width:100%;position:relative;padding:200px 260px 190px}
#inc05::before{content:"";display:block;position:absolute;right:0;bottom:0;width:439px;height:389px;background:url(./img/deco.png);background-size:cover}
#inc05 .tit_area h2{padding-bottom:30px;line-height:1.3;color:#222}
#inc05 .wrap{display:flex;align-items:flex-end;justify-content:space-between}

/* latest */
#inc05 ul{display:flex;margin-top:90px}
#inc05 ul li{position:relative;width:calc(100% / 3);border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#inc05 ul li:after{position:absolute;content:'';top:-1px;width:0;height:2px;background:var(--primary);transition:width .3s}
#inc05 ul li a{position:relative;display:block;height:100%;padding:50px;color:#777;word-break:keep-all}
#inc05 ul li .option{display:flex;justify-content:space-between;width:100px;height:38px;margin-bottom:35px;border:1px solid var(--primary);font-size:13px;font-weight:700;color:var(--primary);text-align:center;font-family:var(--e-font), var(--k-font)}
#inc05 ul li .option span{width:100%;font-size:13px;font-weight:600;line-height:36px;transition:all .3s;font-family:var(--e-font)}
#inc05 ul li .subj{font-size:20px;font-weight:700;color:#222;transition:all .3s;font-family:var(--k-font), var(--e-font)}
#inc05 ul li .lt_cont{margin-top:20px;font-size:15px;word-break:keep-all}
#inc05 ul li .date{margin-top:60px;font-size:13px;font-weight:700;color:#aaa;transition:all .3s;font-family:var(--e-font)}

/* 반응형 [s] */
@media (hover:hover){
#inc05 ul li:hover:after{width:100%}
#inc05 ul li a:hover{background:#f7f7f7}
#inc05 ul li a:hover .option span{background:var(--primary);color:#fff}
#inc05 ul li a:hover .subj{color:#111}
#inc05 ul li a:hover .date{color:#111}
}
@media (max-width:1380px){
#inc05{padding:200px 5% 190px}
#inc05 ul li a{padding:40px}
}
@media (max-width:1024px){
#inc05{padding:150px 2.5% 140px}
#inc05::before{width:280px;height:280px}
#inc05 .tit_area h2{padding-bottom:20px}
#inc05 ul li a{padding:21px}
#inc05 ul li .option{margin-bottom:25px;width:90px;height:36px}
#inc05 ul li .subj{font-size:17px}
#inc05 ul li .lt_cont{margin-top:15px;font-size:14px}
#inc05 ul li .date{margin-top:40px}
}
@media (max-width:768px){
#inc05{padding:110px 2.5% 90px}
#inc05::before{width:210px;height:210px}
#inc05 .wrap{flex-direction:column;align-items:center;gap:50px;text-align:center}
#inc05 .tit_area h2{padding-bottom:15px}
#inc05 ul{flex-wrap:wrap}
#inc05 ul li{border:1px solid #e1e1e1}
#inc05 ul li:nth-child(1){border-right:none}
#inc05 ul li:nth-child(-n+2){width:50%}
#inc05 ul li:last-child{width:100%;border-top:none}
#inc05 ul li a{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 2.5%}
#inc05 ul li .option{width:85px;height:34px}
#inc05 ul li .option span{font-size:12px;line-height:34px}
#inc05 ul li .subj{font-size:16px}
#inc05 ul li .lt_cont{margin-top:8px}
#inc05 ul li .date{margin-top:25px}
}
@media (max-width:480px){
#inc05{padding:80px 2.5% 50px}
#inc05::before{width:150px;height:150px}
#inc05 .wrap{gap:40px}
#inc05 ul{flex-direction:column;margin-top:60px}
#inc05 ul li:nth-child(1){border-right:1px solid #e1e1e1}
#inc05 ul li:nth-child(-n+2){width:100%}
#inc05 ul li a{background-color:#f7f7f7}
#inc05 ul li:after{width:100%}
#inc05 ul li .option span{color:#fff;background-color:var(--primary)}
#inc05 ul li .date{color:#111}
}
@media (max-width:380px){
#inc05{padding:70px 2.5% 30px}
#inc05::before{width:120px;height:120px}
#inc05 .tit_area h2{padding-bottom:10px}
#inc05 .wrap{gap:30px}
#inc05 ul{margin-top:55px}
#inc05 ul li .option{margin-bottom:20px;width:80px;height:32px}
#inc05 ul li .option span{line-height:32px}
#inc05 ul li .subj{font-size:15px}
#inc05 ul li .lt_cont{margin-top:6px;font-size:13px;line-height:1.5}
}



/* 배치와 관련된 속성 클래스로 정의 */
.none{display:none;}
.gw-flex{display: flex;align-items: center;}
.gw-flex-btw {display:flex;justify-content:space-between;align-items: center;}
.gw-flex-cnt {display:flex; justify-content:center;}
.gw-column {display: flex;flex-direction: column;}
.gw-row {display: flex;flex-flow: row;flex-wrap: wrap;}
.gw-rel{position: relative;}
.gw-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.gw-row-center{position:absolute;left:50%;transform:translateX(-50%);}
.gw-column-center{position:absolute;top:50%;transform:translateY(-50%);}
.gw-gap-03{gap: 3px;}
.gw-gap-05{gap: 5px;}
.gw-gap-10{gap: 10px;}
.gw-gap-15{gap: 15px;}
.gw-gap-20{gap: 20px;}



/*input------------------------------------------------------------------------------------------------------------------ */
select{all: unset;border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none; /* 화살표 없애기 공통*/}
select::-ms-expand{display:none; /* 화살표 없애기 for IE10, 11*/ }
input{all:unset;-webkit-appearance: none;margin:0; outline:none; }
input:focus{outline:none; }
textarea{vertical-align:middle; background:#fff;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; }
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/* 테이블 */
table{width:100%;}
table th,table td{position:relative;}





:root {
    --main-color: #0f2859;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: "NotoKr_R", sans-serif;
    color: #222;
    font-size: 16px;
    scroll-behavior: smooth;
    overflow-x: hidden;
}
#pfBtn {
    height: 100px;
    width: 100px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}


/*서브*/
.gw-sub-container{padding-top: 150px;}
.gw-sub-title {font-size: var(--main-title02);text-transform: uppercase;}
.gw-sub-text{color: #666;line-height: 1.75;}
.gw-sub-con-1200{position:relative;margin:0 auto;width: 1400px;padding: 150px 0px;}
[class*="gw-sub-con"]:not(:last-child){margin-bottom: 158px;}


/*box*/
.gw-box01 {border: 2px solid #ddd;border-radius: 5px;padding: 12px 17px;}
.gw-box02 {border-radius: 5px; background: #F3F3F3;padding: 20px;}

.gw-bg-f8 {background: #f8f8f8;}

.gw-mb-20 {margin-bottom: 20px !important;}
.gw-font-20 {font-size: 20px !important;}
.gw-TC {text-align: center !important;}
.gw-mb-40 {margin-bottom: 40px !important;}
.gw-w-15 {
    width: 15% !important;
}
.gw-pb-50 {
    padding-bottom: 50px !important;
}
.gw-pt-50 {
    padding-top: 50px !important;
}
.gw-flex {
    display: flex;
    align-items: center;
}
.gw-mb-50 {
    margin-bottom: 50px !important;
}

.gw-sub-title {font-size: var(--main-title02); text-transform: uppercase;}

h1, h2, h3, h4, h5, h6 {
    font-family: 'NEXON Lv1 Gothic OTF', sans-serif;
    font-weight: 700;
}

.gw-gap-10 {
    gap: 10px;
}
.gw-flex-btw {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#container > [id*="sub-"] {
    padding-bottom: 170px;
}

/* 버튼 */
.gw-btn-wrap{place-content: center;}
.small-btn {position:relative;width: 50px;height: 50px;border:1px solid #ddd;overflow: hidden;}
.small-btn:before{content:"";width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;background: #fff;}
.small-btn:after{content:"";background: #000;width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;transition:all .3s .1s;transform-origin: center center;transform: scale(0);}
.small-btn:hover:after{transform: scale(1.0);}
.small-btn > i{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 100;transition: all .3s;}
.small-btn:hover > i{color: #fff;}
.gw-btn01 {padding: 15px 40px;display: inline-block;position: relative;width:100%;z-index: 1;overflow: hidden;color: #000;border: 3px solid rgba(0,0,0,0.05);background-color: transparent;text-align: center;text-transform: uppercase;font-family:"NotoKr_B", sans-serif;transition:all .3s;}
.gw-btn01::before {content: '';width: 0;height: 800%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);background: #000;transition: .5s ease;display: block;z-index: -1;}
.gw-btn01:hover::before {width: 150%;}
.gw-btn01:hover {color: #fff;border-color:#000;}
.gw-btn0102{all:unset;margin:0 auto;display:block;text-align: center;border: 2px solid #000;background: #000;width: 100%;height:55px;line-height:55px;color: #fff;display: block;cursor:pointer;text-transform:uppercase;transition:all .3s;font-family:"NotoKr_B", sans-serif;}
.gw-btn02{all:unset;display:block;text-align: center;background: #888;width: 100%;height:55px;color: #fff;display: block;cursor:pointer;border-radius: 5px;}
.gw-btn03{padding:8px;display:block;text-align: center;border: 1px solid #ddd;background:#f3f3f3; width:auto;color: #666;display: inline-block;cursor:pointer; font-size: 14px;}
.gw-btn04{all:unset;cursor:pointer;text-transform:uppercase;font-family: "Play", 'NotoKr_B', sans-serif;font-weight: 700;display:inline-block;position:relative;font-size: 14px;}
.gw-btn04:before {content: "";display: block;height: 2px;background: #ddd;position: absolute;bottom: -2px;right: 0;width: 100%;transition: all .3s;}
.gw-btn04:after {content: "";display: block;height: 2px;background: var(--main-color);position: absolute;bottom: -2px;left: 0;width: 0;transition: all .3s;}


/* 탭 */
.gw-tabs {padding:20px;display: flex;background:#F3F3F3;gap:10px;}
.gw-tabs > li {flex:1;text-align:center;cursor: pointer;border-radius: 5px;transition: all .3s;}
.gw-tabs > li:hover {background: #fff;}
.gw-tabs > li >a{display:block;padding:12px 17px;font-family:'NotoKr_B', sans-serif;}
.gw-tabs > li >a.active {background: #fff;box-shadow: 0 15px 10px rgba(34, 34, 34, .02);color: var(--main-color);}
.gw-tab-content {display: none;}
#tab1{display: block;}



/*기타*/
.dot {width: 5px;height: 5px;background: #D3D3D3;display: inline-block;border-radius: 50%;margin: 0 5px;vertical-align: middle;transition: all .3s;}
.sticky01 {display: inline-block;font-size: 14px;padding: 5px;background: #000;color: #fff;font-family: 'NotoKr_M', sans-serif;min-width: 60px;text-align: center;}
.sticky02 {display: inline-block;font-size: 14px;padding: 5px;border: 1px solid var(--main-color);color: var(--main-color);font-family: 'NotoKr_M', sans-serif;min-width: 60px;text-align: center;}
[class*="sticky03"]{ margin-right: 11px;padding: 4px 11px;border-radius: 30px;color: #fff;font-style: normal;display: inline-block;vertical-align: middle;font-size: 14px;}
[class*="img"] > img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.gw-line {padding-bottom: 1px;border-bottom: 1px solid #ddd;}


.breadcrumb-container{margin-bottom:15px;gap:5px; -webkit-filter: blur(20px);filter: blur(20px);opacity: 0;transition: filter 1s, opacity 1s, letter-spacing 1s;transition-delay: 0.3s}
.breadcrumb-container > li {position: relative;}
.breadcrumb-container > li:not(:first-child):before {font-family:xeicon;content: "\e93f";display: inline-block;margin-right: 5px;color: #9a9a9a;vertical-align:middle;}
.breadcrumb-container > li > a {color: rgba(255,255,255,0.8);}
.breadcrumb-container > li > a.active {color: #fff;}
#container_title {background: #f8f8f8;z-index: 12;}
#container_title .gw-sub-con-1200 {padding-bottom: 100px;margin-bottom: 0;align-items: flex-end;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index:2;height: 100%;}
#container_title .gw-sub-theme-visual > div{position: absolute;top:0;left:0;width: 100%;height:100%;transform:scale(1.1,1.1);transition:transform 3s linear;}
#container_title .gw-sub-theme-title-container{display:flex;flex-direction:column;align-items:center;place-content:center;z-index:100;}
#container_title .gw-sub-theme-title {font-size: 60px;color:#fff;filter: blur(20px);-webkit-filter: blur(20px);opacity: 0;transition: filter 0.7s, opacity 0.7s, letter-spacing 0.7s;font-family: 'NanumSquareNeoExtraBold', sans-serif;}
#container_title.on .gw-sub-theme-title{filter: blur(0);-webkit-filter: blur(0);opacity: 1;}
#container_title.on .gw-sub-theme-visual > div{transform: scale(1.0,1.0) rotate(0.002deg);}
#container_title.on .breadcrumb-container{filter: blur(0);-webkit-filter: blur(0);opacity: 1;}
.gw-sub-theme-visual {overflow: hidden;height: 520px;}
.sub-theme-bg{height: 100%;}
.sub-theme-bg:before{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);}
.sub-theme-bg > img {object-fit: cover;width: 100%;height: 100%;}
.gw-side-menu-container{filter: blur(20px);-webkit-filter: blur(20px);opacity: 0;transition: filter 0.7s, opacity 0.7s, letter-spacing 0.7s;}
.gw-side-menu-container.on{filter: blur(0);-webkit-filter: blur(0);opacity: 1;}
.gw-side-menu-container > .gw-flex {place-content: center;}
.gw-side-menu-container > .gw-flex > div {position: relative;}
.gw-side-menu-container > .gw-flex > div:not(:first-child):before {content: "";display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 12px;background: rgba(255,255,255,0.5);}
.gw-side-menu-container .gw-home {margin-right: 20px;display:flex;justify-content:center;align-items:center;background:var(--main-color);border-radius:50px;width:40px;height:40px;}
.gw-side-menu-container .gw-home > a {display: flex;place-content: center;justify-content: center;}
[class*="gw-side-menu-depth"]{padding:0 20px;position: relative;}
[class*="gw-side-menu-depth"] > button{position:relative;z-index:1;text-align: left;color:#fff;padding:18px 20px 18px 0;width: 200px;font-size:18px;font-family: "NotoKr_M", sans-serif;border-bottom: 1px solid rgba(255,255,255,0.2);}
[class*="gw-side-menu-depth"] > button:after{font-family:xeicon;content: "\e942";font-weight: 600;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.gw-side-menu-depth01 > button{transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.gw-side-menu-depth01 > button:after{color: #fff;}
.gw-side-menu-depth01.on > button{}
.gw-side-menu-depth02{box-shadow:0px 10px 20px rgba(0,0,0,.05);}
[class*="gw-side-menu-depth"] > ul {display:none;position: absolute;left:0;padding: 28px;width: 100%;background: #fff;box-shadow: 0px 10px 20px rgba(0,0,0,.05);}
[class*="gw-side-menu-depth"] > ul > li:not(:last-child) {padding-bottom: 28px;}
[class*="gw-side-menu-depth"]  > ul > li > a{color: #666;}
[class*="gw-side-menu-depth"]  > ul > li > a.active {color: var(--main-color);font-family: "NotoKr_B", sans-serif;}

/*다크모드*/
body.dark-mode .gw-side-menu-depth02{background: #111;color:#fff;}
body.dark-mode .gw-side-menu-depth02 > button{color: #fff;}
body.dark-mode .gw-side-menu-depth02 > button:after{color: #fff;}
body.dark-mode .gw-side-menu-depth02 > ul{background: #111;}
body.dark-mode .gw-side-menu-depth02 > ul > li > a{color: rgba(255,255,255,0.6);}
body.dark-mode .gw-side-menu-depth02 > ul > li > a.active{color: rgba(255,255,255,1);}

@media screen and (max-width:1200px) {
    #container_title .gw-sub-con-1200{align-items:center;padding-bottom: 0;flex-direction: column;justify-content: center;}
}

@media screen and (max-width:768px){
    [class*="gw-side-menu-depth"]{display: block;}
    [class*="gw-side-menu-depth"] > ul{padding-top: 40px;}
}

@media screen and (max-width:576px){
    .gw-sub-theme-visual{height: 300px;}
    #container_title .gw-sub-theme-title{font-size: 35px;}
    .gw-side-menu-container{width: 100%;}
    .gw-side-menu-container > .gw-flex > div{width:50%;}
    .gw-side-menu-container > .gw-flex > div.gw-side-menu-depth01:before{display: none;}
    .gw-side-menu-container .gw-home{display: none;}
    [class*="gw-side-menu-depth"] > button{width: 100%;}
}















/*헤드메뉴*/
#header_wrap {position: fixed; width:100%; height:81px; background:rgba(0,0,0,0.5); z-index:10}
.scrolled #header_wrap  { background-color:#000; border-bottom:none; -webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header {position:absolute;left:0;top:0px; padding:0 20px; width:65%; left: 50%; transform:translateX(-50%) ;z-index:6;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header .header-inner {width:100%; height:100% }
#header .gnb { list-style:none; height:100%; position:absolute; right:0px}
#header .gnb > li { float:left; position:relative; display:inline-block; width:100px;  vertical-align:middle; text-align:center;}
#header .gnb > li > a {display:inline-block; line-height:1em; width:100%; color:#ddd; font-size:15px; letter-spacing:-0.5px; font-weight:600; text-decoration:none;}
#header .gnb > li > a:hover {color: #fff}
#header .gnb > li.active {background-color: #b0905e}
#header .gnb > li.active > a {color: #fff}
#header .gnb .login {  font-size:12px; width:70px; color:#fff}
#header .gnb .join { font-size:12px; color:#fff; margin-left:20px}
#header .gnb .login a { color:#ddd; font-size:12px}
#header .gnb .login a:hover { color:#fff}
#header .gnb .join a { color:#ddd; font-size:12px}
#header .gnb .join a:hover { color:#fff}

#header .header-inner .menu {cursor:pointer;text-indent:-9999px; position:absolute;top:29px; left:50%;width:25px;height:20px; background-image:url(/theme/imbosu/img/cate_more.gif); margin-left:200px; border:0; display:none}
#header .header-inner .menu.on {background-image: url(/theme/imbosu/img/cate_close.gif)}


#header .gnb > li, #header #right-side-open {height:80px;line-height:80px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header #right-side-open { position:absolute; right:0; width:100px; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; }
#header #right-side-open span{display:inline-block;width:20px; height:20px;font-size:18px;line-height:1em;margin-top:-10px; margin-left:-10px; position:absolute; top:50%;left:50%; color:#fff;}
#header .gnb .snb {list-style:none; display:none;}
#header #logo { margin-left:25px; padding:0}
#header #logo a { display:block; width:100px; height:80px; line-height:80px}
#header #logo img { width:100%}
#header .gnb .snb,.device-md #header .gnb .snb{display: none;position: absolute;right: -82px;width: 200px; top:80px; border-top: 0;background-color: #000; z-index:2}
#header .gnb .snb li { font-size:14px; line-height:3.1; text-align:left; border-top:1px solid #414141;}
#header .gnb .snb li a { color:#FFF; display:block; padding-left:20px}
#header .gnb .snb li a:hover {color:#fff;  display:block; background-color:#2253b8; text-decoration:none; line-height:3.1}
#header .gnb .snb li:first-child { border-top:0}
@media screen and (max-width: 960px) {
    #header #logo { width:120px; display:block}
	#header .gnb { display:none}
	.scrolled #header_wrap { background-color:#fff}
    .scrolled #header { border-bottom:0}
	.scrolled #open-button { z-index:9999}
    .scrolled #open-button .navicon-line { background-color:#333}
}
/*헤드메뉴*/

.more_opt li,#bo_v_share .btn {width: 110px !important;}

#m01 {position:relative;width:1070px;margin:0 auto;font-family:'arita-medium'}
#m01_wrap{position:absolute;z-index:100;top:-258px;left:0;width:1070px;text-align:center;font-size:15px;color:#fff}
#m01_wrap:after { display:block; content:""; visibility:hidden; clear:both}

/*회사소개,사업분야,포트폴리오*/
#m01_wrap ul{overflow:hidden; float:left}
#m01_wrap ul img{margin:37px 0 17px}
#m01_wrap ul li{float:left;width:215px;height:204px;margin-right:14px;font-size:12px;background:url('/img/m01bg.png') repeat;font-family:'arita-medium'}
#m01_wrap ul li a{display:block; height:100%}
#m01_wrap ul li span{opacity:0.6;color:#fff}
#m01_wrap ul li h3{margin-bottom:5px;font-size:15px;color:#fff;font-family:'arita-semibold'}
#m01_wrap ul li .inc01_btn{width:114px;padding:8px;margin:16px auto;border:1px solid rgba(255,255,255,0.2);color:#fff;-webkit-transition:border .2s;-ms-transition:border .2s;transition:border .2s}
#m01_wrap ul li:hover .btn{border:1px solid #ada91a}

/*고객센터*/
#m01_wrap .cs_center{float:right;position:relative;width:368px;height:204px;border:1px solid rgba(255,255,255,0.2);font-size:15px;color:#f2f2f2}
/*#m01_wrap .cs_center:before{content:"";display:block;clear:both;width:9px;height:43px;margin:-23px 0 0 317px;background:#d5ce00}*/
#m01_wrap .cs_center .cs{margin:15px 0 18px;font-size:15px;color:#fff}
#m01_wrap .cs_center .tel{margin-bottom:14px;font-size:30px;color:#fff;font-family:'arita-semibold'}
#m01_wrap .cs_center img{position:absolute;left:321px;top:0}
#m01_wrap .cs_center .s_txt{line-height:21px}

.mobile_only {display:none;}
.pc_only {display:inline-block;}

@media (min-width:240px) and (max-width:768px) {

#m01 {width:100% !important;}
#m01_wrap{position:relative !important;z-index:100;top:0;left:0;width:100% !important;text-align:center;font-size:15px;color:#fff}
#m01_wrap .cs_center{width:100% !important;color:#000 !important}
#m01_wrap .cs_center .cs{color:#000 !important}
#m01_wrap .cs_center .tel{color:#000 !important;}

#m01_wrap ul li {width:100% !important;}
#m01_wrap ul li a {}
#m01_wrap ul li span {opacity:0.6;color:#000 !important;}

#m01_wrap ul li h3 {color:#000 !important;}
#m01_wrap ul li .inc01_btn {color:#000 !important;}
#m01_wrap ul li:hover .btn {color:#000 !important;}

.mobile_only {display:inline-block;}
.pc_only {display:none;}

#m04  { width:100% !important; }
#m04_wrap { width:100% !important; }

#m04_wrap > div {float:none !important; width:100% !important; margin-bottom:20px;}
#m04_wrap > div.m0402 {float:none !important; width:100% !important;}
#m04_wrap > div .latest { width:100% !important; }

#imbosu_quick_mn {left:75% !important; top: 100px !important;}
}




/*모바일 오른쪽 메뉴*/
#right-side {background-color:#333;position:fixed; z-index:9999; top:0;right:-400px;max-width:400px; width:100%; height:100%; color:#FFF; padding:30px;-webkit-transition: right .3s ease;-moz-transition: right .3s ease;-ms-transition: right .3s ease;-o-transition: right .3s ease;transition: right .3s ease; box-sizing:border-box; overflow:auto;}
#right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#6cc043; color:#fff; font-weight:bold; height:5.0em; line-height:5em; border-radius:3px; margin-top:10px; padding:2px 0 4px 0;}
#right-side #btn-close-right-side {position:absolute;top:20px;right:0;color:#fff;width:60px;text-align:center;line-height:40px; font-size:16px; cursor:pointer}
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:20px}
.right-side-on #right-side {right:0;}
.right-side-on #wrapper { left:-400px; }
.right-side-on #header { left:-400px; }
.right-side-on #rs-overlay {display:block;}

.quick_menu {width:100%; margin:auto; padding-top:20px}
.quick_menu ul { text-align:center}
.quick_menu li{display:inline-block; margin-left:-3px; width:80px; border-right:1px solid #ddd;}
.quick_menu li:last-child { border:0} 
.quick_menu li a{display:block; box-sizing:border-box; color:#f5f5f5; letter-spacing:-0.8px; text-align:center; position:relative;  font-size:12px}
.quick_menu li a:hover{color:#fff;backface-visibility:hidden}
.quick_menu li a.on{color:#fff;border-bottom-color:#FF3400;border-bottom-width:2px;border-bottom-style:solid}

.quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both}
.quick_kakao a{display:block;position:relative;background:#ffd800}
.quick_kakao a img{display:block;margin:0 auto}

.side_gnb{position:relative;width:100%;float:left;padding-top:20px;}
.side_gnb p{color:#fff; text-align:center; padding:20px }
.side_gnb .menu-list{display:block;position:relative;border-bottom:1px solid #444; margin-top:60px}
.side_gnb .menu-list>li>a{display:block;position:relative;color:#fff;font-size:15px;line-height:3.8em;padding:0 1.0em;border-top:1px solid #444; text-decoration:none}
.side_gnb .menu-list>li>a i{display:block;position:absolute;top:50%;transform:translateY(-75%) rotate(135deg);-webkit-transform:translateY(-75%) rotate(135deg);right:1.5em;width:5.31%;max-width:32px;border:1px solid #f2f2f2;border-left-width:0;border-bottom-width:0;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-ms-transition:transform .3s ease}
.side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)}
.side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%}
.side_gnb .depth-2{display:none;}
.side_gnb .depth-2>li { background-color:#ddd}
.side_gnb .depth-2>li>a{display:block;color:#f2f2f2;font-size:1.2em;line-height:3.0em;padding:0 1.5em 0 2.2em;border-bottom:1px solid #fff; color:#000}
/*모바일 오른쪽 메뉴*/






/*메인배너*/
.mainVideo {top:0;width: 100%;height: 900px;overflow:hidden; background-size:cover;padding:0;}
.bg-fixed{background-size:cover;padding:0;background-color:#000; opacity:0.5; position:absolute; width:100%; height:900px; top:0;left:0; z-index:1}

.main-carousel{padding:0; display:block; position:relative}
.main-carousel .li{height:900px; background-size:cover; background-repeat: no-repeat; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/theme/imbosu/img/main_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.4;z-index:1}
.main-carousel .jarallax { height: 900px;}
.main-carousel .img01 { background-image:url(/theme/imbosu/img/main_banner_img04.jpg);}
.main-carousel .img02 { background-image:url(/theme/imbosu/img/main_banner_img05.jpg);}
.main-carousel .img03 { background-image:url(/theme/imbosu/img/main_banner_img06.jpg);}
.main-carousel .li .copy_area_wrap {max-width:1400px; margin:auto;}
.main-carousel .li .copy_area{position: absolute; top:44%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 31%;margin:0 auto; color:#fff; padding:0 20px; z-index:2}

.main-carousel .li .copy_area .line { font-weight:100; width:330px; height:1px; background-color:#333; position:relative; margin-top:-10px}
.main-carousel .li .copy_area h1{font-size:3em;font-weight:100; line-height:1.3; text-align:center; color:#fff;  /*font-family: 'GmarketSansLight';*/ font-family: 'arita-light'; letter-spacing:-1px}
.main-carousel .li .copy_area h2{font-size:5em;font-weight:100; line-height:1.3; letter-spacing:-3px; text-align:center; /*font-family: 'GmarketSansBold';*/ font-family: 'arita-light'; padding-top:5px; opacity: 1;}
.main-carousel .li .copy_area h2 strong {color:#fff; /*font-family: 'GmarketSansBold';*/ text-align: center; font-family: 'arita-light'; letter-spacing:-0.5px}
.main-carousel .li .copy_area h3{opacity: 1; text-align: center; font-size:4em;font-weight:100;line-height: 1.1; color:#fff; word-break:keep-all;/*font-family: 'GmarketSansLight';*/font-family: 'arita-light'; letter-spacing:-1px;}
.main-carousel .li .copy_area h4{text-align:center; margin:50px auto 0 auto; color:#fff;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.main-carousel .li .copy_area h4 a{color:#fff;padding:18px 42px;display:block; text-align:center;width: 160px; margin: auto; background-color:#07d3c7}
.main-carousel .li .copy_area p { opacity: 1; font-size:20px; font-weight:200; color:#fff; line-height:1.4; word-break:keep-all; min-width:320px; text-align:center}

.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:230px;}
.main-carousel .owl-dots .owl-dot{background:#eee;width:100px;height:7px;display:inline-block;margin-left:10px; border:0}
.main-carousel .owl-dots .owl-dot.active{background:#2974ff;}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%}
/*.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}
*/.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display:none;}


@media screen and (max-width:576px) {
	
	.mainVideo { height:100vh}
	.bg-fixed { height:100vh}
	.main-carousel .jarallax { height: 100vh;}
	.main-carousel .li { height:100vh}
	.main-carousel .img01 { background-image:url(/theme/imbosu/img/main_banner_img04.jpg);}
	.main-carousel .img02 { background-image:url(/theme/imbosu/img/main_banner_img05.jpg);}
	.main-carousel .img03 { background-image:url(/theme/imbosu/img/main_banner_img06.jpg);}
	
	.main-carousel .li .copy_area h2 {font-size: 36px; letter-spacing:-3px}
	.main-carousel .li .copy_area h3 { max-width:300px;  font-size: 36px; letter-spacing:-0.5px}
	.main-carousel .owl-nav { display:none}

}

/*메인배너*/




/*다양한 진료분야*/
.tl_work_area_wrap {width:100%; min-height:900px; padding:200px 0; clear:both}
.tl_work_area_wrap h2 { text-align:center;  }
.tl_work_area_wrap span { padding-bottom:60px }
.tl_work_area_wrap .col-gn-4{max-width:1400px; margin:0 auto; list-style: none; }
.tl_work_area_wrap .col-gn-4 .gall_li {box-sizing:border-box; min-height:538px; padding:50px 40px; float:left; }
.tl_work_area_wrap .col-gn-4 li h2 { font-size:32px}
.tl_work_area_wrap .col-gn-4 li .sub_title { color:#000; opacity:0.8; font-size:17px}
.tl_work_area_wrap .col-gn-4 .img01 { background:url(/theme/imbosu/img/cont01_img01.jpg) center bottom no-repeat; background-size:cover}
.tl_work_area_wrap .col-gn-4 .img02 { background:url(/theme/imbosu/img/cont01_img02.jpg) center bottom no-repeat; background-size:cover}
.tl_work_area_wrap .col-gn-4 .img03 { background:url(/theme/imbosu/img/cont01_img03.jpg) center bottom no-repeat; background-size:cover}
.tl_work_area_wrap .col-gn-4 .img04 { background:url(/theme/imbosu/img/cont01_img04.jpg) center bottom no-repeat; background-size:cover}


/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 576px) { 
  .tl_work_area_wrap .col-gn-4 > li {width:98%; margin:0 1% 10px 1%; }
}

/* 가로모드 모바일 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 577px) and (max-width:799px) {  
  .tl_work_area_wrap .col-gn-4 > li {width:48.5%; margin-bottom:10px; margin-left:1%}
  .tl_work_area_wrap .col-gn-4 > li:nth-child(2n+1) {clear:both;}
}



/* 테스크탑 (가로 해상도가 992px 보다 큰 화면에 적용) */
@media all and (min-width: 800px) and (max-width:1200px) {  
  .tl_work_area_wrap .col-gn-4 > li {width:24%; margin-bottom:10px; margin-left:1%}
  .tl_work_area_wrap .col-gn-4 > li:nth-child(4n+1) {clear:both;margin-left:0.5%}
}

/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media all and (min-width: 1201px) { 
  .tl_work_area_wrap .col-gn-4 > li {width:24%; margin-bottom:10px; margin-left:1.3%}
  .tl_work_area_wrap .col-gn-4 > li:nth-child(4n+1) {clear:both;margin-left:0%}
}

/*다양한 진료분야*/







/*클리닉 box*/
.tl_box_quick_wrap { width:100%;}
.tl_box_quick_wrap ul li { width:49.94%; height:380px;  float:left; background-size:cover; background-repeat:no-repeat; background-position:bottom right; }
.tl_box_quick_wrap ul li h3 { font-size:18px; color:#fff; font-weight:500}
.tl_box_quick_wrap ul li h2 { font-size:32px; color:#fff; letter-spacing:-1px; text-align:left; font-weight:bold}
.tl_box_quick_wrap ul li span {  font-size:17px; padding:10px 0; max-width:278px; color:#fff; opacity:0.8; font-weight:400; letter-spacing:-0.5px; display:block}
.tl_box_quick_wrap ul li  { position:relative; display:block; height:380px; padding: 65px 50px;}
.tl_box_quick_wrap ul li a {color:#fff;padding:10px;display:block; text-align:center;width: 110px; margin-top:150px; border:1px solid rgba(255, 255, 255, .3); background-color:transparent}
.tl_box_quick_wrap ul li a:hover { color:#fff; background-color:#07d3c7; border:1px solid #07d3c7 }
.tl_box_quick_wrap ul li a:after {content:""; display:block; position:absolute; border:0 solid rgba(255,255,255,.4); top:0; left:0; right:0; bottom:0; transition:.3s all; -webkit-transition:.3s all;}
.tl_box_quick_wrap ul li a:hover:after {border-width:15px;}
.tl_box_quick_wrap ul .box01 { background-image: url(/theme/imbosu/img/main_box01.jpg)}
.tl_box_quick_wrap ul .box02 { background-image: url(/theme/imbosu/img/main_box02.jpg)}
@media screen and (max-width: 980px) {
 	.tl_box_quick_wrap ul li { width:100%;}
	.tl_box_quick_wrap ul li span { max-width:158px}
}

@media screen and (max-width: 640px) {
 	.tl_box_quick_wrap ul li h2 { font-size:36px}
	.tl_box_quick_wrap ul li a { margin-top:100px}
}



.tl_main_quick_wrap {position: relative; width: 100%;}
.tl_main_quick_wrap ul { padding:0; margin:0}
.tl_main_quick_wrap ul li{float:left;width:33.3334%;height:380px; background-repeat:no-repeat; background-position:center; background-size:cover;text-align:center; display:table}
.tl_main_quick_wrap ul li {display:block; position:relative;  padding:30px 50px; height:380px }
.tl_main_quick_wrap ul li a:after {content:""; display:block; position:absolute; border:0 solid rgba(255,255,255,.4); top:0; left:0; right:0; bottom:0; transition:.3s all; -webkit-transition:.3s all;}
.tl_main_quick_wrap ul li a:hover:after {border-width:15px;}
.tl_main_quick_wrap ul li a {color:#fff;padding:10px;display:block; text-align:center;width: 110px; margin-top:150px; border:1px solid rgba(255, 255, 255, .3); background-color:transparent}
.tl_main_quick_wrap ul li a:hover { color:#fff; background-color:#07d3c7; border:1px solid #07d3c7 }
.tl_main_quick_wrap ul li h2{ font-size: 32px; letter-spacing: -1px; margin-top: 20px; text-align:left; color:#fff}
.tl_main_quick_wrap ul li span{ font-size: 17px;padding-top: 10px; color:#fff; opacity:0.8; text-align:left; font-weight:400; letter-spacing:-0.5px; display:block}
.tl_main_quick_wrap .img01 { background-image: url(/theme/imbosu/img/main_quick_bg01.jpg);}
.tl_main_quick_wrap .img02 { background-image: url(/theme/imbosu/img/main_quick_bg02.jpg);}
.tl_main_quick_wrap .img03 { background-image: url(/theme/imbosu/img/main_quick_bg03.jpg);}



@media screen and (max-width: 640px) {
    .tl_main_quick_wrap ul li { width:100%}
}

/*클리닉 box*/






/*티로그는 다릅니다*/
.tl_main_about_wrap {width:100%; margin:150px 0 0; padding:150px 0px; text-align:center; overflow:hidden; background:url(/theme/imbosu/img/main_about_wrap_bg.jpg) center top no-repeat; background-size:cover;  position:relative; background-attachment: fixed; clear:both}
.tl_main_about_wrap h2 { color:#fff; }
.tl_main_about_wrap span{font-size:20px; color:#fff; opacity:0.8; padding:30px 20px 30px 20px; font-weight:400; letter-spacing:-0.5px; display:block}
.tl_main_about_wrap p { font-size:13px; color:#fff; opacity:0.6; letter-spacing:8px; font-weight:300}
.tl_main_about_wrap ul {box-sizing:border-box; border:14px solid rgba(255,255,255,0.2); height:240px; margin-top:60px}
.tl_main_about_wrap ul li {width:25%; float:left; position:relative; border-right:0}
.tl_main_about_wrap ul li .num {position:absolute; top:-40px; left:50%; margin-left:-35px; width:70px; height:70px; border-radius:100%; font-size:12px; line-height:1.6em; color:#fff; background:#07d3c7; padding-top:14px;}
.tl_main_about_wrap ul li .num span {display:block; font-size:20px;  font-weight:bold; padding:0; opacity:1}
.tl_main_about_wrap ul li dl {border-right:1px solid rgba(255,255,255,0.3); height:140px; margin-top:35px; padding-top:35px;}
.tl_main_about_wrap ul li:last-child dl {border-right:0;}
.tl_main_about_wrap ul li dl dt {font-size:21px; color:#07d3c7; font-weight:bold; margin-bottom:20px}
.tl_main_about_wrap ul li dl dd {font-size:17px; color:#fff; opacity:0.8; line-height:1.6;}

@media screen and (max-width:976px){
.tl_main_about_wrap ul {height:auto; overflow:hidden; margin-top:6%}
.tl_main_about_wrap ul li {width:50%; padding:4% 0;}
.tl_main_about_wrap ul li .num {position:relative; top:0; left:0; margin:0 auto;}
.tl_main_about_wrap ul li dl {border-right:0; height:auto; margin-top:3%; padding-top:0;}
}

@media screen and (max-width:767px){
.tl_main_about_wrap ul {border-width:10px; padding:4% 0;}
.tl_main_about_wrap ul li .num {width:60px; height:60px; padding-top:16px; font-size:8px;}
.tl_main_about_wrap ul li .num span {font-size:22px;}
}

/*티로그는 다릅니다*/







/*병원 진료분야*/
.tl_hospital_now_warp { width:100%; padding:150px 0; background:#fbfbfb; text-align:center;  clear:both;}
.tl_hospital_now_warp .inner { max-width:1400px; margin:0 auto}
.tl_hospital_now_warp p { max-width:300px; margin:0 auto; text-align:center;  word-break:keep-all}
.tl_hospital_now_warp h2 { font-size:42px; font-weight:bold; text-align:center; letter-spacing:-0.5px}

.tl_hospital_now_warp ul { margin:70px auto 0 auto;}
.tl_hospital_now_warp li { float: left; width: 25%; padding: 0 30px; text-align: left;}
.tl_hospital_now_warp li+li { border-left: 1px solid #e8e8e8;}

.tl_hospital_now_warp .img_box {overflow:hidden; max-width:305px; height:361px;}
.tl_hospital_now_warp .img_box img { width:100%}
.tl_hospital_now_warp .img_box.hsize {height:399px;}
.tl_hospital_now_warp .box .img_box img {width:100%;height:auto; transition: all .4s;-webkit-transition: all .4s; }
.tl_hospital_now_warp .box:hover .img_box img {-webkit-transform: scale(1.2);transform: scale(1.2); overflow:hidden}
.tl_hospital_now_warp .txt_box { padding-bottom:50px}


.tl_hospital_now_warp .txt_box h2 {margin-top:25px; font-size:32px; color:#54565a; font-weight:400; letter-spacing:-0.075em;}
.tl_hospital_now_warp .txt_box .txt {margin-top:9px; font-size:17px; color:#555; line-height:1.6; letter-spacing:-0.05em; font-weight:300;}
.tl_hospital_now_warp .btn_more { width:138px; display:block; margin:26px auto 0 auto; padding:0 20px; font-size:14px; color:#52bab9; line-height:30px; border:1px solid #52bab9; transition:all .4s ease; -webkit-transition:all .4s ease;}
.tl_hospital_now_warp .btn_more:after {display:inline-block; width:12px; height:1px; margin-left:15px;  vertical-align:middle; background:#52bab9; content:''; transition:all .4s ease; -webkit-transition:all .4s ease;}
.tl_hospital_now_warp .box:hover .btn_more {color:#fff; background:#52bab9;}
.tl_hospital_now_warp .box:hover .btn_more:after {background:#fff;}
.tl_hospital_now_warp .box+.box {margin-top:80px;}

/* 가로모드 모바일 디바이스 (가로 해상도가 576px 이하인 화면에 적용) */
@media all and (max-width: 640px) { 
  .tl_hospital_now_warp ul > li {width:100%; }
  .tl_hospital_now_warp .img_box { max-width:100%; height:inherit}
}

/* 가로모드 모바일 디바이스 (가로 해상도가 576px 보다 큰 화면에 적용) */
@media all and (min-width: 641px) and (max-width:1200px) {  
  .tl_hospital_now_warp ul > li {width:50%; margin-bottom:10px;}
  .tl_hospital_now_warp ul > li:nth-child(2n+1) {clear:both;margin-left:0}
  .tl_hospital_now_warp .img_box { max-width:100%; height:inherit}
}



/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용) */
@media all and (min-width: 1201px) { 
  .tl_hospital_now_warp ul > li {width:25%; margin-bottom:10px;}
  .tl_hospital_now_warp ul > li:nth-child(4n+1) {clear:both;margin-left:0}
}

/*병원 진료분야*/







/*병원 이벤트*/
.tl_drag_slider_wrap {padding: 150px 0; background-color:#f8f9fa}
.tl_drag_slider_wrap h2 { text-align:center; }
.tl_drag_slider_wrap span { display:block; padding:20px 10px 100px 10px;}
.tl_drag_slider_wrap .swiper-container-horizontal>.swiper-scrollbar { bottom:0; padding:0; height:2px; z-index:3}
@media screen and (max-width:960px) {
     .tl_drag_slider_wrap { padding:50px 0 0}
}
/*병원 이벤트*/






/*진료 시간*/
.tl_cs_center {width: 100%; padding:150px 0; background-color:#f5f5f5; clear: both;}
.tl_cs_center .inner { max-width:1400px}
.tl_cs_center h2 span { display: block; padding: 20px 20px 50px 20px; color: #fff; opacity:0.8; text-align: center; font-size: 18px;line-height: 1.6; font-weight: 400;letter-spacing:0;}
.tl_cs_center p { text-align:center; font-size:16px; padding-top:20px; line-height:1.6; color:#FFF;}
.tl_cs_center .left { width:49%; float:left;}
.tl_cs_center .left .time_wrap { width:55%; height:355px; float:left; background-color:#0d7bc6; padding:45px; box-sizing:border-box;}
.tl_cs_center .left .time_wrap h2 { font-size:26px; color:#fff; font-weight:500;  text-align:left; letter-spacing:0; padding:0 }
.tl_cs_center .left .time_wrap p { font-size:15px; color:#fff; opacity:0.8; padding-top:8px; text-align:right;}
.tl_cs_center .left .time_wrap dl{ overflow: hidden; padding-top:46px; font-size:18px; color:#fff }
.tl_cs_center .left .time_wrap dl dt{ float: left; width: 31%; padding: 5px 0; font-size:18px; color:#fff; font-weight: 400; }
.tl_cs_center .left .time_wrap dl dd{ float: left; width: 69%; padding: 5px 0; font-size:18px; color:#fff; font-weight: 400; }

.tl_cs_center .left .tel_wrap { float:left; width:45%;  background-color:#099;}
.tl_cs_center .left .tel_wrap .tel { width:100%; height:355px; padding:45px; display:table; clear:both; box-sizing:border-box;}
.tl_cs_center .left .tel_wrap .tel h2 { font-size:26px; color:#fff; font-weight:500; text-align:left; padding:0} 
.tl_cs_center .left .tel_wrap .tel h3 { font-size:35px; color:#fff; letter-spacing:-0.4px; font-weight:500; padding-top:35px; text-align:left; box-sizing:border-box;}
.tl_cs_center .left .tel_wrap .tel p { font-size:16px; color:#fff; opacity:0.8; text-align:left; max-width:202px; font-weight:400}
.tl_cs_center .left .tel_wrap .tel a { display:inline-block; font-size:14px;  border:1px solid rgba(255, 255, 255, .4); color:#fff; line-height:40px; padding:0 20px; margin-top:22px; transition: all 0.2s}
.tl_cs_center .left .tel_wrap .tel a:hover {  padding:0 40px; transition: all 0.3s; background-color:#0d7bc6; border:1px solid #0d7bc6; color:#fff}

.tl_cs_center .right {  height:355px; width:49%; padding:45px; background-color:#fff;  float:right; text-align:left}
.tl_cs_center .right .blog_section h2 { font-size:26px; font-weight:500;  margin:inherit; color:#6C6; padding:0; text-align:left}
.tl_cs_center .right .blog_section li { border-bottom:1px solid #ddd; padding: 10px 0}
.tl_cs_center .right .blog_section li:last-child { border-bottom:0}
.tl_cs_center .right .blog_section .title { margin-bottom:5px }
.tl_cs_center .right .blog_section .title a {font-size:19px; color:#444; font-weight:500; letter-spacing:-0.5px;}
.tl_cs_center .right .blog_section .title .date { padding-left:27px; padding-right:20px; color:#2d64b1; font-size:14px; letter-spacing:1px; font-weight:600; background: url(/theme/imbosu/img/b_ico.gif); background-repeat: no-repeat; background-position: left center;}
.tl_cs_center .right .blog_section .memo {line-height: 1.2em;}
.tl_cs_center .right .blog_section .memo a {font-size:15px; color:#555; padding-left:26px; line-height:1.75}




@media screen and (max-width:1260px) {
	.tl_cs_center .left { width:100%; clear:both}
	.tl_cs_center .right { width:100%; margin-left:0}

}

@media screen and (max-width:640px) {
	.tl_cs_center h2 { font-size:32px} 
	.tl_cs_center .left .time_wrap { width:100%; height:360px}
	.tl_cs_center .left .time_wrap h2 { text-align:left}
	.tl_cs_center .left .time_wrap p { text-align:left}
	.tl_cs_center .left .time_wrap ul { float:none}
	.tl_cs_center .left .time_wrap ul li a { width:100%; height:45px; line-height:45px; margin: 10px 0 0px 0px;}

	.tl_cs_center .left .tel_wrap { width:100%}
    
	.tl_cs_center .right { height:inherit}
	.tl_cs_center .right .blog_section .memo a { padding:0}

}
/*진료 시간*/







/*서브상단*/
.sub_visual{position:relative;max-width:2560px;margin:0 auto;overflow:hidden;background-repeat:no-repeat;background-position:center top}
.sub_visual.visual01 .bg{background-image:url(/theme/imbosu/img/main_banner_img04.jpg)}
.sub_visual.visual02 .bg{background-image:url(/theme/imbosu/img/sub_visual02.png)}
.sub_visual.visual03 .bg{background-image:url(/theme/imbosu/img/sub_visual03.png)}
.sub_visual.visual04 .bg{background-image:url(/theme/imbosu/img/sub_visual04.png)}
.sub_visual.visual05 .bg{background-image:url(/theme/imbosu/img/sub_visual05.webp)}
.sub_visual.visual06 .bg{background-image:url(/theme/imbosu/img/sub_visual06.webp)}




.sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sub_visual .title_warp { max-width:1400px; margin:0 auto;}
.sub_visual .title_warp .title_page {    
	height: 360px;
    position: relative;
    display: flex;
    vertical-align: middle;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 2;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.sub_visual h3{font-size:18px;font-weight:500; padding-bottom:20px; letter-spacing:1px; color:#fff; opacity:0.8; text-align:center;margin-top: 55px;}
.sub_visual .main_title{font-size:40px; font-weight:500; text-align:center; color:#fff; letter-spacing:-1px }
.sub_visual .inBox {font-size:14px; padding-top:10px; color:#fff; text-align:center;}
.sub_visual .inBox i { font-size:14px; color:#fff; display:inline-block;}
.sub_visual .inBox a { padding:0 13px 0 0}
.sub_visual .inBox span {padding:0 13px; opacity:0.8; font-size:14px; font-weight:400; color:#fff}
.sub_visual .inBox span.strong { opacity:1; padding:0 0 0 13px}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/theme/imbosu/img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:.6;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.sub_visual.tmp {height:80px; background-color:#000;}
.sub_visual.tmp .title_warp {display:none;}
@media screen and (max-width:640px) {
	
	.sub_visual .title_warp { width:100%;}
	.sub_visual .title_warp .title_page { height:422px}
	.sub_visual h3 { font-size:12px}
	.sub_visual .main_title { font-size:34px;}
	.sub_visual .inBox { font-size:12px}
}
/*서브상단*/




/*서브 제목*/
.content_wrap { width:100%; }
.content_wrap .txtCon { max-width:1400px; margin:0 auto; font-size:17px; letter-spacing:-0.02em; line-height:1.75; color:#444; font-weight:300; padding:20px 20px 40px 20px; clear:both}
.content_wrap .txtCon .sub_title{margin:35px 0; padding:0; text-align:center;}
.content_wrap .txtCon .sub_title h2 {font-size:42px; color:#000;}
.content_wrap .txtCon .sub_title p {font-size: 24px; color:#444; word-break:keep-all;}
.content_wrap .txtCon .content_area { width:100%;}
.content_wrap .txtboard { max-width:1400px; margin:0 auto; padding:20px 20px 50px 20px; font-size:12px; line-height:1.75; letter-spacing:-0.02em; clear:both}
.content_wrap .txtboard span { font-size:14px}
.greeting .txt p {font-size:18px;}

@media screen and (max-width:640px) {
    .content_wrap .txtCon { font-weight:400}
	.content_wrap .txtCon .sub_title{margin:50px 0 50px}
	.content_wrap .txtCon .sub_title h2 { font-size:32px}
}
/*서브 제목*/





/*서브 하단 네비*/
.share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left}
.share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px}
.share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0}
.share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; cursor:pointer}
.share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.share-area .share-btn{width:34px;height:34px;background-image:url(/theme/imbosu/img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease;     background-color: inherit; border:0; margin-right:20px}
.share-area .share-btn.active {background-image: url(/theme/imbosu/img/share_close_bt.png);border-left: 1px solid #fff;}
@media screen and (max-width:640px) {
    .share-area{ display:none}
}
/*서브 하단 네비*/








.footer_counsel {padding:42px 0; background:#f7d654;}
.footer_counsel h2 {float:left; width:188px;}
.footer_counsel label {width:90px; display:inline-block; font-size:22px; color:#000000; line-height:46px;}
.footer_counsel input[type="text"], .footer_counsel select { height:50px; padding:0 10px; font-size:22px; color:#1e353c; border:0; width:100% }
.footer_counsel .box { margin-bottom:-10px; vertical-align:top;}
.footer_counsel .box1 {float:left; width:40%; padding:0 32px;}
.footer_counsel .box1 label {width:90px;}
.footer_counsel .tel_box { width:100%; overflow:hidden; display:inline-block; vertical-align:middle;}
.footer_counsel .tel_box input[type="text"], .footer_counsel .tel_box select {float:left; width:32%; }
.footer_counsel .tel_box input[type="text"] {margin-left:2%;}
.footer_counsel .box2 {float:left; width:34%;}
.footer_counsel .box2 label {width:50px;  vertical-align:top;}
.footer_counsel .box2 textarea {width:100%; height:110px; padding:5px 10px; border:0; font-weight:300; font-size:22px; color:#000;}
.footer_counsel .box3 {float:right; width:20%; position:relative}
.footer_counsel .frow {margin-bottom:10px; position:relative; padding-left:100px;}
.footer_counsel .frow label {position:absolute; left:0;}
.footer_counsel .frow2 { margin-bottom:10px; position:relative; padding-left:80px}
.footer_counsel .btn_submit {width:100%; margin-top:36px; font-size:24px; color:#ffffff; line-height:50px; background:#3264c7;}
.footer_counsel .checkbox { width: 18px; height: 18px; vertical-align: middle; border: 5px solid #3a3a3a; background-color: transparent;}
.footer_counsel .privacy{position:absolute;top:0;color:#000;font-size:16px;letter-spacing:-.5px; text-align:left}

@media screen and (max-width:1080px) {
	.footer_counsel h2 { width:100%; float:none}
    .footer_counsel .box1 { width:100%;}
	.footer_counsel .box2 { width:100%; padding:0 32px}
	.footer_counsel .box3 { width:100%; padding:0 32px}
}







/*푸터*/
#footer{ width:100%; height:auto; background:#fff; clear:both}
.foot_menu{width:100%; padding:20px 20px; background:#fff; border-bottom:1px solid rgba(0,0,0,0.07);  }
.foot_menu .fm{ float:left}
.foot_menu .fm li{ display:inline-block; line-height:2em; margin-right:15px; padding-right:15px; border-right:1px solid rgba(255,255,255,0.07); }
.foot_menu .fm li a{ font-size:1.08em; color:rgba(0,0,0,0.9);}
.foot_menu .fm li a.point{color:#32c0eb;}
.foot_menu .fm li:last-child{border-right:0; margin-right:0}
.foot_menu .sns{  float:right}
.foot_menu .sns li{ display:inline-block; margin-left:10px}
.foot_menu .sns li:first-child {margin-left:0;}

.foot_menu .sns li a { color:#777}
.foot_menu .sns li a:hover { color:#000}
.foot_menu .menu { margin-top:20px; }
.foot_menu #phone { display:inline-block; color:#fff; font-size:12px; text-align:center; padding: 0px 20px; background-color:#6C6}
.foot_menu #kakao{ display:inline-block; color:#000; font-size:12px; text-align:center; padding: 0px 20px; background-color:#ffeb33}

.footer_in{ max-width:1440px; height:auto; padding:38px 20px; margin:0 auto; box-sizing:border-box}
.footer_in address h1{ font-size:16px; line-height:1.8; padding-bottom:10px; color:#000; font-weight:bold; }
.footer_in address p{ overflow:hidden; font-size:13px}
.footer_in address p strong{ font-weight: 500;  color:#474747;}
.footer_in address p span{display:inline-block;margin-right:10px; line-height:1.8em; font-size:13px; letter-spacing:0; color:#474747}
.footer_in address p.addr{margin-top:18px;}
.footer_in address p.copylight{ font-size:12px; color:#999; margin-top:18px; letter-spacing:0}
.footer_in address{float:left; width:65%; font-style:normal}
.footer_in .customer{float:right; color:rgba(255,255,255,0.5); margin-left:20px; padding-left:30px; border-left:1px solid rgba(255,255,255,0.05); font-size:13px;}
.footer_in .customer .main_tel{font-size:15px; font-weight:300; color:#000; margin-bottom:20px; margin-top:20px; letter-spacing:0}
.footer_in .customer .main_tel span{font-size:18px; font-weight:bold; color:#32c0eb; display:block; margin-top:10px;}
@media screen and (max-width:640px) {
	.footer_in address { width:100%}
	.footer_in .customer { width:100%; border-left:0; margin-left:0; padding-left:0}
	.foot_menu .sns { float:left; padding-top:20px}
	.foot_menu .fm { margin-bottom:20px}
}
/*푸터*/




.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;background:#076aa3;font-size:18px;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("/theme/imbosu/img/btn_close_w.png") no-repeat center center; -webkit-transition: -webkit-transform 400ms; transition: -webkit-transform 400ms; transition: transform 400ms; transition: transform 400ms, -webkit-transform 400ms; border-radius: 50%; }
#tl_quick .mfp-close:after {background: url("/theme/imbosu/img/btn_close.png") no-repeat center center;}
.mfp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }









@media screen and (max-width: 960px) {
     /*모바일 버튼*/
    #open-button{position:fixed;z-index:10000;right:15px;padding-top:18px;width:75px; height:80px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;display:block; }
	#open-button .navicon-line{position:absolute;width:20px;height:2px;border-radius:1px;background:#fff;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
	#open-button .nl1 {top: 11px;right: 10px; width:30px;}
	#open-button .nl2 {top: 19px;right: 10px; width:24px;}
	#open-button .nl3 {top: 27px;right: 10px; width:30px;}
	#open-button.on>div>div{transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:25px;position:absolute;top:15px;right:10px;margin:0;padding:0;background-color:#fff;}
	#open-button.on>div>div:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
	#open-button.scrolled .navicon-line {background-color: #333;}
	#open-button.on.scrolled >div>div{background-color:#fff;}
	/*모바일 버튼*/
}






/* contents1 */
.contents1{width:100%;margin-bottom:10em;position:relative;top:-6rem;z-index:3}
.contents1 .inner { padding:0}
.contents1 .c1_left{display:flex;float:left;width:50%}
.contents1 .c1_left div{width:100%;height:233px;display:flex;justify-content:center;flex-direction:column;align-items:center;font-size:25px;font-weight:700}
.contents1 .c1_left div img { width:30%}
.contents1 .c1_left div p {padding-top: 16px;font-size:20px}
.contents1 .c1_right{width:50%;float:right;position:relative;margin-top:-120px}
.contents1 .c1_b1{background-color:#2974ff;color:#fff}
.contents1 .c1_b2{background-color:#2974ff;color:#fff}
.contents1 .c1_b3{background-color:#2974ff;color:#fff}
.contents1 .c1_b4{width:100%;background-color:#2974ff;height:353px;color:#fff}
.contents1 .c1_right img{position:absolute;right:0;top:25%}
.contents1 .b4_text {padding: 55px 0 35px 55px}
.contents1 .b4_t1{font-size:30px;font-weight:100;letter-spacing:-1px}
.contents1 .b4_t2{font-size:40px;letter-spacing:-1px}
.contents1 .b4_t3{font-size:1.2em;line-height:1.6;font-weight:200; padding-top:5px; letter-spacing:0.5px}
.contents1 .b4_btn{width:170px;height:54px;line-height:54px;margin-left:57px;color:#2974ff;text-align:center;background-color:#fff;font-size:17px;font-weight:700}
.contents1 .b4_btn:hover{cursor:pointer;}
.contents1 .b4_btn span { font-size:16px; margin-left:20px}


@media screen and (max-width:1280px) {
 .contents1 .c1_left { width:100%}
 .contents1 .c1_right { width:100%; margin-top:0}
}
@media screen and (max-width:980px) {
   .tl_main_quick_wrap .inner li { width:50%}
}

@media screen and (max-width:640px) {
   .tl_main_quick_wrap { margin:0 auto}
   .tl_main_quick_wrap .inner li { width:100%}
}
/* contents1 */





/* contents2 */
.contents2 {width: 100%; max-width:1400px; margin:0 auto; overflow:hidden}
.contents2 h2 {font-size: 38px;font-weight: bold;color: #000; text-align:center; padding-top:20px; letter-spacing:-2px}
.contents2 p { padding:10px 0 150px 0; text-align:center; font-size:17px; color:#555; font-weight:200}
.contents2 ul li { float:left; width:25%; padding-bottom:50px; text-align:center}
.contents2 ul li:first-child { margin-left:0;}
.contents2 ul li .title { font-size:24px; letter-spacing:0}
.contents2 ul li p { padding:10px 5px 30px 5px; font-size:17px; color:#555; letter-spacing:0.5px}
.contents2 .lt_img {margin:10px 0;display:block; overflow:hidden; position:relative; width:75%; margin:0 auto; border-radius: 50%; }
.contents2 .lt_img img {width:100%;height:auto; -webkit-transform: scale(1);transform: scale(1);transition:all 1s ease;-webkit-transition:all 1s ease; }
.contents2 .lt_img img:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}
.contents2 .c2_btn{width:180px;height:54px;line-height:54px;color:#2974ff;text-align:center;background-color:#fff;font-size:17px;font-weight:500;border:1px solid;margin:0 auto}
.contents2 .c2_btn:hover{color: #fff; background-color: #2974ff;}
@media screen and (max-width: 768px) {
    .contents2 ul li { width:50%}
}


@media screen and (max-width: 640px) {
    .contents2 ul li { width:100%}
	.contents2 .lt_img { width:50%}
}
/* contents2 */





/* contents3 */
.contents3 { width:100%; clear:both; background-color: #2974ff; margin:150px 0 0}
.contents3 h2 { font-size:38px; color:#fff; font-weight:bold; text-align:center}
.contents3 .slider_wrap { float:left; width:60%; padding:90px 0}
.contents3 .photo { float:right; width:40%; position: relative; margin-top: -100px;}
.contents3 p { font-size:17px; color:#fff; opacity:0.8; line-height:1.4;  padding-top:20px; font-weight:200; letter-spacing:0.5px; text-align:center}
.contents3 h2 strong { font-weight:bold}
.contents3 li { background-size:cover; width:100%; min-height:580px; background-position:top center; background-repeat:no-repeat; display: flex;}
/* .contents3 .img01 {background-image: url(/theme/imbosu/img/main_banner_img01.webp)} */
/* .contents3 .img02 {background-image: url(/theme/imbosu/img/main_banner_img01.webp)} */

.contents3 li .text_area { padding:20px;text-align:left;;}
.contents3 li .text_area h1 { font-size:38px; letter-spacing:-1px; font-weight:500; text-align: center; color:#fff; line-height:1.2}
.contents3 .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:110px;}
.contents3 .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px; border:0}
.contents3 .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.contents3 .owl-nav{position:absolute;width:100%;bottom:50%; display:none}
.contents3 .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.contents3 .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}
.contents3 .c3_btn{width:200px;height:54px;line-height:54px;color:#2974ff;text-align:center;background-color:#fff;font-size:17px;font-weight:500;border:1px solid;margin:30px auto}
.contents3 .c3_btn:hover{cursor: pointer;}
.contents3 .c3_img {float: left;margin-top:-110px;}

@media screen and (max-width: 980px) {
	.contents3 .slider_wrap { width:100%}
	.contents3 .photo { width:100%}
 	.contents3 li .text_area { padding: 122px 20px 0 20px;}
}

@media screen and (max-width: 768px) {
	.contents3 .owl-nav { display:none}
	.contents3 h2 { font-size:32px}
}
/* contents3 */








/* contents4 */
.contents4 {width: 100%; padding:150px 0px; text-align:center; overflow:hidden; background-size:cover;  position:relative; background-attachment: fixed;}
.contents4 h2 {font-size:42px;; line-height:30px; font-weight:bold; letter-spacing:-1px; line-height:1.4; word-break:keep-all}
.contents4 p {display:block; font-size:17px; line-height:1.4; padding:20px; font-weight:200; letter-spacing:0.5px}
.contents4 ul {display:table; table-layout:fixed; width:100%; vertical-align:middle;}
.contents4 ul li{display:block; width:33.333%; float:left}
.contents4 ul li:nth-child(1) { border-left:0}
.contents4 ul li .t1{color:#000; font-size:20px;}
.contents4 ul li .t2{font-size:150px; font-weight:bold; padding:0px 0px 10px 0;color: #434343; letter-spacing:-5px}
.contents4 ul li .t3{color:#000; font-size: 4em; font-weight: bold;}
.contents4 ul li .t4{color:#000; font-size: 24px; font-weight: bold; padding: 0.5rem 0;}
.contents4 ul li .t5{color:#555; font-size: 17px; font-weight: 200; letter-spacing:0.5px}
.t2_blue {color:#2974ff}

@media screen and (max-width:1280px) {
   .contents4 ul li .t2 span { font-size:100px}
   .contents4 ul li { width:50%; padding:50px 0;}
}


@media screen and (max-width:678px) {
	
	.contents4 ul li { width:100%; padding:50px 0;}
	.contents4 ul li .t2 span { font-size:90px}
}



/* contents4 */




/* FOOTER */
#imbosu_ft{z-index:10;position:relative;min-width:1170px;width:100%;padding-top:40px;margin-top:60px;border-top:1px solid #e7e7e7;color:#888;background-color:#f7f7f7;font-size:13px;line-height:1.8;letter-spacing:-0.1px;font-family: 'arita-medium'} 
#imbosu_ft #ft_top{position:absolute;top:-30px;right:330px;width:55px;padding:25px 0 15px;border:none;background:#061a39 url(/sh_img/ft/top_btn.png) center 15px no-repeat;color:#fff;text-align:center}
#imbosu_ft_wrapper{overflow:hidden;position:relative;width:1070px;margin:0 auto}
#imbosu_ft_wrapper .address{overflow:hidden;padding:2px 0 35px 245px}
#imbosu_ft_wrapper .ft_logo{position:absolute;top:0;left:0}

#imbosu_ft_wrapper .ad{float:left;width:528px}
#imbosu_ft_wrapper .ad p{margin-bottom:18px;font-size:15px;color:#222;font-family:'arita-semibold';letter-spacing:1.8px;line-height:26px}
#imbosu_ft_wrapper .ft_tel{float:right;width:185px}
#imbosu_ft_wrapper .ft_tel .contact{font-size:15px;color:#222;font-family:'arita-semibold';letter-spacing:1.8px;line-height:26px}
#imbosu_ft_wrapper .ft_tel span{font-size:24px;color:#222;font-family:'arita-bold'}
#imbosu_ft_wrapper .ft_tel .num{margin-top:9px;}

#to_top{position:absolute;top:-30px;left:50%;margin-left:-43px;cursor:pointer}
#imbosu{position:relative;width:1070px;margin:0 auto}
#imbosu h1{margin-bottom:10px;font-size:17px;letter-spacing:2.5px;color:#ddd}
#imbosu_ft_copy{position:relative;width:100%;height:50px;margin-top:40px;border-top:1px solid #474747;line-height:50px;background-color:#272727}
#imbosu_ft_copy .ft_wrap{position:relative;width:1070px;margin:0 auto}
#imbosu_ft .bottom{width:100%;padding:12px 0;border-top:1px solid #e7e7e7;background:#fff}
#imbosu_ft .bottom_wrapper{overflow:hidden;width:1070px;margin:auto}
#imbosu_ft .bottom p{float:left}
#imbosu_ft_icon{float:right}

/* 사이트맵 */
a{text-decoration:none !important}
a:hover{text-decoration:none !important}

#imbosu_site_map{width:100%;position:relative;min-height:500px;height:500px auto;margin:0 auto}
.imbosu_site_map01{width:30%;float:left;margin-right:3%;min-height:200px;height:200px auto}
.imbosu_site_map_title{font-size:1.4em;color:#515151}
.imbosu_site_map_title a{color:#515151}
.imbosu_site_map_line{border-bottom:2px solid #8b8b8b;margin:10px 0}
.imbosu_site_map_box{width:90%;margin:0 auto;background:#f7f7f7;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;min-height:80px}
.imbosu_site_map_txt{font-size:1em;line-height:1.2em;color:#666;font-weight:bold;padding:5px}
.imbosu_site_map_txt a{color:#666}

#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}



/* CSS Document */

#imbosu_quick_mn {z-index:20;position:fixed;left:92%;top:114px;width:91px;text-align:center}
#imbosu_quick_mn h3 a {display:block;position:relative;font-size:0;width:91px;height:95px;background:url('/q_menu/qmn_tit.png') no-repeat;z-index:15;outline:none}
#imbosu_quick_mn h3 a.on{background:url('/q_menu/qmn_tit_on.png') no-repeat}
#imbosu_quick_mn ul {display:none;position:absolute;top:83px;width:91px;padding-top:30px;border-top:none;background-color:#fff}
#imbosu_quick_mn ul.on{display:block}
#imbosu_quick_mn ul li * {display:block;padding:36px 0 22px;font-size:13px;color:#777;font-family:'arita-medium'}
#imbosu_quick_mn ul li a:hover {text-decoration:underline}
#imbosu_quick_mn ul li .qmn01 {background:url('/q_menu/qmn_01.png') top center no-repeat}
#imbosu_quick_mn ul li .qmn02 {background:url('/q_menu/qmn_02.png') top center no-repeat}
#imbosu_quick_mn ul li .qmn03 {background:url('/q_menu/qmn_03.png') top center no-repeat}
#imbosu_quick_mn ul li .qmn04 {width:100%;border:none;background:url('/q_menu/to_top.png') center no-repeat #a3a3a3;text-indent:-9999px}







/* SHINING 독립 사용 */

/* 온라인 견적문의 */
#inc05_wrap{width:785px;padding-top:55px;margin-left:357px;font-family:'arita-medium'}
#inc05_wrap .tit{padding-bottom:12px; margin-bottom:20px;border-bottom:2px solid #333;font-size:20px;color:#333;font-family:'arita-semibold'}
#inc05_wrap .tit span{margin-left:565px;font-size:14px;opacity:0.6}
#inc05_wrap .tit img{margin-left:8px}

#inc05_wrap dl{clear:both;padding-bottom:20px;overflow:hidden}
#inc05_wrap dl dt{float:left;width:112px;padding-left:36px;font-family:'arita-medium';font-size:15px;color:#555;line-height:30px;letter-spacing:-0.3px}
#inc05_wrap dl dt:first-child{padding-left:0}
#inc05_wrap dl dd{float:left}
#inc05_wrap dl dd input.inc_input{width:268px;height:40px;border:1px solid #fff;background:#f2f2f2}
#inc05_wrap dl dd input.tel_st{width:100px;height:40px;border:1px solid #fff;background:#f2f2f2}
#inc05_wrap dl dd select{width:268px;height:40px;padding:0 10px;border:1px solid #fff;background:#f2f2f2}

#inc05_wrap .inc_btn{margin-top:31px}
#inc05_wrap .inc_btn input[type=submit] {left:724px;width:785px;height:50px;padding:0;border:none;color:#fff;font-size:15px;background:#061a39;cursor:pointer;-webkit-transition:background .2s;-ms-transition:background .2s;transition:background .2s}
#inc05_wrap .inc_btn input[type=submit]:hover {background-color:#223450}

#inc05_wrap .ag_wrap{text-align:center;margin:3px 0 0 -3px;padding-bottom:3px;width:270px;font-size:15px}
#inc05_wrap .ag_wrap #agree_link{;display:inline-block;*display:inline;color:#fff;padding:3px 7px;margin-left:9px;zoom:1;background:#aaa;}
#inc05_wrap .ag_wrap #agree_link:hover{background:#999}
#inc05_wrap .ag_wrap span{border-bottom:1px solid #555}




#m03{position:relative;width:100%;z-index:10;padding:224px 0 104px;font-family:'arita-medium'}
#m03 .m03_bg{ position:absolute; top:0; left:0;z-index:-1;width:100%;height:331px;background:url('/img/m03-1_1_bg.jpg') center no-repeat;background-size: cover;/*background-color: #2c5551;*/}

#m03_wrap {position:relative;width:1170px;margin:0 auto;background:#fff}
#m03_wrap .left_box{position:absolute;left:50px;top:-224px;width:255px;height:675px}
#m03_wrap .left_box li{width:255px;height:225px}
#m03_wrap .left_box li a { display:block; height:100%}
#m03_wrap .left_box li p{padding-top:121px;font-size:14px;color:#fff;font-family:'arita-light';line-height:26px;text-align:center}
#m03_wrap .left_box li p span{font-size:20px;color:#fff;font-family:'arita-semibold'}
#m03_wrap .left_box .box1 p{color:#222}
#m03_wrap .left_box .box1 span.txt{color:#222}
#m03_wrap .left_box .box1{background:#fff url('/img/icon01.png') center 52px no-repeat}
#m03_wrap .left_box .box2{background:#006fd3 url('/img/icon02.png') center 52px no-repeat}
#m03_wrap .left_box .box3{background:#061a39 url('/img/icon03.png') center 52px no-repeat}


.content_wrap .txtboard {font-size:16px;}



	/* 메뉴버튼 */
#matc02{padding:15px;background-color:#f2f3f5}
#matc02 ul{padding:2px 0 0 2px}
#matc02 ul:after{display:block;content:"";visibility:hidden;clear:both}
#matc02 ul li{float:left;position:relative;width:50%;height:52px;margin:-1px 0 0 -1px;border:1px solid #d1d1d1;font-size:15px;line-height:51px;background-color:#fff;font-family:'notokr-medium'}
#matc02 ul li:before{display:block;content:"";position:absolute;left:12px;top:50%;width:4px;height:4px;margin-top:-2px;background-color:#222}
#matc02 ul li a{display:block;padding-left:25px;color:#222}
#matc02 ul li.mn_empty{width:100%;text-align:center}
#matc02 ul li.mn_empty:before{display:none}
@media (max-width:320px){
#matc02 ul li{font-size:14px}
#matc02 ul li:before{left:10px;width:2px;height:2px;margin-top:-1px}
#matc02 ul li a{padding-left:18px}
}


/* 최신글 */
#matc03{padding:25px 15px 0}
#matc03 .tit{position:relative;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #d1d1d1;font-size:24px;font-weight:700;color:#222;letter-spacing:0;font-family:'Poppins'}
#matc03 .tit a{float:right;padding:15px 0 0 0;font-size:12px}
#matc03 .tit:after{position:absolute;content:"";position:absolute;right:0;bottom:-1px;width:65px;height:1px;background-color:#555}


#matc02, #matc03 {display:none}


@media (min-width:230px) and (max-width:768px) {

	#content .section.section__3rd {height: 575px !important;}
	#content .section.section__3rd .OutLine .notice_area {margin-top:0px !important}

	#m03 {padding: 280px 0 0px !important;}
	#m03_wrap {width:100% !important; margin: 0 auto;}
	#m03_wrap .left_box {position:relative !important; width: 100% !important; height: 100% !important;}
	#m03_wrap .left_box li {width: 100% !important; height: 210px !important;}

	#m03_wrap .left_box {left:0px !important; top:0px !important;}

	#inc05_wrap {width:100% !important; padding:15px !important; margin-left:0px !important;}

	#inc05_wrap dl {clear:none !important;}
	#inc05_wrap dl dt {float:none !important; padding-left:0px !important;}
	#inc05_wrap dl dd {float:none !important;}

	#inc05_wrap dl dd input.inc_input,#inc05_wrap dl dd select {width: 95% !important;}

	#inc05_wrap dl dd input.tel_st {width: 250px !important;}
	#inc05_wrap .inc_btn {margin-top: 30px; text-align: center !important;}
	#inc05_wrap .inc_btn input[type=submit] {width: 85% !important;}
	
	.main-carousel .li {height:250px !important;}
	.main-carousel .li .cover {height:250px !important;}
	.main-carousel .li .copy_area {left:30px !important; top: 55% !important;}
	.main-carousel .li .copy_area h2 {font-size: 30px; margin-bottom: 10px; padding: 0 !important;}
	
	.footer_in address p.copylight {font-size: 0.85em;}
	.footer_in address p span {font-size: 0.85em;}
	.main-carousel .li .copy_area {padding:0px !important;}
	.main-carousel .li .copy_area h3 {max-width:100% !important}
	
	#matc02, #matc03 {display:block;}

	.footer_in address p.copylight {font-size: 0.75em !important;}
}



@media (min-width:290px) and (max-width:330px) {

	.main-carousel .li .copy_area {
		left: -15px !important;
	}
	.main-carousel .li .copy_area p {
		font-size: 16px !important;
	}
	.main-carousel .li .copy_area h2 {
		font-size: 26px !important;
	} 
	.main-carousel .li .copy_area h3 {
		font-size: 30px !important;
	}	
}


@media (min-width:210px) and (max-width:380px) {

	.sub_visual {height: 250px !important;}
	.sub_visual .title_warp .title_page {
		height: 260px;
	}
	.sub_visual .main_title {
		font-size: 16px;
	}
	.main-carousel .li .copy_area {
		left: 10px !important;
	}
	.main-carousel .li .copy_area p {
		font-size: 16px !important;
	}
	.main-carousel .li .copy_area h2 {
		font-size: 26px !important;
	} 
	.main-carousel .li .copy_area h3 {
		font-size: 30px !important;
	}	
}