@charset "utf-8";


.doc{font-size: 16px;} 
.box0{ width: 95%; margin:0 auto; position: relative;}
.box1{ width:1400px;max-width: 96%; margin:0 auto; position:relative } 
.box2{ width:1000px;max-width: 96%; margin:0 auto; position:relative } 
.box3{ width:1800px;max-width: 96%; margin:0 auto; position:relative } 
.box4{ width:100%;max-width: 100%; margin:0 auto; position:relative; padding:0 150px;} 
.mobile_only{display:none!important;}

/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; background-color:#fff;}
#header .va_wrap,
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:800;}
#header #logo img{display:block;}
#header .gnb_wrap{margin:0 auto;}
#header .gnb_wrap .gnb .depth1{margin:0 40px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{font-size: 1.125em; line-height: inherit; font-weight:400; color:#111; position: relative;}
#header .gnb_wrap .gnb .depth1 > ul{background:#fff; min-width: 160px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0 }
#header .gnb_wrap .gnb .depth1 > ul:after{content: ""; position: absolute; left: 0; top: -2px; width: 100%; height:5px; background-color:var(--mainColor); transform: scaleX(0); transition: .3s;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; padding: 15px 10px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb_wrap .gnb .depth1:hover ul{ max-height:500px; opacity:1 }
#header .gnb_wrap .gnb .depth1:hover > ul:after{transform: scaleX(1);}

/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#fff; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#fff; width:100%; height: 45px; padding:5px 55px 5px 20px; font-size:.95em; box-sizing: border-box;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:rgba(255,255,255,.8)!important;}
#header .hd_sch_wr #hd_sch button{border:0; background-color:var(--mainColor); width:38px; height: 38px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:4px; border-radius: 50%; font-size:.9em;}

/*회원*/
#header .hd_login{margin-left:20px;}
#header .hd_login > li a{color:#fff; margin-left:15px; font-weight: 300;}
#header .hd_login > li:first-child a{margin-left:0px;}
#header .hd_login > li .xi{vertical-align: baseline; margin-right:4px;}

/*전체메뉴버튼*/
#header .btn_gnb{width:30px; height: 30px; position: relative; z-index: 10000; cursor: pointer;}
#header .btn_gnb span{display:block; width:5px; height: 5px; border-radius: 50%; background-color: #666; transition: .3s;}
#header .btn_gnb span:nth-child(1){position:absolute; top: 0; left: 0; background-color: var(--subColor2);}
#header .btn_gnb span:nth-child(2){position:absolute; top: 0; left: 50%; transform: translateX(-50%);}
#header .btn_gnb span:nth-child(3){position:absolute; top: 0; right: 0; background-color: var(--subColor);}
#header .btn_gnb span:nth-child(4){position:absolute; top: 50%; left: 0; transform:translateY(-50%);}
#header .btn_gnb span:nth-child(5){position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%);}
#header .btn_gnb span:nth-child(6){position:absolute; top: 50%; right: 0; transform:translateY(-50%);}
#header .btn_gnb span:nth-child(7){position:absolute; bottom: 0; left: 0; background-color: var(--subColor1);}
#header .btn_gnb span:nth-child(8){position:absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#header .btn_gnb span:nth-child(9){position:absolute; bottom: 0; right: 0;  background-color: var(--subColor3);}
#header .btn_gnb.on span:nth-child(2){position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); background-color:var(--mainColor);}
#header .btn_gnb.on span:nth-child(4){position:absolute; left: 50%; transform:translate(-50%, -50%); background-color:var(--mainColor);}
#header .btn_gnb.on span:nth-child(6){position:absolute; right: 50%; transform:translate(50%, -50%); background-color:var(--mainColor);}
#header .btn_gnb.on span:nth-child(8){position:absolute; bottom: 50%; transform:translate(-50%, 50%); background-color:var(--mainColor);}
#header .btn_gnb:hover span:nth-child(2),
#header .btn_gnb:hover span:nth-child(4),
#header .btn_gnb:hover span:nth-child(6),
#header .btn_gnb:hover span:nth-child(8){ background-color:var(--mainColor);}


/*탑버튼*/
.qk_list{position:fixed; bottom:15px; right:15px; z-index: 800;}
.qk_list > li a{display:block; width:50px; height: 50px; line-height: 50px; border-radius: 50%; font-size:1.25em; text-align: center; margin-top:3px; transition: .3s;}
.qk_list > li a:hover{box-shadow: 3px 3px 7px rgba(0,0,0,0.15);}
.qk_list > li.top_btn a{background-color:#333; color:#fff;}
.qk_list > li.kakao_btn a{background-color:#fae100; color:#3c1e1e;}
.qk_list > li.blog_btn a{background-color:#03c75a; color:#fff;}

.qk_dn.mo_inq_w{display:none!important;}
.qk_dn{position: fixed; top: 339px; /*transform: translateY(-50%);*/ right: 1em; z-index: 100; font-size:16px;}
.qk_dn > li{  position: relative;}
.qk_dn > li > a{display: block; width: 75px; height: 75px; text-align: center;  border-radius: 8px; font-size: 1.65em;  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); border:1px solid var(--subColor); margin-bottom: 3px;}
.qk_dn > li .tt{font-size:.47em; display: block;}
.qk_dn > li .qk_down{background-color: #fff; color: #0b38b5;}
.qk_dn > li .qk_contact{background-color: var(--subColor); color: #fff;}
.qk_dn > li .qk_online{background-color:var(--subColor); color: #fff;}
.inq_box{ position:absolute; top:0%; right: -410px; /*transform:translateY(-50%);*/ width:345px; transition: .3s; background-color: #0b38b5; box-sizing: border-box; padding: 1.5em; border-radius: 4px;}
.inq_box.on{right: 0;}
.inq_box .inq_close{position: absolute; top: 50%; transform: translateY(-50%); left: -38px; padding: 13px 12px; background: #0b38b5; color: #fff; border-radius: 10px 0 0 10px; cursor: pointer;}
.inq_box .inq_tt{color:#fff; font-weight: 300; margin-bottom:20px;}
.inq_box .inq_tt .st_01{font-weight:600; font-size: 1.25em;}
.inq_box .inq_con{background-color:#fff; border-radius: 10px; padding:1.5em;}
.inq_box .inq_con .in_tt{font-size:1.25em; margin-bottom:15px; display:none;}
.inq_box .inq_con .inq_input{}
.inq_box .inq_con .inq_input .in_form .inp_wrap{ position:relative; margin-bottom:2px;}
.inq_box .inq_con .inq_input .in_form .inp_wrap .xi{ position:absolute; left:0; top:0; width:55px; line-height:45px; font-size:1.5em; text-align:center; z-index: 10;}
.inq_box .inq_con .inq_input .in_form .inp_wrap .inp{ padding:0 10px 0 60px; width:100%; height:45px; line-height:45px; box-sizing:border-box; border:1px solid #ddd; color:#444; font-size:.938em; border-radius: 3px;}
.inq_box .inq_con .inq_input .in_form .inp_wrap .inp:focus{ color:#111}
.inq_box .inq_con .inq_input .in_form .inp_wrap .label_select{width:100%;}
.inq_box .inq_con .inq_input .in_form .btn_wrap{width:100%; margin-top:4px; font-size:.938em;}
.inq_box .inq_con .inq_input .in_form .btn_wrap .btn{  width:100%; height:50px; color:#fff; text-align:center; background:#333; font-size:1.068em; border-radius: 4px; margin-top:2px; border-color: #333;}
.inq_box .inq_con .inq_input .in_form .label_st:not(.cssbrowser) .xi:before{padding-right:0;}
.inq_box .inq_con .inq_input .in_form .label_st:not(.cssbrowser) input ~ span{vertical-align:baseline; font-size:.938em;}
.inq_box .inq_con .inq_input .in_form .btn_wrap .label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before{content: "\e92c";}
.inq_box .inq_home{margin-top:10px; margin-right:-12px;}
.inq_box .inq_home .in{flex:50%; }
.inq_box .inq_home .in_btn{color: #fff; background: #3662dd; padding: 17px 20px; display: block; border-radius: 10px; margin-right:12px; text-align: center;}
.inq_box .inq_home .in_btn .xi{font-size:1.825em; display:block; margin-bottom: 3px;}

.qk_dn > li .qk_cs{ position: relative; right:-100px; color:var(--subColor); background-color: #fff; transition: .5s;}
.qk_dn > li .qk_cs.on{right:0;}
.qk_dn .cs_box{  position: absolute; bottom:0; right: -400px; width:310px; transition: .5s; background-color: #fff; box-sizing: border-box; padding: 1.5em 1.5em 1em; border-radius: 10px; border:1px solid #ddd; min-height: 190px; z-index: 10;}
.qk_dn .cs_box.on{right: 0;}
.qk_dn .cs_box .cs_close{position: absolute; top: 19px; right:15px; color: #333; cursor: pointer; font-size:1.125em;}
.qk_dn .cs_box .cs_tt{font-size:1.375em; font-weight: 600; line-height:1; margin-bottom: 15px;}
.qk_dn .cs_box .cs_tt .xi{ vertical-align: text-top;}
.qk_dn .cs_box .cs_tx{color:#666; margin:5px 0 16px; /*padding-bottom:12px; border-bottom:1px solid #aaa;*/ font-size:.9em; line-height: 1.3;}
.qk_dn .cs_box .cs_tel{font-size:1.75em; margin:5px 0; color:var(--subColor); line-height: 1;}
.qk_dn .cs_box .cs_tel2{font-size:1.375em; margin-top:5px; color:var(--subColor); }
.qk_dn .cs_box .cs_time{font-size:.825em; color:#555; line-height: 1.3; /*margin-bottom: 10px; border-bottom:1px dashed #ccc; padding-bottom:10px;*/}




/*footer*/
.main #footer{margin-top:0;}
#footer{background-color:#222; padding:70px 0 40px; margin-top:9em;}
#footer .f_left{width:calc(100% - 400px);}
#footer .f_right{width:400px;}
#footer .f_menu{margin-bottom:25px;}
#footer .f_menu li{}
#footer .f_menu li a{color:#999; font-size:1.068em; font-weight: 500; margin-right:25px; transition: .3s;}
#footer .f_menu li a:hover{color:#ccc;}
#footer .f_logo{margin-bottom:25px;}
#footer .f_info > li{ margin-right:70px; margin-bottom: 10px;}
#footer .f_info > li:last-child{width:100%;}
#footer .f_info > li .in_stt{color:#888; font-weight: 300;}
#footer .f_info > li .in_tx{color:#bbb; font-size:1.068em; font-weight: 600;}
#footer .f_info > li .in_tx span:not(:last-child){margin-right:30px;}
#footer .f_site .site_wrap{ position:relative; width: 180px; margin-top:20px;}
#footer .f_site .site_wrap .siteBtn{ display: block; border:1px solid #aaa; width: 100%; box-sizing: border-box; padding:.7em 2em .7em 2.5em; transition:.3s; font-size:1em; color: #aaa; border-radius:5px}
#footer .f_site .site_wrap .siteBtn .xi{ margin-left:10px; vertical-align:middle; font-size: .938em}
#footer .f_site .site_wrap .site{ position:absolute; left:0; z-index:10; bottom:0; margin-bottom:3.2em; width:100%; background:#fff; opacity:0; visibility:hidden; transition:.3s; border:1px solid #ccc; box-sizing:border-box; height: 0px; overflow: hidden;}
#footer .f_site .site_wrap:hover .site{ opacity:1; visibility:visible; height: auto; }
#footer .f_site .site_wrap .site > li{ border-bottom:1px solid #ddd; text-align: left;}
#footer .f_site .site_wrap .site > li > a{ display:block; font-size:.938em; padding:.5em 3em .6em 1em; font-weight:300; color:#333; overflow:hidden; position:relative; transition:.3s}
#footer .f_site .site_wrap .site > li > a .icon:before{ content:"\e980"; font-size:.813em; margin-right:.125em}
#footer .f_site .site_wrap:hover .siteBtn,
#footer .f_site .site_wrap .site > li:hover > a{ background:#444; border-color:#777; color:#fff; opacity:1} 
#footer .f_inq{font-size:2.75em; font-weight: 800; line-height: 1.3; display:block; text-align:right; color:#777; margin-top:30px; opacity: .6; transition: .3s;}
#footer .f_inq .st{color:#bbb;}
#footer .f_inq .xi{transform: rotate(-45deg);}
#footer .f_inq:hover{opacity: 1;}
#footer .f_copy{font-size:.875em; color:#fff; opacity: .4; margin-top:50px; letter-spacing: .5px; font-weight: 200;}


/*서브 비주얼*/
.sub_v_wrap{position: relative; margin-top:var(--header_H);}
#sub_visual{height:350px; position: relative; overflow: hidden;}
#sub_visual .bgfix{position:absolute; top: 0; left:0; width:100%; height: 100%; transform: scale(1.15); transition-timing-function: ease-in-out; transition: 1s;}
#sub_visual .sub_v_tit{ font-weight: 700; text-align:center; font-size:3.25em; color:#fff; position: relative; z-index: 10; margin-right:3em; opacity:0; transition:1s;}
.load #sub_visual .bgfix{transform: scale(1);}
.load #sub_visual .sub_v_tit{margin-right:0; opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_02.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_03.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_04.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_05.jpg);}
#sub_visual.sub60 .bgfix{background-image:url(../img/sub/sub_v_06.jpg);}
#sub_visual.sub70 .bgfix{background-image:url(../img/sub/sub_v_07.jpg);}
#sub_visual.sub80 .bgfix{background-image:url(../img/sub/sub_v_08.jpg);}

/*snb*/
#snb { position: absolute; bottom:2.5em; left:50%; transform: translateX(-50%); z-index: 10; opacity: 0; transition: 1.5s; width:96%; }
#snb .snb_all.st1 .sdp_list_wrap{text-align:center;}
#snb .snb_all.st1 .sdp_list{border-radius: 10px; overflow: hidden; box-shadow: 3px 4px 4.3rem 0px rgba(0,0,0,.2); display: inline-flex; background-color: #fff;}
#snb .snb_all.st1 .sdp_list li{width:12em;}
#snb .snb_all.st1 .sdp_list li a{height:60px; background-color: #fff; display: block; font-size:1.068em; position: relative; transition: .3s;}
#snb .snb_all.st1 .sdp_list li:not(:last-child) a:after{content:''; width:1px; height: 12px; background-color: #ccc; position: absolute; top: 50%; right:0; transform: translateY(-50%);}
#snb .snb_all.st1 .sdp_list li.on a,
#snb .snb_all.st1 .sdp_list li a:hover{ background-color:var(--mainColor); color:#fff;}

.load #snb{ opacity: 1;}

/*컨텐츠 페이지*/
.ctt_admin{display:none;}/*관리자 내용수정 버튼*/
#ctt header{display:none;}/*컨텐츠 페이지 타이틀 header*/

/*컨텐츠 타이틀*/
.container_title{font-size: 2.375em; padding-top: 35px; margin: 55px 0 50px; text-align: center; position: relative; font-weight: 300;}
.container_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%;}
.load .container_title:before{transform: scaleY(1); visibility: visible;} 

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}
.agree_pop .agree_wrap{font-size:.938em;}

/*=================================================================main============================================================*/

/*메인 비주얼*/
.mainSlider{position:relative;  margin-top:var(--header_H);}
.mainSlider:after{content:''; width:100%; height: 50%; background-color: #f3f3f3; position: absolute; bottom:0; left: 0; z-index: -1;}
.mainSlider > .box3{ border-radius: calc(var(--item_r) * 2); overflow:hidden;}
.mainSlider .el{ height:calc(100vh - 115px); position:relative; overflow:hidden}
.mainSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform:scale(1.2,1.2); transition-delay:1s}
.mainSlider .slogan{ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#fff;}
.mainSlider .slogan .t1{ font-size:4.25em; display:block; transform:translateY(1em); font-weight: 800; opacity:0; line-height: 1.2;}
.mainSlider .slogan .t2{ font-size:1.375em; font-weight: 600; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:30px;}
.mainSlider .slogan .t3{ font-size:1.25em; font-weight: 200; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:10px;}
.mainSlider .slogan .t4{ font-size:3em; font-weight: 700; transform:translateY(1em); opacity:0; line-height: 1.5; margin-top:40px;}
.mainSlider .slogan .t4 .xi{color:#fff; width:55px; height: 55px; line-height: 55px; border-radius: 50%; border:1px solid #fff; text-align: center; font-size:.65em; margin-right:5px;}
.mainSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:2s; transition-delay:0; transition-timing-function:ease-in}
.mainSlider .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .slogan .t2{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .slogan .t3{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}
.mainSlider .el.swiper-slide-active .slogan .t4{ transform:translateY(0); opacity:1; transition:1s; transition-delay:2s}

.mainSlider .txt_list{width: 50%; margin-left: auto;}
.mainSlider .txt_list > li{transform:translateY(1em); opacity:0;}
.mainSlider .txt_list > li .in{font-size: 2em; font-weight: 600; color: #333; padding: 15px 30px 15px 95px; background: #fff; border-radius: 50px; margin-bottom: 15px; box-shadow: 1px 3px 7px #666; overflow: hidden; position: relative;}
.mainSlider .txt_list > li .in:before{content: "\e928"; font-family:'xeicon'; position: absolute; top: 0; left: 0; width: 78px; height: 78px; line-height: 78px; color: #fff; text-align: center;}
.mainSlider .txt_list > li:nth-child(1) .in:before{background-color: #ffac41;}
.mainSlider .txt_list > li:nth-child(2) .in:before{background-color: #62b1fc;}
.mainSlider .txt_list > li:nth-child(3) .in:before{background-color: #b179ea;}
.mainSlider .txt_list > li:nth-child(4) .in:before{background-color: #00b797;}
.mainSlider .el.swiper-slide-active .txt_list > li:nth-child(1){ transform:translateY(0); opacity:1; transition:1s; transition-delay:.5s}
.mainSlider .el.swiper-slide-active .txt_list > li:nth-child(2){ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.mainSlider .el.swiper-slide-active .txt_list > li:nth-child(3){ transform:translateY(0); opacity:1; transition:1s; transition-delay:1.5s}
.mainSlider .el.swiper-slide-active .txt_list > li:nth-child(4){ transform:translateY(0); opacity:1; transition:1s; transition-delay:2s}


.mainSlider .main_v_control{position: absolute; top: 50%; transform: translateY(-50%); right: 40px; z-index: 1; color:#fff; text-align: center; width:90px;}
.mainSlider .main_v_control .main_b_btn{font-size:1.825em; cursor: pointer; opacity: .6;}
.mainSlider .main_v_control .main_b_btn:hover{opacity: 1;}
.mainSlider .main_v_control .main_v_pagen .swiper-pagination-bullet{display:none; width: auto; height: auto; border-radius: 0; background:transparent; opacity: 1; margin:10px 0; font-size:4.05em; font-weight: 700;}
.mainSlider .main_v_control .main_v_pagen .swiper-pagination-bullet.swiper-pagination-bullet-active{display:block;}


/*메인 inc*/
.main_tit{text-align:center; margin-bottom: 50px;}
.main_tit .t2{color:#111; font-weight: 800; font-size: 3.125em; line-height: 1.2;}
.main_tit .t3{color:#444; font-weight: 300; font-size:1.125em; margin-top:20px;}
.main_tit .t4{color:#444; font-weight: 600; font-size:1.625em; margin-top:20px;}
.btn_view{color:#fff!important; font-weight: 300; width:120px; height: 120px; line-height: 120px; text-align: center; border:1px solid #fff; border-radius: 50%; transition: .3s; display: block;}

/*온라인 마케팅*/
.marketing_cont{padding:120px 0; background-color: #f3f3f3;}
.marketing_cont .mk_slide{position: relative;}
.marketing_cont .mk_slide .in{ border-radius: var(--item_r); position: relative; overflow: hidden; height: 450px; display:block;}
.marketing_cont .mk_slide .in .bgfix{background-color:#aaa; position: absolute; top: 0; left: 0; width:100%; height: 100%; transition: .3s;}
.marketing_cont .mk_slide .in:hover .bgfix{transform: scale(1.1,1.1);}
.marketing_cont .mk_slide .in .in_tbox{z-index: 10; line-height: 1; padding: 25px 30px; position: absolute; bottom:0; left: 0; width:100%;}
.marketing_cont .mk_slide .in .in_tbox .in_icon{width:55px; height: 55px; border-radius: 50%; margin-right:15px;}
.marketing_cont .mk_slide .in .in_tbox .in_tt{font-size:1.625em; font-weight: 600; color:#fff;}
.marketing_cont .mk_slide .in .in_tbox .in_arr{font-size:1.375em; color:#fff; margin-left:auto;}
.marketing_cont .mk_slide .mc_control{ position: absolute; top: -70px;; right: 0;}
.marketing_cont .mk_slide .mc_control .xi{width:46px; height: 46px; line-height: 46px; border:1px solid #ccc; border-radius: 50%; text-align: center; color:#bbb; font-size:1.375em; cursor: pointer; margin-left:7px;}
.marketing_cont .mk_slide .mc_control .xi:hover{border-color:var(--mainColor); color:var(--mainColor);}
.marketing_cont .mk_slide .mk_pagen{width:100%; height: 5px; background: #ddd; position: relative; border-radius: 50px; overflow: hidden; margin-top:50px;}
.marketing_cont .mk_slide .mk_pagen .swiper-pagination-progressbar-fill{background-color:#555;}

/*텍스트 무브*/
.move_text{ overflow: hidden; background-color: #f3f3f3; height:115px; position: relative;}
.move_text .in_text{width:2900px; display: flex; white-space: nowrap; position: absolute; top: 0; right: 0;}
.move_text .in_text p{ font-size: 6.25em; font-weight: 900; line-height: 1.1; color:transparent; -webkit-text-stroke: .5px #666; padding-bottom:5px; padding-right: 20px; }

/*왜 메디케어인가요?*/
.why_cont{padding:50px 0 0; position: relative;}
.why_cont:after{content:''; width:100%; height: 50%; background-color: #f3f3f3; position: absolute; top:0; left:0; z-index: -1;}
.why_cont .why_bg{padding:110px 0; border-radius: var(--item_r); background-image: url(../img/main/why_bg.jpg); background-attachment: fixed;}
.why_cont .why_bg .main_tit{margin-bottom:0; text-align:left;}
.why_cont .why_bg .main_tit .t2{color:#fff;}
.why_cont .why_bg .main_tit .t4{color:#fff; margin-top:30px;}
.why_cont .why_bg .main_tit .t3{color:#fff; opacity: .9; margin-top:15px;}
.why_cont .why_bg .btn_view:hover{background-color:var(--mainColor); color:#fff; border-color:var(--mainColor);}


/*메디케어를 소개합니다*/
.company_cont{padding:120px 0 160px;}
.company_cont .in_box{padding-top:30px;}
.company_cont .in_box > li{width:16.66%;}
.company_cont .in_box > li .sb_box{display:block; text-align:center; padding:15px; border-right:1px solid #ddd; /*cursor: none;*/ height:100%;}
.company_cont .in_box > li:last-child .sb_box{border-right:0;}
.company_cont .in_box > li .sb_box .in_icon .cls-1{fill:#333;}
.company_cont .in_box > li .sb_box .in_tt{font-size:1.375em; font-weight: 700; color:#333; margin:35px 0 20px;}
.company_cont .in_box > li .sb_box .in_tx{font-weight: 300; color:#444; font-size:1.05em;}
/*.company_cont .view_r{ position: fixed; top:0; left: 0; z-index: 100000; pointer-events: none; opacity: 0;}
.company_cont .btn_view{background-color:var(--mainColor); color:#fff!important; border-color:var(--mainColor); position: absolute; left: 0; top: 0; transform: translate(-50%, -50%);}
*/
.company_cont .btn_view{color: #999!important; border-color: #ddd; margin: 40px auto 0;}
.company_cont .sb_box:hover .btn_view{background-color: var(--mainColor); color: #fff!important; border-color: var(--mainColor);}

/*퍼포먼스*/
.pfm_cont .pfm_bg{padding:120px 0; background-image:url(../img/main/ad_bg.jpg); border-radius: var(--item_r);}
.pfm_cont .main_tit .t2{color:#fff; }
.pfm_cont .main_tit .t3{color:#fff; opacity: .9;}
.pfm_cont .pfm_list{margin-right:-100px;}
.pfm_cont .pfm_list > li{text-align: center;}
.pfm_cont .pfm_list > li .in{width:365px; height: 365px; border-radius: 50%; border:1px dashed rgba(255,255,255,.5); margin-right:100px;}
.pfm_cont .pfm_list > li .img_z{width:240px; height: 240px; border-radius: 50%; margin: 0 auto}
.pfm_cont .pfm_list > li .txt_z{width:200px; max-width:100%;}
.pfm_cont .pfm_list > li .txt_z .tt{font-size:1.375em; font-weight: 500; margin-top:15px; color:#fff;}
.pfm_cont .pfm_list > li .txt_z .tx{font-size:1.25em; color:#fff;}
.pfm_cont .pfm_list > li .txt_z .nmb{font-size:3.125em; font-family: 'GmarketSans'; font-weight: 800; margin-top:5px; color:#fff;}
.pfm_cont .pfm_list > li .txt_z .nmb.st1:after{content:'↑'}
.pfm_cont .pfm_list > li .txt_z .nmb.st2:after{content:'↑'}
 
/*포트폴리오*/
.portfolio_cont{background-color:#f9f9f9; padding:130px 0 120px;}
.portfolio_cont .port_list{margin-right:-20px;}
.portfolio_cont .port_list > li{width:33.33%;}
.portfolio_cont .port_list .in_pbox{border-radius: var(--item_r); overflow: hidden; position: relative; display:block; text-align: center; margin-right:20px; padding: 100px 25px 50px}
.portfolio_cont .port_list .in_pbox .bgfix{width:100%; height: 100%; background-color: #aaa; position: absolute; top: 0; left: 0; transition: .3s;}
.portfolio_cont .port_list .in_pbox:hover .bgfix{transform: scale(1.05, 1.05);}
.portfolio_cont .port_list .in_pbox .tbox{ position: relative; z-index: 10;}
.portfolio_cont .port_list .in_pbox .tbox .in_tt{font-weight:600; color:#fff; font-size: 2em; margin-bottom: 15px;}
.portfolio_cont .port_list .in_pbox .tbox .in_tx{color:#fff; font-size:1.125em; font-weight: 200;}
.portfolio_cont .port_list .in_pbox .tbox .btn_view{margin:45px auto 0;}
.portfolio_cont .port_list .in_pbox:hover .tbox .btn_view{background-color:var(--mainColor); color:#fff; border-color:var(--mainColor);}


/*온라인문의*/
.inquiry_cont{padding-top:80px; background-color:#f3f3f3}
.inquiry_cont .move_text2{margin-bottom:50px;}
.inquiry_cont .move_text2{overflow: hidden;}
.inquiry_cont .move_text2 .in_text{display: flex; white-space: nowrap;}
.inquiry_cont .move_text2 .in_text p{animation: textLoop 20s linear infinite; font-size: 6.25em; font-weight: 900; line-height: 1.1; color:transparent; -webkit-text-stroke: .5px #aaa; padding-bottom:5px; padding-right: 20px;}
@keyframes textLoop {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
}
.inquiry_cont .inq_w_box{padding-right:20px; width:30%;}
.inquiry_cont .main_tit{text-align:left; background-image: url(../img/main/inq_bg.jpg); border-radius: var(--item_r); margin-bottom:0; width: 100%; padding:170px 55px;}
.inquiry_cont .main_tit .t2{color:#fff;}
.inquiry_cont .main_tit .t3{color:#fff; opacity: .9}
.inquiry_cont .main_tit .inq_tt_info .in_stt{color:#fff; font-weight: 600; font-size:1.25em; margin:60px 0 20px;}
.inquiry_cont .main_tit .inq_tt_info .in_ol{font-size:1.5em; font-weight: 800; color:#fff;}
.inquiry_cont .main_tit .inq_tt_info .in_ol > li:not(:last-child){margin-bottom:10px;}
.inquiry_cont .main_tit .inq_tt_info .in_ol .xi{width:56px; height: 56px; line-height: 56px; text-align: center; border:1px solid #fff; border-radius: 50%; color:#fff; margin-right:15px;}
.inquiry_cont .main_inq{width:70%; background-color: rgba(255, 255, 255, .95); backdrop-filter: blur(3px); border-radius: var(--item_r); padding:50px 135px;}
.inquiry_cont .main_inq .inq_tt{font-size:1.5em; font-weight: 700; color:#333;}
.inquiry_cont .main_inq .inq_stx{color:#666;}
.custom_inq_table{margin-top:10px;}
.custom_inq_table .inq_board .w_form_tit{width:25%;}
.custom_inq_table .inq_board th{text-align:left; color:#333; font-size:1.185em;font-weight: 600;}
.custom_inq_table .inq_board th .th_stx{color: #999; font-weight: 400; margin-top: -3px;}
.custom_inq_table .inq_board th,
.custom_inq_table .inq_board td{padding:7px 0;}

.form_st.st_01{margin-right:-5px;}
.form_st.st_01 > li{width:33.33%;}
.form_st.st_01 > li.w2{width:66.66%;}
.form_st.st_01 > li .in{margin-right:5px;}
.form_st.st_01.w_st > li{width:50%;}
.form_st{margin-top:-.7em;}
.form_st .in{ position:relative; padding:0 1em; margin-top:.4em; background-color: #fff;}
.form_st .in .lab{ position:absolute; left:1em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em; transition:.3s}
.form_st .in .inp{ width:100%; box-sizing:border-box; padding:.8em 0; height:3.2em; border:none; position:relative; z-index:1; background:none; }
.form_st .in textarea.inp{width:100%!important; height:10em;}
.form_st .in .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; border-radius:.25em; box-sizing:border-box; transition:.3s}
.form_st .in .inp:focus ~ .lab,
.form_st .in .inp.on ~ .lab{ transform:scale(.9,.9); top:0; color:var(--mainColor); margin-left:-.5em}
.form_st .in .inp:focus ~ .icon,
.form_st .in .inp.on ~ .icon{ color:#333}
.form_st .in .inp:focus ~ .line,
.form_st .in .inp.on ~ .line{ border-color:var(--mainColor)}
.form_st .in .label_box{margin-left:-45px; padding: 1.7em .5em; position: relative; z-index: 10;}
.form_st .in .label_st{margin-left:45px;}
.form_st .in .label_st:not(.cssbrowser) input ~ span{color:#666;}
.form_st .in .label_st:not(.cssbrowser) input:checked ~ span{color: var(--mainColor);}
.form_st .in .label_st:not(.cssbrowser) .xi:before{font-size:1.25em;}
.form_st .in .label_st:not(.cssbrowser) input:checked ~ .xi:before{color: var(--mainColor);}
.form_st input[type=text]:focus,
.form_st input[type=password]:focus,
.form_st textarea:focus,
.form_st select:focus {-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; border: none !important;}
.form_st .req{position:absolute; top: 5px; right: 10px; color:#f13a3a; background: none !important;}

.custom_inq_table .file_info{font-size:.938em; color:#aaa; margin-top:10px; letter-spacing: 0;}
.custom_inq_table .file_info .st{color:#888; border-bottom:1px solid #888;}
.custom_inq_table .file_info .xi{color:#888; vertical-align: middle; font-size:1.125em;}
.custom_inq_table .cont_check {font-size:1.125em; line-height: 1;}
.custom_inq_table .cont_check .label_st:not(.cssbrowser) .xi:before{font-size:1.5em;}
.custom_inq_table .cont_check .label_st:not(.cssbrowser) input:checked ~ .xi:before{color:var(--subColor);}
.custom_inq_table .cont_check a{color:#888}
.cus_ck_box{margin-top:10px;}
.cus_ck_box .cus_ck{font-size:1.125em; color:#888; line-height: 1;}
.cus_ck_box .cus_ck a{color:#666; vertical-align:  baseline; margin-left:5px;}
.cus_ck_box .cus_ck .xi{font-size:1.25em;}
.cus_ck_box .cus_ck .label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before{content:'\e92c';}
.cus_ck_box .cus_ck .label_st:not(.cssbrowser) input:checked ~ .xi:before{content:'\e92b';}
.cus_inq_btn .btn_view{margin:10px auto 0; border-color:#666; color:#666!important; background-color:#fff;}
.cus_inq_btn .btn_view:hover{background-color:var(--mainColor); border-color:var(--mainColor); color:#fff!important;}


/*고객사*/
.partner_cont{padding:100px 0 130px; background-color:#f3f3f3;}
.partner_cont .partner_slide{padding:10px 0;} 
.partner_cont .partner_slide.st{margin-left:-100px;}
.partner_cont .partner_slide .slick-track{transition-timing-function: linear!important;}
.partner_cont .partner_slide li{overflow: hidden; margin:0 70px; text-align: center;}


/*=================================================================sub============================================================*/

.page_tit{font-size:2em; font-weight: 600; color:#222; margin-bottom:15px; margin-top:var(--sec_mg); }
.page_tit .tx_q{font-weight:500; font-size:1.125em; color:var(--subColor);}
.page_txt{font-size:1.15em; color:#333; /*font-weight: 300;*/}
/*.page_txt .fwB{color:#222;}*/
.page_stt{font-size:1.5em; font-weight: 500; color:#333; margin-bottom:15px;}
.page_stt.mg_st{margin-top:40px;}
.page_stt2{font-size:1.375em; font-weight: 500; color:#333; margin-bottom:10px;}
.page_stxt{font-size:1.068em; color:#555; line-height: 1.4;}
.page_img_z{background-color:#f9f9f9; padding:40px; border-radius: var(--item_r); margin-top:30px; text-align:center;}
.r_xi{width:40px; height: 40px; line-height: 40px!important; text-align: center; border-radius: 50%; background-color:var(--subColor); color:#fff; font-size:.875em; margin-right:10px;}
.w_fo{font-size:.75em; vertical-align: text-top; color:var(--subColor);}
.w_fo2{font-size:.938em; margin-top:5px; color:#777;}
.w_fo_box{font-size:.9em; margin-top:30px; color:#666;}

.hf_box{margin-right:-60px; margin-top:var(--sec_mg);}
.hf_box .in_box{width:50%; padding-right:60px;}
.hf_box .in_box .page_img_z{margin-top:0;}

.dot_list > li{position: relative; font-size:1.068em; color:#333; padding-left:12px; margin-bottom: 8px; line-height: 1.4;}
.dot_list > li:last-child{margin-bottom:0;}
.dot_list > li:before{content:''; width:4px; height: 4px; border-radius: 50%; background-color: var(--subColor); position: absolute; top: 9px; left: 0;}

.tab_idx{margin:-5px -5px 0 0; margin-bottom: 3.5em}
.tab_idx > li{width:calc(100% / 7);}
.tab_idx > li a{border:1px solid #ddd; border-radius:5px; height:55px; margin:5px 5px 0 0; transition:.3s; font-size:1.068em;}
.tab_idx > li.on a{border-color:var(--mainColor); color:var(--mainColor); font-weight: 600;}
.tab_idx > li a:hover{border-color:var(--mainColor); color:var(--mainColor);}
.tab_idx.st_w5 > li{width:calc(100% / 5);}

.page_ul{margin-right:-30px; margin-top:-40px;}
.page_ul > li{width:50%; margin-top:40px;}
.page_ul > li .in{margin-right:30px;}
.page_ul > li .in .page_img_z{margin-top:0;}
.page_ul > li .page_stt2{width:95%; margin:20px auto 10px;}
.page_ul > li .page_stxt{width:95%; margin:0 auto;}
.page_ul > li .page_stxt.dot_list > li{color:#555; font-size: 1em;}
.page_ul > li .page_stxt .dot_list {margin-top:10px;}
.page_ul > li .page_stxt .dot_list > li{color:#666; font-size:.938em; margin-bottom:2px;}
.page_w_bg{padding:var(--sec_mg) 0; margin-top:var(--sec_mg); background-color:#f9f9f9;}

.why_ul{margin-top:20px; margin-right:-25px;}
.why_ul > li{width:20%; text-align: center;}
.why_ul > li .in{margin-right:25px; background-color: #fff; border-radius: var(--item_r); padding:45px 30px; height: 100%; box-shadow: 0 2px 7px rgba(0,0,0,.05);}
.why_ul > li .icon_z{ margin: 0 auto 10px;}
.why_ul > li .in_nm{font-size:1.068em; border-bottom: 1px solid var(--subColor); padding-bottom:5px; margin-bottom:15px; line-height: 1; display: inline-block;}
.why_ul > li:nth-child(6) .in,
.why_ul > li:nth-child(7) .in,
.why_ul > li:nth-child(8) .in,
.why_ul > li:nth-child(9) .in,
.why_ul > li:nth-child(10) .in{margin-top:25px;}

.mk_slide_box .in{text-align: center; background-color: #fff; border-radius: var(--item_r); padding:45px 30px; height: 320px; box-shadow: 0 2px 7px rgba(0,0,0,.05);}
.mk_slide_box .in .icon_z{margin: 0 auto 10px;}
.mk_slide_box .in_nm{font-size:1.068em; border-bottom: 1px solid var(--subColor); padding-bottom:5px; margin-bottom:15px; line-height: 1; display: inline-block;}

.mk_slide_box2 .swiper-slide .in{text-align: center; background-color: #fff; border-radius: var(--item_r); padding:45px 30px; height: 320px; box-shadow: 0 2px 7px rgba(0,0,0,.05);}
.mk_slide_box2 .swiper-slide .in .icon_z{margin: 0 auto 10px;}
.mk_slide_box2 .swiper-slide .in_nm{font-size:1.068em; border-bottom: 1px solid var(--subColor); padding-bottom:5px; margin-bottom:15px; line-height: 1; display: inline-block;}

.mk_slide_box3 .swiper-slide .in{text-align: center; background-color: #fff; border-radius: var(--item_r); padding:45px 30px; height: 320px; box-shadow: 0 2px 7px rgba(0,0,0,.05);}
.mk_slide_box3 .swiper-slide .in .icon_z{margin: 0 auto 10px;}
.mk_slide_box3 .swiper-slide .in_nm{font-size:1.068em; border-bottom: 1px solid var(--subColor); padding-bottom:5px; margin-bottom:15px; line-height: 1; display: inline-block;}


/*프로세스*/
.mk_process_wrap .mk_proc{margin:30px -15px 0;}
.mk_process_wrap .mk_proc > li{width:calc(100% / 9);}
.mk_process_wrap .mk_proc > li .in{text-align:center;}
.mk_process_wrap .mk_proc > li .in .in_img{width:125px; height: 125px; border-radius: 50%; background-color: #fff; border:1.5px dashed #666; margin: 0 auto 15px; position: relative;}
.mk_process_wrap .mk_proc > li .in .in_img img{opacity: .9;}
.mk_process_wrap .mk_proc > li:last-child .in .in_img{border:3px solid var(--mainColor);}
.mk_process_wrap .mk_proc > li:not(:last-child) .in .in_img:after{content:''; width:100%; height: 1px; border-top:6px solid #ddd; position: absolute; top: 50%; right:-99%; transform: translateY(-50%); z-index: -1;}

/*온라인마케팅 컨텍*/
.mk_inq_wrap{padding:var(--sec_mg) 0; margin-top:var(--sec_mg); background-image: url("../img/sub/mk_cs_bg.jpg"); background-attachment: fixed; background-size: cover;}
.mk_inq_wrap .mk_inq_box{}
.mk_inq_wrap .mk_inq_box .mk_inq_tit{width:50%; color:#fff; padding-right:3em;}
.mk_inq_wrap .mk_inq_box .mk_inq_tit .t_en{font-size:1.068em; font-weight: 600; letter-spacing: 10px; margin-bottom:20px;}
.mk_inq_wrap .mk_inq_box .mk_inq_tit .t_tt{font-size:2.375em; line-height: 1.4;}
.mk_inq_wrap .mk_inq_box .mk_inq_tit .mk_down{color:#fff; font-size:1.068em; padding:15px 30px; border:1px solid #fff; border-radius: 50px; display: inline-block; margin-top:50px; transition: .3s;}
.mk_inq_wrap .mk_inq_box .mk_inq_tit .mk_down:hover{background-color:var(--mainColor); color:#fff; border-color:var(--mainColor);}
.mk_inq_wrap .mk_inq_box .mk_inq_right{width:50%;}
.mk_inq_wrap .mk_inq_box .mk_inq_right .mk_inq_list{margin-right:-20px; margin-top:-20px;}
.mk_inq_wrap .mk_inq_box .mk_inq_right .mk_inq_list > li{width:50%; margin-top:20px;}
.mk_inq_wrap .mk_inq_box .mk_inq_right .mk_inq_list > li .in{display:block; border-radius: var(--item_r); background-color:rgba(255,255,255,.8); backdrop-filter: blur(5px);  padding:40px 35px; height:100%; margin-right:20px; transition: .3s;}
.mk_inq_wrap .mk_inq_box .mk_inq_right .mk_inq_list > li .page_stt{margin-bottom:10px; font-weight: 600;}
.mk_inq_wrap .mk_inq_box .mk_inq_right .mk_inq_list > li .b_plus{margin-top:30px;}
.mk_inq_wrap .mk_inq_box .mk_inq_right .mk_inq_list > li .b_plus .xi{background-color:#bbb; color:#fff; width:46px; height: 46px; line-height: 46px; border-radius: 50%; text-align: center; font-size: 1.068em; transition: .3s;}
.mk_inq_wrap .mk_inq_box .mk_inq_right .mk_inq_list > li .mk_inq_tel{font-size:2.25em; font-weight: 800; color:var(--mainColor);}
.mk_inq_wrap .mk_inq_box .mk_inq_right .mk_inq_list > li .in:hover{background-color:rgba(255,255,255,1);}
.mk_inq_wrap .mk_inq_box .mk_inq_right .mk_inq_list > li .in:hover .b_plus .xi{background-color:var(--mainColor); }




/* //오프라인 마케팅 local */
/* 지역밀착광고 local */
.local_wrap .page_txt{margin-bottom:20px;}
.local_wrap .img_z{width: 100%; height: 400px; border-radius:var(--item_r); overflow: hidden; margin-bottom: 20px; }
.local_wrap .pro_list{margin-right:-40px; margin-bottom: 40px;}
.local_wrap .pro_list > li{width: 25%;position: relative;}
.local_wrap .pro_list > li .in{height:150px; margin-right: 40px; border-radius: var(--item_r); text-align: center; padding: 20px; background: #f9f9f9;}
.local_wrap .pro_list > li .in::before{display: block; content: "";font-family : xeicon; font-size: 25px; position: absolute; color:#bbb; top: 50%; right:10px; transform: translateY(-50%);}
.local_wrap .pro_list > li:last-child .in::before{display: none;}
.local_wrap .pro_list > li .tt{font-size:1em; color: #333;}
.local_wrap .ex_list{padding-bottom: 1em; margin-right:-20px;}
.local_wrap .ex_list > li{width: 33.33%; margin-bottom:20px;}
.local_wrap .ex_list > li .in{margin-right:20px;}
.local_wrap .ex_list > li .in .tt{font-size: 1.125em; font-weight: 600;}
.local_wrap .ex_list > li .in .img_box{height: 200px; background-color: #ddd; border-radius: var(--item_r); overflow: hidden; margin-bottom: 10px;}


/* 매체광고 media*/
.media-content .idx .cont{width:100%; margin: 0 auto;}
.media-content .idx .cont .textbox{margin: 4em 0 1em}
.media-content .idx .cont .imgbox{margin-right: -20px;}
.media-content .idx .cont .imgbox > li{width: 25%; margin-bottom: 20px;}
.media-content .idx .cont .imgbox .in{margin-right: 20px;}
.media-content .idx .cont .imgbox .in .img_z{height: 200px; border-radius: var(--item_r);overflow: hidden; background: #ddd; margin-bottom: 10px;}
.media-content .idx .cont .imgbox .in .tt{font-size:1.125em; font-weight: 600; text-align: center;}
.media-content .idx .cont .img_box{width:100%; height: 300px; border-radius: var(--item_r); overflow: hidden; background-color: #ddd; margin-bottom: 20px;}
.media-content .idx .cont .seq_list{margin-right:-60px; margin-bottom: 20px;}
.media-content .idx .cont .seq_list > li{width: 25%;position: relative;}
.media-content .idx .cont .seq_list.st > li{width: 20%;}
.media-content .idx .cont .seq_list > li .in{height: 100%; margin-right:60px; margin-bottom: 10px; border-radius: var(--item_r); text-align: center; padding: 20px; border: 1px solid #ddd; align-content: center;}
.media-content .idx .cont .seq_list > li .in::before{display: block; content: "";font-family : xeicon; font-size: 25px; position: absolute; color:#bbb; top: 50%; right: 20px; transform: translateY(-50%);}
.media-content .idx .cont .seq_list > li:last-child .in::before{display: none;}
.media-content .idx .cont .seq_list > li .in .ti{font-size: 1.125em; font-weight: 600;}
.media-content .idx .cont .seq_list > li .in .icon{margin:0 auto 10px;}
.media-content .idx .cont .img_gr{margin-right: -20px;}
.media-content .idx .cont .img_gr > li{width: 25%; margin-bottom: 20px;}
.media-content .idx .cont .img_gr > li .in{margin-right: 20px;}
.media-content .idx .cont .img_gr > li .in .img_z{height: 200px; background-color: #ddd; border-radius: var(--item_r);}
.media-content .idx .cont .mk_box .img_b{width: 50%; padding-right: 3em;}
.media-content .idx .cont .mk_box .img_b .img_z{height: 400px; border-radius:var(--item_r); overflow: hidden; background-color: #ddd;}
.media-content .idx .cont .mk_box .txt_z{width: 50%; padding-left: 3em;}  
.media-content .idx .cont .mk_box .txt_z .page_txt{margin-bottom: 20px;}




/*메디케어*/
.container_title.a_bg{padding-top: 4em;}
.container_title.a_bg:before{top: inherit; bottom: 30%;}
.comp_box{padding: 5em 4em; border-radius: var(--item_r); margin-bottom: 2em;}
.comp_box.bg{background: #f9f9f9;}
.comp_box .page_stxt{margin-bottom: 10px;}
.comp_box .page_txt{margin-bottom: 15px; color: #333;}

.comp_box .ab_box{margin-bottom: 2em;} 
.comp_box .ab_box .img_box{width:50%; padding-right: 3em;}
.comp_box .ab_box .img_box .img_z{padding-right: 3em; height: 450px; background: #ddd; border-radius: var(--item_r); overflow: hidden;}
.comp_box .ab_box .txt_z{width: 50%; padding-left: 3em;}
.comp_box .ab_box .txt_z .te{color: var(--subColor1); }



/*
.comp_box .comp_list{margin-right: -20px; margin-top: 40px;}
.comp_box .comp_list > li{width: 33.33%; margin-bottom: 20px;}
.comp_box .comp_list > li .in{height: 100%; margin-right: 20px; margin-bottom: 20px; border:1px solid #ddd; border-radius: var(--item_r); padding: 30px; background: #fff; position: relative;}
.comp_box .comp_list > li .in .ic{margin-bottom:10px;}
.comp_box .comp_list > li .in .ti{font-size: 1.25em; font-weight: 600; margin-bottom: 10px;}
.comp_box .comp_list > li .in .ti span{font-size: .8em; font-weight: 400; color: #999;}
.comp_box .comp_list > li .in .tt{color: #333; line-height: 1.6;}
*/

.comp_box .comp_list{margin-right: -20px; margin-top: 40px;}
.comp_box .comp_list > li{width: 33.33%; margin-bottom: 20px;}
.comp_box .comp_list > li .in{text-align: center; height: 100%; margin-right: 20px; margin-bottom: 20px; border-radius: var(--item_r); padding: 30px; background: #fff; position: relative; align-content: center;}
.comp_box .comp_list > li .in span{color: var(--subColor1); text-transform: uppercase;}
.comp_box .comp_list > li .in .ic{margin-bottom:10px;}
.comp_box .comp_list > li .in .ti{font-size: 1.25em; font-weight: 600; margin-bottom: 10px;}
.comp_box .comp_list > li .in .ti span{font-size: .8em; font-weight: 400; color: #999;}
.comp_box .comp_list > li .in .tt{color: #333; line-height: 1.6;}

/*.comp_box .work_list{margin-right: -20px; margin-top: 40px;}
.comp_box .work_list > li{width: 33.33%; margin-bottom: 20px;}
.comp_box .work_list > li .in{height: 100%; margin-right: 20px; margin-bottom: 20px; text-align: center;}
.comp_box .work_list > li .in .in_img{width: 320px; height: 320px; border-radius: 50%; margin: 0 auto 20px;}
.comp_box .work_list > li .in .ti{font-size: 1.25em; font-weight: 600; margin-bottom: 10px;}
.comp_box .work_list > li .in .tt{color: #333; line-height: 1.6;}*/

/*
.comp_box .comp_left{width:45%; padding-right:65px; position:relative;}
.comp_box .comp_left .tit_box{position: sticky; top: 90px; left: 0;}
.comp_box .comp_right{width:55%;}
.comp_box .compete_list{margin-right: -65px; margin-top: 0;}
.comp_box .compete_list > li{width: 50%; margin-bottom: 20px;}
.comp_box .compete_list > li:first-child{margin-top:0px; }
.comp_box .compete_list > li:nth-child(2n-1){margin-top:130px;}
.comp_box .compete_list > li:nth-child(2n-1){margin-bottom:-100px;}
.comp_box .compete_list > li .in{margin-right:65px; margin-bottom: 20px; border-radius: var(--item_r); background: #fff; overflow: hidden;}
.comp_box .compete_list > li .in .in_img{height: 200px;}
.comp_box .compete_list > li .in .in_txt{padding: 30px;}
.comp_box .compete_list > li .in .in_txt .ti{font-size: 1.25em; font-weight: 600; margin-bottom: 10px;}
.comp_box .compete_list > li .in .in_txt .tt{color: #333; line-height: 1.6;}
*/

.comp_box .ad_list{margin-top: 4em;}
.comp_box .ad_list > li{margin-bottom: 6em;}
.comp_box .ad_list > li .in{}
.comp_box .ad_list > li .in .img_box{width: 50%; padding-right: 3em;}
.comp_box .ad_list > li .in .img_box .in_img{height: 400px; background: #ddd; border-radius: var(--item_r); overflow: hidden; box-shadow: 1px 1px 5px #ddd;}
.comp_box .ad_list > li .in .in_txt{width: 50%; padding-left: 3em;}
.comp_box .ad_list > li .in .in_txt .num{display: inline-block; width: 46px; height: 46px; line-height: 46px; text-align: center; color: #fff; border-radius: 50%; margin-right: 10px;}
.comp_box .ad_list > li .in .in_txt .flex{margin-bottom: 20px;}
.comp_box .ad_list > li .in .in_txt .page_stt2,
.comp_box .ad_list > li .in .in_txt .page_tit{margin-bottom: 0; margin-top: 0;}
.comp_box .ad_list > li .in.rev .img_box{padding-left: 3em; padding-right: 0;}
.comp_box .ad_list > li .in.rev .in_txt{padding-left: 0; padding-right: 3em;}



.comp_box .tit_box{margin-bottom: 20px;}
.comp_box .tit_box.st .page_tit,
.comp_box .tit_box.st .page_txt,
.comp_box .tit_box.st .page_stt{color: #fff;}


.comp_box .compete_list{margin-right: -20px; margin-top: 0; padding-top: 11.875em;}
.comp_box .compete_list > li{width: 33.33%; margin-bottom: 20px;}
.comp_box .compete_list > li:nth-child(2) .in,
.comp_box .compete_list > li:nth-child(5) .in{margin-top: -8.75em}
.comp_box .compete_list > li .in{height: 100%; margin-right:20px; border-radius: var(--item_r); background: #fff; overflow: hidden;}
.comp_box .compete_list > li .in .in_img{height: 200px;}
.comp_box .compete_list > li .in .in_txt{padding: 20px; text-align: center;}

.comp_box.pro_box .line{width: 90%; border-top:6px solid #ddd; position: absolute; top: 55%; left:50%; transform: translate(-50%,-50%); z-index: -1;}
.comp_box.pro_box .line:before{content: ''; display: block; width: 100%; background:#f9f9f9; height:100px; position: absolute; top: -20px; right:0; transition: 3s;}
.comp_box.pro_box.scrollAni.moveT.Aon .line:before{width: 0%;}
.comp_box .process_list{margin:40px -15px 0;} 
.comp_box .process_list > li{width:calc(100% / 6);}
.comp_box .process_list > li .in{text-align:center;}
.comp_box .process_list > li .in .in_img{width:125px; height: 125px; border-radius: 50%; background-color: #fff; border:1.5px dashed #666; margin: 0 auto 15px; position: relative;}
.comp_box .process_list > li .in .in_img img{opacity: .9;}
.comp_box .process_list > li:last-child .in .in_img{border:3px solid var(--mainColor);}
.comp_box .process_list > li .in .step{display: inline-block; color: var(--mainColor); font-weight: 600;}
.comp_box .process_list > li .in .page_txt{margin-bottom: 5px;}
.comp_box .process_list > li .in .tt{color: #999; padding: 0 10px;}

.comp_box .location_box .map_view{margin-right: -2em;}
.comp_box .location_box .map_cont{width: 50%; padding-right: 2em;}
.comp_box .location_box .map_cont .root_daum_roughmap .wrap_controllers,
.comp_box .location_box .map_cont .root_daum_roughmap .cont .section.lst{display: none;}
.comp_box .location_box .root_daum_roughmap_landing{border-radius: var(--item_r); overflow: hidden; border-bottom: 1px solid #ddd;}
.comp_box .location_box .info_list{margin-top: 2em; line-height: 2; font-size: 1em; color: #333; background: #fff; padding: 20px; border-radius: var(--item_r);}
.comp_box .location_box .info_list span{color: #000; display: inline-block; min-width: 80px;}


/*성공마케팅*/
.busi_box{padding: 5em 4em; border-radius: var(--item_r); margin-bottom: 2em; background: #f9f9f9;} 
.busi_box .img_z{position:relative; margin-bottom: 6em;}
.busi_box .img_z .img_02{position: absolute; top: 0; left: 0;}
.busi_box .img_z:before{content: ''; display: block; width: 100%; height: 100%; background: #f9f9f9; position: absolute; top: 0; left: 0; transition: 3s;}
.busi_box.scrollAni.Aon .img_z:before{height: 0%;}
.busi_box .page_tt{font-size: 3em; font-weight: 700; color: #222; margin-bottom: 20px;}
.busi_box .page_tit{color: #fff; display: inline-block; padding: 10px 30px; background: var(--mainColor); border-radius: 50px; margin-bottom: 4em; }
.img_bn{position: absolute; top: 0; right: 0; z-index: 10;}