@charset "UTF-8";

body {position:relative;}

#skip_menu {position:relative;z-index:10000;}
#skip_menu>a {display:block;position:fixed;left:0;top:-30px;width:100%;height:28px;margin:0 auto;padding:0 10px;background:#111;color:#fff;font-size:14px;line-height:28px;text-align:center;text-decoration:underline;z-index:10000;}
#skip_menu>a:active,
#skip_menu>a:focus {top:0;}

#dim,
#gnb_dim {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0;}

#dim.on,
#gnb_dim.on {visibility:visible;opacity:0.5;z-index:1000;}

/* 상단 띠배너 */
.typeSub .HeadBnrWrap{position: absolute;}
.typeSub .HeadBnrWrap::before,
.typeSub .HeadBnrWrap::after{display: none;}
.typeHeadBnr #header{top: 110px;}
.typeHeadBnr.typeHeadBnrHide #header{top: 0;}
.typeHeadBnr .HeadBnrWrap{top: 0;}
.typeHeadBnr.typeHeadBnrHide .HeadBnrWrap{top: -110px;}

.HeadBnrWrap{width: 100%; height: 110px; background-color: #1c293c; position: fixed; top: -110px; left: 0; z-index: 100; transition: top 0.2s; -webkit-transition: top 0.2s;}
.HeadBnrWrap::before{content: ""; display: block; width: 200%; height: 100%; position: absolute; left: 100%; top: 0; background-color:#1c293c; z-index: 1;}
.HeadBnrWrap::after{content: ""; display: block; width: 200%; height: 100%; position: absolute; right: 100%; top: 0; background-color:#1c293c; z-index: 1;}
.HeadBnrWrap .HeadBnrClosed{width: 24px; height: 24px; position: absolute; right: 34px;  top: calc(50% - 12px); text-indent: -9999px; background-image: url(../img/main/icon_HeadBnrClosed.png); background-repeat: no-repeat; position: absolute; background-position: center center; z-index: 200;  }
.HeadBnrWrap .Bnr{max-width: 1300px; width: 100%; height: 100%; margin: 0 auto; font-size: 0; position: relative;}
.HeadBnrWrap .Bnr::before{content: ""; display: block; width: 60px; height: 100%; position: absolute; left: -2px; top: 0; background-color:#1c293c; z-index: 1;}
.HeadBnrWrap .Bnr::after{content: ""; display: block; width: 60px; height: 100%; position: absolute; right: -2px; top: 0; background-color:#1c293c; z-index: 1;}
.HeadBnrWrap .Bnr .item{display: table; vertical-align: top; padding: 0 60px; box-sizing: border-box;  table-layout: fixed;}
.HeadBnrWrap .Bnr .item.slick-current{border-right: 1px solid rgba(255,255,255,0.2);}
.HeadBnrWrap .Bnr .item > a{display: table-cell; width: 100%; height: 110px; position: relative; font-size: 0; padding-left: 105px; box-sizing: border-box; vertical-align: middle;}
.HeadBnrWrap .Bnr .item > a img{width: 76px; height: 76px; display: inline-block; vertical-align: middle; position: absolute; top: 17px; left: 0px;}
.HeadBnrWrap .Bnr .item > a b{font-size: 24px; line-height: 30px; font-weight: 500; color:#fecf57; letter-spacing: -1px; display: inline-block; vertical-align: middle; }
.HeadBnrWrap .Bnr .item > a span{font-size: 15px; line-height: 36px; color:#fff; display: inline-block; width: 110px; height: 38px; border-radius: 18px; border: 1px solid #fff; box-sizing: border-box; text-align: center; vertical-align: middle; position: absolute; right: 0px; top: calc(50% - 18px);}
.HeadBnrWrap .slick-arrow{width: 35px; height: 35px; background-repeat: no-repeat; position: absolute; background-position: center center; top: calc(50% - 17px); z-index: 10;}
.HeadBnrWrap .slick-arrow.slick-prev{background-image: url(../img/main/icon_HeadBnrPrev.png); left:-15px;}
.HeadBnrWrap .slick-arrow.slick-next{background-image: url(../img/main/icon_HeadBnrNext.png); right:-15px;}

#header {position:fixed;left:0;top:0;overflow:hidden;width:100%;height:130px;box-sizing:border-box;padding-top:40px;z-index:1000; transition: top 0.2s; -webkit-transition: top 0.2s;}

header {position:relative;left:0;top:0;width:100%;height:90px;box-sizing:border-box;padding:0 230px 0 300px;background:rgba(0,0,0,0.15);z-index:1000;}
header .logo {display:block;position:absolute;left:35px;top:28px;z-index:1001;}
header .logo>a {display:block;overflow:hidden;height:34px;}
header .logo>a img {max-width:none;height:100%;}
header .logo>a>span {display:none;height:100%;}
header::before {content:'';display:block;position:absolute;left:0;top:89px;width:100%;height:1px;background:#dbdee1;opacity:0;z-index:1000;}

header .top_util {position:absolute;right:0;top:-40px;width:100%;height:40px;box-sizing:border-box;padding:10px 35px 0 0;background:rgba(0,0,0,0.35);font-size:0;text-align:right;z-index:1101;transition:0.2s;}
header .top_util>a,
header .top_util>button,
header .top_util>div>a,
header .top_util>div>button {display:inline-block;position:relative;overflow:hidden;height:19px;box-sizing:border-box;color:#fff;font-size:15px;font-weight:300;line-height:20px;text-align:left;vertical-align:top;}
header .top_util>a {margin-right:14px;padding-right:14px;}
header .top_util>a::after {content:'';display:block;position:absolute;right:0;top:2px;width:1px;height:13px;background:rgba(255,255,255,0.2);}
header .top_util>div {display:inline-block;margin-right:30px;vertical-align:top;}
header .top_util .btn_topLanguage {padding-right:17px;background:url(../img/layout/ico_dotArrB_white.png) no-repeat right center;}
header .top_util .topLanguage {position:relative;}
header .top_util .topLanguage .listBox {display:none;position:absolute;left:50%;top:-8px;overflow:hidden;width:80px;margin-left:-40px;box-sizing:border-box;padding:8px 15px;border:1px solid #dbdee1;border-radius:9px;background:#fff;z-index:1101;}
header .top_util .topLanguage .listBox.on {display:block;}
header .top_util .topLanguage .listBox li {display:block;margin-bottom:7px;padding-left:1px;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:19px;text-align:left;}
header .top_util .topLanguage .listBox li:last-child {margin-bottom:0;}
header .top_util .topLanguage .listBox li>a.on {display:block;background:url(../img/layout/ico_dotArrT_gray.png) no-repeat right center;}
header .top_util .btn_topPopup {padding-right:28px;background:url(../img/layout/ico_cirArrB_red.png) no-repeat right center;}
.typeHeadBnr header .top_util .btn_topPopup{background:url(../img/layout/ico_cirArrB_red_Rotate.png) no-repeat right center;}

header .gnb_util {position:absolute;right:35px;top:25px;width:220px;box-sizing:border-box;font-size:0;text-align:right;z-index:1100;}
header .gnb_util>a,
header .gnb_util>button,
header .gnb_util>div>a,
header .gnb_util>div>button {display:inline-block;overflow:hidden;height:40px;margin:0 0 0 20px;box-sizing:border-box;color:#fff;font-size:15px;line-height:40px;text-align:left;vertical-align:top;}
header .gnb_util>div {display:inline-block;vertical-align:top;}
header .gnb_util .btn_topAirport {width:135px;box-sizing:border-box;padding:0 39px 0 19px;border:1px solid #fff;border-radius:20px;background:url(../img/layout/ico_dotArrB_white.png) no-repeat right 18px center;}
header .gnb_util .topAirport .listBox {display:none;position:absolute;left:50%;top:-8px;overflow:hidden;width:300px;margin-left:-172px;box-sizing:border-box;padding:25px 30px;border:1px solid #dbdee1;border-radius:9px;background:#fff;z-index:1100;}
header .gnb_util .topAirport .listBox.on {display:block;}
header .gnb_util .topAirport .listBox ul {overflow:hidden;/*height:205px;column-count:2;*/}
header .gnb_util .topAirport .listBox li {display:block;float:left;width:50%;margin-bottom:10px;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:19px;text-align:left;letter-spacing:-1px;}
header .gnb_util .topAirport .listBox li:last-child {margin-bottom:0;}
header .gnb_util .topAirport .listBox li>a.on {display:block;color:#a70638;}
header .gnb_util .topAirport .listBox .btn_listBox_close {display:block;/*float:right;*/position:absolute;right:15px;bottom:25px;overflow:hidden;width:11px;height:11px;background:url(../img/layout/ico_x_s_black.png) no-repeat center;text-indent:-999px;}
header .gnb_util .btn_topSearch {width:36px;margin-left:15px;background:url(../img/layout/ico_topSearch_white.png) no-repeat center;text-indent:-999px;}

header nav {text-align:center;font-size:0;}
/* gnb_parent */
/*header>nav #gnb_parent {overflow:hidden;display:block;padding:0 345px 0 270px;font-size:0;text-align:center;}
header>nav #gnb_parent>li {display:inline-block;padding:30px 2.3%;vertical-align:top;transition:0.2s;}
header>nav #gnb_parent>li>a {display:block;position:relative;height:20px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;font-weight:700;line-height:20px;text-align:center;vertical-align:middle;letter-spacing:-1px;white-space:nowrap;}*/
/* gnb */
header>nav #gnb {position:relative;width:100%;height:90px;box-sizing:border-box;padding:34px 0 0;font-size:0;text-align:center;z-index:1001;}
header>nav #gnb>li {display:inline-block;box-sizing:border-box;padding:0 1.9%;vertical-align:top;transition:0.2s;}
header>nav #gnb>li>a {display:block;position:relative;height:26px;box-sizing:border-box;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:22px;font-weight:700;line-height:26px;text-align:left;vertical-align:middle;letter-spacing:-1px;transition:0.2s;}
header>nav #gnb>li>a::after {content:'';display:block;position:absolute;left:0;bottom:-30px;width:100%;height:2px;background:#a70638;opacity:0;transition:0.2s;}
header>nav #gnb ul.menuM {display:none;position:absolute;left:0;top:90px;overflow:hidden;width:100%;box-sizing:border-box;padding:0 0 40px;border-right:1px solid #dbdee1;border-left:1px solid #dbdee1;font-size:0;text-align:left;}
header>nav #gnb a.on+ul.menuM {display:block;}
header>nav #gnb ul.menuM::before,
header>nav #gnb ul.menuM::after {content:'';display:block;left:0;top:0;position:absolute;left:0;top:0;width:100%;height:40px;background:#fff;}
header>nav #gnb ul.menuM::after {top:auto;bottom:0;}
header>nav #gnb ul.menuM>li {display:inline-table;width:20%;box-sizing:border-box;padding:40px 20px 0 30px;font-size:0;vertical-align:top;}
header>nav #gnb ul.menuM>li>a {display:inline-block;position:relative;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;font-weight:700;line-height:22px;text-align:left;letter-spacing:-1px;vertical-align:top;}
header>nav #gnb ul.menuM>li>a::after {content:'';display:block;position:absolute;left:-31px;top:0;width:1px;height:600px;background:#dbdee1;}
header>nav #gnb ul.menuM>li:nth-child(5n-4)>a::after {display:none;}
header>nav #gnb ul.menuS {padding-top:3px;}
header>nav #gnb ul.menuS>li {display:block;margin-top:12px;font-size:0;}
header>nav #gnb ul.menuS>li>a {display:inline-block;color:#555;font-size:16px;font-weight:400;line-height:20px;letter-spacing:-1px;text-align:left;}

header .mLogo,
header .mBtn_topMenu,
header .mBtn_close {display:none;}

.gnbFix #header {background:#fff;}
#header.gnbOn {height:391px;background:#fff;}
.gnbFix #header .logo>a>img,
#header.gnbOn .logo>a>img {display:none}
.gnbFix #header .logo>a>span,
#header.gnbOn .logo>a>span {display:block;}
.gnbFix #header header,
#header.gnbOn header {background:none;}
.gnbFix #header header::before,
#header.gnbOn header::before {opacity:1;}

.gnbFix #header header .top_util,
#header.gnbOn header .top_util {background:#f5f5f5;}
.gnbFix #header header .top_util>a,
.gnbFix #header header .top_util>button,
.gnbFix #header header .top_util>div>button,
#header.gnbOn header .top_util>a,
#header.gnbOn header .top_util>button,
#header.gnbOn header .top_util>div>button {color:#666;}
.gnbFix #header header .top_util>a::after,
#header.gnbOn header .top_util>a::after {background:#c4c4c4;}
.gnbFix #header header .top_util .btn_topLanguage,
#header.gnbOn header .top_util .btn_topLanguage {background-image:url(../img/layout/ico_dotArrB_gray.png);}
.gnbFix #header header .top_util .btn_topPopup,
#header.gnbOn header .top_util .btn_topPopup {background-image:url(../img/layout/ico_cirArrB_black.png);}

.gnbFix #header header .gnb_util>a,
.gnbFix #header header .gnb_util>button,
.gnbFix #header header .gnb_util>div>button,
#header.gnbOn header .gnb_util>a,
#header.gnbOn header .gnb_util>button,
#header.gnbOn header .gnb_util>div>button {color:#666;}
.gnbFix #header header .gnb_util .btn_topAirport,
#header.gnbOn header .gnb_util .btn_topAirport {border:1px solid #dbdee1;background-image:url(../img/layout/ico_dotArrB_gray.png);}
.gnbFix #header header .gnb_util .btn_topSearch,
#header.gnbOn header .gnb_util .btn_topSearch {background-image:url(../img/layout/ico_topSearch_black.png);}

.gnbFix #header header #gnb>li>a,
#header.gnbOn #gnb>li>a {color:#000;}
#header.gnbOn #gnb>li>a.on::after,
#header.gnbOn #gnb>li a:hover::after {opacity:1;}
#header.gnbOn #gnb>li>a.on,
#header.gnbOn #gnb>li a:hover {color:#a70638 !important;}

.typeSub #header {position:absolute;transition:0.2s;}
.typeSub.gnbFix #header {display:none;}

#footer {position:relative;width:100%;box-sizing:border-box;padding:35px 0 40px;background:#191a1a;}
footer {position:relative;width:100%;max-width:1240px;margin:0 auto;box-sizing:border-box;padding:0 30px;}
footer .f_menu {overflow:hidden;width:100%;box-sizing:border-box;}
footer .f_menu li {position:relative;float:left;margin-right:12px;padding-right:12px;}
footer .f_menu li::after {content:'';display:block;position:absolute;right:0;top:2px;width:1px;height:13px;background:#fff;opacity:0.2;}
footer .f_menu li:last-child {margin-right:0;padding-right:0;}
footer .f_menu li:last-child::after {display:none;}
footer .f_menu li>a {display:block;height:16px;color:rgba(255,255,255,0.6);font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:300;line-height:19px;letter-spacing:-1px;}
footer .f_util {position:absolute;right:30px;top:0;width:350px;font-size:0;text-align:right;}
footer .f_mark {display:inline-block;vertical-align:top;}
footer .f_sns {display:inline-block;margin:13px 0 0 10px;vertical-align:top;}
footer .f_sns li {position:relative;float:left;margin-left:20px;}
footer .f_sns li>a {display:block;overflow:hidden;width:21px;height:21px;box-sizing:border-box;text-align:left;text-indent:-999px;}
footer .f_sns li .sns_facebook {background:url(../img/layout/f_sns_facebook.png) no-repeat center;}
footer .f_sns li .sns_nBlog {background:url(../img/layout/f_sns_nBlog.png) no-repeat center;}
footer .f_sns li .sns_instagram {background:url(../img/layout/f_sns_instagram.png) no-repeat center;}

footer address {position:relative;overflow:hidden;margin-top:16px;font-style:normal;text-align:left;display:inline-block}
footer address span {float:left;margin:0 12px 0 0;color:rgba(255,255,255,0.6);font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:300;line-height:19px;white-space:nowrap;}
footer address>span {display:inline-block;position:relative;padding-right:15px;}
/* footer address>span::after {content:'';display:block;position:absolute;right:0;top:3px;width:1px;height:13px;background:#fff;opacity:0.2;} */
footer address>span:last-child::after {display:none;}
footer .tel{position:relative;overflow:hidden;margin-top:16px;font-style:normal;text-align:left;font-size:18px;color:white;}
footer .copyright {display:block;margin-top:15px;color:rgba(255,255,255,0.6);font-size:14px;font-weight:300;line-height:16px;}

/*셀렉트 패밀리사이트 타입*/
#footer.typeSelFamily {position:relative;width:100%;box-sizing:border-box;padding:49px 0 46px;background:#191a1a;}
#footer.typeSelFamily .selFamilySite {position:absolute;top:0;right:30px;}
#footer.typeSelFamily .selFamilySite .family_btn {overflow:hidden;width:210px;}
#footer.typeSelFamily .selFamilySite .family_btn button {display:block;width:210px;height:45px;box-sizing:border-box;padding:0 100px 0 15px;border:1px solid #414242;background:url(../img/layout/m/btn_family_on.png) no-repeat right 17px top 50%;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;line-height:45px;font-weight:400;letter-spacing:-1px;}
#footer.typeSelFamily .selFamilySite .pop_wrap {display:none;background:rgba(0,0,0,0.7);}
#footer.typeSelFamily .selFamilySite .pop_wrap.on {display:block;}
#footer.typeSelFamily .selFamilySite .pop_wrap .popLayout .popInner.limit,
#footer.typeSelFamily .selFamilySite .pop_wrap .popLayout2 .popInner.limit {padding:10px 33px 15px;}
#footer.typeSelFamily footer .f_util {right:30px;top:65px;}
#footer.typeSelFamily footer .f_sns li {display:inline-block;float:none;margin-left:25px;vertical-align:top;}

#footer .pop_wrap {display:none;}
#footer .pop_wrap.on {display:block;background:rgba(0,0,0,0.7);}

.pop_familySite {position:relative;overflow:hidden;}
.pop_familySite ul li {display:block;margin-bottom:10px;}
.pop_familySite ul li a {color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:-1px;}
.pop_familySite ul li a:hover {color:#00589e;font-weight:500;}

#familySite1>section {left:50%;top:50%;width:90%;max-width:725px;height:90%;max-height:370px;}
#familySite1 ul {float:left;height:270px;box-sizing:border-box;}
#familySite1 ul.grp01 {width:66.6%;column-count:2;column-rule:1px solid #ddd;column-gap:70px;}
#familySite1 ul.grp02 {width:33.3%;}
#familySite1 ul+ul {padding-left:35px;border-left:1px solid #ddd;}
#familySite2>section {left:50%;top:50%;width:90%;max-width:740px;height:90%;max-height:410px;/*margin:-205px 0 0 -370px;*/}
#familySite2 ul {width:100%;column-count:3;column-rule:1px solid #ddd;column-gap:70px;}
#familySite3>section {left:50%;top:50%;width:90%;max-width:740px;height:90%;max-height:410px;/*margin:-205px 0 0 -370px;*/}
#familySite3 ul {width:100%;column-count:3;column-rule:1px solid #ddd;column-gap:70px;}

#container {clear:both;position:relative;overflow:hidden;background:#fff;}

.sVisual {display:table;position:relative;width:100%;height:356px;background-position:center top;text-align:center;z-index:1;}
.sVisual>div {display:none;}
.sVisual>strong {display:table-cell;padding-top:130px;padding-left:15%;padding-right:15%;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:50px;font-weight:700;line-height:60px;text-align:center;vertical-align:middle;letter-spacing:-1px;}

#snb_nav {position:relative;width:100%;height:65px;box-sizing:border-box;background:#eef1f6;z-index:2;}
#snb_nav .snb_area {position:relative;width:100%;max-width:1200px;height:65px;margin:0 auto;}
#snb_nav .snb_area .btn_home {display:block;float:left;overflow:hidden;width:75px;height:65px;margin:0;box-sizing:border-box;border-right:1px solid #dbdee1;border-left:1px solid #dbdee1;background:url(../img/layout/snb_home_black.png) no-repeat 50% 50%;text-indent:-100px;}
#snb_nav .snb_area>button {position:relative;float:left;height:65px;min-width:210px;box-sizing:border-box;padding:0 40px 0 25px;border-right:1px solid #dbdee1;background:url(../img/layout/snb_arrB_black.png) no-repeat right 15px top 50%;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;line-height:63px;text-align:left;font-weight:300;}
#snb_nav .snb_area>button.active {border:1px solid #000;background:#fff url(../img/layout/snb_arrT_black.png) no-repeat right 15px top 50%;border-bottom:none;font-weight:500;}
#snb_nav .snb_area>button.on {}
#snb_nav .snb_area .btn_snbView {display:none;}

#snb_nav #snb {display:none;position:absolute;left:5px;top:65px;width:235px;box-sizing:border-box;padding:0 20px 20px;border:1px solid #000;border-top:none;background:#fff;z-index:900;}
#snb_nav #snb li+li {margin-top:10px;}
#snb_nav #snb li a {color:#666;font-size:16px;font-weight:400;line-height:20px;letter-spacing:-1px;}
#snb_nav #snb li a:hover,
#snb_nav #snb li a:active {border-bottom:1px solid #00589e;color:#00589e;font-weight:400;}
#snb_nav #snb>li>ul {margin-bottom:10px;}
#snb_nav #snb>li>ul ul {margin-bottom:0;}
#snb_nav.active2 #snb>li+li {margin-top:0;}
#snb_nav.active3 #snb>li+li,
#snb_nav.active3 #snb .menuM>li+li {margin-top:0;}
#snb_nav #snb .menuM>li.on>a,
#snb_nav #snb .menuS>li.on>a {border-bottom:1px solid #00589e;color:#00589e;}

#snb_nav.active1 #snb>li>ul {display:none;}
#snb_nav.active2 #snb>li>a,
#snb_nav.active2 #snb>li>ul {display:none;}
#snb_nav.active2 #snb>li.on>ul {display:block;}
#snb_nav.active2 #snb>li.on>ul ul {display:none;}
#snb_nav.active3 #snb>li,
#snb_nav.active3 #snb>li>a,
#snb_nav.active3 #snb>li>ul>li,
#snb_nav.active3 #snb>li>ul>li>a {display:none;}
#snb_nav.active3 #snb>li.on,
#snb_nav.active3 #snb li.on {display:block;}

#snb_nav .snb_util {position:absolute;right:0;top:0;padding-right:10px;text-align:right;font-size:0;}
#snb_nav .snb_util button {display:inline-block;overflow:hidden;width:44px;height:65px;text-indent:-999px;vertical-align:top;}
#snb_nav .snb_util .btn_print {background:url(../img/layout/snb_print_black.png) no-repeat 50% 50%;}
#snb_nav .snb_util .btn_share {background:url(../img/layout/snb_share_black.png) no-repeat 50% 50%;}
#snb_nav .snb_util .btn_top {background:url(../img/layout/snb_top_black.png) no-repeat 50% 50%;}
#snb_nav .snb_util .btn_print:hover {background-image:url(../img/layout/snb_print_blue.png) !important;}
#snb_nav .snb_util .btn_share:hover,
#snb_nav .snb_util .btn_share.on {background-image:url(../img/layout/snb_share_blue.png) !important;}
#snb_nav .snb_util .btn_top:hover {background-image:url(../img/layout/snb_top_blue.png) !important;}
#snb_nav .snb_util .shareBox {display:none;position: absolute;top: 58px;right: 0;z-index: 110;width: 370px;background: #fff;box-shadow: 8px 8px 10px  rgba(0,0,0,0.2);padding: 40px 30px;}
#snb_nav .snb_util .shareBox:before {display: block;position: absolute;top: -9px;right: 65px;content: '';width: 16px;height: 9px;background: url(../img/layout/ico_speechBubble_arrT.png) no-repeat center top;}
#snb_nav .snb_util .shareBox ul {position: relative;background: #fff;font-size: 0;box-sizing: border-box;text-align: center;}
#snb_nav .snb_util .shareBox ul>li {display: inline-block;margin: 0;vertical-align: top;}
#snb_nav .snb_util .shareBox ul>li + li {margin-left: 35px;}
#snb_nav .snb_util .shareBox ul>li>a {display:block;color:#000;font-size: 16px;font-weight: 400;letter-spacing:-1px;}
#snb_nav .snb_util .shareBox ul>li>a span {display:block;width: 50px;height: 50px;background-size: cover;margin: 0 auto 5px;}
#snb_nav .snb_util .shareBox .sns_facebook {background:url(../img/layout/sns_cir_facebook.png) no-repeat center top; background-size: cover;}
#snb_nav .snb_util .shareBox .sns_kakaoTalk {background:url(../img/layout/sns_cir_kakaoTalk.png) no-repeat center top; background-size: cover;}
#snb_nav .snb_util .shareBox .sns_twitter {background:url(../img/layout/sns_cir_twitter.png) no-repeat center top; background-size: cover;}
#snb_nav .snb_util .shareBox .sns_nBlog {background:url(../img/layout/sns_cir_naverBlog.png) no-repeat center top; background-size: cover;}
#snb_nav .snb_util .shareBox .sns_instagram {background:url(../img/layout/sns_cir_instagram.png) no-repeat center top; background-size: cover;}
#snb_nav .snb_util .shareBox .sns_gmail {background:url(../img/layout/sns_cir_gmail.png) no-repeat center top; background-size: cover;}
#snb_nav .snb_util .shareBox .urlCopy:after {	content: '';	clear: both;	display: block;}
#snb_nav .snb_util .shareBox .urlCopy {display: block;	margin-top: 20px;}
#snb_nav .snb_util .shareBox .urlCopy input {float: left;display: block;width: calc(100% - 100px);height: 45px;box-sizing:border-box;padding: 0 5px;border: 1px solid #dbdee1;background: #fff;color: #000;font-size: 16px;font-weight: 300;line-height: 27px;}
#snb_nav .snb_util .shareBox .urlCopy button {float: right;display:block;width: 90px;height: 45px;box-sizing: border-box;background: #000;color: #fff;font-size: 16px;font-weight: 300;letter-spacing: -1px;margin: 0;margin-left: 10px;text-align:center;text-indent:0;}
#snb_nav .snb_util .shareBox.on {display:block;}

#contents {position:relative;width:100%;max-width:1240px;margin:0 auto;box-sizing:border-box;padding:70px 30px 100px;}
.typeMain #contents {max-width:none;padding:0 0 40px;}

.typeSub.gnbFix #snb_nav {position:fixed;left:0;top:0;margin-top:0;z-index:100;}
.typeSub.gnbFix #contents {padding-top:135px;}

#contents>article {position:relative;min-height: 450px;/*padding-bottom:70px;*/}

.pageNoti_top {overflow:hidden;margin-bottom:40px;}
.pageNoti_btm {overflow:hidden;margin-top:40px;}


@media all and (max-width:1480px){
    .HeadBnrWrap .slick-arrow.slick-prev{left: 0;}
    .HeadBnrWrap .slick-arrow.slick-next{right: 0;}
}

@media all and (max-width:1330px){
	header>nav #gnb>li {padding:0 1.4%;}
    .HeadBnrWrap .HeadBnrClosed{top: 10px; right: 10px;}
}


@media all and (max-width:1279px){ /*PC GNB변환 시점*/
	#header {height:105px;padding-top:0;}
    .mGnbOpenScrollFix{overflow: hidden !important;}
    .mGnbOpenScrollFix #header{top:0px !important}
    .mGnbOpenScrollFix.typeHeadBnr .HeadBnrWrap{top: -110px}
    header::before{display:none;top: 105px;}
    /* 08-27 아이폰에서 GNB가 잘려보여서 수정 */
	/*#header.gnbOn {height:90px;background:none;}*/
    #header.gnbOn {height:100%;background:none;}

	header .mLogo,
	header .mBtn_close,
	header .top_util,
	header .gnb_util .topAirport {display:block;position:fixed;right:auto;bottom:auto;top:0;left:-760px;width:100%;max-width:760px;z-index:1101;transition:0.2s;}
	header>nav {display:block;position:fixed;right:auto;bottom:auto;top:195px;left:-760px;overflow-x:hidden;overflow-y:auto;width:100%;max-width:760px;height:calc(100% - 200px);box-sizing:border-box;padding:0 40px;z-index:1200;transition:0.2s;}

	header {padding:0;background:none;}
	header::after {content:'';display:block;position:fixed;left:-770px;top:0;width:100%;max-width:760px;height:100%;background:#fff;z-index:1100;transition:0.2s;}
	header .logo {top:35px;}
	header .mLogo a {display:block;overflow:hidden;}
	header .mLogo img {height:28px;vertical-align:top;}
	header .top_util {z-index:1210;}
	header .top_util .btn_topPopup {display:none !important;}

	header .top_util>a,
	header .top_util>button,
	header .top_util>div>button {height:24px;color:#000 !important;font-size:20px;line-height:24px;}
	header .gnb_util .btn_topSearch,
	header .mBtn_topMenu {display:block;position:absolute;overflow:hidden;width:37px;height:37px;text-align:left;text-indent:-999px;z-index:1000;}
	header .gnb_util .btn_topSearch {top:36px;right:120px;background:url(../img/layout/m/ico_topSearch_white.png) no-repeat center !important;}
	header .top_util .btn_topLanguage {padding-right:25px;}
	header .mBtn_topMenu {top:36px;right:40px;background:url(../img/layout/m/ico_topLineMenu_white.png) no-repeat center;}
	header .mBtn_close {top:32px;display:block;overflow:hidden;width:25px;height:25px;margin-left:695px;background:url(../img/layout/m/mGnb_close.png) no-repeat center;background-size:auto 25px;text-indent:-999px;}

	header .mLogo {top:30px;width:auto;margin-left:35px;transition:0.2s;}
	header .top_util {top:88px;padding:0 40px;background:#fff !important;text-align:left;}
	header .top_util>a::after {top:3px;height:19px;}

	header .gnb_util {position:relative;top:0;right:0;width:auto;z-index:1200;}
	header .gnb_util .topAirport {top:140px;padding:10px 0;border-top:1px solid #cdd1d4;border-bottom:1px solid #cdd1d4;background:#f5f8fa;text-align:center;/*z-index:1110;*/z-index:1201;}
	header .gnb_util .btn_topAirport {width:auto !important;height:auto !important;margin:0;padding:0 30px 0 0;border:none !important;background:url(../img/layout/m/ico_cirArrNE.png) no-repeat right 1px center !important;background-size:auto 20px !important;color:#000 !important;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;font-weight:400;line-height:24px;white-space:nowrap;}
	header .gnb_util .topAirport .listBox {left:0;top:45px;width:100%;margin:0;box-sizing:border-box;padding:20px;}
	header .gnb_util .topAirport .listBox li {float:left;overflow:hidden;/*width:25%;*/width:50% !important;margin:0 -1px -1px 0;}
	header .gnb_util .topAirport .listBox li>a {display:block;border:1px solid #cdd1d4;font-size:16px;line-height:40px;text-align:center;white-space:nowrap;}
	header .gnb_util .topAirport .listBox .btn_listBox_close {display:none;}
	header .gnb_util .topAirport.on {border-bottom:none;background-color:#fff;}
    header .gnb_util .topAirport.on .listBox {border-top:none;}

    header .top_util>a.btn_topVod{position: fixed; left: -780px; bottom:0px; height: 75px; line-height: 75px; padding-left: 20px; box-sizing: border-box; background-image: url(../img/layout/m/btn_topVodArr.png); background-repeat: no-repeat; background-position: right center;  transition: all 0.2s; -webkit-transition: all 0.2s;}
    header .top_util>a.btn_topVod::after{display: none;}


	.gnbOn header::after,
	.gnbOn header .mLogo,
	.gnbOn header .mBtn_close,
	.gnbOn header .top_util,
	.gnbOn header .gnb_util .topAirport,
	.gnbOn header>nav {left:0;}
    .gnbOn header .gnb_util .btn_topSearch {z-index:100;}
    .gnbOn header .top_util>a.btn_topVod{left: 0;}

	header>nav #gnb {height:auto;padding:0;}
	header>nav #gnb>li {display:block;padding:15px 0;border-bottom:1px solid #cdd1d4;}
	header>nav #gnb>li>a {padding:0 60px 0 20px;}
	header>nav #gnb>li.child>a {background:url(../img/layout/m/mGnb_arrB_black.png) no-repeat right 20px top 50%;background-size:auto 12px;}
	header>nav #gnb>li.child>a.on {background-image:url(../img/layout/m/mGnb_arrT_red.png)!important;}
	header>nav #gnb>li>a.on::after,
	header>nav #gnb>li a:hover::after {display:none !important;}
	header>nav #gnb ul.menuM {display:none;position:relative;top:0;margin:15px 0 -15px;padding:0 20px;border:none;border-top:1px solid #cdd1d4;background:#f1f5fa;}
	header>nav #gnb ul.menuM::before,
	header>nav #gnb ul.menuM::after {display:none !important;}
	header>nav #gnb ul.menuM>li {display:block;width:100%;padding:15px 0;}
	header>nav #gnb ul.menuM>li+li {border-top:1px solid #cdd1d4;}
	header>nav #gnb ul.menuM>li>a {display:block;padding:0 40px 0 10px;transition:0.2s;}
	header>nav #gnb ul.menuM>li.child>a {background:url(../img/layout/m/mGnb_arrB_black.png) no-repeat right 10px top 5px;background-size:auto 10px;}
	header>nav #gnb ul.menuM>li.child>a.on {background-image:url(../img/layout/m/mGnb_arrT_red.png)!important;}
	header>nav #gnb ul.menuM>li>a::after {display:none !important;}
	header>nav #gnb ul.menuM>li>a.on {color:#a70638;}
	header>nav #gnb ul.menuS {display:none;padding:0 0 0 25px;}
	header>nav #gnb ul.menuS>li>a {padding-right:0;background:none !important;font-weight:500;}
}

@media all and (max-width:1200px){
    .HeadBnrWrap .Bnr .item{padding: 0 40px;}
    .HeadBnrWrap .Bnr .item > a{padding-left: 85px;}
    .HeadBnrWrap .Bnr .item > a b{font-size: 19px; line-height: 24px;}
    .HeadBnrWrap .Bnr .item > a img{width: 60px; height: 60px; top: 25px;}
    .HeadBnrWrap .Bnr .item > a span{font-size: 14px; line-height: 30px; width: 100px; height: 30px; top: calc(50% - 15px); border-radius: 14px;}
    .HeadBnrWrap .Bnr::after{width: 40px;}
    .HeadBnrWrap .Bnr::before{width: 40px;}
}

@media all and (max-width:1041px){
    .typeHeadBnr #header{top: 90px;}
    .HeadBnrWrap{height: 90px}
    .HeadBnrWrap .Bnr .item{padding: 0 90px 0 30px;}
    .HeadBnrWrap .Bnr .item > a{height: 90px;}
    .HeadBnrWrap .HeadBnrClosed{top: calc(50% - 12px); right: 20px;}
    .HeadBnrWrap .Bnr::after{display: none}
    .HeadBnrWrap .Bnr::before{display: none}
    .HeadBnrWrap .Bnr .item > a img{top: 15px;}

	#header {position:fixed !important;height:55px;}
    /* 08-27 아이폰에서 GNB가 잘려보여서 수정 */
	/*#header.gnbOn {height:55px;}*/
    #header.gnbOn {height:100%;}

	header {height:55px;}
    header::before{top: 55px;}
	header .logo {left:17px;top:17px;}
	header .logo>a {height:21px;}
	header .mLogo {top:15px;margin-left:20px;}
	header .mLogo img {height:14px;}
	header .top_util {top:75px;height:21px;padding:0 20px;}
	header .top_util>a,
	header .top_util>button,
	header .top_util>div>button {height:21px;font-size:17px;line-height:21px;}
	header .top_util .topLanguage .listBox li {font-size:14px;}

	header .gnb_util .btn_topSearch,
	header .mBtn_topMenu {top:18px;width:20px;height:20px;background-size:auto 20px !important;}
	header .gnb_util .btn_topSearch {right:60px;}
	header .mBtn_topMenu {right:20px;}
	header .gnb_util .btn_topAirport {font-size:17px;}
	header .gnb_util .topAirport {top:119px;}
    header .gnb_util .topAirport .listBox ul {height:auto;column-count:auto;}
	header .gnb_util .topAirport .listBox li>a {font-size:15px;}
	header .mBtn_close {top:13px;height:18px;height:18px;margin-left:722px;background-size:auto 18px;}

    .gnbFix #header .logo>a>img {display:none;}
    .gnbFix #header .logo>a>span {display:block;}
    .gnbFix header {background:#fff !important;}
    .gnbFix header .gnb_util,
    .gnbOn header .gnb_util {z-index:auto;}
	.gnbFix header .gnb_util .btn_topSearch {background-image:url(../img/layout/m/ico_topSearch_black.png) !important;}
	.gnbFix header .mBtn_topMenu {background-image:url(../img/layout/m/ico_topLineMenu_black.png) !important;}

	header>nav {top:166px;padding:0 10px 0 20px;} /*210604*/
	header>nav #gnb>li {padding:20px 0;transition:0.2s;} /*210604*/
	header>nav #gnb>li>a {background-size:auto 9px !important;font-size:21px;line-height:25px;}
	header>nav #gnb ul.menuM {margin-bottom:-20px;}
	header>nav #gnb ul.menuM>li>a {padding-left:15px;background-size:auto 9px !important;font-size:17px;line-height:21px;}
	header>nav #gnb ul.menuS>li>a {font-size:15px;line-height:19px;}

    /*210604시작*/
	header>nav #gnb {width:calc(100% - 15px)}
	header>nav.mCustomScrollbar #gnb {width:100%;}
	header>nav.mCustomScrollbar.mCS_no_scrollbar #gnb {width:calc(100% - 15px)}
	header>nav #gnb a.on+ul.menuM {display:none;}
	/*210604끝*/

	#snb_nav {height:43px;}
	/*#snb_nav .snb_area,
	#snb_nav .snb_area .btn_home,
	#snb_nav .snb_area>button {height:43px;font-size:16px;line-height:46px;}*/
    #snb_nav .snb_area,
	#snb_nav .snb_area .btn_home {height:43px;font-size:16px;line-height:46px;}
    #snb_nav .snb_area>button {display:table-cell;max-width:33.3%;height:43px;font-size:14px;line-height:16px;vertical-align:middle;}
	#snb_nav .snb_area .btn_home {width:43px;}
	#snb_nav .snb_area>button {min-width:180px;}
    #snb_nav #snb {top:43px;background:#fff;}
	#snb_nav #snb>li>ul {margin:0;}
    #snb_nav #snb li {margin-top:10px;}
    #snb_nav #snb li a {font-size:15px;}
	#snb_nav .snb_util {padding-right:0;}
    #snb_nav .snb_util .zoom,
    #snb_nav .snb_util .btn_print,
    #snb_nav .snb_util .btn_top {display:none;}
    #snb_nav .snb_util .btn_share {height:43px;background-size:14px auto;}
    #snb_nav .snb_util .btn_share:hover {background-image:url(../img/layout/snb_share_black.png) !important;}
    #snb_nav .snb_util .btn_share.on {background-image:url(../img/layout/snb_share_blue.png) !important;}
	#snb_nav .snb_util .shareBox {top: 40px;width: 300px;box-shadow: 8px 8px 10px  rgba(0,0,0,0.2);padding: 30px;}
	#snb_nav .snb_util .shareBox:before {content: none;}
	#snb_nav .snb_util .shareBox ul>li + li {margin-left: 35px;}
	#snb_nav .snb_util .shareBox ul>li>a {font-size: 15px;}
	#snb_nav .snb_util .shareBox ul>li>a span {width: 46px;height: 46px;}
	#snb_nav .snb_util .shareBox .urlCopy {margin-top: 15px;}
	#snb_nav .snb_util .shareBox .urlCopy input {width: calc(100% - 100px);height: 36px;font-size: 14px;}
	#snb_nav .snb_util .shareBox .urlCopy button {width: 90px;height: 36px;font-size: 14px;margin-left: 10px;}

    .typeSub.gnbFix #header {display:block;}
    .typeSub.gnbFix #snb_nav {position:fixed;left:0;top:55px;z-index:100;}

    #contents {max-width:none;padding:35px 20px;}
    .typeMain #contents {padding:0}
    .typeSub.gnbFix #contents {padding-top:80px;}

    #contents>article {width:100%;padding-bottom:0;}

	.sVisual>strong {padding-top:50px;font-size:40px;line-height:48px;}

	#footer {min-height:auto;padding:20px 20px 75px;}
	footer .f_mark {display:none !important;}
	footer .f_menu li {padding-bottom:10px;}
	footer .f_menu li::after {display:none;}
	footer .f_menu li>a {color:#c7c7c7;font-size:13px;font-weight:400;line-height:17px;}
	footer .f_menu li.point>a {color:#fff;}
	footer .f_sns {margin:0;}
	footer .f_sns li {display:inline-block;margin-left:15px;vertical-align:top;}
    footer .f_sns li>a {height:18px;background-size:auto 18px !important;}
	footer address {margin-top:10px;}
	footer address>span {padding-right:0;font-size:13px;line-height:17px;}
	footer address>span::after {display:none;}
	footer address>span:nth-of-type(1) {display:block;width:100%;}
	footer .copyright {width:100%;margin-top:16px;font-size:12px;line-height:14px;}

    #familySite2 .limit ul {column-count:1}
    #familySite2 .limit ul li a{position:relative;float:left;margin-right:10px;margin-top:10px;padding-left:10px;padding-right:30px;}
    #familySite2 .limit ul li a:before {content: '';display: block;position: absolute;left: 0;top: 50%;margin-top:-1.5px;width: 3px;height: 3px;background: #1056ab;border-radius:50%;}
    #familySite2 .limit ul>li>strong {margin-bottom:5px;}
    #familySite2 .limit ul>li::before {top:auto;left:0;bottom:-20px;width:calc(100% - 40px);height:1px;margin:0 auto;margin-left:20px;background:#e7e7e8;}
}

@media all and (max-width:960px){
    #headTop_bnr .btn .Wrap {padding-top:70px}
}

@media all and (max-width:768px){
    .typeHeadBnr #header{top: 70px;}
    .HeadBnrWrap {height: 70px;}
    .HeadBnrWrap .HeadBnrClosed{width: 18px; height: 18px; top: calc(50% - 9px); background-size: 18px 18px;}
    .HeadBnrWrap .Bnr .item{padding: 0 30px 0 20px; }
    .HeadBnrWrap .Bnr .item > a{padding-left: 60px; height: 70px;}
    .HeadBnrWrap .Bnr .item > a img{width: 40px; height: 40px;}
    .HeadBnrWrap .Bnr .item > a b{font-size: 15px; line-height: 20px;}
    .HeadBnrWrap .Bnr .item > a span{display: none;}

    #contents {padding:25px 20px 50px;}
    .typeMain #contents {padding:0px 0 0;}

    #headTop_bnr {padding:10px 20px;}
    #headTop_bnr .bnr {height:120px;}
    #headTop_bnr .bnr a {padding:0 25px;text-align:center;vertical-align: middle;}
    #headTop_bnr .bnr a>img {float:inherit;width:50px;height:50px;margin:0 auto;}
    #headTop_bnr .bnr a .TitTxt {width:100%;padding-left:00px;height:auto;white-space:nowrap;text-overflow:ellipsis}
    #headTop_bnr .bnr a .dateTxt {width:100%;padding-right:0;padding-left:0px;height:auto;white-space:nowrap;text-overflow:ellipsis}
    #headTop_bnr .btn .Wrap {padding-top:0}
    #headTop_bnr .btn .bnr_Arrow>button {width:15px;height:35px;top:50%;margin-top:-17.5px;background-size:15px auto;}
    #headTop_bnr .bnr.slick-current:before {display:none;}

	header .gnb_util .topAirport .listBox li {width:33.33%;}
	header .gnb_util .topAirport .listBox li>a {font-size:14px;}

    /*header>nav #gnb>li>a {font-size:16px;line-height:20px;}
    header>nav #gnb ul.menuM>li>a {font-size:15px;line-height:19px;}*/

    .sVisual {height:180px;background:none !important;}
    .sVisual>div {display:block;position:absolute;width:100%;height:180px;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;}
    .sVisual>strong {position:relative;font-size:30px;line-height:36px;z-index:2;}

    #snb_nav {position:relative;width:100%;height:43px;margin:0;z-index:100;}
    #snb_nav .snb_area {width:auto;max-width:none;height:43px;padding-left:0;}
    #snb_nav .snb_area .btn_home,
    #snb_nav .snb_area>button {display:none;}
    /*#snb_nav .snb_area>button.on {display:block;position:absolute;left:0;top:0;width:calc(100% - 44px);height:43px;margin-left:auto;background:url(../img/layout/m/snb_arrB_black.png) no-repeat right 20px top 50%;background-size:auto 5px !important;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:700;line-height:46px;}*/
    #snb_nav .snb_area>button.on {display:block;position:absolute;left:0;top:0;width:calc(100% - 44px);max-width:none;height:43px;margin-left:auto;background:url(../img/layout/m/snb_arrB_black.png) no-repeat right 20px top 50%;background-size:auto 5px !important;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-weight:700;}
    #snb_nav .snb_area>button.on::before {display:none;}
    #snb_nav .snb_area>button.on.active {background:url(../img/layout/m/snb_arrT_black.png) no-repeat right 20px top 50%;}
    #snb_nav #snb {top:43px;width:100%;padding:6px 15px 20px !important;border:none;background:#1157ac;}
    #snb_nav #snb a,
    #snb_nav #snb a:hover,
    #snb_nav #snb a:active {color:#fff !important;font-family:'Roboto','Noto Sans KR',sans-serif;font-weight:400 !important;}
	/*#snb_nav #snb li {box-sizing:border-box;padding:0 37px 0 25px;text-align:center;}*/
    #snb_nav #snb li {box-sizing:border-box;padding:0;text-align:center;}

    .typeSub.gnbFix #contents {padding-top:65px;}

    .popLayout2 .popTit {height:60px;font-size:20px;line-height:60px;}
	.popLayout2 .btn_popClose {right:20px;top:20px;width:18px;height:18px;background-size:18px 18px;}

	#familySite1>section,
    #familySite2>section,
    #familySite3>section {/*left:5%;top:5%;*/max-width:none;max-height:none;margin:0;}
    #familySite1>section ul,
    #familySite2>section ul,
    #familySite3>section ul {width:100% !important;height:auto !important;column-count:auto !important;column-gap:normal !important;}
    #familySite1>section ul+ul,
    #familySite2>section ul+ul,
    #familySite3>section ul+ul {padding-top:10px;border:none;padding-left:0;border-top:1px solid #ddd;}
    #familySite1>section ul li,
    #familySite2>section ul li,
    #familySite3>section ul li {float:left;width:50%;box-sizing:border-box;padding:5px 10px;}
    .pop_familySite ul li a {font-size:14px;line-height:18px;}

    /* 셀렉트 패밀리사이트 타입 */
    #footer.typeSelFamily {min-height: auto;padding: 20px 20px 55px;}
    #footer.typeSelFamily .selFamilySite {position:inherit;right:0;margin-bottom:20px;}
    #footer.typeSelFamily .selFamilySite .family_btn {width:100%;}
    #footer.typeSelFamily .selFamilySite .family_btn button {width:100%;height:35px;line-height:35px;text-align:left}
    #footer.typeSelFamily footer {padding:0;}
    #footer.typeSelFamily footer .f_util {right:auto;top:auto;left:0;bottom:-40px;text-align:left;}
    #footer.typeSelFamily footer .f_sns li {margin:0 15px 0 0;}

}

@media all and (max-width:759px){
	header .mBtn_close {margin-left:calc(100% - 43px);}
}

@media all and (max-width:560px){
    header .top_util>a,
    header .top_util>button,
    header .top_util>div>button {font-size:15px;}
    header .top_util>a::after {top:5px;height:12px;}
    header .top_util>a {margin-right:8px;padding-right:8px;}
    header .top_util>a.btn_topVod {padding-right:12px;}
}


@media all and (max-width:420px){
    .sVisual>strong {font-size:20px;line-height:24px;}
    #headTop_bnr {padding: 10px;}
}

@media all and (max-width:375px){
	.sVisual>div {background-size:cover;}
}

/*** popup ***/
/* pop layout */
#familySite1 ul.grp01 {width: 100%; column-count: 3; column-rule: 1px solid #ddd; column-gap: 39px;}
.pop_iframe {display:none;position:fixed !important;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:2000;}
.pop_iframe.on {display:block;}
.pop_wrap {width:100%;height:100%;}

/* 학교로고바 없는 팝업 */
.popLayout2 {position:relative;width:100%;background:#fff;z-index:1100;}
.popLayout2.popWin {left:0;top:0;} /* 일반팝업용(팝업 스크립트 중앙정렬 제거) */
.pop_wrap .popLayout.popWin {left:50%;top:50%;transform:translate(-50%, -50%);}  /* 일반팝업용(팝업 자체 dim을 사용하는 경우 중앙정렬) */


.pop_wrap.facilites {border: solid 2px red;position: absolute; top: 0; left: 0; width:  100%; height: auto;/* left: 50%; width: 1500px; transform: translateX(-50%)*/}
.pop_wrap.facilites .popLayout.popWin {left:0; top:0; transform:none;}

.popLayout2.popLayer {left:50%;top:50%;transform:translate(-50%, -50%);} /* 레이어팝업용(팝업 스크립트 중앙정렬 추가) */
.popLayout2 .popTit {display:block;width:calc(100% - 110px);padding:35px 80px 30px 30px;margin-bottom:0px;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:30px;font-weight:500;line-height:34px;letter-spacing:-1px;}
.popLayout2 .btn_popClose {display:block;position:absolute;right:30px;top:32px;overflow:hidden;width:28px;height:28px;background:url(../img/board/ico_popCloseX.png) no-repeat 50% 50%;text-indent:-200px;}
.popLayout2 .btn_popClose.type2 {display:block;position:absolute;right:-13px;top:-13px;overflow:hidden;width:35px;height:35px;background:url(../img/board/ico_popCloseX2.png) no-repeat 50% 50%;text-indent:-200px;}

/* 학교로고바 있는 팝업 */
.popLayout2 {position:relative;width:100%;background:#fff;z-index:1100;}
.popLayout2.popWin {left:0;top:0;} /* 일반팝업용(팝업 스크립트 중앙정렬 제거) */
.pop_wrap .popLayout2.popWin {left:50%;top:50%;transform:translate(-50%, -50%);}  /* 일반팝업용(팝업 자체 dim을 사용하는 경우 중앙정렬) */
.popLayout2.popLayer {left:50%;top:50%;transform:translate(-50%, -50%);} /* 레이어팝업용(팝업 스크립트 중앙정렬 추가) */
.popLayout2 .popTit {height:auto;background:#fff;font-weight:500;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:30px;color:#000;letter-spacing:-1px}
.popLayout2 .btn_popClose {position:absolute;top: 32px;right: 30px;display:block;width: 28px;height: 28px;background:url(/type/common/img/board/ico_popCloseX.png) no-repeat center;font-size:0}

/* pop 공통 */
#familySite1 .popLayout2 .popConts {overflow:hidden;height:calc(100% - 130px);padding-bottom:30px;}
#familySite1 .popLayout2 .popConts .popInner {overflow:hidden;padding:0 30px;}
#familySite1 .popLayout2 .popConts .popInner .txt {letter-spacing:-1px;}
#familySite1 .popLayout2 .popConts .popInner.limit {overflow-x:hidden;overflow-y:auto;}

/* 팝업전용 미디어쿼리 */
@media all and (max-width:1040px){
    /* pop layout */
#familySite1 .popLayout2 .popTit {width:calc(100% - 80px);padding:20px 60px 25px 20px;font-size:25px;line-height:30px;}
#familySite1 .popLayout2 .btn_popClose {right:20px;top:22px;width:22px;height:24px;background-size:22px 22px;}
#familySite1 .popLayout2 .btn_popClose.type2 {right:-10px;top:-10px;width:30px;height:30px;background-size:30px 30px;}
#familySite1 .popLayout2 .popConts {height:calc(100% - 95px);padding-bottom:20px;}
#familySite1 .popLayout2 .popConts .popInner{padding:0 20px;}

@media all and (max-width:768px){
#familySite1 .popLayout2 .popTit {font-size:20px;line-height:24px;}
#familySite1 .popLayout2 .btn_popClose {width:18px;height:18px;background-size:18px 18px;}

}