.wrap,.box_wrap{width:1200px; max-width: 95%; margin: 0 auto; position: relative;}

h1{font-size: 59px;font-weight: bold;}
h2{font-size: 35px;font-weight: bold;}
h3{font-size: 28px;}
h4{font-size: 1.6em;}
h5{font-size: 20px}
h6{font-size: 16px;}
p{font-size: 16px;}


/*header*/
#header{z-index:1000; display: flex; align-items: center}
#header .h_wrap{display:flex; flex-wrap:wrap;}
#header .h_wrap .gnb{float: none;}
#header .h_wrap .btn_search{float: none; margin:0;}
#header .btn_gnb.pc_only{z-index: 10000;}
#header .xi-bars{font-size: 30px}
#header .btn_gnb.pc_only.a_on .xi-bars:before{content:"\e921"}
#header .btn_gnb.mobile_only.on .xi-bars:before{content:"\e921"}

.pc_all_menu .gnb_all > ul > li.depth1{width:14%; padding:0 5px;}
.pc_all_menu .gnb_all > ul > li.depth1 > ul{height: 550px;}

/* 상담문의 목록 삭제 */
#header .gnb .depth1:last-child .depth2:last-child{display: none;}
.pc_all_menu .gnb_all > ul > li.depth1:last-child > ul .depth2:last-child{display: none;}





/*footer*/
#fo_jad{margin: 10em 0 0 0;bottom: 0; left: 0;width:100%; height: 300px;background: #323232;color: rgba(255,255,255,0.6);}
#fo_jad .fo_logo{width:77px; margin:0 auto; padding-top: 2.5em;}
#fo_jad img{margin: 0 auto;}
#fo_jad nav ul{display:flex; gap:30px; justify-content: center; margin:25px; font-size: 14px;}
#fo_jad nav a{color: rgba(255,255,255,0.8)}
#fo_jad nav a:hover{color:rgba(255,255,255,1)}
#fo_jad .f_box{line-height: 20px; margin:0 auto; font-size: 13px;}
#fo_jad .f_box .in{margin-right: 30px;}
#fo_jad .copyright{margin-top: 20px;color: rgba(255,255,255,0.4); font-size: 12px;text-transform: uppercase;}
#fo_jad .copyright a{color: inherit}

.main #fo_jad{margin: 0}
/* index */
#fullpage h2{text-align: center;/*font-family: "montserrat", sans-serif;*/ font-weight: 600; margin: 1em 0;}
#fullpage h2::before{display: block; content: '';width: 48px; height: 3px; background-color: #0062b2;position: absolute; left: 50%; transform: translateX(-50%);}
#fullpage{}
#fullpage >div {height: 100vh;width: 100%;overflow: hidden}
#fullpage .section1{width: 100%; height: auto;}

.section{position:relative;}


/*메인 슬라이드*/
#fullpage .section1 .main_v {width:100%; height: 100vh; position: relative; overflow: hidden; z-index: 10;}
#fullpage .section1 .main_v .swiper-slide {position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; height: 100vh;}
#fullpage .section1 .main_v .slog { position: absolute; top:50%; left: 50%; transform: translate(-50%, -65%); color: #fff;}
#fullpage .section1 .main_v .slog .t1 {line-height: 5em;transform: translateY(1em); opacity: 0;/*font-family: "montserrat", sans-serif;*/}
#fullpage .section1 .main_v .slog .t2 {margin-top: 30px; line-height: 1.2; transform: translateY(1em); opacity: 0; font-weight: 600;}
#fullpage .section1 .main_v .slog .t3 {margin-top: 30px; line-height: 1.2; transform: translateY(1em); opacity: 0; font-weight: 400;}
#fullpage .section1 .main_v .mainSlider-pagination {position: absolute; bottom: 4em; left: 50%; transform: translateX(-50%); z-index: 100; font-size: 1.625em;}
#fullpage .section1 .main_v .mainSlider-pagination .swiper-pagination-bullet{background-color:#fff;}
#fullpage .section1 .main_v .mainSlider-pagination .swiper-pagination-bullet-active{background-color:#fff; width:45px; border-radius: 50px;}

#fullpage .section1 .main_v .el.swiper-slide-active .slog .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
#fullpage .section1 .main_v .el.swiper-slide-active .slog .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
#fullpage .section1 .main_v .el.swiper-slide-active .slog .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}

#fullpage .section1 .main_v .main_v_arr {width:100%; }
#fullpage .section1 .main_v .main_v_arr .arr_btn {cursor: pointer; font-size: 7em; color: rgba(255,255,255,0.3); transition: .3s;}
#fullpage .section1 .main_v .main_v_arr .arr_btn:hover{color: rgba(255,255,255,0.7);}
#fullpage .section1 .main_v .main_v_arr .mainSlider-prev {position: absolute; top:50%; left: 40px; z-index: 10; transform: translateY(-60%)}
#fullpage .section1 .main_v .main_v_arr .mainSlider-next {position: absolute; top:50%; right: 40px; z-index: 10; transform: translateY(-60%)}




#fullpage .section2{background-image: url('/theme/responseweb/img/main/jse-2.jpg'); z-index: 1; }
#fullpage .section2 h1{position: absolute; top: 30%; left:50%; transform:translate(-50%,-50%); width: auto; color: #fff; /*font-family: "montserrat", sans-serif;*/}
#fullpage .section2 img{width:100%; height:100vh; object-fit: cover;}
#fullpage .section2 .cont{width:100%; height:100vh;}
#fullpage .section2 .cont > li{width: 16.66%; height: 100%;border-left: 1px solid rgba(255,255,255,0.2); box-sizing: border-box;}
#fullpage .section2 .cont li a{width: 100%; height: 100%; display: flex; align-items: center;}
#fullpage .section2 .icon-box{text-align: center; color:#fff; padding: 10px; margin: 6em auto 0}
#fullpage .section2 .icon-box .xi{font-size: 50px;}
#fullpage .section2 .icon-box h4{margin-bottom: 20px;}
#fullpage .section2 .icon-box h6{font-weight: lighter; opacity: 0.8;}
#fullpage .section2 .item:hover{background: rgba(255,255,255,0.2);}
#fullpage .section2 .item:first-child{border-left: none;}


#fullpage .section3{ padding: 12em 0;}
#fullpage .section3 .wrap_idx{overflow: visible;margin-bottom: 13em;}
#fullpage .section3 .wrap{}
#fullpage .section3 .wrap h2{top:-180px;}
#fullpage .section3 .wrap .btn-box{display: flex; gap:20px; margin:0 auto 2em;}
#fullpage .section3 .wrap .btn-box .btn-w{width: 200px; height: 60px; border-radius: 10px; background-color: #fff; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
#fullpage .section3 .wrap .btn-box .btn-w.on{border-color: #086fc4; box-shadow: 0px 0px 5px rgba(125,125,125,1)}
#fullpage .section3 .wrap .btn-box .btn-w h6{font-weight: normal}
#fullpage .section3 .bg{position: absolute; top: 0;left:0; width: 100%;height: 100vh;}
#fullpage .section3 .bg .img_bg{width: 100%; height: 540px;}
#fullpage .section3 .bg .img_bg img{width: 100%; height:100%; object-fit: cover}
#fullpage .section3 .bg .back{position: absolute; top: 0;left:0;}
#fullpage .section3 .bg .bg1{position: absolute; top: 50%;left:0;}
#fullpage .section3 .bg .bg2{position: absolute; top: 180px;right:220px;}
#fullpage .section3 .sw02{overflow: hidden; width: 100%;}
#fullpage .section3 .sw02 .img-box{position: relative; width: 100%; height: 165px; }
#fullpage .section3 .sw03 .swiper-button-next{right: -120px!important; top: 40%!important;}
#fullpage .section3 .sw03 .swiper-button-next::before{display: none !important;}
#fullpage .section3 .sw03 .swiper-button-prev{left:-120px!important;top: 40%!important;}
#fullpage .section3 .sw03 .swiper-button-prev:before{display: none !important;}
#fullpage .section3 .sw03 .swiper-pagination{width: 100%; height: 3px; background-color: #dedede; position: absolute; bottom:-50px;}
#fullpage .section3 .sw03 .swiper-pagination-progressbar-fill{width: 100%; height: 3px; background-color: #0062b2; position: absolute; bottom:0px;}
#fullpage .section3 .swiper-slide{height: 340px; border: 1px solid #ddd; border-radius: 7px;overflow: hidden;background-color: #fff;}
#fullpage .section3 .swiper-slide .img1{position: absolute;top: 0;left: 0;}
#fullpage .section3 .swiper-slide .img2{position: absolute;top: 120px;left: 30px; width: 80px;}
#fullpage .section3 .swiper-slide .xi{position: absolute;top: 140px;left: 50px;font-size: 40px; line-height: 1;}
#fullpage .section3 .swiper-slide .xi-search{color:#666;}
#fullpage .section3 .swiper-slide .xi-devices{color:#ccc;}
#fullpage .section3 .swiper-slide .xi-blogger{color:#05b522;}
#fullpage .section3 .swiper-slide .xi-speech{color:#3888e2;}
#fullpage .section3 .swiper-slide .xi-microphone{color:#449cdb;}
#fullpage .section3 .swiper-slide .xi-users{color:#dba450;}
#fullpage .section3 .swiper-slide .xi-youtube{color:#ed5353;}
#fullpage .section3 .swiper-slide .xi-layout-aside-o{color:#ed712e;}
#fullpage .section3 .swiper-slide .text-box{position: absolute;top: 58%;left: 0; padding: 10px 30px;line-height: 1.6em}
#fullpage .section3 .swiper-slide .text-box span{font-size: 14px; color: #8b9fb7; text-transform: uppercase; /*font-family: "montserrat", sans-serif;*/}
#fullpage .section3 .swiper-slide .text-box h4{font-weight: bold; margin-bottom: 20px;}
#fullpage .section3 .swiper-slide .text-box p{line-height: 16px;text-wrap:wrap;}
#fullpage .section3 .off-group{width: 60%; display: flex; gap:20px; margin:0 auto -110px auto;}
#fullpage .section3 .off-box{width: 50%;height: 450px; border: 1px solid #ddd;overflow: hidden;background-color: #fff; border-radius: 7px 7px 0 0; position: relative}


#fullpage .section3 .off-box .img1{width: 100%; height: 220px;}
#fullpage .section3 .off-box .img2{position: absolute;top: 170px;left: 30px}
#fullpage .section3 .off-box .xi{font-size: 40px;position: absolute; top: 190px; left:50px;}
#fullpage .section3 .off-box .xi-map-o{color: #ed712e;}
#fullpage .section3 .off-box .xi-bus{color: #05b522;}
#fullpage .section3 .off-box .text-box{padding: 30px;}
#fullpage .section3 .off-box .text-box span{font-size: 14px; color: #8b9fb7; text-transform: uppercase;}
#fullpage .section3 .off-box .text-box h4{font-weight: bold; margin-bottom: 10px;}
#fullpage .section3 .off-box .text-box p{line-height: 16px;}


#fullpage .section4{background-color: #f6f8ff; padding: 8em 0;}
#fullpage .section4 h2{top:200px;}
#fullpage .section4 .sm_Swiper{margin-bottom:2.5em;}
#fullpage .section4 .sm_Swiper .va_wrap{border:1px solid #ddd; border-radius: 10px; font-size:16px; height: 60px;} 
#fullpage .section4 .sm_Swiper .swiper-slide-thumb-active .va_wrap{border:1px solid #086fc4; background-color: #086fc4; color:#fff;} 
#fullpage .section4 .port_control{width:100%; position: absolute; top: 12px; left: 50%; transform: translateX(-50%);}
#fullpage .section4 .port_control .xi{font-size:2.5em; color:#aaa; cursor: pointer;}
#fullpage .section4 .port_control .xi:hover{color:#666;}
#fullpage .section4 .port_control .port_prev{margin-left:-5em;}
#fullpage .section4 .port_control .port_next{margin-right:-5em;}
#fullpage .section4 .swiper-container.con_Swiper{width:96%; margin: 0 auto;}
#fullpage .section4 .swiper-container.con_Swiper .swiper-wrapper .swiper-slide.item{opacity: 0; visibility: hidden; background-color: rgb(246, 248, 255); padding-bottom: 6.5em;}
#fullpage .section4 .swiper-container.con_Swiper .swiper-wrapper .swiper-slide.item.swiper-slide-active{opacity: 1; visibility: visible;}
#fullpage .section4 .swiper-container.con_Swiper .swiper-wrapper .swiper-slide a.lt_img{background: #fff; border: 1px solid #ddd; border-radius: 10px;}
#fullpage .section4 .swiper-container.con_Swiper .swiper-wrapper .swiper-slide a.lt_img.resize{padding-bottom:130%}
#fullpage .section4 .swiper-container-fade .swiper-slide .swiper-slide{pointer-events: auto}


#fullpage .section5{background-image:url(../img/main/se4_bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover;}
#fullpage .section5 .wrap{position: absolute; top: calc(55% - 30px); left: 50%; transform: translate(-50%,-50%)}
#fullpage .section5 .oc_con{margin: 0 auto; width: 90%}
#fullpage .section5 h2{}
#fullpage .section5 ul{margin-right: -15px;}
#fullpage .section5 li{border: 1px solid #ddd; width: 18%; height: auto; border-radius: 10px; overflow: hidden; margin: 5px 15px 5px 0;}
#fullpage .section5 li img{width: 100%; height: 100%; object-fit: cover}


#fullpage .section6 {background-image:url(../img/main/se5_bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover;}
#fullpage .section6 .wrap{position: absolute; top: calc(60% - 30px); left: 50%; transform: translate(-50%,-50%)}
#fullpage .section6 h2{top:-75px;}
#fullpage .section6 .in_con {width:50%;}
#fullpage .section6 .lat {position:relative; background:transparent !important;}
#fullpage .section6 .lat ul {position:relative; }
#fullpage .section6 .lat li {height:85px; padding:0;}
#fullpage .section6 .lat .basic_li > strong {display:block; float:left; width:80px; height:85px; padding:5px; text-align:center;margin-right:10px;}
#fullpage .section6 .lat .basic_li .lt_date {font-size:23px; color:#0062b2; font-weight:700; display:block;margin-top:9px;}
#fullpage .section6 .lat .basic_li .lt_year {font-size:14px; color:#0062b2; font-weight:500; display:block;}
#fullpage .section6 .lat li .f_left {width: calc(100% - 160px); height:85px; line-height:75px; display:block;}
#fullpage .section6 .lat ul li a {font-weight:500; font-size:16px;}
#fullpage .section6 .lat .lt_info .lt_plus a{color:#a0a0a0; display:block;padding-top:30px; font-size:30px;}
#fullpage .section6 .lat .lt_info .lt_plus .xi-plus-thin{font-size: 28px;}
#fullpage .section6 .fl_wrap{margin-right:-40px;}
#fullpage .section6 .in_con{padding-right:40px;}
#fullpage .section6 .in_con p{font-size:24px; text-transform: uppercase; color: #444; font-weight: 600;/*font-family: "montserrat", sans-serif;*/}
#fullpage .section6 .in_con .xi{font-size:22px; color: #888;}
#fullpage .section6 .in_con .cont{border-bottom: 2px solid #333; padding: 15px;}
#fullpage .section6 .in_con .cont >a{display: flex; gap:10px; align-items: center;}

#fullpage .section6 .in_con .stt{font-size:24px; font-weight: 500; color: #444; padding: 0px 10px 15px; border-bottom: 2px solid #000;}
#fullpage .section6 .in_con .stt .xi{color:#888;}
#fullpage .section6 .in_con .lat li:last-child{border-bottom: 1px solid #e0e0e0;}


#fullpage .section7{}
#fullpage .section7 .container{display: flex;}
#fullpage .section7 .container > div{width: 50% !important; height: 100vh;}
#fullpage .section7 .container .cont1{}
#fullpage .section7 .container .cont1 .info-box{width: 60%;}
#fullpage .section7 .container .cont1 .info-box h2{text-align: center;}
#fullpage .section7 .container .cont1 .info-box h2::before{left: 25%;}
#fullpage .section7 .container .cont1 .info-box .text-gr{padding: 3em 0 5em;}
#fullpage .section7 .container .cont1 .info-box .text-gr .text-box{display: flex;padding: 1em;}
#fullpage .section7 .container .cont1 .info-box .text-gr .text-box p{}
#fullpage .section7 .container .cont1 .info-box .text-gr .text-box .xi{font-size: 25px; color:#006ab8; margin: 0 30px 0 0;}
#fullpage .section7 .container .cont1 .info-box .text-gr .text-box .tt{font-size:16px;}
#fullpage .section7 .container .cont1 .info-box .text-gr .text-box .tt .bold{font-weight: bold; display: inline-block; width: 60px;}

#fullpage .section7 .container .cont1 .info-box .btn-group{display: flex; justify-content: center; gap:2em;}
#fullpage .section7 .container .cont1 .info-box .btn-group .btn-w{width: 200px; height: 60px; border-radius: 30px; background-color: #fff; border: 1px solid #ddd; transition: 0.5s;}
#fullpage .section7 .container .cont1 .info-box .btn-group .btn-w:hover{border-color: #086fc4;}
#fullpage .section7 .container .cont1 .info-box .btn-group .btn-w a{width: 100%; height: 100%;display: flex; align-items: center; justify-content: center;transition: 0.5s;}
#fullpage .section7 .container .cont1 .info-box .btn-group .btn-w a:hover{color: #086fc4;}
#fullpage .section7 .container .cont2{}
#fullpage .section7 .container .cont2 .root_daum_roughmap .wrap_map{height: 100vh !important;}
#fullpage .section7 .container .cont2 .root_daum_roughmap .wrap_btn_zoom{height: 770px !important;}
#fullpage .section7 .container .cont2 .root_daum_roughmap .wrap_controllers{display: none;}

#fullpage .section8 .in_w{padding-top:9%; padding-bottom:8em; width:96%; margin:0 auto; }
#fullpage .section8 .sample_wrap,
#fullpage .section8 .sample_wrap li .in{margin-right:0;}
#fullpage .section8 .swiper-cont{position: inherit; bottom: inherit; left: inherit; margin: 30px auto 0; transform: translate(0)}


/* side-bar */
.side-bar{position: fixed; z-index: 900; top:50%; transform: translateY(-50%); right: 1em;  }
.side-bar .side-item{width: 80px; height: 80px; background-color: rgba(0,68,253,0.7); border-bottom: 1px solid rgba(255 255 255 / 30%);border-radius:5px;}
.side-bar .side-item:last-child{border:none;}
.side-bar .side-item:hover{background-color: rgba(0,68,253,1);}
.side-bar .side-item > a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center}
.side-bar .side-item .side-btn{display: block;color: #fff;}
.side-bar .side-item .side-btn .tt{font-size: 14px; font-weight: normal;}
.side-bar .side-item .side-btn .xi{font-size: 38px; display:block; line-height: 1;}


/* //회사소개 company*/
/*CEO인사말 company*/
.about_content{}
.about_content .about_bg{}
.about_content .about_bg .container{}
.about_content .about_bg .container .ti{text-align: center; padding: 5em 0;}
.about_content .about_bg .container .ti h2{}
.about_content .about_bg .container .ti h5{}
.about_content .about_bg .container .cont1{display: flex; gap:20px; height: auto;}
.about_content .about_bg .container .cont1 > div{width:50%;}
.about_content .about_bg .container .cont1 .img-box{height: 650px;border-radius: 7px; overflow: hidden}
.about_content .about_bg .container .cont1 .img-box img{height: 100%; width: 100%; object-fit: cover;}
.about_content .about_bg .container .cont1 .text-box{padding: 1em 4em;}
.about_content .about_bg .container .cont1 .text-box .tt{margin:1em 0;}
.about_content .about_bg .container .cont1 .text-box .tt .bold{font-weight:bold;}
.about_content .about_bg .container .cont1 .text-box .tw{font-size: 16px; margin-bottom: 20px; line-height: 1.6; color:#555;}
.about_content .about_bg .container .cont1 .text-box .ceo{margin-top: 5em; text-align: right; font-size: 16px;letter-spacing: 3px; color: #999;}
.about_content .about_bg .container .cont1 .text-box .ceo .a-na{font-size: 26px;letter-spacing: 6px;color: #333;font-family: 'Nanum Brush Script', cursive;}


/*연혁 history*/
.sub_history_wrap{ margin-top:7em; margin-bottom: 150px;}
.sub_history_wrap .intro_tit{padding:7em 0; margin-bottom: 3em; background-attachment: inherit; background-position: center;}
.sub_history_wrap .intro_tit .in_tt{ font-size:3.825em;}

.history_wrap{ position:relative; overflow:hidden; padding:2em 0}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#0062b2; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #0062b2; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:1em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year_tt{ margin-bottom: 1em;}

.history_wrap .history > li .year_tt .wrap_in{ position:relative; overflow:hidden;}
.history_wrap .history > li .year_tt .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:3.5em; font-weight:700; letter-spacing:-3px; color:#0062b2; /* font-family: Georgia, "Times New Roman", Times, serif */}
.history_wrap .history > li .year_tt .tt:before{ content:""; position:absolute; right:100%; top:50%; margin-top:3px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year_tt .tt:after{ content:"'"; font-weight:400; font-style:italic}    
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .detail > li .tt:after{ display: block; clear: both; content: '';}
.history_wrap .history > li .list .ynm{ color: #999; font-weight: 600; font-size: 1.125em; margin-right: 13px; float: left; width: 20px;}
.history_wrap .history > li .list .img_wb{ width: calc(100% - 35px);}
.history_wrap .history > li .list .img_wb .img_z{display:inline-block; background-color:#fff; padding: 10px; border:1px solid #ededed; margin:8px 0;}
.history_wrap .history > li .list .img_wb .stx{display:block;}
.history_wrap .history > li .list .detail{ width: 100%;}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; font-size: 1.068em;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.7em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year_tt{ justify-content:flex-end; text-align:right}
.history_wrap .history > li:nth-child(2n) .year_tt .tt:before{ right:auto; left:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}
.history_wrap .history > li:nth-child(2n) .list .ynm{ float: right; margin-left: 13px; margin-right: 0;}

/*조직도 oc*/
.oc-cont{}
.oc-cont .cont{}
.oc-cont .cont .img-box{width: 1200px; height: auto; margin: 0 auto; background: #fff; border: 1px solid #ccc;border-radius: 7px;overflow: hidden}
.oc-cont .cont .img-box img{}


/* 오시는 길 map */
#daumRoughmapContainer1692667711943{margin-bottom: 50px;}
.map_in{}
.map_in .inq_top{margin-right:-70px;padding: 2em 10px 2em 0;}
.map_in .inq_top .i_tx{font-size:1em; color:#333; margin-right:50px;}
.map_in .inq_top .i_tx .xi{color:#0062b2; font-size:1.25em; vertical-align: middle; margin-right: 6px;}
.map_in .inq_top .i_tx .st{font-weight: 600}


/* 클라이언트 client */
.client-content{margin: 10em 0 0; text-transform: uppercase;}
.client-content .cont{padding: 0 2em; margin:2em 0; border:1px solid #ccc; border-radius: 10px;}
.client-content h4{margin: 1em 0 -0.9em; font-weight: bold; color:#333;}
.client-content .bold{color:#ccc;  margin: 0 0.2em; font-weight: normal;}
.client-content .cont .ti{gap:10px; margin: 0.5em 0.5em 0; color:#006ab8; border-bottom: 1px dashed #ccc}
.client-content .cont .ti h3{ margin: 1em 0.5em}
.client-content .cont .ti .tw{color:#ddd;}
.client-content .cont .ti .ic{margin: auto 0;}
.client-content .cont .maul{padding: 2em 0 4em 2.5em;}
.client-content .cont .maul ul{}
.client-content .cont .maul ul > li{width: 20%;}
.client-content .cont .maul .in{line-height: 1.6em; margin-left: 10px; margin-right: 10px;font-size: 16px; color:#777; position: relative;}
.client-content .cont .maul .in::before{display: block; content: ''; width: 3px; height: 3px; background: #333; border-radius: 50%; position: absolute; top: 10px; left: -10px;}




/* //온라인 마케팅 search_ads */

/* tab_idx 공통 */

.tab_idx .tab-btn{width: 200px; height: 60px; border-radius: 10px; background-color: #fff; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; transition: 0.5s; margin: 1em 0 0 1em}
.tab_idx .tab-btn .va{color:#666; font-size:16px;}
.tab_idx .tab-btn:hover{background-color: #fff; border: 1px solid #086fc4; color:#086fc4!important;}
.tab_idx .tab-btn.on{background-color: #086fc4;}
.tab_idx .tab-btn.on .va{color:#fff;}

.idx{}
.idx .idx_title{padding: 6em 0 4em;}
.idx .idx_title .ti{font-weight: bold;text-align: center}
.idx .idx_title .ti .co{color:#006ab8; margin: 0 0.5em 0 0;}
.idx .pro{width: 85%; margin: 0 auto;}
.idx .idx_cont{margin: 0 auto; border-bottom:1px solid #ddd}
.idx .idx_cont:last-child{border-bottom:none}
.idx .idx_cont .text-ul{justify-content: space-between; margin:  0 auto 4em}
.idx .idx_cont .text-ul > li{text-align: center}
.idx .idx_cont .text-ul .img-box{width: auto; height: auto; border-radius: 10px; overflow: hidden; margin-top:20px;}
.idx .idx_cont .text-ul .textbox{color: #666;}
.idx .idx_cont .text-ul .co{display: inline-block;margin: 3em auto 0; background: #086fc4; padding: 5px 15px; border-radius: 5px; color: #fff}
.idx .idx_cont .text-ul .sub-ul{font-size: 16px; margin: 1em 0;}
.idx .idx_cont .text-ul .sub-ul > li{color: #666}

/* 검색광고 */
.search-content{padding-bottom: 4em;}
.search-content .idx .idx_cont .text-ul{width: 90%; margin: 0 auto 4em;}
.search-content .idx .idx_cont .text-ul > li{width: 50%; text-align: left}
.search-content .idx .idx_cont .text-ul .sub-ul > li{margin: 0.4em 0; position: relative}
.search-content .idx .idx_cont .text-ul .sub-ul > li::before{display: block; content:''; width: 3px; height: 3px; background: #333; border-radius: 50%; position: absolute; top: 10px; left: -15px;}
.search-content .idx .idx_cont .tt{text-align: center; margin-bottom: 2em; color: #666;width: 60%; margin: 0 auto 2em;font-size:16px;}
.search-content .idx .idx_cont .sub-ul .imgbox{width: 50%; margin: 0 auto;border: 1px solid #ddd;border-radius: 30px;overflow: hidden;}

/* 디스플레이 */
.display-content{padding-bottom: 4em;}
.display-content .idx .idx_cont .text-ul > li{width: 33.33%;}

/* 배너광고*/
.banner-content{padding-bottom: 4em;}
.banner-content .idx .idx_cont .text-ul > li{width: 25%;}





  /* prosess */
.prosess-cont{margin: 0 auto;}
.prosess-cont .prosess-bg{background: #f8f8f8;padding: 7em 0 0;}
.prosess-cont .cont-bg{background-image:url('/theme/responseweb/img/main/ad01.jpg');background-size: cover; padding: 5em 0 13em; margin: 12em 0 -9em}
.prosess-cont .pro-ti{padding: 1em 0;}
.prosess-cont .pro-ti .ti{font-weight: bold;}
.prosess-cont .pro-ti .ti .co{color:#006ab8; margin: 0 0.5em 0 0;}
.prosess-cont .pro-ti .tt{font-size: 16px; color: #777}
.prosess-cont .pro{margin: 0 auto;}
.prosess-cont .pro .pro-ul{}
.prosess-cont .pro .pro-ul li{width: 20%; height: auto;position: relative;}
.prosess-cont .pro .pro-ul li .in{margin: 40px 30% 0 0; border: 1px solid #ccc; border-radius: 10px; text-align: center; padding: 2em 0;}
.prosess-cont .pro .pro-ul li .in::before{display: block; content: "";font-family : xeicon; font-size: 25px; position: absolute; color:#bbb; top: 60%; left: 80%; transform: translateY(-50%);}
.prosess-cont .pro .pro-ul li .lc::before{display: none;}
.prosess-cont .pro .pro-ul li .lc{border-color:#006ab8}
.prosess-cont .pro .pro-ul li img{width: 55px; height: auto; margin: 0 auto}
.prosess-cont .pro .pro-ul li .tt{margin: 20px auto 0; font-weight: 400; color: #444;}
.prosess-cont .cont{display: flex; justify-content: space-between; padding:10em 0 0; }
.prosess-cont .cont .tibox{color:#fff}
.prosess-cont .cont .tibox .ti{line-height: 1em;}
.prosess-cont .cont .tibox .tt{}
.prosess-cont .cont .tibox .btn-w{width: 200px; height: 60px; border-radius: 10px; background-color: #006ab8; transition: 0.5s; margin: 3em 0 0}
.prosess-cont .cont .tibox .btn-w a{color: #fff; width: 100%; height: 100%;display: flex; align-items: center; justify-content: center;font-size: 16px;}
.prosess-cont .cont .tibox .btn-w a .xi{font-size: 18px;}
.prosess-cont .cont .box-gr{width: 60%;}
.prosess-cont .cont .box-gr > div{}
.prosess-cont .cont .box-gr .item{width: 45%;}
.prosess-cont .cont .box-gr .item .in{height: 200px; background-color: #fff; border-radius: 10px;margin: 10px;position: relative}
.prosess-cont .cont .box-gr .item a{display: block;width: 100%; height: 100%;position: absolute; top: 0; left: 0; z-index: 1}
.prosess-cont .cont .box-gr .item .tebox{padding: 2em;}
.prosess-cont .cont .box-gr .item .tebox h4{line-height: 2em}
.prosess-cont .cont .box-gr .item .tebox .tt{color:#999}
.prosess-cont .cont .box-gr .item .tel{height: 200px;margin: 10px; text-align: right; background: none;border: 1px solid #fff; color: #fff; border-radius: 10px;}
.prosess-cont .cont .box-gr .item .xi{font-size: 30px; text-align: right; width: 90%;position: relative; bottom: 15px;}



/**/
.wei{font-weight: 400; color:#333;}
.bold{font-weight: 600}

.con_title{margin-bottom: 4em}
.con_title .ti{margin-bottom: 0.2em}
.con_title .tt{width: 60%}

.box_01 .ti_box .ti{margin-bottom: 0.2em}
.ti_box .tt{color: #555; width: 60%}
.box_01 .item-gr{padding: 6em 0 0}
.box_01 .item-gr .tt{text-align: left; padding: 0 2em}
.box .tp{background: #333; width: 130px; height: 130px; border-radius: 50%; color: #fff;}
.box .item-gr{padding: 4em 0}


/* 바이럴 마케팅 */
.viral-content .ti{margin-bottom:0.5em; font-weight: 600;}
.viral-content .wei{font-weight: 400; color:#333;}
.viral-content .bold{font-weight: 600}
.viral-content .box .ti_box .ti{line-height: 1.4em;margin-bottom: 0.5em}
/*.viral-content .box .ti_box .tt{color: #666;width: 60%}*/

.viral-content{padding-bottom: 3em}
.viral-content .box{padding: 4em 0 0}
.viral-content .box_01{}
.viral-content .box_01 .imgbox{width: 80%; height: auto; margin: 0 auto}
.viral-content .box_02{text-align: center}
.viral-content .box_02 .ti_box{}
.viral-content .box_02 .ti_box .tt{width: 50%; margin: 0 auto;}
.viral-content .box_02 .item-gr{margin: 6em 0 2em}
.viral-content .box_02 .item-gr .ti{}
.viral-content .box_02 .item-gr .tt{color: #555; margin-top:0.5em}
.viral-content .box_02 .item-gr .imgbox{margin: 1.5em -10px 1em 0}
.viral-content .box_02 .item-gr .imgbox > li{widows: 25%}
.viral-content .box_02 .item-gr .imgbox .in{padding: 2em 3em; border: 1px solid #ddd; border-radius: 10px; margin-right: 10px;}
.viral-content .box_02 .item-gr .imgbox .in .xi{font-size: 60px; width: 1.2em; height: 1.2em; border-radius: 10px; color: #fff; line-height: 1.2em; background: #05b522;}
.viral-content .box_02 .item-gr .imgbox .in .xi-blogger{}
.viral-content .box_02 .item-gr .imgbox .in .xi-cafe{ }
.viral-content .box_02 .item-gr .imgbox .in .xi-mobile{}
.viral-content .box_02 .item-gr .imgbox .in .xi-library-books{}
.viral-content .box_03{text-align: center}
.viral-content .box_03 .ti_box .tt{margin: 0 auto}
.viral-content .box_03 .item-gr .tt{text-align: left; padding: 0 2em}
.viral-content .box_03 .item-gr .imgbox{}
.viral-content .box_04{padding: 0}
.viral-content .box_04 .wrap > div {width: 50%;}
.viral-content .box_04 .ti_box{margin: auto;}
.viral-content .box_04 .item-gr{}
.viral-content .box_04 .item-gr .tt{}
.viral-content .box_04 .item-gr .imgbox{width: 80%; height: auto; border-radius: 10px; overflow: hidden; margin: 0 auto}



/* SNS 마케팅 */
.sns-content{padding-bottom: 3em}
.sns-content .box{padding: 4em 0 0;}
.sns-content .box_01{padding: 4em 0 0;}
.sns-content .box_02{text-align: left; margin-bottom: 4em;}
.sns-content .box_02 .box_gr{width: 100%; margin: 0 auto}
.sns-content .box_02 .box_gr > div{width:33.33%;}
.sns-content .box_02 .box_gr .imgbox{width: 400px; height: 300px;border-radius: 10px; overflow: hidden;}
.sns-content .box_02 .box_gr .imgbox img{object-fit: cover; width: 100%; height: auto}
.sns-content .box_02 .box_gr .ti_box{padding: 2em;}
.sns-content .box_02 .box_gr .ti_box .tw{font-weight: 700; color:#333;}
.sns-content .box_02 .box_gr .ti_box .tt{color: #555;width: 100%}
.sns-content .box_02 .item-gr{text-align: center;}
.sns-content .box_02 .item-gr .ti{}
.sns-content .box_02 .item-gr .tt{color: #555; width: 60%; margin: 0 auto}
.sns-content .box_02 .item-gr .itembox{margin: 1.5em auto 1em; width: 50%;}
.sns-content .box_02 .item-gr .itembox > li{width:33.33%}
.sns-content .box_02 .item-gr .itembox .in{padding: 2em 0; border: 1px solid #ddd; border-radius: 10px; margin-right: 10px; box-sizing: border-box}
.sns-content .box_02 .item-gr .itembox .in .tt{margin: 0.5em auto 0;}
.sns-content .box_02 .item-gr .itembox .in .xi{font-size: 60px; width: 1.2em; height: 1.2em; border-radius: 10px; color: #fff; line-height: 1.2em; margin: 0 auto;}
.sns-content .box_02 .item-gr .itembox .in .xi-facebook{background:#1673e8}
.sns-content .box_02 .item-gr .itembox .in .xi-kakaostory{background:#ffe100}
.sns-content .box_02 .item-gr .itembox .in .xi-instagram{background: linear-gradient(210deg, #833ab4, #fd1d1d, #fcb045);}
.sns-content .box_03{background: #f2f2f2; padding: 8em 0 0; text-align: center}
.sns-content .box_03 .ti_box .tt{margin: 0 auto}
.sns-content .box_03 .item-gr{padding: 0}
.sns-content .box_03 .item-gr .imgbox{width: 80%; margin: 6em auto 8em;}
.sns-content .box_04{padding: 4em 0 0;}
.sns-content .box_04 .ti_box{text-align: center}
.sns-content .box_04 .ti_box .tt{margin:0 auto 1em;}
.sns-content .box_04 .item-gr{text-align: left;margin: 0 auto}
.sns-content .box_04 .item-gr > li{width: 50%}
.sns-content .box_04 .item-gr .in{margin: 2em}
.sns-content .box_04 .item-gr .in .imgbox{width: 80px;height: 80px; object-fit: cover}
.sns-content .box_04 .item-gr .in .textbox{margin-left: 30px;}
.sns-content .box_04 .item-gr .in .textbox .ti{font-weight: 600}
.sns-content .box_04 .item-gr .in .textbox .tt{color: #555;}



/* 언론보도 press */
.press-content .cont .box .wrap .ti_box{padding: 2em 0;}
.press-content .cont .box .wrap .ti_box .ti{font-weight: 600; width: 33.33%}

.press-content{padding-bottom: 3em;}
.press-content .cont{}

.press-content .cont .box_01{padding: 5em 0 9em;}
.press-content .cont .box_01 .ti_box{width: 33.33%;}
.press-content .cont .box_01 .ti_box .ti{}
.press-content .cont .box_01 .box-ul{width: 66.66%;}
.press-content .cont .box_01 .box-ul > li{display: flex; border-bottom: 1px solid #ddd;}
.press-content .cont .box_01 .box-ul > li:last-child{border-bottom: none;}
.press-content .cont .box_01 .box-ul .icon{width: 20%;padding: 3em 0}
.press-content .cont .box_01 .box-ul .icon img{display: block; width: 70px; margin: 0 auto}
.press-content .cont .box_01 .box-ul .textbox{margin: auto 0; width: 80%;}
.press-content .cont .box_01 .box-ul .textbox .tt{}
.press-content .cont .box_02{background-image: url('/theme/responseweb/img/sub/pre04.jpg'); padding: 5em 0 9em;}
.press-content .cont .box .wrap .ti_box .tt{width: 66.66%}
.press-content .cont .box_02 .wrap .ti_box .ti{width: 33.33%;}
.press-content .cont .box_02 .wrap .logogr{width: 80%; height: auto; margin: 2em auto;}
.press-content .cont .box_02 .wrap .logogr img{ width: 100%; height: auto;}
.press-content .cont .box_03{padding: 8em 0 8em;}
.press-content .cont .box_03 .wrap .ti_box .tt{width: 66.66%}
.press-content .cont .box_03 .wrap .imgbox{width: 100%; height: 400px; border-radius: 10px; overflow: hidden}
.press-content .cont .box_03 .wrap .imgbox img{width: 100%; height: 100%!important; object-fit:cover;}




/* 인플루언서 */
.influ-content{padding-bottom: 3em;}
.influ-content .cont{}
.influ-content .cont .ti_box{width: 50%;margin: auto auto; padding: 4em}
.influ-content .cont .ti_box .ti{margin-bottom: 0.5em;}
.influ-content .cont .ti_box .tt{font-weight: 400; margin: 0 auto;}
.influ-content .cont .item-gr{border:1px solid #ddd; border-radius: 10px;padding: 4em 0 0;}
.influ-content .cont .item-gr .tt{width: 100%}
.influ-content .cont .item-gr .imgbox{width: 50%;overflow: hidden}
.influ-content .cont .box{padding: 2em 0}
.influ-content .cont .box_01{}
.influ-content .cont .box_01 .item-gr .tt{padding: 0}
.influ-content .cont .box_02{}
.influ-content .cont .box_03{}
.influ-content .cont .box_04{}
.influ-content .cont .box_04 .ti_box{width: 100%; text-align: center}
.influ-content .cont .box_04 .box-ul{width: 70%; margin: 0 auto}
.influ-content .cont .box_04 .box-ul > li{width: 50%;}
.influ-content .cont .box_04 .box-ul .in{height: 200px; border: 1px solid #ddd; border-radius: 10px;margin: 0 10px 10px 0;}
.influ-content .cont .box_04 .box-ul .icon{width: 50px; height: 50px;margin: 3em auto 1em;}
.influ-content .cont .box_04 .box-ul .textbox{text-align: center}
.influ-content .cont .box_04 .box-ul .textbox .ti{}
.influ-content .cont .box_04 .box-ul .textbox .tt{}
.influ-content .cont .box_04 .box-ul .ti-li{width: 100%; padding: 2em 0;background: rgba(0,68,253,0.5); color:#fff; border-radius: 10px; text-align: center}




/* 유튜브광고 */
.you-content{}
.you-content .cont{}
.you-content .cont .title{}
.you-content .cont .title .ti{}
.you-content .cont .box{margin: 9em 0 7em;}
.you-content .cont .box .ti_box{margin-bottom: 2em}
.you-content .cont .box_01{}
.you-content .cont .box_01 .item-gr{background:url('/theme/responseweb/img/sub/you01.jpg');background-size: cover; width: 100%; height: 400px; border-radius: 10px; position: relative}
.you-content .cont .box_01 .item-gr .textbox{width: 50%;background: #fff; border-radius: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-10%,-20%); padding: 3em 3em}
.you-content .cont .box_01 .item-gr .textbox .ti{}
.you-content .cont .box_01 .item-gr .textbox .tt{padding: 0}
.you-content .cont .box_02{}
.you-content .cont .box_02 .box-ul{}
.you-content .cont .box_02 .box-ul > li{width: 33.33%}
.you-content .cont .box_02 .box-ul .in{margin: 0 auto;}
.you-content .cont .box_02 .box-ul .in .icon{width: 60%; margin: 0 auto;}
.you-content .cont .box_02 .box-ul .in .textbox{border: 1px solid #ddd; border-radius: 10px; height: 200px; margin-right: 10px;text-align: center; padding: 2em; }
.you-content .cont .box_02 .box-ul .in .textbox .ti{}
.you-content .cont .box_02 .box-ul .in .textbox .tt{}
.you-content .cont .box_03{}
.you-content .cont .box_03 .ti_box{text-align: center}
.you-content .cont .box_03 .ti_box .ti{}
.you-content .cont .box_03 .ti_box .tt{margin: 0 auto}
.you-content .cont .box_03 .item-gr{width: 90%; height: 400px; margin: 0 auto 4em; border-radius: 10px; position: relative; color:#fff}
.you-content .cont .box_03 .item-gr .textbox{position: absolute; top: 30%; left: 10%; width: 30%}
.you-content .cont .box_04{}
.you-content .cont .box_04 .ti_box{text-align: center}
.you-content .cont .box_04 .ti_box .ti{}
.you-content .cont .box_04 .ti_box .tt{margin: 0 auto}
.you-content .cont .box_04 .box-ul{width: 100%; margin: 0 auto}
.you-content .cont .box_04 .box-ul > li{width: 25%}
.you-content .cont .box_04 .box-ul .in{border: 1px solid #ddd; border-radius: 10px;margin:10px; text-align: center; height: 400px; padding: 0 10px;}
.you-content .cont .box_04 .box-ul .in .icon{width: 50px; height: 50px; margin: 1em auto}
.you-content .cont .box_04 .box-ul .in .textbox{margin: 3em 0}
.you-content .cont .box_04 .box-ul .in .textbox .ti{margin: 0.5em 0}
.you-content .cont .box_04 .box-ul .in .textbox .tt{margin: 0 auto}
.you-content .cont .box_05{background-image: url('/theme/responseweb/img/sub/pre04.jpg');text-align: center; padding: 7em}
.you-content .cont .box_05 .ti_box .tt{margin: 0 auto}




/* //오프라인 마케팅 local */
/* 지역밀착광고 local */
.local-content{padding: 6em 0 7em;}
.local-content .wrap{}
.local-content .cont1{}
.local-content .cont1 .imgbox{border-radius:10px; overflow: hidden; width: 100%; height: 350px; margin: 1em 0}
.local-content .cont1 .imgbox img{width: 100%; height: 100%!important; object-fit: cover;}
.local-content .cont1 .textbox{padding: 2em 0}
.local-content .cont1 .textbox .twbox .bold{font-weight: 600;}
.local-content .cont2{margin: 0 auto;}
.local-content .cont2 .textbox{margin-right:-60px}
.local-content .cont2 .textbox > li{width: 25%;position: relative;}
.local-content .cont2 .textbox li .in{height:90%;margin: 40px 60px 0 0; border-radius: 10px; text-align: center; padding: 2em 0.5em; background: #f2f2f2;}
.local-content .cont2 .textbox li .in::before{display: block; content: "";font-family : xeicon; font-size: 25px; position: absolute; color:#bbb; top: 60%; left: 86%; transform: translateY(-50%);}
.local-content .cont2 .textbox li .lc::before{display: none;}
.local-content .cont2 .textbox li .lc{}
.local-content .cont2 .textbox li img{width: 55px; height: auto; margin: 0 auto}
.local-content .cont2 .textbox li .tt{margin:25px auto auto; font-weight: 400; color: #444; font-size:16px; padding: 0 20px}
.local-content .cont3{margin-top: 6em}
.local-content .cont3 .textbox{padding-bottom: 1em}
.local-content .cont3 .textbox > li{width: 33.33%}
.local-content .cont3 .textbox .in{margin: 2em 10px 0 0; position: relative}
/*.local-content .cont3 .textbox .in::before{display: block; content: ''; position: absolute; top:10px; left: -10px; background: #333; width: 3px; height: 3px; border-radius: 10px}*/
.local-content .cont3 .textbox .in .tw{position: absolute; bottom: 10px; left: 20px; color: #fff; z-index: 1}
.local-content .cont3 .imgbox{width: 100%; background: #ddd;  border-radius: 10px; overflow: hidden;}
.local-content .cont3 .imgbox:before{display: block; content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px;background: linear-gradient(rgb(255,255,255, 0.3) 30%, #000 80%); opacity: 0.6;}
.local-content .cont3 .imgbox img{width: 100%; height: 100%; object-fit: cover}





/* 매체광고 media*/
.media-content{}
.media-content .me-btn{width: 200px; height: 60px; border-radius: 10px; background-color: #fff; border: 1px solid #ddd;
	display: flex; align-items: center; justify-content: center; transition: 0.5s; margin: 1em 0 0 1em}
.media-content .me-btn .va{color:#666; font-size:16px;}
.media-content .me-btn:hover{background-color: #fff; border: 1px solid #086fc4; color:#086fc4!important;}
.media-content .me-btn.on{background-color: #086fc4;}
.media-content .me-btn.on .va{color:#fff;}
.media-content .idx{padding: 3em 0 8em;}
/*.media-content .idx .me-ti{color:#fff; -webkit-text-stroke: 1px #ddd;padding: 6em 0 0;}
.media-content .idx .me-ti .ti{margin-bottom: -70px; font-size:7em}
.media-content .idx .me-tt{padding: 3em 0; background: #ddd;border-radius: 10px; border-radius: 10px}
.media-content .idx .me-tt .ti{font-weight: 700; text-align: center; color: #fff; -webkit-text-stroke: 1px #999;font-size: 4em;}*/
.media-content .idx .cont{width:100%; margin: 0 auto;}
.media-content .idx .cont .textbox{margin: 5em 0 1em}
.media-content .idx .cont .textbox .ti{font-weight: 600;}
.media-content .idx .cont .textbox .tt{}
.media-content .idx .cont .te_box{margin: 2em 0 1em}
.media-content .idx .cont .te_box .ti{font-weight: 600; color:#086fc4}
.media-content .idx .cont .te_box .tt{}
.media-content .idx .cont .imgbox{margin: 0 auto}
.media-content .idx .cont .imgbox > li{width: 25%}
.media-content .idx .cont .imgbox .in{height: auto; margin-right: 10px;margin-bottom: 10px;border-radius: 10px;overflow: hidden; position: relative}
.media-content .idx .cont .imgbox .in a{width: 100%; height: 100%;}
.media-content .idx .cont .imgbox .in img{width: 100%; height: 100%; object-fit: cover}
.media-content .idx .cont .imgbox .tt{position: absolute; left: 0; bottom: 0;color: #fff; background: rgb(0,0,0,0.8); padding: 0.2em 1em; font-size:14px;}
.media-content .idx .cont .imgbox .ta{position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;border: 1px solid #fff;padding: 0.5em 0.8em;font-size:14px;}
.media-content .idx .cont .img_box{width:100%; height: auto; border-radius: 10px; overflow: hidden;}
.media-content .idx .cont .img_box img{display: block;width:100%; height: 100%;object-fit: cover}

.media-content .idx .cont .imgbox1{width:50%;}
.media-content .idx .cont .imgbox1 .in{height: auto;margin-right: 10px;margin-bottom: 10px;border-radius: 10px;overflow: hidden;position: relative;}
.media-content .idx .cont .imgbox1 .in img{width:100%;height: 100%; object-fit: cover}
.media-content .idx .cont .imgbox2{width:50%}
.media-content .idx .cont .imgbox2 > li{width:50%;}

.media-content .idx .cont .box_item1{margin: 2em 0 2em}
.media-content .idx .cont .box_item1 .in .box1{width: 200px;height: 200px;border: 1px solid #086fc4;border-radius: 50%; margin-right: -20px}
.media-content .idx .cont .box_item1 .in .box1 .tt{color: #086fc4}
.media-content .idx .cont .box_item1 .ttbox{}
.media-content .idx .cont .box_item1 .ttbox .tt{}

.media-content .idx .cont .box_item2{}
.media-content .idx .cont .box_item2 .in{}
.media-content .idx .cont .box_item2 .in .ti{color: cornflowerblue;}
.media-content .idx .cont .box_item2 .in .tt{}
.media-content .idx .cont .box_item2 .tc{text-align: center}
.media-content .idx .cont .box_item2{margin: 0 auto;}
.media-content .idx .cont .box_item2 .in_box{margin-right:-60px; margin-bottom: 10px}
.media-content .idx .cont .box_item2 .in_box > li{width: 25%;position: relative;}
.media-content .idx .cont .box_item2 .in_box li .in{height:130px;margin-right:60px;margin-bottom: 10px; border-radius: 10px; text-align: center; padding: 2em 0.5em; border: 1px solid #ddd }
.media-content .idx .cont .box_item2 .in_box li .in::before{display: block; content: "";font-family : xeicon; font-size: 25px; position: absolute; color:#bbb; top: 50%; left: 86%; transform: translateY(-50%);}
.media-content .idx .cont .box_item2 .in_box li .lc::before{display: none;}
.media-content .idx .cont .box_item2 .in_box li img{width: 55px; height: auto; margin: 0 auto}
.media-content .idx .cont .box_item2 .in_box li .tt{margin:5px auto auto; font-weight: 400; color: #444; font-size:16px; padding: 0 20px}



.media-content .idx .cont .box_item3{margin: 0 auto 10em; }
.media-content .idx .cont .box_item3 .text_box{margin-right:-60px; margin-bottom: 1em}
.media-content .idx .cont .box_item3 .text_box > li{width: 20%;position: relative;}
.media-content .idx .cont .box_item3 .text_box li .in{height:160px;margin-right:60px;margin-bottom: 10px; border-radius: 10px; text-align: center; padding: 2em 0.5em; border: 1px solid #ddd }
.media-content .idx .cont .box_item3 .text_box li .in::before{display: block; content: "";font-family : xeicon; font-size: 25px; position: absolute; color:#bbb; top: 50%; left: 84%; transform: translateY(-50%);}
.media-content .idx .cont .box_item3 .text_box li .lc::before{display: none;}
.media-content .idx .cont .box_item3 .text_box li .tt{font-weight: 400; color: #444; font-size:13px; padding: 0 20px}
.media-content .idx .cont .box_item3 .iconbox{width: 50px; height: 60px;margin:0 auto}


.media-content .idx .cont .box_item4{margin: 0 auto 10em; }
.media-content .idx .cont .box_item4 .text_box{margin-right:-60px; margin-bottom: 1em}
.media-content .idx .cont .box_item4 .text_box > li{width: 25%;position: relative;}
.media-content .idx .cont .box_item4 .text_box li .in{height:180px;margin-right:60px;margin-bottom: 10px; border-radius: 10px; text-align: center; padding: 2em 0.5em; border: 1px solid #ddd }
.media-content .idx .cont .box_item4 .text_box li .in::before{display: block; content: "";font-family : xeicon; font-size: 25px; position: absolute; color:#bbb; top: 50%; left: 84%; transform: translateY(-50%);}
.media-content .idx .cont .box_item4 .text_box li .lc::before{display: none;}
.media-content .idx .cont .box_item4 .text_box li .tt{font-weight: 400; color: #444; font-size:13px; padding: 0 20px}
.media-content .idx .cont .box_item4 .iconbox{width: 50px; height: 60px;margin:0 auto}

.media-content .idx .cont .menu-ul{margin-top: 4em}
.media-content .idx .cont .menu-ul > li{width:16%}
.media-content .idx .cont .menu-ul .in{text-align: center}
.media-content .idx .cont .menu-ul .in .ti{padding: 0.4em 0; background: #f2f2f2; border: 1px solid #ddd; color: #333; margin: 0.5em;}


.media-content .idx .cont .in_cont .contbox1{width:75%}
.media-content .idx .cont .in_cont .contbox1 .imgbox > li{width:33.33%}
.media-content .idx .cont .in_cont .contbox2{width:25%}
.media-content .idx .cont .in_cont .contbox2 .imgbox > li{width:100%}

.media-content .idx .cont .item1{width: 100%; max-width: 100%;margin: 6em 0;}
.media-content .idx .cont .item1 > div{width: 50%;}
.media-content .idx .cont .item1 .img-box{height: 500px; border-radius:10px; overflow: hidden;}
.media-content .idx .cont .item1 .text-box{padding: 6em 4em;}
.media-content .idx .cont .item1 .text-box .ti{margin-bottom: 0.5em;}
.media-content .idx .cont .item2{background: #f2f2f2; margin: 2em 0; padding: 4em 0; text-align: center;}
.media-content .idx .cont .item2 .icbox{margin: 4em -20px 4em 0}
.media-content .idx .cont .item2 .icbox > li{width:16%}
.media-content .idx .cont .item2 .icbox .in{border: 1px solid #ddd; background: #fff;  margin-right: 20px; border-radius:10px;height: 180px;padding-top: 20px;}
.media-content .idx .cont .item2 .icbox .xi{font-size: 4em;background: #f2f2f2;border-radius: 50%;padding: 10px;margin-bottom: 10px;color: cornflowerblue;}
.media-content .idx .cont .item3{margin-top: 6em}
.media-content .idx .cont .item3 .imgbox{margin-top:2em}
.media-content .idx .cont .item4{width: 100%; max-width: 100%;margin: 6em 0;}
.media-content .idx .cont .item4 .img-box{height: 400px; border-radius:10px; overflow: hidden;}
.media-content .idx .cont .item4 .img-box{width: 100%; height: 100%; object-fit: cover;}
.media-content .idx .cont .item4 .text-box{padding-top: 3em;}
.media-content .idx .cont .item4 .text-box .ti{margin-bottom: 0.5em;}



/*  H.I */
.hi_content{}
.hi_content .con_title .tt{margin-bottom: 1em; width: 80%}
.hi_content .cont1 .item_group{margin:6em 0;}
.hi_content .cont1 .item_group .item{padding: 4em 0; width: 200px; height: 200px;text-align: center; border-radius: 50%; border: 1px solid #ccc; color:rgb(8 111 196)}
.hi_content .cont1 .item_group .item:nth-child(5){background: rgb(8 111 196/ 1);color:#fff}
.hi_content .cont1 .item_group .item .ti{margin-bottom: 10px; font-size: 16px}
.hi_content .cont1 .item_group .item .tt{font-size: 18px; font-weight: 600;}
.hi_content .cont2{max-width: 100%; width: 100%;margin: 0 auto; background: #f2f2f2; padding: 6em 0}
.hi_content .cont2 .item{width: 33.33%;}
.hi_content .cont2 .item .textbox{ border: 1px solid #ddd; border-radius: 10px;padding: 2.6em; margin: 0 10px 10px 0; min-height: 320px;background: #fff; position: relative;transition: 0.5s}
.hi_content .cont2 .item .textbox .t1{margin-bottom: 10px}
.hi_content .cont2 .item .textbox .t2{}
.hi_content .cont2 .item .textbox .t2 .tt{position: relative; margin-left: 10px;}
.hi_content .cont2 .item .textbox .t2 .tt:before{display: block; content: ''; background: #999; position: absolute; top: 10px; left: -10px; width: 3px; height: 3px; border-radius:50%;}
.hi_content .cont2 .item .textbox .icon{position: absolute;bottom: 0.1em;right: 20px;font-size: 7em;color: rgb(42 118 185 / 10%);transition: 0.5s}
/*.hi_content .cont2 .item .textbox:hover{border: 1px solid #999;}
.hi_content .cont2 .item .textbox:hover .icon{color: rgb(42 118 185 / 40%);}*/

.hi_content .cont3 .ti_box{margin:6em 0 4em;}
.hi_content .cont3 .item{width:100%; max-width: 100%;}
.hi_content .cont3 .item > li{width: 25%}
.hi_content .cont3 .item .in{height: 100px;margin-right: 10px}
.hi_content .cont3{width:100%}
.hi_content .cont3 .imgbox{width: 60%; margin: 0 auto}


/* 홈페이지제작 */
.page-content{}
.page-content .cont{}
.page-content .cont .title{text-align: center}
.page-content .cont .title .ti{}
.page-content .cont .box{margin:7em 0;}
.page-content .cont .box .ti_box{}
.page-content .cont .box_01{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 5em 0; text-align: center}
.page-content .cont .box_01 .ti_box{ margin: 0 1em}
.page-content .cont .box_01 .se02 > li{width: 10%}
.page-content .cont .box_01 .in{margin-top: 2em;text-align: center;}
.page-content .cont .box_01 .in .tt{ margin: 0 1em; color: #555;}
.page-content .cont .box_01 .in .xi{ font-size: 2.5em;color:cornflowerblue;}
.page-content .cont .box_01 .in .xi-hospital{}
.page-content .cont .box_01 .in .xi-layout-aside-o{}
.page-content .cont .box_01 .in .xi-image-o{}
.page-content .cont .box_01 .in .xi-group{}
.page-content .cont .box_02{}
.page-content .cont .box_02 .box-ul{width: 100%; margin: 0 auto}
.page-content .cont .box_02 .box-ul > li{width: 50%}
.page-content .cont .box_02 .box-ul .in{margin:4em 2em; text-align: center}
.page-content .cont .box_02 .box-ul .in .mock{}
.page-content .cont .box_02 .box-ul .in .ti{margin: 2em auto}
.page-content .cont .box_03{background: url('/theme/responseweb/img/main/ad01.jpg') ;text-align: center;padding: 7em 0}
.page-content .cont .box_03{}
.page-content .cont .box_03 .ti_box{margin-bottom: 2.5em}
.page-content .cont .box_03 .ti_box .ti{color: #fff;}
.page-content .cont .box_03 .ti_box .tt{color: #fff; margin: 0 auto}
.page-content .cont .box_03 .btn-w{width: 200px; height: 60px; border-radius: 10px; background-color: #006ab8; transition: 0.5s; margin: 0 auto}
.page-content .cont .box_03 .btn-w a{color: #fff; width: 100%; height: 100%;display: flex; align-items: center; justify-content: center;font-size: 16px;}
.page-content .cont .box_03 .btn-w a .xi{font-size: 18px;}


/* 상담문의 */
.inq_cont .in_box .inq_info > li:nth-child(1) .stt{margin-right: 0; display: inline-block; width:80px;}
.inq_cont .in_box .inq_info > li .stt{margin-right: 0; display: inline-block; width:50px;}
.label_st .bold{font-weight:600}

/*개인정보처리방침*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:10px; margin: 0 0 100px 0;}
.agree_box .in_con{ padding:2em; border:1px dashed #ddd; margin:1em; background:#fff;}
.agree_box .in_con .priv_tt{font-size:1.25em; margin-bottom:15px;}

.sample_wrap{margin-right:-15px;}
.sample_wrap li{width:33.33%; margin-bottom:25px;}
.sample_wrap li .in{border:1px solid #ddd; margin-right:15px; transition: .3s; background-color: #fff; border-radius: 10px; overflow: hidden;}
.sample_wrap li .in .img_z{height:300px; position: relative;}
.sample_wrap li .in .img_z a{width:100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; opacity: 0; transition: .3s;}
.sample_wrap li .in .img_z:hover a{opacity: 1;}
.sample_wrap li .in .img_z a .xi{font-size: 3em; color:#ddd;}
.sample_wrap li .in .txt_z{padding:20px; border-top: 1px dotted #ddd;}
.sample_wrap li .in .txt_z .sm_name{font-size:1.5em; font-weight: 600;}
.sample_wrap li .in .txt_z .pot_in_btn a{border:1px solid #ccc; border-radius: 50px; padding:10px 15px; transition: .3s; font-size:1.068em; color:#333;}
.sample_wrap li .in .txt_z .pot_in_btn a:hover{background-color:#086fc4; border-color:#086fc4; color:#fff;}
.sample_wrap li .in .txt_z .pot_in_btn .xi{font-size:.875em;}