.lead {    align-self: center; font-size:16px; vertical-align: middle; letter-spacing:-0.02em; color:#555;  word-break:keep-all}
.cancle1 { font-size: 35px; font-weight: 700; color:#555; text-decoration: line-through; }

.logostyle{height:30px;}




/*헤드메뉴*/
#header {opacity:1;position:absolute;top:40px; max-width: 1400px; width:100%; left: 50%; transform:translateX(-50%) ;z-index:6;min-height:80px;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;background-color:#fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#header .header-inner {position:relative;width:100%; height:80px; }
#header .gnb { list-style:none; height:80px; position:absolute; right:0px; top:0; margin:0; padding:0;}
#header .gnb > li { position:relative; display:inline-block; width:110px;  height:80px;line-height:80px;vertical-align:middle; text-align:center;}
#header .gnb > li > a {display:inline-block;  width:100%; color:#000;font-size:15px; letter-spacing:-0.5px; font-weight:600; text-decoration:none;}
#header .gnb > li > a:hover {color: #2253b8}
#header .gnb > li.active {background-color: #b0905e}
#header .gnb > li.active > a {color: #fff}
#header .gnb .login { background-color:#343434; color:#fff}
#header .gnb .join { background-color:#343434; color:#fff; margin-left:20px}
#header .gnb .login a, #header .gnb .join a{ color:#ddd; font-size:14px}
#header .gnb .login a:hover,#header .gnb .join a:hover { color:#fff}
#header .gnb .lm{right:50px;}

#header .gnb > li, #header #right-side-open {height:80px;line-height:80px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header #right-side-open { position:absolute; right:0; width:100px; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; }
#header #right-side-open span{display:inline-block;width:20px; height:20px;font-size:20px;line-height:1em;margin-top:-10px; margin-left:-10px; position:absolute; top:50%;left:50%; color:#fff;}
#header .gnb .snb {list-style:none; display:none;}

#header #logo { margin-left:25px; padding:0}
#header #logo a { display:flex;  align-items:center; width:100px; height:80px; line-height:normal;}
#header #logo img { display:block; width:100%; height:auto; }

#header .gnb .snb,.device-md #header .gnb .snb{display: none;position: absolute;right: -82px;width: 200px; top:80px; border-top: 0;background-color: #000; z-index:2}
#header .gnb .snb li { font-size:14px; line-height:3.1; text-align:left; border-top:1px solid #414141;}
#header .gnb .snb li a { color:#FFF; display:block; padding-left:20px}
#header .gnb .snb li a:hover {color:#fff;  display:block; background-color:#2253b8; text-decoration:none; }
#header .gnb .snb li:first-child { border-top:0}

  /*빠른상담*/
#header .header-inner2 {width:100%; min-height:50px; padding:8px 20px; background-color:#2253b8; display: flex; justify-content: center; align-items:center; box-sizing:border-box;}
#header #contact_title{flex:0 0 auto; width:auto; margin-right:20px; color:#fff; font-size:18px;font-weight:600;line-height:34px;white-space:nowrap;}
#header #contact-form { flex:1;  max-width:980px;   margin:0;}

#header #inner {    width:100%;    display:flex;    align-items:center;    gap:10px;    line-height:normal;}
#header #inner input[type="text"] {    height:34px;    margin:0;    padding:0 10px;    border:0;    font-size:13px;    box-sizing:border-box;}

#header #co_name {    flex:0 1 130px;    min-width:90px;}
#header #co_tel {    flex:0 1 160px;    min-width:120px;}
#header #co_num {    flex:1 1 190px;    min-width:160px;}
#header #inner #co_agree {    flex:0 0 auto;    width:16px;    height:16px;    margin:0 2px 0 5px;    padding:0;}
#header #inner a { flex:0 0 auto;    color:#fff;    font-size:12px;    white-space:nowrap;}
#header #inner  .send {flex:0 0 auto;    height:30px;   line-height:30px;    margin:0;    padding:0 22px;    border:0;    border-radius:20px;    background:#fff;    color:#2253b8;    font-size:13px;    font-weight:bold;}

  /*빠른상담*/

@media screen and (max-width: 960px) {
    #header {  position:fixed; transform:none;  max-width:none; width:100%;    background:#fff;  top:0; left:0;border-bottom:1px solid rgba(255,255,255,0.4); z-index:1000;}
	#header .header-inner {        height:70px;    }
	#header #logo {   width:auto;       margin-left:18px; display:block}
	#header #logo a {        width:110px;        height:70px;    }
	#header .gnb { display:none}


	 /* 빠른상담 */
    #header .header-inner2 {        padding:10px 15px;       align-items:flex-start;    }
    #header #contact_title {        margin-right:15px;        font-size:15px;        line-height:34px;   }
    #header #inner {        flex-wrap:wrap;        gap:8px;    }
    #header #co_name,    #header #co_tel {        flex:1 1 130px;    }
    #header #co_num {        flex:1 1 170px;    }
}

@media screen and (max-width:640px) {

    #header .header-inner {        height:60px;    }
    #header #logo {        margin-left:15px;    }
    #header #logo a {        width:95px;        height:60px;    }

    /* 상담영역 세로 배치 */
    #header .header-inner2 {        display:block;        padding:12px 15px 15px;    }
    #header #contact_title {        width:100%;        margin:0 0 8px 0;        line-height:1.4;        font-size:15px;        font-weight:700;        text-align:left;    }
    #header #contact-form {        width:100%;        max-width:none;    }
    #header #inner {        display:flex;        flex-wrap:wrap;        width:100%;        gap:8px;    }

    #header #co_name,    #header #co_tel {        flex:1 1 calc(50% - 4px);        width:auto;        min-width:0;        height:38px;    }
    #header #co_num {        flex:0 0 100%;        width:100%;        min-width:0;        height:38px;    }
    #header #inner #co_agree {  -webkit-appearance:checkbox; appearance:checkbox;	width:16px;	height:16px;	margin:0 5px 0 0;	padding:0;	background:none !important;	background-image:none !important;			border-radius:0;			vertical-align:middle;			cursor:pointer;    }
    #header #inner a {       flex:1;        font-size:11px;        white-space:normal;        line-height:1.5;    }
    #header #inner .send {        flex:0 0 100%;        width:100%;        height:38px;        margin-top:2px;        border-radius:3px;        font-size:14px;    }

}
/*헤드메뉴*/






/*오른쪽 퀵메뉴*/
.right_quick { position: absolute; right: 0; top: -60px; z-index: 2}
.right_quick.fixed {position: fixed; right: 0; top: 50% !important; margin-bottom:50px; z-index: 100; top: 189px}
.right_quick.fixed .material-icons { color:#fff; float:right}
.right_quick ul.quick_info { position: relative; height: 240px}
.right_quick ul.quick_info li { position: absolute; height: 60px; right:0}
.right_quick ul.quick_info li:nth-child(1) {top: 0}
.right_quick ul.quick_info li:nth-child(2) {top: 60px}
.right_quick ul.quick_info li:nth-child(3) {top: 120px}
.right_quick ul.quick_info li:nth-child(4) {top: 180px}
.right_quick ul.quick_info li:nth-child(5) {top: 240px}

.right_quick ul.quick_info li a{width:60px; height:60px; text-align:center; background:#343434; overflow:hidden; display:block}
.right_quick ul.quick_info li i { color:#fff; font-size:24px;}
.right_quick ul.quick_info li i.kakao { color:#000; font-size:24px;}
.right_quick ul.quick_info li i.ico{position:absolute;right:20px;top:15px; z-index:2}
.right_quick ul.quick_info li:nth-child(1) i {right: 17px}
.right_quick ul.quick_info li:nth-child(2) i {right: 17px}
.right_quick ul.quick_info li:nth-child(3) i {right: 17px}
.right_quick ul.quick_info li:nth-child(4) i {right: 17px}
.right_quick ul.quick_info li:nth-child(5) i {right: 17px}
.right_quick ul.quick_info li a span{height:60px; line-height:60px; color:#fff; position:absolute; text-align:left; opacity:0; left:30px; font-size:14px; font-weight:500; z-index:2}
.right_quick ul.quick_info li a.kakao span { color:#000}


@media screen and (max-width: 640px) {
     .right_quick.fixed {
        display: block;
        position: fixed;
        top: auto !important;
        right: 15px;
        bottom: calc(20px + env(safe-area-inset-bottom));
        margin: 0;
        z-index: 9999;
    }

    .right_quick ul.quick_info {
        position: relative;
        width: auto;
        height: 52px;
        margin: 0;
        padding: 0;
    }

    .right_quick ul.quick_info li,
    .right_quick ul.quick_info li:nth-child(1) {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        height: 52px;
        list-style: none;
    }

    .right_quick ul.quick_info li a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;

        width: 145px !important;
        height: 52px;
        padding: 0 18px;

        background-color: #FEE500 !important;
        border-radius: 26px;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
        box-sizing: border-box;
        overflow: visible;
    }

    .right_quick ul.quick_info li i.ico {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .right_quick ul.quick_info li i {
        color: #191919;
        font-size: 24px;
    }

    .right_quick ul.quick_info li a span {
        position: static;
        width: auto;
        height: auto;
        line-height: 1;
        opacity: 1 !important;
        color: #191919;
        font-size: 14px;
        font-weight: 600;
        white-space: nowrap;
    }
}
/*오른쪽 퀵메뉴*/





/*모바일 오른쪽 메뉴*/
#right-side { position:fixed;

    top:0;
    right:-400px;

    width:100%;
    max-width:400px;
    height:100vh;

    padding:30px;

    background:#333;
    color:#fff;

    overflow-y:auto;

    z-index:2500;

    box-sizing:border-box;

    transition:right .3s ease;}
#right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#6cc043; color:#fff; font-weight:bold; height:5.0em; line-height:5em; border-radius:3px; margin-top:10px; padding:2px 0 4px 0;}
#right-side #btn-close-right-side {position:absolute;top:20px;right:0;color:#fff;width:60px;text-align:center;line-height:40px; font-size:16px; cursor:pointer}
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:20px}
.right-side-on #right-side {right:0;}


.right-side-on #rs-overlay {display:block;}

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

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

@media screen and (max-width: 640px) {
    .side_gnb .depth-2>li>a { font-size:16px}
}
/*모바일 오른쪽 메뉴*/






/*메인배너*/
.main-carousel{padding:0; display:block}
.main-carousel .li{height:900px; background-size:cover; background-position:center; position:relative}
.main-carousel .li .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/main_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:300px;opacity:.6;z-index:1}
.main-carousel .jarallax { min-height: 900px;}
.main-carousel .img01 { background-image:url(../img/main_banner01.png);}
.main-carousel .img02 { background-image:url(../img/main_banner02.jpg);}
.main-carousel .li .copy_area{width:100%;text-align:center;color:#fff;position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
.main-carousel .li .copy_area .banner-logos{width:100%;font-size:14px;font-weight:300; line-height:1.3; letter-spacing:0.5px; padding-bottom:20px;  color:#fff; text-align:center;vertical-align:bottom;}
.main-carousel .li .copy_area h1.main-title,
.main-carousel .li .copy_area h2{font-size:62px;font-weight:100; line-height:1.3; letter-spacing:-5px;  color:#fff; text-align:center}
.main-carousel .li .copy_area h3{width:100%;font-size:30px;font-weight:300;text-align:center;margin:10px 0 0; padding:0 20px; word-break:keep-all; color:#fff;  letter-spacing:-1px}
.main-carousel .li .copy_area .banner-logos .imgstyle{display:inline-block;width:auto;height:auto;vertical-align:bottom;}

.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:135px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px}
.main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%}
.main-carousel .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.main-carousel .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}

@media screen and (max-width: 640px) {
	.main-carousel .li { height:100vh}
	.main-carousel .jarallax { min-height: 100vh;}
    .main-carousel .img01 { }
	.main-carousel .img02 { }
	.main-carousel .img03 { }


	.main-carousel .li .copy_area h1.main-title,
.main-carousel .li .copy_area h2 {font-size: 30px; letter-spacing:-3px}
	.main-carousel .li .copy_area h3 { max-width:300px; margin:10px auto 0 auto; font-size: 18px; letter-spacing:-0.5px}
	.main-carousel .owl-nav { display:none}
}
/*메인배너*/








/*전국대표번호의 장점*/
.num_strength_wrap{ width:100%; padding:150px 0px;}
.num_strength_wrap h2 {text-align:center; font-size:33px; color:#333}
.num_strength_wrap h2:before{ display:block; content:""; width:30px; height:6px; background:#8fd92e; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.num_strength_wrap h2 span{ display:block; padding:20px 0; color:#555; font-size:16px; font-weight:400}
.num_strength_wrap ul {margin-top:30px; overflow:hidden}
.num_strength_wrap ul li{ width:25%; text-align:center; float:left; display:block}
.num_strength_wrap ul li .icon { display:inline-block; padding:30px}
.num_strength_wrap ul li .icon i { color:#666}
.num_strength_wrap ul li img {vertical-align:middle; transition:transform 500ms}
.num_strength_wrap ul li:hover i{transform:rotateY(180deg); transition:transform 500ms}
.num_strength_wrap ul li .box {border-right:1px  #eaeaea solid; padding:0 10px; display:block}
.num_strength_wrap ul li:last-child .box {border-right:0px}
.num_strength_wrap ul li dl dt {font-weight:bold; padding-bottom:15px; line-height:20px; color:#222; font-size:20px}
.num_strength_wrap ul li span {display:inline-block; margin-top:20px; border:1px #ddd solid; padding:0 20px; line-height:30px; background:#2253b8; color:#fff;  transition: all .2s}
.num_strength_wrap ul li:hover span {background:#2253b8; color:#fff; transition: all .3s}

@media screen and (max-width: 1024px) {
    .num_strength_wrap ul li { width:50%}
}
@media screen and (max-width: 960px) {
    .num_strength_wrap ul li { width:100%}
	.num_strength_wrap ul li .box { border-right:0; border-bottom:1px solid #ddd; padding-bottom:30px}
}
/*전국대표번호의 장점*/





/*비즈콜 서비스*/
.bizcall_wrap { width:100%;  padding:100px 0; background:url(../img/bizcall_bg01.jpg) center  no-repeat; background-size:cover;}
.bizcall_wrap .inner {max-width:1200px; margin:0 auto; overflow:hidden}
.bizcall_wrap h2 {text-align:center; font-size:33px; color:#fff}
.bizcall_wrap h2:before{ display:block; content:""; width:30px; height:6px; background:#fff; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.bizcall_wrap h2 span{ display:block; padding:20px 0; color:#fff; opacity:0.8; font-size:16px; font-weight:400}

.bizcall_wrap ul {margin-top:30px}
.bizcall_wrap li {position:relative; float:left; width:48%; margin:1%; overflow:hidden; background-color:#fff; display:block}
.bizcall_wrap .one_box {display:block; min-height:155px; background:#fff}
.bizcall_wrap .photo {position:absolute; left:0; top:0; width:100%; max-width:160px; min-height: 155px; height:100%; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center;
 -webkit-transform: scale(1);transform: scale(1);transition:all 1s ease;-webkit-transition:all 1s ease}
.bizcall_wrap dl {margin-left:190px; padding-right:10px}
.bizcall_wrap dt {color:#2253b8; font-size:20px; font-weight:bold; margin-top:30px; letter-spacing:-1px}
.bizcall_wrap dd {color:#555; font-size:13px; letter-spacing:-0.02em; line-height:1.75; word-break:keep-all; padding:10px 0; }
.bizcall_wrap li:hover .one_box {background-color:#01bac9;cursor: auto;}
.bizcall_wrap li:hover dt {color:#fff}
.bizcall_wrap li:hover dd {color:#fff}
.bizcall_wrap li:hover .more_btn {color:#eee}
.bizcall_wrap span:hover .photo {-webkit-transform: scale(1.1);transform: scale(1.1)}
@media screen and (max-width: 1024px) {
	.bizcall_wrap li { width:100%; margin:0 0 4% 0}

}
/*비즈콜 서비스*/






/*전국대표번호의 기능*/
.tl_function_box_warp { width:100%; padding:100px 0; text-align:center; background-color:#eff1f6; clear:both;}
.tl_function_box_warp h2 { font-size:30px; color:#000; line-height:1.6; font-weight:600}
.tl_function_box_warp h2:before{ display:block; content:""; width:30px; height:6px; background:#8fd92e; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.tl_function_box_warp h2 span{ padding:10px 10px 50px 10px; font-size:16px; display:block; color:#555; font-weight:400}

.tl_function_box_warp .content_area {    width:100%;}
.tl_function_box_warp .content_area .photo_box {    display:flex;    flex-wrap:nowrap;    align-items:stretch;    width:100%;    margin:0 0 50px 0;    padding:0;    background-color:#f9f9f9;    clear:both;}
.tl_function_box_warp .content_area .photo_box .img {    flex:0 0 35%;    width:35%;    max-width:none;    margin:0;    padding:0;    float:none;    display:block;    overflow:hidden;    box-sizing:border-box;}
.tl_function_box_warp .content_area .photo_box .img img {    display:block;    width:100%;    height:100%;    margin:0;    padding:0;    object-fit:cover;}
.tl_function_box_warp .content_area .photo_box .txt {    flex:0 0 65%;    width:65%;    max-width:none;    margin:0;    padding:50px;    float:none;    display:block;    background-color:#f9f9f9;    box-sizing:border-box;}
.tl_function_box_warp .content_area .photo_box .txt h3 {   margin:0;    padding:0;    font-size:24px;    letter-spacing:0;    font-weight:bold;    text-align:left;    line-height:1.6;}
.tl_function_box_warp .content_area .photo_box .txt p {    padding-top:20px;    word-break:keep-all;}
.tl_function_box_warp .content_area .photo_box .txt ul {    margin-top:10px;    padding-left:20px;}
.tl_function_box_warp .content_area .photo_box .txt li {    margin:10px 0;    list-style:disc;    font-size:16px;    line-height:1.7;    letter-spacing:-0.02em;    color:#555;    text-align:left;    word-break:keep-all;}
.tl_function_box_warp .content_area .photo_box .txt strong {    color:#b47b20;    font-weight:700; }
	/* 통화연결음 무상제공 강조 */
.tl_function_box_warp .photo_box .txt li.free-sound {    list-style:none;    margin:28px 0 0 0;    padding:0;}

	/* 무상제공 강조 박스 */
.tl_function_box_warp .photo_box .free-badge {
    display:inline-block;    padding:12px 25px;    background:#2253b8;    border-radius:3px;    color:#fff;    line-height:1.4;    letter-spacing:-0.03em;    box-shadow:0 3px 7px rgba(34,83,184,0.18);}

	/* 통화연결음 */
.tl_function_box_warp .photo_box .free-badge small {    margin-right:7px;    font-size:14px;    font-weight:400;    color:#fff;    opacity:0.8;}

	/* 무상 제공 */
.tl_function_box_warp .content_area .photo_box .free-badge strong {    font-size:17px;    font-weight:700;    color:#fff;}

@media screen and (max-width:960px) {
    .tl_function_box_warp {        padding:70px 20px;    }
    .tl_function_box_warp h2 {        font-size:27px;    }
    .tl_function_box_warp h2 span {        padding-bottom:35px;        font-size:15px;    }
 
		/* 가로 → 세로 배치 */
    .tl_function_box_warp .content_area .photo_box {        flex-direction:column;        width:100%;        margin-bottom:35px;    }

		/* 이미지 / 텍스트 모두 100% */
    .tl_function_box_warp .content_area .photo_box .img,
	.tl_function_box_warp .content_area .photo_box .txt {        flex:0 0 auto;        width:100%;        max-width:100%;    }

		/*
			HTML 순서와 관계없이
			모바일에서는 항상 이미지 먼저
		*/
    .tl_function_box_warp .content_area .photo_box .img {        order:1;    }
    .tl_function_box_warp .content_area .photo_box .txt {        order:2;        padding:35px 30px;    }

		 /* 모바일에서는 이미지 높이가 너무 길어지지 않도록 */
    .tl_function_box_warp .content_area .photo_box .img img {        width:100%;        height:auto;       object-fit:cover;    }
	.tl_function_box_warp .photo_box .txt li.free-sound {        margin-top:24px;    }
    .tl_function_box_warp .photo_box .free-badge {        padding:11px 22px;    }
    .tl_function_box_warp .photo_box .free-badge small {        font-size:14px;    }
    .tl_function_box_warp .photo_box .free-badge strong {        font-size:16px;    }
}

@media screen and (max-width:640px) {
    .tl_function_box_warp {  padding:55px 15px;    }
    .tl_function_box_warp h2 {        font-size:24px;        line-height:1.4;    }
    .tl_function_box_warp h2 span {        padding:10px 5px 30px;        font-size:14px;        line-height:1.6;    }
    .tl_function_box_warp .content_area .photo_box {        margin-bottom:25px;    }
    .tl_function_box_warp .content_area .photo_box .txt {        padding:27px 22px 30px;    }
    .tl_function_box_warp .content_area .photo_box .txt h3 {        font-size:21px;        line-height:1.5;    }
    .tl_function_box_warp .content_area .photo_box .txt ul {        margin-top:8px;        padding-left:18px;    }
    .tl_function_box_warp .content_area .photo_box .txt li {        margin:8px 0;        font-size:14px;        line-height:1.7;    }
	
	.tl_function_box_warp .photo_box .txt li.free-sound {        margin-top:18px;    }
    .tl_function_box_warp .photo_box .free-badge {       padding:10px 17px;       white-space:nowrap;}
    .tl_function_box_warp .photo_box .free-badge small {     margin-right:5px;    font-size:12px; }
    .tl_function_box_warp .photo_box .free-badge strong {    font-size:14px;    }
}

/*전국대표번호의 기능*/






/*전국대표번호 요금비교*/
.tl_product_box_wrap { padding:150px 0; max-width:1200px; margin:0 auto; overflow:hidden}
.tl_product_box_wrap h2{ font-size:30px; text-align:center; color:#000; line-height:1.6; font-weight:600}
.tl_product_box_wrap h2:before{ display:block; content:""; width:30px; height:6px; background:#8fd92e; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.tl_product_box_wrap h2 span{ padding:10px 10px 50px 10px; font-size:16px; text-align:center; display:block; color:#555; letter-spacing:-0.02em; font-weight:400}
.tl_product_box_wrap .table-scroll-guide {    display:none;}
.table-price-notice {
  margin: 0 0 12px;
  color: #555;
  font-size: 14px;
  line-height: 1.5;
  text-align: right;
}

.table-price-notice strong {
  color: #2253b8;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .table-price-notice {
    margin-bottom: 8px;
    padding: 0 5px;
    font-size: 13px;
    text-align: left;
  }
}
/* 기본 PC */
.tl_product_box_wrap .table-responsive-wrap {    width:100%;    overflow:visible;}
.tl_product_box_wrap #tbl-rank {    width:100%;    min-width:1100px;}

@media screen and (max-width:960px) {

    .tl_product_box_wrap {        padding:100px 20px;    }

    .tl_product_box_wrap .table-responsive-wrap {
        width:100%;
        overflow-x:auto;
        overflow-y:hidden;

        -webkit-overflow-scrolling:touch;

        border:1px solid #e0e0e0;
    }

    .tl_product_box_wrap #tbl-rank {
        width:1100px;
        min-width:1100px;

        margin:0;
    }


   .tl_product_box_wrap .table-scroll-guide {
        display:block;

        margin-bottom:8px;

        font-size:13px;
        color:#777;
        text-align:center;
    }

}

@media screen and (max-width:640px) {

    .tl_product_box_wrap {
        padding:70px 15px;
    }

    .tl_product_box_wrap h2 {
        font-size:24px;
        line-height:1.4;
    }

    .tl_product_box_wrap h2 span {
        padding:10px 5px 30px;
        font-size:14px;
        line-height:1.6;
    }

    .tl_product_box_wrap .table-responsive-wrap {
        position:relative;
        width:100%;
        overflow-x:auto;

        -webkit-overflow-scrolling:touch;
    }

    .tl_product_box_wrap #tbl-rank {
        width:1050px;
        min-width:1050px;

        font-size:13px;
    }

    .tl_product_box_wrap #tbl-rank tbody td {
        padding:12px 8px;
        white-space:nowrap;
    }

    .tl_product_box_wrap #tbl-rank .logostyle {
        height:24px;
        width:auto;
    }

}

/*전국대표번호 요금비교*/

/*전국대표번호 요금비교 예시*/
.example_wrap {width:100%; height:auto; padding:100px 0px; clear:both; background-image:url(../img/work_page_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
.example_wrap h2{ font-size:30px; text-align:center; color:#fff; line-height:1.6; font-weight:600}
.example_wrap h2:before{ display:block; content:""; width:30px; height:6px; background:#fff; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}

.example_wrap h2 > span{ padding:10px 10px 50px 10px; font-size:16px; text-align:center; display:block; color:#fff; letter-spacing:-0.02em; font-weight:400}

.example_wrap ul {
    display:flex;
    flex-wrap:wrap;
    gap:2%;

    margin:0 auto;
}

.example_wrap li {position:relative; flex:0 0 49%; width:49%; min-height:350px; margin:0; background-color:#fff;  overflow:hidden;}
.example_wrap li .bg { background-color:#2c3856; color:#fff; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1}
/* 카드 내용 */
.example_wrap li .txt_wrap {
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    padding:35px 40px;

    box-sizing:border-box;

    display:table;

    color:#fff;

    overflow:hidden;

    z-index:2;
}


/* 세로 중앙 */
.example_wrap li .txt_wrap .cell {
    width:100%;
    height:auto;

    display:table-cell;
    vertical-align:middle;
}


/* 작은 설명 */
.example_wrap li .txt_wrap .cell .example-label {
    margin-bottom:10px;

    font-size:15px;
    color:#343434;

    text-align:left;
    font-weight:normal;
}


/* 통신사 + 신청조건 */
.example_wrap li .txt_wrap .cell .example-plan {
    margin-bottom:20px;

    font-size:24px;
    color:#1a1a1a;

    font-weight:bold;
    text-align:left;
}


/* 로고 */
.example_wrap li .txt_wrap .cell .example-plan img {
    width:auto;
    height:30px;

    vertical-align:middle;
}


/* 할인율 */
.example_wrap li .txt_wrap .cell .discount {
    float:left;

    width:40%;

    margin-top:5px;

    color:#d71826;

    font-size:55px;
    line-height:1.2;
    font-weight:700;
}


/* 기존 가격 영역 */
.example_wrap li .txt_wrap .cell .price {
    float:right;

    width:55%;
}


/* 기본료 / 정상가 */
.example_wrap li .txt_wrap .cell .price01 {
    width:100%;

    margin:5px 0;
    padding:7px 15px;

    display:flex;
    align-items:center;

    border:1px solid #d5d5d5;
    border-radius:8px;

    background:#e5e5e5;

    color:#000;

    font-size:16px;

    box-sizing:border-box;
}


/* 가격 제목 */
.example_wrap li .txt_wrap .cell .price01 .t1 {
    float:none;

    width:35%;

    text-align:center;
}


/* 가격 값 */
.example_wrap li .txt_wrap .cell .price01 .t2 {
    float:none;

    width:65%;

    padding-left:15px;

    text-align:left;
    text-decoration:line-through;
}


/* 최종할인가 */
.example_wrap li .txt_wrap .price_f {
    clear:both;

    float:none;

    width:100%;

    margin-top:15px;
    padding:10px 15px;

    display:flex;
    align-items:center;

    border:1px solid #d71826;
    border-radius:10px;

    background:#fff;

    color:#d71826;

    font-size:30px;
    line-height:1.3;
    font-weight:700;

    letter-spacing:-1px;

    box-sizing:border-box;
}


/* 최종할인가 제목 */
.example_wrap li .txt_wrap .price_f .t1 {
    float:none;

    width:50%;

    text-align:center;
    color:#000;
}


/* 최종가격 */
.example_wrap li .txt_wrap .price_f .t2 {
    float:none;

    width:50%;

    text-align:center;
}


.example_wrap li:nth-child(4n+1) { margin-left:0}
.example_wrap em strong { width:100%; border-radius:20px; background:#000;  align-self: center;font-size: 35px; font-weight: 700; letter-spacing: -1.92px; font-style:normal; border: 1px solid #d71826;  color: #d71826; padding:0px 10px;}


/*기업인터넷전화, 기업인터넷, 랜공사 지원*/
.add_box_wrap { padding:150px 0; max-width:1200px; margin:0 auto; overflow:hidden}
.add_box_wrap h2{ font-size:30px; text-align:center; color:#000; line-height:1.6; font-weight:600}
.add_box_wrap h2:before{ display:block; content:""; width:30px; height:6px; background:#8fd92e; margin:0 auto 20px auto; border-radius:10px;
-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.add_box_wrap h2 span{ padding:10px 10px 50px 10px; font-size:16px; text-align:center; display:block; color:#555; letter-spacing:-0.02em; font-weight:400}

/* =========================================================
   기업 통신 서비스 3단 구성
========================================================= */

.add_service_list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/* 개별 서비스 카드 */
.add_service_item {
    position: relative;
    overflow: hidden;
    min-width: 0;
    background: #fff;
    border: 1px solid #e5e9f1;
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(25, 48, 91, 0.08);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.add_service_item:hover {
    transform: translateY(-7px);
    box-shadow: 0 20px 45px rgba(25, 48, 91, 0.15);
}


/* 이미지 영역 */
.add_service_image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 4 / 3;
    background: #edf1f8;
}

/* 이미지가 없는 현재 단계의 임시 표시 */
.add_service_image span {
    position: relative;
    z-index: 1;
    color: #7d899d;
    font-size: 15px;
    font-weight: 500;
}

/* 카드마다 임시 배경색을 조금씩 다르게 적용 */
.add_service_image_phone {
    background: linear-gradient(135deg, #eaf0fc 0%, #dce7fa 100%);
}

.add_service_image_internet {
    background: linear-gradient(135deg, #eef3fb 0%, #e0e9f7 100%);
}

.add_service_image_lan {
    background: linear-gradient(135deg, #edf2f8 0%, #dfe7f2 100%);
}


/* 실제 이미지가 들어갔을 때 */
.add_service_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.add_service_item:hover .add_service_image img {
    transform: scale(1.04);
}


/* 텍스트 영역 */
.add_service_content {
    position: relative;
    min-height: 270px;
    padding: 34px 30px 38px;
}


/* 순번 */
.add_service_number {
    display: block;
    margin-bottom: 14px;
    color: #2253b8;
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.08em;
}


/* 서비스명 */
.add_service_content h3 {
    position: relative;
    margin: 0 0 28px;
    padding-bottom: 20px;
    color: #161d2d;
    font-size: 25px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: -0.04em;
}

.add_service_content h3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 36px;
    height: 3px;
    border-radius: 10px;
    background: #2253b8;
    content: "";
}


/* 핵심 혜택 */
.add_service_benefit {
    display: block;
    margin-bottom: 12px;
    color: #2253b8;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -0.02em;
    word-break: keep-all;
}


/* 상세 설명 */
.add_service_content p {
    margin: 0;
    color: #5f6878;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    letter-spacing: -0.02em;
    word-break: keep-all;
}


/* =========================================================
   태블릿
========================================================= */

@media (max-width: 991px) {

    .add_service_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        padding: 0 24px;
    }

    .add_service_content {
        min-height: 260px;
    }
}


/* =========================================================
   모바일
========================================================= */

@media (max-width: 767px) {

    .add_service_list {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 0 18px;
    }

    .add_service_item {
        max-width: 520px;
        margin: 0 auto;
        border-radius: 15px;
    }

    .add_service_item:hover {
        transform: none;
    }

    .add_service_content {
        min-height: auto;
        padding: 27px 24px 31px;
    }

    .add_service_number {
        margin-bottom: 12px;
        font-size: 13px;
    }

    .add_service_content h3 {
        margin-bottom: 23px;
        padding-bottom: 17px;
        font-size: 22px;
    }

    .add_service_benefit {
        font-size: 16px;
    }

    .add_service_content p {
        font-size: 14px;
        line-height: 1.75;
    }
}


@media screen and (max-width:960px) {

    .example_wrap {        padding:80px 20px;    }
    .example_wrap h2 {        font-size:27px;    }
    .example_wrap li .txt_wrap {        padding:30px;    }
    .example_wrap li .txt_wrap .cell .example-plan {        font-size:21px;    }
    .example_wrap li .txt_wrap .cell .discount {        font-size:46px;    }
    .example_wrap li .txt_wrap .price_f {        font-size:26px;    }
}

@media screen and (max-width:640px) {

    .example_wrap {        padding:60px 15px;    }
    .example_wrap h2 {        font-size:24px;        line-height:1.4;    }
    .example_wrap h2 > span {        padding:10px 5px 30px;        font-size:14px;        line-height:1.6;    }

    /* 카드 1열 */
    .example_wrap ul {        display:block;    }
    .example_wrap li {        width:100%;        min-height:auto;        margin:0 0 20px 0;   }

    /* absolute 해제 */
    .example_wrap li .txt_wrap {        position:relative;        height:auto;        min-height:0;        padding:28px 22px;        display:block;    }
    .example_wrap li .txt_wrap .cell {        display:block;    }
    .example_wrap li .txt_wrap .cell .example-label {        font-size:13px;        line-height:1.5;    }
    .example_wrap li .txt_wrap .cell .example-plan {        margin-bottom:20px;        font-size:18px;        line-height:1.5;    }
    .example_wrap li .txt_wrap .cell .example-plan img {        height:24px;    }

    /* 할인율 */
    .example_wrap li .txt_wrap .cell .discount {        float:none;        width:100%;        margin:0 0 15px 0;        font-size:45px;        text-align:left;    }

    /* 가격박스 전체폭 */
    .example_wrap li .txt_wrap .cell .price {        float:none;        width:100%;    }
    .example_wrap li .txt_wrap .cell .price01 {        margin:7px 0;        padding:9px 12px;        font-size:14px;    }
    .example_wrap li .txt_wrap .cell .price01 .t1 {        width:35%;    }
    .example_wrap li .txt_wrap .cell .price01 .t2 {        width:65%;        padding-left:10px;    }

    /* 최종할인가 */
    .example_wrap li .txt_wrap .price_f {      margin-top:15px;        padding:11px 10px;        font-size:20px;    }
    .example_wrap li .txt_wrap .price_f .t1 { width:45%;    }
    .example_wrap li .txt_wrap .price_f .t2 {   width:55%;    }
}
/*전국대표번호 요금비교 예시*/



/*메인 공지 최신글*/
.tl_latest_box_warp { width:100%; max-width:1200px; margin:0 auto; padding:0px 20px 100px 20px; border-top:1px solid #ddd; clear:both; overflow:hidden}
.tl_latest_box_warp .notice_latest { width:48%; float:left}
.tl_latest_box_warp .counsel_latest {width:48%; float:right}
@media screen and (max-width: 960px) {
	.tl_latest_box_warp .notice_latest { width:100%}
	.tl_latest_box_warp .counsel_latest { width:100%}
}
/*메인 공지 최신글*/






/*하단 상담신청*/
.tl_contact_box_wrap  { width:100%; min-height:550px; padding:100px 0; background:url(../img/bottom_contact_bg.jpg)  center top no-repeat; background-size:cover; background-filter:brightness(200%); }
.tl_contact_box_wrap .inner { max-width:600px; margin:0 auto; padding:0 20px 0} 
.tl_contact_box_wrap h2 {text-align:center;font-size:30px; color:#000; line-height:1.6; font-weight:600}
.tl_contact_box_wrap h2 span {padding:10px 0 50px 10px; display:block; font-size:16px; color:#000; opacity:0.8; font-weight:400; letter-spacing:-0.02em}
.tl_contact_box_wrap .input_page #co_name { width:48%; height:60px; font-size:15px; color:#6e6e6e; padding-left:10px; float:left; border:0}
.tl_contact_box_wrap .input_page #co_email { width:48%; height:60px; font-size:15px; color:#6e6e6e; padding-left:10px; float:right; border:0}
.tl_contact_box_wrap .input_page #co_num { margin-top:20px;  width:48%; height:60px; font-size:15px; color:#6e6e6e; padding-left:10px; float:left; border:0}
.tl_contact_box_wrap .txtarea_page  #co_message { margin-top:20px; width:100%; height:120px;  font-size:15px; color:#6e6e6e; padding:10px 0 0 10px; border:0}
.tl_contact_box_wrap .send_page { text-align:center;}
.tl_contact_box_wrap .send_page .send {margin:50px 0 0;  max-width:142px; height:41px; line-height:41px; padding:0px 40px;background-color: #3949a3; font-size:15px; font-weight:bold; color:#fff; border:0; border-radius:20px}
.tl_contact_box_wrap #x_message{position:absolute;width:300px;border-radius:10px;height:50px;text-align:center;line-height:50px;top:50px;left:50%;margin-left:-150px;background-color:#FDD;border:2px solid #C00;font-weight:700;color:#666;z-index:1000}
.tl_contact_box_wrap #x_loading{position:absolute;display:none;width:200px;height:200px;top:50px;left:50%;margin-left:-100px;z-index:1;font-size:100px;line-height:200px}
.tl_contact_box_wrap #x_message.x-msg1 {background-color: #FDD;}
.tl_contact_box_wrap #x_message.x-msg2 {background-color: #9C6;border:2px solid #096}
/*하단 상담신청*/









/*서브상단*/
.sub_visual{position:relative;max-width:2560px;margin:0 auto;height:472px;overflow:hidden;background-repeat:no-repeat;background-position:center top}
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.png)}
.sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)}
.sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sub_visual .title_warp { max-width:1240px; margin:0 auto; display:table; z-index:5}
.sub_visual .title_warp .table-cell { display:table-cell; vertical-align:middle; height:472px;}
.sub_visual h3,
.sub_visual h1{position:relative;z-index:5;font-size:45px;font-weight:bold; text-align:center; letter-spacing:-1px; color:#fff}
.sub_visual .sub_title{ position:relative; padding-bottom:10px; font-size:14px; font-weight:500; color:#fff; text-align:center; opacity:.8; z-index:5}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:0.5;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
@media screen and (max-width: 640px) {
    .sub_visual .title_warp { max-width:100%;}
	.sub_visual h3,
.sub_visual h1 { font-size:35px}
	.sub_visual .sub_title { font-size:13px}
}
/*서브상단*/






/*080*/

.free080_first_wrap { width:100%;}
.free080_first_wrap .txtCon { max-width:1300px; margin:0 auto; padding:60px 20px 50px 20px; font-weight:400; position:relative; clear:both}
.free080_first_wrap .txtCon .sub_title{ margin-bottom:100px}
.free080_first_wrap .txtCon .sub_title h2 {font-size:38px; color:#000; text-align:center}
.free080_first_wrap .txtCon .sub_title h2:before {content:""; display:block; height:40px; width:1px; margin:20px  auto; background-color:#b0b0b0}
.free080_first_wrap .txtCon .sub_title  {font-size: 16px; color:#555; font-weight:400; text-align:center; padding-top:20px; word-break:keep-all;}
.free080_first_wrap .txtboard { max-width:1200px;  font-size:12px;}
@media screen and (max-width: 640px) {
   .free080_first_wrap .txtCon .sub_title h2 { font-size:32px}
   .free080_first_wrap .txtCon .sub_title{ margin-bottom:30px}
}

.free080_second_wrap { width:100%;background:url(../img/line_other_5_bg.jpg) center  no-repeat; background-size:cover;}
.free080_second_wrap  .txtCon { max-width:1300px; margin:0 auto; padding:60px 20px 50px 20px; font-weight:400; position:relative; clear:both}
.free080_second_wrap  .txtCon .sub_title{ margin-bottom:100px}
.free080_second_wrap  .txtCon .sub_title h2 {font-size:38px; color:#fff; text-align:center}
.free080_second_wrap  .txtCon .sub_title h2:before {content:""; display:block; height:40px; width:1px; margin:20px  auto; background-color:#b0b0b0}
.free080_second_wrap  .txtCon .sub_title {font-size: 16px; color:#555; font-weight:400; text-align:center; padding-top:20px; word-break:keep-all;}
.free080_second_wrap  .txtboard { max-width:1200px;  font-size:12px;}
@media screen and (max-width: 640px) {
   .free080_second_wrap .txtCon .sub_title h2 { font-size:32px}
   .free080_second_wrap  .txtCon .sub_title{ margin-bottom:30px}
}

.free080_third_wrap { padding:80px 0; max-width:1200px; margin:0 auto; overflow:hidden}
.free080_third_wrap h2{ font-size:38px; color:#000; text-align:center}
.free080_third_wrap h2:before{content:""; display:block; height:40px; width:1px; margin:20px  auto; background-color:#b0b0b0}
.free080_third_wrap h2 span{ padding:10px 10px 50px 10px; font-size:16px; text-align:center; display:block; color:#555; letter-spacing:-0.02em; font-weight:400}
.free080_third_wrap .table-scroll-guide {    display:none;}

.fee-table-wrap {
    width: 100%;
    overflow-x: auto;
    border-top: 2px solid #2253b8;
    background-color: #fff;
    box-sizing: border-box;
}

.fee-table {
    width: 100%;
    min-width: 700px;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

/* 첫 번째 구분 열 */
.fee-table .fee-category-col {
    width: 16%;
}

/* 모든 셀 */
.fee-table th,
.fee-table td {
    height: 70px;
    padding: 15px 20px;

    border: 1px solid #dce1e8;

    color: #404650;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    word-break: keep-all;

    box-sizing: border-box;

	 border-top: 0;
}

/* 표 상단 제목 셀 */
.fee-table thead th {
    height: 58px;

    background-color: #f3f6fc;
    color: #18366f;

    font-weight: 600;
}

/* 왼쪽 구분 셀 */
.fee-table tbody th {
    background-color: #fafbfc;
    color: #2253b8;
    font-weight: 600;
}

/* 일반 내용 셀 */
.fee-table tbody td {
    background-color: #fff;
}

/* 기본료 행 */
.fee-table .basic-fee-row td {
    background-color: #f8faff;
    color: #18366f;
    font-weight: 600;
}

/* 프리미엄 문구 */
.fee-table .basic-fee-row td span {
    margin-left: 3px;
    color: #687181;
    font-weight: 400;
}

/* 마우스를 올렸을 때 */
.fee-table tbody tr:hover th,
.fee-table tbody tr:hover td {
    background-color: #f7f9fd;
}


/*========================================
  모바일
========================================*/

@media screen and (max-width: 640px) {

    .fee-table-wrap {
        overflow: visible;
        border-top-width: 2px;
    }

    .fee-table {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .fee-table colgroup {
        display: none;
    }

    /*
     * 모바일에서는 표 제목 행을 숨기고
     * 각 요금 옆에 통신 유형을 표시
     */
    .fee-table thead {
        position: absolute;

        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;

        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .fee-table tbody,
    .fee-table tbody tr,
    .fee-table tbody th,
    .fee-table tbody td {
        display: block;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }

    /* 각 항목을 하나의 모바일 영역으로 구분 */
    .fee-table tbody tr {
        margin: 0 0 12px;
        border: 1px solid #dce1e8;
    }

    .fee-table tbody tr:last-child {
        margin-bottom: 0;
    }

    /* 통화료·기본료 제목 */
    .fee-table tbody th {
        padding: 14px 16px;

        border: 0;
        border-bottom: 1px solid #dce1e8;

        background-color: #f3f6fc;
        color: #2253b8;

        font-size: 15px;
        text-align: left;
    }

    /* 모바일 요금 셀 */
    .fee-table tbody td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;

        padding: 12px 16px;

        border: 0;
        border-bottom: 1px solid #edf0f4;

        font-size: 14px;
        text-align: right;
    }

    /* 통신 유형 표시 */
    .fee-table tbody td::before {
        content: attr(data-label);

        color: #6d7480;
        font-weight: 400;
        text-align: left;
    }

    .fee-table tbody tr:not(.basic-fee-row) td:last-child {
        border-bottom: 0;
    }

    /* 모바일 기본료 */
    .fee-table .basic-fee-row td {
        display: block;
        padding: 14px 16px;

        border: 0;

        color: #18366f;
        text-align: left;
    }

    .fee-table .basic-fee-row td::before {
        display: none;
    }
}
/* 080 이용요금 표 하단 안내 */
.fee-table-note {
    margin-top: 14px;
    color: #626a76;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    text-align: left;
    word-break: keep-all;
}

.fee-table-note p {
    margin: 0;
    padding: 0;
}

.fee-table-note p + p {
    margin-top: 2px;
}

@media screen and (max-width: 640px) {

    .fee-table-note {
        margin-top: 12px;
        padding: 0 2px;
        font-size: 12px;
        line-height: 1.6;
    }
}

/*080*/



/*서브 하단 네비*/
.category-wrap {width:100%; height:70px; background-color:#fff; border-bottom:1px solid #ddd;  clear:both; background-attachment:scroll; position:relative; z-index:3}
.sub_navI_warp { background-color:#fff; max-width:1300px; z-index:3; position:relative; margin: -70px auto;}
.all-wrap{max-width:1300px;  height:69px; margin:0 auto;   transition:all .3s ease;}
.all-wrap .loca-wrap{width:100%;margin:0 auto;height:69px}
.all-wrap .loca-wrap .loca-area i{float:left;display:inline-block;width:60px;height:71px; line-height:65px;  color:#555; border-right:1px solid #ddd; padding:0; margin-top:0; text-align:center}
.all-wrap .loca-wrap .loca-area{height:69px;float:left;}
.all-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%; float:left; line-height:100%; text-align:center;}
.all-wrap .loca-wrap .loca-area > a img {margin-top:17px;}
.all-wrap .loca-wrap .loca-area>ul {float: left;margin:0; padding:0;}
.all-wrap .loca-wrap .loca-area>ul>li{float:left;width:220px;height:70px;position:relative; margin-left:-1px}
.all-wrap .loca-wrap .loca-area>ul>li button{height:69px;width:220px;position:relative;text-align:left; background-image:url(../img/loca_arrow_off.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;  border:0;  background-color: inherit; box-sizing: border-box;
    border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.all-wrap .loca-wrap .loca-area>ul>li button.active{background-image:url(../img/loca_arrow_on.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.all-wrap .loca-wrap .loca-area>ul>li button span {padding-left: 19px;background-color: transparent; color:#333; font-size:15px}
.all-wrap .loca-wrap .loca-area>ul>li div{overflow:hidden;height:0;position:relative}
.all-wrap .loca-wrap .loca-area>ul>li div ul{display:block;position:absolute;width:100%;left:0;border:1px solid #ddd; background-color:#fff; padding:0}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a{ border-bottom:1px solid #ddd; background:#fff;height:46px;color:#555;line-height:46px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:19px; font-size:15px; box-sizing:border-box}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover { color:#000; font-weight:bold}
.all-wrap .loca-wrap .share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.all-wrap .loca-wrap .share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; border-bottom: 1px solid #ddd; cursor:pointer}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.all-wrap .loca-wrap .share-area .share-btn{width:34px;height:34px;background-image:url(../img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease;     background-color: inherit; border:0; margin-right:20px}
.all-wrap .loca-wrap .share-area .share-btn.active {background-image: url(../img/share_close_bt.png);border-left: 1px solid #fff;}

@media screen and (max-width: 640px) {
    .all-wrap .loca-wrap .loca-area {100%; float:none;}
	.all-wrap .loca-wrap .loca-area > a {width:10%;}
	.all-wrap .loca-wrap .share-area { display:none}
	.all-wrap .loca-wrap .loca-area > ul {width:100%;}
	.all-wrap .loca-wrap .loca-area > ul > li { width:50%}
	.all-wrap .loca-wrap .loca-area > ul > li:first-child { border:0}
	.all-wrap .loca-wrap .loca-area > ul > li button {width:100%; border-right:0}
	.all-wrap .loca-wrap .loca-area i { display:none}

}
/*서브 하단 네비*/






/*푸터*/
#footer { padding: 30px 0px; width: 100%;  max-width:2560px;  position:relative; z-index:10; background-color:#0d0d0d; clear:both }
#footer .footer_in { position:relative; z-index:10; max-width:1200px; height:224px; padding:0 10px 0 10px; margin:0 auto; }
#footer .gotop { position:fixed; left:0; bottom:20px; width:100%; min-width:1080px; height:1px; text-align:center; }
#footer .gotop a { position:absolute; right:7px; bottom:0; }
#footer .menu { display:block; padding:7px 0 0;  }
#footer .menu a { display:inline-block; margin-right:28px; font-size:14px; font-weight:bold; color:#bbb; }
#footer .menu a:active { font-size:14px;} 
#footer .menu a strong { color:#f36910; }
#footer address { position:relative; margin:35px 0 0; padding-top:37px; border-top:1px solid #414141; font-size:14px; color:#a9a9a9; } /* font-weight:bold; */
#footer .adr { display:block; margin:0 0 6px; vertical-align:middle; font-style:normal; }
#footer .adr:before { content:""; display:inline-block; width:3px; height:3px; margin:0 8px 0 0; border-radius:3px; background-color:#fff; vertical-align:middle; }
#footer .copyright { display:block; margin:22px 0 0; font-size:11px;font-style:normal;  }
#footer a.wa { position:absolute; right:0; top:37px; }
/*푸터*/



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


@media screen and (max-width:960px) {

    /* 스크롤 전/후 헤더 위치 고정 */
    #header,
    .scrolled #header {
        position:fixed;
        top:0;
        left:0;

        width:100%;
        max-width:none;

        transform:none;

        z-index:1000;
    }

    /* 스크롤 후 헤더 */
    .scrolled #header {
        background:#fff;
        border-bottom:1px solid #ddd;
    }


    /* =====================================================
       햄버거 버튼
       기본 / 부모 scrolled / 버튼 자체 scrolled
       모든 경우 동일하게 처리
    ===================================================== */

    #open-button,
    .scrolled #open-button,
    #open-button.scrolled {
        position:fixed !important;

        top:18px !important;
        right:15px !important;
        bottom:auto !important;
        left:auto !important;

        width:40px !important;
        height:36px !important;

        margin:0 !important;
        padding:0 !important;

        display:block !important;

        opacity:1 !important;
        visibility:visible !important;

        z-index:3000 !important;

        background:transparent !important;
        border:0;

        cursor:pointer;

        transform:none !important;
        -webkit-transform:none !important;
    }


    /* 햄버거 선 공통 */
    #open-button .navicon-line,
    .scrolled #open-button .navicon-line,
    #open-button.scrolled .navicon-line {
        position:absolute;

        right:0 !important;
        left:auto !important;

        height:2px;

        margin:0;
        padding:0;

        background:#000 !important;

        border-radius:1px;

        opacity:1;

        transition:
            top .25s ease,
            width .25s ease,
            transform .25s ease,
            opacity .25s ease;
    }


    /* 위 */
    #open-button .nl1,
    .scrolled #open-button .nl1,
    #open-button.scrolled .nl1 {
        top:5px !important;
        right:0 !important;

        width:30px !important;
    }


    /* 가운데 */
    #open-button .nl2,
    .scrolled #open-button .nl2,
    #open-button.scrolled .nl2 {
        top:14px !important;
        right:0 !important;

        width:24px !important;
    }


    /* 아래 */
    #open-button .nl3,
    .scrolled #open-button .nl3,
    #open-button.scrolled .nl3 {
        top:23px !important;
        right:0 !important;

        width:30px !important;
    }


    /* =====================================================
       RIGHT-SIDE가 열린 상태
       햄버거 → X
    ===================================================== */

    #open-button.on .nl1,
    .scrolled #open-button.on .nl1,
    #open-button.scrolled.on .nl1 {
        top:14px !important;

        width:28px !important;

        transform:rotate(45deg) !important;
        -webkit-transform:rotate(45deg) !important;
    }


    #open-button.on .nl2,
    .scrolled #open-button.on .nl2,
    #open-button.scrolled.on .nl2 {
        opacity:0 !important;
    }


    #open-button.on .nl3,
    .scrolled #open-button.on .nl3,
    #open-button.scrolled.on .nl3 {
        top:14px !important;

        width:28px !important;

        transform:rotate(-45deg) !important;
        -webkit-transform:rotate(-45deg) !important;
    }

}


/* =========================================================
   스마트폰
========================================================= */

@media screen and (max-width:640px) {

    #open-button,
    .scrolled #open-button,
    #open-button.scrolled {
        top:14px !important;
        right:15px !important;
    }

}

/* 빠른상담 모바일 접기/펼치기 버튼 */
#header .header-inner2 {
    position: relative;
}

/* PC에서는 버튼 숨김 */
#header .quick-consult-toggle {
    display: none;
}

@media screen and (max-width: 640px) {

    /*
     * 화살표 버튼
     * 빠른상담 영역의 아래쪽 중앙에 표시
     */
    #header .quick-consult-toggle {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;

        left: 50%;
        bottom: -28px;
        transform: translateX(-50%);

        width: 58px;
        height: 28px;
        margin: 0;
        padding: 0;

        border: 0;
        border-radius: 0 0 14px 14px;
        background-color: #2253b8;
        box-shadow: 0 4px 7px rgba(0, 0, 0, 0.18);

        cursor: pointer;
        z-index: 10;
    }

    /* 화살표 모양 */
    #header .quick-consult-toggle::before {
        display: block;
        content: "";

        width: 9px;
        height: 9px;

        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;

        /* 펼쳐진 상태: 위쪽 화살표 */
        transform: rotate(-135deg);
        transition: transform 0.25s ease;
    }

    /*
     * 빠른상담을 접었을 때
     * 제목과 입력 폼만 숨기고 화살표 버튼은 유지
     */
    /* 접힌 상태에서도 제목은 유지 */
    #header .header-inner2.is-collapsed {
        min-height: 44px;
        padding: 11px 15px;
    }

    #header .header-inner2.is-collapsed #contact_title {
        display: block;
        width: 100%;
        margin: 0;
        line-height: 22px;

    }

    /* 입력 폼만 숨김 */
    #header .header-inner2.is-collapsed #contact-form {
        display: none;
    }

    /* 접힌 상태에서는 아래쪽 화살표 */
    #header .header-inner2.is-collapsed
    .quick-consult-toggle::before {
        transform: rotate(45deg);
    }
}




    .privacy-layer {
        position: fixed;
        display: none;
        align-items: center;
        justify-content: center;

        inset: 0;
        padding: 20px;

        box-sizing: border-box;
        z-index: 10000;
    }

    .privacy-layer.is-open {
        display: flex;
    }

    /* 반투명 배경 */
    .privacy-layer-bg {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.58);
    }

    /* 개인정보 내용 상자 */
    .privacy-layer-box {
        position: relative;
        display: flex;
        flex-direction: column;

        width: 100%;
        max-width: 500px;
        max-height: calc(100vh - 60px);

        background: #fff;
        border-radius: 10px;
        box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);
        overflow: hidden;

        z-index: 1;
    }

    .privacy-layer-header {
        display: flex;
        align-items: center;
        justify-content: space-between;

        min-height: 52px;
        padding: 0 15px 0 18px;

        background: #2253b8;
        color: #fff;
        box-sizing: border-box;
    }

    .privacy-layer-header strong {
        font-size: 15px;
        font-weight: 600;
    }

    .privacy-layer-close {
        width: 36px;
        height: 36px;
        margin: 0;
        padding: 0;

        border: 0;
        background: transparent;
        color: #fff;

        font-size: 30px;
        font-weight: 300;
        line-height: 36px;
        cursor: pointer;
    }

    .privacy-layer-content {
        flex: 1;
        min-height: 0;
        padding: 18px;
        background: #fff;
        overflow: hidden;
    }

    .privacy-layer-content iframe {
        display: block;
        width: 100%;
        height: 330px;
        max-height: calc(100vh - 190px);

        margin: 0;
        padding: 0;
        border: 0;
        background: #fff;
    }

    .privacy-layer-footer {
        padding: 12px 18px 16px;
        background: #fff;
    }

    .privacy-layer-confirm {
        display: block;
        width: 100%;
        height: 42px;

        margin: 0;
        padding: 0;

        border: 0;
        border-radius: 4px;
        background: #2253b8;
        color: #fff;

        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
    }

    /* 레이어가 열렸을 때 배경 스크롤 방지 */
    body.privacy-layer-open {
        overflow: hidden;
    }

/* =========================================================
   기업 통신서비스 광고형 3단 구성
========================================================= */

.add_promo_list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/* 카드 공통 */
.add_promo_item {
    --promo-color: #2253b8;
    --promo-dark: #173b88;
    --promo-light: #edf3ff;

    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    background: var(--promo-color);
    border-radius: 22px;
    box-shadow: 0 18px 42px rgba(18, 38, 78, 0.17);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* 카드별 컬러 */
.add_promo_phone {
    --promo-color: #2253b8;
    --promo-dark: #173b88;
    --promo-light: #edf3ff;
}

.add_promo_internet {
    --promo-color: #6851b7;
    --promo-dark: #503b9c;
    --promo-light: #f0edff;
}

.add_promo_lan {
    --promo-color: #e87327;
    --promo-dark: #c95713;
    --promo-light: #fff1e7;
}


/* 카드 배경 장식 */
.add_promo_item::after {
    position: absolute;
    right: -65px;
    bottom: -75px;
    width: 210px;
    height: 210px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}


/* 이미지 */
.add_promo_image {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #e8edf5;
}

.add_promo_image::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 45%;
    background: linear-gradient(
        to top,
        rgba(13, 25, 52, 0.38) 0%,
        rgba(13, 25, 52, 0) 100%
    );
    content: "";
    pointer-events: none;
}

.add_promo_image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.55s ease;
}


/* 이미지 위 혜택 배지 */
.add_promo_badge {
    position: absolute;
    right: 22px;
    bottom: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 43px;
    padding: 9px 18px;
    color: var(--promo-dark);
    background: #fff;
    border-radius: 50px 50px 0 0;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.13);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.03em;
    word-break: keep-all;
}


/* 텍스트 영역 */
.add_promo_content {
    position: relative;
    z-index: 1;
    flex: 1;
    min-height: 290px;
    padding: 31px 29px 38px;
    color: #fff;
    text-align: left;
}


/* 영문 카테고리 */
.add_promo_category {
    display: block;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.14em;
}


/* 가장 중요한 서비스명 */
.add_promo_content h3 {
    margin: 0 0 21px;
    color: #fff;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -0.055em;
    word-break: keep-all;
}


/* 타이틀 아래 구분선 */
.add_promo_content h3::after {
    display: block;
    width: 34px;
    height: 3px;
    margin-top: 18px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    content: "";
}


/* 서브타이틀 */
.add_promo_subtitle {
    display: block;
    margin-bottom: 13px;
    color: #fff;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
    letter-spacing: -0.035em;
    word-break: keep-all;
}


/* 상세 설명 */
.add_promo_content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 1.8;
    font-weight: 400;
    letter-spacing: -0.02em;
    word-break: keep-all;
}


/* 마우스 효과 */
.add_promo_item:hover {
    transform: translateY(-9px);
    box-shadow: 0 26px 55px rgba(18, 38, 78, 0.24);
}

.add_promo_item:hover .add_promo_image img {
    transform: scale(1.045);
}


/* =========================================================
   태블릿
========================================================= */

@media (max-width: 991px) {

    .add_promo_list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        padding: 0 24px;
    }

    .add_promo_content {
        min-height: 280px;
    }
}


/* =========================================================
   모바일
========================================================= */

@media (max-width: 767px) {

    .add_promo_list {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 0 18px;
    }

    .add_promo_item {
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
        border-radius: 18px;
    }

    .add_promo_item:hover {
        transform: none;
    }

    .add_promo_image {
        aspect-ratio: 16 / 9;
    }

    .add_promo_badge {
        right: 18px;
        min-height: 39px;
        padding: 8px 15px;
        font-size: 14px;
    }

    .add_promo_content {
        min-height: auto;
        padding: 27px 24px 32px;
    }

    .add_promo_category {
        margin-bottom: 9px;
        font-size: 10px;
    }

    .add_promo_content h3 {
        margin-bottom: 18px;
        font-size: 26px;
    }

    .add_promo_content h3::after {
        margin-top: 15px;
    }

    .add_promo_subtitle {
        margin-bottom: 11px;
        font-size: 17px;
    }

    .add_promo_content p {
        font-size: 14px;
        line-height: 1.75;
    }
}

/* =========================================================
   헤더 대표전화
========================================================= */

#header .header-inner {
    display: flex;
    align-items: center;
}

/* 로고 옆 상담전화 */
#header .header_call {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    margin-left: 21px;
    padding-left: 21px;
    color: #2253b8;
    text-decoration: none;
    white-space: nowrap;
}

/* 로고와 전화번호 사이 구분선 */
#header .header_call::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 38px;
    background: #dfe4ed;
    transform: translateY(-50%);
    content: "";
}

/* 전화 아이콘 */
#header .header_call_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    color: #fff;
    background: #2253b8;
    border-radius: 50%;
    box-shadow: 0 6px 15px rgba(34, 83, 184, 0.24);
    font-size: 21px;
    transition:
        background-color 0.25s ease,
        transform 0.25s ease;
}

/* 가입상담과 전화번호 묶음 */
#header .header_call_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1;
}

/* 가입상담 */
#header .header_call_text small {
    display: block;
    margin-bottom: 5px;
    color: #6c7481;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.03em;
}

/* 전화번호 */
#header .header_call_text strong {
    display: block;
    color: #2253b8;
    font-size: 22px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.035em;
}

/* 마우스 효과 */
#header .header_call:hover {
    color: #173b88;
}

#header .header_call:hover .header_call_icon {
    background: #173b88;
    transform: scale(1.06);
}

#header .header_call:hover .header_call_text strong {
    color: #173b88;
}


/* =========================================================
   태블릿
========================================================= */

@media screen and (max-width: 960px) {

    #header .header_call {
        gap: 8px;
        margin-left: 16px;
        padding-left: 16px;
    }

    #header .header_call::before {
        height: 33px;
    }

    #header .header_call_icon {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    #header .header_call_text strong {
        font-size: 19px;
    }
}


/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 640px) {

    #header .header-inner {
        padding-right: 57px;
        box-sizing: border-box;
    }

    #header .header_call {
        gap: 6px;
        margin-left: 10px;
        padding-left: 10px;
    }

    #header .header_call::before {
        height: 30px;
    }

    #header .header_call_icon {
        width: 30px;
        height: 30px;
        font-size: 16px;
        box-shadow: 0 4px 10px rgba(34, 83, 184, 0.2);
    }

    #header .header_call_text small {
        margin-bottom: 3px;
        font-size: 9px;
    }

    #header .header_call_text strong {
        font-size: 16px;
        letter-spacing: -0.04em;
    }

    #header .header_call:hover .header_call_icon {
        transform: none;
    }
}


/* 폭이 매우 좁은 모바일 */
@media screen and (max-width: 360px) {

    #header .header_call_icon {
        display: none;
    }

    #header .header_call {
        margin-left: 9px;
        padding-left: 9px;
    }

    #header .header_call_text strong {
        font-size: 15px;
    }
}

/* SEO/GEO 추가 시작: 가입 안내 영역의 PC·모바일 스타일 */
.seo-guide {
    padding: 76px 20px;
    background: #f7f8fa;
    color: #222;
}

.seo-guide .inner {
    max-width: 1200px;
    margin: 0 auto;
}

.seo-guide h2 {
    margin: 0 0 14px;
    font-size: 30px;
    text-align: center;
}

.seo-guide-intro {
    margin: 0 auto 36px;
    text-align: center;
    line-height: 1.7;
    word-break: keep-all;
}

.seo-guide-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.seo-guide-grid > div {
    padding: 28px;
    background: #fff;
    border: 1px solid #e5e8ed;
    border-radius: 8px;
}

.seo-guide-grid h3 {
    margin: 0 0 12px;
    font-size: 20px;
}

.seo-guide-grid p {
    margin: 0;
    line-height: 1.7;
    word-break: keep-all;
}

@media (max-width: 640px) {
    .seo-guide { padding: 52px 20px; }
    .seo-guide h2 { font-size: 24px; }
    .seo-guide-grid { grid-template-columns: 1fr; }
    .seo-guide-grid > div { padding: 22px; }
}

/* SEO/GEO 변경: 가입 안내 문단을 기존 본문과 같은 16px로 표시 */
.seo-guide .seo-guide-intro,
.seo-guide .seo-guide-grid p {
    font-size: 16px;
    line-height: 1.7;
}