/* mobile */
@font-face{
	src:url("../fonts/AppleSDGothicNeoM.ttf");
	font-family:"apple";
}
@media (min-width: 1px) and (max-width: 1089px) {

	.login{display:block}
	.mpage{display:block;}
	.spage{overflow-x:auto;white-space: nowrap;}
	
}

/* desktop */
@media (min-width: 1090px) {

	.login{display:none}
	.mpage{display:none;}


	/* header */
	
	.top-line { background:#333333; }
	.fixed-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}


}
body{background:#fff;}
body.dark{background:#121212;}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.mb_logo{display:none;}
.mba_ssdiv{display:none;}
.navbar-expand-lg .nav-link .fa-angle-double-right{display:none;}
@media (max-width: 1279px) {
  .container {
    max-width: 100%;
  }
  .mobld{width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between;}
  .mb_logo{display:block; padding:15px;}
  .mb_logo .mb_logo_logo img{height:40px;}
  .mb_logo .mb_logo_logo .logo_black{display:block;}
  .mb_logo .mb_logo_logo .logo_white{display:block;}
  body.dark .mb_logo .mb_logo_logo .logo_black{display:none;}
  body.dark .mb_logo .mb_logo_logo .logo_white{display:block;}
	
	.mba_ssdiv{display:block; width:100%;}
	.mba_ssdiv .mba_sslogin{display:flex; padding:10px;}
	.mba_ssdiv .mba_sslogin a{ font-family:"apple"; font-size:14px; font-weight:500; color:#fff;}
	body.dark .mba_ssdiv .mba_sslogin a{color:#fff;}
	.mba_ssdiv .mba_sslogin .left_mma{display:flex; flex-direction:column; width:50%;}
	.mba_ssdiv .mba_sslogin .left_mma img{width:25px; margin-right:10px;}
	.mba_ssdiv .mba_sslogin .left_mma .names{margin-bottom:10px;}
	.mba_ssdiv .mba_sslogin .right_mma{display:flex; align-items:center; justify-content:flex-end; width:50%;}

  .logo img{height:40px;}
	.navbar-expand-lg .navbar-toggler{margin-top:8px;}
	
	.navbar-light.collapsed .navbar-toggler-icon{background-image:url('../img/menu_icon_white.png'); width:18px; height:18px;}
	.navbar-light .navbar-toggler-icon{background-image:url('../img/close_white.png'); width:18px; height:18px;}
	
  .navbar-expand-lg .navbar-toggler{display:block!important; position:fixed; right:10px; z-index:50}
  .navbar-expand-lg .navbar-toggler:focus{outline:0;}
   .navbar-expand-lg > .container > .show{display:block!important;}
 .navbar-expand-lg .navbar-nav {flex-direction : column; margin:20px 0; width:80%;}
 .navbar-expand-lg .navbar-nav .nav-item{width:100%; padding:0;}
 
 .navbar-expand-lg .navbar-nav .nav-item .nav-link{position:relative; height:50px; line-height:50px; padding:0 20px; display:block; font-size:16px; color:#aebbcd;}
 
	#navbarResponsive{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	right:0;
	background:#111;
  }
  .nab_box .nab_top .navbar_ssdiv{display:none;}
  .navbar-expand-lg .navbar-collapse:not(.show){
	display:none !important;
  }
  .navbar-expand-lg .show{
	display:block !important;
  }
  .navbar-expand-lg .show .nav-link .fa-angle-double-right{
	display:inline-block !important;
  }
  .navbar-expand-lg .navbar_ssdiv{
		position:absolute;
		top:60px;
		display:block;
		padding:0 12px;
		width:100%;
	}
	.navbar-expand-lg .navbar_ssdiv .navbar_sslogin{
		display:flex;
		flex-wrap:wrap;
	}
	
	.navbar-expand-lg .navbar_ssdiv .logi{
		flex:1;
		text-align:center;
	}
	.navbar-expand-lg .navbar_ssdiv .names{
		flex:1;
		text-align:center;
		order:1;
	}
	.navbar-expand-lg .navbar_ssdiv .logout{
		flex:1;
		text-align:center;
		order:3;
	}
	.navbar-expand-lg .navbar_ssdiv .navbar_ssbtn{
		position:relative;
		line-height:35px;
		color:#aebbcd;
		display:inline-block;
		border-radius:3px;
		font-size:14px;
		font-weight:400;
	}
	
	.navbar-expand-lg .navbar_ssdiv .mebm{ width:50%; text-align:center;}
	.navbar-expand-lg .navbar_ssdiv .mebm:before{
		content:"";
		display:inline-block;
		width:1px;
		height:10px;
		background:#1d222c;
		margin:auto;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
	}
	.navbar-expand-lg .navbar_ssdiv .logout:before{
		content:"";
		display:inline-block;
		width:1px;
		height:10px;
		background:#1d222c;
		margin:auto;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
	}
	.navbar-expand-lg .navbar_ssdiv .money{
		order:4;
		background:#171d29;
		width:100%;
		margin:10px 0;
		padding: 5px 10px 5px 5px;
		text-align:right;
	}
	.navbar-expand-lg .navbar_ssdiv .money:before{
		content:"사용가능 자산";
		display:inline-block;
		border:none;
		background:0 0;
		width: inherit;
		height: inherit;
		text-align: left;
		line-height: 38px;
		margin-left: 5px;
		padding-left: 10px;
		position:absolute;
		top:0;
		left:0;
		bottom:0;

	}
    .navbar .mbs_top{}
}
@media (min-width: 1280px) {
	.navbar .container{max-width:100%;}
	.id_max .container{max-width:100%;}
  .container {
    max-width: 1280px;
  }
	.navbar-expand-lg .navbar_ssdiv{
		height:35px;
		padding:0 12px;
	}
	.navbar-expand-lg .navbar_ssdiv .navbar_ssbtn{
		position:relative;
		line-height:50px;
		color:#fff;
		display:inline-block;
		border-radius:7px;
		font-size:15px;
		font-weight:400;
		font-family:"apple";
		border:1px solid #fff;
		min-width:120px;
		height:50px;
		text-align:center;
		margin-right:20px;
		padding:0 10px;
	}
	.navbar-nav li{padding:20px 10px;}
	.navbar-expand-lg .navbar_ssdiv .navbar_ssbtn:last-child{margin-right:0;}
	
	.left_smenb{
		display:inline-block;
		margin-right:20px;
		height:50px;
	}
	.left_smenb:after{clear:both; display:block; content:"";}
	.navbar_sslogin{display:flex;}
	.left_smenb .left_ismg{float:left;}
	.left_smenb .left_ismg img{height:50px;}
	.left_smenb .left_iuser{float:left; margin-left:10px;}
	.left_smenb .left_iuser a{color:#fff; display:block; height:25px; line-height:25px;}
	.ma_trand{max-width:1280px; margin:0 auto; height:350px;}
}
.ma_trand{height:350px;}
.navbar-expand-lg .navbar_ssdiv .navbar_ssbtn i{display:inline-block; width:18px; height:18px; margin: 0 5px 0 0;}

.nab_box{width:100%; position:relative; display:flex; }
.nab_box .nab_top{display:flex; margin-right:30px;}
.nab_box .nab_top .navbar_ssdiv{position:absolute; right:0; top:20px;}
.nab_box .nav_info{display:flex; justify-content: center;}

.fixed-top {background:#000;}
body.dark .fixed-top {background:#000;}

.fixed-top .logo .logo_black{display:none;}
body.dark .fixed-top .logo .logo_black{display:none;}
.fixed-top .logo .logo_white{display:block;}
body.dark .fixed-top .logo .logo_white{display:block;}


.fixed-top .navbar-collapse .nav-item .nav-link{color:#f1f1f1; font-size:16px; font-family:"apple";}
.fixed-top .navbar-collapse .nav-item .nav-link img{height:23px; margin-right:5px;}
.fixed-top .navbar-collapse .nav-item .nav-link:after{display:none;}

.bg-bo {background-color:#1C2230!important;}
.navbar-expand-lg .ml-auto{margin-left:auto; margin-right:auto;}
.main_bg{position:relative;}
.main_bg .main_box img{width:100%; }

.main_bg .main_tss{position:absolute; top:30px; left:30px;}
.main_bg .main_tss h3{font-size:25px; font-weight:bold; color:#fff;}
.main_bg .main_tss p{font-size:16px; font-weight:bold; color:#fff;}

.footer .ft_le img{width:80%;}
.footer .ft_ri{display:flex; align-items:center;}
.footer .ft_ri h3{width:100%; text-align:center;}

@media (min-width: 1280px) {

	.fixed-top .logo img{}
	.main_bg .main_tss{top:100px; left:100px;}
	.container .ma_batext .ma_title{font-size:16px;}
	.container .ma_batext .ma_txt{font-size:16px;}
	body .sub_banner .sub_img .sub_txt{top:50px; left:50px;}
	body .mj_title p{font-size:20px;}
}
@media (max-width: 768px) {

	.col-sm6{width:50%;}
	
}
.main_block{width:1200px; margin:0 auto;}
.main_block .block_title{text-align:center; margin-bottom:20px;}
.main_block .block_title h2{font-size:30px; font-weight:bold; font-family:"apple";}
body.dark .main_block .block_title h2{color:#fff;}
.main_block .block_title p{font-size:16px; font-weight:500; font-family:"apple";}
body.dark .main_block .block_title p{color:#aebbcd;}
.main_block .block_in{display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:20px;}
.main_block .block_in .block_box{text-align:center;}
.main_block .block_in .block_box img{width:80%;}
.main_block .block_in .block_box .light{display:inline-block;}
.main_block .block_in .block_box .dark{display:none;}
body.dark .main_block .block_in .block_box .light{display:none;}
body.dark .main_block .block_in .block_box .dark{display:inline-block;}

.main_block .block_in .block_box h2{font-size:22px; font-weight:bold; font-family:"apple"; margin-top:20px;}
body.dark .main_block .block_in .block_box h2{color:#aebbcd;}
.main_block .block_in .block_box p{font-size:16px; font-weight:500; font-family:"apple";}
body.dark .main_block .block_in .block_box p{color:#aebbcd;}

.hsp_main{width:100%; position:relative;}
.hsp_main .hsp_content{max-width:1000px; margin:-150px auto 0; }
.hsp_main .hsp_content .hsp_top{margin-bottom:20px;}
.hsp_main .hsp_content .hsp_top h2{font-size:22px; font-family:"apple"; text-align:center; color:#fff;}
.hsp_main .hsp_content ul{margin:0; padding:0; width:100%; display:flex; justify-content:space-between;}
.hsp_main .hsp_content ul li{width:24%; border:1px solid #d4d4d4; border-radius:5px; background:#fff; text-align:center; padding:20px 0;}
body.dark .hsp_main .hsp_content ul li{background:#111; border-color:#464646;}
.hsp_main .hsp_content ul li img{height:100px;}
.hsp_main .hsp_content ul li p{font-size:16px; font-weight:500; font-family:"apple"; margin-top:20px;}
body.dark .hsp_main .hsp_content ul li p{color:#fff;}
.hsp_white{display:none;}
.hsp_black{display:inline-block;}
body.dark .hsp_white{display:inline-block;}
body.dark .hsp_black{display:none;}

.main_place{max-width:1200px; margin:0 auto;}
.main_place .place_content{width:100%; position:relative;}
.main_place .place_content p{font-size:16px; font-family:"apple";}
body.dark .main_place .place_content p{color:#fff;}

.mnec_list{max-width:1200px; margin:0 auto;}
.mnec_list .mnec_list_content{width:100%; position:relative;}
.mnec_list .mnec_list_content .mnec_list_top{width:100%; margin-bottom:20px;}
.mnec_list .mnec_list_content .mnec_list_top h3{font-size:22px; font-weight:bold; font-family:"apple";}
body.dark .mnec_list .mnec_list_content .mnec_list_top h3{color:#fff;}
.mnec_list .mnec_list_content .mnec_list_top h2{font-size:24px; font-weight:bold; font-family:"apple";}
body.dark .mnec_list .mnec_list_content .mnec_list_top h2{color:#fff;}
.mnec_list .mnec_list_content .mnec_list_top p{font-size:18px; font-weight:500; color:#898989; font-family:"apple";}
body.dark .mnec_list .mnec_list_content .mnec_list_top p{color:#d9d9d9;}

.mnec_list .mnec_list_content .mnec_list_info{width:100%;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box{width:100%; background:#eee; border-radius:7px; margin-bottom:40px;}
body.dark .mnec_list .mnec_list_content .mnec_list_info .mnec_list_box{background:#171717;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box:last-child{margin-bottom:0;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top{display:flex; width:100%; background:#d9d9d9; border-radius:7px;}
body.dark .mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top{background:#111;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_image{width:30%;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_image img{width:100%;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao{width:70%; padding:30px;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao h2{font-size:22px; font-weight:bold; font-family:"apple";}
body.dark .mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao h2{color:#fff;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao h3{font-size:20px; font-family:"apple"; color:#959595;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao p{margin:20px 0; font-size:16px; font-family:"apple"; line-height:35px; font-weight:500;}
body.dark .mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao p{color:#fff;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao .mnecs_btn{width:100%; display:flex; justify-content:space-around;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao .mnecs_btn a{width:45%; display:block; height:50px; line-height:50px; text-align:center; border-radius:7px;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao .mnecs_btn .ex_btn{background:#EB4B4B; color:#fff;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao .mnecs_btn .ex_join{background:#eee;}

.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_bottom{padding:20px 0;}
.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_bottom p{text-align:center; margin:0; font-size:16px; font-family:"apple"; font-weight:500;}
body.dark .mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_bottom p{color:#fff;}


.mec_subcenter{width:100%; padding:100px 0; background:#F4EEF6;}
body.dark .mec_subcenter{background:#3c2f40;}
.mec_subcenter .row{margin:0;}
.mec_subcenter .subcneter_content{max-width:1400px; margin:0 auto;}
.mec_subcenter .subcneter_content ul{width:100%; margin:0; padding:0; display:flex; justify-content:space-between;}
.mec_subcenter .subcneter_content ul li{width:30%; padding:100px 0; background:#fff; border-radius:14px; position:relative;}
body.dark .mec_subcenter .subcneter_content ul li{background:#111;}
.mec_subcenter .subcneter_content ul li .subcenter_img{position:absolute; top:-70px; left:50%; transform:translate(-50%,0); background:#fff; padding:20px; border-radius:50%; border:1px solid #e7e7e7;}
body.dark .mec_subcenter .subcneter_content ul li .subcenter_img{background:#111; border-color:#464646;}
.mec_subcenter .subcneter_content ul li .subcenter_img .sub_img{padding:20px; background:#fff; border:1px solid #e4e4e4; border-radius:50%;}
body.dark .mec_subcenter .subcneter_content ul li .subcenter_img .sub_img{background:#111; border-color:#464646;}
.mec_subcenter .subcneter_content ul li .subcenter_img .sub_img img{height:50px;}
.mec_subcenter .subcneter_content ul li h2{font-size:22px; font-weight:bold; font-family:"apple"; text-align:center;}
body.dark .mec_subcenter .subcneter_content ul li h2{color:#fff;}
.mec_subcenter .subcneter_content ul li p{font-size:16px; font-weight:500; font-family:"apple";  text-align:center; margin:0;}
body.dark .mec_subcenter .subcneter_content ul li p{color:#fff;}

.main_block .block_info{display:flex; flex-direction:column; align-items: flex-end; justify-content: center;}
.main_block .block_info2{display:flex; flex-direction:column; align-items: flex-start; justify-content: center;}
.main_block .block_info .block_box:last-child{margin-top:40px;}

.main_block .block_box .block_top img{width:100%; height:250px; border-radius:10px;}
.main_block .block_box .block_content{margin-top:20px;}
.main_block .block_box .block_content h3{font-size:24px; font-weight:bold; font-family:"apple";}
body.dark .main_block .block_box .block_content h3{color:#fff;}
.main_block .block_box .block_content p{font-size:13px; font-weight:500; font-family:"apple";}
body.dark .main_block .block_box .block_content p{color:#aebbcd;}

.ma_batext{background:#F4F4F4;}
.ma_batext .ma_title{text-align:center; font-size:13px; font-weight:bold; margin:30px 0 0;}
.ma_batext .ma_box{margin:30px 0 40px;}
.ma_batext .ma_icon{text-align:center;}
.ma_batext .ma_txt{text-align:center; font-size:13px; font-weight:bold; margin:10px 0 0;}

.sb_batext .sb_title h2{font-size:25px; color:#fff; text-align:center; font-weight:700; margin:20px 0;}
.sb_batext .sb_title .sb_p{font-size:16px; color:#fff; text-align:center; font-weight:700; margin:10px 0;}
.sb_batext .sb_title .sb_p2{font-size:14px; color:#fff; text-align:center;}
.sb_batext .sb_box{margin:30px 0 40px;}
.sb_batext .sb_box .sb_icon{text-align:center;}
.sb_batext .sb_box .sb_icon img{background:#fff; text-align:center; border-radius:50%; padding:20px; width:100px; height:100px;}
.sb_batext .sb_box .sb_txt h3{font-size:16px; color:#fff; text-align:center; font-weight:700; margin:10px 0;}
.sb_batext .sb_box .sb_txt p{text-align:center; font-size:14px; color:#fff;}

.mj_title p{text-align:center; font-size:14px; color:#fff;}
.mj_title span{padding:5px 10px; background:#fff; border-radius:7px; color:#000;}

.sub_banner .sub_img{background:#000; position:relative;}
.sub_banner .sub_img .sub_iimg img{width:100%;}
.sub_banner .sub_img .sub_txt{position:absolute; top:30px; left:30px;}
.sub_banner .sub_img .sub_txt h3{font-size:24px; color:#fff;}
.sub_banner .sub_img .sub_txt p{font-size:16px; color:#fff; font-weight:bold;}

.blk_inli{width:1200px; margin:0 auto;}
.blk_inli .inli_content .inli_top h2{font-size:30px; font-weight:bold; font-family:"apple";}
body.dark .blk_inli .inli_content .inli_top h2{color:#fff;}
.blk_inli .inli_content .inli_top p{font-size:16px; font-weight:500; font-family:"apple";}
body.dark .blk_inli .inli_content .inli_top p{color:#aebbcd;}
.blk_inli .inli_content .inli_info{margin-top:40px;}
.blk_inli .inli_content .inli_info ul{display:flex; width:100%; flex-wrap: wrap;}
.blk_inli .inli_content .inli_info ul li{width:22%; padding:20px; margin-right:1%;}
.blk_inli .inli_content .inli_info ul li:last-child{margin-right:0;}
.blk_inli .inli_content .inli_info ul li img{width:100%;}
.blk_inli .inli_content .inli_info ul li h3{font-size:24px; font-weight:bold; font-family:"apple"; margin-top:20px; text-align:center;}
body.dark .blk_inli .inli_content .inli_info ul li h3{color:#fff;}
.blk_inli .inli_content .inli_info ul li p{font-size:14px; font-weight:500; font-family:"apple"; text-align:center;}
body.dark .blk_inli .inli_content .inli_info ul li p{color:#aebbcd;}

.biti_center .center_top p{text-align:center; font-size:16px; font-weight:500; font-family:"apple";}
body.dark .biti_center .center_top p{color:#fff;}
.biti_center .center_info{width:500px; margin:20px auto; display:flex;}
.biti_center .center_info .info_l{width:40%;}
.biti_center .center_info .info_l img{width:100%;}
.biti_center .center_info .info_r{width:58%; margin-left:2%; display:flex; flex-wrap:wrap; align-content:space-between;}
.biti_center .center_info .info_r .r_top h2{font-size:18px; font-weight:bold; font-family:"apple"; margin-top:20px; text-align:center;}
body.dark .biti_center .center_info .info_r .r_top h2{color:#fff;}
.biti_center .center_info .info_r .r_top p{font-size:14px; font-weight:500; font-family:"apple";}
body.dark .biti_center .center_info .info_r .r_top p{color:#aebbcd;}
.biti_center .center_info .info_r .r_boto p{font-size:14px; font-weight:bold; font-family:"apple";}
body.dark .biti_center .center_info .info_r .r_boto p{color:#fff;}
.biti_center .center_info .info_r .r_boto a{display:block; width:90%; margin:10px auto 0; background:#464646; color:#fff; font-size:16px; text-align:center; padding:12px 0; border-radius:12px;}
.biti_center .center_bottom{margin-top:40px;}
.biti_center .center_bottom h2{font-size:24px; font-weight:bold; font-family:"apple"; margin-top:20px; text-align:center;}
body.dark .biti_center .center_bottom h2{color:#fff;}
.biti_center .center_bottom p{text-align:center; font-size:16px; font-weight:500; font-family:"apple";}
body.dark .biti_center .center_bottom p{color:#aebbcd;}

.bitl_plat h2{font-size:30px; font-weight:bold; font-family:"apple"; text-align:center;}
body.dark .bitl_plat h2{color:#fff;}
.bitl_plat p{font-size:20px; font-weight:bold; font-family:"apple"; text-align:center;}
body.dark .bitl_plat p{color:#aebbcd;}
.bitl_plat a{display:block; margin:20px auto; width:200px; height:50px; border:1px solid #e4e4e4; text-align:center; line-height:50px; font-size:16px; color:#000; border-radius:12px;}
body.dark .bitl_plat a{border:1px solid #d4d4d4; color:#fff;}

.biti_siteb{width:1200px; margin:0 auto;}
.biti_siteb .siteb_top h2{font-size:30px; font-weight:bold; font-family:"apple"; text-align:center;}
body.dark .biti_siteb .siteb_top h2{color:#fff;}
.biti_siteb .siteb_top p{font-size:18px; font-weight:500; font-family:"apple"; text-align:center;}
body.dark .biti_siteb .siteb_top p{color:#fff;}
.biti_siteb .stieb_bottom{text-align:center; margin-top:40px;}
.biti_siteb .stieb_bottom p{font-size:18px; font-weight:500; font-family:"apple"; text-align:center; margin-top:10px;}
body.dark .biti_siteb .stieb_bottom p{color:#fff;}

.biti_siteb .siteb_info{margin-top:40px;}
.biti_siteb .siteb_info img{width:100%;}
.biti_siteb .lsdark{display:none;}
body.dark .biti_siteb .lsdark{display:block;}
.biti_siteb .lsight{display:block;}
body.dark .biti_siteb .lsight{display:none;}

.ff_box{text-align:center;}
.ff_box h3{color:#fff; font-size:18px; text-align:center; margin-bottom:15px;}
.ff_box p{color:#fff; font-size:14px; text-align:center; font-weight:600;}
.ff_box span{background:#5D93F3; color:#fff; text-align:center; padding:5px 20px; border-radius:5px; font-size:16px; font-weight:bold; cursor:pointer;}

.footer h2{margin:0 0 20px; 0}

.ba_trand {width:1200px; margin:0 auto;}
.ba_trand .trand_top{margin-bottom:20px;}
.ba_trand .trand_top h2{font-size:30px; font-weight:bold; font-family:"apple"; text-align:center;}
body.dark .ba_trand .trand_top h2{color:#fff;}
.ba_trand .trand_top p{font-size:18px; font-weight:500; font-family:"apple"; text-align:center;}
body.dark .ba_trand .trand_top p{color:#fff;}
.ba_trand .trand_info{margin-top:10px;}
.ba_trand .trand_info .light_mode{display:block; width:100%; height:450px;}
.ba_trand .trand_info .dark_mode{display:none;}
body.dark .ba_trand .trand_info .light_mode{display:none;}
body.dark .ba_trand .trand_info .dark_mode{display:block; width:100%; height:450px;}
.ba_trand .trand_info ul li{margin-right:20px;}
.ba_trand .trand_info ul li:last-child{margin-right:0;}

.ft_content{background:#222;padding:50px; max-width:100%;}
body.dark .ft_content{background:#222;}
.ft_content .ft_box{min-height:250px; position:relative; text-align:center;}
.ft_content .ft_box .ft_img{margin-bottom:30px;}
.ft_content .ft_box .ft_copy{font-size:18px; font-family:"apple"; text-align:center; color:#fff; }
.ft_content .ft_box .ft_cont{font-size:17px; font-family:"apple"; text-align:center; color:#fff; margin-bottom:30px; line-height:30px;} 


.logo_black{display:block; margin:0 auto;}
body.dark .logo_black{display:none;}
.logo_white{display:none;}
body.dark .logo_white{display:block; margin:0 auto;}

.pc_banner{display:none;}
.tablet_banner{display:block;}
.mobile_banner{display:none;}
.pc_middle_banner{display:none;}
.tablet_middle_banner{display:block;}
.mobile_middle_banner{display:none;}
.siteb_pc{display:none;}
.siteb_tablet{display:block;}
.siteb_mobile{display:none;}

@media (min-width: 1280px) {
	.pc_banner{display:block;}
	.tablet_banner{display:none;}
	.mobile_banner{display:none;}
	.pc_middle_banner{display:block;}
	.tablet_middle_banner{display:none;}
	.mobile_middle_banner{display:none;}
	.siteb_pc{display:block;}
	.siteb_tablet{display:none;}
	.siteb_mobile{display:none;}
}
@media (max-width: 768px) {
	.pc_banner{display:none;}
	.tablet_banner{display:none;}
	.mobile_banner{display:block;}
	.pc_middle_banner{display:none;}
	.tablet_middle_banner{display:none;}
	.mobile_middle_banner{display:block; text-align:center;}
	.sub_banner .sub_img .sub_iimg img{width:100%;}
	.mobile_middle_banner h2{font-size:18px; text-align:center; margin:20px 0 10px; font-family:"apple"; font-weight:bold; color:#fff;}
	.mobile_middle_banner p{font-size:12px; text-align:center; font-family:"apple"; color:#fff;}
	.siteb_mobile{display:block;}
	.siteb_tablet{display:none;}
	.siteb_pc{display:none;}
	.nab_box{display:flex;}
	.main_block{width:100%;}
	.main_block .block_title h2{font-size:18px;}
	.main_block .block_title p{font-size:12px;}
	.main_block .block_box{width:49%; text-align:center;}
	.main_block .block_box img{width:90%;}
	.main_block .block_in .block_box p{font-size:12px;}
	.main_block .block_box .block_content h3{font-size:22px;}
	.main_block .block_box .block_content p{font-size:12px;}
	.nab_box .nab_top .navbar_ssdiv{display:none;}
	.main_block .block_box{width:50%; margin-bottom:20px;}
	.ba_trand{width:100%;}
	.ba_trand .trand_top h2{font-size:22px;}
	.ba_trand .trand_info ul{flex-direction: column;}
	.ba_trand .trand_info ul li{margin-right:0; margin-bottom:10px;}
	.ba_trand .trand_info .light_mode{height:350px;}
	body.dark .ba_trand .trand_info .dark_mode{height:350px;}
	.blk_inli{width:100%;}
	.blk_inli .inli_content .inli_top h2{font-size:22px;}
	.blk_inli .inli_content .inli_top p{font-size:14px;}
	.blk_inli .inli_content .inli_info ul li{width:100%; margin-right:0; text-align:center;}
	.blk_inli .inli_content .inli_info ul li img{width:50%;}
	.bitl_plat h2{font-size:22px;}
	.bitl_plat p{font-size:14px;}
	.biti_siteb{width:100%;}
	.biti_siteb .siteb_top h2{font-size:22px;}
	
	.biti_center .center_info{width:100%;}
	.biti_center .center_info .info_r .r_top h2{font-size:16px;}
	

	.hsp_main .hsp_content .hsp_top{width:300px; margin:0 auto 20px; }
	.hsp_main .hsp_content .hsp_top h2{font-size:18px;}
	.hsp_main .hsp_content ul{flex-wrap:wrap; justify-content:space-around;}
	.hsp_main .hsp_content ul li{width:40%; margin-bottom:20px;}
	.hsp_main .hsp_content ul li img{height:50px;}
	.hsp_main .hsp_content ul li p{margin-bottom:0;}

	.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top{flex-direction:row; flex-wrap:wrap;}
	.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_image{width:100%;}
	.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao{width:100%; padding:20px;}
	.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_top .mnec_cao p{font-size:14px; line-height:25px;}
	.mnec_list .mnec_list_content .mnec_list_info .mnec_list_box .mnec_box_bottom p{font-size:14px; width:250px; margin:0 auto;}

	.mec_subcenter .subcneter_content ul{flex-direction:row; flex-wrap:wrap;}
	.mec_subcenter .subcneter_content ul li{width:100%; margin-bottom:100px;}
	.mec_subcenter .subcneter_content ul li:last-child{margin-bottom:0;}

	.ft_content{padding:10px;}
	.ft_content .ft_row{margin:0; padding:0;}
	.ft_content .ft_row .ft_box{margin:0; padding:0;}
	.ft_content .ft_box .ft_top .light_sim{display:block; width:50%; margin:0 auto;}
	body.dark .ft_content .ft_box .ft_top .light_sim{display:none;}
	.ft_content .ft_box .ft_top .dark_sim{display:none;}
	body.dark .ft_content .ft_box .ft_top .dark_sim{display:block; width:50%; margin:0 auto;}
	.ft_content .ft_top{text-align:center;}
	.ft_content .ft_box .ft_bottom .ft_left{float:none; text-align:center; margin-bottom:10px;}

	.ft_content .ft_box .ft_copy{font-size:13px;}
	.ft_content .ft_box .ft_cont{font-size:12px; width:250px; margin:0 auto;}
}



.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-first{
	padding: 50px 0px 50px 20px;
    background: #4c4f6f;
    font-size: 20px;
	color:#fff;
    font-weight: bold;
    border-top: 3px solid #313450;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.carousel-item a{color:#fff;}

/* 네비게이션 수정 */
.dropdown-menu {
    border-radius: 0px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 7px 15px;
    clear: both;
    font-weight: 400;
    color: #000;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover {
	background:#f5f5f5;
}

.color-gray{color:#666}
.color-red{color:#ff0000}


.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}

/* pages */
.info-2 i{font-size:20px;}
table th, table td{ font-family: 'S-CoreDream-4Regular';font-size: 14px;}



#bo_v_sns li span{display:none;}
#bo_v_sns {display:none;position:absolute;top:-50px;right:0px;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}


.dropdown-menu{background:#fff;}
body.dark .dropdown-menu{background:#272727;}
.dropdown-menu .dropdown-item{color:#000; padding:10px 20px; }
body.dark .dropdown-menu .dropdown-item{color:#fff;}
.dropdown-menu .dropdown-item:hover{background:#fff;}
body.dark .dropdown-menu .dropdown-item:hover{background:#373737;}
@media (min-width:992px){
	.navbar-expand-lg .navbar-nav .dropdown-menu{min-width:0; }
	.dropdown-menu .dropdown-item{text-align:center;}
}



#kakao{position:fixed; bottom:120px; right:20px; width:50px; height:50px; z-index:90; border-radius:50%;}
#kakao img{width:100%;}
#star{position:fixed; bottom:70px; right:20px; width:50px; height:50px; z-index:90; border-radius:50%; border:1px solid #ccc; background:#fff;}
#star img{width:100%;}
.img_light{display:none;}
body.dark .img_light{display:block;}
body.dark .img_dark{display:none;}