@charset "utf-8";
.wrap{ overflow-x: hidden;}
/* topArea */
header { width: 100%; background: #fff; z-index: 99; }
header.on:before{content:'';left:0;width:100%;height:100%;background:#000;opacity:.6;text-indent:-9999em;font-size:0;position:fixed;z-index:1; }
.headerWrap { width: 100%; position: relative; max-width: 1500px; margin: 0 auto; z-index: 2; }
h1 { top: 11px; position: absolute; left: 15px; box-sizing: border-box; width: 250px; z-index: 20;}
h1 a { display: block; position:relative;height: 47px; font-size: 19px; background: url(../images/common/logo.png)no-repeat 0 0; color: #042a59; font-weight: 600; padding: 22px 0 0 52px; box-sizing: border-box; letter-spacing: -2px; }
.new_part	{position:absolute;right:-70px;top:-5px;width:135px;height:59px; background: url(../images/common/logo_new.png)no-repeat 0 0;font-size:0; }
.headerWrap .topUtil { font-size: 0; position: absolute; top: 0px; right: 0; width: 330px; background: #042a59; height: 80px; z-index: 1; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.headerWrap .topUtil > ul { display: inline-block; padding: 32px 0 32px 25px; }
.headerWrap .topUtil > ul > li { vertical-align: top; float: left; padding: 0 12px; }
.headerWrap .topUtil > ul > li > a { font-size: 14px; color: #fff; box-sizing: border-box; display: inline-block; position: relative; }
.headerWrap .topUtil > ul > li > a:hover { color: #0bbaa0; }
.headerWrap .topUtil > ul > li a:before { content: ''; width: 4px; height: 4px; position: absolute; top: 50%; background: #777; border-radius: 100%; right: -14px; transform: translateY(-50%);}
.headerWrap .topUtil > ul > li:last-child a:before{display: none;}
.headerWrap .menuWrap{-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;padding: 0 330px 0 250px;}
.headerWrap .gnbWrap { width: 100%; font-size: 0; min-height: 0; box-sizing: border-box; position: relative; z-index: 1; min-height: 100%; background: #fff; }
.headerWrap .gnbMenu { width: 100%; margin: 0 auto; text-align: center; height: 80px; position: relative; }
.headerWrap .menuWrap.over:after { content: ''; width: 100%; height: 1px; background: #051248; position: absolute; top: 142px; left: 0 }
.headerWrap .menuWrap.over .gnbWrap {box-shadow:0 10px 15px rgba(00, 00, 00, .1) ;}
.headerWrap .gnbMenu > ul { display: inline-table;box-sizing: border-box; height: 100%; text-align: left; }
.headerWrap .gnbMenu .depth1 { display: table-cell; position: relative; }
.headerWrap .gnbMenu .depth1 > a { font-size: 18px; display: block; font-weight: 700; line-height: 1.25em; /*padding: 29px 34px;*/ padding: 29px; position: relative; }
.headerWrap .gnbMenu .depth1 > a:before{content:''; width: 0%; height: 4px; background: #042a59; position: absolute; left: 52%; bottom: -1px;transform:translateX(-50%);-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.headerWrap .gnbMenu .depth1 > a:hover:before{content:''; width: 55%; height: 4px; background: #042a59; position: absolute; left: 52%; bottom: -1px;transform:translateX(-50%);-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.headerWrap .gnbMenu .depth1 > a.on:before{content:''; width: 55%; height: 4px; background: #042a59; position: absolute; left: 52%; bottom: -1px;transform:translateX(-50%);-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.headerWrap .gnbMenu .depth1.on > a { color: #dd3900;}
.headerWrap .gnbMenu .depth1.on > a:after{ content: ''; width: 50%; height: 5px; background:#051248; position: absolute; bottom:0; left: 50%; transform: translateX(-50%); }
.headerWrap .gnbMenu .depth1 > a.point { background: #dd3900; color: #fff; margin: 27px 26px; padding: 9px 19px; }
.headerWrap .gnbMenu .depth1.on > a.point { font-weight: 400; color: #fff; }
.headerWrap .gnbMenu .depth2 { box-sizing: border-box; z-index: 1; position: absolute; left: 34px;/*border-top:1px solid #051248;*/ width: 100%; display: none; }
.headerWrap.on:before { content: "modal_bg"; position: fixed; top: 0px; left: 0; width: 100%; height: 100%; background: #000; opacity: .6; text-indent: -9999em; font-size: 0; z-index: -1; }
.headerWrap .gnbMenu .depth2.on { display: block; }
.headerWrap .gnbMenu .depth2 > ul { padding-top: 21px;min-height: 230px;}
.headerWrap .gnbMenu .depth2 > ul > li {; padding-top: 15px; }
.headerWrap .gnbMenu .depth2 > ul > li:last-child{border-right: 0;}
.headerWrap .gnbMenu .depth2 > ul > li > a {font-family: 'NanumGothic';font-weight: 700; font-size: 14px; word-break: keep-all; line-height: 1.25em; letter-spacing: -1px; }
.headerWrap .gnbMenu .depth2 > ul > li > a:hover{color:#00ae8e;}
.headerWrap .gnbMenu .depth2 .depth3{ display: none;}

.siteMap{position: fixed; top: -100vh; left: 0; width: 100%; height: 100vh;}
.siteMap:before{content: ''; position: absolute; width: 100%; height: 100%; background:rgba(0,0,0,.9);}
.siteMap .siteList{max-width: 1300px; margin: 230px auto 0; position: relative; padding: 0 10px;}
.siteMap .btn_siteMap_close{width: 72px; height: 72px; display: block; background: url(../images/common/btn_dimClose.png) no-repeat center; background-size: 20px; border: 1px solid #fff; box-sizing: border-box; position: absolute; top: -140px; right: 60px; font-size: 0;}
.siteMap .siteList > ul{/*max-width: 1000px; margin: 0 auto;*/ font-size: 0; display: flex;}
.siteMap .site_depth1{/*width: 20%;*/ width: 100%; min-height: 480px; display: inline-block; border-left: 1px solid rgba(256,256,256,.15); box-sizing: border-box; position: relative; padding-left: 20px; vertical-align: top;}
.siteMap .site_depth1:before{content: ''; position: absolute; top: 0; left: 0; width: 6px; height: 30px; background: #00ae8e;}
.siteMap .site_depth1 > a{font-size: 30px; font-weight: 700; color: #fff;}
.siteMap .site_depth2{padding-top: 45px;}
.siteMap .site_depth2 li~li,.siteMap .site_depth3{padding-top: 25px;}
.siteMap .site_depth2 > ul > li{font-size: 16px; font-weight: 700; color: #aaa; font-family: 'NanumGothic';}
.siteMap .site_depth3 > ul > li{font-size: 14px; font-weight: 700; color: #777; font-family: 'NanumGothic';}
.siteMap .site_depth3 > ul > li:before{content: '- ';}

.headerWrap .menu_close { position: absolute; width: 46px; height: 46px; background: #fff url(../images/common/gnb_close.png)no-repeat 50% 50%; top: 110px; right: 0; border: 1px solid #e7e7e7; z-index: 191; display: none;}
.menuWrap.on .menu_close{/*display: block*/}
.mcMenuBG { background: #fff; height: 79px; width: 100%; z-index: 1; position: absolute; border-top: 1px solid #eee; top: 0; display: none; }
.mcMenuBG .bgWrap{width: 100%; max-width: 1700px; margin:0 auto;height: 100%;}
.mcMenuBG .bgWrap .bgImg{width: auto;height: 100%; margin: 0 330px 0 200px;}
header.on .mcMenuBG:before{content:''; background: #eee; height: 1px; width: 100%; position: absolute; top: 79px;}


header .allmenu { font-size: 0; position: absolute; top: 0; right: 0; width: 80px; height: 80px; }
header .allmenu .btn_close{width: 26px; height: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); background:url(../images/common/btn_m_gnb_close.png)no-repeat 50% 50%;font-size: 0;display: none;}
header .btn_menu { display: block; width: 100%; height: 100%; overflow: hidden; z-index: 9999; position: absolute; vertical-align: middle; }
header .btn_menu span { position: absolute; display: block; width: 26px; height: 2px; background: #fff; top: 50%; font-size: 0; transform: translate(50%, -50%); right: 50%; }
header .btn_menu:before { content: ''; position: absolute; display: block; top: 40%; width: 26px; height: 2px; background: #fff; transform: translate(50%, -50%); right: 50%; }
header .btn_menu:after { content: ''; position: absolute; display: block; width: 26px; height: 2px; background: #fff; top: 60%; transform: translate(50%, -50%); right: 50%; }
header .btn_menu:hover:before, header .btn_menu:hover:after { -webkit-animation: allMenuBefore 1s ease-out; -moz-animation: allMenuBefore 1s ease-out; animation: allMenuBefore 1s ease-out; }
header .btn_menu:hover span { -webkit-animation: allMenuSpan 1s ease-out; -moz-animation: allMenuSpan 1s ease-out; animation: allMenuSpan 1s ease-out; }
@-ms-keyframes allMenuBefore {
	0% { width: 26px; }
	50% { width: 16px; }
	100% { width: 26px; }
}
@keyframes allMenuBefore {
	0% { width: 26px; }
	50% { width: 16px; }
	100% { width: 26px; }
}
@-ms-keyframes allMenuSpan {
	0% { width: 26px; }
	50% { width: 36px; }
	100% { width: 26px; }
}
@keyframes allMenuSpan {
	0% { width: 26px; }
	50% { width: 36px; }
	100% { width: 26px; }
}

/**/

/* footer */

/* familySite */
footer{overflow: hidden;}
.familySiteWrap { width: 100%; background: #e6e6e6; }
.familySiteWrap.right {  background: #f1f1f1; }
.familySiteWrap.on { }
.familySiteWrap .familySite:after { content: ''; width: 600px; height: 80px; background: #f1f1f1; position: absolute; top: 0; right:-569px; z-index: 0; }
.familySiteWrap.on.left .familySite:after { content: ''; width: 600px; height: 80px; background: #f1f1f1; position: absolute; top: 0; right: -569px; z-index: 0; }
.familySiteWrap.on.right .familySite:after { content: ''; width: 600px; height: 80px; background: #f1f1f1; position: absolute; top: 0; right: -569px; z-index: 0; }
.familySiteWrap.on.right .familySite:before { content: ''; width: 600px; height: 80px; background: #e6e6e6; position: absolute; top: 0; left: -570px; z-index: 0; }
.familySiteWrap .familySite { max-width: 1440px; margin: 0 auto; position: relative; padding: 0 30px; }
.familySiteWrap .familySite > ul { font-size: 0; }
.familySiteWrap .familySite > ul:after { content: ''; width: 0; height: 0; display: block; overflow: hidden; clear: both; }
.familySiteWrap .familySite > ul > li { width: 50%; box-sizing: border-box; display: inline-block; }
.familySiteWrap .familySite > ul > li a.familyBtn { display: block; background: #e6e6e6; text-align: center; }
.familySiteWrap .familySite > ul > li a.familyBtn.site {background: #f1f1f1; }
.familySiteWrap .familySite > ul > li a.familyBtn .txt { font-size: 18px; color: #1c293a; display: inline-block; position: relative; line-height: 80px; padding-right: 30px; }
.familySiteWrap .familySite > ul > li a.familyBtn.on .txt { }
.familySiteWrap .familySite > ul > li:last-child a.familyBtn .txt { }
.familySiteWrap .familySite > ul > li a.familyBtn .txt:after { content: ''; width: 14px; height: 14px; background: url(../images/main/btn_familysite.png)no-repeat 0 0; position: absolute; top: 32px; right: 0; }
.familySiteWrap .familySite > ul > li a.familyBtn.on .txt:after { }
.familySiteWrap .familySite .familyList { display: none;  padding: 40px 0 10px; position: relative; float: left; width: 200%; }
.familySiteWrap .familySite .familyList.site { left: -100%; background: #f1f1f1;}
.familySiteWrap .familySite .familyList.department { left: -200%; background: #f1f1f1;}
.familySiteWrap .familySite .familyList h3 { display: none; }
.familySiteWrap .familySite .familyList .dimpopup-close { display: none; }
.familySiteWrap .familySite .familyList ul li.oneDepth { position: relative; padding-bottom: 30px; }
.familySiteWrap .familySite .familyList ul li.oneDepth a { font-size: 20px; position: relative; font-weight: 800; }
.familySiteWrap .familySite .familyList ul li.oneDepth .twoDepth { ; position: relative; left: 0; top: -27px; margin-left: 170px; }
.familySiteWrap .familySite .familyList ul li.oneDepth .twoDepth li { display: inline-block; padding-left: 30px; }
.familySiteWrap .familySite .familyList ul li.oneDepth .twoDepth li a { font-size: 16px; font-weight: 700; color: #444; line-height: 1.8em; font-family: 'NanumGothic'; }
.familySiteWrap .familySite .familyList.site ul li.oneDepth .twoDepth {top: 0;margin-left: 0;}
.familySiteWrap .familySite .familyList ul li.oneDepth > a:before { content: ''; width: 12px; height: 2px; background: #042a59; position: absolute; top: -6px; left: 0; }
.familySiteWrap .familySite .familyList.on { display: block; }
.familySiteWrap .familySite > ul > li > a.familyBtn.on { }
.footerWrap { background: #1c293a; position: relative; }
.footerWrap .footerLink { font-size: 0; padding-left: 220px; }
.footerWrap .footerLink ul { }
.footerWrap .footerLink li { display: inline-block; background: url(../images/common/bg_footerLink_line.png)no-repeat 100% 50%; }
.footerWrap .footerLink li:last-child { background: 0; }
.footerWrap .footerLink li a { color: #fff; font-size: 13px; padding: 0 12px; line-height: 1.75em; font-family: 'NanumGothic'; }
.footerWrap .footerLink li a.point { color: #cca863; }
.footerWrap address { max-width: 1500px; padding: 47px 0px 55px; margin: 0 auto; background: url(../images/common/footer_logo.png)no-repeat 20px 40px;}
.footerWrap address .info { display: inline-block; padding-left: 232px; vertical-align: middle; padding-top: 15px; }
.footerWrap address .info span { font-size: 13px; color: #7b7e83; font-family: 'NanumGothic'; }
.footerWrap address .info em { font-size: 13px;  color: #93979c; font-family: 'NanumGothic'; padding-top: 10px; display: inline-block;}
.footerWrap address .info a { font-size: 13px; color: #c6cacf; border: 1px solid #555d68; padding: 3px 20px 3px 8px; display: inline-block; background: url(../images/common/footer_arrow.png)no-repeat 95% 50%; margin-left: 20px; font-family: 'NanumGothic'; }
.footerWrap address .footerSns{ padding: 25px 0 0 232px;}
.footerWrap address .footerSns ul{ width: 100%; overflow: hidden; clear: both;}
.footerWrap address .footerSns ul li{ display: inline-block; float: left; padding-right: 10px;}
.footerWrap address .footerSns ul li a{ width: 35px; height: 35px; display: block; font-size: 0;}
.footerWrap address .footerSns ul li .f_fb{ background: url(../images/common/btn_footer_fb.png)no-repeat 50% 50%;}
.footerWrap address .footerSns ul li .f_yt{ background: url(../images/common/btn_footer_yt.png)no-repeat 50% 50%;}
.footerWrap address .footerSns ul li .f_bl{ background: url(../images/common/btn_footer_bl.png)no-repeat 50% 50%;}
.footerWrap address .footerSns ul li .f_in{ background: url(../images/common/btn_footer_in.png)no-repeat 50% 50%;}

.btn-arrow-top{position: fixed; bottom: 50px; right: 25px; display: block; z-index: 1; width: 60px; height: 60px; background: #00ae8e url(../images/common/btn_top.png)no-repeat 50% 50%; font-size: 0;}



/*======================================================================================================================*/
/*======         Resposible Media Query CSS                =============================================================*/
/*======================================================================================================================*/
/*======================================================================================================================*/


/*  1300px~ 1500px*/
@media only screen and (max-width: 1500px) {

}
/*  961px～ 1300px*/
@media only screen and (max-width: 1300px) {
	h1{width: 220px;}
	h1 a{font-size: 18px;}
	.headerWrap .gnbMenu .depth1 > a{/*padding:29px 28px;*/ padding: 29px 20px;}
	.headerWrap .menuWrap{ padding: 0 180px 0 230px;}
	.headerWrap .topUtil{ width: 180px;}
	.headerWrap .topUtil > ul li{display: none}
	.headerWrap .topUtil > ul li:last-child{display: block;}
	.headerWrap .topUtil.on > ul{display: inline-block;}
	.headerWrap .menu_close{ right: -46px;}
	.mcMenuBG .bgWrap .bgImg{ margin: 0 180px 0 185px; background-size: 170px auto;}
}
@media only screen and (max-width: 1024px) {
	.headerWrap .menuWrap{padding:0 80px 0 230px;}
	.headerWrap .topUtil > ul li:last-child{display: none;}
	.headerWrap .topUtil{ width: 80px;}
	.headerWrap .gnbMenu .depth1 > a{/*padding:29px 25px;*/ padding: 29px 15px;}
	.mcMenuBG .bgWrap .bgImg{margin:0;}
}
/*  태블릿 레이아웃 : 769px～960px */
@media only screen and (max-width: 900px) {
	h1{width: auto}
	h1 a{font-size: 17px; font-family: 'NanumGothic';}
	.new_part	{right:-95px;top:0;width:90px;background-size: 100% auto; }
	header{ }
	.headerWrap{height: 80px;background: #fff;z-index: 999;}
	.headerWrap .menuWrap{ width: 85%; position: fixed; z-index: 999; top: 0; overflow-y: auto; min-height: calc(100vh - 80px); height: 100%; box-sizing: border-box; right: -85%; transition: none;  padding: 0;padding-top: 80px; -webkit-transition: none; }
	.headerWrap .menuWrap:after { content: ''; position: fixed; top: 0; left: 0; background: #000 !important; text-indent: -9999em; opacity: .6; font-size: 0; width: 100%; z-index: 0; height: 100%; display: none;}
	.headerWrap .menuWrap.on:after { display: block; }

	.headerWrap .gnbMenu{ max-width: none;margin: 0;text-align: left;height: auto; width: auto;}
	.headerWrap .gnbMenu > ul{display: block; width: 100%;height: auto;}
	.headerWrap .gnbMenu .depth1{ display: block;}
	.headerWrap .gnbMenu .depth1 > a{padding:0; padding:25px 0; margin: 0 50px;border-bottom:1px solid #cecece;font-size:19px;color:#222}
	.headerWrap .gnbMenu .depth1.on > a{ color: #222;}
	.headerWrap .gnbMenu .depth1 > a:before{content: ''; width: 14px; height: 14px; background:url(../images/common/ico_gnb_plus.png)no-repeat 50% 50%;left: auto;right: 20px;top: 50%;transform: translateY(-50%);}
	.headerWrap .gnbMenu .depth1.on > a:before{ background:url(../images/common/ico_gnb_minus.png)no-repeat 50% 50%;}
	.headerWrap .gnbMenu .depth1 > a:hover:before{content: ''; width: 14px; height: 14px; background:url(../images/common/ico_gnb_plus.png)no-repeat 50% 50%;left: auto;right: 20px;top: 50%;transform: translateY(-50%);}
	.headerWrap .gnbMenu .depth1.on > a:hover:before{background:url(../images/common/ico_gnb_minus.png)no-repeat 50% 50%;}
	.headerWrap .gnbMenu .depth1.on > a:after{display: none;}
	.headerWrap .gnbMenu .depth1 > a.no-child:before{display: none;}

	.headerWrap .gnbMenu .depth2{/*position: initial;*/margin: 0 50px;width: auto;position: relative; left: 0;}
	.headerWrap .gnbMenu .depth1 .depth2{border-bottom: 1px solid #cecece;}
	.headerWrap .gnbMenu .depth2 > ul{padding-top: 0; min-height: auto;}
	.headerWrap .gnbMenu .depth2 > ul > li{padding-top: 0;}
	.headerWrap .gnbMenu .depth2 > ul > li > a{font-size: 19px; padding:25px 0; display: block; font-family: 'NanumSquare';color: #999;border-bottom: 1px solid #ececec;margin-left: 24px; position: relative;}
	.headerWrap .gnbMenu .depth2 > ul > li:last-child > a{border-bottom: 0;}

	.headerWrap .gnbMenu .depth2 > ul > li.plus > a:after { content: ''; height: 15px; width: 15px; background: url(../images/common/ico_gnb_m2_bar_plus.png)no-repeat 50% 60%; position: absolute; top: 50%; right: 15px; border: 1px solid #908b89; left: auto; bottom: auto; transform: translateY(-50%); display: block; }
	.headerWrap .gnbMenu .depth2 > ul > li.plus.on > a:after {background: url(../images/common/ico_gnb_m2_bar_minus.png)no-repeat 50% 60%;}
	.headerWrap .gnbMenu .depth2 .depth3 { padding: 15px 0 15px 40px; border-bottom: 1px solid #ececec; }
	.headerWrap .gnbMenu .depth2 > ul > li:last-child .depth3{border-bottom: 0; border-top: 1px solid #ececec;}
	.headerWrap .gnbMenu .depth2 .depth3 > li{}
	.headerWrap .gnbMenu .depth2 .depth3 > li > a{font-size: 17px; color: #999;display: block;line-height: 1.75em;padding:5px 0; font-family: 'NanumGothic';}

	.headerWrap .topUtil{z-index: 10000;background: #eee;right: -85%; transition: none;width: 85%;-webkit-transition: none;text-align: right;}
	.headerWrap .topUtil.on{margin-right: 0px;}
	.headerWrap .topUtil > ul{padding: 31px;}
	.headerWrap .topUtil > ul > li{display: block;}
	.headerWrap .topUtil > ul > li:last-child{display: block}
	.headerWrap .topUtil > ul > li > a{font-size: 22px; color: #222;font-weight: 700;font-family: 'NanumSquare';}
	.headerWrap .topUtil > ul > li > a:before{display: none;}
	.headerWrap .menu_close{display: none;}
	.menuWrap.on .menu_close{display: none;}
	.mcMenuBG{display: none;}
	header .allmenu{width: 80px; height: 80px;top: 0;position: absolute;cursor: pointer;background: #042a59;left: 0;margin-left: -80px; }
	header .allmenu.on{margin-left: 0px; }
	.topUtil.on .allmenu .btn_close{display: block; }
	header .allmenu .btn_menu{top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.topUtil.on .allmenu .btn_menu{display: none;}



	.familySiteWrap .familySite .familyList { float: none; z-index: 999999; position: fixed; top: 0; width: 100%; height: 100%; overflow: auto; background: transparent; padding: 0; left: 0 !important; }
	.familySiteWrap .familySite .familyList:before { content: "modal_bg"; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .6; text-indent: -9999em; font-size: 0; }
	.familySiteWrap .familySite .familyList h3 { display: block; height: 60px; background: #00306d; font-size: 22px; font-weight: 700; color: #fff; line-height: 60px; padding-left: 28px; }
	.familySiteWrap .familySite .familyList .dimpopup-close { display: block; width: 22px; height: 22px; background: url(../images/common/btn_dimClose.png)no-repeat 50% 50%; position: absolute; top: 19px; right: 20px; background-size: cover; }
	.familySiteWrap .familySite .familyList .familyMenu { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 90%; background: #fff; height: 450px }
	.familySiteWrap .familySite .familyList .familyMenu > ul { padding: 10px 35px; overflow-y: auto; height: calc(100% - 60px); box-sizing: border-box; }
	.familySiteWrap .familySite .familyList ul li.oneDepth { padding: 15px 0; border-bottom: 1px solid #f2f2f2; }
	.familySiteWrap .familySite .familyList ul li.oneDepth > a { color: #00306d; font-weight: 700; font-size: 22px; padding-bottom: 5px; display: block; }
	.familySiteWrap .familySite .familyList ul li.oneDepth > a:before { display: none; }
	.familySiteWrap .familySite .familyList ul li.oneDepth .twoDepth { position: static; margin: 0; }
	.familySiteWrap .familySite .familyList ul li.oneDepth .twoDepth li { display: block; padding: 0; }
	.familySiteWrap .familySite .familyList ul li.oneDepth .twoDepth li a { color: #000; line-height: 1.75em; font-size: 17px; display: block; }
	.btn-arrow-top{display: none !important;}
}
/* 모바일 레이아웃 L：481px ～ 768px */
@media only screen and (max-width: 768px) {
	/*h1{left: 10px;}*/
	h1 a{padding: 16px 0 0 38px; font-size: 15px; height: 34px; background-size: contain;}
	h1{left: 10px; top: 10px;}
	.headerWrap{height: 60px;}

	.headerWrap .topUtil{ height: 60px;}
	header .allmenu{width: 60px; height: 60px;margin-left: -60px;}
	.headerWrap .topUtil > ul{padding:26px 10px;}
	.headerWrap .topUtil > ul > li > a{font-size: 15px; font-family: 'NanumGothic'}
	.headerWrap .menuWrap{padding-top: 60px;}
	.headerWrap .gnbMenu .depth1 > a{ padding: 15px 0; margin: 0 20px; font-size: 16px;font-family: 'NanumGothic';}
	.headerWrap .gnbMenu .depth1 > a:before{width: 10px; height: 10px;}
	.headerWrap .gnbMenu .depth1 > a:hover:before{width: 10px; height: 10px;}
	.headerWrap .gnbMenu .depth2{margin:0 20px;}
	.headerWrap .gnbMenu .depth2 > ul > li > a{padding:15px 0; font-size: 15px;font-family: 'NanumGothic';margin-left:15px;}

	.headerWrap .gnbMenu .depth2 .depth3 { padding: 10px 0 10px 15px; border-bottom: 1px solid #ececec; margin-left: 15px;}
	.headerWrap .gnbMenu .depth2 .depth3 > li{}
	.headerWrap .gnbMenu .depth2 .depth3 > li > a{font-size: 15px; color: #999;display: block;line-height: 1.75em;padding:5px 0;}

	.topUtil.on .allmenu .btn_close{background-size: 50%;}

	.siteMap{display: none;}

	.familySiteWrap .familySite{max-width: none; margin: 0; padding:0;}
	.familySiteWrap .familySite:after{display: none;}
	.familySiteWrap .familySite > ul > li { width: auto; display: block; }
	.familySiteWrap .familySite > ul > li~li { border-left: 0; border-top: 1px solid #a5a5a5 }
	.familySiteWrap .familySite > ul > li a.familyBtn { text-align: left; border-right: 0; width: 100%; padding-left: 30px; }
	.familySiteWrap .familySite > ul > li a.familyBtn .txt { line-height: 60px; font-size: 16px; }
	.familySiteWrap .familySite > ul > li a.familyBtn .txt:after { top: 27px }
	.familySiteWrap .familySite > ul > li:last-child a.familyBtn .txt { padding-left: 0; }

	.footerWrap address{text-align: center;padding: 120px 15px 55px;background-position: 50% 45px;}
	.footerWrap address .info{padding-left: 0;margin: 0 auto;}
	.footerWrap address .footerSns{padding-left: 0;}
	.footerWrap address .footerSns ul{display: inline-block;width: auto;}
	.footerWrap .footerLink{padding-left: 0;display: inline-block;}

}
/* 모바일 레이아웃 S：361px ～ 480px */
@media only screen and (max-width: 480px) {

	.footerWrap .footerLink li{width: 50%; padding-bottom: 5px}
	.footerWrap .footerLink li:nth-child(even){background:0;}
	.footerWrap address{padding:100px 5px 35px;background-position:50% 20px;}


}