@charset "utf-8";
@import url('../common/font.css');

#skipNav{position:relative;}
#skipNav a{position:absolute;top:-200px;z-index:10000;}
#skipNav a:focus, #skipNav a:active{display:block;left:0;top:0;width:100%;height:40px;line-height:40px;text-align:center;color:#fff;background:#2a2a2a;}


/* header */
#header{position:relative;left:0;top:0;width:100%;height:120px;z-index:500;background:#fff;}
#header .header-inner{position:relative;height:100%;border-bottom:1px solid #ddd;}
.header-inner .header_cont{width:1200px;padding:0;margin:0 auto;height:80px;display:flex;display:-webkit-box;display:-ms-flexbox;display:-moz-flex;align-items:center;justify-content:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;position:relative;}
.header-inner h1{z-index:1;margin:0;padding:0;display:inline-block;font-size:0;}
.header-inner h1 > a{display:block;}
.header-gnb{height:100%;background:#fff;}
.header-gnb.active{border-bottom:1px solid #ccc;}
body.on::after,body.active::after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);z-index:1;}
#Gnb{position:relative;margin:0 auto;text-align:center;box-sizing:border-box;z-index:11;}

.header-inner .header_top{background:#f1f1f1;z-index:10;}
.header-inner .header_top .cont_inner{height:40px;align-items:center;justify-content:right;}
.header_top nav.top_menu{display:inline-block;width:100%;text-align:right;}
.header_top nav.top_menu ul{display:inline-block;padding:5px 0;} 
.header_top nav.top_menu ul li{font-size:0.813em;display:inline-block;padding:0 0.438em;vertical-align:middle;position:relative;}
.header_top nav.top_menu ul li.icon_user a{padding:0 5px;}
[data-inverted][data-position~="bottom"][data-tooltip]:before,[data-tooltip][data-inverted]:after{background:#222945;}
[data-tooltip]:after{padding:5px 10px;}
.header_top nav.top_menu ul li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:rgba(0,0,0,0.18);}
.header_top nav.top_menu ul li:first-child::before{content:none;}
nav.top_menu ul li a{display:inline-block;}
nav.top_menu ul li a:hover{color:#333;}
nav.top_menu ul li a img{vertical-align:middle;}

.gnb-dep01{display:inline-block;line-height:80px;}
.gnb-dep01 > li{display:inline-block;position:relative;float:left;text-align:center;box-sizing:border-box;vertical-align:top;}
.gnb-dep01 > li > a{padding:0 40px;display:block;position:relative;font-size:18px;font-weight:600;color:#160f02;}
.gnb-dep01 > li > a.current,.gnb-dep01 > li > a:hover,.gnb-dep01 > li:hover > a{color:#f67599;}
.gnb-dep01 > li > a:after{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:3px;background:#f67599;transform:translateX(-50%);transition:.3s;}
.gnb-dep01 > li .gnb-dep02-div{overflow:hidden;width:100%;border-left:1px solid #eee;opacity:0;transition-duration:.3s;}
.gnb-dep01 > li:last-child .gnb-dep02-div{border-right:1px solid #eee;}
.header-gnb.active .gnb-dep01 > li .gnb-dep02-div{background-color:#fff;opacity:1;}
.gnb-dep01 > li > a.current:after, 
.gnb-dep01 > li > a:hover::after, 
.gnb-dep01 > li:hover > a:after{width:100%;}
.gnb-dep02{overflow:hidden;width:100%;height:0;box-sizing:border-box;transition-duration:.3s;}
.gnb-dep02 > li{position:relative;top:9px;line-height:1.5em;opacity:0;}
.gnb-dep02 > li > a{display:inline-block;position:relative;padding:8px 0;font-size:1em;color:#333;}
.gnb-dep02 > li > a.current,.gnb-dep02 > li > a:focus,.gnb-dep02 > li > a:hover{color:#f67599;}
.gnb-dep02 > li > a:after{content:"";position:absolute;left:50%;bottom:10px;width:0;height:1px;background:#f67599;transition:all 0.3s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transform:translateX(-50%);}
.gnb-dep02 > li > a.current::after,.gnb-dep02 > li > a:focus::after,.gnb-dep02 > li > a:hover::after{width:100%;}
.subGnbBack{position:absolute;left:0;top:0;width:100%;height:0;background:#fff;opacity:0;z-index:10;transition-duration:.3s;}
.subGnbBack.active{height:280px !important;opacity:1;}

.header-util{position:absolute;right:36px;top:50%;margin-top:-20px;}
.header-util > div{float:left;position:relative;height:100%;}
.header-util button{position:relative;overflow:hidden;width:37px;height:40px;text-indent:-999em;background:#fff/*transparent*/;}
.fixed .header-util{right:0;}
.header-util > .header-menu span{position:absolute;right:7px;top:50%;width:23px;height:2px;margin-top:-1px;background:#101010;}
.header-util > .header-menu button::before, 
.header-util > .header-menu button::after{content:"";position:absolute;right:7px;width:23px;height:2px;background:#101010;transition-duration:.3s;}
.header-util > .header-menu button::before{top:10px;}
.header-util > .header-menu button::after{bottom:10px;}

@media all and (max-width:1670px) {
    .header-inner .header_cont{padding:0 50px;}
	.gnb-dep01 > li > a{padding:0 30px;font-size:17px;}
	.gnb-dep02 > li > a{font-size:16px;}
}

@media all and (max-width:1500px){
	.gnb-dep01{width:100%;}
}

@media all and (max-width:1400px){
    .header-inner .header_cont{padding:0 20px;}
	.header-inner h1{width:150px;}
	.header-gnb{padding-left:20px;}
	.gnb-dep01 > li > a{padding:0 25px;}
}

@media all and (max-width:1280px){
    .header-inner .header_cont{padding:0 15px;}
	.header-inner h1{width:140px;}
	.gnb-dep01 > li > a{padding:0 20px;}
	.header-util{right:20px;}
}

@media all and (min-width:1081px){
	/* header */
	.subGnbBack{top:120px;}
	.header-util > .header-menu{display:none;}
	.gnb-dep01 > li .gnb-dep02-div{display:block !important;}
	.gnb-dep02.active{height:280px;padding-top:0;}
	.header-gnb .close{display:none;}
}


@media all and (max-width:1080px){
	#header{height:110px;}
    .subGnbBack{top:40px;}
	.header-inner .header_cont{height:70px;min-height:70px;padding:0 20px;}
	.header-inner h1{width:140px;}
	.header-util > .header-menu{z-index:100;}
	.ico-top{margin-bottom:29px;}
	.header-gnb{/*display:none;*/position:absolute;top:0;right:0;bottom:0;left:0;height:100vh;opacity:0;transform:translateX(100%);transition:all .5s;z-index:90;}
	.header-gnb.open{padding-top:70px;padding-left:0;display:block;background-color:#fff;opacity:1;transform:translateX(0);}
	.header-gnb .close{position:absolute;right:auto;left:8px;top:12px;width:40px;height:40px;background:transparent;z-index:2;transition:all 0.3s ease;}
	.header-gnb .close > span{position: absolute;left: 50%;width:30px;height:30px;margin:-15px 0 0 -15px;transform: rotate(45deg);}
	.header-gnb .close > span:before, .header-gnb .close > span:after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background:#000;}
	.header-gnb .close > span:before{transform:rotate(90deg);}

	#Gnb{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 63px);height:auto;margin:0 !important;text-align:left;border-top:1px solid #ccc;}
	.gnb-dep01 > li{display:block;float:none;width:auto;text-align:left;}
	.gnb-dep01 > li > a.on, .gnb-dep01 > li > a:hover,.gnb-dep01 > li:hover > a{color:#333;}
	.gnb-dep01 > li > a:after{display:none;}
	.gnb-dep01 > li > a.on::before{content:"";display:block;position:absolute;top:24px;right:15px;width:15px;height:15px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;background:none;transform:rotate(45deg);transition-duration:0s;}
	.gnb-dep01 > li > a.active::before{top:32px;transform:rotate(-135deg);}
	.gnb-dep01 > li + li{margin-left:0;}
	.gnb-dep01 > li > a{font-size:18px;display:block;height:76px;line-height:76px;padding:0 15px;color:#333;}
	.gnb-dep01 > li > a.active + .gnb-dep02-div .gnb-dep02{padding:18px 0;}
	.gnb-dep01 > li .gnb-dep02-div{display:none;border:none;background-color:#f4f4f4 !important;opacity:1;transition:none;}
	.gnb-dep02{position:relative;top:0;height:auto;}
	.gnb-dep02 > li{top:0 !important;opacity:1 !important;}
	.gnb-dep02 > li > a{font-size:17px;display:block;padding:8px 0 8px 29px;}
	.gnb-dep02 > li > a.on, .gnb-dep02 > li > a:hover{color:#333;}
	.gnb-dep02 > li > a:after{display:none;}

}

@media all and (max-width:767px){
	#header{height:100px;}
	.header-inner .header_cont{height:60px;min-height:60px;padding:0 15px;}
	.header-inner h1{left:15px;}
	.header-inner h1{width:120px;}
	.gnb-dep01 > li > a{font-size:17px;height:60px;line-height:60px;}
	.gnb-dep02 > li > a{font-size:16px;}
}

@media all and (max-width:520px){
	.gnb-dep01 > li > a{font-size:16px;}
	.gnb-dep02 > li > a{font-size:15px;}
}

@media all and (max-width:480px){
}




/******************************* layout *******************************/

	.wrapper{position:relative;}
	.cont_inner{max-width:1200px;margin:0 auto;}
	.sub_container .sub_wrap,.sub_main .sub_wrap{position:relative;padding:3em 0;}
	.sub_container.login{padding:3em 0 5em 0;}
	.sub_container .sub_wrap .sub_content{width:100%;}

	@media screen and (max-width:1280px){
		.cont_inner{width:100%;max-width:100%;padding:0 20px;}
		.sub_container .sub_wrap.cont_inner.print{width:100%;padding:2em 3em;}
		.sub_container .sub_wrap,.sub_main .sub_wrap{padding:2em 20px;}
		.sub_container .sub_wrap .cont_inner,.sub_main .sub_wrap .cont_inner{padding:0;}
	}

	@media screen and (max-width:1024px){
		.sub_container .sub_wrap.cont_inner.print{padding:1em 2em;}
	}

	@media screen and (max-width:767px){
		.cont_inner{padding:0 15px;}
		.sub_container .sub_wrap,.sub_main .sub_wrap{padding:2em 15px;}
	}

	@media screen and (max-width:520px){
		.cont_inner{padding:0 10px;}
		.sub_container .sub_wrap,.sub_main .sub_wrap{padding:2em 10px;}
	}


/******************************* header *****************************

	.header{z-index:500;}
	#header .header-inner{position:relative;height:100%;border-bottom:1px solid #ccc;}
	.header .header_top{position:relative;background:#f1f1f1;z-index:11;}
	.header .header_top .cont_inner{height:40px;}
	.header .header_top nav.top_menu{flex:1;-webkit-flex:1;-moz-flex:1;-ms_flex:1;text-align:right;}
	.header_top nav.top_menu ul{display:inline-block;} 
	.header_top nav.top_menu ul li{font-size:0.813em;display:inline-block;padding:0 0.438em;vertical-align:middle;position:relative;}
	.header_top nav.top_menu ul li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:rgba(0,0,0,0.18);}
	.header_top nav.top_menu ul li:first-child::before{content:none;}
	nav.top_menu ul li a{display:inline-block;line-height:40px;}
	nav.top_menu ul li a:hover{color:#333;}
	nav.top_menu ul li a img {vertical-align:middle;}

	.header_cont{position:relative;height:100%;background:#fff;border-bottom:1px solid #eee;z-index:22;}
	.header_cont .cont_inner{height:80px;align-items:center;position:relative;}
	.header_cont h1.logo{width:161px;height:47px;position:absolute;left:0;margin:0;padding:0;font-size:0;}
	.header_cont h1.logo a{display:block;overflow:hidden;width:100%;height:100%;text-indent:-999em;background:url('../../../images/common/top_logo.png') no-repeat center bottom / cover;}

	.header_cont.active{background:#fff;}
	body.on::after,body.active::after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);z-index:1;}
	.gnb_wrap{width:100%;height:80px;position:relative;margin:0 auto 0 200px;text-align:center;box-sizing:border-box;z-index:11;}
	.one_depth{display:flex;}
	.one_depth > li{flex:1 auto;display:inline-block;position:relative;text-align:center;box-sizing:border-box;}
	.one_depth > li > a{height:80px;padding:0 15px;display:block;position:relative;font-size:1.111em;color:#160f02;font-weight:600;}
	.one_depth > li > a:first-child{display:flex !important;justify-content:center;align-items:center;}
	.one_depth > li > a.current,.one_depth > li > a:hover,.one_depth > li:hover > a{color:#f67599;}
	.one_depth > li > a:after{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:3px;background:#f67599;transform:translateX(-50%);transition:.3s;}
	.one_depth > li .two_depth_wrap{overflow:hidden;width:calc(100% - 1px);margin-top:1px;background:#fafafa;opacity:0;transition-duration:.3s;}
	.header_cont.active .one_depth > li .two_depth_wrap{opacity:1;}
	.one_depth > li > a.current:after,.one_depth > li > a:hover::after,.one_depth > li:hover > a:after{width:100%;}
	.two_depth{overflow:hidden;width:100%;height:0;box-sizing:border-box;transition-duration:.3s;}
	.two_depth.active{height:250px;padding-top:15px;}
	.two_depth > li{position:relative;top:9px;line-height:1.5em;opacity:0;}
	.two_depth > li > a{display:inline-block;position:relative;padding:10px 0;font-size:1em;color:#777;}
	.two_depth > li > a.current,.two_depth > li > a:focus,.two_depth > li > a:hover{color:#160f02;}
	.two_depth > li > a:after{content:"";position:absolute;left:50%;bottom:10px;width:0;height:1px;background:#160f02;transition:all 0.3s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transform:translateX(-50%);}
	.two_depth > li > a.current::after,.two_depth > li > a:focus::after,.two_depth > li > a:hover::after{width:100%;}
	.subGnbBack{top:0;position:absolute;left:0;width:100%;height:0;background:#fff;opacity:0;z-index:10;transition-duration:.3s;}
	.subGnbBack.active{height:250px !important;opacity:1;}

	.header_cont .header_menu span{position:absolute;right:7px;top:50%;width:23px;height:2px;margin-top:-1px;background:#101010;}
	.header_cont .header_menu button::before,.header_cont .header_menu button::after{content:"";position:absolute;right:7px;width:23px;height:2px;background:#101010;transition-duration:.3s;}
	.header_cont .header_menu button::before{top:10px;}
	.header_cont .header_menu button::after{bottom:10px;}

	.header-util{position:absolute;right:36px;top:50%;margin-top:-20px;}
	.header-util > div{float:left;position:relative;height:100%;}
	.header-util button{position:relative;overflow:hidden;width:37px;height:40px;text-indent:-999em;background:#fff;}
	.fixed .header-util{right:0;}
	.header-util .btn_show_search{float:left;}
	.header-util .btn_top_search.submit{text-indent:-999em;float:left;background:url(images/common/header.png) left top no-repeat;background-size:40px auto;}
	.header-util > .header-language{z-index:10;}
	.header-util > .header-language:after{content:"";display:inline-block;width:1px;height:14px;margin-top:2px;background:rgba(0,0,0,.2);margin:0 7px 0 11px;vertical-align:middle;}
	.header-util > .header-language button{width:auto;margin-top:1px;padding-left:32px;text-indent:0;background:url(images/common/header.png) -7px -40px no-repeat;background-size:40px auto;}

		@media screen and (max-width:1280px){
			.header_cont h1.logo{left:20px;}
			.one_depth{display:inline-block;width:100%;}
		}

	@media all and (min-width:1023px){
		.subGnbBack{top:89px;}
		.header-util > .header_menu{display:none;}
		.one_depth > li .two_depth_wrap{display:block !important;}
		.two_depth.active{height:280px;padding-top:19px;}
		.header-gnb .gnb-language{display:none;}
		.header-gnb .close{display:none;}
		.one_depth > li > a:first-child{display:flex !important;justify-content: center;align-items: center;}

	}

		@media screen and (max-width:1023px){
			.sub_container .sub_wrap.cont_inner.print{padding:1em 2em;}
			.header_cont .cont_inner{height:70px;}
			.header_cont h1.logo{width:145px;height:43px;}
		#Gnb{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 63px);height:auto;margin:0 !important;text-align:left;border-top:1px solid #ccc;}
		.one_depth > li{display:block;float:none;width:auto;text-align:left;}
		.one_depth > li > a.on, 
		.one_depth > li > a:hover,
		.one_depth > li:hover > a{color:#333;}
		.one_depth > li > a:after{display:none;}
		.one_depth > li > a.on::before{content:"";display:block;position:absolute;top:24px;right:15px;width:15px;height:15px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;background:none;transform:rotate(45deg);transition-duration:0s;}
		.one_depth > li > a.active::before{top:32px;transform:rotate(-135deg);}
		.one_depth > li + li{margin-left:0;}
		.one_depth > li > a{display:block;height:76px;line-height:76px;padding:0 15px;color:#333;}
		.one_depth > li > a.active + .two_depth_wrap .two_depth{padding:18px 0;}
		.one_depth > li .two_depth_wrap{display:none;border:none;background-color:#f4f4f4 !important;opacity:1;transition:none;}
		.two_depth{position:relative;top:0;height:auto;}
		.two_depth > li{top:0 !important;opacity:1 !important;}
		.two_depth > li > a{display:block;padding:8px 0 8px 29px;}
		.two_depth > li > a.on, 
		.two_depth > li > a:hover{color:#333;}
		.two_depth > li > a:after{display:none;}
		:lang(en) .two_depth > li > a{font-size: 0.875em;}

		.header-util{right:9px;}
		.header-util > .header_menu{z-index:100;}
		.header-util > .header-search{margin-right:4px;}
		.header-util > .header-search .close{position:absolute;right:0;top:0;}
		.header-util > .header-txt{position:fixed;left:74px;height:auto;}
		.header-search{top:65px;}



		}

		@media screen and (max-width:767px){
			.cont_inner{padding:0 15px;}
			.header_cont h1.logo{left:15px;}
			.header_cont .cont_inner{height:60px;}
			.header_cont h1.logo{width:131px;height:39px;}
		}

		@media screen and (max-width:520px){
			.cont_inner{padding:0 10px;}
			.header_cont h1.logo{left:10px;}
		}

**/







/******************************* footer *******************************/

	.floating_link{position:fixed;right:15px;top:150px;z-index:777;}
	.floating_link a{width:70px;height:70px;line-height:1.2;border-radius:50%;margin:10px auto;text-align:center;display:table;color:#fff;}
	.floating_link a span{display:table-cell;vertical-align:middle;}
	.floating_link a{background-position:center center;background-size:inherit;background-repeat:no-repeat;}
	.floating_link a:nth-child(1){background-color:#fae100;background-image:url('../../../images/common/floating_kakao_ch.png');}
	/*.floating_link a:nth-child(1){background-color:#fae100;color:#000;}*/
	.floating_link a:nth-child(1):hover{background-color:#e1ca00;}
	.floating_link a:nth-child(2){background-color:#cf0f1d;background-image:none;color:#fff;}
	.floating_link a:nth-child(2):hover{background-color:#a61017;}
	
	.go_top{max-width:1640px;margin:0 auto;}
	.go_top a{/*display:none;*/position:fixed;right:15px;bottom:82px;overflow:hidden;float:right;width:50px;height:50px;text-indent:-999em;box-sizing:border-box;border-radius:50%;background:#cdcdcd;transition:.2s;z-index:101;}
	.go_top a:before{content:"";position:absolute;left:50%;top:50%;width:1px;height:24px;background-color:#fff;transform:translate(-50%,-50%);}
	.go_top a:after{content:"";position:absolute;left:50%;top:10px;width:8px;height:8px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translateX(-50%) rotate(-45deg);}
	.go_top a:focus,.go_top a:hover{border-color:#333;background:#333;}

	.footer{clear:both;background:#fff;text-align:center;}
	.footer .footer_top{background:#f5f5f5;padding:1.250em 0;}
	.footer_top .footer_menu{}
	.footer_top .footer_menu a{padding:0 0.625em;color:#8f8f8f;position:relative;}
	.footer_top .footer_menu a::before{content:'';position:absolute;top:30%;left:0;width:1px;height:60%;background:rgba(0,0,0,0.18);}
	.footer_top .footer_menu a:first-child::before{content:none;}
	.footer_top .footer_menu a:hover{color:#333;}
	.footer .footer_cont{padding:1.875em 0;}
	.footer_cont .footer_sns{margin-bottom:1.875em;}
	.footer_sns a{width:50px;height:50px;line-height:50px;border-radius:50%;margin:0 5px;text-align:center;display:inline-block;color:#fff;}
	.footer_sns a{background-position:center center;background-size:inherit;background-repeat:no-repeat;}
	.footer_sns a:nth-child(1){background-color:#fae100;background-image:url('../../../images/common/sns_kakao_ch.png');}
	.footer_sns a:nth-child(1):hover{background-color:#efd700;}
	.footer_sns a:nth-child(2){background-color:#e32a2e;background-image:url('../../../images/common/sns_youtube.png');}
	.footer_sns a:nth-child(2):hover{background-color:#dc171c;}
	.footer_sns a:nth-child(3){background-color:#16d76b;background-image:url('../../../images/common/sns_naver_blog.png');}
	.footer_sns a:nth-child(3):hover{background-color:#0ac35b;}
	.footer_sns a:nth-child(4){background-color:#be016b;background-image:url('../../../images/common/sns_instargram.png');}
	.footer_sns a:nth-child(4):hover{background-color:#ab0160;}
	.footer_sns a:nth-child(5){background-color:#00c73c;background-image:url('../../../images/common/sns_naver_cafe.png');}
	.footer_sns a:nth-child(5):hover{background-color:#00b336;}
	.footer_sns a:nth-child(6){background-color:#01de9a;background-image:url('../../../images/common/sns_naver_tv.png');}
	.footer_sns a:nth-child(6):hover{background-color:#01bd83;}
	.footer_sns a:nth-child(7){background-color:#3b579e;background-image:url('../../../images/common/sns_facebook.png');}
	.footer_sns a:nth-child(7):hover{background-color:#2d488d;}
	.footer_cont address{font-size:0.875em;color:#999;padding:0 17em;}
	.footer_cont address span{position:relative;padding:0 3px;}
	.footer_cont address span:after{content:':';padding-left:3px;}
	.footer_cont address p.copyright{margin-top:0.625em;}


	@media screen and (max-width:1280px){
		.footer_cont address{padding:0 20px;}
	}

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

	@media screen and (max-width:767px){
		.footer_cont address{padding:0 15px;}
		.footer_sns a{width:40px;height:40px;line-height:40px;margin:0 3px;}
		.footer_sns a{background-size:85%;}
	}

	@media screen and (max-width:520px){
		.footer_cont address{padding:0 10px;}
		.footer .footer_cont{padding:20px 0;}
		.footer_cont .footer_sns{margin-bottom:20px;}
	}

	@media screen and (max-width:480px){
		.ui.modal-frame .table_wrap table tbody th{padding:5px;}
		.footer_cont address{padding:0 15px;}
		.footer_sns a{width:30px;height:30px;line-height:30px;margin:0 2px;}
		.footer .footer_cont{padding:15px 0;}
		.footer_cont .footer_sns{margin-bottom:15px;}
	}


/******************************* popup ****************************/

	body.uiTab2{background:transparent;}
	.ui.modal.popup_wrap,
	.ui.modal-frame {background:transparent;}
	.ui.modal.popup_wrap .header,
	.ui.modal-frame      .header,
	.ui.modal-frame > form > .header{padding:1em;color:#fff;background:#0e1422 url('../../../images/sub/subvisual_common.jpg') no-repeat top left;border-top-left-radius:0.28571429em;border-top-right-radius:0.28571429em;}
	.ui.modal.popup_wrap .top.close{right:1em;top:1em;background:#fff2ca;color:#0e1422;}
	.ui.modal-frame .top.close{right:1em;top:0.7em;padding:0;z-index:501;background:#fff2ca;color:#0e1422;line-height:2.25em;}

	.scoll{overflow-y:auto !important;}
	.hide{display:none;}
	.required_mark:after{content:' *';color:red;}

	.mem_regist.popup_wrap{}
	.mem_regist.popup_wrap .flex_cont{padding:30px;}
	.mem_regist.popup_wrap .flex_cont .obj{text-align:center;}
	.mem_regist.popup_wrap .flex_cont .obj a{padding:20px 0;font-size:1.2em;border-radius:0.28571429em;color:#fff;display:inline-block;width:100%;margin:0;}
	.mem_regist.popup_wrap .flex_cont .obj a i{border:1px solid rgba(255,255,255,0.5);box-shadow:none;}
	.mem_regist.popup_wrap .flex_cont .obj:nth-child(1) a{background:#076ab6;}.mem_regist.popup_wrap .flex_cont .obj:nth-child(1) a:hover{background:#055391;}
	.mem_regist.popup_wrap .flex_cont .obj:nth-child(2) a{background:#920883;}.mem_regist.popup_wrap .flex_cont .obj:nth-child(2) a:hover{background:#7f0072;}


	@media screen and (max-width:1023px){
		.ui.modal-frame .table_wrap,
		.ui.modals .ui.form.table_wrap{overflow-x:scroll;width:100%;}

		.mem_regist.popup_wrap .flex_cont{padding:10px;}
		.mem_regist.popup_wrap .flex_cont .obj a{padding:15px 0;}
	}

	@media screen and (max-width:767px){
		.footer_cont address{padding:0 15px;}

		.mem_regist.popup_wrap .flex_cont{padding:0;}
		.mem_regist.popup_wrap .flex_cont .obj a{padding:15px 0;}
	}

	@media screen and (max-width:480px){
		.ui.modal-frame .table_wrap table tbody th{padding:5px;}
	}

/******************************* etc ****************************/
.cursor {cursor: pointer;}




/******************************* popup : 2022.01.24 ****************************/

.pop_layer{display:none;position:absolute;top:50%;left:50%;width:420px;height:auto;background:#fff;border:1px solid rgba(0,0,0,0.2);border-radius:10px;box-shadow:rgba(0,0,0,0.5);z-index:10;}
.dim_layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.dim_layer .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.dim_layer .pop_layer{display:block;}
.pop_layer .pop_container{}
.pop_container .pop_contents{}
.pop_contents header{width:100%;border-bottom:1px solid #ddd;}
.pop_contents header h3{font-size:20px;color:#000;font-weight:bold;margin:0;padding:0;}
.pop_contents .layer_inner{padding:30px;background:#fafafa;}
.pop_contents footer{border-top:1px solid #ddd;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
.pop_contents footer .obj{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.pop_contents footer .obj.field{margin:0 !important;}
.pop_contents footer a.layer_close{padding:3px 7px;margin-left:10px;border-radius:5px;display:block;background:#cf0f1d;border:none;text-align:center;color:#fff;}
.pop_contents footer a.layer_close:hover{background:#b6000d;}
.pop_contents footer label,.pop_contents footer a.layer_close{font-size:0.875em !important;}
.pop_contents header,.pop_contents footer{padding:10px 15px;}
.pop_contents .layer_inner img { height: auto;}

@media screen and (max-width:767px){
	.pop_contents header h3{font-size:18px;}
	.pop_contents header a.layer_close{padding:5px;}
	.pop_contents .layer_inner{padding:25px;}
	.pop_contents header,.pop_contents footer{padding:10px;}
}

@media screen and (max-width:480px){
    .pop_layer{width:340px;}
	.pop_contents header h3{font-size:16px;}
	.pop_contents .layer_inner{padding:20px;}
}

@media screen and (max-width:360px){
    .pop_layer{width:320px;}
	.pop_contents header h3{font-size:15px;}
	.pop_contents .layer_inner{padding:15px;}
}

/******************************* editor ****************************/
.ck-reset_all { display: none;}
.ck-image-upload-complete-icon { display: none;}
.ck-widget__selection-handle  { display: none;}
/*figure.table.ck-widget table {width: 100%;}*/
figure.table.ck-widget table, figure.table.ck-widget table td {border: 1px solid #bfbfbf;}
figure.table.ck-widget table {border-collapse: collapse;}

/******************************* table list sort ****************************/
table.data_list thead th span.sort-arrows { position: relative; margin-left: 5px; display: inline-block; height: 10px; }
table.data_list thead th span.sort-arrows.hide { display: none;}
table.data_list thead th span.sort-arrows span { cursor: pointer; display: block; width: 0; height: 0; border: solid 5px transparent; background: transparent; }
table.data_list thead th span.sort-arrows span.sort-up   { border-bottom: solid 5px gray; border-top-width: 0; }
table.data_list thead th span.sort-arrows span.sort-down { border-top: solid 5px gray; border-bottom-width: 0; margin-top:1px; }
table.data_list thead th span.sort-arrows span.sort-up.active   { border-bottom-color: tomato;}
table.data_list thead th span.sort-arrows span.sort-down.active { border-top-color: tomato; }
table.data_list thead th span.sort-arrows span.sort-up:hover   { border-bottom-color: black; }
table.data_list thead th span.sort-arrows span.sort-down:hover { border-top-color: black; }

/******************************* Common ****************************/
.bg_gray {background-color : #eee !important;}
.scroll {overflow-y: auto;}
.scroll-y {overflow-y: auto; max-height:calc(100%-100px) !important;}
.ellipsis {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.student-icon {color:#076AB6; margin:0 2px;}
.wfull {width:100%;}
.tooltip_layer_box {position: absolute; background-color:#fff; border: solid 1px #eee; padding:10px;}
.pad10 {padding: 10px;}
.pad0 {padding: 0 !important;}
.pad-bot-0 {padding-bottom:0 !important;}
.pad-bot-5 {padding-bottom:5px !important;}
#main_cal_title .obj {padding:0;}
.fc-list-item-time { display:none;}
.cal_arrow_date {cursor:pointer; border-radius:50%; color:#cccccc; border:solid 1px #cccccc; font-size:12px; display:inline-block; margin: 0 5px; width:20px; height:20px; line-height:20px; text-align:center;}
.icon_delimiter {color:#eeeeee;}