.container{ width:1198px; margin:0 auto;}

/*header_wrap*/
#header_wrap{}
#headerland{}
#headerland h1{ float:left; margin:43.3px 0 0 0;}
#headerland h1 img{ width:240px;}
#header_right{ float:right;}

#gnb_wrap{}
#gnb_wrap ul{ margin:30px 0 0 0;}
#gnb_wrap ul li{ float:right; margin-left:5px;}
#gnb_wrap ul li a{ display:block;}
#gnb_wrap ul li:nth-child(1){ background:#335792; color:#ffffff; width:100px; height:27px; line-height:27px; text-align:center; font-size:14px; border-radius:13.5px; }
/*#gnb_wrap ul li:nth-child(2){ background:#ffffff; color:#39588f; width:100px; height:27px; line-height:27px; text-align:center; font-size:14px; border-radius:13.5px; border:1px solid #39588f; box-sizing:border-box;}*/
#gnb_wrap ul li:nth-child(2){ color:#335792; font-size:15px; background:url(../images/gnb_user.png) no-repeat 0 50%; padding:0 0 0 25px; margin:2px 5px 0 15px;}
#gnb_wrap ul li:nth-child(3){ background:#627b94; width:1px; height:14px; margin:7px 0 0 15px;}
#gnb_wrap ul li:nth-child(4){ color:#335792; font-size:15px; background:url(../images/gnb_lock.png) no-repeat 0 50%; padding:0 0 0 25px; margin:2px 0 0 15px;}

	/**/
	.blinkk {  animation: blink-effect 1s step-end infinite; }
	
	@keyframes blink-effect {
	  50% {
		opacity: 0.3;
	  }
	}
	/**/

#lnb_wrap{ clear:both; margin:18px 0 0 0;}
#top_tk{ float:right; height:27px;}
#top_tk ul{}
#top_tk > ul > li{ float:left; margin-left:3px; border:1px solid #adbed8; box-sizing:border-box;  border-radius:13.5px; text-align:center; padding:0;}
#top_tk > ul > li:nth-child(1){ border:none;}
#top_tk > ul > li:nth-child(2){ padding:0 10px;}
#top_tk > ul > li:nth-child(3){ padding:0 10px;}
#top_tk input{ border:none; width:50px; font-size:13px;}
#top_tk input::placeholder { color:#adbed8; font-size:13px;  color:#adbed8;}
#top_tk .tk_btn{ display: inline-block; background:url(../images/mtop_class.png) no-repeat 50% 50%; text-indent:-99999px; width:16px; height:27px;}
#top_tk select{ border:none; width:45px; font-size:13px; color:#68758f;}
#top_tk select::placeholder { color:#68758f; font-size:13px; }

#toggle{ width:81px;}
#toggle a{ font-size:13px; text-align:center;  transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
#toga{ float:left; width:46px; border:1px solid #adbed8; box-sizing:border-box; border-radius:13.5px 0 0 13.5px; padding:0 5px 0 0;}
#toga:hover{background:#39588f; border:1px solid #39588f; box-sizing:border-box; color:#ffffff;}
#togb{ float:left; width:44px; margin-left:-10px; background:#39588f; border:1px solid #39588f; box-sizing:border-box; color:#ffffff; border-radius:13.5px;}
#togb:hover{border:1px solid #adbed8; box-sizing:border-box; background:#ffffff; color:#39588f;}


/*******toggle01*********/
#toggle01{ width:80px; height:27px; border-radius: 13.5px;  border: solid 1px #adbed8;}
#toggle01 ul li{ float:left; font-size:13px;}
#toggle01 ul li:nth-child(1){ width:37px; line-height:27px;}
#toggle01 ul li:nth-child(2){ background:#39588f; border-radius:13.5px; text-align:center; color:#ffffff; width:44px; height:27px; line-height:27px; margin-right:-1px;}

#toggle02{ width:80px; height:27px; border-radius: 13.5px;  border: solid 1px #adbed8;}
#toggle02 ul li{ float:left; font-size:13px;}
#toggle02 ul li:nth-child(2){ width:37px; line-height:27px;}
#toggle02 ul li:nth-child(1){ background:#39588f; border-radius:13.5px; text-align:center; color:#ffffff; width:44px; height:27px; line-height:27px; margin-left:-1px;}


/*#top_tk2_디자인변경*/
#top_tk2{ float:right;}
#top_tk2 ul{ border-left:1px solid #627b94; height:20px; line-height:20px; padding-left:5px; margin:5px 0 0 0;}
#top_tk2 ul li{ float:left; margin-left:5px; font-size:14px; line-height:20px; }
#top_tk2 h4{ margin:0 5px 0 6px;}
#tk_input input{ height:24px; border-radius:3px; border:1px solid #627ea9; width:155px; text-align:center; margin-top:-4px;}
#tk_input input::placeholder { font-size:12px;  color:#627ea9;}
#top_tk2 a{ display:block; background:#335792; color:#ffffff; border-radius:3px; padding:3px 5px; margin-top:-3px;}
#top_tk2 a:hover{ background:#1c3762;}

/*
#toggle ul li{ font-size:13px; float:left;}
#toggle ul li a{ display:block; height:27px; line-height:27px; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
#toggle ul li:nth-child(1){  color:#68758f; text-align:center; width:37px;}
#toggle ul li:nth-child(1):hover{ background:#39588f; color:#ffffff; border-radius:13.5px;}
#toggle ul li:nth-child(2){ background:#39588f; color:#ffffff; text-align:center; border-radius:13.5px; width:44px;}
#toggle ul li:nth-child(2):hover{ background:#ffffff; color:#39588f; }
*/
#navi_wrap{ float:right; padding-bottom:0px;}
#navi_wrap ul{}
#navi_wrap ul li{ float:left; margin-right:20px;}
#navi_wrap ul li:first-child{ margin-left:0px;}
#navi_wrap ul li a{ display:block; font-size:18px; color:#1b335f; font-weight:700; letter-spacing:-0.8px;}
#navi_wrap ul li a:hover{  color:#316adb;}

	/*up_icon*/
	#navi_wrap .up_icon{}
	#navi_wrap .up_icons{ position:absolute; top:-22px; right:175px; width:26px; height:26px; text-indent:-99999px; background:url(../images/up_icon.svg) no-repeat center/100%;}

#nav{ position:relative; z-index:999;}

/*nav_over_wrap*/
#navi_over_wrap{width:100%; background:#fbf9fa; position: absolute; top:124px; left:0px; z-index:99999; border-top:1px solid #e9e9e9; transition: all 0.5s ease; height:0px; overflow: hidden;}
#navi_over{ width:1198px; margin:0 auto;}
#navi_menu{}
#navi_menu ul li{ float:none;}
#navi_menu ul li a{ display:block; color:#606060; font-weight:500; text-align:center; font-size:15px; padding:5px 0; }
#navi_menu ul li a:hover{ font-weight:600; color:#23396a;}

#navi_over > div:nth-child(1){ margin-left:308px;}
#navi_over > div:nth-child(2){ margin-left:0px;}
#navi_over > div:nth-child(3){ margin-left:3px;}
#navi_over > div:nth-child(4){ margin-left:34px;}
#navi_over > div:nth-child(5){ margin-left:16px;}
#navi_over > div:nth-child(6){ margin-left:3px;}
#navi_over > div:nth-child(7){ margin-left:25px;}


#navi_wrap:hover #navi_over_wrap{ height:280px; padding-bottom:0px;}

/*****************************************************************************new_navi********************************************************************/
#nav > ul > li > a{ display:block; padding-bottom:22px;}


	#nav ul li ul {  
		  display: none; 
	}
	 
	 
	#nav ul li:hover > ul {
	  position: absolute;  
	  display: block;  
	  width: 110px;
	  height:auto; 
	  margin: -8px 0 0 0;
	  background:#ffffff;
	}
	 
	#nav ul li:hover > ul.mainSub1 { left:-22px;}
	#nav ul li:hover > ul.mainSub2 { left:58px; }
	#nav ul li:hover > ul.mainSub3 { left:133px; }
	#nav ul li:hover > ul.mainSub4 { left:298px; }
	#nav ul li:hover > ul.mainSub5 { left:388px; }
	#nav ul li:hover > ul.mainSub6 { left:465px; }
	#nav ul li:hover > ul.mainSub7 { left:550px; }
	 
	#nav ul li:hover > ul{ padding:0;}
	#nav ul li:hover > ul li{ border-bottom:1px dotted #dddddd; }
	#nav ul li:hover > ul li:last-child{ border-bottom:0px dotted #dddddd; }
	#nav ul li:hover > ul li a { width:110px; 
		display:block;	
	  	float: left;
	   font-weight:600;
	   font-size:15px;
	   padding:10px 0; 
	   color: #333333; 
	   text-decoration: none; 
	   margin: 0; 
	   text-align:center;
	}
	
	 
	#nav ul li:hover > ul li a:hover {
	  color: #316adb;
	}


	.bble
	{
	position: relative;
	width: 112px;
	height: 120px;
	padding: 0px;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: #d8d9db solid 1px; box-shadow: 0 0 4px 0 rgba(189, 190, 191, 0.5);
	}
	
	.bble:after
	{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 7px 11px;
	border-color: #ffffff transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -11px;
	left: 45px;
	}
	
	.bble:before
	{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 7px 11px;
	border-color: #d8d9db transparent;
	display: block;
	width: 0;
	z-index: 0;
	top: -12px;
	left: 45px;
	}





/*main_fla_mk_250107*/
#main_fla_mk{}
#main_fla_mk > ul > li{ background:url(../images/main_fla09.png) no-repeat center; width:100%; height:380px; text-indent:-99999px;}
#mf_navi{ width:1180px; position:relative; margin:0 auto; }
#mf_navi > ul{ height:320px; position:absolute; right:-10px; bottom:30px;}
#mf_navi > ul >li{}
#mf_navi > ul >li a{ display:block; background:#ffffff; text-align:center; padding:20px 20px; border-bottom:1px solid #dddddd; font-size:14px; color:#000000;}
#mf_navi > ul >li a:hover{ background:#1d2d59; color:#ffffff; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
#mf_navi > ul >li:first-child a{ border-radius:10px 10px 0 0;}
#mf_navi > ul >li:last-child a{ border-radius:0 0 10px 10px; border-bottom:none;}


/*new_total_menu*/
#new_total_menu{ float:right; margin:2px 10px 0 0;}
#new_total_menu a{ display:block; text-indent:-99999px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231b335f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-menu'%3e%3cline x1='3' y1='12' x2='21' y2='12'%3e%3c/line%3e%3cline x1='3' y1='6' x2='21' y2='6'%3e%3c/line%3e%3cline x1='3' y1='18' x2='21' y2='18'%3e%3c/line%3e%3c/svg%3e");
	 background-repeat:no-repeat; background-position:center; width:24px; height:24px;
}
#new_total_menu a:hover{ 
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233366ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-menu'%3e%3cline x1='3' y1='12' x2='21' y2='12'%3e%3c/line%3e%3cline x1='3' y1='6' x2='21' y2='6'%3e%3c/line%3e%3cline x1='3' y1='18' x2='21' y2='18'%3e%3c/line%3e%3c/svg%3e");
}



/*new_totalz_wrap*/
#new_totalz_wrap{ background:#ffffff; width:100%;  z-index:99999;  visibility:hidden; position: absolute; top:0px; left:0px;}
#new_totalz{ clear:both;}





#ntz_top_wrap{ border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:50px;}
#ntz_top{ width:1198px;   margin:0 auto;}
#ntz_top h1{ float:left;}
#ntx_close{ float:right;}
#ntx_close a{ display:block; text-indent:-99999px; width:38px; height:38px; margin:70px 0 0 0;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center;
}

#ntz_btm{ width:1198px; margin:0 auto;}
#ntz_btm > ul > li{ margin-bottom:50px;}
#ntz_btm > ul > li h2{ border-bottom:2px solid #1e335a; padding-bottom:10px; margin-bottom:15px;}
#ntz_btm > ul > li > ul > li{ float:left; width:calc(100%/5); font-size:18px;}
#ntz_btm > ul > li > ul > li > p{ font-weight:600; margin-bottom:5px;}




/*new_navi_wrap*/
.cen1200 {max-width:1198px; width:100%; min-width:980px; margin:0 auto;}

#new_navi_wrap{ float:right; padding-bottom:10px;}
#new_navi_wrap .main_nav_wr > ul{}
#new_navi_wrap .main_nav_wr  > ul > li{ float:left; margin-right:20px;}
#new_navi_wrap .main_nav_wr  > ul > li:first-child{ margin-left:0px;}
#new_navi_wrap .main_nav_wr  > ul > li a{ display:block; font-size:18px; color:#1b335f; font-weight:700; letter-spacing:-0.8px;}
#new_navi_wrap .main_nav_wr  > ul > li a:hover{  color:#316adb;}

.main_nav_wr > ul > li > a{ position: relative; display: inline-block; }
.main_nav_wr > ul > li > a span.underline{width:0%; height:4px;  position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); z-index:3; transition: all .2s;}

.main_nav_wr > ul > li:hover .underline{display:block; width:100%; transition: all .2s;opacity:1;}

.main_nav_li01 span.underline{background-color:#003267;}
.sub_nav01 .nav_list00 li a:hover {color:#003267;}
.main_nav_li01:hover > a{color:#003267 !important;}

.main_nav_li02 span.underline{background-color:#103eb5;}
.sub_nav02 .nav_list00 li a:hover {color:#103eb5;}
.main_nav_li02:hover > a{color:#103eb5 !important;}

.main_nav_li03 span.underline{background-color:#116117;}
.sub_nav03 .nav_list00 li a:hover {color:#116117;}
.main_nav_li03:hover > a{color:#116117 !important;}

.main_nav_li04 span.underline{background-color:#8A75C4;}
.sub_nav04 .nav_list00 li a:hover {color:#8A75C4;}
.main_nav_li04:hover > a{color:#8A75C4 !important;}

.main_nav_li05 span.underline{background-color:#ff9a00;}
.sub_nav05 .nav_list00 li a:hover {color:#ff9a00;}
.main_nav_li05:hover > a{color:#ff9a00 !important;}

.main_nav_li06 span.underline{background-color:#4d48ac;}
.sub_nav06 .nav_list00 li a:hover {color:#4d48ac;}
.main_nav_li06:hover > a{color:#4d48ac !important;}

.main_nav_li07 span.underline{background-color:#f17878;}
.sub_nav07 .nav_list00 li a:hover {color:#f17878;}
.main_nav_li07:hover > a{color:#f17878 !important;}





/**/
.sub_nav_wr{position:absolute; top:85px; left:0; width:100%;  height:0px;  z-index:100; overflow:hidden;  transition:all .3s; text-align:left; display:none;}
.sub_nav_wr > ul{height:100%;}
.sub_nav_wr > ul > li{outline:1px solid lime;}
.sub_nav_wr li.nav_title_wr{float:left; width:20%;height:100%; background:#003267;}
.sub_nav_wr .nav_title_wr {padding-top:50px; color:#fff; text-align:left}
.sub_nav_wr .nav_title_wr .sub_nav_tit {font-size:25px;}
.sub_nav_wr .nav_title_wr .sub_nav_text {font-size:15px; padding-top:20px;}

.sub_nav_bg {width:100%; height:0px; background:#fff; position:absolute; top:124px; z-index:100; display:block; transition: all .3s; display:none;}
.sub_nav_bg:after{content:""; display:block; position:absolute; top:0; left:0; width:50%; height:100%; background:#003267;}
.sub_nav_wr.active{height:307px; transition: all .3s;}
.sub_nav_bg.active{height:310px; border-bottom:4px solid #003267; transition: all .3s;}


/**/
.sub_nav_wr000{position:absolute; top:113px; left:0; width:100%;  height:0px;  z-index:100; overflow:hidden;  transition:all .3s; text-align:left; background:#ffffff; border-top:1px solid #eaeaea;}
.sub_nav00{height:100%; display:none; }

.sub_nav_bg00{width:100%; height:306px; background:#fff; position:absolute; top:0; left:0; z-index:100; display:block; transition: all .3s;}
.sub_nav_bg00:after{content:""; display:block; position:absolute; top:0; left:0; width:40%; height:100%;}

.sub_nav_box00{position:relative; z-index:101; height:100%;}
.sub_nav_box00 > ul{height:100%;}
.sub_nav_box00 li.nav_title_wr{float:left; width:21%; height:100%; height:100%; position:relative; }
.sub_nav_box00 li.nav_title_wr:after{content:""; display:block; position:absolute; right:-40px; top:225px; background:url('../images/logo_jido.svg') no-repeat; transform: rotate(0deg); z-index:1; width: 289px; height: 57px; opacity:0.8;}
.sub_nav_box00 .nav_title_wr {padding-top:15px; color:#fff; text-align:right}
.sub_nav_box00 .nav_title_wr .text_wr { padding-right:20px }
.sub_nav_box00 .nav_title_wr .sub_nav_tit {font-size:25px;}
.sub_nav_box00 .nav_title_wr .sub_nav_text {font-size:15px; padding-top:20px; width:170px; text-align:right; display:none;}

.sub_nav_box00 li.nav_list_wr{ float:left; width:75%;height:100%; background:#fff;}
.sub_nav_box00 li.nav_list_wr > ul{height:100%; width:995px;}
.sub_nav_box00 li.nav_list_wr li.nav_list_li{float:left; max-width:159px; width:25%; border-right:1px solid #dddddd; height:100%; padding-left:30px;}
.sub_nav_box00 li.nav_list_wr li.nav_list_li .sub_menu_tit {font-size:18px; padding-top:13px; padding-bottom:5px;}
/**/
.sub_nav_box00 li.nav_list_wr li.nav_list_li a{ display:block; color:#2e2e2e;}
.sub_nav_box00 li.nav_list_wr li.nav_list_li a:hover{  color:#1173c4;}


.sub_nav_wr000.active{height:310px; transition: all .3s;}
.sub_nav_bg00.active{height:316px; transition: all .3s;}/*전체*/
.sub_nav00.active{display:block; transition: all .3s;}


.sub_nav01{border-bottom:4px solid #003267;}
.sub_nav_bg01:after{background:#003267;}
.sub_nav_box01 li.nav_title_wr{background:#003267;}

.sub_nav02{border-bottom:4px solid #103eb5;}
.sub_nav_bg02:after{background:#103eb5;}
.sub_nav_box02 li.nav_title_wr{background:#103eb5;}

/*.sub_nav_box02 ul.nav_list01 li { display: block; width: 105%; }*/


.sub_nav03{border-bottom:4px solid #116117;}
.sub_nav_bg03:after{background:#116117;}
.sub_nav_box03 li.nav_title_wr{background:#116117;}

.sub_nav04{border-bottom:4px solid #8A75C4;}
.sub_nav_bg04:after{background:#8A75C4;}
.sub_nav_box04 li.nav_title_wr{background:#8A75C4;}

.sub_nav05{border-bottom:4px solid #ff9a00;}
.sub_nav_bg05:after{background:#ff9a00;}
.sub_nav_box05 li.nav_title_wr{background:#ff9a00;}

.sub_nav06{border-bottom:4px solid #4d48ac;}
.sub_nav_bg06:after{background:#4d48ac;}
.sub_nav_box06 li.nav_title_wr{background:#4d48ac;}

.sub_nav07{border-bottom:4px solid #f17878;}
.sub_nav_bg07:after{background:#f17878;}
.sub_nav_box07 li.nav_title_wr{background:#f17878;}

/**/






/*****************************************************************************main_fla_new********************************************************************/


#main_fla_wrap{ clear:both; height:380px;/*height:508px;*/ background:url(../images/main_fla02.png);}


/*main_fla_new*/
#main_fla_new{ clear:both; position:relative; /*margin-bottom:-60px; height:440px;*/}
.slider {
  list-style:none;
  height:380px; /*원래height:508px;*/
  overflow:hidden;
}
.slider:after {
  content:'';
  display:block;
  clear:both;
}
.slider li { /*cursor:pointer;*/
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:380px;
  opacity:0;
}

.slider li div {
  width:100%;
  height:380px;
  background-size: auto; background-position:center; background-repeat:no-repeat; background-color:#0f1629;
  position:relative;
}
.slider li dl {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:20px;
}
.slider li .right {
  left:auto;
  right:20px;
  text-align:right;
}
.slider li dt {
  color:#fff;
  font-size:3rem;
  text-shadow:1px 1px 10px #444;
}
.slider li dd {
  color:#fff;
  text-shadow:1px 1px 10px #444;
}

#fla_btn{ position: relative; width:1198px; margin:0 auto;}

.btn { position:absolute; top:-68px;/*top:-128px;*/ right:108px; }
.btn button {
	text-indent:-99999px;
	width:28px; height:28px;
	border:none; cursor:pointer;
}
.fb_before{
	background:url(../images/mfla_ar01.png);}
.fb_next{
	background:url(../images/mfla_ar02.png); margin-left:6px;}

#fla_num_box{ position:absolute; top:-72px; /*top:-132px;*/ right:0px;  width:96px; height:34px;  opacity: 0.56;  mix-blend-mode: multiply;  border-radius: 17px;  background-blend-mode: multiply;  background-image: linear-gradient(to bottom, #0a0e14, #0a0e14);}
#fla_num{ position:absolute; top:-72px; /*top:-132px;*/ right:18px;}
#fla_num p{ opacity:1; color:#ffffff; text-align:center; font-size:22px; font-weight:500; }
#fla_num p span{ font-weight:300; color:#b0b1b4; margin-left:3px;}






/*****************************************************************************main_nav********************************************************************/



#main_theme_wrap{ clear:both; height:185px; background:url(../images/m_theme_bg.png) center;}
#main_theme{ padding:0px 0 0 0;}
#mt_title{ position:relative;}
#mt_title h2{text-align:center; color:#fff; font-size:32px; font-weight:600; line-height:44px;}
#mt_border01{ border-bottom:1px solid #fff; width:330px; position:absolute; left:0px; top:-4px;}
#mt_border02{ border-bottom:1px solid #fff; width:330px; position:absolute; right:0px; top:-4px;}

#mt_article{}
#mt_left{ float:left; max-width:453px;}
#mt_left h2{ font-size:30px; font-weight:500; color:#fff; letter-spacing:-1px; margin:55px 0 0 0; line-height:100%;}
#mt_left h3{ font-size:25px; font-weight:500; color:#fff; letter-spacing:-1px; margin:14px 0 0 0; line-height:100%;}
#mt_left h3 span{ font-size:27px; opacity:0.7;}
#mt_right{ float:right;}
#mt_right ul{ margin:33px 0 0 0;}
#mt_right ul li{ float:left; margin-left:23px;}
#mt_right ul li a{ display:block; width:113px; height:113px; color:#0e4cc7; font-size:13px; font-weight:700; text-align:center; line-height:190px; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
#mt_right ul li a:hover{ border-radius:20px; box-shadow:1px 5px 20px #0a358e;}
#mt_right ul li:nth-child(1){ background:url(../images/main_icon01.png) no-repeat 50% 23px #ffffff; border-radius:20px;}
#mt_right ul li:nth-child(2){ background:url(../images/main_icon02.png) no-repeat 50% 23px #ffffff; border-radius:20px;}
#mt_right ul li:nth-child(3){ background:url(../images/main_icon03.png) no-repeat 50% 23px #ffffff; border-radius:20px;}
#mt_right ul li:nth-child(4){ background:url(../images/main_icon04.png) no-repeat 50% 23px #ffffff; border-radius:20px;}
#mt_right ul li:nth-child(5){ background:url(../images/main_icon05.png) no-repeat 50% 23px #ffffff; border-radius:20px;}



/************************************/

/*#main_theme_wrap2{ clear:both; height:160px; background:url(../images/m_theme_bg.png) center;}*/
#main_theme_wrap2{ clear:both; margin:15px 0 0 0;}
#main_theme2{ padding:0px;}

#mt_article2{}
#mt_left2{ float:left; max-width:453px;}
#mt_left2 h2{ font-size:26px; font-weight:500; color:#0f1629; letter-spacing:-1px; margin:50px 0 0 0; line-height:100%;}
#mt_left2 h3{ font-size:20px; font-weight:500; color:#354675; letter-spacing:-1px; margin:10px 0 0 0; line-height:100%;}
#mt_left2 h3 span{ font-size:20px; opacity:0.7;}

#mt_ytube{ float:left; margin:17px 0 0 0px;}
#mt_ytube ul{}
#mt_ytube ul li{ float:left; margin:0 0 0 20px;}
#mt_ytube ul li a{ display:block;}
#mt_ytube ul li img{ border-radius:10px;}



	/*mtban_250107*/
	#mtban{ float:left;}
	#mtban ul{ margin:8px 0 0 0;}
	#mtban ul li{ float:left; margin:0 25px 0 0;}
	#mtban ul li img{ border-radius:10px;}
	#mtban ul li a{ display:block;}



#mt_right2{ float:right;}
#mt_right2 h3{ clear:both; margin:15px 0 10px 0; color:#202d4a;}
#mt_right2 ul{ margin:0 0 0 0;}
#mt_right2 ul li{ float:left; margin-left:15px;}
#mt_right2 ul li a{ display:block; width:92px; height:92px; color:#0e4cc7; font-size:11px; font-weight:700; text-align:center; line-height:155px; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; border:1px solid #889dc8; border-radius:20px;}
#mt_right2 ul li a:hover{ border-radius:20px; box-shadow:1px 5px 20px #0a358e;}
#mt_right2 ul li:nth-child(1){ background:url(../images/main_icon01.png) no-repeat 50% 13px #ffffff; border-radius:20px;}
#mt_right2 ul li:nth-child(2){ background:url(../images/main_icon02.png) no-repeat 50% 13px #ffffff; border-radius:20px;}
#mt_right2 ul li:nth-child(3){ background:url(../images/main_icon03.png) no-repeat 50% 13px #ffffff; border-radius:20px;}
#mt_right2 ul li:nth-child(4){ background:url(../images/main_icon04.png) no-repeat 50% 18px #ffffff; border-radius:20px;}
#mt_right2 ul li:nth-child(5){ background:url(../images/main_icon05.png) no-repeat 50% 13px #ffffff; border-radius:20px;}

/************************************/




#main_notice_wrap{ clear:both; margin:60px auto;}
#mnotice_left{ float:left; }
#mno_tk{ border-radius:12px; box-shadow: 0 0 8px 0 rgba(97, 114, 145, 0.5); padding: 22px 25px 22px 19px;}
#mno_toggle{ float:left; width: 120px;  height: 42px;  margin: 0 3px 0 0;  padding: 2px 28px 2px 3px;  border-radius: 22px;  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.16);  background-color: #e4e5e8; position:relative;}
	#mtx a{ position:absolute; top:10px; right:25px; font-size:17px; font-weight:600; color:#617291;}
	#mto a{ display:block; background:#3861a7; width:75px; height:40px; line-height:40px; border-radius:22px; cursor:pointer; color:#ffffff; text-align:center; margin:1px 0 0 0; font-size:17px; z-index:9;}

#mno_toggle1{ float:left; width: 120px;  height: 42px;  margin: 0 3px 0 0;  padding: 2px 3px 2px 28px;  border-radius: 22px;  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.16);  background-color: #e4e5e8; position:relative;}
	#mtx1 a{ display:block; background:#3861a7; width:75px; height:40px; line-height:40px; border-radius:22px; cursor:pointer; color:#ffffff; text-align:center; margin:1px 0 0 45px; font-size:17px; z-index:9;}
	#mto1 a{ position:absolute; top:10px; left:25px; font-size:17px; font-weight:600; color:#617291;}

	
#mno_input{ float:right; width: 500px;  height: 38px;  margin: 0 0 0 16px;  padding: 3px 4px 3px 12px;  border-radius: 22px;  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #c7cfdb;  background-color: #fff;}
	#mno_glass{ float:left; margin:5px 0 0 0;}
	#mno_text{ float:left;}
	#mno_text input{ margin:6px 0 0 5px; width:380px; border:none;}
	#mno_text input::placeholder { color:#c7cfdb; font-size:15px; }
	#mno_btn{ float:right;}
	#mno_btn a{ display:block; width:68px; height:38px; line-height:38px; text-align:center; color:#ffffff; font-weight:500; border-radius:19px; font-size:17px; background:#0e4cc7;}
	#mno_btn a:hover{ background:#1e325b;}

#mno_notice{ clear:both; margin:18px 0 0 0; padding: 15px 20px 0px 25px;  opacity: 1;  border-radius: 10px;  box-shadow: 0 0 8px 0 rgba(97, 114, 145, 0.5);  background-color: #fff;}
#mno_title{}
#mno_title h4{ float:left; color:#2667e0; font-size:17px; font-weight:600; background:url(../images/m_notice_icon.png) no-repeat 0 50%; padding:0 0 0 41px;}
#mno_arr{ float:right;}
	#mno_arr a{ display:inline-block; text-indent:-99999px; width:18px; height:20px;}
	.mnor01{ background:url(../images/m_notice_a1.png)no-repeat;}
	.mnor02{ background:url(../images/m_notice_a2.png)no-repeat;}
	
#mno_article{ margin:10px 0px 0px 10px;}
#mno_article ul{}
#mno_article ul li{}
#mno_article ul li a{ display:block; font-size:15px; font-weight:600; color:#073081; line-height:18px; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
#mno_article ul li a:hover{ color:#235ac9;}
#mno_article ul li:nth-child(2){ margin:2px 0;}
	
#mnotice_right{ float:right;}

#main_calendar_wrap{ clear:both; background:#4c6baa; margin:60px auto; border-radius:10px;}
#main_calendar{ padding:28px 20px 31px 20px;}

.tabmenu{}
.tabmenu li{ float:left; width:140px; text-align:center; font-size:18px; color:#ffffff; margin-right:20px; padding-bottom:9px; margin-bottom:19px; font-weight:200; }
#main_calendar .active{ font-weight:700; border-bottom:3px solid #ffffff;}
#tab_contents{ clear:both;}

/*tab01*/
#tab01{}
	#calendar_box{ float:left; background:#23396a; color:#ffffff; width:305px; /*height:245px;*/ border-radius:6px; padding:20px;}
	#cbox_title{ margin-bottom:15px;}
	#cbox_title h3{ float:left; font-size:14px; font-weight:600;}
	#cbox_title ul{ float:left; margin-left:25px;}
	#cbox_title ul li{ float:left; text-indent:-9999px; margin-right:8px;}
	#cbox_title ul li a{ display:block; width:23px; height:23px;}
	#cbox_title ul li:nth-child(1){ background:url(../images/m_cal_a1.png) no-repeat center;}
	#cbox_title ul li:nth-child(2){ background:url(../images/m_cal_a2.png) no-repeat center;}
	
	#cbox_cal{ clear:both;}
	.tbl_mcal{ width:100%;}
	.tbl_mcal tr th{ text-align:center; font-size:12px; opacity:0.5; font-weight:600; color:#ffffff; padding:0 0 5px 0;}
	.tbl_mcal tr td{ text-align:center; font-size:14px; width:34px; height:34px; line-height:34px; font-weight:200; color:#ffffff; margin:0 auto; padding:2px 0;}
	#cbox_cal a{ display:block;}
	#cbox_cal a:hover{ background:#82f7a1; border-radius:50px;width:34px; height:34px; margin:0 auto; color:#073081; font-weight:600; }
	#cbox_cal a:focus{ background:#82f7a1; border-radius:50px;width:34px; height:34px; margin:0 auto; color:#073081; font-weight:600; }
	.cal_today{ display:block;background:#82f7a1; border-radius:50px;width:34px; height:34px; margin:0 auto; color:#073081; font-weight:600; }
	#cbox_cal .sun_d{ color:#fa7a98;}
	#cbox_cal .sat_d{ color:#709df7;}
	
#result_box{ float:right; width:750px; height:243px; border-radius: 6px;  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #d0d8ea;  background-color: #fff; padding:20px;}
	#rbox_title{ border-bottom:1px solid #adbed8; padding-bottom:16.5px; margin-bottom:27px;}
	#rbox_title h4{ float:left; color:#4c6baa; font-size:18px; font-weight:600; background:url(../images/m_cal_icon.png) no-repeat 0 50%; padding:0 0 0 25px;}
	#rbox_title > a{ float:right; display:block; background:url(../images/more_ar.png) no-repeat 83% 40%; color:#617291; font-size:15px; font-weight:700; padding:0 30px 0 0; margin:8px 0 0 0;}
	#rbox_title > a:hover{ color:#145ccc;}
	
	#rbox_result{ clear:both;}
	#rbox_result ul{ margin:0 0 0 10px;}
	#rbox_result ul li{ float:left; width:calc(100%/4);}
	#rbox_result ul li a{ display:block; color:#617291; font-size:16px; padding:2px 0;}
	#rbox_result ul li a:hover{ color:#2f6ceb;}
	
	
	.tbl_rbox{ border-top:1px solid #edeef0;}
	.tbl_rbox tr{ border-bottom:1px solid #edeef0; cursor:pointer;}
	.tbl_rbox tr th{ text-align:center; font-size:14px; color:#23396a;}
	.tbl_rbox tr td{ font-size:16px; padding:3px 0; color:#23396a;}
	
	#rbox_result .rbox_court{background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23374667' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-briefcase'%3e%3crect x='2' y='7' width='20' height='14' rx='2' ry='2'%3e%3c/rect%3e%3cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'%3e%3c/path%3e%3c/svg%3e"); background-repeat:no-repeat; padding:3px 5px 3px 30px; background-position:8px 50%;}
	
	/*visit_box*/
	#visit_box{ margin:0 10px 0 0;}
	#visit01{ float:left; font-size:15px; font-weight:500; color:#617291;}
	#visit02{ float:left; font-size:15px; font-weight:500; color:#617291; margin-left:30px;}
	#visit_box span{ font-weight:700; color:#1e8cea;}
	
	#visit_number{ clear:both; margin:10px 0 0 0;}
	#visit_number h4{ color:#374667; }
	#visit_number ul{}
	#visit_number > ul > li{ float:left; width:calc(100%/5); text-align:center; cursor:pointer;}
	#visiting{ width:100px; height:100px; line-height:100px; border-radius:50%; background:#f3f7fd; color:#1271e1; margin:5px auto 0 auto; font-size:20px; font-weight:600;}
	#visiting:hover{ box-shadow: 0 0 8px 0 rgba(97, 114, 145, 0.5);transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
	



/*main_shortcut_wrap*/
#main_shortcut_wrap{ clear:both; margin:60px auto 80px auto; box-shadow: 0 0 8px 0 rgba(97, 114, 145, 0.5); border-radius:10px;}
#main_shortcut{ padding:28px 28px 28px 34px;}
#mshort_icon{ float:left;}
#mshort_icon ul{}
#mshort_icon ul li{ float:left; margin-right:45px;}
#mshort_icon ul li a{ display:block; color:#617291; font-size:18px; text-align:center; height:130px; line-height:270px;}
#mshort_icon ul li a:hover{ color:#1f345c;}
#mshort_icon ul li:nth-child(1){ background:url(../images/ms_icon01.png) no-repeat 50% 14px; width:88px;}
#mshort_icon ul li:nth-child(1):hover{ background:url(../images/ms_icon01.png) no-repeat 50% 5px;;}
#mshort_icon ul li:nth-child(2){ background:url(../images/ms_icon02.png) no-repeat 50% 14px; width:88px;}
#mshort_icon ul li:nth-child(2):hover{ background:url(../images/ms_icon02.png) no-repeat 50% 5px;}
#mshort_icon ul li:nth-child(3){ background:url(../images/ms_icon03.png) no-repeat 50% 14px; width:88px;}
#mshort_icon ul li:nth-child(3):hover{ background:url(../images/ms_icon03.png) no-repeat 50% 5px;}
#mshort_icon ul li:nth-child(4){ background:url(../images/ms_icon04.png) no-repeat 50% 14px; width:88px;}
#mshort_icon ul li:nth-child(4):hover{ background:url(../images/ms_icon04.png) no-repeat 50% 5px;}
#mshort_icon ul li:nth-child(5){ background:url(../images/ms_icon05.png) no-repeat 50% 14px; width:104px;}
#mshort_icon ul li:nth-child(5):hover{ background:url(../images/ms_icon05.png) no-repeat 50% 5px;}

#mshort_ban{ float:right;}
#mshort_ban img{ border-radius:15px;}


/*main_recom_wrap*/
#main_recom_box{background:#edeef0; padding:80px 0 10px 0; margin-bottom:50px; clear:both;}
#main_recom_wrap{ clear:both;}
#main_recom{ margin-bottom:55px;}

#mr_title{}
#mr_title h2{ float:left; font-size:20px; font-weight:700; color:#335792;}
#mr_title h3{ float:left; font-size:20px; font-weight:800; color:#202d4a;}
#mpre_btn{ float:right;}
#mpre_btn a{ display:block; border:1px solid #adbed8; height:33px; width:56px; background:url(../images/more_ar.png) no-repeat 83% 50%; border-radius:8px; line-height:33px; padding:0 15px; margin-bottom:20px; font-size:14px; color:#617291;}
#mpre_btn a:hover{  border:1px solid #145ccc; color:#145ccc; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}

#mr_stock{ width:283px; border-radius: 10px; box-shadow: 0 0 8px 0 rgba(97, 114, 145, 0.5); cursor:pointer; background:#ffffff;}
#mr_stock:hover{ box-shadow: 0 0 15px 0 rgba(97, 114, 145, 0.5);}
#mr_pic{ position:relative;}
#mr_pic img{ border-radius:10px 10px 0 0;}
#mr_ribon{ position:absolute; top:12px; left:10px;}
#mr_ribon > div{ float:left; border-radius:10px; font-size:14px; color:#ffffff; margin-right:5px;}
.mr01{ background:#06dec2; text-align:center; padding:3px 8px;}
.mr02{ background:#adbed8; text-align:center; padding:3px 8px;}
.mr03{ background:#fd2a4b; text-align:center; padding:3px 8px;}

#mr_ribon_recom{ position:absolute; top:12px; left:10px;}
#mr_ribon_recom > div{ float:left; border-radius:5px; font-size:14px; color:#ffffff; margin-right:5px;}
#mr_ribon_recom .mr04{ background:#06dec2; text-align:center; padding:3px 5px;}
#mr_ribon_recom .mr05{ background:#adbed8; text-align:center; padding:3px 5px;}

#mr_ribon_recom2{ position:absolute; top:12px; right:10px;}
#mr_stock .mr06{border-radius:5px; font-size:14px; color:#ffffff; margin-right:5px; background:#fd2a4b; text-align:center; padding:3px 5px;}


#mr_stock h4{ font-size:14px; font-weight:600; text-align:left; padding:15px 10px 0 10px; color:#364767;}
#mr_stock h4 span{ border-left:1px solid #617291; font-size:14px; height:10px; line-height:10px; margin-left:8px; padding-left:8px; font-weight:normal;}
#mr_stock h4 .grade{ color:#0e4cc7; font-style:italic; font-weight:700; font-size:18px; border:none; padding:0px; margin:0 5px 0 0;}
#mr_stock h4 p{ font-size:14px; height:10px; line-height:10px; font-weight:500; margin-bottom:5px;}
	
	/*메인유튜브_추천물건*/
	#mr_stock h5{ font-size:14px; font-weight:600; text-align:left; padding:15px 10px 0 10px; color:#364767; line-height:124%;}
	#mr_count{ clear:both; margin:6px 0 15px 10px;}
	#mr_count ul{}
	#mr_count ul li{ float:left; color:#888888; font-size:12px; font-weight:600; margin-right:20px;}
	#mr_count ul li:nth-child(1){
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-calendar'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='16' y1='2' x2='16' y2='6'%3e%3c/line%3e%3cline x1='8' y1='2' x2='8' y2='6'%3e%3c/line%3e%3cline x1='3' y1='10' x2='21' y2='10'%3e%3c/line%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:0 50%; padding:0 0 0 22px;
		}
	#mr_count ul li:nth-child(2){
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-eye'%3e%3cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3e%3c/path%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:0 50%; padding:0 0 0 22px;
		}
	#ytb_cate{ clear:both; font-size:12px; color:#316adb; font-weight:600; margin:-10px 0 10px 10px;}
		
	/*유료강의*/
	#paid_lecture{}	
	#paid_lecture ul{ margin:3px 10px;}
	#paid_lecture ul li:first-child{ float:left;
		color:#888888; 
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-tv'%3e%3crect x='2' y='7' width='20' height='15' rx='2' ry='2'%3e%3c/rect%3e%3cpolyline points='17 2 12 7 7 2'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:0 50%; font-size:14px; padding:0 0 0 22px;}
	#paid_lecture ul li:last-child{ float:right; font-size:14px; font-weight:600; color:#364767;}
	#paid_lecture .lec_blu{ color:#315cb7; font-weight:500;}
	#paid_lecture .lec_orn{ color:#de551e; font-weight:500;}
	#paid_lecture_go{ clear:both; margin:5px 0 10px 0;}
	#paid_lecture_go a{ display: block; background:#316ae2; color:#ffffff; font-size:12px; text-align:center; border-radius:5px; width:95%; margin:0 auto; padding:3px 0;
		transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;
	}
	#paid_lecture_go a:hover{ background:#1e335a;}
	#paid_lecture .lec_price{font-size:15px; font-weight:600; color:#364767; padding:5px 0 5px 10px;}
	
	/*유료온라인강의 버튼*/
	#paid_lecture_g{ clear:both; margin:5px 0 10px 0;}
	#paid_lecture_g a{ display: inline-block; background:#ffffff; color:#316ae2; border:1px solid #316ae2; font-size:12px; text-align:center; border-radius:5px;  margin:0 auto; padding:3px 10px;
		transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;
	}
	#paid_lecture_g a:hover{ color:#de551e; border:1px solid #de551e;}
	#paid_lecnt{ margin:10px 20px 0 0;}
	#paid_lecnt li{ text-align:left;}
	#paid_lecnt li h3{overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; margin-bottom:3px;}
	#paid_lecnt p { overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
	
	
	
	
	/*lec_register_wrap_유료강의신청 레이어*/
	#lec_register_wrap{border-radius: 10px;  box-shadow: 0 0 4px 0 rgba(189, 190, 191, 0.5);  border: solid 1px #d8d9db;}
	#lec_register{ padding:20px;}
	#lec_register h2{ text-align:center;}
	.tbl_register{ width:100%;}
	.tbl_register tr th{ padding:2px;}
	.tbl_register tr td{ padding:2px;}
	.regi_pri{ text-align:left; font-size:13px; clear:both; margin:10px 0 0 20px;}
	#regis_btn{ text-align:center;}
	#regis_btn a{ display: inline-block; text-align:center; width:35%; padding:10px 0; margin:0 5px; border-radius:4px; font-size:14px; font-weight:400; background:#0e4cc7; color:#ffffff; margin:10px auto 0 auto;}
	#regis_btn a:hover{ background:#d8d9db; color:#255080;}
	

#stock_tbl{ padding:0 10px 15px 10px;}
.tbl_stock{ width:100%;}
.tbl_stock tr th{ font-size:14px; padding-top:7px; text-align:center;}
.tbl_stock tr td{ text-align:right; font-size:16px; font-weight:700; padding-top:7px;}
.price01{ background:#374667; border-radius:10px; color:#ffffff; height:29px; line-height:29px; text-align:center;}
.price02{ background:#316adb; border-radius:10px; color:#ffffff; height:29px; line-height:29px; text-align:center;}
.price03{ background:#fd2a4b; border-radius:10px; color:#ffffff; height:29px; line-height:29px; text-align:center;}
.price04{ color:#0d56e6;}
.price05{ color:#fd2a4b;}

#amazing_ban{ clear:both; margin-bottom:64px;}
#amazing_ban img{ border-radius:10px;}

#youtube_link{ clear:both; width:1198px; margin:0 auto 36.5px auto; border-bottom:1px solid #617291; padding-bottom:24.5px;}
#youtube_link h4{ font-size:20px; font-weight:800; color:#202d4a; background:url(../images/ytb_logo.png) no-repeat 0 50%; padding:0 0 0 45px; float:left;}
#more_tb{ float:right;}
#more_tb:hover{ padding-right:10px;}
#more_tb a{ display:block; font-size:18px; color:#617291; background:url(../images/more_ytb_ar.png) no-repeat 100% 50%; padding:0 30px 0 0;}


/*main_comu_wrap*/
#main_comu_wrap{ clear:both; background:#edeef0;}
#main_comu{ padding:65px 0 50px 0;}
#ban_wrap{}
#ban{ margin:30px 0 60px 0;}
#ban img{ width:226px; height:166px; border-radius:15px;}
#ban:hover{ margin:20px 0 70px 0;}


#main_bbs{ width:588px;}
#main_bbs_title{ border-bottom:1px solid #324874; padding-bottom:13px;}
#main_bbs_title h4{ float:left; color:#2e4776; font-weight:700; font-size:20px;}
#main_bbs_title a{ float:right; display:block;  background:url(../images/more_ar.png) no-repeat 83% 40%; color:#617291; font-size:14px; font-weight:700; padding:0 30px 0 0; margin:5px 0 0 0;}
#main_bbs_title a:hover{ color:#145ccc;}

#main_bbs_article{ margin:20px 0 0 0;}
.tbl_bbs{ width:100%;}
.tbl_bbs tr th{ text-align:left; color:#394764; font-size:15px; padding:3px 0;}
#main_bbs_article a{ color:#394764; display:block; font-weight:600; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
#main_bbs_article a:hover{ color:#093cb2;}
.tbl_bbs tr td{ text-align:right; color:#838fa7; font-size:16px; padding:5px 0;}



/*footer*/
#footer_wrap{ clear:both; background:#172646; color:#ffffff;}
#footer{ padding:52px 0 55px 0;}

#privacy_wrap{}
#privacy{ float:left;}
#privacy ul{}
#privacy ul li{ float:left; margin-right:38px;}
#privacy ul li a{ display:block; color:#ffffff; font-size:17px; font-weight:300; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
#privacy ul li a:hover{ color:#a9fff4;}
#sns_icon{ float:right; margin-top:-10px;}
#sns_icon ul li{ float:left; margin-left:12px; text-indent:-99999px;}
#sns_icon ul li a{ display:block; width:46px; height:46px;}
#sns_icon ul li:nth-child(1){ background:url(../images/ft_ytb.png);}
/*#sns_icon ul li:nth-child(2){ background:url(../images/ft_kakao.png);}*/
#sns_icon ul li:nth-child(2){ background:url(../images/ft_blog.png);}
#sns_icon ul li:nth-child(3){ background:url(../images/ft_cafe.png);}
#sns_icon ul li:nth-child(4){ background:url(../images/ft_band.png);}

#footer_info{ margin:56px 0 0 0;}
#footer_info h1{ font-size:26px;}
.addresss{ margin:13px 0 0 0; font-size:14px; line-height:180%; font-weight:200;}
.copyr{ font-size:12px; font-weight:200; margin:30px 0 0 0;}
.bla{ padding:0 10px;}




/*main_quick_wrap*/
#main_quick_wrap{ position:fixed; top:106px; right:0px; background:#f3f7fa; border:1px solid #b9c2c9; border-radius:10px;}
#main_quick_box{ padding:10px; position:relative;}

#main_quick_box ul li{ border-bottom:1px solid #bfc7cc;}
#main_quick_box ul li a{ display:block; font-size:14px; font-weight:700; color:#444444; letter-spacing:-1px; padding:8px 0 8px 27px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23444444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:6px 50%;
}
#main_quick_box ul li a:hover{ color:#2173c7;}
/*
#main_quick_box ul li{ border-bottom:1px solid #bfc7cc; list-style-type:disc;}
#main_quick_box ul li a{ display:block; font-size:14px; font-weight:700; color:#444444; letter-spacing:-1px; padding:8px 0 8px 27px;}
#main_quick_box ul li a:hover{ color:#2173c7;}
#main_quick_box ul li:nth-child(1) a{ background:url(../images/mqb01.png) no-repeat 0 50%;}
#main_quick_box ul li:nth-child(2) a{ background:url(../images/mqb02.png) no-repeat 0 50%;}
#main_quick_box ul li:nth-child(3) a{ background:url(../images/mqb03.png) no-repeat 0 50%;}
#main_quick_box ul li:nth-child(4) a{ background:url(../images/mqb04.png) no-repeat 0 50%;}
#main_quick_box ul li:nth-child(5) a{ background:url(../images/mqb05.png) no-repeat 0 50%;}
*/
	#topday_stock{}
	#topday_stock a{ display:block; border:1px solid #bfc7cc; width:64px; height:50px; margin:10px auto; border-radius:10px;}
	#topday_stock a:hover{ border:1px solid #176dad;}
#mqb_top{ margin:8px 0 0 0;}
#mqb_top a{ display:block; background:#335792; color:#ffffff; border-radius:7px; font-size:13px; text-align:center; font-weight:600; padding:6px 0; min-width:90px;}

#mqb_arr{ /*text-indent:-99999px;*/ width:90px; position:absolute; bottom:-26px; left:35px; 
		background:#b9c2c9; color:#ffffff; border-radius:0 0 10px 10px; font-size:13px; text-align:center; font-weight:600; width:50px; height:25px;cursor : pointer;
}

#mqb_arrz{ position:absolute; /*top:60px;*/ left:-30px; color:#ffffff; border-radius:10px 0 0 10px; font-size:13px; text-align:center; font-weight:600; width:30px; height:80px; cursor : pointer; }
/*#mqb_arrz{ position:absolute; top:60px; left:-30px; color:#ffffff; border-radius:10px 0 0 10px; font-size:13px; text-align:center; font-weight:600; width:30px; height:80px; cursor : pointer;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center;
	 background-color:#b9c2c9;
}
#mqb_arrz:hover{
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:center;
	 background-color:#b9c2c9;
	}*/










/*nav_over*/
#nav_over{ width:100%; background:#1c1d1f; position:absolute; top:145px; left:0px; z-index:99999; display:none; }
#nav_menu{min-width:1180px; margin:0 auto;}
#nav_menu > ul{ margin:0 0 0 0;}
#nav_menu > ul > li{ float:left; text-align:left; font-size:16px; width:calc(100%/8);}
/*
#nav_menu > ul > li:nth-child(1){ width:142px;}
#nav_menu > ul > li:nth-child(2){ width:142px;}
#nav_menu > ul > li:nth-child(3){ width:110px;}
#nav_menu > ul > li:nth-child(4){ width:118px;}
#nav_menu > ul > li:nth-child(5){ width:150px;}
#nav_menu > ul > li:nth-child(6){ width:94px;}
#nav_menu > ul > li:nth-child(7){ width:79px;}
#nav_menu > ul > li:hover{}
*/
#menus{padding:20px 0;}
#menus h2{ color:#141414; font-weight:400; border-bottom:1px solid #b8b8b8; padding-bottom:10px; margin-bottom:10px; display:none;}
#menus h3{ color:#b8b8b8; font-weight:400; border-bottom:1px solid #b8b8b8; padding-bottom:10px; margin-bottom:10px; margin-top:40px;}
#menus h4{ color:#b8b8b8; font-weight:400; border-bottom:1px solid #b8b8b8; padding-bottom:10px; margin-bottom:10px; margin-top:60px;}
#menus h5{ color:#b8b8b8; font-weight:400; border-bottom:1px solid #b8b8b8; padding-bottom:10px; margin-bottom:10px; margin-top:70px;}
#menus > ul{ height:320px;}/*네비하단길이*/
#menus > ul > li{  color:#ffffff; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23454649' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; padding-left:26px; margin-left:10px;}
#menus > ul > li > a{ display:block; margin-top:15px; color:#ffffff; font-weight:400;}
#menus > ul > li > a:hover{ color:#ffd867;}
#menus .orange{ color:#ff0f91; border-bottom:1px solid #254389;}





/*****************************************서브페이지sub_page****************************************/
#sub_contents_wrap{ border-top:1px solid #f4f4f4;}
#sub_contents{ clear:both; margin:0 auto; width:1180px;}
#sub_left{ width:175px; float:left; padding-top:20px;}
#sub_left > ul > li{ margin-bottom:10px;}

/*서브페이지 컨텐츠*/	
#sub_right{ width:1003px; float:right; padding:0px 0 0 20px;}
#sub_title{ border-bottom:0px solid #c1c1c1;}
/*#sub_title h2{ float:none; font-size:22px; font-weight:500; text-align:left; letter-spacing:0px; color:#242424;   margin:5px 0 0 5px;}*/

	/**/
	#sub_title h2{ float:none; font-size:22px; font-weight:200; text-align:left; letter-spacing:0px; color:#335792;   margin:37px 0 -20px 5px;}
	#sub_title h2 .catetwo{
			background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239c9c9c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat:no-repeat; background-position:100% 50%; padding-right:30px;  font-weight:500;color:#242424;
		}
	
#category{ float:none; font-size:14px; margin-top:20px; font-weight:400;}
#category ul{ margin-right:20px;}
#category ul li{ float:left; line-height:20px;}
.carecory_color{ color:#123171;}

#sub_page{ clear:both; padding:20px 0; text-align:center;}
#sub_page p{}
	
	
	/*callcenter*/
	#callcenter{ background:url(../images/callcenter.png) no-repeat; width:174px; height:80px; cursor:pointer; margin-bottom:40px;}
	#callcenter p{ display:inline-block; font-size:16px; font-weight:700; letter-spacing:-0.5px; color:#ffffff; margin:50px 0 0 8px;}
	
/*서브메뉴*/
#sub_menu{ margin-bottom:30px;}
#sub_menu h3{  font-size:22px; font-weight:500; text-align:left; color:#23396a; height:60px; line-height:70px; padding-left:10px; background:#ffffff; border-bottom:1px solid #dddddd; margin-bottom:10px;}
#sub_menu ul{}
#sub_menu ul li{ font-size:15px;}
#sub_menu ul li a{ 
	display:block; height:40px; line-height:40px; padding-left:10px; font-weight:600; color:#343434;
}
#sub_menu ul li a:hover{ 
	color:#0c67ae;
}


/*250221_서브아코디언메뉴*/
dl{margin: 0 0 20px;}
dt{padding: 6px 10px 6px; color: #3f3f3f; margin: 0 0 3px; font-weight: 500; cursor:pointer; display:block;}
	dt:hover{ color: #1469ae;}
	dt:active{ color: #1469ae;}
dd{padding: 8px 0 8px 0; border: 1px solid #ebebeb; border-top: 2px solid #1469ae; background: #ffffff; margin: -3px 0 3px;}
#sub_menu dd ul{}
#sub_menu dd ul li a{ color:#4d6999;}
#sub_menu dd ul li a:hover{ background:#f0f3f8;}













/*sub_call*/
#sub_call{ clear:both;  border:1px solid #dddddd;}
#sub_call > div{ padding:10px; }
#sub_call h4{ font-size:20px; text-align:left;  font-weight:400; padding:5px 10px; background:#ffffff; color:#303546; border-bottom:1px solid #dddddd;}
.call_num{ background:url(../images/ico_call.svg) no-repeat 5px 3px; padding:0 0 0 30px; font-size:20px; color:#848484; line-height:120%;}
.call_time{ color:#848484; font-size:12px; text-align:center; margin-top:3px; line-height:110%;}

/*sub_counsel*/
#sub_counsel{ clear:both; margin:30px 0; position:relative; border:1px solid #dddddd; border-radius:10px; padding:10px;}
#sub_counsel h4{ font-size:20px; font-weight:bold; text-align:left; color:#242424; font-weight:400;  border-bottom:1px solid #e1e1e1;  margin-bottom:10px;
background:url(../images/ico_balloon_gr.svg) no-repeat 5px 3px; padding:0 0 10px 36px;
}
#sub_counsel ul{ margin:0 0 0 5px;}
#sub_counsel ul li{ font-size:15px; margin:4px 0;}
#scoun_btn{ margin:10px 0 0 0;}
#scoun_btn a{ display:block; background:#3a7eca; color:#ffffff; padding:10px 0; border-radius:5px; text-align:center;}
#scoun_btn a:hover{ background:#27588e;}

/*sub_counsel_pop*/
#sub_counsel_pop{position:absolute; right:0px; top:190px; width:155px; z-index:1;display:none; border:2px solid #dddddd; border-radius:10px; padding:10px 10px 5px 10px; background:#ffffff;}
#sub_counsel_pop h3{ font-size:16px; text-align:center; margin-bottom:10px; color:#fe6b00;}
#sub_counsel_pop ul li{ margin-bottom:5px;}
#sub_counsel_pop input{ width:144px; border:1px solid #dddddd; border-radius:3px; letter-spacing:-1px;font-family:'NotoSansKR4'; padding:3px;}
#sub_counsel_pop select{ width:150px; border:1px solid #dddddd; border-radius:3px;font-family:'NotoSansKR4'; padding:3px;}
#sub_counsel_pop textarea{ width:144px; border:1px solid #dddddd; border-radius:3px;font-family:'NotoSansKR4'; padding:3px; resize:none;}
#sub_counsel_pop p{ font-size:12px; color:#9e9e9e; text-align:right;}
#scp_btn{ margin-bottom:10px;}
#scp_btn a{ display:block; background:#1c75bb; text-align:center; color:#ffffff; padding:8px 0; border-radius:5px;}
#scp_btn a:hover{ background:#112c84;}


/*contents_wrap*/
#contents_wrap{ padding:30px 0;}
#contents_wrap .ready{ text-align:center;}
#contents_wrap .ready img{ width:100%;}	



	

/*page_number*/
#pgnum{ text-align:center; margin:20px 0;}
#pgnum a{ display:inline-block; text-align:center; background:#ffffff; width:22px; height:22px; line-height:22px; border-radius:50px; color:#030d21; border:1px solid #ffffff; font-size:13px;}
#pgnum .pg_left{ text-indent:-99999px;  border:1px solid #ffffff;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e"); width:22px; height:22px; background-repeat:no-repeat;
	background-position:center;
}
#pgnum .pg_left:hover{ text-indent:-99999px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e"); width:22px; height:22px; background-repeat:no-repeat;
	background-position:center;
}
#pgnum .pg_leftt{ text-indent:-99999px; border:1px solid #ffffff;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevrons-left'%3e%3cpolyline points='11 17 6 12 11 7'%3e%3c/polyline%3e%3cpolyline points='18 17 13 12 18 7'%3e%3c/polyline%3e%3c/svg%3e"); width:22px; height:22px; background-repeat:no-repeat;
	background-position:center;
}	
#pgnum .pg_leftt:hover{ text-indent:-99999px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevrons-left'%3e%3cpolyline points='11 17 6 12 11 7'%3e%3c/polyline%3e%3cpolyline points='18 17 13 12 18 7'%3e%3c/polyline%3e%3c/svg%3e"); width:22px; height:22px; background-repeat:no-repeat;
	background-position:center;
}	
#pgnum .pg_right{ text-indent:-99999px; border:1px solid #ffffff;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e"); width:22px; height:22px; background-repeat:no-repeat;
	background-position:center;
}
#pgnum .pg_right:hover{ text-indent:-99999px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e"); width:22px; height:22px; background-repeat:no-repeat;
	background-position:center;
}
#pgnum .pg_rightt{ text-indent:-99999px; border:1px solid #ffffff;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevrons-right'%3e%3cpolyline points='13 17 18 12 13 7'%3e%3c/polyline%3e%3cpolyline points='6 17 11 12 6 7'%3e%3c/polyline%3e%3c/svg%3e"); width:22px; height:22px; background-repeat:no-repeat;
	background-position:center;
}	
#pgnum .pg_rightt:hover{ text-indent:-99999px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevrons-right'%3e%3cpolyline points='13 17 18 12 13 7'%3e%3c/polyline%3e%3cpolyline points='6 17 11 12 6 7'%3e%3c/polyline%3e%3c/svg%3e"); width:22px; height:22px; background-repeat:no-repeat;
	background-position:center;
}	
#pgnum a:hover{ background:#316adb; color:#ffffff; border:1px solid #316adb;}





@media screen and (max-width:1250px) {
	#main_fla_wrap{ min-width:1198px;}	
	#main_theme_wrap{ min-width:1198px;}	
	#footer_wrap{ min-width:1198px;}	
	#main_comu_wrap{ min-width:1198px;}	
	#main_fla_new{ min-width:1198px;}
	#main_recom_box{ min-width:1198px;}

}
@media print{
	#wing_left{display: none;}
	#wing_right{display: none;}
}













/************/
.load_box {
	width: 80px;
	height: 80px;
	margin: 20px auto;
	border: 0px solid #838383;
	background-color: #ffffff;
  }
#spinner {
	margin: calc(50% - 25px) auto;
	width: 80px;
	height: 80px;
	border: 5px solid rgba(182, 182, 182, 0.3);
	box-sizing: border-box;
	
	border-top-color: #838383;
	border-bottom-color: #838383;
	
	border-radius: 100%;
	animation: spin 1s ease-in-out infinite;
}
	
@keyframes spin {
	100%
	{
	transform: rotate(180deg);
	}
}
#load_text{ text-align:center; width:250px; margin:10px auto;}
	.typing_text{
		font-size: 26px;
		font-weight:700;
		color: #3c8ad7;
		border-right: 3px solid #000000;
		animation: blink 0.5s infinite, typing 2s steps(22) ;
		white-space: nowrap;
		overflow: hidden;
}

@keyframes blink{
	50%{
		border-color: transparent;
	}
}

@keyframes typing{
	from{
		width: 0;
	}
	to{
		width: 211.81px;
	}
}
	#load_wrap{ width:500px; height:520px; margin:50px auto; background:#ffffff;}
	#load_wrap h2{ text-align:center;}
	#load_wrap h2 img{ width:220px; margin:30px auto 10px auto;}
	#load_img{ clear:both;}
		.fadeShow{ background:#none; text-align:center; width:125px; height:185px; margin:10px auto; position:relative;}
		.fadeShow img{position: absolute; top:0px; left:0px;}
		.fadeShow .activee{ z-index: 1;}
	#load_img img{ }
	#load_percent{ clear:both; width:95px; height:42px; line-height:42px; background:#293b74; border-radius:50px; margin:0 auto; text-align:center; font-size:25px; font-weight:800; color:#ffffff;}

		


	
	


@property --num {
  syntax: "<integer>";
  initial-value: 1;
  inherits: false;
}

#pnpn { 
  animation: counter 75s alternate ease-in forwards;
  counter-reset: num var(--num);
  font: 800 25px system-ui;
  padding: 0; line-height:42px;
}
#pnpn::after {
  content: counter(num)"%";
}

@keyframes counter {
  from {
	--num: 1;
  }
  to {
	--num: 97;
  }
}






/**/
#register_wrap{ width:500px; height:520px; margin:50px auto; background:#ffffff;}
#register_wrap h1{ color:#314266; font-size:26px; text-align:center; padding:30px 0 0px 0 ;}
#regi_coupon_wrap{ background:url(../images/register_logo.png) no-repeat 95% 50% #39588f; border-radius:30px; margin:20px 40px; padding:20px; position:relative;}
#regi_coupon_wrap_free{ background:#39588f; border-radius:30px; margin:20px 40px; padding:20px; position:relative;}
#regi_c01{ position:absolute; top:-30px; right:65px; width:60px; height:60px; border-radius:50%; background:#ffffff;}
#regi_c02{ position:absolute; bottom:0px; right:65px; width:60px; height:30px; border-radius:60px 60px 0 0; background:#ffffff;}

#regi_coupon{ clear:both;}
#regi_coupon h2{ width:87px; height:30px; line-height:30px; color:#ffffff; background:#fd2a4b; font-size:16px; text-align:center; border-radius:50px;}
#regi_coupon h3{ width:87px; height:30px; line-height:30px; color:#ffffff; background:#007df7; font-size:16px; text-align:center; border-radius:50px;}
#regi_coupon h4{ font-size:32px; font-weight:800; letter-spacing:-0.5px; color:#ffffff; padding:5px 0 5px 5px; border-bottom:1px dashed #ffffff; width:300px; text-align:center;}
#regi_coupon h5{ font-size:32px; font-weight:700; letter-spacing:-0.5px; color:#ffffff; padding:10px 0 8px 5px; text-align:left; width:100%;}
	#regi_coupon h5 p{ line-height:120%;}
	
	#regi_coupon h6{ font-size:24px; font-weight:700; letter-spacing:-0.5px; color:#ffffff; padding:15px 0 14px 5px; text-align:left; width:100%; line-height:120%;}	
	#regi_coupon .orange{ color:#31ffe9;}
	
#regi_count{ color:#ffffff; line-height:120%; margin:15px 80px 0 0; text-align:center;}
#regi_count p{ font-size:18px;}
#regi_count p span{ font-size:28px; font-weight:700;}

#regi_submit{ clear:both; margin:5px 40px;}
#regi_submit a{ display:block; background-color:#ffe401; border-radius:20px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat:no-repeat; padding:20px 0 20px 30px; font-size:22px; font-weight:700; background-position:95% 50%;
}
#regi_submit a:hover{ background-color:#3c1e1e; color:#ffffff;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat:no-repeat; padding:20px 0 20px 30px; font-size:22px; font-weight:700; background-position:95% 50%;
}

#regi_comment{ clear:both; text-align:center; color:#4d4d4d; font-size:18px; margin:20px 0; line-height:130%;}
#regi_comment span{ font-weight:700; color:#fd2a4b;}

#regi_btn{ clear:both; text-align:center;}
#regi_btn a{ display:inline-block; width:40%; padding:10px 0; text-align:center; color:#ffffff; font-weight:700; font-size:18px; border-radius:10px;}
#regi_btn a:hover{ background:#314266;}
.regi_btn01{ background:#505050;}
.regi_btn02{ background:#007df7;}






/*#sub_menu*/
.newb{ background:#01c51f; text-align:center; color:#ffffff; border-radius:3px; width:16px; height:15px; line-height:15px; display:inline-block; margin:0 0 0 5px; font-size:10px;}
.hotb{ background:#e90e12; text-align:center; color:#ffffff; border-radius:3px; width:16px; height:15px; line-height:15px; display:inline-block; margin:0 0 0 5px; font-size:10px;}