@charset "utf-8";

/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */

/* ******************** 공용 ******************** */
a:link {color:#666;}
a:visited {color:#666;}
a:hover {color:#000;}
a:active {color:#000;}
/*.gotop {z-index:900; position:fixed; width:85px; height:85px; border-radius:100px; bottom:40px; right:40px; background:url(../images/common/top-btn.png) no-repeat 50% #fff; box-shadow:0 0 20px rgba(0,0,0,.15) !important; cursor:pointer;}
.gotop:hover {background:url(../images/common/top-btn-w.png) no-repeat 50% var(--base); box-shadow:0 0 20px rgba(0,0,0,0) !important;}*/

html {font-size:10px; -webkit-text-size-adjust:none;}
body {font-family:'NEXON' !important; font-size:1.6rem; line-height:1.8; color:#22242b; font-weight:400; overflow-x:hidden;}
body * {box-sizing:border-box;}

:root{
	--base:#346ac2;
	--pink:#ec6ca5;
	--red:#fc6666;
	--yellow:#ffea00;
	--blue:#3b5bb9;
	--blue2:#193996;
	--blue3:#3d57a5;
	--yellow:#fff834;
	--subblue:#346ac2;
	--green:#0ea88e;
	--textRotate:rotate(0.03deg);
	--border1:#dbdce7;
	--border2:#dedede;
	--border3:#e6e6e6;
	--border4:#d1d5e8;
	--bgc1:#f2f3f8;
}
.f_green {color:var(--green);}
.f_nanumM {font-family:'NanumMyeongjo'!important;}
select::-ms-expand {display: none;} /* IE 10, 11의 네이티브 화살표 숨기기 */
select::focus {outline:none}
input[type='text'] {-webkit-appearance: none;}
textarea {resize:none;}

.menuBox {position:relative; width:50px; height:50px;}

.w1400 {max-width:1400px; margin:0 auto!important;}

/* 탑배너 */
.top_banner {display:none; height:120px; background:url(../images/main/top_banner/top_banner_260106.jpg) no-repeat center / cover; cursor:pointer;}
.top_banner.on {display:block; width:100%;}
.top_banner .btn_wrap {position:relative; height:100%;}
.top_banner .btn_wrap .delete {display:block; position:absolute; width:60px; height:60px; background:url(../images/main/top_banner/top_banner_delete.png) no-repeat center / contain; border-radius:50%; top:50%; right:0; transform:translateY(-50%);}

/* 서브페이지 상단 제목  */
.contents_box {background:#fff;max-width:1400px;margin:0 auto;padding:50px 0 100px; margin-top:60px;}
.contents_box .subTit {display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; border-bottom:1px solid var(--border3);}
.contents_box .subTit h2 {position:relative; font-size:30px; transform:var(--textRotate); padding-left:13px;}
.contents_box .subTit h2 small {font-weight:500; color:#666; padding-left:8px;}
.contents_box .subTit h2:before {content:""; display:block; position:absolute; height:30px; width:5px; background:#ccc; border-radius:10px; left:0; top:0; }
.contents_box .subTit .channel {display:flex; font-size:14px; color:#999;}
.contents_box .subTit .channel li {position:relative;}
.contents_box .subTit .channel li.home a {display:block; position:absolute; width:27px; height:27px; background:url(../images/common/lnb_i-home.png) center center / 11px no-repeat; border-radius:50%; border:1px solid #dddee8; left:-33px; top:-2px;}
.contents_box .subTit .channel li+li {padding-left:35px;}
.contents_box .subTit .channel li+li:before {content:""; display:block; background:url(../images/common/lnb_right.png) center center / 6px no-repeat; width:6px; height:10px; position:absolute; left:16px; top:6px;}
.contents_box .subTit .channel li small {margin-left:5px;}

input[readonly] {background-color:#ececec;}

/* 이메일무단수집거부 팝업 */ 
.emailPopup {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:700px; padding:50px; background-color:#fff;
box-shadow:0 0 10px rgba(0, 0, 0, 0.5); z-index:99999; border-radius:1.5rem; text-align:left; }
.emailPopOverlay {display:none; position:fixed; left:0; top:0; width:100%; height:100%;
background-color: rgba(0, 0, 0, 0.5); z-index: 9999;}
.emailPopup a.closeBtn {position:absolute; right:25px; top:20px; font-weight:800; font-size:18px;}
.emailPopup .txt {display:flex; align-items:flex-start; gap:30px;word-break:keep-all;}
.emailPopup .txt img {max-width:100px;}
.emailPopup .txt dl dt {font-size:20px; font-weight:800;}
.emailPopup ul {margin-top:30px; text-align:left; border:1px solid var(--border1); padding:30px; background:#f5f5f5;}
.emailPopup ul li {padding-left:15px; position:relative;}
.emailPopup ul li+li {margin-top:5px;}
.emailPopup ul li:before {content:""; position:absolute; display:block; width:4px; height:4px; border-radius:50%; background:#666; top:12px; left:0;}


input[type="radio"] {position:absolute; left:-9999px;}
input[type="radio"]+label {
    padding-left: 25px;
    color: #000;
    font-weight: 500;
    line-height: 22px;
    display: block;
	position:relative;
	cursor:pointer;
}

input[type="radio"]+label:before {
    width: 15px;
    height: 15px;
    border: 3px solid var(--blue);
    left: 0;
    top: 0;
    border-radius: 50%;
    position: absolute;
    display: block;
    content: '';
}

input[type="radio"]+label:after {
    width: 9px;
    height: 9px;
    background: transparent;
    left: 6px;
    top: 6px;
    border-radius: 50%;
    position: absolute;
    display: block;
    content: '';
}
input[type="radio"]:checked+label:after {
    background: var(--blue);
}

/* ******************** 데스크탑 (1200~) ******************** */
@media (min-width: 1200px){
	

	.mobile {display:none !important;}
	
	header {width:100%; position:static; z-index:999;}
	header .gnb_contain {background:#fff;}
	header .gnb_wrap {width:100%; max-width:1400px; margin:0 auto; height:150px; background:transparent;position:relative;text-align:right;}
	header .gnb_wrap aside {display:flex; position:absolute; right:0; top:30px; letter-spacing:0; align-items: center;}
	header .gnb_wrap aside a {color:#fff; font-size:13px;}
	header .gnb_wrap aside .inputWrap {display:flex; gap:5px;}
	header .gnb_wrap aside .inputWrap input {height:40px; max-width:150px; border:1px solid var(--border1); border-radius:10px; padding: 0 10px;}
	header .gnb_wrap aside .inputWrap input::placeholder {font-size:14px; color:#000;}
	header .gnb_wrap aside .inputWrap button {height:40px; width:65px; border-radius:10px; background:var(--blue2); font-size:14px; color:#fff; cursor: pointer;}
	header .gnb_wrap aside .inputWrap label {display:none;}
	header .gnb_wrap aside .link {display:flex; margin-left:30px;}
	header .gnb_wrap aside .link a {color:#000; font-size:14px; font-weight:600;}
	header .gnb_wrap aside .link a+a {margin-left:15px;}
	header .gnb_wrap h1.logo {position:absolute;top:0;left:0;height: 100%;line-height:90px;}
	header.intro-page .gnb_wrap h1.logo {top:25px;}
	header .gnb_wrap #gnb{display:flex; justify-content:flex-start; padding-top:100px;}
	header .gnb_wrap #gnb ul{position:relative; width:100%; display:flex; justify-content:space-between;}
	header .gnb_wrap #gnb>ul>li{}
	header .gnb_wrap #gnb>ul>li:before {}
	header .gnb_wrap #gnb>ul.gnb>li>ul>li+li {margin-top:15px;}
	header .gnb_wrap #gnb ul ul ol.dep3 + li {margin-top:15px;}
	header .gnb_wrap #gnb>ul>li>a{position:relative; height:auto;line-height: 1; font-size:18px; font-weight:800; letter-spacing: -.8px; color:#000; z-index:999; transform:var(--textRotate);}
	header .gnb_wrap #gnb>ul>li>a:hover {color:var(--green)!important;}
	header .gnb_wrap #gnb>ul>li>a small {color:#666; font-weight:600; padding-left:5px;}
	header .gnb_wrap #gnb>ul>li>a:hover small {color:var(--green)!important;}
	
	header .gnb_wrap #gnb ul a{display:block;color:#fff;text-decoration:none;font-weight:400; transition:.3s ease;}
	header .gnb_wrap #gnb ul li{position:relative;}
	header .gnb_wrap #gnb>ul>li{height:50px;}
	header .gnb_wrap #gnb>ul>li:hover>a {color:var(--green);}
	header .gnb_wrap #gnb ul ul{display:none; position:absolute;width:100%;background:var(--green);padding:30px;box-shadow:4px 6px 8px rgba(0,0,0,.2)!important;z-index:9; min-width:200px; border-radius:10px; top:35px; left:-30px;}
	header .gnb_wrap #gnb ul ul:before {content:""; position:absolute; display:block; width:16px; height:16px; background:var(--green); transform:rotate(45deg); top:-8px; }
	header .gnb_wrap #gnb ul ul li{width:100%}
	header .gnb_wrap #gnb>ul>li.on>a, header .gnb_wrap #gnb>ul>li.on>a small {color:var(--green);}
	header .gnb_wrap #gnb ul ul a{position:relative; font-size:16px;padding:0px;text-align:left;line-height: 1.2; transform:var(--textRotate);  font-weight:600;}
	header .gnb_wrap #gnb ul ul a small {display:block; margin-top:3px;}
	header .gnb_wrap #gnb ul ul ol.dep3 {margin-top:10px;}
	header .gnb_wrap #gnb ul ul ol.dep3 li+li {margin-top:10px;}
	header .gnb_wrap #gnb ul ul ol.dep3 li a {color:#fff; font-size:15px; font-weight:500; padding-left:10px;}
	header .gnb_wrap #gnb ul ul ol.dep3 li a:hover {color:var(--yellow);}
	header .gnb_wrap #gnb ul ul ol.dep3 li {position:relative;}
	header .gnb_wrap #gnb ul ul ol.dep3 li:before {content:""; display:block; width:5px; height:1px; background:#fff; position:absolute; top:8px; left:0; }

	header .gnb_wrap #gnb ul li:hover>a {/*background:#fff;*/ color:#000;}
	header .gnb_wrap #gnb ul li ul li.on>a {color:var(--yellow);}
	/*header .gnb_wrap #gnb ul li:hover ul:before {animation: wider .5s ;}*/
	header .gnb_wrap #gnb ul li:hover > ul {display:block;}
	header .gnb_wrap #gnb ul ul a:hover {color:var(--yellow);}
	
	header .gnb_wrap h1.logo a img {height: 44px;}
	
	@keyframes wider {
	  from {transform:scaleX(0)}
	  to {transform:scaleX(1)}
	}

	.loca_ul {float:right !important; display:flex; color:#1d1d1d; font-size:15px; line-height:60px;}
	.loca_ul li {position:relative; margin-left:30px; }
	.loca_ul li:before {content:""; width:6px; height:10px; position:absolute; left:-17px; top:24px; background:url(../images/common/loca-arrow.png) no-repeat left center;}
	.loca_ul li:first-child:before {content:none;}
	.loca_ul img {margin-bottom:4px;}
	
	.lnb {position:absolute; width:100%; background:#f2f3f8; z-index:2; font-weight:600; }
	.lnb.fixOn {position:fixed !important; width:100%; z-index:1000 !important; top:0; }
	.lnb .wrap {display:flex; position:relative; left:50%; width:100%; max-width:1400px; transform:translateX(-50%);  align-items:center;}
	.lnb .wrap .dep1_tit {position:relative; background:var(--blue2); height:60px; line-height:60px; color:#fff; padding:0 23px 0 30px; margin-right:60px; transform: var(--textRotate);}
	.lnb .wrap .dep1_tit:after {content:""; display:block; position:absolute; border-bottom: 30px solid transparent; border-top: 30px solid transparent; border-left: 17px solid var(--blue2); border-right: 17px solid transparent; top:0; right:-34px;}
	.lnb .wrap ul {z-index:1; position:relative; height:60px; overflow:hidden;}
	.lnb .wrap ul li {float:left; padding:0 25px; }
	.lnb .wrap li a {position:relative; display:block; line-height:60px; color:#000; font-weight:600; font-size:16px; transform: var(--textRotate);}
	.lnb .wrap li.on a, .lnb .wrap li a:hover {color:var(--blue2);}
	.lnb .wrap li.on a:before {content:""; position:absolute; bottom:15px; display:block; width:100%; height:2px; background:var(--blue2);}
	.lnb .wrap li+li a:after {content:""; display:block; position:absolute; width:1px; height:13px; background:#bfbfbf; top:24px; left:-25px;}
	.lnb .wrap li:first-child {padding-left:0;}
	.lnb .wrap li+li {}
	.lnb .wrap button {display:flex; justify-content:center; align-items:center; position:absolute; right:0; top:12px; cursor:pointer; border:1px solid #dedede; border-radius:2rem; width:88px; height:36px; background:#fff;}
	
	.lnb.fixOn .wrap:after {top:0; height:calc(100% + 15px); box-shadow:5px 5px 5px rgba(0,0,0,.1);}
	
	/* lnb type2 */
	.lnb.type2 {height:60px;}
	.lnb.type2 .lnb-wrap {display:flex; height:100%; position:relative;}
	.lnb.type2 .lnb-wrap li.menu.dep-2, .lnb.type2 .lnb-wrap li.menu.dep-3 {min-width:280px; }
	.lnb.type2 .lnb-wrap li.menu.dep-3 {border-right:1px solid var(--border1); border-left:0;}
	.lnb.type2 .lnb-wrap li.menu ul {display:none; width:100%;
     left: 0; top: 60px; background: #fff; box-shadow:0 5px 10px rgba(0, 0, 0, .2);}
	 
	 .lnb.type2 .lnb-wrap li.menu ul>li+li {border-top:1px solid var(--border1);}
	.lnb.type2 .lnb-wrap li.menu ul>li>a {display:block; padding:10px 20px; font-weight:500; font-size:16px; transform: var(--textRotate); line-height:1.4;}
	.lnb.type2 .lnb-wrap li.menu ul>li>a small {display:block;}
	.lnb.type2 .lnb-wrap li.menu ul>li>a:hover {color:var(--green); font-weight:600; transform: var(--textRotate);}
	.lnb.type2 .lnb-wrap li.menu ul>li.on>a {color:var(--green); font-weight:600; transform: var(--textRotate);}
	.lnb.type2 .lnb-wrap li.menu>a {display:block; position: relative; background: var(--blue2);
    height: 60px; line-height: 60px; color: #fff; padding: 0 30px 0 30px; transform: var(--textRotate);}
	.lnb.type2 .lnb-wrap li.menu>a small {padding-left:5px;}
	.lnb .lnb-wrap li.menu.dep-2 .selected a { border-right:1px solid var(--border1); }
	.lnb.type2 .lnb-wrap li.menu .selected a {display:flex; align-items:flex-end; height:100%; line-height:60px;  padding:0 45px 0 20px; color:#000;  background: url(../images/common/lnb-more.png) right 20px center no-repeat;  backface-visibility: hidden; gap:5px; }
	.lnb.type2 .lnb-wrap li.menu .selected a span {display:inline-block; transform: var(--textRotate);}
	.lnb.type2 .lnb-wrap li.menu .selected a small {transform:translateY(2px); color:#666;}
	.lnb.type2 .lnb-wrap.lnb_dep1_only li.menu .selected a span {transform:var(--textRotate);}
	.lnb.type2 .lnb-wrap li { }
	.lnb.type2 .lnb-wrap button {display:flex; justify-content:center; align-items:center; position:absolute; right:0; top:12px; cursor:pointer; border:1px solid #dedede; border-radius:2rem; width:88px; height:36px; background:#fff;}
	 
	/* footer::롤링배너 */
	.footRoll {display:flex; align-items: center; padding:30px 0; height:125px; background:#fff; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
	.rollArea {position:relative; width:1400px; margin:0 auto; line-height: 35px; font-weight:600; color:#000; font-size:14px;}
	.rollWrap {width:1340px; overflow:hidden; float: right;}
	.rollWrap ul {width:8200px;}
	.rollWrap ul li {display:inline-block; padding:0 70px; text-align:center; position:relative; z-index:2;}
	.rollWrap ul li a {display:block;}
	.rollWrap ul li a img {width:100%; max-height:40px;}
	.rollBtn {display:flex; justify-content: space-between; position:absolute; top:0; width:100%;}
	.rollBtn a {display:block; width:35px; height:35px; background:url(../images/common/i-arrow-w.png)center no-repeat;}
	.rollBtn a.prev {}
	.rollBtn a.next {background-image:url(../images/common/i-arrow-w.png); transform: rotate(180deg);}
	
		
	footer {width:100%; background:#fff;text-align:center;padding:30px 0; border-top: 3px solid var(--blue);}
	footer .footer_logo a{display:block;}
	footer address{font-size:14px;color:#666; display: flex; flex-direction: column; align-items: flex-start; letter-spacing: 0px;}
	footer address>*{font-size:inherit;}
	footer address p span a {color:#999 !important;}
	footer address p span {display:inline-block; margin-right:20px!important;}
	footer .ft_bx {position:relative; width:100%; max-width:1400px; margin:0 auto; display:flex; gap:20px; justify-content:space-between;}
	footer .ft_bx .left {display:flex; gap:30px;}
	footer .ft_bx .right a {color:#000; font-weight:600; display:inline-block; transform:var(--textRotate); font-size:14px;}
	footer .ft_bx .right a+a {margin-left:17px;}
	footer .ft_bx .right a:hover {color:var(--blue);}
	footer .f-gotop {display:none;}
    footer .footer_logo a img {height: 40px;}
	
	
}



/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	html,body {width:100%;}
	.pc {display:none !important;}
	
	.gnb>ul>li>ul {display:none;}
	nav .gnb>ul>li {min-height:auto;}

    .gotop {width: 55px; height: 55px; bottom: 20px;}
	
	/*헤더*/
	header{padding:0 10px; border-bottom:1px solid rgba(255,255,255,.20);}
	header .gnb_wrap{height:60px;line-height:60px; position:relative;}
	header .gnb_wrap h1.logo{line-height:60px; }
	header.intro-page .gnb_wrap h1.logo {position:absolute; top:15px;}
	header .gnb_wrap h1.logo a img {height:30px;}
	header .gnb_wrap .gnbView {display: block;width: 60px;background: url(../images/common/i-menu.png) no-repeat 50%;    background-size: 21px;height: 60px;position: absolute;right: 0;top: 0; border-left:1px solid rgba(255,255,255,.20);}

	/*gnb*/
	body>header nav.mobile {z-index:9999; position:fixed; visibility:hidden; left:0; top:0; width:80%; overflow:hidden; background:#fff;}
	body>header nav.mobile .closeWrap {z-index:1; position:relative; height:70px;color:#000;border-bottom:5px solid #efefef;}
	body>header nav.mobile .closeWrap:after{content:'';display:block;clear:both;}
	body>header nav.mobile .closeWrap .gnbClose {display:block; float:right; width:60px; height:100%; background:url(../images/common/i-close.png) 50% 50% no-repeat; background-size:16px; border-left:1px solid #eaeaea;}
	body>header nav.mobile .closeWrap aside {display:flex; align-items:center; padding:0 0 0 10px; width: calc(100% - 65px); flex-wrap:wrap; height:100%;}
	body>header nav.mobile .closeWrap aside a {display:inline-block; padding:0 5px; font-size:14px; font-weight:600; color:#000;}
	body>header nav.mobile .closeWrap .home{line-height:20px;text-align: left; font-size:14px !important; font-weight:700; color:var(--green)}
	body>header nav.mobile .loginBx{opacity:.7;padding:30px 20px 20px;line-height: 1;}
	body>header nav.mobile .loginBx:after{content:'';display:block;clear:both;}
	body>header nav.mobile .loginBx a{text-align:Center;color:#fff;padding:5px 10px;border:1px solid #fff;margin-right:5px;text-transform:uppercase;letter-spacing:1px;font-size:13px;}
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}

	body>header nav.mobile .gnb {position:relative; width:100%; height:100%; overflow-y:auto; text-align:left !important;}
	body>header nav.mobile .gnb * {width:100% !important;line-height:1;}
	body>header nav.mobile .gnb .home {display:block; width:100%; background-color:#f0f0f0; padding:12px 20px; border-bottom:1px solid #333;}
	body>header nav.mobile .gnb>ul {position:absolute; top:0; right:0;}
	body>header nav.mobile .gnb>li {clear:both; position:relative; border-bottom:1px solid #eaeaea;}
	body>header nav.mobile .gnb>li.m_except {background:var(--blue2); color:#fff; }
	body>header nav.mobile .gnb>li.m_except a {color:#fff; font-weight: 600;
    transform: var(--textRotate);}
	body>header nav.mobile .gnb>li a.star {padding-left:40px; background:url(/images/common/i-star.png) no-repeat 20px center / 15px;}
	body>header nav.mobile .gnb>li>a i.right {display:inline-block; width:12px!important; height:13px; margin-left:5px; background:url(/images/common/i-rightW.png) no-repeat center / contain; transform:translateY(1px);}
	body>header nav.mobile .gnb>li>a {display:block; padding:20px; font-size:16px; color:#000;letter-spacing:-.5px; font-weight:400; text-transform:uppercase; }
	body>header nav.mobile .gnb>li>ul {display:none; overflow:hidden;background:rgba(255,255,255,.15);}
	body>header nav.mobile .gnb>li>ul>li {position:relative;}
	body>header nav.mobile .gnb>li>ul>li>a {display:block; padding:13px 20px 13px 35px; font-size:15px; color:#000; letter-spacing:-.5px; border-bottom: 1px solid #e8e8e8; background:#f5f5f5;}
	body>header nav.mobile .gnb>li>ul>li:last-child>a {border-bottom:5px solid #e3e3e3;}
	body>header nav.mobile .gnb>li>ul>li>ul>li.on a {color:#7d1810;}
	
	body>header nav.mobile .gnb>li.on {background:var(--green);}
	body>header nav.mobile .gnb>li.on>a {color:#fff;}
	body>header nav.mobile .gnb>li.on>ul>li {background:#fff;}
	
	body>header nav.mobile .gnb>li>ul>li.on>a {position:relative; color:var(--green); font-weight:600;}

	
	body>header nav.mobile .dep3 li {background:#e3e3e3; padding:10px 0 10px 55px; border-bottom:1px dotted #b5b5b5; color:#535353;}
	body>header nav.mobile .dep3 li a {position:relative;}
	body>header nav.mobile .dep3 li a:before {position:absolute; left:-15px; top:8px; content:""; width:6px; height:2px; background:#b1b1b1; border-radius:100px;}
	body>header nav.mobile .dep3 li:last-child {border-bottom:0;}
	body>header nav.mobile .dep3 li.on a {color:var(--base);}
	body>header nav.mobile .dep3 li.on a:before {background:var(--base);}
	
	body>header nav.mobile .gnb>li a.gosite2 {padding-right:30px; background:url(../images/common/i-gosite.png)no-repeat 100px calc(100% - 16px);}
	body>header nav.mobile .gnb>li a.gosite2:hover {background:url(../images/common/i-gosite-blue.png)no-repeat 100px calc(100% - 16px);}


	
	/* 컨텐츠 */
	.contents {padding-top:330px !important;padding-bottom:50px !important;}
    .sub-visual {position: relative;width:100%; height: 330px; position: absolute; top: 0; left: 0; z-index: -1; display: flex; align-items: center; justify-content: center; text-align: center;}
    .sub-visual .cover {position: absolute; top: 0; left: 0; width:100%; height: 100%; background: rgba(0,0,0,.4);}
    .sub-visual.intro {background: #000 url(../images/include/lnb-intro.jpg) center top -230px no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center;}
    .sub-visual.business {background: #000 url(../images/include/lnb-business.jpg) center top -230px no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center;}
    .sub-visual.perform {background: #000 url(../images/include/lnb-perform.jpg) center top -230px no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center;}
    .sub-visual.contact {background: #000 url(../images/include/lnb-contact.jpg) center top -230px no-repeat; background-size: cover; background-repeat: no-repeat; background-position: center;}
    .sub-visual-wrap {color: #fff; position: relative; margin-top: 50px;}
    .sub-visual-text h2 {
        font-size: 50px;
        margin-bottom: 25px;
        font-weight: 600;
    }
    .sub-visual-text p {
        line-height: 1.3;
    }

	/* footer::롤링배너 */
	.footRoll {padding:20px; height:80px; background:#fff; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
	.rollArea {position:relative; width:100%; font-size:14px; display:flex; align-items: center;}
	.rollArea span {display:block; margin-right:10px;}
	.rollWrap {overflow:hidden;}
	.rollWrap ul {width:3000px;}
	.rollWrap ul li {display:inline-block; padding:0 20px; text-align:center;}
	.rollWrap ul li a {display:block;}
	.rollWrap ul li a img {height:30px;}
	.rollBtn {display: flex;}
	.rollBtn a {display:block; width:35px; height:35px; /*position:absolute; top:0;*/ background:url(../images/common/i-arrow-w.png)center no-repeat;}
	.rollBtn a.prev {margin-right:5px;}
	.rollBtn a.next {/*left:40px;*/ background-image:url(../images/common/i-arrow-w.png); transform: rotate(180deg);}
	
	
	footer{background:#fff;text-align:center;padding:30px 20px;text-align:left; border-top: 3px solid var(--blue);}
	footer .footer_logo{margin-bottom: 10px;}
	footer .footer_logo a{display:block; height: 40px;}
    footer .footer_logo a img {width:200px;}
	footer address{color:#666; font-size: 14px; margin-top:10px;}
    footer address p span a {color: #666 !important;}
	footer address>*{font-size:inherit;}
	footer .ft_bx {position:relative;}
	footer .f-gotop {display:none;}
	footer .right {margin-top:10px;}
	footer .right a {display:inline-block; color:#000; font-weight:600; transform:var(--textRotate); font-size:14px;}
	footer .right a+a {margin-left:10px;}
	
	/* 서브페이지 상단 제목  */
	.contents_box {margin-top:0; padding:30px 30px 80px; border-top: 1px solid var(--border2);}
	.contline {border-top:1px solid var(--border2);}
	.contents_box .subTit {border-bottom:0;}
	.contents_box .subTit h2 {font-size:24px;}
	.contents_box .subTit h2:before {height:22px;}
    
	.gotop {right:20px;}
	.gotop a {display:inline-block; text-indent:-999999px;}
	
	/* 로그인 팝업 */
	.loginPopup {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:300px; padding:20px!important; background-color:#fff;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.5); z-index:99999; border-radius:1.5rem;}
	.popupOverlay {display:none; position:fixed; left:0; top:0; width:100%; height:100%;
    background-color: rgba(0, 0, 0, 0.5); z-index: 9999;}
	
	.loginPopup h3 {text-align:center; padding-bottom:15px; transform:var(--textRotate);}
	.loginPopup form label {display:none;}
	.loginPopup form > div+div {margin-top:10px;}
	.loginPopup form input {height: 40px; width:100%; border: 1px solid var(--border1);
    border-radius: 10px; padding: 0 10px;}
	.loginPopup form input::placeholder {font-size:14px; color:#000;}
	.loginPopup form button {height: 40px; width:100%; border-radius: 10px; background: var(--blue2); font-size: 14px; color:#fff; cursor:pointer; margin-top:10px;}
	
	
	
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	html {font-size:58.5936%;}

    .contents {overflow: hidden; padding:0 20px; padding-top:240px !important; padding-bottom: 60px !important;}
    .sub-visual {height: 240px;}
    .sub-visual-text h2 {font-size: 33px; margin-bottom: 10px;}
    .sub-visual-text p {font-size: 14px;}

    footer address span {display: block;}
    .contents_box .subTit {flex-wrap: wrap; gap:20px;}
    .contents_box .subTit h2 {font-size:20px; width: 100%; order: 1;}
	.contents_box .subTit h2:before {height:19px;}
	.contents_box .subTit .channel {width: 100%; justify-content:flex-end; flex-wrap:wrap;}
	.contents_box .subTit .channel li+li {padding-left: 25px;}
	.contents_box .subTit .channel li+li:before {left:10px;}
	
	.emailPopup {width:95%; padding:20px;}
	.emailPopup .txt img {max-width:70px;}
	.emailPopup .txt {flex-direction:column; gap:10px;}
	.emailPopup ul {padding:10px 20px; margin-top:10px;}
}