@charset "UTF-8";

/* (주)한신정보기술 안병민 - 2025.09 */

/* ---------- sub_visual 시작 ---------- */
.sub_visual{display:none;}
.banner-chat{display:none;}
/* ---------- sub_visual 종료 ---------- */

/* ---------- colgroup 시작 ---------- */
.colgroup{display:block;position:relative;float:right;width:calc(100% - 296px);padding:0 0 75px 75px;box-sizing:border-box;}
.colgroup:before{display:block;position:absolute;top:0;left:0;width:1px;height:100%;background-color:#cdd1d5;content:'';box-sizing:border-box;}
.colgroup article{display:block;position:relative;width:100%;box-sizing:border-box;}
@media all and (min-width:1001px){
    body[data-sub-type='wide'] .colgroup{float:none;width:100%;padding:0 0 75px 0;}
    body[data-sub-type='wide'] .colgroup:before{display:none;}
}
@media all and (min-width:1001px) and (max-width:1280px){
    body[data-sub-type='basic'] .colgroup{width:calc(100% - 230px);padding:0 0 45px 3vw;}
}
@media all and (max-width:1000px){
    .colgroup{float:none;width:100%;padding:0 0 35px 0;}
    .colgroup:before{display:none;}
}
@media all and (max-width:640px){
    .colgroup{float:none;width:100%;padding:0 0 25px 0;}
}

#container .sub_head{display:block;position:relative;width:100%;padding-top:47px;background:url(../images/sub/breadcrumb_bg.jpg)top center / cover no-repeat;font-size:0;line-height:0;box-sizing:border-box;}
#container .sub_head:before,
#container .sub_head:before,
#container .sub_head *,
#container .sub_head *:before,
#container .sub_head *:after{border:none;font-size:0;line-height:0;box-sizing:border-box;}

#container .sub_head .current_title{display:block;position:relative;width:100%;font-size:40px;color:#1e2124;line-height:40px;letter-spacing:-0.01em;font-weight:600;font-family:'PretendardGOV';word-break:keep-all;vertical-align:top;text-align:center;}
#container .sub_head .head_box{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:21;width:100%;margin-top:45px;padding-right:20px;}
#container .sub_head .head_box:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#818082;border-radius:8px;content:'';}
#container .sub_head .head_box .breadcrumb_box{display:flex;flex-direction:row-reverse;padding-left:60px;vertical-align:top;}
#container .sub_head .head_box .breadcrumb_box .home{display:inline-block;position:absolute;top:0;left:0;width:60px;height:60px;background-color:#5f5b64;border-radius:8px 0 0 8px;vertical-align:top;}
#container .sub_head .head_box .breadcrumb_box .home:before{display:block;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);width:16px;height:16px;background:url(../images/sub/breadcrumb_home.svg) center center / cover no-repeat;content:'';}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner{display:inline-block;position:relative;width:211px;vertical-align:top;}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner:before{display:block;position:absolute;top:calc(50% - 10px);right:0;width:1px;height:20px;background-color:#a7a6a8;content:'';}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner:after{display:block;position:absolute;top:calc(50% - 8px);right:20px;width:16px;height:16px;background:url(../images/sub/breadcrumb_arrow.svg) center center / cover no-repeat;content:'';}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_btn{position:relative;z-index:2;width:100%;height:60px;padding-left:21px;padding-right:40px;text-align:left;}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_btn span{position:relative;font-size:17px;color:#fff;line-height:21px;letter-spacing:0;font-weight:600;font-family:'PretendardGOV';word-break:keep-all;}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_layer{display:none;position:absolute;top:0;left:-1px;z-index:1;width:calc(100% + 1px);}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_layer .breadcrumb_list{padding:73px 15px 10px;background-color:#492a5f;border-radius:0 0 8px 8px;}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_layer .breadcrumb_list:before{display:block;position:absolute;top:60px;left:calc(50% - 91px);width:182px;height:1px;background-color:#6d557f;content:'';}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_layer .breadcrumb_list .breadcrumb_item{}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_layer .breadcrumb_list .breadcrumb_item .item_area{display:block;padding:8px 0 8px 7px;}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_layer .breadcrumb_list .breadcrumb_item .item_area span{position:relative;font-size:16px;color:#fff;line-height:20px;letter-spacing:0;font-weight:400;font-family:'PretendardGOV';word-break:break-all;}
#container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_layer .breadcrumb_list .breadcrumb_item .item_area span:before{display:block;position:absolute;bottom:0px;left:0px;width:100%;height:1px;background-color:#fff;transform:scale(0);transform-origin:right center;content:'';transition-property:transform;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.22, 1, 0.36, 1);}
#container .sub_head .m_breadcrumb_box{display:none;}
#container .sub_head .head_box .etc_box{display:inline-block;position:relative;}
html[lang='en'] #container .sub_head .head_box .etc_box,
html[lang='zh-CN'] #container .sub_head .head_box .etc_box,
html[lang='zh-TW'] #container .sub_head .head_box .etc_box,
html[lang='ja'] #container .sub_head .head_box .etc_box{justify-content:flex-end;}
#container .sub_head .head_box .etc_box .etc_item{display:inline-flex;position:relative;width:40px;margin-left:12px;vertical-align:top;}
#container .sub_head .head_box .etc_box .etc_item:first-child{margin-left:0;}
#container .sub_head .head_box .etc_box .etc_item .etc_link{display:block;position:relative;width:100%;height:40px;background-color:#5f5b64;border-radius:100%;}
#container .sub_head .head_box .etc_box .etc_item .etc_link:focus{outline:2px solid rgba(36, 107, 235, 0.8);outline-offset:4px;}
#container .sub_head .head_box .etc_box .etc_item .etc_link:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:16px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:20px;mask-repeat:no-repeat;mask-position:center center;mask-size:20px;content:'';}
#container .sub_head .head_box .etc_box .url_etc{}
#container .sub_head .head_box .etc_box .url_etc .url_link:before{background-image:url(../images/guide/util_ico_url.svg);}
#container .sub_head .head_box .etc_box .share_etc{}
html[lang='en'] #container .sub_head .head_box .etc_box .share_etc,
html[lang='zh-CN'] #container .sub_head .head_box .etc_box .share_etc,
html[lang='zh-TW'] #container .sub_head .head_box .etc_box .share_etc,
html[lang='ja'] #container .sub_head .head_box .etc_box .share_etc{display:none;}
#container .sub_head .head_box .etc_box .share_etc .share_link{}
#container .sub_head .head_box .etc_box .share_etc .share_link:before{background-color:#fff;-webkit-mask-image:url(../images/guide/ico_share_20.svg);mask-image:url(../images/guide/ico_share_20.svg);}
.ie #container .sub_head .head_box .etc_box .share_etc .share_link:before{background-color:transparent;background-image:url(../images/guide/util_ico_share.svg);background-repeat:no-repeat;background-position:center center;background-size:16px;-webkit-mask-image:none;mask-image:none;}
#container .sub_head .head_box .etc_box .share_etc .list_layer{display:none;position:absolute;z-index:2;top:100%;left:50%;transform:translateX(-50%);min-width:160px;margin-top:14px;padding:35px 19px 19px;background-color:#fff;border:1px solid #d8d8d8;border-radius:8px;}
#container .sub_head .head_box .etc_box .share_etc.active .list_layer{display:block;}
#container .sub_head .head_box .etc_box .share_etc .list_layer:before{display:inline-block;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:20px;height:12px;background-image:url(../images/guide/ico_drop_arr.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;content:'';}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_close{display:block;position:absolute;top:11px;right:11px;width:20px;height:20px;border-radius:6px;background-image:url(../images/guide/ico_close_24.svg);background-repeat:no-repeat;background-position:center center;background-size:16px;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_close:focus{outline:2px solid rgba(36, 107, 235, 0.8);outline-offset:4px;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list{display:block;position:relative;width:100%;margin-top:0;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item{display:block;position:relative;width:100%;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item + .share_item{margin-top:10px;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item .share_in_link{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;position:relative;width:100%;font-size:17px;color:#555;line-height:26px;letter-spacing:-0.03em;font-weight:400;font-family:'PretendardGOV';word-break:keep-all;border-radius:6px;background-color:transparent;transition:background-color 400ms ease-in-out;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item .share_in_link:hover,
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item .share_in_link:focus{text-decoration:none;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item .share_in_link:hover{background-color:#eef2f7;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item .share_in_link:focus{outline:2px solid rgba(36, 107, 235, 0.8);outline-offset:0;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item .share_in_link:before{display:inline-flex;position:relative;width:26px;height:26px;margin-right:12px;border-radius:100%;background-image:url(../images/sub/share_item_icon.svg);background-size:cover;background-repeat:no-repeat;background-position:center center;vertical-align:top;content:'';}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item.facebook .share_in_link:before{background-position:calc(-26px * 0) 0;background-color:#3461bc;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item.blog .share_in_link:before{background-position:calc(-26px * 1) 0;background-color:#2db400;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item.kakao .share_in_link:before{background-position:calc(-26px * 2) 0;background-color:#ffc20e;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item.instagram .share_in_link:before{background-position:calc(-26px * 3) 0;background-color:#d73083;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item.youtube .share_in_link:before{background-position:calc(-26px * 4) 0;background-color:#ff0000;}
#container .sub_head .head_box .etc_box .share_etc .list_layer .share_list .share_item.share .share_in_link:before{background-position:calc(-26px * 5) 0;background-color:#757b8e;}
#container .sub_head .head_box .etc_box .print_etc{}
#container .sub_head .head_box .etc_box .print_etc .print_link:before{background-color:#fff;-webkit-mask-image:url(../images/guide/ico_print_20.svg);mask-image:url(../images/guide/ico_print_20.svg);}
.ie #container .sub_head .head_box .etc_box .print_etc .print_link:before{background-color:transparent;background-image:url(../images/guide/util_ico_print.svg);background-repeat:no-repeat;background-position:center center;background-size:16px;-webkit-mask-image:none;mask-image:none;}
@media all and (min-width:1001px){
    #container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_list .breadcrumb_item .item_area:hover span:before{transform:scale(1);transform-origin:left center;}
}
@media all and (max-width:1560px){
    #container .sub_head .head_box .breadcrumb_box .breadcrumb_inner{width:185px;}
    #container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_layer .breadcrumb_list:before{left:10px;width:calc(100% - 20px);}
}
@media all and (max-width:1280px){
    #container .sub_head .current_title{font-size:34px;}
    #container .sub_head .head_box{padding-right:0;}
    #container .sub_head .head_box .etc_box{position:absolute;top:calc(100% + 20px);right:0;}
    #container .sub_head .head_box .breadcrumb_box{width:100%;padding-left:55px;}
    #container .sub_head .head_box .breadcrumb_box .home{width:55px;height:55px;}
    #container .sub_head .head_box .breadcrumb_box .breadcrumb_inner{width:calc(100% / 5);}
    #container .sub_head .head_box .breadcrumb_box .breadcrumb_inner:nth-child(2):before{display:none;}
    #container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_btn{height:55px;}
    #container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_btn span{font-size:16px;line-height:20px;}
    #container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_list{padding:65px 15px 10px;}
    #container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_list:before{top:55px;}
    #container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_list .breadcrumb_item .item_area span{font-size:15px;line-height:19px;}
}
@media all and (max-width:1000px){
    #container .sub_head .current_title{width:100%;padding-left:3%;font-size:30px;line-height:30px;text-align:left;}
    #container .sub_head .head_box{display:inline-block;position:absolute;top:47px;right:3%;width:auto;margin-top:0;padding-right:0;}
    #container .sub_head .head_box:before{display:none;}
    #container .sub_head .head_box .breadcrumb_box{display:none;}
    #container .sub_head .head_box .etc_box{position:relative;top:0;}
    #container .sub_head .head_box .etc_box .etc_item{width:30px;margin-left:5px;}
    #container .sub_head .head_box .etc_box .etc_item .etc_link{height:30px;}
    #container .sub_head .head_box .etc_box .etc_item .etc_link:before{background-size:12px;mask-size:15px;}
    #container .sub_head .head_box .etc_box .print_etc{display:none;}
    #container .sub_head .head_box .etc_box .share_etc .list_layer{left:auto;right:0;transform:none;}
    #container .sub_head .head_box .etc_box .share_etc .list_layer:before{left:auto;right:5px;transform:none;}
    #container .sub_head .m_breadcrumb_box{display:block;position:relative;width:100%;}
    #container .sub_head .m_breadcrumb_box + .wrap{position:static;}
    #container .sub_head .m_breadcrumb_box .bc_list{display:block;position:relative;width:100%;padding:35px calc(3% + 45px) 0 3%;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item{display:inline-block;position:relative;vertical-align:top;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item:first-child{margin-left:2px;padding-left:0;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item .bc_link{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;position:relative;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item .bc_link:hover,
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item .bc_link:focus{text-decoration:none;outline:none;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item .bc_link.home:before{display:inline-flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;position:relative;width:16px;height:16px;margin-top:3px;margin-right:4px;background-color:#1e2124;-webkit-mask-image:url(../images/guide/ico_bread_home.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:auto;mask-image:url(../images/guide/ico_bread_home.svg);mask-repeat:no-repeat;mask-position:center center;mask-size:auto;content:'';}
    .ie .sub_head #container .breadcrumb .bc_list .bc_item .bc_link.home:before{background-color:transparent;background-image:url(../images/guide/ico_bread_home.svg);background-repeat:no-repeat;background-position:center center;background-size:auto;-webkit-mask-image:none;mask-image:none;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item .bc_link:after{display:inline-flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;position:relative;width:16px;height:16px;margin-top:3px;background-color:#1e2124;-webkit-mask-image:url(../images/guide/ico_angle.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:90%;mask-image:url(../images/guide/ico_angle.svg);mask-repeat:no-repeat;mask-position:center center;mask-size:90%;content:'';transform:rotate(-90deg);}
    .ie .sub_head #container .breadcrumb .bc_list .bc_item .bc_link:after{background-color:transparent;background-image:url(../images/guide/ico_angle_gray.svg);background-repeat:no-repeat;background-position:center center;background-size:90%;-webkit-mask-image:none;mask-image:none;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item:first-child .bc_link:after,
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item:last-child .bc_link:after{display:none;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item .bc_link em{display:inline-flex;position:relative;padding:0 4px;font-size:15px;color:#4d4d4d;line-height:22px;letter-spacing:-0.03em;font-weight:400;font-family:'PretendardGOV';word-break:keep-all;vertical-align:top;border-radius:6px;background-color:transparent;transition:background-color 400ms ease-in-out;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item:first-child .bc_link em{display:none;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item .bc_link:hover em{background-color:#eef2f7;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item .bc_link:focus em{outline:2px solid rgba(36, 107, 235, 0.8);outline-offset:-4px;}
}
@media all and (max-width:640px){
    #container .sub_head{padding-top:30px;padding-bottom:40px;background-image:url(../images/sub/m_breadcrumb_bg.jpg);background-position:bottom center;}
    #container .sub_head .head_box{top:30px;}
    #container .sub_head .head_box .etc_box .etc_item{width:30px;margin-left:5px;}
    #container .sub_head .head_box .etc_box .etc_item .etc_link{height:30px;}
    #container .sub_head .head_box .etc_box .etc_item .etc_link:before{background-size:12px;mask-size:15px;}
    #container .sub_head .m_breadcrumb_box .bc_list{padding-top:26px;}
    #container .sub_head .m_breadcrumb_box .bc_list .bc_item .bc_link em{font-size:14px;}
}

/* bc_layer */
#container .sub_head .bc_menu_btn{position:absolute;top:calc(26px + 50% - 30px);right:3%;width:30px;height:30px;background-color:#492a5f;border:none;border-radius:50%;}
#container .sub_head .bc_menu_btn:before{display:block;position:absolute;top:calc(50% - 8px);right:calc(50% - 8px);width:15px;height:15px;background:url(../images/guide/ico_arr_20_down_white.svg) center center / cover no-repeat;content:'';}
#container .sub_head .bc_btn_wrap{display:none;position:absolute;top:calc(26px + 50% - 30px + 45px);right:3%;z-index:21;width:94%;}
#container .sub_head .bc_btn_wrap:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#818082;border-radius:8px;content:'';}
#container .sub_head .bc_btn_wrap .bc_layer_box{display:flex;flex-direction:column-reverse;position:relative;}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner{position:relative;}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner + .bc_layer_inner:before{display:block;position:absolute;bottom:0;left:0;opacity:0.3;width:100%;height:1px;background-color:#fff;content:'';}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner.active{z-index:5;}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner .bc_layer_btn{position:relative;z-index:1;width:100%;height:40px;padding-left:20px;padding-right:50px;text-align:left;transition-property:height, background-color;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.22, 1, 0.36, 1);}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner .bc_layer_btn:before{display:block;position:absolute;top:calc(50% - 8px);right:11px;width:15px;height:15px;background:url(../images/guide/ico_arr_20_down_white.svg) center center / cover no-repeat;content:'';transition-property:transform;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.22, 1, 0.36, 1);}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner.active .bc_layer_btn:before{transform:rotateX(180deg);}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner:first-child .bc_layer_btn{border-radius:8px 8px 0 0;}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner.active .bc_layer_btn{height:47px;background-color:#492a5f;}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner .bc_layer_btn em{position:relative;font-size:14px;color:#fff;line-height:18px;letter-spacing:0;font-weight:600;font-family:'PretendardGOV';word-break:keep-all;}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner .bc_layer_list{display:none;position:absolute;top:100%;left:0;overflow:hidden;width:100%;padding:11px 0 7px;background-color:#492a5f;border-radius:0 0 8px 8px;}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner .bc_layer_list:before{display:block;position:absolute;top:0;left:20px;width:calc(100% - 40px);height:1px;background-color:rgba(255,255,255,0.2);content:'';}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner .bc_layer_list .bc_layer_item{}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner .bc_layer_list .bc_layer_item .bc_layer_text{display:block;position:relative;width:100%;padding:6px 20px;}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner .bc_layer_list .bc_layer_item .bc_layer_text em{position:relative;font-size:13px;color:#fff;line-height:17px;letter-spacing:0;font-weight:400;font-family:'PretendardGOV';word-break:keep-all;}
#container .sub_head .bc_btn_wrap .bc_layer_box .bc_layer_inner .bc_layer_list .bc_layer_item .bc_layer_text:hover em{text-decoration:underline;text-underline-offset:3px;}
@media all and (min-width:1001px){
    #container .sub_head .bc_menu_btn{display:none;}
    #container .sub_head .bc_btn_wrap{display:none;}
}
@media all and (max-width:1280px){
    #container .sub_head .head_box .breadcrumb_box .breadcrumb_inner .breadcrumb_layer .breadcrumb_list:before{top:55px;}
}

.uiux_tab{display:block;position:relative;width:100%;font-size:0;line-height:0;box-sizing:border-box;}
.head_box + .uiux_tab{margin-top:75px;}
.uiux_tab:before,
.uiux_tab:after,
.uiux_tab *,
.uiux_tab *:before,
.uiux_tab *:after{border:none;font-size:0;line-height:0;box-sizing:border-box;}
.uiux_tab .uiux_tab_list{display:block;position:relative;width:100%;}
#contents .uiux_tab .uiux_tab_list{display:flex;align-items:stretch;overflow-x:auto;}
#contents .uiux_tab .uiux_tab_list[tabindex]{padding:0 0 5px;scroll-behavior:smooth;}
#contents .uiux_tab .uiux_tab_list[tabindex]:focus{outline:2px solid rgba(36, 107, 235, 0.8);outline-offset:-2px;}
#contents .uiux_tab .uiux_tab_list::-webkit-scrollbar{height:8px;}
#contents .uiux_tab .uiux_tab_list::-webkit-scrollbar-thumb:horizontal{background-color:#052b57;border-radius:4px;}
#contents .uiux_tab .uiux_tab_list::-webkit-scrollbar-track:horizontal{background-color:#cdd1d5;border-radius:4px;}
.uiux_tab .uiux_tab_list .uiux_tab_item{display:inline-block;position:relative;vertical-align:top;}
#contents .uiux_tab .uiux_tab_list .uiux_tab_item{display:inline-flex;white-space:nowrap;}
.uiux_tab .uiux_tab_list .uiux_tab_item + .uiux_tab_item{padding-left:5px;padding-right:5px;}
#container .sub_head .uiux_tab .uiux_tab_list .uiux_tab_item + .uiux_tab_item{padding-left:0;padding-right:0;}
#container .sub_head .uiux_tab[data-item-length='1'] .uiux_tab_list .uiux_tab_item{width:100%;}
#container .sub_head .uiux_tab[data-item-length='2'] .uiux_tab_list .uiux_tab_item{width:calc(100% / 2);}
#container .sub_head .uiux_tab[data-item-length='3'] .uiux_tab_list .uiux_tab_item{width:calc(100% / 3);}
#container .sub_head .uiux_tab[data-item-length='4'] .uiux_tab_list .uiux_tab_item{width:calc(100% / 4);}
#container .sub_head .uiux_tab[data-item-length='5'] .uiux_tab_list .uiux_tab_item{width:calc(100% / 5);}
.uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn{display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%;padding:8px;border-radius:8px;vertical-align:top;}
#container .sub_head .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn{height:56px;padding:0;border-bottom:2px solid #b1b8be;border-radius:0;background-color:transparent;transition:background-color 400ms ease-in-out;}
.uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn:hover,
.uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn:focus{text-decoration:none;}
.uiux_tab .uiux_tab_list .uiux_tab_item.active .uiux_tab_btn{background-color:#063a74;}
#container .sub_head .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn:hover{background-color:#eef2f7;}
#container .sub_head .uiux_tab .uiux_tab_list .uiux_tab_item.active .uiux_tab_btn{background-color:transparent;}
.uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn:focus{outline:2px solid rgba(36, 107, 235, 0.8);outline-offset:-4px;}
#container .sub_head .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn:focus{outline:2px solid rgba(36, 107, 235, 0.8);outline-offset:-2px;}
#contents .uiux_tab .uiux_tab_list .uiux_tab_item.active .uiux_tab_btn:focus{outline:2px solid #fff;outline-offset:-4px;}
#container .sub_head .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn:before{display:block;position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:0%;height:4px;background-color:transparent;transition:width 400ms ease-in-out, background-color 400ms ease-in-out;}
#container .sub_head .uiux_tab .uiux_tab_list .uiux_tab_item.active .uiux_tab_btn:before{width:100%;background-color:#063a74;}
.uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn span{display:inline-block;position:relative;width:100%;text-align:center;vertical-align:top;}
.uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn span em{display:inline-block;position:relative;font-size:19px;color:#464c53;line-height:27px;letter-spacing:-0.03em;font-weight:600;font-family:'PretendardGOV';word-break:keep-all;vertical-align:top;}
.uiux_tab .uiux_tab_list .uiux_tab_item.active .uiux_tab_btn span em{color:#fff;}
#container .sub_head .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn:hover span em,
#container .sub_head .uiux_tab .uiux_tab_list .uiux_tab_item.active .uiux_tab_btn span em{color:#052b57;}
.uiux_cts{display:block;width:100%;box-sizing:border-box;}
.uiux_cts .uiux_cts_list{display:block;width:100%;box-sizing:border-box;}
.uiux_cts .uiux_cts_list .uiux_cts_item{display:none;width:100%;box-sizing:border-box;}
.uiux_cts .uiux_cts_list .uiux_cts_item.active{display:block;}
@media all and (min-width:1001px){
    #container .sub_head.current_tab_type .uiux_tab .current_tab_open{display:none;}
}
@media all and (max-width:1280px){
    .head_box + .uiux_tab{margin-top:45px;}
    #container .sub_head .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn{height:50px;}
    .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn span em{font-size:17px;line-height:20px;}
}
@media all and (max-width:1000px){
    .head_box + .uiux_tab{margin-top:35px;}
    #container .sub_head.current_tab_type .head_box{display:none;}
    #container .sub_head.current_tab_type .head_box + .uiux_tab{margin-top:0;}
    #container .sub_head.current_tab_type .uiux_tab .current_tab_open{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;position:relative;font-size:0;line-height:0;box-sizing:border-box;}
    #container .sub_head.current_tab_type .uiux_tab .current_tab_open:focus{outline:2px solid rgba(36, 107, 235, 0.8);outline-offset:2px;}
    #container .sub_head.current_tab_type .uiux_tab .current_tab_open:after{display:inline-flex;position:relative;min-width:30px;min-height:30px;margin-left:8px;background-color:#1e2124;-webkit-mask-image:url(../images/guide/ico_expand.svg);mask-image:url(../images/guide/ico_expand.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-size:contain;mask-size:contain;vertical-align:top;content:'';transform:rotate(90deg);transition:transform 400ms ease-in-out;}
    #container .sub_head.current_tab_type .uiux_tab.active .current_tab_open:after{transform:rotate(-90deg);}
    #container .sub_head.current_tab_type .uiux_tab .current_tab_open span{display:inline-flex;position:relative;max-width:calc(100% - 38px);vertical-align:top;text-align:left;}
    #container .sub_head.current_tab_type .uiux_tab .current_tab_open span em{display:inline-block;position:relative;font-size:30px;color:#1e2124;line-height:30px;letter-spacing:-0.03em;font-weight:600;font-family:'PretendardGOV';word-break:keep-all;vertical-align:top;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list{display:none;position:absolute;z-index:1;top:100%;left:0;width:100%;margin-top:16px;padding:8px;background-color:#fff;border:1px solid #cdd1d5;border-radius:8px;}
    #container .sub_head.current_tab_type .uiux_tab.active .uiux_tab_list{display:block;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list .uiux_tab_item{display:block;position:relative;width:100%;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn{align-items:flex-start;justify-content:flex-start;height:auto;padding:8px;border-bottom:none;border-radius:6px;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn:hover{background-color:transparent;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn:before{display:inline-block;position:relative;top:0;left:0;width:auto;height:auto;margin-right:4px;background-color:transparent;font-size:16px;color:#464c53;line-height:24px;letter-spacing:-0.03em;font-weight:400;font-family:'PretendardGOV';word-break:keep-all;vertical-align:top;content:'•';transform:none;transition:none;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list .uiux_tab_item.active .uiux_tab_btn:before{color:#052b57;font-weight:600;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn span{text-align:left;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn span em{font-size:16px;line-height:24px;font-weight:400;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list .uiux_tab_item.active .uiux_tab_btn span em{font-weight:600;}

    .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn span em{font-size:16px;}
}
@media all and (max-width:640px){
    .head_box + .uiux_tab{margin-top:25px;}
    #container .sub_head.current_tab_type .uiux_tab .current_tab_open span em{font-size:28px;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list{padding:4px;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn:before{font-size:15px;line-height:22px;letter-spacing:-0.06em;}
    #container .sub_head.current_tab_type .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn span em{font-size:15px;line-height:22px;letter-spacing:-0.06em;}

    .uiux_tab .uiux_tab_list .uiux_tab_item .uiux_tab_btn span em{font-size:15px;}
}
#container{position:relative;width:100%;margin:0;padding:0;z-index:10;background:none;overflow:visible;}
#containerWrap:before{display:none;}
#containerWrap #contents{display:block;position:relative;min-height:800px;margin:72px auto 0;box-sizing:border-box;}
#containerWrap #contents > *:first-child{margin-top:0 !important;}
#containerWrap #contents .h3_box{display:none;}
@media all and (max-width:1280px){
    #containerWrap #contents{min-height:0;margin-top:85px;}
}
@media all and (max-width:1000px){
    #containerWrap #contents{margin-top:35px;}
}
@media all and (max-width:640px){
    #containerWrap #contents{margin-top:0;}
}
/* ---------- colgroup 종료 ---------- */


/* ---------- 이용 만족도 평가 시작 ---------- */
#containerWrap .contact_box.hasSatisfy{position:absolute;bottom:-71px;left:50%;width:calc(100% - 340px);margin:0 auto;transform:translateX(-50%);}
#containerWrap #satisfy{position:relative;left:0;width:calc(100% - 340px);margin:100px auto 0;}
#containerWrap .contact_box.hasSatisfy + #satisfy{margin-bottom:132px;}
#containerWrap #satisfy *{line-height:20px;}
@media all and (max-width:1025px){
    #containerWrap .contact_box.hasSatisfy,
    #containerWrap #satisfy{width:100%;}
    #containerWrap .contact_box.hasSatisfy + #satisfy{margin-bottom:-68px;}
}
/* ---------- 이용 만족도 평가 끝 ---------- */