arset "utf-8";
@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-display: swap;
}

.countbox { width:100%;height:auto;overflow:hidden;background:#dcc3be;text-align:center; }
.countbox .countboxin { position:relative;width:100%;height:auto;overflow:hidden;margin:0px auto;color:#fff;font-family: 'Pretendard'; }
.countbox .countboxin img { width:100%; }
.countbox .countboxin .ctext1 { position:absolute;width:170px;height:auto;overflow:hidden;left:22.4%;top:85%;text-align:left; }
.countbox .countboxin .ctext2 { position:absolute;width:170px;height:auto;overflow:hidden;left:46%;top:66%;text-align:left; }
.countbox .countboxin .ctext3 { position:absolute;width:170px;height:auto;overflow:hidden;left:68.5%;top:44.5%;text-align:left; }
.countbox .countboxin .st1 { font-size:16px;font-weight: 600;text-shadow: 1px 2px 3px #000000;line-height:20px; }
.countbox .countboxin .st2 { font-size:27px;font-weight: 500;text-shadow: 1px 2px 3px #000000;line-height:31px; }
.countbox .countboxin .st3 { font-size:19px;font-weight: 800;text-shadow: 1px 2px 3px #000000; }

.cf:after{content:''; display: block; clear: both;}
.m_t2{margin-top: 2px;}
.m_b15{margin-bottom: 15px;}
#wrap{margin: 0 auto; max-width: 640px; min-width: 320px; position: relative; width: 100%;}
#wrap img {max-width:100%;}
#m_header{max-width: 640px; min-width: 320px; overflow: hidden; position: relative; top:0; width: 100%; z-index: 8; height: 56px; line-height: 56px; background: #ffffff; border-bottom: 1px solid #dedede;}
#m_header ul{overflow: hidden;}

/*
#m_header ul li{float: left; text-align: center; border-right: 1px solid #e1e1e1; box-sizing: border-box;}
#m_header ul li:last-child{border-right: 0;}
#m_header ul li img{vertical-align: middle;}
#m_header ul li:nth-child(1){width: 15%;}
#m_header ul li:nth-child(1) img{height: 27px;}
#m_header ul li:nth-child(2){width: 70%;}
#m_header ul li:nth-child(2) img{height: 31px; padding-top: 5px;}
#m_header ul li:nth-child(3){width: 15%;}
#m_header ul li:nth-child(3) img{height: 33px;}
#m_header ul li a{display: block;}
*/

#m_header ul li{float: left; text-align: center; /*border-right: 1px solid #e1e1e1;*/ box-sizing: border-box;}
#m_header ul li:last-child{border-right: 0;}
#m_header ul li img{vertical-align: middle;}
#m_header ul li:nth-child(1){ width: 50%; text-align:left;padding-left:5px;}
#m_header ul li:nth-child(1) img{height: 31px; padding-top: 5px;}
#m_header ul li:nth-child(2){width: 38%;}
#m_header ul li:nth-child(2) img{height: 27px;}
#m_header ul li:nth-child(3){width: 12%;}
#m_header ul li:nth-child(3) img{height: 33px;}
#m_header ul li a{display: block;}

#section .m_video01 iframe{width: 100% !important;}

div#navMenuIcon {position:fixed;width:43px;height:43px;left:20px;bottom:50px;cursor:pointer;z-index:1000000000000;}
.all_top{display:none;position:fixed;top:30px;left:50%;margin-left:-20px;z-index:9999999999999999;}
.all_top button{display:block;width:40px;height:40px;background:url(/m/images/home_list_top_ic_nor.png) no-repeat 0 0;background-size:40px 40px;text-indent:-9999px;overflow:hidden;}
#allmenuwrap {position:fixed; left:-640px; top:0px; max-width:640px; min-width: 320px; width:100%; z-index:9; overflow:scroll; height: 100%;}
#allmenuwrap::-webkit-scrollbar {display: none;width: 0px;height: 0px;}
#allmenuwrap .top{background: #ffffff;}
#allmenuwrap ul.top {overflow: hidden; height: 56px; position: relative; background: #ffffff;}
#allmenuwrap ul.top li{position: absolute;}
#allmenuwrap li.all_menu_logo {left: 50%; margin-left: -50px; margin-top: -15px; top: 50%;}
#allmenuwrap li.all_menu_logo img{height: 31px;}
#allmenuwrap li.all_menu_bt {right: 16px; top: 50%; margin-top: -10px}
#allmenuwrap li.all_menu_bt img{height: 20px;} 
#allmenuwrap .menu{text-align: center; font-size: 0; background: #101010;}
#allmenuwrap .menu li{display: inline-block; width: 50%;}
#allmenuwrap .menu li a{height: 20px; line-height: 20px; display: block; font-size: 12px; color: #ffffff; margin: 7px 0; font-family: 'notokr_demilight';}
#allmenuwrap .menu li:nth-child(2) a{border-left: 1px solid #4d4d4d;}
#allmenuwrap .icon_menu{background: #ffffff;}
#allmenuwrap .icon_menu ul{overflow: hidden;}
#allmenuwrap .icon_menu li{float: left; width: 20%; height: 69px;}
#allmenuwrap .icon_menu li a{display: block; font-size: 12px; text-align: center; margin: 13px 0; height: 43px; position: relative; letter-spacing: -1px; color: #101010;}
#allmenuwrap .icon_menu li a span{position: absolute; width: 100%; bottom: 0px; left: 0;}
#allmenuwrap .icon_menu li:nth-child(1){background: url(/m/images/m_bottom_quick_01.png) no-repeat top 15px center; background-size: 15px;}
#allmenuwrap .icon_menu li:nth-child(1) a{ border-right: 1px solid #d1d0d0;}
#allmenuwrap .icon_menu li:nth-child(2){background: url(/m/images/m_bottom_quick_02.png) no-repeat top 15px center; background-size: 20px;}
#allmenuwrap .icon_menu li:nth-child(2) a{ border-right: 1px solid #d1d0d0;}
#allmenuwrap .icon_menu li:nth-child(3){background: url(/m/images/m_bottom_quick_03.png) no-repeat top 14px center; background-size: 20px;}
#allmenuwrap .icon_menu li:nth-child(3) a{ border-right: 1px solid #d1d0d0;}
#allmenuwrap .icon_menu li:nth-child(4){background: url(/m/images/m_bottom_quick_04.png) no-repeat top 17px center; background-size: 20px;}
#allmenuwrap .icon_menu li:nth-child(4) a{ border-right: 1px solid #d1d0d0;}
#allmenuwrap .icon_menu li:nth-child(5){background: url(/m/images/m_bottom_quick_06.png) no-repeat top 16px center; background-size: 17px;}

#allmenuwrap .allmenu{overflow: hidden; background: #ffffff;}
#allmenuwrap .allmenu>ul{float: left; width: 100%; background: #f7f8f9;}
#allmenuwrap .allmenu>ul.m_gnb_01>li{border-right: 1px solid #d1d0d0; box-sizing: border-box;}
#allmenuwrap .allmenu>ul>li>ul {display: none;}
#allmenuwrap .allmenu>ul>li a{display: block; padding: 0 10px; font-size: 13px; line-height: 45px;}
#allmenuwrap .allmenu>ul>li>a{color: #333333; position: relative; border-top: 1px solid #d1d0d0; font-family: 'notokr_demilight';}
#allmenuwrap .allmenu>ul>li.last>a{border-bottom: 1px solid #d1d0d0;}
#allmenuwrap .allmenu>ul>li.last ul li a{border-top: 0; border-bottom: 1px solid #d1d0d0;}
#allmenuwrap .allmenu>ul>li>a span{background: rgba(0, 0, 0, 0) url(/m/images/menu_off.png) no-repeat scroll center center; display: block; height: 20px; margin-top: -10px; position: absolute; right: 10px; top: 50%; width: 10px; background-size: 5px;}
#allmenuwrap .allmenu>ul>li>ul{background: #ffffff;}
#allmenuwrap .allmenu>ul>li>ul>li>a{border-top: 1px solid #d2d4d3; font-size: 12px;}
.rotate180 {background: rgba(0, 0, 0, 0) url(/m/images/menu_on.png) no-repeat scroll center center / 10px auto!important; height: 10px!important; margin-top: -5px!important; right: 5px!important; width: 20px!important;}
div.blinder {background: #666972 none repeat scroll 0 0; display: none; left: 0; position: absolute; top: 0; z-index: 7;}

#m_visual_01{max-width: 640px; margin: 0 auto;}
#m_visual_01 .slick-dotted.slick-slider{margin-bottom: 0;}
#m_visual_01 .slick-dots{bottom: 25px;}
#m_visual_01 .slick-dots li{width: 12px; height: 12px;}
#m_visual_01 .slick-dots li button{padding: 0;}
#m_visual_01 .slick-dots li button::before{font-size: 8px; color: #ffffff; opacity: 0.5; width: 12px; height: 12px; padding-top: 5px}
#m_visual_01 .slick-dots li.slick-active button::before{opacity: 1;}

.p_t90{padding-top: 45px;}
.p_b50{padding-bottom: 25px;}
#section .main_title01{text-align: center;}
#section .main_title01>span{display: block; letter-spacing: -0.1em;}
#section .main_title01>span.main_title01_img{padding-bottom: 10px;}
#section .main_title01>span.main_title01_img img{height: 25px;}
#section .main_title01>span.main_title01_text01{font-size: 20px; color: #000000; font-family: notokr_thin;}
#section .main_title01>span.main_title01_text02{font-size: 12px; color: #8f8f8f;}

#section .main_banner01_wrap{width: 100%; overflow: hidden; padding: 35px 0 40px 0;}
#section .main_banner01_wrap .main_banner01 li a span{display: block; text-align: center; letter-spacing: -0.1em;}
#section .main_banner01_wrap .main_banner01 li a span.main_banner01_img{position: relative;}
#section .main_banner01_wrap .main_banner01 li a span.main_banner01_img span.view{width: 100%; height: 100%; position: absolute; background: url(/images/main_img08.png) repeat; display: none;}
#section .main_banner01_wrap .main_banner01 li a span.main_banner01_img span.view span.circle{position: absolute; left: 50%; display: block; background: url(/images/main_img09.png) no-repeat center; width: 126px; height: 126px; line-height: 126px; margin-left: -63px; text-align: center; top: 50%; margin-top: -63px;}
#section .main_banner01_wrap .main_banner01 li a span.main_banner01_img span.view span.circle span.circle_text{display: inline-block; color: #ffffff; font-size: 15px; font-family: notokr_medium; padding-right: 10px; background: url(/images/main_img10.png) no-repeat right center;}
#section .main_banner01_wrap .main_banner01 .slick-slide img {transition: all 0.3s ease; width: 100%;}
#section .main_banner01_wrap .main_banner01 .slick-slide:hover .view {display: block!important;}
#section .main_banner01_wrap .main_banner01 .slick-slide a {position: relative; display: block; text-decoration: none; }

#section .main_banner01_wrap .main_banner01 li a span.main_banner01_text01{font-size: 13px; color: #242424; font-family: notokr_demilight; padding: 10px 0 5px 0;}
#section .main_banner01_wrap .main_banner01 li a span.main_banner01_text02{font-size: 11px; color: #8f8f8f;}
#section .main_banner01_wrap .main_banner01 .slick-prev::before,
#section .main_banner01_wrap .main_banner01 .slick-next::before{content: " ";}
#section .main_banner01_wrap .main_banner01 .slick-prev{left: 50%; margin-left: -35px; top: -17px; width: 34px; height: 34px; background: url(/images/main_img12.png) no-repeat center; background-size: 34px;}
#section .main_banner01_wrap .main_banner01 .slick-next{left: 50%; top: -17px; width: 34px; height: 34px; background: url(/images/main_img13.png) no-repeat center; background-size: 34px;}

#section .line_100{width: 100%; height: 1px; background: #e3e3e3;}
#section .main_title02{text-align: center; font-size: 0;}
#section .main_title02 span{display: inline-block; letter-spacing: -0.1em;}
#section .main_title02 span.main_title02_line{display: block; margin: 0 auto; width: 1px; height: 40px; background: #c2c2c2; margin-bottom: 15px;}
#section .main_title02 span.main_title02_img img{height: 25px;}
#section .main_title02 span.main_title02_text{display: block; font-size: 15px; line-height: 18px; color: #353535; padding-top: 10px;}


#section .main_title03{text-align: center; font-size: 0; margin-bottom:10px }
#section .main_title03 span{display: inline-block; letter-spacing: -0.1em;}
#section .main_title03 span.main_title03_line{display: block; margin: 0 auto; width: 1px; height: 40px; background: #c2c2c2; margin-bottom: 15px;}
#section .main_title03 span.main_title03_img img{height: 25px;}
#section .main_title03 span.main_title03_text{display: block; font-size: 20px; line-height: 18px; color: #353535; padding-top:0px; }


#section .main_title04{text-align: left; font-size: 0;margin-bottom: 20px; }
#section .main_title04 span{display: inline-block; letter-spacing: -0.1em;}
#section .main_title04 span.main_title04_line{display: block; margin: 0 auto; width: 1px; height: 40px; background: #c2c2c2; margin-bottom: 15px;}
#section .main_title04 span.main_title04_img img{height: 25px;}
#section .main_title04 span.main_title03_text{display: block; font-size: 12px; line-height: 12px; color: #353535; padding-top:0px; font-weight: 600;margin:5px;   }
#section .main_title04 span.main_title04_text{display: block; font-size: 14px; line-height: 16px; color: #787878; padding-top:0px;margin-left:5px;  }





#section .main_banner02_wrap{text-align: center; font-size: 0; width: 100%; margin: 30px 0 auto;}
#section .main_banner02_wrap>li{display: inline-block; width: 50%;}
#section .main_banner02_wrap>li a{display: block;}
#section .main_banner02_wrap>li:nth-child(odd) a{margin: 0 3px 0 6px;}
#section .main_banner02_wrap>li:nth-child(even) a{margin: 0 6px 0 3px;}
#section .main_banner02_wrap>li:nth-child(n+1):nth-child(-n+6){margin-bottom: 6px;}

#section .bg01_wrap{background: url(/images/main_img21.png) no-repeat center; padding-bottom: 50px; background-size: cover;}
#section .bg01_wrap>div{width: 100%; margin: 0 auto;}
#section .bg01_wrap>div>div.top{text-align: center; padding-top: 35px;}
#section .bg01_wrap>div>div.top span{display: block;}
#section .bg01_wrap>div>div.top span.top_img img{height: 15px;}
#section .bg01_wrap>div>div.top span.top_line{width: 30px; height: 1px; background: #b2b4b6; margin: 15px auto;}
#section .bg01_wrap>div>div.top span.top_text{font-size: 14px; color: #b9babc;}
/* #section .bg01_wrap>div>div.bg01_img{position: absolute; bottom: 0; left: -150px; z-index: 2;} */
#section .bg01_wrap>div>ul.banner_wrap{overflow: hidden; background: #ffffff; width: 90%; padding: 5%; margin-top: 20px;}
#section .bg01_wrap>div>ul.banner_wrap li{width: 31.33%; height: 150px; float: left; margin: 0 1%;}
#section .bg01_wrap>div>ul.banner_wrap li a{height: 150px; margin: 0 10px; position: relative; display: block;}
#section .bg01_wrap>div>ul.banner_wrap li span{position: absolute; width: 100%; text-align: center;}
#section .bg01_wrap>div>ul.banner_wrap li span.banner_wrap_text01{font-size: 14px; color: #ffffff; top: 55px;}
#section .bg01_wrap>div>ul.banner_wrap li span.banner_wrap_text02{font-size: 10px; color: #acabaa; top: 80px; text-transform: uppercase;}
#section .bg01_wrap>div>ul.banner_wrap li.banner01{background: url(/images/main_img23.png) no-repeat center; background-size: cover;}
#section .bg01_wrap>div>ul.banner_wrap li.banner02{background: url(/images/main_img24.png) no-repeat center; background-size: cover;}
#section .bg01_wrap>div>ul.banner_wrap li.banner03{background: url(/images/main_img25.png) no-repeat center; background-size: cover;}

.viedo_bf_wrap{background: #f7f8f9;/* padding-bottom: 25px;*/}
.viedo_bf_wrap .viedo_bf{width: 90%; padding: 0 5%; margin: 0 auto;}
.viedo_bf_wrap .viedo_bf>div{width: 100%; text-align: center;}
.viedo_bf_wrap .viedo_bf>div>.viedo_bf_wrap_title{padding: 25px 0 15px 0;}
.viedo_bf_wrap .viedo_bf>div>.viedo_bf_wrap_title img{height: 25px;}
.viedo_bf_wrap .viedo_bf>div.right_bf .main_bf_wrap .main_bf{position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	/*padding-bottom: 66%;*/padding-bottom:8%;}
.viedo_bf_wrap .viedo_bf>div.right_bf .main_bf_wrap .main_bf>a,
.viedo_bf_wrap .viedo_bf>div.right_bf .main_bf_wrap .main_bf>span{display: block;position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
.viedo_bf_wrap .viedo_bf>div.right_bf .main_bf_wrap .main_bf>a.login_img{z-index: 2;}

.info_wrap{background: #f7f8f9; padding: 30px 0 45px 0;}
.info_wrap>div{width: 100%;}
.info_wrap>div>div{width: 90%; padding: 0 5%;}
.info_wrap .info_03{text-align: center;}
.info_wrap .info_03{}
.info_wrap .info_03 a{display: block;}
.info_wrap .info_03 a img{max-width: 100%;}

#footer{background: #ffffff; padding-bottom: 80px;}

#footer .f_menu{background: #0a0a0a; padding: 10px 0;}
#footer .f_menu ul{text-align: center; font-size: 0;}
#footer .f_menu ul li{display: inline-block; font-size: 0;}
#footer .f_menu ul li a{display: inline-block; font-size: 12px; color: #ffffff;}
#footer .f_menu ul li a span{display: inline-block; width: 1px; height: 6px; background: #858585; margin: 1px 10px;}

#footer .f_member{margin: 25px 0;}
#footer .f_member ul{text-align: center; font-size: 0;}
#footer .f_member ul li{display: inline-block;}
#footer .f_member ul li a{display: inline-block; font-size: 12px; color: #333333;}
#footer .f_member ul li a span{display: inline-block; width: 1px; height: 6px; background: #333333; margin: 1px 10px;}

#footer .adress{text-align: center; font-size: 12px; color: #929292;line-height: 1.5;}
#footer .adress p{color: #000; margin-top: 5px; font-size: 11px;}
#footer .f_logo{text-align: center; margin:0 25px;}
#footer .f_logo img{height: 40px;}
#footer .f_sns{text-align: center; font-size: 0;}
#footer .f_sns li{display: inline-block;}
#footer .f_sns li a{display: block; width: 45px; height: 45px; text-align: center; line-height: 45px; border: 1px solid #e3e3e3; border-radius: 50%; margin: 20px 4px;}
#footer .f_sns li a img{vertical-align: middle; height: 20px;}


#wrap .m_quick{position: fixed; z-index: 6; height: 55px; bottom: 0; background: #ffffff; width: 100%; max-width: 640px; min-width: 320px; border-top: 1px solid #cfcfcf;}
#wrap .m_quick ul{overflow: hidden;}
#wrap .m_quick ul li{float: left; width: 20%; height: 55px; position: relative; border-right: 1px solid #cfcfcf; box-sizing: border-box;}
#wrap .m_quick ul li a{height: 55px; display: block; color: #323232;}
#wrap .m_quick ul li span{position: absolute; bottom: 3px; display: block; text-align: center; width: 100%; font-size: 12px;}
#wrap .m_quick ul li:last-child{border-right: 0;}
#wrap .m_quick ul li:nth-child(1){background: url(/m/images/m_bottom_quick_01.png) no-repeat center top 9px; background-size: 20px;}
#wrap .m_quick ul li:nth-child(2){background: url(/m/images/m_bottom_quick_02.png) no-repeat center top 9px; background-size: 20px;}
#wrap .m_quick ul li:nth-child(3){background: url(/m/images/m_bottom_quick_03.png) no-repeat center top 9px; background-size: 20px;}
#wrap .m_quick ul li:nth-child(4){background: url(/m/images/m_bottom_quick_04.png) no-repeat center top 9px; background-size: 20px;}
#wrap .m_quick ul li:nth-child(5){background: url(/m/images/m_bottom_quick_06.png) no-repeat center top 9px; background-size: 20px;}

@media screen and (max-width: 1200px)
.hd_pops .hd_pops_con {width: 100%!important; height: 100%!important;}

@media screen and (max-width:640px) {

#hd_pop {z-index:3;position:relative;margin:0 auto;height:0;}
.hd_pops{top:113px !important; margin-left: 15px; z-index: 3 !important;position:absolute;border:1px solid #e9e9e9;background:#fff;left: 0 !important;}	
.hd_pops img{width:100%;}	
}

@media screen and (max-width:419px) {
	
#section .bg01_wrap > div > ul.banner_wrap li.banner03 span.banner_wrap_text01 {top: 40px;}

}