@charset "utf-8";
@import url(./modal.css);
@import url(./../../common/css/swiper.css);
@import url(./mypage.css);
/**************************************************
	Common Style
**************************************************/

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

/* Responsive */
#wrap,#m_menu {font-size:20px;}
@media all and (max-width:1200px)	{ #wrap,#m_menu {font-size:19px;} }
@media all and (max-width:1024px)	{ #wrap,#m_menu {font-size:18px;} }
@media all and (max-width:780px)	{ #wrap,#m_menu {font-size:17px;} }
@media all and (max-width:640px)	{ #wrap,#m_menu {font-size:16px;} }
@media all and (max-width:480px)	{ #wrap,#m_menu {font-size:15px;} }
@media all and (max-width:380px)	{ #wrap,#m_menu {font-size:14px;} }

button {font-size:1em; appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}

.section {display:block; position:relative; padding-left:4em; padding-right:4em; overflow:hidden;}
.inner {display:block; position:relative; max-width:1600px; margin:0 auto;}
.inner.wide {max-width:1760px;}

@media all and (max-width:1760px) {
	.section {display:block; position:relative; padding-left:2em; padding-right:2em; overflow:hidden;}
}
@media all and (max-width:1024px) {
	.section {padding-left:1em; padding-right:1em; padding-bottom:4em !important;}
	#footerarea {padding-bottom:0 !important;}
}

#container:after {content:""; display:block; clear:both;}

#m_conts,
#container {position:relative; min-height:400px;}

/* #lnb_08 {display:none !important;} */
/* #lnb_09 {display:none !important;} */

/****************************************************************
	Slider Common Style
****************************************************************/

.slider .swiper-slide {width:100%;}
.slider .swiper-slide > a {display:block;}
.slider .swiper-slide img {display:block; max-width:100%;}

.fix-scroll .swiper-container {display:block; position:relative;}
.fix-scroll .swiper-wrapper {display:block !important; transform:none !important; -webkit-transform:none !important; height:100% !important; overflow:auto; white-space:nowrap;}
.fix-scroll .swiper-wrapper li {display:inline-block !important; vertical-align:top; transform:none !important; -webkit-transform:none !important; opacity:1 !important;}
.fix-scroll .swiper-wrapper li a {display:block; position:relative;}
.fix-scroll .swiper-wrapper li a:focus:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:5px solid rgba(0,0,0,.5); z-index:2;}

.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}


.scale-in-top{-webkit-animation:scale-in-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-top .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes scale-in-top{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 0;transform-origin:50% 0;opacity:1}}@keyframes scale-in-top{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 0;transform-origin:50% 0;opacity:1}}
.flip-in-ver-right {-webkit-animation:flip-in-ver-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:flip-in-ver-right .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes flip-in-ver-right {0%{-webkit-transform:rotateY(-80deg);transform:rotateY(-80deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}@keyframes flip-in-ver-right{0%{-webkit-transform:rotateY(-80deg);transform:rotateY(-80deg);opacity:0}100%{-webkit-transform:rotateY(0);transform:rotateY(0);opacity:1}}
.bg-pan-left { -webkit-animation: bg-pan-left 8s both infinite; animation: bg-pan-left 8s both infinite;}
@-webkit-keyframes bg-pan-left{0%{background-position:100% 50%} 50%{background-position:0 50%} 100%{background-position:100% 50%}}@keyframes bg-pan-left{0%{background-position:100% 50%} 50%{background-position:0 50%} 100%{background-position:100% 50%}}
.bounce {-webkit-animation:bounce 1s cubic-bezier(.25,.46,.45,.94) infinite alternate; animation:bounce 1s cubic-bezier(.25,.46,.45,.94) infinite alternate;}
@-webkit-keyframes bounce {0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}}@keyframes bounce {0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}}




/**************************************************
	Header
**************************************************/


#headerWrap {position:fixed; top:0; left:0; right:0; height:4em; z-index:9999; border-bottom:1px solid rgba(255, 255, 255, .2);}
#headerWrap #logo {display:block; position:absolute; top:50%; left:4em; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:9;}
#headerWrap #logo a {display:block; position:relative; width:12em; height:1.5em; background:url(../img/common/logo.svg) no-repeat 0 50%; background-size:contain; text-indent:-999px; overflow:hidden;}

#headerWrap .sideMenu {display:block; position:absolute; top:50%; right:11em; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:.3em 1em; background:rgba(255,255,255,0.2); border-radius:50px;}
#headerWrap .sideMenu li {display:inline-block; position:relative; vertical-align:middle;}
#headerWrap .sideMenu li + li {margin-left:.3em; padding-left:.6em;}
#headerWrap .sideMenu li + li:before {content:""; display:block; position:absolute; top:40%; bottom:0; width:.2em; height:.2em; border-radius:50%; left:-.1em; background:#ddd;}
#headerWrap .sideMenu a {display:block; font-size:.8em; color:#fff;}

#headerWrap .sitemap {display:block; position:absolute; top:0; right:4em; bottom:0; width:2.6em; z-index:1;}
#headerWrap .sitemap > * {display:block; position:relative; width:100%; height:100%; background:url(../img/common/ico_sitemap.svg) no-repeat center; background-size:2.6em auto; overflow:hidden; text-indent:-999px;}

#headerWrap.scroll,
#headerWrap.gnb-pc-open {background:#fff; border-bottom:1px solid #ddd;}
#headerWrap.scroll *,
#headerWrap.gnb-pc-open * {color:#333!important;}
#headerWrap.scroll #logo a,
#headerWrap.gnb-pc-open #logo a{background:url(../img/common/logo_b.svg) no-repeat 0 50% / contain;}
#headerWrap.scroll .sitemap > * ,
#headerWrap.gnb-pc-open .sitemap > * {background-image:url(../img/common/ico_sitemap_b.svg);}
#headerWrap.scroll #openSearch ,
#headerWrap.gnb-pc-open #openSearch {background-image:url(../img/common/ico_search_b.svg);}

@media all and (max-width:1760px) {
	#headerWrap #logo {left:2em;}
}
@media all and (max-width:1024px) {
	#headerWrap {padding:0 5em;}
	#headerWrap #logo {left:1em;}
	#headerWrap .sideMenu {display:none;}
	#headerWrap .sitemap {right:1em;}
}


/******************************************
	Search
******************************************/
#searchWrap {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:9999;}
#searchWrap .in {display:block; position:absolute; top:4em; left:0; right:0; background: #2949A9;padding:5em 1em 5em; z-index:1;}
#searchWrap .in-search {position:relative; max-width:37.65em; margin:0 auto; border-bottom:3px solid #fff; padding-right:3em;}
#searchWrap .in-search input[type="submit"] {display:block; position:absolute; width:3em; height:3em; text-indent:-999px; right:0; top:0; overflow:hidden; background:url(../img/common/ico_search_w.svg) no-repeat top .5em right .5em; background-size:1.7em auto;}
#searchWrap .in-search input[type="text"],
#searchWrap .in-search input[type="search"] {display:block; position:relative; width:100%; background:transparent; border:none; padding:0; color:#fff; font-size:1.2em; height:2.5em; outline:0;}
#searchWrap .in-search input[type="text"]::placeholder,
#searchWrap .in-search input[type="search"]::placeholder {color:#fff;}
#searchWrap .dim-close {display:block; position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-999px; overflow:hidden; z-index:0;}

#openSearch {position:absolute; top:0; right:7em; width:3em; height:4em; text-indent:-999px; overflow:hidden; background:url(../img/common/ico_search_w.svg) no-repeat 50% 50%; background-size:1.5em auto;}
#closeSearch {position:absolute; top:.65em; right:.95em; width:3.5em; height:3.5em; text-indent:-999px; overflow:hidden; background:url(../img/common/ico_search_close.svg) no-repeat 50% 50%; background-size:1.4em auto;}

@media all and (max-width:1024px) {
	#openSearch {right:4em;}
}


/******************************************
	LNB
******************************************/
#headerWrap:not(.gnb-pc-open) .lnb_sub {display:none;}
#headerWrap.gnb-pc-open:before {content:""; width:100%; height:1px; background:#ddd; position:absolute; top:4em; left:0; z-index:1; right:0;}

#lnbWrap {display:block; position:relative; margin:0; text-align:center; height:4em; color:#333; z-index:0;}
#openMymenu ~ #lnbWrap {margin-right:12.75em;}

#lnbWrap #lnb_07,
#m_menu [data-mid="1100000000"] {display:none !important;}


#lnbWrap .li_depth01 {position:relative; display:inline-block; width:calc(100% / 5); vertical-align:top;}
#lnbWrap .li_depth01:before {content:""; position:absolute; top:4em; left:0;width:1px; height:calc(100% - 4em); background:#ddd;}
#lnbWrap #lnb_06:after {content:""; position:absolute; top:4em; right:0; width:1px; height:calc(100% - 4em); background:#ddd;}
#lnbWrap .li_depth01.over:before {display:none;}
#lnbWrap .li_depth01 > a {display:block; position:relative; padding:1.3em 0; color:#fff; font-weight:500;}
#lnbWrap .li_depth01 > a:after {content:""; display:block; position:absolute; width:4px; height:0; top:100%; left:50%; margin-top:0; margin-left:-2px; background:#005CB9; transition:.3s all; -webkit-transition:.3s all; z-index:10;}
#lnbWrap .li_depth01 > a > span {font-size:1em; color:#fff; font-weight:600;}
#lnbWrap .li_depth01.over > a > span {color:#fff!important;}
#lnb_010 {display:none !important;}

@media all and (min-width:1025px) {
	#lnbWrap .layer {padding:0 26em 0 26em; position:relative;}
	#lnbWrap .layer:before {content:"";  display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../img/main/header_depth02_bak.png) no-repeat left 0 top 100%; background-size:26em; z-index:-1;}
	#lnbWrap .lnb_sub:before {content:""; display:block; position:absolute; top:4em; left:-5000px; right:-5000px; bottom:0; background:#F6F8FA; z-index:-99;}
	#lnbWrap .lnb_sub:after {content:""; display:block; clear:both;}
	#lnbWrap .lnb_nav {display:flex; white-space:nowrap;}
	#lnbWrap .lnb_nav .lnb_sub {white-space:normal;}
	#lnbWrap .layer.on:before {display:block;}

	#lnbWrap .lnb_sub.on {transform:translateY(0); -webkit-transform:translateY(0); opacity:1; visibility:visible; transition:.3s all; -webkit-transition:.3s all;}

	#lnbWrap .lnb_sub > .tit {display:none; position:absolute; top:2em; left:50%; margin-left:-860px;}
	#lnbWrap .lnb_sub > .tit span {display:block; font-size:1.5em; font-weight:700; color:#222;}
	
	#lnbWrap .li_depth01 > a:before {content:""; display:block; position:absolute; top:0; left:0; right:0; height:100%; bottom:0; z-index:-1;}
	#lnbWrap .li_depth01.over {background:#094977;}
	#lnbWrap .li_depth01.over > a > span,
	#lnbWrap .li_depth01.over .li_depth02 > a {color:#fff;}
	#headerWrap:not(.gnb-pc-open) #lnbWrap .li_depth01.over {background:none;}
	
	/* Depth 02 */
	#lnbWrap  .depth02 {display:block; position:relative; max-width:1720px; margin:0 auto; padding:1em 0;}
	#lnbWrap  .depth02:after {content:""; display:block; clear:both;}
	#lnbWrap  .li_depth02 {display:block; position:relative; width:100%; box-sizing:border-box;}
	#lnbWrap  .li_depth02 > a {display:block; position:relative; padding:0 1em; line-height:2.5em; height:2.5em; text-align:left; z-index:0; overflow:hidden;}
	#lnbWrap  .li_depth02 > a:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1;}
	#lnbWrap  .li_depth02 > a span {display:block; position:relative; text-align:center; font-size:.9em; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	/* #lnbWrap  .li_depth02 > a span:after {content:"+"; display:block; position:absolute; font-size:1.33em; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-weight:700; color:#222; font-family:'Play', sans-serif;}*/
	
	#lnbWrap  .li_depth02 > a.active span {color:#353535;}
	#lnbWrap  .li_depth01.over .li_depth02 > a span {color:#fff!important;}
	
	#lnbWrap  .li_depth02:hover > a span,
	#lnbWrap  .li_depth02 > a:hover span,
	#lnbWrap  .li_depth02 > a:focus span {color:#FFF; font-weight:600;}

	#lnbWrap  .li_depth02:hover > a,
	#lnbWrap  .li_depth02 > a.active,
	#lnbWrap  .li_depth02 > a:hover,
	#lnbWrap  .li_depth02 > a:focus {text-decoration:underline;}

	#lnbWrap  .li_depth02:hover > a >span:after,
	#lnbWrap  .li_depth02 > a.active >span:after,
	#lnbWrap  .li_depth02 > a:hover >span:after,
	#lnbWrap  .li_depth02 > a:focus >span:after {color:#fff;}

	/* Depth 03 */
	/*#lnbWrap  .depth03 {display:none !important;}*/
	#lnbWrap  .depth03 li > a > span {display:block; padding:0.2em 0; color:#454545; font-size:0.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	#lnbWrap .li_depth01.over .depth03 li > a > span {color:rgba(255,255,255,0.6)!important;}
	#lnbWrap  .depth03 li:hover > a > span,
	#lnbWrap  .depth03 li > a > span.active,
	#lnbWrap  .depth03 li > a > span:hover,
	#lnbWrap  .depth03 li > a > span:focus {text-decoration:underline;}
	
}
@media all and (max-width:1920px) and (min-width:1025px) {
	#lnbWrap .lnb_sub > .tit {left:5em; margin-left:0;}
}
@media all and (max-width:1760px) and (min-width:1025px) {
	#lnbWrap .lnb_sub > .tit {left:2em;}
	#lnbWrap .layer {padding:0 23em 0 17em;}
	#lnbWrap .layer:before {background-size:17.8em auto;}
	#lnbWrap .layer:before {font-size:0.9em;}
	#lnbWrap .li_depth01 > a > span {font-size:0.9em;}
	#lnbWrap .li_depth02 > a span {font-size:0.8em;}
	#lnbWrap  .depth03 li > a > span {font-size:0.7em;}
}
@media all and (max-width:1680px) and (min-width:1025px) {
	#lnbWrap  .li_depth01 {padding:0 .3em;}
}
@media all and (max-width:1440px) {
	#lnbWrap {display:none !important;}
}
@media all and (max-width:1024px) {
	#lnbWrap {display:none;}
}


/*********************************************
	Mobile Menu & PC Site Map
*********************************************/

#m_menu {display:none; position:fixed; top:0; right:0; width:100%; height:100%; text-align:left; z-index:9999; background:rgba(0,0,0,.5);}
.open-mo-lnb #m_menu {display:block;}

#m_menu > div {position:absolute; top:0px; right:-420px; max-width:100%; width:420px; height:100%; overflow:hidden; background:#eaeaea; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; z-index:0;}
#m_menu > div:after {content:""; display:block; position:absolute; top:0; bottom:0; right:0; width:58%; background:#fff; z-index:-1;}

.open-mo-lnb-active #m_menu > div {right:0;}

#m_menu .side_menu {display:block; position:relative; height:100%;}
#m_menu .side_menu .top {position:relative;background: #2949A9;padding-right:5em;padding-left:2em;}
#m_menu .side_menu .btn_menu_close {position:absolute; top:0; right:1em; width:4em;height:4em; font-size:1em; color:transparent; text-indent:-999px; overflow:hidden; background:url(../img/common/ico_sitemap.svg) no-repeat 50% 50%; background-size:2.6em auto;}
#m_menu .side_menu .btn_menu_close span {display:none;}
#m_menu .side_menu .snb_logo {display:block; position:relative; width:15.2em; height:4em; max-width:100%; background:url(../img/common/f_logo.png) no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden;}
#m_menu .side_menu .sideMenu {margin-left:-2em; margin-right:-5em; border-top:1px solid rgba(255,255,255,.1);}
#m_menu .side_menu .sideMenu ul {display:table; width:100%; table-layout:fixed; height:2.4em;}
#m_menu .side_menu .sideMenu ul > li {display:table-cell; vertical-align:middle;}
#m_menu .side_menu .sideMenu ul > li + li {border-left:1px solid rgba(255,255,255,.1);}
#m_menu .side_menu .sideMenu a {display:block; position:relativec; text-align:center; color:#fff;}
#m_menu .side_menu .sideMenu a span {font-size:.9em;}
#m_menu .mnulist {display:block; position:absolute; top:7em; left:0; right:0; bottom:0; overflow:hidden; z-index:0;}
#m_menu .mnulist .depth1 {font-size:.9em; padding:1em 0;}
#m_menu .mnulist .depth1 > li {display:block;}
#m_menu .mnulist .depth1 > li:after {content:""; display:block; clear:both;}
#m_menu .mnulist .depth1 > li > .mnu-tit {display:block; position:relative; width:42%; border-bottom:1px solid #ddd;}
#m_menu .mnulist .depth1 > li > .mnu-tit .open-submenu {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; overflow:hidden; text-indent:-999px;}
#m_menu .mnulist .depth1 > li > .mnu-tit a {display:block; position:relative; padding:15px; padding-left:18px; color:#333; z-index:1; line-height:1.3em; z-index:0;}
#m_menu .mnulist .depth1 > li > .mnu-tit a:before {content:""; display:block; position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; background:linear-gradient(90deg,rgba(74, 163, 63, 1) 0%, rgba(0, 167, 213, 1) 48%, rgba(26, 110, 189, 1) 98%); z-index:-1; transition:.3s all; -webkit-transition:.3s all;}
#m_menu .mnulist .depth1 > li.active > .mnu-tit a {color:#fff;}
#m_menu .mnulist .depth1 > li.active > .mnu-tit a:before {right:-20px; opacity:1;}
#m_menu .mnulist .depth1 > li.active .depth2 {display:block;}

#m_menu .mnulist .depth2Wrap {display:none; position:absolute; top:0; right:0; bottom:0; width:58%; overflow:auto; padding:15px 30px 15px 35px;}
#m_menu .mnulist li.active .depth2Wrap {display:block;}
#m_menu .mnulist .depth2 > li {display:block; position:relative; border-bottom:1px solid #d7d9e7;}
#m_menu .mnulist .depth2 > li a {display:block; position:Relative; padding:13px 0; color:#525360; line-height:1.3em; word-break:keep-all;}
#m_menu .mnulist .depth2 > li a:hover,
#m_menu .mnulist .depth2 > li.active a:hover {font-weight:800;}
#m_menu .mnulist .depth2 .open-submenu {display:none;}

#m_menu .mnulist .depth3 > li a {font-size:0.9em; color:#888; padding:3px 0 3px 10px !important;}

@media all and (min-width:1025px) {
	#m_menu .open-submenu {display:none !important;}
	#m_menu > div {width:auto; left:0;}
	#m_menu > div:after {width:84%;}
	#m_menu .mnulist {overflow:auto;}
	#m_menu .mnulist .depth1 > li > .mnu-tit {width:16%; float:left; border:none;}
	#m_menu .mnulist .depth1 > li > .mnu-tit a {color:#fff;}
	#m_menu .mnulist .depth1 > li > .mnu-tit a:before {right:-20px; opacity:1;}
	#m_menu .mnulist .depth2Wrap {display:block !important; position:relative; width:84%; float:right; padding-top:0; margin-top:5px;}
	#m_menu .mnulist .depth2 {border-bottom:1px dashed #d7d9e7; padding-bottom:15px; overflow:hidden;}
	#m_menu .mnulist .depth2 > li {width:25%; float:left; border:none;}
	#m_menu .mnulist .depth2 > li:before {content:''; width:3px; height:3px; background:#b7bac9; border-radius:50%; position:absolute; top:19px; left:0;}
	#m_menu .mnulist .depth2 > li a {padding:10px 0 10px 10px;}
}




/*********************************************
	Footer
*********************************************/

#footer {position:relative; padding:3.2em 5em; height:17em; box-sizing:border-box; background:#303539;}
#footer .inner {padding:0 !important;}
#footer .f-menu {display:block; position:absolute; top:0; right:2em; width:14.75em;}
#footer .f-menu li + li {margin-top:.75em;}
#footer .f-menu a {display:block; position:relative; border:1px solid rgba(255,255,255,.2); padding:.85em 1.35em; transition:.3s all; -webkit-transition:.3s all;}
#footer .f-menu a span {display:block; position:relative; text-align:right; font-size:.9em; color:rgba(255,255,255,.6); font-weight:100; transition:.3s all; -webkit-transition:.3s all;}
#footer .f-menu a .icon {display:block; position:absolute; width:1.2em; height:1.2em; background:url(../img/common/ico_footer_list.png) no-repeat 50% 50%; background-size:contain; top:50%; left:1.1em; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#footer .f-menu a .icon.ty2 {background-image:url(../img/common/ico_footer_copy.png);}
#footer .f-menu a .icon.ty3 {background-image:url(../img/common/ico_footer_email.png);}
#footer .f-menu a:hover {border-color:#fff;}
#footer .f-menu a:hover span {color:#fff;}

#footer .f-logo {display:block; position:relative; width:15.2em; height:1.5em; margin-bottom:3em; background:url(../img/common/f_logo.png) no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden;}
#footer .info {margin-right:16em;}
#footer .info li {display:table; position:relative; width:100%; margin-bottom:.9em;}
#footer .info li > * {display:table-cell; vertical-align:middle; color:#fff; font-weight:100;}
#footer .info li strong {width:3.75em; opacity:.6; font-weight:500;}
#footer .copyright {font-size:.9em; color:#fff; opacity:.6; font-family:'Play', sans-serif; }
#footer a.top {position:absolute; right:0; top:0; bottom:0; width:4em; height:100%; background:url(../img/common/btn_top.png) no-repeat 50% 50% #1E1F20; text-indent:-999px; overflow:hidden;}

@media all and (max-width:1760px) {
	#footer {padding-left:2em;}
}
@media all and (max-width:1024px) {
	#footer {padding-left:1em; padding-right:5em; padding-top:1em; padding-bottom:5em; height:auto;}

	#footer .f-menu {position:relative; width:auto; margin:-.25em; right:auto;}
	#footer .f-menu li {padding:.25em; width:33.33%; float:left; box-sizing:border-box;}
	#footer .f-menu li + li {margin:0;}
	#footer .f-menu:after {content:""; display:block; clear:both;}
	#footer .f-menu a {padding:.5em 1em;}

	#footer .f-logo {margin-bottom:1.5em; margin-top:2em;}
	#footer .info {margin-right:0;}
	#footer .info li {margin-bottom:.4em;}

	#footer .copyright {margin-top:2em;}

	#footer .f-logo,
	#footer .info {font-size:.95em;}
}
@media all and (max-width:570px) {
	#footer .f-menu li {width:auto; float:none;}
}



/***********************************
	Sub Layout : Spot Style
***********************************/

#content {padding:0 5em;}
#content > .content-inner {padding:0 2em 5em;}

@media all and (max-width:1024px) {#content {padding:0;} #content > .content-inner {padding:0 1em 2em;}}

#titWrap {position:relative; border:none; border:none; padding:0; margin:0; z-index:5;}
#titWrap .visual {display:block; position:relative; max-width:1920px; margin:0 auto 3em; padding-top:3em; z-index:1;}
#titWrap .visual:before {content:""; display:block; position:absolute; top:0; left:-7em; right:-7em; bottom:0; z-index:-1; background:url(../img/visual/bak_08.png) no-repeat 50% 0 #222; background-size:cover;}
*[data-mid^="04"] #titWrap .visual:before {background-image:url(../img/visual/bak_01.png);}
*[data-mid^="05"] #titWrap .visual:before {background-image:url(../img/visual/bak_02.png);}
*[data-mid^="06"] #titWrap .visual:before {background-image:url(../img/visual/bak_03.png);}
*[data-mid^="07"] #titWrap .visual:before {background-image:url(../img/visual/bak_04.png);}
*[data-mid^="08"] #titWrap .visual:before {background-image:url(../img/visual/bak_05.png);}
*[data-mid^="09"] #titWrap .visual:before {background-image:url(../img/visual/bak_06.png);}
*[data-mid^="10"] #titWrap .visual:before {background-image:url(../img/visual/bak_07.png);}

#titWrap .visual h2 {display:table; height:10em; table-layout:fixed; width:100%;}
#titWrap .visual h2 > * {display:table-cell; vertical-align:middle; /* padding-top:.7em; */ text-align:center; color:#fff; font-size:2em; font-weight:700;}
/* #titWrap .visual .inner {margin:0 -2em;} */

#titWrap h3 {display:block; position:relative; max-width:1400px; padding-top:1em; margin:0 auto 2.5em; z-index:0;}
#titWrap h3:before {content:""; display:block; position:absolute; top:0; width:1.5em; height:.1em; background:#024B7E;}
#titWrap h3 > * {font-size:1.8em; color:#000; font-weight:400;}

@media all and (max-width:1024px) {
	#titWrap .visual {margin-bottom:2em;}
	#titWrap .visual:before {left:-1em; right:-1em;}
	#titWrap .visual .inner {margin:0 -1em;}
	#titWrap h3 {margin:0 auto 2.5em;}
}
@media all and (max-width:640px) {
	#titWrap .visual {margin-bottom:2em;}
	#titWrap h3 {text-align:center;}
	#titWrap h3:before {left:50%; margin-left:-.75em;}
}


#spotWrap {position:relative; max-width:1400px; margin:0 auto; z-index:1; background:#fff; border-bottom:1px solid #E5E5E5;}
#spotWrap .spot_list a.home {display:block; position:relative; font-size:1em; border-radius:0; width:4em; height:4em; text-indent:-999px; background:url(../img/common/ico_home.svg) no-repeat 50% 50%; background-size:1.5em auto; overflow:hidden;}
#spotWrap .spot_list {position:relative; padding-left:4em; min-height:4em;}
#spotWrap .spot_list > li {position:relative; width:15em; height:4em; float:left; border:0px solid #e5e5e5; border-right-width:1px; max-width:50%;}
#spotWrap.spot-grid-4 .spot_list > li {max-width:33.33%;}
#spotWrap .spot_list > li:first-child {position:absolute; top:0; left:0; width:auto;}
#spotWrap .spot_list > li > * {font-size:1em;}
#spotWrap .spot_list .flipSpotMenu {display:block; position:absolute; top:0; left:-1px; right:-1px; border:1px solid #e5e5e5; border-top-width:0; background:#fff; overflow:hidden; transition:.3s all; -webkit-transition:.3s all;}
#spotWrap .spot_list .flipSpotMenu .control {display:table; width:100%; padding:0 2em 0 1.5em; height:4em; table-layout:fixed; box-sizing:border-box; background:url(../img/common/ico_dropdown.svg) no-repeat top 50% right 1.5em; background-size:0.6em auto;}
#spotWrap .spot_list .flipSpotMenu .control span {display:table-cell; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; font-weight:500; vertical-align:middle;}
#spotWrap .spot_list .flipSpotMenu .control.close {position:absolute; top:0; left:0; right:0; z-index:3; opacity:0;}
#spotWrap .spot_list .flipSpotMenu .control.close:before {background-image:url(../img/common/ico_spot_arrow_on.svg);}
#spotWrap .spot_list .flipSpotMenu .control.close em {position:absolute; top:0; left:0; z-index:-999px; overflow:hidden; opacity:0;}
#spotWrap .spot_list .flipSpotMenu .control.close span {color:#888888; font-weight:400;}
#spotWrap .spot_list .flipSpotMenu.open .control span {font-weight:600; color:#000;}
#spotWrap .spot_list .flipSpotMenu .flipContent {display:block; position:relative; z-index:2; box-sizing:border-box;}
#spotWrap .spot_list .flipSpotMenu .flipContent li {border-top:1px solid #e5e5e5;}
#spotWrap .spot_list .flipSpotMenu .flipContent a {display:table; width:100%; table-layout:fixed; height:3.5em;}
#spotWrap .spot_list .flipSpotMenu .flipContent a strong {display:table-cell; vertical-align:middle; color:#555; font-size:.9em; padding:0 1.5em;}
#spotWrap .spot_list .flipSpotMenu .flipContent a.on,
#spotWrap .spot_list .flipSpotMenu .flipContent a:hover,
#spotWrap .spot_list .flipSpotMenu .flipContent a:focus {border-left:4px solid #024B7E;}
#spotWrap .spot_list .flipSpotMenu .flipContent a.on span,
#spotWrap .spot_list .flipSpotMenu .flipContent a:hover span,
#spotWrap .spot_list .flipSpotMenu .flipContent a:focus span {color:#024B7E; font-weight:800;}
#spotWrap .spot_list .flipSpotMenu:not(.open) .flipContent,
#spotWrap .spot_list .flipSpotMenu:not(.open) .close {display:none;}

@media all and (max-width:1024px) {
	#spotWrap .spot_list {padding-left:3em; min-height:3em;}
	#spotWrap .spot_list > li {height:3em; width:12em;}
	#spotWrap .spot_list a.home {width:3em; height:3em;}
	#spotWrap .spot_list .flipSpotMenu .control {height:3em; padding:0 2em 0 1em;}
	#spotWrap .spot_list .flipSpotMenu .flipContent a {height:3em;}
	#spotWrap .spot_list .flipSpotMenu .flipContent a strong {padding:0 1em;}
}

#conts {position:relative; max-width:1400px; margin:0 auto;}

/* Depth 04 */
.tab_depth04 {position: relative; display:block; max-width:1400px; margin:0 auto; background:#E4EAF0; margin-bottom:2em;}
.tab_depth04 ul:after {content:""; display:block; clear:both;}
.tab_depth04 ul li {display:table; position:relative; float:left; width:14.28%; height:3.8em; border-bottom:1px solid #f7f8f9;}
.tab_depth04 ul li a {display:table-cell; position:relative; width:100%; text-align:center; padding:0 .5em; line-height:100%; vertical-align: middle; word-break: keep-all;}
.tab_depth04 ul li a span {font-size:.9em; color:#555;}
.tab_depth04 li a.on {background:#024B7E; box-shadow:0px 0px 1em rgba(2, 75, 126, 0.3);}
.tab_depth04 li a.on span {color:#fff;}

@media all and (max-width:726px) {
	.tab_depth04 ul li {width:20%;}
}
@media all and (max-width:465px) {
	.tab_depth04 ul li {width:25%;}
}
@media all and (max-width:352px) {
	.tab_depth04 ul li {width:33.333%;}
}

/********************************************
	페이지 만족도 조사
********************************************/

.pageInfo {display:block; position:relative; max-width:1400px; padding:1.5em; margin:3em auto 0 !important; border-radius:5px; border:1px solid #e5e5e5; background:#fff;}
.pageInfo .research legend + p {padding:0; font-size:1em;}
.pageInfo .research legend + p:before {content:"Q."; font-size:1.6em; font-weight:700; color:#024B7E; margin-right:.2em; vertical-align:middle;}
.pageInfo .opinion_wrap {display:block; position:relative; margin:0; padding-top:1em; float:none; width:auto; clear:both;}
.pageInfo .opinion_wrap input[type=text] {width:100%; padding:0 1em; background:#fafafa; border:1px solid #ddd; font-size:.75em; height:4.533em; border-radius:.25em !important; margin-bottom:1.334em;}
.pageInfo .regBtn {display:block; margin:0 auto; font-size:.8em; min-width:5.7em; height:2.5em; line-height:2.5em; padding:0 1.5em; color:#fff; font-weight:700; background: #024B7E; border-radius:9em; padding:0 !important;}

.radio_list >li {position:relative;}
.radio_list >li label {position:relative; width:7.5em; height:auto; font-size:1em; text-indent:-999px; padding-left:1.3em; overflow:hidden; background:url(../img/common/ico_check.svg) no-repeat 0 50%;}
.radio_list >li input[type="radio"] {position:absolute; top:0; left:0; opacity:0; z-index:-9999;}
.radio_list >li input[type="radio"]:checked + label {background-image:url(../img/common/ico_checked.svg);}

.radio_list >li label:before,
.radio_list >li label:after {content:"\f005"; display:block; position:absolute; top:50%; left:1.3em; text-indent:0; font-weight:900; width:auto; height:auto; font-family:"Font Awesome 5 Free"; background:none !important; margin:0; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-style:normal; font-variant:normal; text-rendering:auto; line-height:1; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.radio_list >li label:before {color:#FED501;}
.radio_list >li label:after {color:#d6cece;}

.radio_list >li input[type="radio"][value="5"] + label:before {content:"\f005\f005\f005\f005\f005";}
.radio_list >li input[type="radio"][value="5"] + label:after {display:none;}
.radio_list >li input[type="radio"][value="4"] + label:before {content:"\f005\f005\f005\f005";}
.radio_list >li input[type="radio"][value="4"] + label:after {content:"\f005"; left:5.83em;}
.radio_list >li input[type="radio"][value="3"] + label:before {content:"\f005\f005\f005";}
.radio_list >li input[type="radio"][value="3"] + label:after {content:"\f005\f005"; left:4.67em;}
.radio_list >li input[type="radio"][value="2"] + label:before {content:"\f005\f005";}
.radio_list >li input[type="radio"][value="2"] + label:after {content:"\f005\f005\f005"; left:3.55em;}
.radio_list >li input[type="radio"][value="1"] + label:before {content:"\f005";}
.radio_list >li input[type="radio"][value="1"] + label:after {content:"\f005\f005\f005\f005"; left:2.45em;}


/***********************************************
	Search Page Layout
***********************************************/

/* 검색어 색상 */
.sch-txt {color:#A5151D !important; font-weight:800;}

.totalSearchWrap {display:block; position:relative; max-width :1720px; margin:0 auto 1.65em; padding:6em 0 3.45em;}
.totalSearchWrap:before {content:""; display:block; position:absolute; top:0; bottom:0; left:50%; width:1720px; transform:translateX(-50%); z-index:-1;background:url(../img/visual/bak_search.jpg) no-repeat; background-size:cover;}
.totalSearchWrap h2 {padding:0 0 1.85em;}
.totalSearchWrap h2 > * {display:block; text-align:center; color:#fff; font-size:2em; font-weight:700;}

@media all and (max-width:1920px) and (min-width:1761px) {
	.totalSearchWrap:before {width:100vw; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
}


.totalSearchWrap .totalSearchBox,
.totalSearchWrap .popularList {display:block; position:relative; width:35em; max-width:100%; margin:0 auto;}
.totalSearchWrap .popularList {display:table; table-layout:fixed; margin-top:.9em;}
.totalSearchWrap .popularList > * {display:table-cell; vertical-align:middle;}
.totalSearchWrap .popularList dt {width:6.3889em; font-size:.9em; text-align:center; background:rgba(0,0,0,.2); border-radius:5px; color:#fff; font-weight:700;}
.totalSearchWrap .popularList dd ul {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.totalSearchWrap .popularList dd ul li {display:inline; vertical-align:middle; margin-left:.8em;}
.totalSearchWrap .popularList dd ul li a {color:#fff; font-size:.9em; font-weight:100;}

.totalSearchBox {height:3.6em; z-index:1;}
.totalSearchBox > .in {display:block; position:absolute; top:0; left:0; right:0; background:#fff; border-radius:1.8em; padding:0 1.5em; box-shadow:10px 10px 40px 0px rgba(0,0,0,.05); transition:.3s all; -webkit-transition:.3s all;}
.totalSearchBox.open > .in {border-radius:1.8em 1.8em .5em .5em;}
.totalSearchBox .default {display:block; position:relative; height:3.6em; padding:.5em 0; padding-right:5em; margin-right:2.5em;}
.totalSearchBox .default:before {content:""; display:block; position:absolute; width:1px; height:1em; margin-left:-1.2em; background:#ddd; left:25%; top:50%; margin-top:-.5em;}
.totalSearchBox .default:after {content:""; display:block; clear:both;}
.totalSearchBox .default select {width:25%; float:left; padding-left:.5em;}
.totalSearchBox .default input[type="text"] {width:75%; float:right;}
.totalSearchBox .default select,
.totalSearchBox .default input[type="text"] {height:2.89em; font-size:.9em; border:none !important; border-radius:0 !important; background-color:transparent; outline:none; box-sizing:border-box;}
.totalSearchBox .default .btn-detail-view {display:block; position:absolute; top:50%; margin-top:-1.445em; right:0; height:2.89em; line-height:2.89em; padding-right:1.75em; font-size:.8em; color:#868686; background:url(../img/common/ico_dropdown.svg) no-repeat top 50% right 0; background-size:.9375em auto;}

.totalSearchBox .detail {display:none;}
.totalSearchBox .detail > div {position:relative; border-top:1px dashed #DFDFDF; padding:1.3em 0 2em;}
.totalSearchBox .detail .row {display:table; width:100%; table-layout:fixed; padding:.25em 0;}
.totalSearchBox .detail .row > * {display:table-cell; position:relative; vertical-align:middle;}
.totalSearchBox .detail .row > strong {display:none;font-size:.9em; color:#333; font-weight:700; width:3.67em;}
.totalSearchBox .detail .radio-group:after {content:""; display:block; clear:both;}
.totalSearchBox .detail .radio-group label {display:block; position:relative; font-size:.85em; line-height:2.35em; height:2.35em; float:left; text-align:center; padding:0; z-index:0;}
.totalSearchBox .detail .radio-group label:before {display:none;}
.totalSearchBox .detail .radio-group label:after {content:""; display:block; position:absolute; top:0; left:-1px; right:0; bottom:0; background:#fff; border:1px solid #DFDFDF; z-index:-1;}
.totalSearchBox .detail .radio-group input[type="radio"]:checked + label {color:#fff; font-weight:600;}
.totalSearchBox .detail .radio-group input[type="radio"]:checked + label:after {background:#333333; border-color:#333333;}
.totalSearchBox .detail .radio-group.col-3 label {width:33.33%;}
.totalSearchBox .detail .radio-group.col-4 label {width:25%;}
.totalSearchBox .detail .date-group {display:table; width:100%; table-layout:fixed; margin-top:10px;}
.totalSearchBox .detail .date-group > * {display:table-cell; font-size:.85em; height:2.35em;}
.totalSearchBox .detail .date-group span {width:2em; line-height:2.35em; text-align:center;}
.totalSearchBox .detail .date-group input[type="text"] {width:100%; padding:0; text-align:center; background:transparent; border-color:#DFDFDF; border-radius:0;}
.totalSearchBox .detail .date-group .reset {width:6.5em; padding-left:.5em;}
.totalSearchBox .detail .date-group .reset .btn {border-radius:5px !important; width:100% !important; background-position:top 50% right .5em !important; height:2.35em; padding:0 2em 0 0;}

.totalSearchBox .btn-search {display:block; position:absolute; font-size:1em; top:.5em; right:.5em; width:2.6em; height:2.6em; background:url(../img/common/btn_total_search.svg) no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden;}

.totalSearchBox .input-date {position:relative;}
.totalSearchBox .input-date button {position:absolute; top:50%; right:.5em; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:.9em; height:.9em;}
.totalSearchBox .input-date input {width:100% !important;}


@media all and (max-width:1024px) {
	.totalSearchWrap {margin-bottom:2em;}
	.totalSearchWrap:before {left:-1em; right:-1em;}
}
@media all and (max-width:640px) {
	.totalSearchWrap {margin-bottom:2em;}
	.totalSearchBox .default select {width:35%;}
	.totalSearchBox .default input[type="text"] {width:65%;}
	.totalSearchBox .default:before {left:35%; margin-left:-1.7em;}
}
@media all and (max-width:590px) {
	.totalSearchBox .detail .row,
	.totalSearchBox .detail .row > * {display:block; width:auto;}
	.totalSearchBox .detail .row strong {margin-bottom:1em;}
}
@media all and (max-width:470px) {
	.totalSearchBox,
	.totalSearchBox .default {height:5.6em;}
	.totalSearchBox .default {padding-right:0; padding-bottom:0;}
	.totalSearchBox .default:before {left:45%; top:1.8em; margin-left:0;}
	.totalSearchBox .default select {width:45%;}
	.totalSearchBox .default input[type="text"] {width:55%;}
	.totalSearchBox .btn-search {padding:0 !important; font-size:.85em; right:.8em;}
	.totalSearchBox .default .control {margin-right:-2.5em; clear:both; border-top:1px dashed #ddd;}
	.totalSearchBox .default .btn-detail-view {position:relative; top:auto; margin-top:0; width:100%; padding-right:0;}
}


.totalSearchResult {display:block; position:relative; padding:0 0 1.375em; text-align:center; font-size:1.2em; font-weight:600; color:#333;}
.totalSearchResult .sch-txt:before {content:"‘";}
.totalSearchResult .sch-txt:after {content:"’";}
.totalSearchResult strong {color:#A5151D; font-weight:800;}

.totalSearchTabs {display:block; position:relative; margin-bottom:2em;}
.totalSearchTabs:after {content:""; display:block; clear:both;}
.totalSearchTabs li {display:block; position:relative; width:33.33%; float:left; z-index:0;}
.totalSearchTabs li:before {content:""; display:block; position:absolute; top:0; left:-1px; bottom:0; right:0; border:1px solid #DFDFDF; z-index:-1;}
.totalSearchTabs a {display:table; position:relative; width:100%; table-layout:fixed; padding:0 1em;}
.totalSearchTabs a > * {display:table-cell; padding:1em;}
.totalSearchTabs a span {text-align:right; font-size:.8em;}
.totalSearchTabs a span em {color:#013C82;}
.totalSearchTabs a.on {background:#333333;}
.totalSearchTabs a.on > *,
.totalSearchTabs a.on span em {color:#fff; font-weight:500;}

@media all and (max-width:1260px) {
	.totalSearchTabs a > * {padding:1em 0; font-size:.8em;}
}
@media all and (max-width:840px) and (min-width:421px) {
	.totalSearchTabs li {width:33.33%;}
	.totalSearchTabs li:nth-child(3) ~ li {width:50%;}
	.totalSearchTabs li:nth-child(3) ~ li:before {top:-1px;}
}
@media all and (max-width:420px) {
	.totalSearchTabs li {width:50%;}
	.totalSearchTabs li:first-child {width:auto; float:none; clear:both;}
	.totalSearchTabs li:nth-child(1) ~ li:before {top:-1px;}
}


.totalSearchList h4 {display:table; position:relative; padding:.75em 2em; width:100%; background:#F6F8FA; font-size:1em; margin-bottom:1.5em; z-index:0;}
.totalSearchList h4 > * {display:table-cell; position:relative; vertical-align:middle; line-height:1.3em;}
.totalSearchList h4 strong {padding-right:1.25em; width:2em; white-space:nowrap; font-size:1.2em; font-weight:800; color:#333;}
.totalSearchList h4 span {padding-left:1.67em; font-size:.9em; background:url(../img/common/img_line_h20.png) no-repeat 0 50%; background-size:auto 1.11em; font-weight:400;}
.totalSearchList .section {display:block; position:relative; padding:0 !important; margin-bottom:2em;}
.totalSearchList .section .more {display:block; position:absolute; right:2em; top:0; width:5.5em; height:3em; background:url(../img/common/btn_search_more.svg) no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden; z-index:1;}
@media all and (max-width:640px) {
	.totalSearchList h4 {padding-left:1em;}
	.totalSearchList h4 strong {font-size:1.1em;}
	.totalSearchList .section .more {right:1em;}
}

.totalSearchList .result {display:block; position:relative;}
.totalSearchList .result > li {display:block; position:relative;}
.totalSearchList .result > li + li {margin-top:1.4em; padding-top:1.4em; border-top:1px solid #DDDDDD;}
.totalSearchList .result .item {display:block; position:relative; padding:0 1.5em;}
.totalSearchList .result .item .thumb {display:block; position:absolute; top:0; right:1.5em; width:10.5em; height:8em; background:#eaeaea; overflow:hidden;}
.totalSearchList .result .item .thumb img {display:block; position:relative; max-width:100000000%; height:100%; margin-left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.totalSearchList .result .item .thumb ~ .desc {margin-right:13em; min-height:8em;}
.totalSearchList .result .item .desc {display:block; position:relative;}
.totalSearchList .result .item .subj,
.totalSearchList .result .item .file {display:inline-block; position:relative; margin-bottom:1em; margin-right:5.5em; font-size:1.1em; color:#333; font-weight:800;}
.totalSearchList .result .item .file {font-size:1em;}
.totalSearchList .result .item .file:after {content:""; display:inline-block; vertical-align:middle; width:1em; height:1em; background:url(../img/common/ico_search_down.svg) no-repeat 50% 50%; background-size:contain; margin-left:.5em;}
.totalSearchList .result .item .txt {font-size:.9em; color:#666; line-height:1.5em; max-height:4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.totalSearchList .result .item .path {display:block; position:relative; color:#aaa; font-size:.8em;}
.totalSearchList .result .item .txt ~ .path {margin-top:1em;}
.totalSearchList .result .item .date {display:block; position:absolute; right:0; top:0; padding-left:1.5em; background:url(../img/common/ico_date.svg) no-repeat 0 50%; background-size:1em auto; font-size:.9em; color:#888;}
.totalSearchList .result.menu li + li {margin-top:.5em; padding-top:0; border-top:0;}
.totalSearchList .result.menu li .item {padding-left:.9em; margin-left:2em;}
.totalSearchList .result.menu li .item:before {content:""; display:block; position:absolute; width:5px; height:5px; left:0; top:.8em; margin-top:-2px; background:#333; border-radius:100%;}
.totalSearchList .result.menu li a  {font-size:.9em;}
.totalSearchList .result.menu li a span {display:inline-block; position:relative; color:#333;}
.totalSearchList .result.menu li a span + span {padding-left:1.5em; margin-left:.3em;}
.totalSearchList .result.menu li a span + span:before {content:""; display:block; position:absolute; top:50%; margin-top:-.5em; left:0; width:1em; height:1em; background:url(../img/common/ico_search_menu.svg) no-repeat 50% 50%; background-size:contain;}

@media all and (max-width:730px) {
	.totalSearchList .result .item .thumb {font-size:.7em;}
	.totalSearchList .result .item .thumb ~ .desc {margin-right:9em;}
}
@media all and (max-width:640px) {
	.totalSearchList .result .item {padding-left:.5em; padding-right:.5em;}
	.totalSearchList .result.menu li .item {margin-left:.5em;}
	.totalSearchList .result .item .thumb {font-size:1em; width:4em; height:3em; right:0;}
	.totalSearchList .result .item .thumb ~ .desc {margin-right:6em;}
	.totalSearchList .result .item .subj,
	.totalSearchList .result .item .file {margin-right:0;}
	.totalSearchList .result .item .path {margin-right:7em;}
	.totalSearchList .result .item .date {top:auto; bottom:0;}
}



/*********************************************
	Word Setting
*********************************************/

.word-group {display:table; width:100%; table-layout:fixed; margin-bottom:1em;}
.word-group > * {display:table-cell; vertical-align:top; position:relative; width:29%;}
.word-group > * + * {border-left:1px solid #ddd;}
.word-group > * + * + * {width:auto;}
.word-group .group {border-bottom:1px solid #ddd;}
.word-group .group .tit {display:table; position:relative; height:2.5em; width:100%;}
.word-group .group .tit strong {display:table-cell; position:relative; vertical-align:middle; font-size:.8em; color:#333; font-weight:700; padding:0 1.6em; background:#F3F8FC; border-bottom:1px solid #ddd;}
.word-group .group .tit .allSelect {display:inline-block; height:2em; padding:0 1em; font-weight:400; line-height:2em; background:#fff; border:1px solid #ddd; border-radius:5px; font-size:.8em; text-align:center; position:absolute; top:50%; right:1.6em; transform:translateY(-50%);}
.word-group .group .tit .allSelect:hover {border-color:#1293EF;}
.word-group .group .list {display:block; position:relative; height:11.25em; box-sizing:border-box; overflow:auto;}
.word-group .group .list > ul {padding:1em;}
.word-group .group .list > ul:after {content:""; display:block; clear:both;}
.word-group .group .list li {display:block; position:relative; box-sizing:border-box;}
.word-group .group .list input[type="checkbox"],
.word-group .group .list input[type="radio"] {position:absolute; top:0; left:0; z-index:-999; opacity:0;}
.word-group .group .list input[type="checkbox"] + label,
.word-group .group .list input[type="radio"] + label {display:block; position:relative; font-size:.75em; z-index:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.word-group .group .list input[type="checkbox"] + label:before,
.word-group .group .list input[type="radio"] + label:before {content:""; display:block; position:absolute;}
.word-group .group .list input[type="checkbox"]:focus + label,
.word-group .group .list input[type="radio"]:focus + label {text-decoration:underline;}

.word-group .type-button ul {margin:-.25em;}
.conts .word-group .type-button ul {margin:-.25em 0;}
.word-group .type-button li {width:50%; float:left; padding:.25em;}
.word-group .type-button input[type="checkbox"] + label,
.word-group .type-button input[type="radio"] + label {text-align:center; font-size:.75em; line-height:2.68em; height:2.66em; color:#555; padding:0 1em;}
.word-group .type-button input[type="checkbox"] + label:before,
.word-group .type-button input[type="radio"] + label:before {top:0; left:0; right:0; bottom:0; width:auto !important; height:auto !important; margin:0 !important; background:#fff !important; border-radius:9em; border:1px solid #D9D9D9; z-index:-1;}
.word-group .type-button input[type="checkbox"]:checked + label,
.word-group .type-button input[type="radio"]:checked + label {color:#fff; font-weight:600;}
.word-group .type-button input[type="checkbox"]:checked + label:before,
.word-group .type-button input[type="radio"]:checked + label:before {background-color:#1A83F7 !important; border-color:#1A83F7;}

.word-group .type-radio ul {margin:-.25em 0;}
.word-group .type-radio li {width:50%; float:left; padding:.25em 0;}
.word-group .type-radio input[type="checkbox"] + label,
.word-group .type-radio input[type="radio"] + label {padding-left:1.88em; padding-right:.5em; line-height:1.88em; color:#444;}
.word-group .type-radio input[type="checkbox"] + label:before,
.word-group .type-radio input[type="radio"] + label:before {top:50%; left:0; margin-top:-.6em; width:1.2em; height:1.2em; background:url(../img/common/ico_check.svg) no-repeat 50% 50%; background-size:contain;}
.word-group .type-radio input[type="checkbox"]:checked + label:before,
.word-group .type-radio input[type="radio"]:checked + label:before {background-image:url(../img/common/ico_checked.svg);}

.word-group .type-lang ul {margin:-.12em 0;}
.word-group .type-lang li {padding:.12em 0;}
.word-group .type-lang input[type="checkbox"] + label,
.word-group .type-lang input[type="radio"] + label {display:block; position:relative; padding-left:10.267em; height:2.66em;}
.word-group .type-lang input[type="checkbox"] + label:before,
.word-group .type-lang input[type="radio"] + label:before {top:0; left:0; right:0; bottom:0; margin:0 !important; width:auto !important; height:auto !important; background:#fff !important; border-radius:9em; border:1px solid #D9D9D9; z-index:-1;}
.word-group .type-lang input[type="checkbox"] + label strong,
.word-group .type-lang input[type="radio"] + label strong {display:block; position:absolute; top:50%; left:.236em; margin-top:-1.065em; width:9.33em; height:2.13em; line-height:2.13em; border-radius:9em; background:#E4EAF0; padding-left:1.8em; box-sizing:border-box;}
.word-group .type-lang input[type="checkbox"] + label span,
.word-group .type-lang input[type="radio"] + label span {display:block; position:relative; line-height:2.68em; height:2.66em; color:#555;}
.word-group .type-lang input[type="checkbox"] + label strong:before,
.word-group .type-lang input[type="radio"] + label strong:before {content:""; display:block; position:absolute; top:50%; left:.66em; margin-top:-.4em; width:.8em; height:.8em; background:url(../img/common/ico_radio.svg) no-repeat 50% 50%; background-size:contain; z-index:1;}
.word-group .type-lang input[type="checkbox"]:checked + label strong:before,
.word-group .type-lang input[type="radio"]:checked + label strong:before {background-image:url(../img/common/ico_radio_check.svg);}

.txt-input-guide {display:block; position:relative; font-size:.8em; margin-bottom:.5em;}
.text-input-wrap {position:relative; padding-top:3.5em;}
.text-input-wrap .bootstrap-tagsinput {display:block; border:1px solid #ddd; border-radius:.5em; padding:.7em; box-shadow:none; min-height:4em;}
.text-input-wrap .bootstrap-tagsinput:after {content:""; display:block; clear:both;}
.text-input-wrap .bootstrap-tagsinput > input[type="text"] {position:absolute; top:0; left:0; width:100%; font-size:.8em; height:3.75em; background:url(../img/common/ico_search.svg) no-repeat #F3F8FC top 50% right 1.2em; background-size:1.6875em auto; color:rgba(0,0,0,.6); padding:0 1.875em;}
.text-input-wrap .bootstrap-tagsinput .tag {display:block; position:relative; float:left; position:relative; font-size:.75em; margin:.56em; padding:.2em 1.5em .2em 1em; color:#333; z-index:0;}
.text-input-wrap .bootstrap-tagsinput .tag:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:9em; background:#BCE8F1; z-index:-1;}
.text-input-wrap .bootstrap-tagsinput .span_remove {display:block; position:absolute; width:1.134em; height:1.134em; max-width:17px; background:url(../img/common/ico_tag_del.svg) no-repeat 50% 50%; top:50%; right:0; overflow:hidden; text-indent:-999px; transform:translate(50%, -50%); -webkit-transform:translate(50%, -50%); background-size:contain; border-radius:100%;}

@media all and (max-width:640px) {
	.word-group {display:block; width:auto;}
	.word-group > * {display:block; position:relative; width:auto;}
	.word-group > * + * {border-left:0;}
	.word-group .group .tit strong {font-size:1em;}
	.word-group .group .list {height:auto; max-height:11.25em;}
	.word-group .group .list input[type="checkbox"] + label,
	.word-group .group .list input[type="radio"] + label {font-size:.9em;}
	.txt-input-guide {font-size:.9em;}
	.text-input-wrap .bootstrap-tagsinput .tag {font-size:.9em;}
}


.set-word-list {margin:0 -.5em; padding:.5em 0;}
.set-word-list:after {content:""; display:block; clear:both;}
.set-word-list li {display:block; position:relative; padding:.5em; box-sizing:border-box; width:16.66%; float:left;}
.set-word-list .word-item {display:block; position:relative; height:7.5em; overflow:hidden; border-radius:1em; z-index:0;}
.set-word-list .word-item > a {display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px dashed #BBBBBB; text-indent:-999px; overflow:hidden; border-radius:1em; z-index:1; background:url(../img/common/ico_word_add.svg) no-repeat 50% 50%; background-size:1em auto;}
.set-word-list .word-item .word ~ a {background:transparent; border-style:solid;}
.set-word-list .word-item .word {display:block; position:absolute; padding-top:2.5em; top:0; left:0; right:0; bottom:0; border-radius:1em; overflow:hidden; text-align:center;}
.set-word-list .word-item .word:before,
.set-word-list .word-item .word:after {content:""; display:inline-block; vertical-align:middle; width:0px; height:100%;}
.set-word-list .word-item .word span {display:block; position:absolute; top:0; left:0; right:0; height:3.33em; border-radius:1.33em 1.33em 0 0; font-size:.75em; background:#F3F8FC; color:#444; line-height:3.33em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 1em;}
.set-word-list .word-item .word strong {display:inline-block; vertical-align:middle; max-width:88%; font-size:15px;}
.set-word-list .word-item .word strong em {display:block; max-height:2.4em; line-height:1.2em; overflow:hidden;}
.set-word-list .word-item .word i {display:inline-block; vertical-align:middle; font-size:.86em; color:#fff; background:#555; height:2em; line-height:2em; border-radius:.66em; padding:0 1em; margin-top:.4em;}

@media all and (max-width:850px) {.set-word-list li {width:20%;}}
@media all and (max-width:740px) {.set-word-list li {width:25%;}}
@media all and (max-width:640px) {.set-word-list li {width:33.33%;}}
@media all and (max-width:470px) {.set-word-list li {width:50%;} .set-word-list .word-item .word strong {font-size:14px;}}

/* ai검색 */
.searchAI {padding:1.4em 1.5em; margin-bottom:2em; background:#F6FAFF; border:1px solid #ECF1F8;}
.searchAI .titAI {padding-left:2.4em; font-size:1.25em; font-weight:800; color:#333; position:relative;}
.searchAI .titAI:before {content:''; width:2.8em; height:2.72em; background:url(../img/common/ico_ai.png) no-repeat 50% 50%; background-size:contain; position:absolute; top:50%; margin-top:-1.36em; left:-.32em;}
.searchAI .box {margin-top:1em; background:#fff; border-radius:.5em; box-shadow:0 0 1em rgba(1,60,130,.05); overflow:hidden; position:relative;}
.searchAI .login {padding:.56em; font-size:.9em; color:#666; text-align:center;}
.searchAI .login:before {content:''; display:inline-block; width:3.88em; height:3.88em; background:url(../img/common/ico_aiLogin.png) no-repeat 50% 50%; background-size:contain; vertical-align:middle;}
.searchAI .box-scroll {max-height:13em; padding:1.1em 1.35em 3em; overflow-y:auto;}
.searchAI .box-scroll:before {content:''; position:absolute; left:0; bottom:0; right:1.35em; height:3em; background:linear-gradient(to top, #fff, rgba(255,255,255,0));}
.searchAI .box-scroll p {font-size:.9em; color:#333;}
.searchAI .box-scroll strong {font-weight:600;}
.searchAI .goAI {display:block; width:11.11em; padding:.634em 1.66em; margin:1.11em auto 0; font-size:.9em; font-weight:600; color:#fff; background:#013C82 url(../img/common/ai_more.svg) no-repeat right 1.66em top 50%; border-radius:3em; transition:.2s;}
.searchAI .goAI:hover {background-position:right 1.3em top 50%;}

@media (max-width:460px) {
	.searchAI .login {padding-bottom:1.2em;}
	.searchAI .login:before {display:block; margin:0 auto .3em;}
}