@charset "UTF-8";
body {font-size:20px;}


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


/* media query */
@media screen and (max-width:1200px){
	
}
@media screen and (max-width:1024px){
	#top_layout .top_inner, #body_layout .body_inner, #foot_layout .foot_inner {width:100%;}
	#body_layout .body_inner {margin:0 auto 50px; padding:0 24px;}
}

/********************************
 메인페이지 - 헤더 설정
 *******************************/
#top_layout {z-index:2;}
.mainHead .logo a:before {background-image:url(../../images/web/main/main_logo.png);}
.mainHead .nav_pcbox {border-bottom:0;}
.mainHead .nav_pcbox nav .tm_depbg {top:159px;}
.mainHead .nav_pcbox nav .tm_dep01 > li > .tm_tit01 {color:#000;}

/*lnb영역*/
.lnb_inner {display:flex; justify-content:end; align-items:center;}
.lnb_box {background-color:#f4f4f4;}
.link_tm {display:flex; justify-content:flex-start;}
.link_tm li a {position:relative; display:block; padding:0 2em; font-size:1.7rem; line-height:60px;  font-family: 'Pretendard';  font-weight: 600; color:#151515;}

.link_tm li a:before{content:''; display:block; position:absolute;background-image:url('../../images/web/lnb_sprite.png'); background-repeat:no-repeat;}
.link_tm li a.sitemap:before{top:20px; left:8px; width:21px; height:24px; background-position:left top;}
.link_tm li a.language:before{top:17px; left:6px; width:21px; height:24px; background-position:left bottom;}

/*media query*/
@media screen and (max-width:1500px) {
	.lnb_inner {padding:0 20px;}
}

/*로고-pc*/
h1.logo {position:absolute; display:inline-block; top:calc(50% - 42px); font-size:0; line-height:1;}
h1.logo a {position:relative; display:inline-block; width:270px; height:50px; font-size:0;}
h1.logo a:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:270px; height:50px; background-size:100%;}


/* nav-pc */
.nav_pcbox {position:relative; border-bottom:1px solid #ddd;}
.nav_pcbox .nav_inner {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 auto; max-width:1500px; min-height:160px;}

.nav_pcbox nav {padding-left:30%; width:100%;}
.nav_pcbox nav:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav a.open_win span {display:block; padding-right:20px !important;}
.nav_pcbox nav a.open_win span:after {content:''; top:50%; margin-top:-8px; right:0; width:16px; height:16px; display:inline-block; position:absolute; background-image:url(../../images/web/top_ir.png); background-position:-93px -26px; background-repeat:no-repeat;}

.nav_pcbox nav .tm_dep01 {display:flex; flex-wrap:wrap; justify-content:flex-end;}
.nav_pcbox nav .tm_dep01 li {width:16.666%;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {position:relative; display:block; padding:13px 0;  font-family: 'Pretendard'; font-weight:500; font-size:2.2rem; color:#000; text-align:center;}
.nav_pcbox nav .tm_dep01 > li:first-child > .tm_tit01:before {display:none;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span {position:relative; display:block; line-height:44px;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span:before {content:'';position:absolute; top: 0px; left:50%; width: 0px; height: 0px; border-radius: 50%; background-color: #e0380f; transform:translateX(-50%); z-index:61;}
.nav_pcbox nav .tm_dep01 > li:hover > .tm_tit01,
.nav_pcbox nav .tm_dep01 > li:active > .tm_tit01,
.nav_pcbox nav .tm_dep01 > li:focus > .tm_tit01,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01.on {text-decoration:none; color:#e0380f; font-weight:600;}
.nav_pcbox nav .tm_dep01 > li:hover >.tm_tit01 span:before,
.nav_pcbox nav .tm_dep01 > li:active >.tm_tit01 span:before,
.nav_pcbox nav .tm_dep01 > li:focus >.tm_tit01 span:before,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01.on span:before {width:6px; height: 6px; top: -8px; transition: top 0.3s;}

.nav_pcbox nav .tm_dep01 > li:hover > .tm_tit01 span:after,
.nav_pcbox nav .tm_dep01 > li:active > .tm_tit01 span:after,
.nav_pcbox nav .tm_dep01 > li:focus > .tm_tit01 span:after,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01.on span:after {visibility:visible;}

.nav_pcbox nav .tm_depbg {display:none; overflow:hidden; position:absolute; left:0; top:160px; 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;}
.nav_pcbox nav .tm_depbg.open_pc {display:block;}
.nav_pcbox nav .tm_depbg .tm_depinner {position:relative; max-width:1500px; margin:0 auto; min-height:350px; transition-property:visibility, opacity, top;}

.tm_copybox {position:absolute; left:0; top:50px; width:220px;}
.tm_copybox .tm_copyinner {position:relative; display:block;}
.tm_copybox .tm_copyinner strong {font-size:2.8rem; color:#3793ee; font-family:'OneMobile';}

.nav_pcbox nav .tm_depbg .tm_depinner > div {height:400px; overflow-y:scroll; overflow-x:hidden;}
.nav_pcbox nav .tm_depbg .tm_depinner ul {position:relative; display:flex; flex-wrap:wrap; align-items:stretch; gap:0px; padding:40px; border-radius:0 0 0 80px; justify-content: space-evenly}
.nav_pcbox nav .tm_depbg .tm_depinner ul:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav .tm_depbg .tm_depinner ul.tm_dep02 {margin-bottom:40px;}
.nav_pcbox nav .tm_depbg .tm_depinner ul.tm_dep02:before {content:""; display:block; position:absolute; top:1px; left:0; bottom:0; background:#fff; width:3000px; border-radius:0 0 0 4em; z-index:-1;}

.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li {position:relative; width:calc(20% - 32px); margin-bottom:20px; font-size:17px;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 {position:relative; display:flex; align-items:center; justify-content:center; height:55px; line-height:1.0; text-align:center; border-radius:10px; border:1px solid #ddd; transition:all 0.2s linear; z-index:3;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 span {position:relative; display:block; padding:5px; line-height:1.2; color:#222; font-weight:500;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:hover .tm_tit02,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:active .tm_tit02,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:focus .tm_tit02 {border-color:#2851bb; border-radius:30px; background:#2851bb; text-decoration:none;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:hover .tm_tit02 span,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:active .tm_tit02 span,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:focus .tm_tit02 span {color:#fff;}

.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.open_win span {padding:5px 35px 5px 5px;}

.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 {flex-direction:column; gap:5px; margin-left:inherit; padding:10px 0;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li {position:relative; display:block; padding:0 8px; width:100%;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li:before,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li:after {display:none;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a {position:relative; display:inline-block; left:auto; top:auto; width:auto; height:auto; padding:0 5px 0 8px; font-size:1.5rem;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a:hover,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a:focus,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a:active {font-weight:500;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a span:before {content:''; position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#4c4c4c;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 li a.open_win span:after {content:''; display:inline-block; position:absolute; top:50%; margin-top:-8px; right:0; width:16px; height:16px; background:url(../../images/web/top_ir.png) -93px -26px no-repeat;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep04 {display:none;}
.nav_pcbox nav .tm_depbg:after, .nav_pcbox nav .tm_depbg .tm_depinner:after {content:''; display:block; visibility:hidden; clear:both;}

/*태블릿 이하 출력 : 메뉴*/
.view_m {display:none; position:absolute; right:24px; top: calc(50% - -14px);}
.view_m a
.view_m a.m_menubtn:before {background-position:-41px -71px;}

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

@media screen and (max-width:1400px) {
	.nav_pcbox .nav_inner {padding:0 20px;}
	.nav_pcbox nav {padding-left:20%;}
}

@media screen and (max-width:1280px) {	
	.nav_pcbox nav .tm_dep01 li {width: 15%;}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {font-size:2.0rem; etter-spacing: -1px;}
	
	.nav_pcbox nav .tm_depbg .tm_depinner ul {gap:20px;}
	.nav_pcbox nav a.open_win span:after {right:5px;}
	.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li {width:calc(25% - 15px);}
}

@media screen and (max-width:1100px) {
	.view_m {display:block; transition: all 0.2s ease;}
	
	/*nav-태블릿 전환*/
	.nav_pcbox .nav_inner {justify-content:space-between; padding:0 20px; min-height:110px;}
	.nav_pcbox nav {display:none;}
	.Mnav_bg {display:none; position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:20;}  /*Mnav 배경처리*/
	.nav_bg.open_m {display:block;}/*모바일-배경처리*/
	.logo {top: calc(50% - 26px); font-size:0;}
	
	.nav_mbox {display:none; overflow-y:auto; position:fixed; right:0; top:0; width:380px; height:100%; background-color:#006184; z-index:30;}
	.nav_mbox .nav_minner {padding-top:80px; max-width:800px; margin:0;}

	.nav_mbox nav .tmM_dep01 {display:block; width:auto;}
	.nav_mbox nav .tmM_dep01 li {display:block;}
	.nav_mbox nav .tmM_dep01 > li {display:block; text-align:left; float:inherit; width:100%;}
	.nav_mbox nav .tmM_dep01 > li > .tmM_tit01 {position:relative; display:block; padding:14px 30px 14px 20px; font-size:1.7rem; font-weight:400; color:#fff; text-align:left; border-bottom:1px solid #57a7c4;}
	.nav_mbox nav .tmM_dep01 > li:first-child >.tmM_tit01 {border-top: 1px solid #57a7c4;}
	.nav_mbox nav .tmM_dep01 > li > .tmM_tit01:after {content:''; position:absolute; left:inherit; top:16px; right:20px; width:14px; height:14px; background:url(../../images/web/main/main_ir.png) -90px -15px no-repeat;}
	.nav_mbox nav .tmM_dep01 > li > .tmM_tit01.on:after {background-position:-90px 0px;}
	.nav_mbox nav .tmM_dep01 > li > .tmM_tit01 span {position:relative; display:block; line-height:1.3;}
	.nav_mbox nav .tmM_dep01 > li > .tmM_tit01:hover,
	.nav_mbox nav .tmM_dep01 > li > .tmM_tit01:active,
	.nav_mbox nav .tmM_dep01 > li > .tmM_tit01:focus,
	.nav_mbox nav .tmM_dep01 > li > .tmM_tit01.on {font-weight:600;color: #fff;background-color: #1d907e;text-decoration:none;}
	.nav_mbox nav .tmM_dep01 > li > .tmM_tit01.on span {font-weight:600; color:#fff;}

	.nav_mbox nav .tmM_depinner {display:none; position:static; left:auto; top:auto; padding-top:0; padding-left:0; width:inherit; height:auto; background-color:#fff; border-bottom:none;}
	.nav_mbox nav .tmM_depinner ul {max-width:1240px; margin:0 auto; padding:15px 20px;}
	.nav_mbox nav .tmM_depinner .tmM_dep02 > li {display:block; float:none; padding:0; margin-bottom:5px; width:inherit; min-height:inherit; line-height:inherit;}
	.nav_mbox nav .tmM_depinner .tmM_dep02 > li .tmM_tit02 {position:relative; display:inline-block; padding:4px 0 4px 10px; color:#333; background-color:transparent;}
	.nav_mbox nav .tmM_depinner .tmM_dep02 > li > .tmM_tit02:before {content:''; position:absolute; top:22px; left:0; display:inline-block; width:5px; height:2px; background-color:#999;}
	.nav_mbox nav .tmM_depinner .tmM_dep02 > li .tmM_tit02.on:before{background-color:#222;}
	.nav_mbox nav .tmM_depinner .tmM_dep02 > li .tmM_tit02 span {font-size:1.5rem;}
	.nav_mbox nav .tmM_depinner .tmM_dep02 > li .tmM_tit02.on span {font-weight:500; color:#222;}
	.nav_mbox nav .tmM_depinner .tmM_dep02 > li .tmM_tit02.open_win:after {top:7px; right:0; background-position:-57px 1px;}
	
	.nav_mbox nav .tmM_depinner .tmM_dep03 {/*display:none;*/ margin:5px 0; padding:8px 0; border-color:#ddd; border-style:dashed; border-width:1px 0; background-color:#f6f9fc;}
	.nav_mbox nav .tmM_depinner .tmM_dep03 li {padding-left:10px;}
	.nav_mbox nav .tmM_depinner .tmM_dep03 > li > a {position:relative; font-size:1.4rem;}
	.nav_mbox nav .tmM_depinner .tmM_dep03 > li > a:hover,
	.nav_mbox nav .tmM_depinner .tmM_dep03 > li > a:active,
	.nav_mbox nav .tmM_depinner .tmM_dep03 > li > a:focus {font-weight:500;}
	.nav_mbox nav .tmM_depinner .tmM_dep03 > li > a span {position:relative; display:inline-block; padding-left:8px;}
	.nav_mbox nav .tmM_depinner .tmM_dep03 > li > a span:before {content:''; position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#a9b5c0;}
	.nav_mbox nav .tmM_depinner .tmM_dep03 > li > a.open_win span {position:relative; padding-right:25px !important;}
	
	

	/*로고,닫기버튼*/
	.nav_mtop {position:relative; display:block; z-index:30;}
	.nav_mtop:after {content:''; display:block; visibility:hidden; clear:both;}

	.nav_mtop .view_mclose {display:block; position:absolute; right:12px; top:20px;}
	.nav_mtop .view_mclose a {overflow:hidden; width:44px; height:44px; }
	.nav_mtop .view_mclose a:before {content:''; display:block; width:44px; height:44px; background:url(../../images/web/img_closeW.gif);}
}

@media screen and (max-width:480px) {
	.logo a {width:270px; height:50px;}
	.logo a:before {left: -24px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: scale(1.0); transform: scale(0.9);}
}

/********************************
 contents : sub
 *******************************/
/* 공통 */
#contents {position: relative; margin-bottom:50px; min-height:600px;}
.contents_inner {float:right; display:inline-block; width: calc(80% - 50px); min-height:400px; padding:47px 0 0;}

@media screen and (max-width:1024px) {
	.contents_inner {width:100%; padding:0; transition: width 0.1s linear;}	
}

/* sub_head */
.sub_visual{position:absolute; top:0; left:0; width:100%; height:200px; background:#ebf7ff url(../../images/web/layout/body_head_bg.png) no-repeat 50% 0;; border-radius: 0 0 150px 150px;}

.sub_head {position:relative; padding-bottom:120px;  padding-right:80px; text-align:center;}
.sub_head .sub_title h2 {font-size:36px; line-height:64px;letter-spacing:0;color:#111;  font-family: 'Pretendard'; font-weight:600;}
.sub_head:before {position:absolute; bottom:35px; right:0;  content:""; display:block; width:244px; height:114px; background:url(../../images/web/layout/layout_whale.png) no-repeat;}


/* 브래드크럼 */
.breadcrumbs{font-size:0; line-height:0; margin-bottom:8px;}
.breadcrumbs .breadcrumbs_item {display:inline-block; position:relative; margin-left:10px; padding-left:15px; font-size:16px; line-height:30px; letter-spacing:-0.025em; vertical-align: top;}
.breadcrumbs .breadcrumbs_item: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/web/layout/breadcrumbs_arrow.svg") no-repeat; background-size: contain; font-size:0; line-height:0;}
.breadcrumbs .breadcrumbs_item:first-child {top:6px; width:18px; height:18px; margin-left:0; padding-left:0; background: url("../../images/web/layout/breadcrumbs_home.svg") no-repeat; background-size: contain; font-size: 0; line-height: 0;}
.breadcrumbs .breadcrumbs_item:first-child:before {display:none;}
.breadcrumbs .breadcrumbs_item span {display:block; width:100%; height:100%; color:#575e6d; font-weight:500;}

@media all and (max-width: 1024px) {
	.sub_visual{display: none;}
	.sub_head {position:relative; padding:24px; text-align: left; margin-bottom:40px;}
	.sub_head:before {display: block;content: '';position:absolute; top:0; left:-36px; z-index: -1;width: calc(100% + 60px);height: 100%;background: #ebf7ff;}
    .breadcrumbs .breadcrumbs_item{margin-left:10px; padding-left:14px; font-size: 15px; line-height: 16px;}
    .breadcrumbs .breadcrumbs_item:first-child{top:0; width: 15px; height: 15px;}
    .breadcrumbs .breadcrumbs_item:before{top: 3px;}
}
@media all and (max-width: 640px) {
    .sub_head{padding: 16px 0 14px;}
    .sub_head .sub_title h2 {padding-bottom:0; font-size: 20px;}
	.breadcrumbs{display: none;}
}

/* 공유, 인쇄 */
.addons {position:absolute; right:0; top:48px; z-index:1; font-size:0; line-height:0}
.addons .addons_item{display:inline-block; margin-left:10px; vertical-align:top}
.addons .addons_button{position:relative; width:45px; height:45px; border-radius: 20px; box-shadow: 3px 4px 18px 2px rgba(204, 204, 204, 0.25);  background-color:#fff;  font-size:0; line-height:0;}
.addons .addons_button:before {display: block; content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 19px; height: 18px; margin: auto; background: url("../../images/web/layout/addons_share_open.svg") no-repeat; background-size: contain;}
.addons .addons_button.print_anchor:before{background: url("../../images/web/layout/addons_print.svg") no-repeat;}

.addons .share{position:relative}
.addons .share_item{display:block; position: relative; margin-bottom:5px}
.addons .share_panel{display:none; position:absolute; top:61px; left: 0; z-index: 31; white-space:nowrap}
.addons .share_list{display:inline-block; padding-top: 50px;}
.addons .share_anchor{display:block; position: relative; width:45px; height:45px; border-radius: 20px; 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: #3297e6;}
.addons .share_item.n4 .share_anchor{background-color: #f0ba01;}
.addons .share_anchor:before{display: block; position: absolute; content:''; 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:8px; height:15px; background-image: url("../../images/web/layout/addons_share_facebook.svg");}
.addons .share_item.n2 .share_anchor:before{width:12px; height:16px; background-image: url("../../images/web/layout/addons_share_blog.svg");}
.addons .share_item.n3 .share_anchor:before{width:12px; height:16px; background-image: url("../../images/web/layout/addons_share_twitter.svg");}
.addons .share_item.n4 .share_anchor:before{width:21px; height:19px; background-image: url("../../images/web/layout/addons_share_kakao.svg");}

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


@media all and (max-width: 1024px) {
    .addons{top:50px; right:0;}
    .addons .addons_item.print{display: none;}

    .addons .share_panel{top:0; z-index: 31;}
}
@media all and (max-width: 640px) {
    .addons{top: 30px;}
    .addons .addons_item{margin-left: 5px;}
    .addons .addons_button{width: 37px; height: 37px; border-radius: 16px;}
    .addons .addons_button:before{width: 15px; height: 16px;}
    .addons .addons_button.copy_anchor:before{width: 14px; height: 14px;}

    .addons .share_list{padding-top: 41px;}
    .addons .share_anchor,
    .addons .share_hide{width: 37px; height: 36px; border-radius: 16px;}

    .addons .share_hide:before{width: 9px; height: 9px;}
    .addons .share_item.n1 .share_anchor:before{width: 8px; height: 13px;}
    .addons .share_item.n2 .share_anchor:before{width: 10px; height: 13px;}
    .addons .share_item.n3 .share_anchor:before{width: 10px; height: 14px;}
    .addons .share_item.n4 .share_anchor:before{width: 18px; height: 17px;}
}

/* side_menu */
.side {position:relative; float:left; width:18.667%; margin-top:105px; z-index:1;}

.side .side_title {border-radius:20px 50px 20px 20px; background: linear-gradient(45deg, #18469e 0%, #0087ce 100%);}
.side .side_title .innerbox {display:table; width:100%; height:170px;}
.side .side_title .innerbox .title {display:table-cell; font-size:3.0rem; line-height:30px; font-family: 'Pretendard'; font-weight:600; color:#fff; text-align:center; vertical-align:middle;}

.side_menu {margin-top:15px;}
.side_menu .menu {}

/* media query */
@media screen and (max-width:1024px) {
	.side {display:none;}
}

/* 새창 */
.side_menu .depth_list .depth_item .depth_text[target="_blank"] span:after{display:none; position:absolute; top:calc(50% - 11px); right:0; width:22px; height:22px;background:url("../../images/web/layout/side_icon.png") no-repeat -22px 0;}
.side_menu .depth1_list .depth1_item .depth1_text[target="_blank"] span:after{display:block;}
.side_menu .depth_list .depth_item .depth_text[target="_blank"]:hover span:after{background-position-y:-22px;}
.side_menu .depth1_item.active .depth2_text[target="_blank"]:hover span:after{background-position:-44px 0;}
.side_menu .depth1_item.active .depth2_item.active .depth3_text[target="_blank"]:hover span:after{background-position:-66px 0;}

/* 2차 */
.side_menu .depth1_list .depth1_item {margin-top:10px;}
.side_menu .depth1_list .depth1_item:first-child {margin-top:0;}
.side_menu .depth1_list .depth1_item .depth1_text {display:table; position:relative; padding:0 40px 0 30px; width:100%; font-family: 'Pretendard'; font-size:1.8rem; line-height:22px; font-weight:500; color:#323746; letter-spacing:-0.05em; border:1px solid #cacbce; border-radius:10px; box-sizing:border-box; vertical-align:middle; z-index:1;}
.side_menu .depth1_list .depth1_item .depth1_text:hover {color:#fff; text-decoration:none; border-color:#007ab7; background-color:#007ab7;}

.side_menu .depth1_list .depth1_item .depth1_text span:after {display:block; content: ''; position:absolute; top:calc(50% - 11px); right:18px; width:22px; height:22px; background:url("../../images/web/layout/side_icon.png") no-repeat; transition:right 250ms ease-in-out; background-position-y:-64px;}
.side_menu .depth1_list .depth1_item .depth1_text:hover span:after{background-position-y:-104px;}
.side_menu .depth1_list .depth1_item.active .depth1_text span:after{background-position-y:-104px;}

/* 하위메뉴 갖고있는 2차 */
.side_menu .depth1_list .depth1_item .depth1_text:before {display:none; content: ''; position:absolute; bottom:0; left:-20px;width:calc(100% + 70px);height:calc(100% + 3px);border-radius:10px;background-color:#bd2148;box-shadow:4px 6px 15px 0 rgba(95, 109, 130, 0.35);z-index:-1;opacity:0;}
.side_menu .depth1_list .depth1_item.active .depth1_text {color:#fff; background-color:#007ab7; border-color:#007ab7; border-radius:10px;}
.side_menu .depth1_list .depth1_item .depth1_text span {display:table-cell; padding:25px 0; vertical-align:middle;}

.side_menu .depth1_list .depth1_item.has .depth1_text span:after{display:block;position:absolute;top:calc(50% - 11px);right:18px; width:22px; height:22px; background:url("../../images/web/layout/side_icon.png") no-repeat;transition:right 250ms ease-in-out;}
.side_menu .depth1_list .depth1_item.has .depth1_text:hover span:after {background-position-y:-44px; transform: rotate(180deg);}
.side_menu .depth1_list .depth1_item.has.active .depth1_text span:after{right:18px; background-position-y:-44px;}
.side_menu .depth1_list .depth1_item.has.active .depth1_text:hover span:after{right:18px; background-position-y:-44px; transform: rotate(0deg);}

.side_menu .depth1_item.active .depth2 {padding:13px 25px 12px; margin-top: 10px; border:1px solid #ccc; border-radius:10px; opacity:1; visibility:visible; transition:opacity 250ms ease-in-out, visibility 250ms ease-in-out;}
.side_menu .depth1_item .depth2_list .depth2_item .depth2_text{transition:line-height 250ms ease-in-out;}
.side_menu .depth1_item.active .depth2_list .depth2_item .depth2_text{position:relative;width:100%;padding:5px 22px 5px 10px;font-size:15px;line-height:20px;color:#323746;letter-spacing:-0.05em;font-weight:400;transition:line-height 250ms ease-in-out;text-decoration:none;}
.side_menu .depth1_item.active .depth2_list .depth2_item .depth2_text:hover, .side_menu .depth1_item.active .depth2_list .depth2_item.active .depth2_text {color:#9a54b9; font-weight:500;}
.side_menu .depth1_item.active .depth2_list .depth2_item .depth2_text:before{display:block; content: ''; position:absolute; top:14px; left:0; width:4px; height:4px; border-radius:50%;  background-color:#323746;}
.side_menu .depth1_item.active .depth2_list .depth2_item .depth2_text:hover:before, .side_menu .depth1_item.active .depth2_list .depth2_item.active .depth2_text:before{background-color:#9a54b9;}

/********************************
 footer : 메인
 *******************************/
/* 하단 바로가기  */
#footer {position: relative; display:inline-table; width:100%; background-color:#0d2433;}
.footer_inner {display: flex; justify-content: space-between; /* position:relative; */max-width:1500px; margin:40px auto 50px; color:#fff; line-height:25px;}

#footer .link {position:relative; font-size:0; line-height:0;}
#footer .link_list {padding-top:20px; padding-bottom:1px;}
#footer .link_item {display:inline-block; position:relative; padding:0 20px;}
#footer .link_item:first-child {padding-left: 0;}
#footer .link_anchor {color:#fff; font-size:16px; line-height:19px; letter-spacing:-0.035em; font-family: 'Score';  font-weight: 500;}
#footer .link_item:nth-child(1) .link_anchor {color: #fcf054;}

/* 하단 정보 */
#footer .footer_content {position:relative; margin-top:30px; font-size:16px; line-height:24px; color:#fff; letter-spacing: -0.035em;  font-family: 'Score'; font-weight: 400; }
#footer .footer_content span{margin-right:29px;}
#footer .info {display:inline-block; vertical-align:middle}
#footer .info br {display: none;}
#footer .info .info_copyright {letter-spacing:-0.01em;}

/*사이트링크*/
.site_linkbox {display: flex; justify-content: end;}
.site_linkbox:after {content:''; display:block; visibility:hidden; clear:both;}
.site_link {width:240px; margin-left:24px;}
.drop_box {position:relative; display:block; border:1px solid #3d505c; width:100%; text-align:left; border-radius:5px; z-index:10;}
.drop_box.active {border-radius:0 0 5px 5px; }
.drop_box button span {font-family: 'Score'; font-weight: 500; color:#ccc;}

.drop_box .site_show {display:block; position:relative; width:100%; padding: 13px 50px 13px 15px; color:#666; border-radius:0 0 5px 5px; font-size: 1.5rem; text-align:left;}
.drop_box .site_show:after {content:""; display:block; position:absolute; top:0; bottom:0; width:1px; background:#3d505c; right:2.94117647em;}
.drop_box .site_show:before {content:''; display:block; position:absolute; top:0; right:18px; bottom:0; margin-top:auto; margin-bottom:auto; width:14px; height:9px; background: url(../../images/web/foot_arrow.png) no-repeat;  transform:rotate(0deg); transition:transform 0.2s ease;}
.drop_box.active .site_show:before {background:url(../../images/web/foot_arrow.png) 0 0 no-repeat; transform:rotate(180deg); transition:transform 0.2s ease;}

.drop_box .site_panel {display:none; position:absolute; bottom:100%; left:0; width:100%; padding:1px; border-color:transparent; background:#fff; border:1px solid #ddd; border-top-right-radius:20px; transition-property:background-image, color; transition-duration:250ms; transition-timing-function:ease-in-out;}
.drop_box .site_ul {padding:14px 10px 10px 15px;}
.drop_box .site_ul li {position:relative; padding-left:12px;}
.drop_box .site_ul li:before {content:''; display:block; position:absolute; top:15px; left:0; width:6px; height:1px; background-color:#8c8c8c;}
.drop_box .site_ul li:hover:before {background-color:#000;}
.drop_box .site_ul li a {color:#666; line-height:26px; letter-spacing:-0.025em; font-size:1.4rem;}
.drop_box .site_ul li a:hover {color:#000;}

/* media query */
@media all and (max-width:1500px) {
	.footer_inner {padding:0 24px;}
}

@media all and (max-width:1366px) {
	.foot_infobox {margin-bottom:20px;}
	.footer_inner {flex-direction: column; }
	.site_linkbox {justify-content: flex-start; margin-left:-24px; z-index:1;}
	.site_link {width: 50%;}
}

@media screen and (max-width:1200px) {
	.foot_box .sitelink {position:absolute; right:20px;}
}

@media screen and (max-width:1024px) {
	#foot_layout .foot_inner {}
	.foot_box {padding:20px 125px 40px 20px; font-size:1.4rem;}
	.foot_box .foot_qr {right:20px; top:20px;}
}

@media all and (max-width: 1000px) {
    #footer .link_list{padding-top: 21px;}
    #footer .link_item{padding: 10px 40px 0 0;}
    #footer .info br{display: block;}
    #footer .footer_content{margin-top: 25px;}        
}

@media screen and (max-width:900px) {
	.site_link {position:static; width:100%; padding:20px 0; text-align:center;}
}

@media all and (max-width: 640px) {
    #footer{padding-bottom: 30px;}
	.footer_inner {margin:20px auto;}
    #footer .link_anchor{font-size:15px;}

    #footer .link_list{padding-top:13px;}
    #footer .link_item{padding:6px 29px 0 0;}
    
    #footer .footer_content{margin-top:10px;}
    #footer .footer_content span{margin-right:27px; font-size: 15px; letter-spacing: -0.035em;}
    #footer .footer_content span.info_address{display: block;}    
    #footer .info .info_copyright {font-size: 15px;}
}