@charset "utf-8";

.inner_center {position:relative; max-width:1220px; padding:0 10px; margin:0 auto;}
.inner_center:after {content:''; display:block; clear:both;}

.br_pc {display:block;}
.br_t {display:none;}
.br_m {display:none;}

.btn_view_pop {display:block; position:absolute; top:0; left:0; width:1px; height:1px; opacity:0.01; text-indent:-999px; overflow:hidden;}
/*.main_notice_pop {display:none; position:absolute; top:305px; left:0; width:100%; max-width:430px; z-index:9999; outline:none;}*/
.main_notice_pop {display:none; position:absolute; top:305px; left:0; width:100%;z-index:9999; outline:none;}
.main_notice_pop .mask {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6);}
.main_notice_pop .pop_con {position:relative; overflow:hidden; outline:none;}
.main_notice_pop:focus .pop_con {box-shadow:0 0 2px 2px rgba(255,255,255,0.6);}
.main_notice_pop .pop_con .ico_close {position:absolute; top:0; right:0; width:48px; height:48px; border:none; background-color:#808080; background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-9999px; overflow:hidden; z-index:1;}
.main_notice_pop .pop_con .img {}
.main_notice_pop .pop_con .img img {max-width:100%;}
.main_notice_pop .pop_con .btns {display:flex; justify-content:space-between; padding:9px 16px; background:#000000;}
.main_notice_pop .pop_con .btns .btn_invisible {color:#fff; font-size:14px; line-height:20px; font-weight:400; letter-spacing:-0.35px;}
.main_notice_pop .pop_con .btns .btn_invisible input[type="checkbox"] {margin:-3px 0 0 8px; width:16px; height:16px; border:none; border-radius:2px; vertical-align:middle;}
.main_notice_pop .pop_con .btns .btn_close {padding:0; margin:0; border:none; background:none; color:#fff; font-size:14px; line-height:20px; font-weight:400; letter-spacing:-0.35px;}
.main_notice_pop .pop_con .img {font-size: 0;}

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

#header {position:relative; background:#fff; z-index:90;}
#mHeader,
.btn_allmenu,
.m_allmenu_wrap{display:none;}

.head_pop_wrap {position:relative; background:url('../images/bg_toppop_repeat.svg') repeat-x center center #d5d2c3; background-size:auto 100%; text-align:center; z-index:95;}
.head_pop_wrap:before {content:''; position:absolute; top:0; left:0; width:383px; height:100%; background:url('../images/bg_toppop_left.svg') no-repeat left center; background-size:auto 120px;}
.head_pop_wrap:after {content:''; position:absolute; top:0; right:0; width:383px; height:100%; background:url('../images/bg_toppop_right.svg') no-repeat left center; background-size:auto 120px;}
.head_pop_wrap .head_pop {position:relative; height:120px; overflow:hidden; transition:.3s; z-index:1;}
.head_pop_wrap .head_pop .head_swiper_con {
	position: relative;
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
	height: 100%;
}
.head_pop_wrap .logo_olympic {position:absolute; top:50%; left:10px; width:76px; height:92px; margin-top:-46px; background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-9999px; overflow:hidden;}
.head_pop_wrap .head_pop_con {display:inline-flex; justify-content:center; align-items:center; height:100%; padding:0 40px; background:url('../images/ico_toppop_dot.svg') no-repeat left center, url('../images/ico_toppop_dot.svg') no-repeat right center; background-size:12px, 12px;}
.head_pop_wrap .head_pop_con .txtbox .tit {color:#1d1d1d; font-size:28px; line-height:40px; font-weight:700;}
.head_pop_wrap .head_pop_con .txtbox .tit em {color:#970000; font-weight:700;}
.head_pop_wrap .head_pop_con .txtbox .txt {margin-top:4px; color:#1d1d1d; font-size:16px; line-height:24px; font-weight:400;}
.head_pop_wrap .head_pop_con .txtbox .txt em {font-weight:500;}
.head_pop_wrap .head_pop_con .daybox {display:flex; margin-left:40px;}
.head_pop_wrap .head_pop_con .daybox .d_day {display:block; width:48px; margin-right:8px; background:url('../images/bg_toppop_dday.svg') no-repeat center center; background-size:contain; text-indent:-9999px; overflow:hidden;}
.head_pop_wrap .head_pop_con .daybox .txt_num {display:block; width:56px; height:56px; margin-right:4px; border-radius:8px; background:#8d8973; color:#fff; font-size:46px; line-height:52px; font-weight:700; text-align:center;}
.head_top_noti .btn_toggle_pop {position: relative; height:40px; padding-right:32px; border:none; background:none; color:#fff; font-size:16px; line-height:38px; font-weight:500; letter-spacing:-0.8px; margin-left: auto;}
.head_top_noti .btn_toggle_pop:after {content:''; position:absolute; top:0; right:0; width:24px; height:100%; background:url('../images/ico_pop_up_white.svg') no-repeat right center; background-size:24px; transition:.3s;}
.head_top_noti .btn_toggle_pop .on {display:none;}
.head_top_noti .btn_toggle_pop .off {display:inline;}
.head_pop_wrap.close .head_pop {height:0;}
.head_pop_wrap.close + .head_top_noti .btn_toggle_pop:after {transform:rotate(180deg);}
.head_pop_wrap.close + .head_top_noti .btn_toggle_pop .on {display:inline;}
.head_pop_wrap.close + .head_top_noti .btn_toggle_pop .off {display:none;}

.head_top_noti {height:40px; background:#918a7a;}
.head_top_noti .top_noti:after {content:''; display:block; clear:both;}
.head_top_noti .top_noti li {float:left; color:#fff; font-size:16px; line-height:40px; font-weight:400; letter-spacing:-0.8px;}
.head_top_noti .top_noti li + li {padding-left:31px; background:url('../images/ico_topnotice_dot.svg') no-repeat 12px center; background-size:8px;}
.head_top_noti .top_noti li em {font-weight:500;}
.head_top_noti .inner_center {
	display: flex;
	align-items: center;
}
.head_top_noti .inner_center .head_btn_con {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 65px; height: 22px;
	border-radius: 11px;
	background-color: rgba(32, 29, 29, 0.7);
	margin-right: 16px;
}
.head_top_noti .inner_center .head_btn_con button {
	width: 20px; height: 20px;
	border: none;
	outline: none;
	background: transparent;
}
.head_top_noti .inner_center .head_btn_con .head-prev {
	background:url('../images/main/head_prev_icon.svg') center center no-repeat;
}
.head_top_noti .inner_center .head_btn_con .btn_stop_play {
	background:url('../images/main/head_pause_icon.svg') center center no-repeat;
}
.head_top_noti .inner_center .head_btn_con .btn_stop_play.stop {
	background:url('../images/main/head_play_icon.png') center center no-repeat;
}
.head_top_noti .inner_center .head_btn_con .head-next {
	background:url('../images/main/head_next_icon.svg') center center no-repeat;
}
.head_top_noti .inner_center .head_btn_con .head-prev:hover {
	background:url('../images/main/head_prev_hover_icon.svg') center center no-repeat;
}
.head_top_noti .inner_center .head_btn_con .btn_stop_play:hover {
	background:url('../images/main/head_pause_hover_icon.svg') center center no-repeat;
}
.head_top_noti .inner_center .head_btn_con .btn_stop_play.stop:hover {
	background:url('../images/main/head_play_hover_icon.png') center center no-repeat;
}
.head_top_noti .inner_center .head_btn_con .head-next:hover {
	background:url('../images/main/head_next_hover_icon.svg') center center no-repeat;
}
.head_top_noti .inner_center .head_slide_text {
	max-width: 800px;
	overflow: hidden;
}

.head_con {height:88px;}
.head_con .logo {float:left; margin-top:23px;}
.head_con .logo a {display:block; width:184px; height:42px; background-image:url('../images/logo.svg'); background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-999px; overflow:hidden;}
.head_con .util {float:right; margin-top:24px;}
.head_con .util:after {content:''; display:block; clear:both;}
.head_con .util li {float:left; margin-left:11px;}
.head_con .util li a {display:inline-block; min-width:112px; height:40px; padding:10px; border:1px solid #d2d2d2; border-radius:20px; background:#fff; color:#000; font-size:15px; line-height:18px; font-weight:400; text-align:center; vertical-align:top;}
.head_con .util li a:hover,
.head_con .util li a:focus {background:#f2f2f2; font-weight:500;}
.head_con .util li a .ico {display:inline-block; width:18px; height:18px; margin-left:10px; background-repeat:no-repeat; background-position:center center;  background-size:contain; vertical-align:top;}

.head_gnb {position:relative; border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
.head_gnb:after {content:''; display:block; clear:both;}
.head_gnb .btn_menu_all {position:absolute; top:-1px; right:50%; width:55px; height:57px; margin-right:-600px; border:none; background:url('../images/btn_allmenu.svg') no-repeat center center #fff; background-size:100%; text-indent:-999px; overflow:hidden;}

#gnb {display:flex; justify-content:center; width:100%; max-width:1220px; margin:0 auto; padding:0 65px 0 10px;}
#gnb > li {flex:1;}
#gnb > li > a {display:block; position:relative; text-align:center; z-index:1;}
#gnb > li > a > span {color:#000; font-size:17px; line-height:55px; font-weight:500; letter-spacing:-0.85px;}
#gnb > li.active > a > span,
#gnb > li > a:hover > span,
#gnb > li > a:focus > span {color:#eb4900;}

#gnb > li > .depth_box {position:absolute; top:0; left:-9999px; height:1px; margin-top:-1px; opacity:0.01; overflow:hidden;}
#gnb > li > .depth_box:before {content:''; position:absolute; top:0; right:50%; bottom:0; left:0; margin-right:406px; background:#fff4d5;}
#gnb > li > .depth_box .depth_tit {position:absolute; top:0; left:10px; bottom:0; width:200px; padding:47px 40px 0 0; text-align:right;}
#gnb > li > .depth_box .depth_tit .tit {position:relative; padding-bottom:17px;color:#000; font-size:20px; line-height:29px; font-weight:700; letter-spacing:-1px;}
#gnb > li > .depth_box .depth_tit .tit:before {content:''; position:absolute; bottom:0; right:0; width:28px; height:3px; background:#ff580c;}
#gnb > li > .depth_box .depth_tit .tit_p {margin-top:14px; color:#000; font-size:15px; line-height:26px; font-weight:400; letter-spacing:-0.75px;}
#gnb > li > .depth_box .depth_tit .bg_depth {position:absolute; right:60px; bottom:65px; width:417px; height:307px; background-repeat:no-repeat; background-position:center center; background-size:contain;}

#gnb > li > .depth_box .depth {display:flex; flex-wrap:wrap; align-content:start; position:relative; width: 100%; min-height:585px; padding:16px 0 16px 224px; z-index:1;}
#gnb > li > .depth_box .depth > li {width:calc(20% - 16px); margin:20px 0 20px 16px;}
#gnb > li > .depth_box .depth.col4 > li {width:calc(25% - 16px);}
/* 2022-02-15 kyj : 새창링크 메뉴 적용 */
#gnb > li > .depth_box .depth > li > a {display:block; padding:11px 14px; border:1px solid #e9e9e9; border-radius:8px; background-color:#f8f8f8; color:#000; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.8px;}
#gnb > li > .depth_box .depth > li > a > span {display:inline-block; position:relative; vertical-align:top; text-decoration:inherit;}
#gnb > li > .depth_box .depth > li > a[target='_blank'] > span {padding-right:26px; background:url('../images/sub/ico_lnb_depth_blank.svg') no-repeat right center; background-size:24px;}
/* //2022-02-15 kyj : 새창링크 메뉴 적용 */
#gnb > li > .depth_box .depth > li > a:hover,
#gnb > li > .depth_box .depth > li > a:focus,
#gnb > li > .depth_box .depth > li.active > a {}
#gnb > li > .depth_box .depth > li > .depth02 {padding:8px 14px 0;}
#gnb > li > .depth_box .depth > li > .depth02 > li + li {margin-top:11px;}
#gnb > li > .depth_box .depth > li > .depth02 > li > a {display:inline-block; padding-left:14px; background:url('../images/bg_gnb_catehover_bl.svg') no-repeat 0 6px; color:#000; font-size:15px; line-height:21px; font-weight:400; letter-spacing:-0.75px; vertical-align:top;}
/* 2022-02-15 kyj : 새창링크 메뉴 적용 */
#gnb > li > .depth_box .depth > li > .depth02 > li > a > span {display:inline-block; position:relative; vertical-align:top; text-decoration:inherit;}
#gnb > li > .depth_box .depth > li > .depth02 > li > a[target='_blank'] > span {padding-right:26px; background:url('../images/sub/ico_lnb_depth_blank.svg') no-repeat right center; background-size:24px;}
/* //2022-02-15 kyj : 새창링크 메뉴 적용 */
#gnb > li > .depth_box .depth > li > .depth02 > li > a:hover,
#gnb > li > .depth_box .depth > li > .depth02 > li > a:focus {text-decoration:underline;}
#gnb > li.active > .depth_box {position:absolute; top:100%; left:0; right:0; height:auto; margin:0; border-top:1px solid #cecece; border-bottom:1px solid #d6d6d6; background:#fcfcfc; opacity:1;}

.mCustomScrollBox:focus {box-shadow:0 0 2px 2px rgba(229,229,229,0.8);}
.mCSB_inside > .mCSB_container {margin-right:0;}
.mCSB_scrollTools {width:2px; opacity:1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px;}
.mCSB_scrollTools .mCSB_draggerRail {background:rgba(229,229,229,1);}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px; background:#3b3b3b;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background:#3b3b3b;}

.all_menubox {display:none; position:absolute; top:100%; width:100%; padding:0 10px; background:#f6f6f6; overflow:hidden; z-index:5;}
.all_menubox .all_menu_body {position:relative; max-width:1200px; height:calc(100vh - 345px); margin:20px auto; padding:30px 8px 14px; border-radius:8px; background:#fff; z-index:1;}
.no_pop .all_menubox .all_menu_body {height:calc(100vh - 185px);}
.all_menubox .all_menu_body .all_menu {margin:-26px 16px 0;}
.all_menubox .all_menu_body .all_menu > li {display:flex; padding:26px 0; margin:0 12px;}
.all_menubox .all_menu_body .all_menu > li + li {border-top:1px solid #CECECE;}
.all_menubox .all_menu_body .all_menu > li > .depth_tit {flex-shrink:0; width:180px;}
.all_menubox .all_menu_body .all_menu > li > .depth_tit .tit {border-radius:8px; background:url('../images/bg_allmenu_cate_mark.svg') no-repeat 10px center #ff580c; background-size:85px; color:#fff; font-size:20px; line-height:56px; font-weight:700; letter-spacing:-0.5px; text-align:center;}
.all_menubox .all_menu_body .all_menu > li > .depth {display:flex; flex-wrap:wrap; flex-grow:1; padding:5px 20px 0;}
.all_menubox .all_menu_body .all_menu > li > .depth > li {width:20%;}
.all_menubox .all_menu_body .all_menu > li > .depth > li:nth-child(n+6) {margin-top:24px;}
.all_menubox .all_menu_body .all_menu > li > .depth > li > a {padding:15px 0; color:#000; font-size:18px; line-height:26px; font-weight:500; letter-spacing:-0.45px;}
/* 2022-02-15 kyj : 새창링크 메뉴 적용 */
.all_menubox .all_menu_body .all_menu > li > .depth > li > a > span {display:inline-block; position:relative; vertical-align:top; text-decoration:inherit;}
.all_menubox .all_menu_body .all_menu > li > .depth > li > a[target='_blank'] > span {padding-right:26px; background:url('../images/sub/ico_lnb_depth_blank.svg') no-repeat right center; background-size:24px;}
/* //2022-02-15 kyj : 새창링크 메뉴 적용 */
.all_menubox .all_menu_body .all_menu > li > .depth > li > a:hover,
.all_menubox .all_menu_body .all_menu > li > .depth > li > a:focus {text-decoration:underline;}
.all_menubox .all_menu_body .all_menu > li > .depth > li > .depth02 {padding-top:1px;}
.all_menubox .all_menu_body .all_menu > li > .depth > li > .depth02 > li {position:relative; padding-left:12px; margin-top:6px; color:#000; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.4px;}
.all_menubox .all_menu_body .all_menu > li > .depth > li > .depth02 > li:before {content:'-'; position:absolute; top:0; left:0;}
.all_menubox .all_menu_body .all_menu > li > .depth > li > .depth02 > li > a {color:#000; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.4px;}
/* 2022-02-15 kyj : 새창링크 메뉴 적용 */
.all_menubox .all_menu_body .all_menu > li > .depth > li > .depth02 > li > a > span {display:inline-block; position:relative; vertical-align:top; text-decoration:inherit;}
.all_menubox .all_menu_body .all_menu > li > .depth > li > .depth02 > li > a[target='_blank'] > span {padding-right:26px; background:url('../images/sub/ico_lnb_depth_blank.svg') no-repeat right center; background-size:24px;}
/* //2022-02-15 kyj : 새창링크 메뉴 적용 */
.all_menubox .all_menu_body .all_menu > li > .depth > li > .depth02 > li > a:hover,
.all_menubox .all_menu_body .all_menu > li > .depth > li > .depth02 > li > a:focus {text-decoration:underline;}

body.open_allmenu {overflow-y:hidden;}
body.open_allmenu #wrap:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.3); z-index:80;}
body.open_allmenu .all_menubox {display:block;}
body.open_allmenu .btn_menu_all {background-image:url('../images/btn_allmenu_close.svg'); background-color:#ff580c;}

#container {position:relative;}

.go_top {position:fixed; right:10px; bottom:10px; width:62px; height:62px; border-radius:8px; background:#ffcd27; color:#201d1d; font-size:18px; line-height:62px; font-weight:700; letter-spacing:-0.45px; text-align:center; overflow:hidden; z-index:70;}
.go_top.end_top {position:absolute;}

#footer {position:relative; background:#2e2e2e; z-index:1;}
.foot_link_wrap {border-bottom:1px solid rgba(255,255,255,0.3); background:#1c1c1c;}
.foot_link_wrap .foot_link {float:left; border-left:1px solid rgba(255,255,255,0.3);}
.foot_link_wrap .foot_link:after {content:''; display:block; clear:both;}
.foot_link_wrap .foot_link li {position:relative; float:left; border-right:1px solid rgba(255,255,255,0.3);}
.foot_link_wrap .foot_link li a {display:block; min-width:176px; padding:0 15px; color:#ffffff; font-size:14px; line-height:52px; font-weight:400; letter-spacing:-0.7px; text-align:center;}
.foot_link_wrap .foot_link li a.active {color:#ff580c; font-weight:500;}
.foot_link_wrap .foot_sns {float:right; margin:12px 12px 0 0;}
.foot_link_wrap .foot_sns li {float:left; margin-left:23px;}
.foot_link_wrap .foot_sns li a {display:block; width:32px; height:32px; background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-999px; overflow:hidden;}

.foot_familysite .family_list {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; margin:12px -6px 0 -6px;}
.foot_familysite .family_list > li {position:relative; flex:1 1 0; padding:6px;}
.foot_familysite .family_list > li > a {display:block; border-radius:4px; background:rgba(255,255,255,0.1);}
.foot_familysite .family_list > li > a span {display:block; position:relative; padding:0 20px; color:#fff; font-size:14px; line-height:50px; font-weight:400; text-align:left;}
.foot_familysite .family_list > li > a span:before {content:''; position:absolute; top:50%; right:19px; width:20px; height:20px; margin-top:-10px; background:url('../images/ico_foot_familysite_arrow.svg') no-repeat center center;}
.foot_familysite .family_list > li > a.active span:before {transform:rotate(180deg);}
/* 2022-02-11 kyj : 높이 최댓값 지정 */
.foot_familysite .family_list > li > ul {display:none; position:absolute; right:5px; bottom:100%; left:5px; overflow:auto; max-height:30vh; margin-bottom:-6px; border:1px solid rgba(255,255,255,0); border-radius:4px; background:#2e2e2e; box-shadow:0 -3px 5px rgba(0,0,0,0.5);}
/* //2022-02-11 kyj : 높이 최댓값 지정 */
.foot_familysite .family_list > li > a.active + ul {display:block;}
.foot_familysite .family_list > li > ul > li + li {border-top:1px solid rgba(255,255,255,0);}
.foot_familysite .family_list > li > ul > li > a {display:block; padding:0 20px; background:rgba(255,255,255,0.1); color:#fff; font-size:14px; line-height:50px; font-weight:400; text-align:left;}

.foot_address {padding:42px 0 48px;}
.foot_address .foot_logo {float:left; width:161px; height:37px; margin-top:22px; background-image:url('../images/foot_logo.svg'); background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-9999px; overflow:hidden;}
.foot_address .txt_box {float:left; margin-left:33px; color:#fff; font-size:14px; line-height:20px; letter-spacing:-0.7px;}
.foot_address .txt_box .address {font-weight:500;}
.foot_address .txt_box .tel_fax {margin-top:10px; font-weight:400;}
.foot_address .txt_box .copyright {margin-top:10px; font-weight:400; opacity:0.7;}


@media screen and (max-width:1900px) {
	.head_pop_wrap:before {left:50%; margin-left:-950px;}
	.head_pop_wrap:after {right:50%; margin-right:-950px;}
}

@media screen and (max-width:1280px) {
	.head_gnb .btn_menu_all {right:10px; margin-right:0;}
	#gnb > li > .depth_box:before {width:210px; left:0; right:auto;}
	#gnb > li > .depth_box .depth_tit .bg_depth {right:10px; bottom:10px;}
	#gnb > li > .depth_box .depth {padding-left:204px;}
	#gnb > li > .depth_box .depth > li {width:calc(25% - 12px); margin:16px 0 16px 12px;}

	.foot_familysite .family_list {flex-wrap:wrap;}
	.foot_familysite .family_list > li {flex-basis:33.3333%;}
}

@media screen and (max-width:1024px) {
	.br_pc {display:none;}
	.br_t {display:block;}
	.br_m {display:none;}

	.inner_center {padding:0 35px;}

	.main_notice_pop {top:242px; right:0; margin:auto; outline:none;}
	.main_notice_pop:focus .pop_con {box-shadow:none;}

	.head_pop_wrap:before,
	.head_pop_wrap:after {display:none;}
	.head_pop_wrap .logo_olympic {display:none;}
	.head_pop_wrap .head_pop_con .txtbox .tit,
	.head_pop_wrap .head_pop_con .txtbox .txt {text-align:left;}
	.head_pop_wrap .head_pop_con .daybox {margin-left:30px;}
	.head_pop_wrap .btn_toggle_pop {right:35px;}

	.head_top_noti {height:40px; background:#918a7a;}
	.head_top_noti .top_noti:after {content:''; display:block; clear:both;}
	.head_top_noti .top_noti li {float:left; color:#fff; font-size:16px; line-height:40px; font-weight:400; letter-spacing:-0.8px;}
	.head_top_noti .top_noti li + li {padding-left:31px; background:url('../images/ico_topnotice_dot.svg') no-repeat 12px center; background-size:8px;}
	.head_top_noti .top_noti li em {font-weight:500;}

	#skip_nav {display:none;}
    #header {display:none;}
    #mHeader {display:block; position:relative; height:82px; background:#fff; z-index:90;}
	#mHeader .m_logo {position:absolute; top:50%; left:35px; width:184px; height:42px; margin-top:-21px;}
	#mHeader .m_logo a {display:block; width:100%; height:100%; background-image:url('../images/logo_t.svg'); background-repeat:no-repeat; background-position:center center; background-size:100%; text-indent:-9999px; overflow:hidden;}

	.btn_allmenu {display:block; position:absolute; top:17px; right:35px; width:48px; height:48px; border:none; border-radius:4px; background:url('../images/m_btn_allmenu.svg') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden; z-index:100; transition:.3s;}
	.m_allmenu_wrap {display:block;}
	.m_allmenu_wrap .m_allmenu_mask {position:fixed; top:0; right:0; bottom:0; width:0; background:rgba(0,0,0,0.7); z-index:99; opacity:0; transition:width .3s .3s, opacity .3s;}
	.m_allmenu_wrap .m_allmenu_cont {position:fixed; top:0; right:0; width:85%; height:100%; background:#fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); z-index:100; transform:translateX(101%); transition:.3s;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head {height:82px; padding:22px 35px; background:#fff;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head:after {content:''; display:block; clear:both;}

	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head .m_util {float:left;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head .m_util:after {content:''; display:block; clear:both;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head .m_util li {float:left; margin-right:12px;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head .m_util li a {display:inline-block; height:38px; padding:9px 20px; border:1px solid #d2d2d2; border-radius:19px; background:#fff; color:#000; font-size:14px; line-height:18px; font-weight:500; text-align:center; vertical-align:top;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head .m_util li a:hover,
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head .m_util li a:focus {background:#f2f2f2;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head .m_util li a .ico {display:inline-block; width:18px; height:18px; margin-left:10px; background-repeat:no-repeat; background-position:center center; background-size:contain; vertical-align:top;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head .btn_allmenu_close {position:absolute; top:17px; right:35px; width:48px; height:48px; border:none; border-radius:4px; background:url('../images/m_btn_allmenu_close.svg') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden;}

	.m_allmenu_wrap .m_allmenu_cont .m_allmenu {position:relative; height:calc(100vh - 82px); border-top:1px solid #e9e9e9;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu:before {content:''; position:absolute; top:0; left:0; bottom:0; width:184px; background:#ff541e;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb {width:184px;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb > li > a {display:block; position:relative; height:76px; border-bottom:1px solid #cc4318; background:#ff541e; color:#fff; font-size:18px; line-height:75px; font-weight:500; letter-spacing:-0.45px; text-align:center;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb > li > a.active {background:#e23600;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box {display:none; position:absolute; top:0; right:0; bottom:0; left:184px; background:#fff;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb > li > a.active + .depth_box {display:flex;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth {width:100%; overflow-y:auto;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li {border-bottom:1px solid #ececec;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > a {display:block; position:relative; padding:21px 35px; background:#fff; color:#201d1d; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.4px;}
	/* 2022-02-15 kyj : 새창링크 메뉴 적용 */
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > a > span {display:inline-block; position:relative; vertical-align:top; text-decoration:inherit;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > a[target='_blank'] > span {padding-right:26px; background:url('../images/sub/ico_lnb_depth_blank.svg') no-repeat right center; background-size:24px;}
	/* //2022-02-15 kyj : 새창링크 메뉴 적용 */
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > a.in_ul:before {content:''; position:absolute; top:20px; right:35px; width:28px; height:28px; background:url('../images/m_ico_allmenu_arrow_black.svg') no-repeat center center; background-size:100%; transition:.3s;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > a.active.in_ul:before {transform:rotate(180deg);}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > .depth02 {display:none; padding:8px 0; border-top:1px solid #ececec; background:#f8f8f8; overflow:hidden;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > .depth02 > li > a {display:block; position:relative; padding:7px 59px; color:#201d1d; font-size:14px; line-height:20px; font-weight:400; letter-spacing:-0.35px; text-align:left;}
	/* 2022-02-15 kyj : 새창링크 메뉴 적용 */
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > .depth02 > li > a > span {display:inline-block; position:relative; vertical-align:top; text-decoration:inherit;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > .depth02 > li > a[target='_blank'] > span {padding-right:26px; background:url('../images/sub/ico_lnb_depth_blank.svg') no-repeat right center; background-size:24px;}
	/* //2022-02-15 kyj : 새창링크 메뉴 적용 */
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > .depth02 > li > a:before {content:''; position:absolute; top:15px; left:45px; width:4px; height:4px; border-radius:2px; background:#404040;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > .depth02 > li > a:hover {color:#ff580c;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > .depth02 > li > a:hover:before {background:#ff580c;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_allmenu_logo {position:absolute; bottom:62px; left:22px; width:140px; height:33px; background:url('../images/m_logo_allmenu.svg') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden;}

	.openAllMenu {overflow:hidden;}
	.openAllMenu .m_allmenu_wrap .m_allmenu_mask {width:100%; opacity:1; transition:width 0s, opacity .3s;}
	.openAllMenu .m_allmenu_wrap .m_allmenu_cont {transform:translateX(0);}

	.go_top {bottom:85px; right:35px;}

	.foot_link_wrap .foot_link {float:none; width:100%;}
	.foot_link_wrap .foot_link li {width:25%;}
	.foot_link_wrap .foot_link li a {min-width:auto;}
	.foot_link_wrap .foot_sns {display:flex; justify-content:center; float:none; margin:0 -35px; padding:9px 0; border-top:1px solid rgba(255,255,255,0.3);}
	.foot_link_wrap .foot_sns li {float:none; margin:0 12px;}

	.foot_familysite .family_list {margin:31px -5px 0;}
	.foot_familysite .family_list > li {flex-basis:50%; padding:5px;}
	.foot_familysite .family_list > li > ul {right:4px; left:4px; margin-bottom:-5px;}

	.foot_address {padding:49px 0 54px; text-align:center;}
	.foot_address .foot_logo {display:block; float:none; margin:0 auto;}
	.foot_address .txt_box {float:none; margin:30px 0 0 0;}
}

/* mobile */
@media screen and (max-width:767px) {
	.br_pc {display:none;}
	.br_t {display:none;}
	.br_m {display:block;}

	.inner_center {padding:0 12px;}

	.main_notice_pop {top:100px; left:12px; right:12px; width:auto;}
	.main_notice_pop .pop_con {max-width:100%; height:auto !important;}

	#wrap {min-width:360px;}/* 디바이스별 변경가능 */

	.head_pop_wrap .head_pop {height:143px;}
	.head_pop_wrap .head_pop_con {display:inline-block; padding:0 33px; vertical-align:top;}
	.head_pop_wrap .head_pop_con .txtbox {width:100%; padding-top:16px;}
	.head_pop_wrap .head_pop_con .txtbox .tit {font-size:21px; line-height:30px; text-align:center;}
	.head_pop_wrap .head_pop_con .txtbox .txt {margin-top:6px; font-size:14px; line-height:20px; text-align:center;}
	.head_pop_wrap .head_pop_con .daybox {justify-content:center; width:100%; margin:12px 0 0 0;}
	.head_pop_wrap .head_pop_con .daybox .d_day {width:34px;}
	.head_pop_wrap .head_pop_con .daybox .txt_num {width:40px; height:40px; margin-right:2px; font-size:32px; line-height:38px;}

	.head_pop_wrap .btn_toggle_pop {right:0; width:100%; padding:0;}
	.head_pop_wrap .btn_toggle_pop:after {display:inline-block; position:static; margin-left:8px; vertical-align:top;}

	.head_top_noti .top_noti {display:none;}

	#mHeader {height:60px;}
	#mHeader .m_logo {left:12px; width:140px; height:32px; margin-top:-16px;}
	#mHeader .m_logo a {background-image:url('../images/logo_m.svg');}

	.btn_allmenu {top:10px; right:12px; width:40px; height:40px;}
	.m_allmenu_wrap .m_allmenu_cont {width:100%;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head {height:60px; padding:11px 12px;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu_head .btn_allmenu_close {top:10px; right:12px; width:40px; height:40px;}

	.m_allmenu_wrap .m_allmenu_cont .m_allmenu {height:calc(100vh - 60px);}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu:before {width:158px;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb {width:158px;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb > li > a {height:59px; line-height:58px;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box {left:158px;}

	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > a {padding:17px 24px;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > a.in_ul:before {top:22px; right:12px; width:20px; height:20px;}

	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > .depth02 {padding:9px 0;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > .depth02 > li > a {padding:7px 48px;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_gnb .depth_box .depth > li > .depth02 > li > a:before {left:34px;}
	.m_allmenu_wrap .m_allmenu_cont .m_allmenu .m_allmenu_logo {bottom:10px; left:16px; width:126px; height:29px;}

	.go_top {bottom:10px; right:8px;}

	.foot_link_wrap .inner_center {padding:0;}
	.foot_link_wrap .foot_link {border-left:none;}
	.foot_link_wrap .foot_link li {width:50%; border-bottom:1px solid rgba(255,255,255,0.3);}
	.foot_link_wrap .foot_link li:nth-child(2n) {border-right:none;}
	.foot_link_wrap .foot_link li:last-child {width:100%; border-right:none;}
	.foot_link_wrap .foot_link li a {min-width:auto; padding:0; line-height:48px;}
	/* 2022-02-16 kyj : 퍼블 오류 수정 */
	.foot_link_wrap .foot_sns {margin:0; border-top:none;}
	/* //2022-02-16 kyj : 퍼블 오류 수정 */

	.foot_familysite .family_list {margin:25px 0 0;}
	.foot_familysite .family_list > li {/*flex-basis:50%;*/ flex-basis:100%; padding:7px;}
	.foot_familysite .family_list > li > ul {right:-1px; left:-1px; margin-bottom:-7px;}

	.foot_address .foot_logo {display:block; float:none; margin:0 auto;}
	.foot_address .txt_box {float:none; margin:27px 0 0 0; line-height:26px;}
}

@media screen and (max-width:480px) {
	/* .foot_familysite .family_list > li {flex-basis:100%;} */
}