@charset "UTF-8"; 

/* 레이아웃 공통 */
#wrap {width:100%; margin:0 auto;}
#header {position:relative; width:100%; z-index:70; background-color: transparent;}
#container {width:100%; height:auto; min-height:935px;}
#container:after {display:block; clear:both; content:'';}
#contents {width:100%; height:auto;}
#footer {display:inline-table; width:100%; margin: 0 0 30px;}

#top_layout, #body_layout, #foot_layout {position:relative; width:100%;}
#body_layout .body_inner {position:relative; max-width:1500px; margin:0 auto; padding-bottom:50px;}
#body_layout .body_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.inner {position:relative; max-width:1500px; margin:0 auto;}

html.stop_scrolling {overflow-y:hidden;}

/*고대비*/
.gray #body_layout {background-color:#121212;}

@media screen and (max-width:1500px) {
	#body_layout .body_inner {padding:0 24px;}
	.inner {padding:0 24px;}	
}


/* 스킵네비게이션 */
#skip_navigation {margin:0; padding:0;}
#skip_navigation a.accessibility {display:block; position:absolute; top:-10000px; left:0; width:100%; text-align:center; z-index:700;}
#skip_navigation a.accessibility:hover,
#skip_navigation a.accessibility:focus,
#skip_navigation a.accessibility:active {position:absolute; top:0; width:100%; padding:30px 0; font-weight:500; color:#fff; background-color:#000; z-index:700;}
#skip_navigation ul {margin:0; padding:0; height:0;}

/*상단영역 고대비*/
.gray .header_top {background-color: #000;}
.gray .nav_list_cont .btn_list_area > .list > li > .inner_box .text {color:#fff;}

.gray .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area.high_contrast_area > .list > li > .btn.dark {border:1px solid #ddd;}


/* 상단영역 */
.header_top {position: relative; width:100%; height:auto; min-height:75px; border-bottom:1px solid #e5e5e5; background-color: #fff;}
.header_top_cont {position: relative; max-width:1500px; margin:0 auto; display: flex; align-items: center; justify-content: end; padding: 20px 0;}
.header_top_cont .nav_list_cont {display: flex; justify-content: space-between; align-items: center; font-size:1.4rem; font-family:'SCD'; font-weight: 500;}

.header_top_cont .nav_list_cont .btn_list_area {margin:0 40px 0 0;}
.header_top_cont .nav_list_cont .btn_list_area > .list {display: flex; justify-content: space-between; align-items: stretch;}

.nav_list_cont .btn_list_area > .list > li {margin: 0 25px 0 0;}
.nav_list_cont .btn_list_area > .list > li:last-child {margin: 0;}
.nav_list_cont .btn_list_area > .list > li > .inner_box {display: flex; justify-content: space-between; align-items: center;}
.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area {margin: 0 12px 0 0;}
.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list {display: flex; justify-content: space-between; align-items: stretch;}
.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li {margin: 0 8px 0 0; position:relative;}
.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li:last-child {margin:0;}
.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn {position:relative; display:block; width:30px; height:30px; background-color:#e5e5e5; border-radius:4.5px;}
.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:30px; height:30px; background:url('../images/btn_icons.png') no-repeat; box-sizing: border-box; }

.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn.expansion:before {background-position:-142px 4px;}
.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn.shrinkage:before {background-position:-178px 4px;}
.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn.viewText:before {background-position:2px 4px;}
.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn.dark:before, .nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area > .list > li > .btn.white:before {background-position:0 -22px;}
.nav_list_cont .btn_list_area > .list > li > .inner_box .text {line-height:22px; margin-top:2px;}

.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area.high_contrast_area > .list > li > .btn.dark {background-color: #040000;}
.nav_list_cont .btn_list_area > .list > li > .inner_box .btn_area.high_contrast_area > .list > li > .btn.dark .txt {color:#fff;}

.nav_list_cont .language_area {display: inline-block; position: relative; margin-left: 8px; vertical-align: top;}
.nav_list_cont .language_area .lang_btn {position:relative; display: block; padding:10px 35px 10px 48px; background-color:#ef3e56; border-radius:30px; color:#fff; font-size:1.4rem; font-family:'SCD'; font-weight: 500;}
.nav_list_cont .language_area .lang_btn:before {content:""; display:block; position:absolute; top:calc(50% - 15px); left:15px; width:22px; height:30px; background:url('../images/btn_icons.png') no-repeat -38px 4px;}
.nav_list_cont .language_area .lang_btn:after {content:""; display: block; position: absolute; top:calc(50% - 4px); right:16px; background: url('../images/btn_icons.png') no-repeat -80px -7px; width:11px; height:7px;}

.nav_list_cont .language_area .layer {display: none; position: absolute; top: 42px; right: 0; background-color:#fff; width: 175px; border: 1px solid #e2e3e8; border-radius: 15px; padding: 23px 37px 23px 20px; text-align: left;box-shadow: 8px 6px 20px 0px rgba(32, 54, 121, 0.07); z-index:99;}
.nav_list_cont .language_area .layer .lang_link {position:relative; padding-left:26px; font-size:1.5rem; line-height:37px; color:#757b8e;}
.nav_list_cont .language_area .layer .lang_link:hover, 
.nav_list_cont .language_area .layer .lang_link:focus {text-decoration:underline;text-underline-position:under; color:#26293d;}
.nav_list_cont .language_area .layer .lang_close {position: absolute; top:15px; right:15px; width:21px; height:21px; background: url('../images/btn_icons.png') no-repeat -111px -1px;}

.nav_list_cont .language_area .layer .lang_link:before {opacity:0; display: block; content:""; position: absolute; top: calc(50% - 4px); left: 0; background: url('../images/btn_icons.png') no-repeat -219px -7px; width:13px; height:9px; transition:opacity 250ms ease-in-out;}
.nav_list_cont .language_area .layer .lang_item .lang_link:hover:before {opacity:1;}
.nav_list_cont .language_area .layer .lang_item.active .lang_link:before {opacity:1;}

@media screen and (max-width:1500px) {
	.header_top_cont {padding:20px 24px;}
}

@media screen and (max-width:640px) {
	.header_top {display:none;}
}

/*네비 고대비 */
.gray .nav_pcbox {background-color:#000;}
.gray .tlogo a:before {background:url('../images/top_logo_w.png') 0 0 no-repeat;}
.gray .gnb-list > li a.tm_tit01 {color:#fff;}
.gray .gnb-list > li a.tm_tit01 span:before {background-color:#fdff39;}
.gray .gnb-list > li a.tm_tit01:hover {color:#fdff39;}

.gray .gnb-inner {background:#000; }
.gray .gnb-box .depth2 > li .tm_tit02 {border:1px solid #ddd;}
.gray .gnb-box .depth2 > li .tm_tit02 span {color:#fff;}
.gray .gnb-box .depth3 li .tm_tit03 {color:#fff;}

.gray .view_pc.pc_sch button:before {background-image:url(../images/icon_search_w.png);}
.gray .view_pc.pc_menubtn a:before {background-image:url(../images/icon_fullmenu_w.png);}

/*네비 고대비 E */

.nav_pcbox {position:relative; border-bottom:1px solid #e5e5e5; background-color:#fff;}
.nav_inner {display:flex; flex-wrap:wrap; align-items:center; margin:0 auto; max-width:1500px; min-height:120px;}
.tlogo {position:absolute; display:inline-block; top:calc(50% - 16px); font-size:0; line-height:1;}
.tlogo a {position:relative; display:inline-block; width:188px; height:37px; font-size:0;} 
.tlogo a:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:188px; height:37px; background:url('../images/top_logo.png') 0 0 no-repeat; background-size:100%;}

#gnb {padding-left:20%;width:calc(100% - 120px);}
.gnb-list {display:flex; flex-wrap:wrap; justify-content:flex-end;}
.gnb-list > li {width:16.666%;}
.gnb-list > li a.tm_tit01 {position:relative; display:block; margin:0; padding:40px 0; font-size:2.2rem; font-weight:400; color:#121212; text-align:center;}
.gnb-list > li a.tm_tit01 span {font-family: 'OneMobile';}
.gnb-list > li a.tm_tit01 span:before {content:''; position:absolute; bottom:-3px; left:50%; width:0; height:3px; background-color:#882087; transform:translateX(-50%); transition:width .2s; z-index:999;}
.gnb-list > li a.tm_tit01:hover {color:#4c2479;}

.gnb-list > li a.tm_tit01:hover span:before,
.gnb-list > li a.tm_tit01:active span:before,
.gnb-list > li a.tm_tit01:focus span:before{width:50%;}

.gnb-inner {overflow:hidden;position:absolute;left:0;top: 120px;width:100%;height:auto;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;transition-property:height;transition-timing-function:linear;z-index:60;}
.gnb-inner .gnb-box {position:relative; max-width:1500px; margin:0 auto; min-height:400px; transition-property:visibility, opacity, top;}

.gnb-box ul {position:relative; display:flex; flex-wrap:wrap; align-items:stretch; gap:40px; padding:40px 0; border-radius:0 0 0 80px;}
.gnb-box ul:after {content:''; display:block; visibility:hidden; clear:both;}

.gnb-box .depth2 {margin-bottom:40px;}
.gnb-box .depth2 > li {position:relative; width:calc(20% - 32px); margin-bottom:20px; }
.gnb-box .depth2 > li:after {content:''; display:block; visibility:hidden; clear:both;}
.gnb-box .depth2 > li .tm_tit02 {position:relative; display:block; height:55px; padding:10px 30px 10px 20px; line-height:1.0; border-radius:10px; border:1px solid #b4adc3; transition:all 0.2s linear; z-index:3;}
.gnb-box .depth2 > li .tm_tit02 span {position:relative; display:block; padding:5px; line-height:1.2; font-size:1.8rem; font-family:'SCD'; color:#333; font-weight:500;}
.gnb-box .depth2 .m_3dep:after {content:''; display:block; position:absolute; top:22px; right:20px; background:url('../images/icons_m.png') no-repeat -76px -34px; width:13px; height:8px;}

.gnb-box .depth3 {flex-direction:column; align-items:flex-start; gap:5px; margin-bottom:20px; padding:20px 0 0 20px;}
.gnb-box .depth3 li .tm_tit03 {position:relative; display: block; padding:0 17px; font-size:1.6rem; font-weight:400; color:#5e5e5e;}
.gnb-box .depth3 li .tm_tit03:before {content:''; display:block; position:absolute; top:10px; left:0; border-radius:50%; background-color:#ef3e56; width:5px; height:5px;}
.gnb-box .depth3 li .tm_tit03:hover, .gnb-box .depth3 li .tm_tit03:focus {text-decoration:underline;text-underline-position:under;}

.open_win[target='_blank']:after {content:''; display:block; position:absolute; top:6px; right:0; background:url('../images/icons_m.png') no-repeat 0px -52px; width:14px; height:14px;}

/*고대비*/
.gray .gnb-box .depth2 .m_3dep:after {background: url('../images/icons_m.png') no-repeat -101px -34px;}
.gray .open_win[target='_blank']:after {background:url('../images/icons_m.png') no-repeat 0px -78px;}

/*PC 출력 : 검색, 메뉴*/
.view_pc {position:relative; top:0; width:50px; height:50px;}
.view_pc.pc_sch {margin-left:20px;}
.view_pc a,
.view_pc button {position:absolute; right:0; top:0; display:block; width:50px; height:50px;}
.view_pc a:before,
.view_pc button:before {content:''; position:absolute; right:50%; top:50%; background-position:0 0; background-repeat:no-repeat;}
.view_pc.pc_sch button:before {margin:-14px -14px 0 0; width:27px; height:27px; background-image:url(../images/icon_search.png);}
.view_pc.pc_menubtn a:before {margin:-13px -15px 0 0; width:29px; height:28px; background-image:url(../images/icon_fullmenu.png);}

/*검색팝업*/
.search_box {display: none; position:absolute; top:121px; left:0; right:0; margin:auto; width:100%; background-color:#eef6fb;}
.search_box.active {display:block;}
.search_open body {overflow-y:hidden;}
.search_box:before {z-index: -1; content:''; display:block; position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.6); top: 0; left: 0;}

.search_box .search_area {position:relative; width:720px; padding:80px 0 98px; margin: 0 auto;}
.search_box .search_area .search_wrap {position:relative; padding-right:30px;}
.search_box .search_area .search_wrap .search_bar {overflow:hidden; position:relative; width:100%; height:80px; border-radius:40px 30px 30px 40px; border:3px solid #412c70; background-color: #fff;}
.search_box .search_area .search_wrap .search_bar:before {display:block; content:''; position:absolute; bottom:0; left:33px; width:70px; height:64px; background:url('../images/search_icon.png') no-repeat; }
.search_box .search_area .search_wrap .search_bar .search_query {width: 100%; border: none; padding:26px 60px 18px 115px; font-size:2.0rem; line-height:30px; font-family: 'SCD'; color: #757b8e; border-radius:40px 30px 30px 40px;}

.search_box .search_area .search_wrap .btn_sch {position:absolute; right:0; top:calc(50% - 20px); width:80px; height:80px; background-color:#882087; border-radius:50% 50% 10px 50%;}
.search_box .search_area .search_wrap .btn_sch:before {content:''; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); width:42px; height:42px; background:url(../images/ico_search_w.png) 0 0 no-repeat;}

.search_box .srchclose {position:absolute; bottom:-30px; left:50%; margin-left:-30px;}
.search_box .srchclose .c_btn {position:relative; width:60px; height:60px; background-color:#333; border-radius:50%;}
.search_box .srchclose .c_btn:before {content:''; position:absolute; left:calc(50% - 8px); top:calc(50% - 9px); width:18px; height:19px; background:url(../images/popup_close.png) 0 0 no-repeat;}

/*고대비*/
.gray .search_box .search_area .search_wrap .search_bar {border:3px solid #c01fbe;}
.gray .search_box {background-color:#121212; border-bottom:1px solid #ddd;}

@media screen and (max-width:1240px) {
	.nav_inner {min-height:100px;}
	.search_box {top:101px;}
}

@media screen and (max-width:920px) {
	.search_box .search_area {width:100%; padding:80px 24px 98px 24px;}
}

@media screen and (max-width:680px) {
	.search_box .search_area .search_wrap .search_bar {overflow:visible; height:70px;}
	.search_box .search_area .search_wrap .search_bar:before {left:10px; width:70px; height:64px;}
	.search_box .search_area .search_wrap .search_bar .search_query {padding:17px 40px 17px 90px; font-size: 1.7rem;}
	.search_box .search_area .search_wrap .btn_sch {width:60px; height:60px;}
	.search_box .search_area .search_wrap .btn_sch:before {left:calc(50% - 16px); top:calc(50% - 16px); width:42px; height:42px; background-size:80%;}
}

@media screen and (max-width:440px) {
	.search_box .search_area .search_wrap .search_bar {overflow:visible; height:70px;}
	.search_box .search_area .search_wrap .search_bar:before {left:5px; width:70px; height:64px;}
	.search_box .search_area .search_wrap .search_bar .search_query {padding:17px 30px 17px 85px; font-size: 1.5rem; letter-spacing: -0.5px;}
}


/*텍스트돋보기*/
.viewText_box {display: none; position:fixed; bottom:0; left:0; right:0; margin:auto; padding:10px 10px 0 10px; width:100%; min-width:360px; background-color:#fff; z-index:99; border-color:transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(135deg, #610862 0%, #ab22f5 100%); background-origin:border-box; background-clip:content-box,border-box; border-radius:60px 60px 0 0; transition-property:background-image, color; transition-duration:250ms; transition-timing-function:ease-in-out; filter: drop-shadow(5px 0px 30px rgba(0, 0, 0, 0.5));}
.viewText_box.active {display:block;}
.viewText_area {position:relative;max-width: 1500px; padding:50px 0; margin:0 auto;}
.glasses {display:flex; align-items:center; flex-wrap: wrap; gap:10px; }
.glasses .tit {font-size:2.0rem; font-family:'esamanru'; font-weight:500; color:#151515; margin-right:10px;}
.viewText_area .Text_box {border-top:1px solid #d8dee6; min-height:150px; padding:30px 0; margin-top:15px; font-size:4.0rem;}

.viewText_area .Tip {position:relative; padding-left:27px; margin-top:10px; font-size:1.7rem; line-height:28px; letter-spacing:-0.04em; font-weight:400; font-family:'SCD'; box-sizing:border-box; color:#E4032E;}
.gray .viewText_area .Tip {color:#E4032E;}
.viewText_area .Tip:before, .viewText_area .Tip:after{content:''; display:block; position:absolute; top:4px; left:0; width:20px; height:20px; box-sizing:border-box;}
.viewText_area .Tip:after{background:url(../images/sub/warning_icons.png) no-repeat left top; background-position:-40px 0;}
.viewText_area .Tip:before{border-radius:50%; box-shadow:0px 3px 1px 0px rgba(49, 122, 215, 0.2);}

.view_btn {display:inline-block; position:relative; width:auto; font-size:0; line-height:0; vertical-align:top; box-sizing:border-box; text-align:center; border: 1px solid #cacaca; border-radius:10px;}
.view_btn:hover {background-color:#4c2479;}
.view_btn:hover a {color:#fff;}
.view_btn + .view_btn {margin-left:7px;}
.view_btn:last-child {margin-right:0;}
.view_btn .btn {display:inline-flex;justify-content:center;align-items:center;z-index:3;position:relative; min-width:100px; width:auto; padding:10px; font-size:2.5rem; line-height: 1; letter-spacing:-0.02em; vertical-align:top; box-sizing:border-box;}
.view_btn .btn:hover {text-decoration:none;}
.view_btn.on {background-color:#4c2479;}
.view_btn.on a {color:#fff;}

.viewText_box .viewTextclose {position:absolute; top:38px; right:0;}
.viewText_box .viewTextclose .c_btn {position:relative; width:50px; height:50px; background-color:#333; border-radius:50%;}
.viewText_box .viewTextclose .c_btn:before {content:''; position:absolute; left:calc(50% - 8px); top:calc(50% - 9px); width:18px; height:19px; background:url(../images/popup_close.png) 0 0 no-repeat;}

@media screen and (max-width:1500px) {
	.viewText_area {padding:50px 24px;}	
	.viewText_box .viewTextclose {right:24px;}
}	

@media screen and (max-width:430px) {
	.viewText_box .viewTextclose {top:20px; right:24px;}
	.view_btn .btn {min-width:80px; font-size: 1.4rem;}
}	

/*모바일 버튼*/
.view_m {display:none; position:absolute;}
.view_m.menu_mbtn {right:20px; width:40px; height:40px;}
.view_m a {position:absolute; right:0; top:0; display:block;  width:40px; height:40px;}
.view_m a:before {content:''; position:absolute; right:50%; top:50%; margin:-13px -15px 0 0; width:29px; height:28px; background:url(../images/icon_fullmenu.png) 0 0 no-repeat;}

/*고대비*/
.gray .view_m a:before {background:url(../images/icon_fullmenu_w.png) 0 0 no-repeat;}

@media screen and (max-width:1500px) {
	.nav_pcbox .nav_inner {padding:0 24px;}
}

@media screen and (max-width:1240px) {
	.tlogo {position:relative;}
	.nav_pcbox nav {display:none;}	
		
	.view_pc.pc_menubtn {display:none;}
	.view_pc.pc_sch {right:40px; margin-right:10px; width:40px; height:40px;}
	.view_pc.pc_sch button {width:40px; height:40px;}
	.view_m {display:block;}
 
	/*nav-태블릿 전환*/
	.nav_pcbox .nav_inner {justify-content:space-between;}
	.nav_pcbox nav {display:none;}
	.nav_bg.open_m {display:block;}/*모바일-배경처리*/
}

/* nav-모바일 */
.gnb_M_bg {display:none; z-index:0; content:''; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); top: 0; left:0; transform: translateX(0);}

.gnb_M {z-index:80; position:fixed; top:0; left:auto; right:0; width:100%; max-width:560px; height:100%; padding-top:0; background-color: #faf4ff; transform: translateX(100%); transition: transform 250ms ease-in-out;}
.gnb_M.open {transform: translateX(0);}
.gnb_M .lnb_topbox {position:relative; width:100%; height:100px; padding:25px 20px 30px 40px; margin-bottom:10px; font-size:0;}
.gnb_M .lnb_topbox:before {content:''; z-index:-1; display: block; position: absolute; top:0; left:0; width:100%; height:80px; background-color:#4a4f66; border-radius:0 0 0 50px;}
.gnb_M .lnb_topbox .m_log {display: inline-block; width:136px; height:30px; background: url('../images/logo_m.png') no-repeat;} 

.gnb_M .lnb_topbox .right_area {float:right; margin-right:30px;}
.gnb_M .lnb_topbox .right_area .accessibility {display: inline-block; position:relative; width:30px; height:30px; vertical-align:top; margin:0;}
.gnb_M .lnb_topbox .right_area .accessibility .access_btn {position: relative; width:100%; height:100%; font-size: inherit;}
.gnb_M .lnb_topbox .right_area .accessibility .access_btn:before {content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; background: url('../images/icons_m.png') no-repeat -58px 0px; width:22px; height:22px;}

.gnb_M .lnb_topbox .right_area .accessibility .layer {display: none; position: absolute; top: 42px; right: 0; background-color:#fff; width: 175px; border: 1px solid #e2e3e8; border-radius:15px; padding:33px 37px 13px 20px; text-align: left;box-shadow: 8px 6px 20px 0px rgba(32, 54, 121, 0.07); z-index:99;}
.gnb_M .lnb_topbox .right_area .accessibility .layer .access_link {position:relative; padding-left:26px; font-size:1.4rem; line-height:35px; color:#757b8e;}
.gnb_M .lnb_topbox .right_area .accessibility .layer .access_link:hover {text-decoration:underline;text-underline-position:under; color:#26293d;}
.gnb_M .lnb_topbox .right_area .accessibility .layer .access_link:hover:before {opacity:1; display: block; content:""; position: absolute; top: calc(50% - 4px); left: 0; background: url('../images/btn_icons.png') no-repeat -219px -7px; width:13px; height:9px; transition:opacity 250ms ease-in-out;}

.gnb_M .lnb_topbox .right_area .accessibility .layer .access_close {position: absolute; top:15px; right:15px; width:21px; height:21px; background: url('../images/btn_icons.png') no-repeat -111px -1px;}

.gnb_M .lnb_topbox .right_area .language_area {display: inline-block; position:relative; width:30px; height:30px; vertical-align:top; margin:0 10px;}
.gnb_M .lnb_topbox .right_area .language_area .lang_btn {position: relative; width:100%; height:100%; font-size: inherit;}
.gnb_M .lnb_topbox .right_area .language_area .lang_btn:before {content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; background: url('../images/icons_m.png') no-repeat 0 -1px; width:21px; height:22px;}

.gnb_M .lnb_topbox .right_area .language_area .layer {display: none; position: absolute; top: 42px; right: 0; background-color:#fff; width: 175px; border: 1px solid #e2e3e8; border-radius: 15px; padding: 23px 37px 23px 20px; text-align: left;box-shadow: 8px 6px 20px 0px rgba(32, 54, 121, 0.07); z-index:99;}
.gnb_M .lnb_topbox .right_area .language_area .layer .lang_link {position:relative; padding-left:26px; font-size:1.5rem; line-height:37px; color:#757b8e;}
.gnb_M .lnb_topbox .right_area .language_area .layer .lang_link:hover, 
.gnb_M .lnb_topbox .right_area .language_area .layer .lang_link:focus {text-decoration:underline;text-underline-position:under; color:#26293d;}
.gnb_M .lnb_topbox .right_area .language_area .layer .lang_close {position: absolute; top:15px; right:15px; width:21px; height:21px; background: url('../images/btn_icons.png') no-repeat -111px -1px;}

.gnb_M .lnb_topbox .right_area .language_area .layer .lang_link:before {opacity:0; display: block; content:""; position: absolute; top: calc(50% - 4px); left: 0; background: url('../images/btn_icons.png') no-repeat -219px -7px; width:13px; height:9px; transition:opacity 250ms ease-in-out;}
.gnb_M .lnb_topbox .right_area .language_area .layer .lang_item .lang_link:hover:before {opacity:1;}
.gnb_M .lnb_topbox .right_area .language_area .layer .lang_item.active .lang_link:before {opacity:1;} 

.mnav_body {display:block; position:relative; width:100%; height:100%;}
.mnav_body .mnavBox {display:block; position:absolute; left:0; right:0; bottom:0; height:100%;}

.gnb_M nav {position:relative; height: calc(100% - 110px);}
.gnb_M nav:after {content:''; display:block; visibility:hidden; clear:both;}
.gnb_M nav span.open_win:after {content:''; top:21px; right:15px;  width:16px; height:16px; display:inline-block; position:absolute; background-image:url('../images/top_ir.png'); background-position:-93px -26px; background-repeat:no-repeat;}

.gnb_M nav .tm_dep01 {padding:25px 20px; height:100%;}
.gnb_M nav .tm_dep01 > li {display:block; width:40%;}
.gnb_M nav .tm_dep01 > li + li {padding-top:10px;}

.gnb_M nav .tm_dep01 > li > .tm_tit01 {display:flex; align-items:center; position:relative; margin-right:-5px; padding:0 20px; height:60px; font-size:1.6rem; font-family:'Paperlogy'; box-sizing:border-box; transition:.3s margin; -webkit-transition:.3s margin; z-index:10;}
.gnb_M nav .tm_dep01 > li > .tm_tit01 span {position:relative; display:block; line-height:1.4;}
.gnb_M nav .tm_dep01 > li > .tm_tit01:hover,
.gnb_M nav .tm_dep01 > li > .tm_tit01:active,
.gnb_M nav .tm_dep01 > li > .tm_tit01:focus {color:#fff; background-color:#343434; border-radius:8px 20px 8px 8px; font-weight:500;}
.gnb_M nav .tm_dep01 > li > .tm_tit01.on {color:#fff; background:#4c2479; border-radius:44px; font-weight:500;}
.gnb_M nav .tm_dep01 > li > .tm_tit01:hover:after,
.gnb_M nav .tm_dep01 > li > .tm_tit01:active:after,
.gnb_M nav .tm_dep01 > li > .tm_tit01:focus:after,
.gnb_M nav .tm_dep01 > li > .tm_tit01.on:after {content:""; display:block; position:absolute; right: 15px; top:50%; margin-top:-8px; width:1.5rem; height: 1.5rem;background:url(../images/ico_mobile_arrow.svg) no-repeat 50% 50%;background-size:contain;}


.gnb_M nav .tm_depbg {display:none; position:absolute; left:auto; top:0; right:0; bottom:auto; padding:28px 25px 30px; z-index:0; width:calc(100% - 40%); height:100%; background-color:#fff; border-top-left-radius:20px; box-shadow:0px 5px 25px 0px rgba(15, 20, 38, 0.1);}
.gnb_M nav .tm_depbg {overflow-x: hidden; overflow-y:auto;}
.gnb_M nav .tm_depbg .tm_depinner {position:relative;}
.gnb_M nav .tm_depbg .tm_depinner > ul {max-width:inherit; margin:0 auto;/*  background-color:#f7fafc; */}
.gnb_M nav .tm_depbg .tm_depinner ul li {padding-left:0;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep02 > li {border-bottom:1px solid #ddd; background:none;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 {position:relative; display:block; padding:17px 30px 17px 5px; text-align:left; font-size:1.6rem; font-family:'Paperlogy'; line-height:1.3; color:#333; box-sizing:border-box; z-index:3;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:hover,
.gnb_M nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:active,
.gnb_M nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:focus {color:#4c2479; font-weight:500;}

.gnb_M nav .tm_depbg .tm_depinner .tm_dep02 > li > a.open_win {position:relative; padding-right:40px;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep02 > li > a.open_win:after {content:''; display:inline-block; position:absolute; top:50%; margin-top:-8px; right:15px; width:16px; height:16px; background:url('../images/icons_m.png') -93px -26px no-repeat;}

.gnb_M nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 span {display:inline-block;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.m_3dep:before {content:''; position:absolute; left:auto; right:10px; top:50%; margin-top: -6px; width: 15px; height: 10px; background: url('../images/icons_m.png') no-repeat -50px -34px; transform: rotate(90deg);}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.on span {color:#4c2479; font-weight:500;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.m_3dep.on:before {width:13px; height:8px; margin-top:-4px; transform:rotate(180deg); background: url('../images/icons_m.png') no-repeat -1px -34px;}

.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 {display:none; margin:0; padding:15px 0;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03.open {display:block; border-top:1px solid #cf8b75;}/* 모바일전용 */
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 li {position:relative; display:block; padding-left:8px;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li > a {position:relative; display:block; padding:0; line-height:1.8;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li > a span {position:relative; display:inline-block; padding-left:8px}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li > a span:before {content:''; position:absolute; left:0; top:15px; width:3px; height:3px; background-color:#4c4c4c;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li > a.open_win:after {content:''; display:inline-block; position:absolute; top:10px; right:5px; width:14px; height:14px; background:url('../images/icons_m.png') 0px -52px no-repeat;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03 {position:relative; display:block; padding-right:25px; font-size:1.4rem; font-family:'Paperlogy'; font-weight:400; line-height:32px; color:#666; text-align:left; box-sizing:border-box; z-index:3;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03:hover,
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03:active,
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03:focus {font-weight:500;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03 span {position:relative;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03.on span {color:#121212; font-weight:500;} 
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03.m_4dep:after {content:''; display:inline-block; position:absolute; right:10px; top:50%; margin-top:-2px; width:14px; height:8px; background:url('../images/icons_m.png') -25px -34px no-repeat; transform: rotate(-90deg);}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03.m_4dep.on:after {background-position:-25px -34px; transform: rotate(0deg);}

.gnb_M nav .tm_depbg .tm_depinner .tm_dep04 {display:none; margin:5px 0 10px; padding:8px 0; border-color:#ddd; border-style:dashed; border-width:1px 0; background-color:#f7fafc;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep04 li {padding-left:10px;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep04 > li > a {position:relative; font-size:1.4rem; font-family:'Paperlogy';}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep04 > li > a:hover,
.gnb_M nav .tm_depbg .tm_depinner .tm_dep04 > li > a:active,
.gnb_M nav .tm_depbg .tm_depinner .tm_dep04 > li > a:focus {font-weight:500;}

.gnb_M nav .tm_depbg .tm_depinner .tm_dep04 > li > a span {position:relative; display:inline-block; padding-left:8px;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep04 > li > a span:before {content:''; position:absolute; left:0; top:10px; width:4px; height:1px; background-color:#555;}

.gnb_M nav .tm_depbg .tm_depinner .tm_dep04 > li > a.open_win span {padding-right:25px;}
.gnb_M nav .tm_depbg .tm_depinner .tm_dep04 > li > a.open_win span:after {content:''; display:inline-block; position:absolute; top:2px; right:4px; width:16px; height:16px; background:url('../images/top_ir.png') -99px -9px no-repeat;}
.gnb_M nav .tm_depbg:after, 
.gnb_M nav .tm_depbg .tm_depinner:after {content:''; display:block; visibility:hidden; clear:both;}

.gnb_M .menu_hide {position: absolute; top:31px; right:24px; width:17px; height:16px; font-size:0;}
.gnb_M .menu_hide .btn_mMenuClose {width:100%; height:100%; vertical-align:top; font-size: inherit;}
.gnb_M .menu_hide .btn_mMenuClose:before {content:''; display: block; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; background: url('../images/icons_m.png') no-repeat -32px -1px; width:15px; height:16px; }

/*고대비*/
.gray .gnb_M {background-color: #000;}
.gray .gnb_M nav .tm_dep01 > li > .tm_tit01 {color:#fff;}

 
/********************************
 서브화면구성
 *******************************/
.sub_visual{position:relative; width:100%; height:100%; padding-top:86px;}
.sub_visual:before {content:''; display:block; position:absolute; top:0px; width:100%; height:calc(100% - 60px); z-index:0;}
.sub_visual.visualtype02:before{background:url(../images/sub/sub_visual02.jpg) no-repeat center; background-size:cover;}

/* 비주얼 타입  */
.sub_visual .sub_head {position:relative; padding-bottom:0;border-bottom:none;}
.sub_visual .sub_head:before {content:''; display:block; position:absolute; bottom:0; left:calc(50% - 50vw); width:100vw; height:1px; background-color:#e7e8ec; z-index:1;}

.sub_visual .sub_title {display:table; width:100%; height:410px;}
.sub_visual .sub_title h2 {display:table-cell; vertical-align:middle; text-align:center; font-size:6.0rem; font-family: 'TwayAir'; line-height:70px; color: #fff; text-shadow: 0 0 15px rgb(0, 0, 0, 0.6);}

/* sub_head */
.sub_head .pathbox {display:inline-block; width:100%; margin:0; padding-right:120px; vertical-align: top;}
.sub_head .pathbox .path {font-size:0;line-height:0;}
.sub_head .pathbox .path_item.home {width:60px;}
.sub_head .pathbox .path_item {position:relative; display:inline-block; width:calc((100% - 160px) / 4); margin-right:0; vertical-align:top;}
.sub_head .pathbox .path_item:before {content:''; display:block; position:absolute; top:0; right:0; width:1px; height:100%; background-color:#e7e8ec; z-index:1;}
.sub_head .pathbox .path_item.home:after {content:''; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#e7e8ec;}
.sub_head .pathbox .path_item.home .path_btn {font-size:0; line-height:0; background:url("../images/sub/home_icon.png") no-repeat center;}

.sub_head .pathbox .path_item .path_btn {position:relative; display:inline-block; height:60px; width:100%; padding:5px 40px 5px 20px; font-family: 'Paperlogy'; font-size:1.7rem; font-weight:500; line-height:24px; letter-spacing:-0.02em; color:#45484e; text-align:left;}
.sub_head .pathbox .path_item:not(.home) .path_btn:after{content:''; display:block; position:absolute; bottom:20px; right:17px; width:20px; height:20px; background:url("../images/sub/path_arrow.png") no-repeat;}
.sub_head .pathbox .path_item .path_btn:before {display:none; content:''; position:absolute; bottom:0; left:0; width:calc(100% - -1px); height:calc(100% + 10px); background-color:#2f1b4e; border:1px solid #2f1b4e;border-radius:15px 15px 0 0 ;z-index:-1;opacity:0;visibility:hidden;}

.sub_head .pathbox .path_item .path_selectlist {display:none; position:absolute; width:calc(100% + 1px); border:1px solid #2f1b4e; border-top:none; box-shadow:9px 16px 30px 0 rgba(0, 0, 0, 0.1); box-sizing:border-box; border-radius:0 0 15px 15px; z-index:30; background-color:#fff;}
.sub_head .pathbox .path_item .path_selectlist .path_selectitem .path_link{display:table;position:relative;width:100%;min-height:60px;padding:5px 40px 5px 20px;font-family: 'Paperlogy'; font-size:1.7rem; line-height:24px;letter-spacing:-0.02em;color:#2f1b4e;text-decoration:none;border-bottom:1px solid #e7e8ec;}
.sub_head .pathbox .path_item .path_selectlist .path_selectitem.on .path_link{color:#4c2479; font-weight:500;}
.sub_head .pathbox .path_item .path_selectlist .path_selectitem .path_link:before {content:''; display:block; position:absolute; top:calc(50% - 10px); right:40px; width:20px; height:20px; background:url("../images/sub/path_arrow.png") no-repeat; background-position-x:-40px; opacity:0;}
.sub_head .pathbox .path_item .path_selectlist .path_selectitem:last-child .path_link {border-bottom:none;}
.sub_head .pathbox .path_item .path_selectlist .path_selectitem .path_link span{display:table-cell;vertical-align:middle;}

.sub_head .pathbox .path_item .path_selectlist .path_selectitem .path_link:hover {padding-left:32px; background-color:#fdfafd; transition:padding 250ms ease-in-out;}
.sub_head .pathbox .path_item .path_selectlist .path_selectitem:last-child .path_link:hover {border-radius:0 0 15px 15px;}
.sub_head .pathbox .path_item .path_selectlist .path_selectitem .path_link:hover:before {right:30px; opacity:1; transition:right 250ms ease-in-out;}

.sub_head .pathbox .path_item.active .path_btn {padding-bottom:15px; z-index:1; color:#fff; transition:all 250ms ease-in-out;}
.sub_head .pathbox .path_item.active .path_btn:before {content:''; display:block; opacity:1;visibility:visible;transition:opacity 250ms ease-in-out;}
.sub_head .pathbox .path_item.active .path_btn:after {bottom:25px;background-position-x:-20px;transition:bottom 250ms ease-in-out;}


/*고대비*/
.gray .sub_visual.visualtype02:before{border-bottom:1px solid #e7e8ec;}
.gray .sub_head .pathbox .path_item .path_btn {color:#fff;}
.gray .sub_head .pathbox .path_item:not(.home) .path_btn:after {background-position-x:-20px; transform: rotate(180deg);}
.gray .sub_head .pathbox .path_item.active .path_btn:after {transform: rotate(0deg);}

.gray .sub_head .pathbox .path_item.home .path_btn {background:url("../images/sub/home_icon_w.png") no-repeat center;}

@media screen and (max-width:1024px) {
	.sub_visual {padding-top:46px;}
	.sub_visual .sub_title {height:280px;}
	.sub_visual .sub_title h2 {font-size: 5.0rem;}
	.sub_head .pathbox .path > li:first-child, 
	.sub_head .pathbox .path > li:last-child {display: inline-block;}
	.sub_head .pathbox .path > li {display: none;}
	
	.sub_head .pathbox .path > li:last-child {width: calc((100% - 60px) / 1);}
	.sub_head .pathbox .path_item .path_btn {font-size:1.6rem;}
	.sub_head .pathbox .path_item .path_selectlist .path_selectitem .path_link{font-size:1.6rem;}
}

@media screen and (max-width:768px) {	
	.sub_visual {padding-top:6px;}
	.sub_visual .sub_title {height:174px;}
	.sub_visual .sub_title h2 {font-size:4.0rem;}
	
	.sub_head .pathbox .path_item .path_btn {font-size:1.5rem;}
	.sub_head .pathbox .path_item .path_selectlist .path_selectitem .path_link{font-size:1.5rem;}
}

/* 공유, 인쇄, 링크복사 */
.sub_head .addons {position:absolute; bottom:8px; right:6px;}
.sub_head .addons .addons_item {display:inline-block; vertical-align:top;}
.sub_head .addons .addons_button {position:relative; width:45px; height:45px; border-radius:20px; font-size:0; line-height:0;}
.sub_head .addons .addons_button.link_anchor {border-radius:15px; background-color:#fff; border:1px solid #ddd;}
.sub_head .addons .addons_button:before {content:''; display: block; position: absolute; top:0; left:0; right:0; bottom: 0; width:19px; height:18px; margin:auto; background: url("../images/sub/addons_share_open.svg") no-repeat; background-size: contain;}
.sub_head .addons .addons_button.print_anchor:before {background: url("../images/sub/addons_print.svg") no-repeat;}
.sub_head .addons .addons_button.link_anchor:before {background: url("../images/sub/addons_link.svg") no-repeat;}

.addons .share {position:relative;}
.addons .share_item {display:block; position: relative; margin-bottom:5px; font-size:0;}
.addons .share_panel {display:none; position:absolute; top:61px; left: 0; z-index: 31; white-space:nowrap}
.addons .share_list {display:inline-block; padding-bottom:50px;}
.addons .share_anchor {display:block; position: relative; width:45px; height:45px; border-radius:15px; box-shadow: 3px 4px 18px 2px rgba(204, 204, 204, 0.25);  background-color:#000;}
.addons .share_item.n1 .share_anchor {background-color: #3061c3;}
.addons .share_item.n2 .share_anchor {background-color: #08a237;}
.addons .share_item.n3 .share_anchor {background-color: #000;}
.addons .share_item.n4 .share_anchor {background-color: #ffc20f;}
.addons .share_anchor:before {content:''; display: block; position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; background-repeat:no-repeat; background-size: contain;}
.addons .share_item.n1 .share_anchor:before {width:11px; height:22px; background-image: url("../images/sub/addons_share_facebook.svg");}
.addons .share_item.n2 .share_anchor:before {width:14px; height:18px; background-image: url("../images/sub/addons_share_blog.svg");}
.addons .share_item.n3 .share_anchor:before {width:18px; height:18px; background-image: url("../images/sub/addons_share_twitter.svg");}
.addons .share_item.n4 .share_anchor:before {width:25px; height:23px; background-image: url("../images/sub/addons_share_kakao.svg");}

.addons .share_hide {display:block; position:absolute; left:3px; bottom:0; width:39px; height:39px; border-radius:50%; background:#393939; vertical-align:top; font-size:0;}
.addons .share_hide:before {content:''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom:0; width:12px; height:12px; margin:auto; background: url("../images/sub/addons_share_close.svg") no-repeat; background-size: contain;}
.addons .share.active .share_panel{display:block}
.addons .print .addons_button {font-weight:600;}

/*고대비*/
.gray .sub_head .addons .addons_button:before {background: url("../images/sub/addons_share_open_w.svg") no-repeat;}
.gray .sub_head .addons .addons_button.link_anchor:before {background: url("../images/sub/addons_link.svg") no-repeat;}
.gray .sub_head .addons .addons_button.print_anchor:before {background: url("../images/sub/addons_print_w.svg") no-repeat;}


@media screen and (max-width: 540px) {
	.sub_head .addons .addons_list > li:last-child {display:none;}
	.sub_head .pathbox {padding-right:60px;}
}	

@media screen and (max-width:480px) {
	.sub_head .addons {right:0px;}
}

/* 페이지 제목, 브레이드크럼 */
.pageTitleWrap {position:relative; max-width:1500px; margin:0 auto; padding:100px 0 0;}
.subCmTitle {display:flex; align-items:center; justify-content:space-between; padding-bottom:10px; background: url("../images/sub/subCm_dot.png") bottom center / contain no-repeat;}
.pageTitleWrap .title {display:flex; align-items:center; font-size:3.6rem; font-family:'esamanru'; font-weight:500; color:#151515;}

/*고대비*/
.gray .pageTitleWrap .title {color:#fff;}

@media screen and (max-width:1500px) {
	.pageTitleWrap {padding:100px 24px 0;}	
}

@media screen and (max-width:1200px) {
	.pageTitleWrap {padding:50px 24px 0;}
	.subCmTitle {flex-direction: column; align-items: flex-start; gap:3.2rem; background: url("../images/sub/subCm_dot.png") center center / contain no-repeat;}
	.pageTitleWrap .title {font-size:2.8rem;}
}

@media screen and (max-width:767px) {
	.pageTitleWrap .title {font-size:2.4rem;}
}
	
/* 브래드크럼 */
.breadcrumbs {font-size:0; line-height:0;}
.breadcrumbs .breadcrumbs_item {display:inline-block; position:relative; margin-left:10px; padding-left:15px; font-family: 'Paperlogy'; font-size:1.7rem; line-height:30px; letter-spacing:-0.025em; vertical-align:top;}
.breadcrumbs .breadcrumbs_item:first-child {margin-left:0px; padding-left:0;}
.breadcrumbs .breadcrumbs_item:nth-child(n+2):before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; width:6px; height:10px; margin-top:auto; margin-bottom:auto; background: url("../images/sub/breadcrumbs_arrow.svg") no-repeat; background-size: contain; font-size:0; line-height:0;}
.breadcrumbs .breadcrumbs_item a {display: block; width:100%; height:100%;}

/*고대비*/
.gray .breadcrumbs .breadcrumbs_item {color:#fff;}

@media screen and (max-width:780px) {
	.breadcrumbs .breadcrumbs_item {font-size:1.5rem; line-height:26px; letter-spacing:-1px;}
}	

@media screen and (max-width:540px) {
	.breadcrumbs .breadcrumbs_item {font-size:1.4rem; line-height:24px;}
}	

/********************************
 contents : sub
 *******************************/
 .contents_inner {padding:60px 0;}
 
 @media screen and (max-width:780px) {
	.contents_inner {padding:30px 0;}
}

/********************************
 footer : 공통
 *******************************/
#foot_layout {border-top: 2px solid #000; background-color:#fff;}

.site_list {position:relative; display:flex; flex-wrap:wrap; gap:20px; padding:40px 0 20px;}
.site_list .site_item {display:flex; position:relative; width:calc(25% - 15px); height:60px; line-height:60px; border-radius:10px; background-color:#f4f6f7;}
.site_list .site_show {display:block; position:relative; width:100%; color:#000; padding:0 20px; border-radius:0 0 10px 10px; font-size:1.6rem; text-align:left; font-family:'SCD'; font-weight: 400;}
.site_list .site_show:before {content:'';display:block;position:absolute; top:10px; right:10px; margin-top:auto; margin-bottom:auto; width:40px; height:40px; background: #fff url(../images/foot_arrowB.png) no-repeat 50% 50%;border-radius: 5px;transform:rotate(0deg);transition:transform 0.2s ease;}
.site_list .site_item.active .site_show:before {background:#fff url(../images/foot_arrowB.png) no-repeat 50% 50%; transform:rotate(180deg); transition:transform 0.2s ease;}

.site_list .site_panel {display:none; position:absolute; bottom:100%; left:0; width:100%; padding:1px; border-color:transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(135deg, #610862 0%, #ab22f5 100%); background-origin:border-box; background-clip:content-box,border-box; border-top-right-radius:20px; transition-property:background-image, color; transition-duration:250ms; transition-timing-function:ease-in-out;}
.site_list .site_ul {padding:14px 10px 10px 15px;}
.site_list .site_ul li {position:relative; padding-left:12px; line-height:32px;}
.site_list .site_ul li:before {content:''; display:block; position:absolute; top:15px; left:0; width:4px; height:4px; background-color:#8c8c8c; border-radius:50%;}
.site_list .site_ul li:hover:before {background-color:#000;}
.site_list .site_anchor {color:#444; font-size:1.5rem; font-family: 'SCD'; font-weight: 400;}
.site_list .site_ul li:hover .site_anchor {text-decoration:underline;text-underline-position:under;}

/* 바로가기 활성화 */
.site_list .site_item.active {border:none;}
.site_list .site_item.active .site_show {
    background:#1e000c; /* Old browsers */    
    background: linear-gradient(135deg, #610862 0%, #ab22f5 100%);
    color:#fff;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#203274', endColorstr='#33a7d9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.foot_logo {position:absolute; bottom:10px; right:0; font-size:0; line-height:0; display:block; width:180px; height:35px; background:url(../images/flogo.png) 0 0 no-repeat;}
.certmark {position:absolute; top:4px; right:30px;}

@media screen and (max-width:1500px) {	
	.foot_logo {right:24px;}
	.foot_infobox {padding:30px 0 50px;}
}	

@media screen and (max-width:1024px) {
	.site_list {gap:10px;}
	.site_list .site_item {width:calc(50% - 5px); height:54px; line-height:54px;}	
	.site_list .site_show:before {width:36px; height:36px;}
	
	.certmark {display: block; position: relative; top: 0; left: 50%; transform: translate(-50%, 0); right: auto; padding: 20px 0; text-align: center;}
}

@media screen and (max-width:540px) {
	.site_list .site_item {width:100%;}
	.site_list .site_show {font-size:1.5rem;}
	
	.foot_logo {position:relative; top:0; left:0; background-size:auto 30px;}
}

.foot_topbox .foot_infolink {border-bottom:1px solid #ddd;}
.foot_topbox .foot_infolink ul {display:flex; flex-wrap:wrap; margin:18px 0;}
.foot_topbox .foot_infolink li {position:relative;}
.foot_topbox .foot_infolink li + li:before {content:""; display:block; position:absolute; width:2px; height:.85em; top:50%; left:-1px; margin-top:-.325em; background:#b1b1b1;}
.foot_topbox .foot_infolink li a {position:relative; display:block; padding:0 20px; color:#333; font-size:1.6rem; font-family:'SCD'; font-weight:400;}
.foot_topbox .foot_infolink li a:hover, .foot_topbox .foot_infolink li a:focus {text-decoration:underline;text-underline-position:under;}
.foot_topbox .foot_infolink li:first-child a {padding-left:0; font-weight:500;}

.foot_infobox {position:relative; padding:30px 0 50px; color:#333; font-size:1.6rem;}
.foot_infobox .f_txtbox {font-family:'SCD'; font-weight:400;}
.foot_infobox .f_txtbox ul{display:flex; flex-wrap:wrap;}
.foot_infobox .f_txtbox ul li {position:relative; padding-right:60px;}
.foot_infobox .copyright {margin-top:5px;}

.foot_infobox .banner_list {display:flex; flex-wrap:wrap; margin-top:40px;}
.foot_infobox .banner_list > li {margin-right:30px;}

/*고대비*/
.gray #foot_layout {border-top: 2px solid #fff; background-color:#121212;}
.gray .foot_topbox .foot_infolink li a {color:#fff;}
.gray .foot_infobox .f_txtbox ul li {color:#fff;}

.gray .foot_infobox .copyright {color:#fff;}
.gray .foot_logo {background:url(../images/flogo_w.png) 0 0 no-repeat;}

@media screen and (max-width:540px) {
	.foot_infobox {position:relative; padding:30px 0 50px; color:#333; font-size:1.5rem;}
}


/* 상단이동 버튼 */
.move_top {position:fixed; right:20px; bottom:20px; width:55px; text-indent:-9999px; height:55px; overflow:hidden; background:#d93750 url(../images/icon_top.png) no-repeat center center; border-radius:50%;  z-index:69;}