@charset "UTF-8";
.usm-fabtn { display: none; }
.pc_hide { display: none; }
#usm-subMenuListBg-id li a[target="_blank"]:after { content: url(../images/site_go.png); display: inline-block; margin: 0 0 0 0.4rem; }
#usm-subMenuListBg-id li a[target="_blank"]:hover:after { content: url(../images/site_go_over.png); display: inline-block; margin: 0 0 0 0.4rem; }
#usm-menu-wrap-id li a[target="_blank"]:after { /*content: url(../images/site_go.png); display: inline-block; margin: 0 0 0 0.4rem;*/
	display: inline-flex;
	content:'';
	width: 2.3rem;
	height: 2.3rem;
	mask-image:url(../../../images/krds/ico_go.svg);
	background: #000;
	content:'';
	vertical-align: middle;
}
#usm-menu-wrap-id li a[target="_blank"]:hover:after { background: #652496; }
/*#usm-menu-wrap-id li a[target="_blank"]:hover:after{ content: url(../images/site_go_over.png); display: inline-block; margin: 0 0 0 0.4rem; }*/
.sitemap li a[target="_blank"]:after { content: url(../images/site_go.png); display: inline-block; margin: 0 0 0 0.4rem; }
.sitemap li a[target="_blank"]:hover:after { content: url(../images/site_go_over.png); display: inline-block; margin: 0 0 0 0.4rem; }

#usm-top-id {background:white;z-index:1000;}
	
#usm-nuri-wrap {
	background-color:#f1f1f1;
	padding:10px 0;
}
.nuri-txt {display:flex;align-items:center;justify-content:flex-start;flex-direction:row;text-align:center;padding: 0 1rem;}
.nuri-txt:before {
	content:'';
	display:inline-flex;
	width: 2.4rem;
	height: 2.4rem;
	background-image:url(../../../images/krds/ico_flag.svg);
	background-size:contain;
}

#usm-menu-wrap-id > ul > li.active > a { border-bottom: 2px solid #652496; font-weight: bold; }

#usm-top-btn  { display: none; position: fixed; right: 5px; bottom: 5px; z-index: 1000;  }
#usm-top-btn button {padding: 1rem; font-size: 1rem; border-radius: 25px; box-sizing: border-box; background-color: #575757; color: #fff;cursor: pointer;}
#usm-top-btn button:before { content: '\25B2'; display: block; width: 100%; text-align: center; margin: 0 0 0.2rem 0; }

#usm-bottomWrap-id { clear: both; width: 100%; box-sizing: border-box; background-color: #f9f9f9; padding: 2rem 1rem; }
	#usm-bottom-id { font-size: 1.6rem; }
	#usm-bottom-id .btm_logo { margin: 0 0 1.5rem 0; }
	#usm-bottom-id .btm_info { line-height: 150%; margin: 0 0 1.5rem 0; }
	#usm-bottom-id .btm_info2 { margin: 0 0 1.5rem 0; padding: 1.5rem 0 0 0; border-top: 1px solid #d7d7d7; position: relative; }
	#usm-bottom-id .btm_link { display: flow-root; }
	#usm-bottom-id .btm_link li { float: left; margin: 0 2rem 1rem 0; }
	#usm-bottom-id .btm_link li a { height: 2.2rem; box-sizing: border-box; }
	#usm-bottom-id .btm_link li a:hover { font-weight: bold; border-bottom: 1px solid #000; }
	#usm-bottom-id .btm_link li.privacy a { color: #652496; font-weight: bold; }
	#usm-bottom-id .btm_info2 p { display: block; }
	#usm-bottom-id .btm_info2 .btm_icon { display: none; margin: 1rem 0 0 0; text-align: center; }
	#usm-bottom-id .btm_info2 .btm_icon img { width: 10rem; }

@media (min-width:769px) and (max-width:1023px){
	#usm-bottom-id .btm_info2 .btm_icon { position: absolute; top: 1.5rem; right: 0; margin: 0; }
}

@media all and (min-width:1024px){
	.usm-fabtn { display: block; }
	/*
	[class*='scroll'] #usm-menu-id  {position:fixed;z-index:200;left:0;top:0;width:100%;background-color:white;}
	.scroll-down #usm-menu-id {transform: translateY(-200%);}
	.scroll-up #usm-menu-id {transform: translateY(0);}
	*/
	
	.scroll-no {overflow-y:hidden;}

	.nuri-txt { padding-left: 5rem; }

	.nuri {width: 140rem;
        margin: 0 auto;
       }
	
	.menu-wrap { clear: both; width: 100%; height: 5.5rem; position: relative; }
	#usm-menu-wrap-id > ul { display:flex; }
	/*#usm-menu-wrap-id > ul > li { position: relative; }*/
	#usm-menu-wrap-id > ul > li > a { position:relative;color: #000; display: block; font-size: 2.3rem; padding: 1.6rem 2.3rem 1.5rem 2.3rem; }
	#usm-menu-wrap-id > ul > li.active > a { color: #652496; }
	#usm-menu-wrap-id > ul > li > a:hover { color: #652496; }
	
	#usm-menu-wrap-id > ul > li.has-sub > a:after {
		width: 2.3rem;
	    height: 2.3rem;
	    display: inline-flex;
	    transform: translateY(4px) rotate(0deg);
	    transition: 0.4s ease-in-out;
	    mask-image: url(../../../images/krds/ico_angle.svg);
	    background: #000;
	   	content:''
	}
	#usm-menu-wrap-id > ul > li.active > a:after {transform: translateY(4px) rotate(-180deg); background: #652496; }
	#usm-menu-wrap-id > ul > li > a { /*font-weight: bold;*/ }
	#usm-menu-wrap-id > ul > li.active > a:before, 
	#usm-menu-wrap-id > ul > li .depth2 { display: none; position: absolute; left: 0; width: 100%; box-sizing: border-box; padding: 4rem 4rem 4rem 0; z-index: 1000; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);max-height:540px;overflow-y:auto;margin-top:0.4rem; }
	#usm-menu-wrap-id > ul > li.active .depth2 { display: block; }
	#usm-menu-wrap-id > ul > li .depth2 .depth2-nme { display: block; float: left; width: 30rem; height: 30rem; font-size: 2.4rem; font-weight: bold; color: #652496; text-align: center; background: url('../images/title_bg.png') left top no-repeat; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul { float: left; width: calc(100% - 30rem); position: static; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li { float: left; width: calc(20% - 4rem); margin: 0 4rem 3rem 0; box-sizing: border-box; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > a { width: 100%; box-sizing: border-box; padding: 1.2rem 0.5rem 1rem 0.5rem; font-size: 2rem; border: 1px solid #505050; color: #505050; border-radius: 5px; font-weight: normal; text-align: center; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > a:hover { border: 1px solid #652496; background-color: #fff; color: #652496; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li:last-child > a { margin: 0; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > ul > li > a { width: 100%; box-sizing: border-box; margin: 0 0 0.5rem 0; font-size: 1.8rem; color: #3d3d3d; padding: 0.3rem 0 0 2rem; text-align: left; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > ul > li > a:hover { color: #652496; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > ul > li > a:before { content: '\2022'; font-size: 2rem; margin: 0 0.5rem 0 0; display: inline-block; vertical-align: baseline; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > ul > li.active > a:before { color: #652496; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > ul > li:last-child > a { margin: 0; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > ul > li > ul { margin: 0.5rem 0 0 0; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > ul > li > ul > li > a { width: 100%; box-sizing: border-box; margin: 0 0 0.5rem 0; font-size: 1.6rem; color: #6d6d6d; padding: 0.3rem 0 0 3.6rem; text-align: left; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > ul > li > ul > li > a:before { content: '\2022'; font-size: 2rem; margin: 0 0.5rem 0 0; display: inline-block; vertical-align: baseline; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > ul > li > ul > li.active > a:before { color: #652496; }
	#usm-menu-wrap-id > ul > li.active .depth2 > ul > li > ul > li > ul > li > a:hover { color: #652496; }

	#usm-menu-wrap-id > ul > li .depth2::-webkit-scrollbar { width: 1rem; }
	#usm-menu-wrap-id > ul > li .depth2::-webkit-scrollbar-thumb { background: rgb(100, 33, 147); border-radius: 10px; }
	#usm-menu-wrap-id > ul > li .depth2::-webkit-scrollbar-track { background: rgba(100, 33, 147, .1); }

	#usm-bottomWrap-id { clear: both; margin: 0 auto; border: none; }
		#usm-bottom-id { width: 140rem; margin: 0 auto; padding: 0 0 1rem 0; }
		#usm-bottom-id .btm_info2 .btm_icon { position: absolute; top: 1.5rem; right: 0; margin: 0; }
}