#wrap { position: relative; overflow: hidden; }

#wrap ::-webkit-scrollbar {width: 5px; height: 5px;}
#wrap ::-webkit-scrollbar-thumb {background-color: #1e3c70; border-radius: 10px;}
#wrap ::-webkit-scrollbar-track {background-color: #caced4; border-radius: 10px;}

/* slick slide common */
.slick-slider { -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slide { display: none; height: 100%; min-height: 1px; vertical-align: middle; }
.slick-list { height: 100%; overflow: hidden; }
.slick-list.dragging { cursor: pointer; }
.slick-initialized .slick-slide { display: inline-block; }
.slick-arrow.slick-hidden { display: none; }
.slick-current { opacity: 1; display: block; }
.slick-track { height: 100%; position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; z-index: 0 !important;}
.slider .control {z-index: 1 !important;}
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

.container { position: relative; width: 80rem; max-width: 100%; margin: 0 auto; } 

/* header */
#header { position: relative; height: 4.2rem; border-bottom: 1px solid #e4e4e4; z-index: 10; }
#header .container { display: flex; justify-content: space-between; }

#header .logo a { display: block; line-height: 0; margin-top: 0.8rem; }
#header .logo a img {max-width: 300px; max-height: 49.27px;}

/* 메뉴 */
#nav { flex: 1; display: flex; justify-content: center; }
#gnb .wrap { position: relative; }
#gnb .wrap > ul { display: flex; }
#gnb .wrap > ul > li { position: relative; background: rgba(255, 255, 255, 0.95); }
#gnb .wrap > ul > li::before { position: absolute; bottom: 0; left: 0; width: 1px; height: calc(100% - 4.2rem); background: rgba(0, 0, 0, 0.1); content: ""; }
#gnb .wrap > ul > li:last-child::after { position: absolute; bottom: 0; right: 0; width: 1px; height: calc(100% - 4.2rem); background: rgba(0, 0, 0, 0.1); content: ""; }
#gnb .wrap > ul > li > a { position: relative; display: flex; justify-content: center; align-items: center; height: 4.2rem; padding: 0 3rem; font-size: 1rem; color: #565656; text-align: center; font-weight: 600; }
#gnb .wrap > ul > li + li > a::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #cbcbcb; content: ""; }
#gnb .depth02 { position: relative; display: none; z-index: 1; }
/* #gnb .depth02::before { position: absolute; width: 300vw; height: 100%; left: -200%; background: rgba(255, 255, 255, 0.95); content: ""; z-index: -1; display: none; } */
#gnb .depth02 > ul { padding: 0.8rem 0; }
#gnb .depth02 > ul > li { position: relative; }
#gnb .depth02 > ul > li > a { position: relative; display: block; font-size: 0.9rem; font-weight: 600; color: #000; text-align: center; padding: 0.2rem 0; }
/* #gnb .depth02 > ul > li > a::before { position: absolute; top: 0; left: -1px; width: 1px; height: 0; background: #004cc7; content: ""; } */
#gnb .depth02 > ul > li.dep > a > span { position: relative; padding-right: 1rem; }
#gnb .depth02 > ul > li.dep > a > span::before { position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-family: 'remixicon'; content: "\ea4e"; font-size: 1rem; }
#gnb .depth02 > ul > li.dep.active > a > span::before { transform: translateY(-50%) rotate(180deg); }
#gnb .depth03 { display: none; border-top: 1px solid rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1); }
#gnb .depth03 > ul > li > a { display: block; text-align: center; padding: 0.2rem 0; color: #333; font-weight: 500; border-bottom: 1px solid transparent; }
#gnb .depth03 > ul > li > a > span { position: relative; padding-left: 0.5rem; }
#gnb .depth03 > ul > li > a > span::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 5px; height: 1px; background: #979797; content: ""; }
/* 메뉴 : active */
#gnb a,
#gnb a::before { transition: 0.3s; }
#gnb .wrap > ul > li.on > a,
#gnb .wrap > ul > li > a:hover,
#gnb .wrap > ul > li > a:focus { color: #004cc7; font-weight: 600; }
#gnb.active .depth02 { display: block; }
/* #gnb .wrap > ul > li.on .depth02::before { display: block; } */
#gnb .depth02 > ul > li > a:hover,
#gnb .depth02 > ul > li > a:focus {color: #004cc7;background: #00000014;}/*250314*/
#gnb .depth02 > ul > li.on > a::before,
#gnb .depth02 > ul > li > a:hover::before,
#gnb .depth02 > ul > li > a:focus::before { height: 100%; }
#gnb .depth02 > ul > li.active .depth03 { display: block; }
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus { font-weight: 600; color: #232323; background: #efefef; border-color: rgba(0, 0, 0, 0.1); }

/* 사이트맵 */
.fullmenu { position: fixed; display: flex; flex-direction: column; justify-content: center; align-items: end; top: 0; right: 0; height: 4.25rem; background: #195fbf; padding: 0 1.8rem; }
.fullmenu em { display: flex; width: 1.4rem; height: 2px; background: #fff; }
.fullmenu em:nth-child(2) { width: 72%; }
.fullmenu em + em { margin-top: 0.5rem; }
.fullmenu em { transition: 0.3s; }
.fullmenu:hover em:nth-child(2),
.fullmenu:focus em:nth-child(2) { width: 100%; }

.popFullmenu { display: none; justify-content: end; position: fixed; top: 4.15rem; left: 100%; width: 100%; z-index: 20; }
.popFullmenu.on { display: flex; left: 0; transition: 0.3s; }
.popFullmenu::before { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); content: ""; z-index: -1; opacity: 0; display: none; }
.popFullmenu.on::before { opacity: 1; display: block; }
.popFullmenu .fullmenu_wrap { width: 30rem; min-height: 775px; background: #fff; padding-top: 4.2rem; padding-right: 5rem; }
.popFullmenu .fullmenu_wrap h2 { display: none; }
.fullmenu_group { border-top: 1px solid #e4e4e4; }
.fullmenu_group .wrap > ul > li { position: relative; }
.fullmenu_group .wrap > ul > li > a { position: relative; display: block; border-bottom: 1px solid #e4e4e4; padding: 0.9rem 1.9rem; font-size: 1rem; color: #121212; }
.fullmenu_group .wrap > ul > li.dep > a { padding: 0.9rem 2.9rem 0.9rem 1.9rem; }
.fullmenu_group .wrap > ul > li.dep > a::before { position: absolute; top: 50%; transform: translateY(-50%); right: 1.9rem; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #000; content: ""; }
.fullmenu_group .wrap > ul > li.active > a { background: #195fbf; color: #fff; }
.fullmenu_group .wrap > ul > li.active > a::before { border-top: 8px solid #fff; transform: translateY(-50%) rotate(180deg); }
.fullmenu_group .wrap > ul > li.active .depth02 { display: block; }
.fullmenu_group .depth02 { display: none; }
.fullmenu_group .depth02 > ul > li > a { position: relative; display: block; border-bottom: 1px solid #e4e4e4; padding: 0.6rem 1.9rem; font-size: 0.8rem; color: #232323; }
.fullmenu_group .depth02 > ul > li.dep > a::before { position: absolute; top: 50%; transform: translateY(-50%); right: 1.9rem; font-family: 'remixicon'; content: "\ea4e"; font-size: 1rem; }
.fullmenu_group .depth02 > ul > li.active > a { background: #e2eeff; color: #195fbf; }
.fullmenu_group .depth02 > ul > li.active .depth03 { display: block; }
.fullmenu_group .depth03 { display: none; border-bottom: 1px solid #e4e4e4; padding: 0.6rem 1rem; }
.fullmenu_group .depth03 > ul { border-radius: 0.5rem; background: #1e3c70; padding: 0.6rem 0.8rem; }
.fullmenu_group .depth03 > ul > li + li { border-top: 1px dashed rgba(255, 255, 255, 0.4); }
.fullmenu_group .depth03 > ul > li > a { display: block; position: relative; padding: 0.5rem 0 0.6rem 0.5rem; color: #fff; }
.fullmenu_group .depth03 > ul > li > a::before { position: absolute; top: 1.05rem; left: 0; width: 4px; height: 2px; background: #fff; content: ""; }
.fullmenuClose { display: flex; justify-content: center; align-items: center; position: absolute; top: -4.15rem; right: 0; width: 5rem; height: 4.15rem; background: #195fbf; color: #fff; font-size: 1.5rem; }
/* 사이트맵 : active */
.fullmenu_group .wrap > ul > li > a:hover,
.fullmenu_group .wrap > ul > li > a:focus { background: #195fbf; color: #fff; }
.fullmenu_group .depth02 > ul > li > a:hover,
.fullmenu_group .depth02 > ul > li > a:focus { background: #e2eeff; color: #195fbf; }
.fullmenu_group .depth03 > ul > li > a:hover,
.fullmenu_group .depth03 > ul > li > a:focus { font-weight: 600; }

/* 퀵메뉴 */
.quickmenu { position: fixed; top: 4.15rem; right: 0; width: 5rem; background: #676767; border-radius: 0 0 0 1.8rem; z-index: 21; }
.quickmenu .heading { display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 3.4rem; line-height: 0.9rem; border-radius: 0 0 4rem 4rem; color: #fff; background: rgba(0, 0, 0, 0.1); font-size: 0.8rem; }
.quickmenu ul { padding: 0 0.6rem; }
.quickmenu ul li + li { border-top: 1px solid rgba(255, 255, 255, 0.3); }
.quickmenu ul li a { display: flex; flex-direction: column; color: #fff; text-align: center; padding: 0.4rem 0; }
.quickmenu ul li a .icon { line-height: 0; }
.quickmenu ul li a .icon img { height: 1.5rem; }
.quickmenu ul li a .txt { font-size: 0.7rem; line-height: 0.8rem; letter-spacing: -1px; word-break: keep-all; }

.scrollDown { padding: 1.2rem 0 1.8rem; color: #fff; display: flex; flex-direction: column; align-items: center; }
.scrollDown .txt { margin-bottom: 0.3rem; }
.scrollDown i { font-size: 1rem; line-height: 8px; animation: show 1s infinite; }
.scrollDown i:nth-child(1) { animation-delay: 0.3s; }
.scrollDown i:nth-child(2) { animation-delay: 0.5s; }
.scrollDown i:nth-child(3) { animation-delay: 0.7s; }

@keyframes show {
	0% { opacity: 0.2; }
	100% { opacity: 1; }
}

/* 컨테이너 */
#container { position: relative; background: #f8f8f8; }

/* footer */
#footer { position: relative; background: #195fbf; padding: 1.7rem 0 3.2rem; }
#footer .footer_link ul { display: flex; align-items: center; flex-wrap: wrap; gap: 0.2rem 0; overflow: hidden; }
#footer .footer_link ul li { position: relative; padding: 0 2rem; left: -2rem; }
#footer .footer_link ul li a { color: #fff; }
#footer .footer_link ul li + li a::before { position: absolute; top: 50%; transform: translateY(-50%); left: -2px; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #d8e3ec; content: ""; }

#footer .footer_sns { position: absolute; top: -0.5rem; right: 0; }
#footer .footer_sns ul { display: flex; gap: 0.6rem; }
#footer .footer_sns ul li a { display: block; line-height: 0; }

#footer .footer_info { display: flex; padding-top: 2rem; margin-top: 1.5rem; border-top: 1px solid rgba(255, 255, 255, 0.2); gap: 2.3rem; font-weight: 400; }
#footer .footer_info .f_logo { line-height: 0; }
#footer .footer_info .info address { color: #fff; display: flex; flex-wrap: wrap; gap: 0.2rem 0.6rem; font-size: 0.8rem; }
#footer .footer_info .info .copyright { color: rgba(255, 255, 255, 0.4); font-size: 0.75rem; }

#footer .moveTop { position: absolute; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #fff; color: #2a3e61; font-size: 1.25rem; animation: roundBig 1.5s infinite; }

@keyframes roundBig {
	0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }
	100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
}

/* subLayout */
#sub_container { position: relative; }

.SVisual { position: relative; line-height: 0; display: flex; justify-content: center; align-items: center; }
.SVisual .slogan { position: absolute; top: 3.4rem; left: 50%; width: 80rem; transform: translateX(-50%); color: #fff; text-align: left; line-height: normal; z-index: 2; font-family: "SBAggroB"; }
.SVisual .slogan p { text-shadow: 3px 0 10px rgba(0, 0, 0.67); }
.SVisual .slogan .txt1 { font-size: 1.8rem; font-weight: 500; }
.SVisual .slogan .txt2 { font-size: 1.6rem; font-weight: 300; margin-top: 0.55rem; }

.subHeader { position: relative; background: rgba(0, 0, 0, 0.6); margin-top: -3rem; z-index: 2; }
.subHeader .container { display: flex; align-items: center; }

.subHeader #snb .home { display: flex; justify-content: center; align-items: center; width: 3rem; height: 3rem; color: #fff; background: #195fbf; font-size: 1rem; }
 
/* sns */ 
.snsBox { display: flex; border-left: 1px solid rgba(255, 255, 255, 0.6); border-right: 1px solid rgba(255, 255, 255, 0.6); }
.snsBox > button { position: relative; width: 3rem; height: 3rem; background-repeat: no-repeat; background-position: center; }
.snsBox .btnShare { background-image: url('/images/web/swai/layout/btn_sns.png') }
.snsBox .btnPrint { background-image: url('/images/web/swai/layout/btn_print.png') }
.snsBox .btnPrint::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 1rem; background: rgba(255, 255, 255, 0.3); content: ""; }
.snsBox .sns_more { display: none; opacity: 0; position:absolute; height:2rem; right: 4.5rem; top: 3.2rem; padding:0.1rem 0.5rem; font-size:0; line-height:0; border:1px solid #377bdf; z-index:30; background:#fff; border-radius:1.5rem; box-shadow:1px 1px 0.2rem rgba(0,0,0,0.3); transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; }
.snsBox .sns_more button { height: 100%; background-image:url('/images/web/swai/layout/btnSns.png'); background-repeat:no-repeat; background-position:center; color:transparent;  }
.snsBox .sns_more .btn_F { background-position:0 0  }
.snsBox .sns_more .btn_T { background-position:-40px 0  }
.snsBox .sns_more .btn_Y { background-position:-80px 0  }
.snsBox .sns_more .btn_B { background-position:-120px 0  }
.snsBox .sns_more .btn_K { background-position:-160px 0  }
.snsBox .sns_more .btn_In { background-position:-200px 0  }
.snsBox .sns_more .btn_Ks { background-position:-240px 0  }
.snsBox .sns_more.active { display: block; opacity:1;}
.snsBox .sns_more button { width:2rem }
.snsBox .sns_more #snsClose { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: -1rem; width: 2rem; height: 2rem; border-radius: 50%; background: #377bdf; color: #fff; font-size: 1rem; }

.subCntBody { min-height: 30rem; margin-bottom: 3rem; }

.subContent { position: relative; width: 80rem; max-width: 100%; margin: 0 auto; }
.pageTitle { font-weight: 700; font-size: 1.5rem; color: #111; line-height: normal; text-align: center; background:url('/images/web/swai/layout/pt_slide.gif') repeat-x center; margin: 3rem 0 1.5rem; }
.pageTitle span { display: inline-block; padding:0 1rem; background:#fff; }

.location { display: none; flex-wrap: wrap; gap: 0.5rem 0; margin-bottom: 1rem; }
.location .home { color: #bdbfc2; font-size: 0.9rem; }
.location span { position: relative; padding-left: 1.5rem; font-size: 0.75rem; color: #333; }
.location span::before { position: absolute; top: 0; left: 6px; content: "\ea6e"; font-family: "remixicon"; font-size: 0.9rem; color: #111; font-weight: 500; }
.location span.active { font-weight: 700; }

@media screen and (min-width: 1241px){
    /* snb */
    #snb { position: relative; flex: 1; width: calc(100% - 3rem); height: 3rem; }
    #snb h2 { display: none; }
	#snb a {position: relative; display: block; line-height: 1.5; font-size: 0.8rem; color: #fff; }
	#snb .snb_wrap { display: block !important; }
	#snb ul {position: absolute; top: 0; left: 3rem; padding-top: 3rem; height: 3rem;}
	#snb ul.open {height: auto;} 
	#snb ul.open > li {visibility: visible; opacity: 1;}  
	#snb ul.open > li.active > a {color: #fff; background: #195fbf;}
	#snb ul.open > li.active > a span {position: relative;}
	#snb ul.lnb03.open > li.active > a,
	#snb ul.lnb03.open > li.active > a:before {border-top-right-radius: 1.5rem;}
	#snb ul.open > li.active > a:after { transform: rotate(180deg); opacity: 1;}
	#snb li {position: relative; width: 100%; min-width: 290px; opacity: 0; visibility: hidden;}
	#snb li.active {position: absolute; top: 0; left: 0; display: table; width: 100%; height: 3rem; visibility: visible; opacity: 1; z-index:1; border-right: 1px solid rgba(255, 255, 255, 0.6); }
	#snb li.active > a {display: table-cell; padding: 0 1.5rem; vertical-align: middle; }
	#snb li.active > a:after {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); width: 0.6rem; height: 0.3rem; background: url('/images/web/swai/layout/snb_deco.png') no-repeat center; content: ""; } 
    #snb li:not(.active)::before { position: absolute; top: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid rgba(255, 255, 255, 0.7); content: ""; z-index: 1; }
	#snb li:not(.active) > a {color: #fff; background: #195fbf; padding: 1rem 1.5rem;}
	#snb li:not(.active) > a:hover,  
	#snb li:not(.active) > a:focus {font-weight: 600; text-decoration: underline;}
	#snb li:not(.active) > a span {position: relative; padding: 0.25rem 0;}
	#snb li > a[target='_blank'] > span:after { transform: rotate(180deg); }
	#snb .lnb01 {width: 24%; z-index: 3;}
	#snb .lnb01 > li {width: 100%;} 
	#snb .lnb02,
	#snb .lnb03 {left: 100%; width: 100%;}
	#snb li, 
	#snb a, 
	#snb :before, 
	#snb :after{transition: all 0.3s; }
}

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

	#header .container { padding: 0 5rem 0 1rem; }

	.fullmenu { height: 4.2rem; }
	
	.popFullmenu .fullmenu_wrap { padding-right: 0; }

	.quickmenu { display: none; }
	
}

@media screen and (max-width:1640px){
    .container { width: 100%; padding: 0 1rem; }

	#header .container { height: 100%; }

    #footer .footer_sns { right: 1rem; }

	#footer .moveTop { right: 1rem; }

	.SVisual .slogan { width: 100%; padding: 0 1rem; left: 0; transform: none; }

	.subContent { width: 100%; padding: 0 1rem; }
}

@media screen and (max-width:1440px){
	#header .logo a img { height: 1.6rem; }

	.SVisual { justify-content: end; }
    .SVisual img { position: relative; right: -29rem; }
}

@media screen and (max-width:1240px){
	#nav { display: none; }

    #footer .footer_sns,
    #footer .footer_info .f_logo {/* display: none; */}

    #footer .footer_link ul li { padding: 0 1rem; left: -1rem; }

    #footer .footer_info { margin-top: 1rem; padding-top: 1rem; }
    #footer .footer_info .ft_logo {display: none;}/*253014*/

	.subHeader #snb .home { display: none; }

	#snb { flex: 1; }
	#snb h2 { position: relative; display: flex; align-items: center; height: 3rem; font-size: 0.8rem; color: #fff; padding: 0 2rem 0 1.5rem; }
	#snb h2::before { position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; content: ""; }
	#snb h2::after { position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; width: 3px; height: 3px; background: #fff; content: ""; }
	#snb h2.on::before { transform: translateY(-50%) rotate(180deg); }
	#snb .snb_wrap { display: none; position: absolute; top: 3rem; left: 0; width: 100%; background: #fff; box-shadow: 0 0 20px rgba(66, 74, 88, 0.2); }
	#snb .snb_wrap .lnb01 > li { padding: 0 1.5rem; }
	#snb .snb_wrap .lnb01 > li + li { border-top: 1px solid rgba(25, 95, 191, 0.3); }
	#snb .snb_wrap .lnb01 > li > a { position: relative; display: block; padding: 0.6rem 0 0.6rem 1rem; }
	#snb .snb_wrap .lnb01 > li > a::after { position: absolute; top: 50%; transform: translateY(-50%); left: 0.5rem; width: 3px; height: 3px; background: #454545; content: ""; }
	#snb .snb_wrap .lnb01 > li.dep > a { padding-right: 1rem; }
	#snb .snb_wrap .lnb01 > li.dep > a::before { position: absolute; top: 50%; transform: translateY(-50%); right: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000; content: ""; }
	#snb .snb_wrap .lnb02 { display: none; background: #1e3c70; border-radius: 0.3rem; padding: 0.5rem 1rem; }
	#snb .snb_wrap .lnb02 > li + li { border-top: 1px dashed rgba(244, 245, 246, 0.4); }
	#snb .snb_wrap .lnb02 > li > a { position: relative; display: block; color: #fff; font-size: 0.7rem; padding: 0.5rem 0 0.5rem 0.7rem; }
	#snb .snb_wrap .lnb02 > li > a::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 4px; height: 2px; background: #fff; content: ""; }

	#snb .snb_wrap .lnb01 > li.open { padding: 0 1.5rem 1.5rem 1.5rem; }
	#snb .snb_wrap .lnb01 > li.open > a { color: #1e3c70; font-weight: 600; }
	#snb .snb_wrap .lnb01 > li.open > a::after { background: #1e3c70; }
	#snb .snb_wrap .lnb01 > li.open .lnb02 { display: block; }
	#snb .snb_wrap .lnb01 > li.dep.open > a::before { transform: translateY(-50%) rotate(180deg); }

	#snb h2::before,
	#snb .snb_wrap a,
	#snb .snb_wrap a::before { transition: 0.3s; }
	#snb .snb_wrap .lnb01 > li > a:hover,
	#snb .snb_wrap .lnb01 > li > a:focus { color: #1e3c70; font-weight: 600; }
	#snb .snb_wrap .lnb01 > li > a:hover::after,
	#snb .snb_wrap .lnb01 > li > a:focus::after { background: #1e3c70; }
	#snb .snb_wrap .lnb02 > li > a:hover,
	#snb .snb_wrap .lnb02 > li > a:focus { text-decoration: underline; }
	
	.snsBox .sns_more  { right: 2rem; }
	.snsBox .btnPrint { display: none; }

	.pageTitle { background: none; text-align: left; padding-bottom: 0.7rem; margin: 1rem 0 0.7rem; border-bottom: 1px dashed #c2c2c2; }
	.pageTitle span { padding: 0; }

	.location { display: flex; }

	.SVisual .slogan { top: 1.5rem; }
	.SVisual .slogan .txt1 { font-size: 1.3rem; }
	.SVisual .slogan .txt2 { font-size: 1.1rem; }

} 

@media screen and (max-width:768px){
	#header { height: 3rem; }
	#header .container { padding: 0 3rem 0 1rem; }

	.fullmenu { width: 3rem; height: 3rem; padding: 0 0.95rem; }
	.fullmenu em { width: 1.1rem; }
	.fullmenu em + em { margin-top: 0.4rem; }

	.pageTitle { font-size: 1rem; }

	.popFullmenu { top: 0; }
	.popFullmenu .fullmenu_wrap { padding-top: 3rem; }
	.fullmenuClose { top: 0; width: 3rem; height: 3rem; }


}

@media screen and (max-width:690px){
    .photo_list2 ul li img.bbsAditImg{width:60%; height:100%; position:relative;}

    #footer .footer_sns, #footer .footer_info .f_logo{position: relative; top: 0; left: 0; margin-top: 20px;} /* 250502 sns 모바일 수정 */
}

@media screen and (max-width:580px){
	#header .logo a img { height: 1.2rem; }

	.SVisual img { right: -36rem; }

}

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

	.fullmenu_group .wrap > ul > li > a { background: #ebebeb; border-color: #fff; }
	.fullmenu_group .depth02 > ul > li > a::after { position: absolute; top: 50%; transform: translateY(-50%); left: 1.5rem; width: 3px; height: 3px; background: #555; content: ""; }
	.fullmenu_group .depth02 > ul > li.active > a,
	.fullmenu_group .depth02 > ul > li > a:hover, 
	.fullmenu_group .depth02 > ul > li > a:focus { background: none; color: #1e3c70; font-weight: 600; }
}