@charset "utf-8";

#body_layout{position:relative;z-index:2}
#body_layout .body_wrap{padding-bottom:100px}

.contents_wrap{position:relative;float:right;width:calc(100% - 310px);padding-top:50px}
#txt{width:100%;text-align:left}
#tab_moType1.mobile{margin:0 0 30px}

#svisual_layout{position:relative;padding-top:110px;background:#e4eff1;text-align:center;z-index:1}
#svisual_layout .svisual_wrap{overflow:hidden;position:relative;padding:56px 0 38px}
#svisual_layout .subvisual-layout{display:flex;flex-wrap:wrap;justify-content:right}
#svisual_layout .subvisual-layout__text{position:relative;width:calc(100% - 310px);z-index:1;margin:0 0 5px;color:#222;font-size:17px;font-family:'gmarket';font-weight:300}
#svisual_layout .subvisual-layout__title{display:block;position:relative;z-index:1;width:calc(100% - 310px);line-height:1.1;color:#394950;font-size:27px;font-family:'gmarket';font-weight:300;text-shadow:0 0 20px rgba(244,235,224,.75);transform:rotate(0.04deg);-webkit-transform:rotate( 0.04deg )}
#svisual_layout .subvisual-layout__title span{display:inline-block;font-size:33px;font-family:'gmarket';font-weight:normal;color:#333}
#svisual_layout .svisual_wrap{background:#f3f8fc}

#location{position:relative;z-index:20;width:100%;text-align:center}
.modal-open #location{z-index:10}
#location:after{display:block; clear:both; visibility:hidden ;content:''}
#location .page__title{float:left;line-height:1.3;margin:10px 0 0;font-size:24px;font-weight:500;font-family:'gmarket';color:#3e434a}
#location .utile_wrap{display:block}
#location .utile_wrap:after{display:block; clear:both; visibility:hidden; content:''}
#location .utile_wrap .print_wrap{display:inline-block;position:relative;top:-3px}
#location .utile_wrap .print_wrap:before{display:inline-block;float:left;content:'';width:1px;height:12px;margin:5px 10px 0;background:#c0c0c0;vertical-align:middle}
#location .utile_wrap .print_wrap:after{display:block; clear:both; visibility:hidden; content:''}
#location .utile_wrap .print_wrap > li{float:left;margin-left:7px}
#location .utile_wrap .print_wrap > li .tmpl_ir{background:url(../../../imgs/kr/sub/ico_ir.png)no-repeat;font-size:0}
#location .utile_wrap .print_wrap > li > button{display:block;width:32px;height:20px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out}
#location .utile_wrap .print_wrap > li.sns{position:relative}
#location .utile_wrap .print_wrap > li.sns > button{}
#location .utile_wrap .print_wrap > li.sns > button span{display:block;width:18px;height:100%;background-position:0 -108px}
#location .utile_wrap .print_wrap > li.sns > div{display:none;position:absolute;right:6px;top:-4px;width:32px;text-align:right}
#location .utile_wrap .print_wrap > li.sns.on > div{display:block}
#location .utile_wrap .print_wrap > li.sns > div button{display:block;width:32px;height:32px;margin:0 0 10px;border-radius:50%}
#location .utile_wrap .print_wrap > li.sns > div .fa{background-position:0 -174px}
#location .utile_wrap .print_wrap > li.sns > div .tw{background-position:0 -214px}
#location .utile_wrap .print_wrap > li.sns > div .bl{background-position:-105px -215px}
#location .utile_wrap .print_wrap > li.sns > div .band{background-position:-35px -215px}
#location .utile_wrap .print_wrap > li.sns > div .ca{background-position:-70px -215px}
#location .utile_wrap .print_wrap > li.sns > div .kakao{background-position:-140px -215px}
#location .utile_wrap .print_wrap > li.sns > div .clickClose{width:32px;height:32px;margin:0 0 10px;border-radius:50%;background:url(../../../imgs/kr/sub/ico_ir.png)no-repeat -21px 0}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span{display:block;width:100%;height:100%;background-position:0 -134px}
#location .utile_wrap .print_wrap > li.n2 > button span{display:block;width:21px;height:100%;background-position:-20px -108px}
#location .utile_wrap .print_wrap > li.n3 > button span{display:block;width:19px;height:100%;background-position:-44px -108px}
#location .utile_wrap .location_wrap{display:inline-block; position:relative}
#location .utile_wrap .location_wrap:after{display:block; clear:both; visibility:hidden; content:''}
#location .utile_wrap .location_wrap li{float:left;position:relative}
#location .utile_wrap .location_wrap li:not(:first-child):before{display:inline-block;content:'';margin:10px 12px 0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #c5c5c5;vertical-align:top}
#location .utile_wrap .location_wrap li a{display:inline-block;position:relative;line-height:25px;vertical-align:top;font-size:15px;font-family:'gmarket'}
#location .utile_wrap .location_wrap li.home a{width:16px;height:17px;margin:2px 0 0;background:url(../../../imgs/kr/sub/ico_ir.png)no-repeat -21px 0;font-size:0}
#location .utile_wrap .location_wrap li:last-child a{font-weight:500; color:#000}

.lnb_wrap{display:block;position:relative;z-index:11;float:left;width:255px;min-height:auto;margin:-147px 0 0}
.lnb__title{position:relative;height:147px;background:#0f75bc; border-radius:30px 30px 0 0; margin-bottom:30px}
.lnb__title strong{display:block;position:absolute;top:55%;width:100%;line-height:1.3;padding:0 10px;color:#fff;font-family:'gmarket';font-size:24px;transform:translateY(-50%);-webkit-transform:translateY(-50%);text-align:center}
.lnb_depth2__list *{font-family:'gmarket'}
.lnb_depth2__list{border:1px solid #d6d7da;border-radius:30px;overflow:hidden}
.lnb_depth2__list > li{}
.lnb_depth2__list > li:last-child a{border-bottom:0}
.lnb_depth2__list > li > a{display:block; position:relative; z-index:1; font-size:18px; letter-spacing:-0.05em;color:#333;border-bottom:1px solid #d6d7da; padding:17px 44px 12px 30px;box-sizing:border-box}

.lnb_depth2__list > li > a:after{width:20px;height:20px;margin-top:-10px;background:url(../../../imgs/kr/sub/spr_content.png) no-repeat -281px -3px;position:absolute;right:19px;top:50%;display:block;content:""}
.lnb_depth2__list > li.on > a{color:#0f75bc;font-weight:500}

.lnb_depth2__list > li.on > a:after{background:url(../../../imgs/kr/sub/spr_content.png) no-repeat -315px -3px;right:20px}

.lnb_depth2__list > li > a[target="_blank"]:before{display:inline-block;content:'';right:15px;width:11px;height:12px;border:none;background:url(../../../imgs/kr/sub/target.png)no-repeat;vertical-align:middle;transform:none;-webkit-transform:none}
.lnb_depth2__list > li > a[target="_blank"]:after{display:none}
.lnb_depth2__list > li > a > span{position:relative;display:inline-block;line-height:1.2;word-wrap:break-word;word-break:keep-all;font-size:17px;font-weight:500;color:#505152}
.lnb_depth2__list > li.on > a:before{border-color:#fff;border-width:0 2px 2px 0}

.lnb_depth2__list > li.on > a > span{color:#0f75bc;font-weight:500}
.lnb_depth2__list .lnb_depth3__list{display:none;overflow:hidden;height:0;margin:0 10px 13px;padding:8px 15px;/* border-bottom:2px solid #00a0a0; */text-align:left;transition:all .4s;-webkit-transition:all .4s;border-radius:10px;background:#eef7f7}
.lnb_depth2__list .lnb_depth3__list > li{position:relative;background:url(../../../imgs/kr/sub/pattern.png)repeat-x left bottom}
.lnb_depth2__list .lnb_depth3__list > li:last-child{background:none}
.lnb_depth2__list .lnb_depth3__list > li.on{padding-bottom:5px}
.lnb_depth2__list .lnb_depth3__list > li > a{display:block;position:relative;z-index:2;line-height:1.4;padding:11px 25px 11px 15px}
.lnb_depth2__list .lnb_depth3__list > li > a:after{display:block;position:absolute;right:18px;top:50%;content:'';width:5px;height:5px;margin-top:-3px;border:solid #cecfd1;border-width:1px 1px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.lnb_depth2__list .lnb_depth3__list > li.on > a:after{border-color:#00a0a0}
.lnb_depth2__list .lnb_depth3__list > li > a[target="_blank"]:after{right:5px;width:11px;height:12px;margin-top:-6px;border:none;background:url(../../../imgs/kr/sub/target.png)no-repeat;transform:none;-webkit-transform:none}
.lnb_depth2__list .lnb_depth3__list > li > span{display:inline-block;position:relative;font-size:16px;color:#3e434a}
.lnb_depth2__list .lnb_depth3__list > li.on > a span{font-weight:500;color:#00a0a0}
.lnb_depth2__list > li > a:hover .lnb_depth3__list,
.lnb_depth2__list > li > a:focus .lnb_depth3__list,
.lnb_depth2__list > li.on .lnb_depth3__list,
.lnb_depth2__list > li.ov .lnb_depth3__list,
.lnb_depth3__list.on,
.lnb_depth3__list.open{display:block !important;visibility:visible;height:auto;margin-top:20px;padding-top:10px;padding-bottom:0}
.lnb_depth2__list > li.on .lnb_depth3__list{margin:0;margin-bottom:13px;border-radius:0 0 10px 10px}

.depth3_ul > li.on .depth4_ul{display:block}
.depth4_ul{display:none;margin:1px 0 ;padding:0px 15px;border-radius:10px;background:#eef7f7}
.depth4_ul > li{position:relative;background:url(../../../city/common/tmpl/skinD/imgs/pattern.png)repeat-x left bottom}
.depth4_ul > li:last-child{background:none}
.depth4_ul > li > a{display:block;position:relative;line-height:1.3;padding:8px 15px 8px 18px;font-size:15px;color:#3e434a}
.depth4_ul > li > a:before{display:block;position:absolute;left:5px;top:18px;content:'';width:4px;height:4px;border-radius:50%;background:#d8d8d8}
.depth4_ul > li.on > a{color:#00a0a0}
.depth4_ul > li.on > a:before{background:#00a0a0}
.depth4_ul > li > a[target="_blank"]:after{display:block;position:absolute;content:'';top:19px;right:5px;width:11px;height:12px;margin-top:-6px;border:none;background:url(../../../city/common/tmpl/skinD/imgs/target.png)no-repeat}

#lnb_layout > ul > li.on ul{display:block}
#lnb_layout > ul > li.on ul{border-bottom:1px solid #ddd;padding:25px;font-size:14px;background:#fafdff}
#lnb_layout > ul > li.on:last-child > div > ul{border-top:1px solid #ddd;border-bottom:0}
#lnb_layout > ul > li.on ul li{margin-bottom:3px;position:relative}

#lnb_layout > ul > li  ul  li  a{display:block;padding:0 25px 10px 14px;color:#888;font-size:16px}
#lnb_layout > ul > li > ul > li > a{ }
#lnb_layout > ul > li.on ul li.on a{color:#000; text-decoration:underline}
#lnb_layout > ul > li ul li:before{position:absolute;left:0px;top:13px;border-radius:50%;width:4px;height:4px;margin-top:-2px;background:#7d7d7d;display:block;content:""}
#lnb_layout > ul > li > ul li ul{display:none;padding-bottom:8px;background-color:#f5f2ec}
#lnb_layout > ul > li > ul li li a{display:block;padding:0 25px 10px 22px; color:#666; font-size:12px;background-color:#f5f2ec}
#lnb_layout > ul > li > ul > li li a:hover{color:#d91c1b}
#lnb_layout > ul li.noDepth a{background-image:none !important; font-size:1.1rem}

@media screen and (max-width:1479px){
    #svisual_layout:before{right:auto; width:50px; margin:0}
}

@media screen and (max-width:1279px){
    .lnb_wrap{display:none}
    .contents_wrap{float:none; width:100%}
    #svisual_layout:before{display:none}
    #svisual_layout .svisual_wrap{padding:50px 20px}
    #svisual_layout .subvisual-layout{display:block;justify-content:center}
    #svisual_layout .subvisual-layout__text,
    #svisual_layout .subvisual-layout__title{width:100%}
    #location .utile_wrap .location_wrap li:not(:last-child):after{margin:8px 8px 0}
}

@media screen and (max-width:1023px){
	.contents_wrap{padding-top:30px}
	
    #svisual_layout .svisual_wrap{padding:40px 0 20px}
    #svisual_layout .subvisual-layout__text{font-size:14px}
    #svisual_layout .subvisual-layout__title,
    #svisual_layout .subvisual-layout__title span{font-size:18px}

    #location .page__title{padding-right:0;font-size:18px}
    #location .utile_wrap .location_wrap{}
    #location .utile_wrap .print_wrap{}
    #location .utile_wrap .print_wrap > li.n3{display:none}
}

@media screen and (max-width:767px){
	.contents_wrap{padding-top:20px}
	
    #svisual_layout .svisual_wrap{padding:30px 0 20px}
    #svisual_layout .subvisual-layout__text{font-size:14px}
    #svisual_layout .subvisual-layout__title,
    #svisual_layout .subvisual-layout__title span{font-size:18px}

    #location .utile_wrap .location_wrap,
    #location .utile_wrap .print_wrap:before{display:none}

    #body_layout .body_wrap{padding-bottom:50px}
}


#tab_moType1{display:none}

@media(max-width:1279px){
    #tab_moType1{display:block}
}


.m_view{display:none !important}

@media (max-width: 969px){
    .pc_view{display:none !important}
    .m_view{display:block !important}
}

#pc-menu{background:#fff;overflow:hidden}
#pc-menu .modal-content{padding-top:50px;background-color:transparent}
#pc-menu .modal-content .topUtile .familysite{}
#pc-menu .modal-content .topUtile .familysite span{display:block;width:304px;height:34px;margin:0 auto;font-size:0;background: url(../../../imgs/scurc/common/logo.png) no-repeat center}
#pc-menu .modal-content .modal-body{padding:50px}
#pc-menu .modal-content .modal-body .depth1_ul{display:flex;justify-content:space-evenly;height:calc(100vh - 190px)}
#pc-menu .modal-content .modal-body .depth1_ul .gnb-title{display:none}
#pc-menu .modal-content .modal-body .depth1_ul > .th1{text-align:left}
#pc-menu .modal-content .modal-body .depth1_ul > .th1 > .th1_lnk span{display:block;margin-bottom:10px;color:#0f75bc;font-size:22px;font-weight:600}
#pc-menu .modal-content .modal-body .depth1_ul > .th1 > .item > .depth2_ul{}
#pc-menu .modal-content .modal-body .depth1_ul > .th1 > .item > .depth2_ul > li{margin-top:5px}
#pc-menu .modal-content .modal-body .depth1_ul > .th1 > .item > .depth2_ul > li > a span{color:#000;font-size:18px}
#pc-menu .modal-content .modal-body .depth1_ul > .th1 > .item > .depth2_ul > li > .depth3_ul{padding:0 0 0 13px;margin:5px 0 15px 5px;line-height:28px;border-left:1px solid #ddd}
#pc-menu .modal-content .modal-body .depth1_ul > .th1 > .item > .depth2_ul > li > .depth3_ul > li > a span{}
#pc-menu .mobile-close{position:absolute;top:-64px;right:20px}
#pc-menu .mobile-close span{display:block;position:relative;width:22px;height:22px;font-size:0}
#pc-menu .mobile-close span:before,
#pc-menu .mobile-close span:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:50px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#pc-menu .mobile-close span:before{width:100%;height:2px;background:#2f3236}
#pc-menu .mobile-close span:after{width:2px;height:100%;background:#2f3236}

@media (min-width: 768px) {
    #pc-menu .modal-dialog{width:100%;margin:0}
}