@charset "utf-8";
@import url("../fonts/NotoSansKR/NotoSansKR.css");
@import url("../fonts/NanumGothic/NanumGothic.css");
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('../fonts/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:14px;
	font-family:'Malgun Gothic', '맑은 고딕', Dotum, '돋움', AppleSDGothicNeo, arial, sans-serif;
	vertical-align:middle;
	letter-spacing:-0.5px;
	font-style:normal;
	box-sizing: border-box;
}
p,span,strong{vertical-align:top;}
ul,ol { list-style: none; } 
a { color: #1e1e1e; text-decoration: none; } 


.font_blue{color:#387ee5;}
.font_red{color:#d8001f;}

.w5p{width:5%;}
.w8p{width:8%;}
.w10p{width:10%;}
.w12p{width:12%;}
.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w100p{width:100%;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}


.visible_pc{}
.visible_mobile{display:none;}

@media screen and (max-width: 1025px){
	.visible_pc{display:none!important;}
    .visible_mobile{visibility:visible; display:block;}
}

.scrolllock{overflow:hidden;}

.inner_common{width:1200px; margin:0 auto;}

@media screen and (max-width: 1200px){
    .inner_common{width:100%; padding-left:20px; padding-right:20px;}
}

.header .gnb .logo a{display:block; width:246px; height:52px; background:url('../images/dm_logo_top.png') 0 0 no-repeat;}
.header .gnb .logo_btb{flex: 1; padding-left:10px;}
.header .gnb .logo_btb img{max-height:50px;}
.header .gnb .inner_common{display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; justify-content:space-between;  -webkit-box-pack: justify;  -moz-justify-content: space-between; -ms-flex-pack: justify; align-items:center; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; height:90px;}
.header .gnb .rightmenu{display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; align-items:center;}
.header .gnb .rightmenu li{position:relative;}
.header .gnb .rightmenu li a{color:#737373; line-height:16px;}
.header .gnb .rightmenu li + li{padding-left:15px; margin-left:15px;}
.header .gnb .rightmenu li + li:before{content:''; position:absolute; left:0; top:50%; margin-top:-7px; height:14px; width:1px; background:#dcdcdc;}
.header .gnb .rightmenu li a i{display:inline-block; margin-left:8px; vertical-align: middle;}
.header .gnb .rightmenu li a i.ico_target{width:12px; height:12px; background:url('../images/dm_bigban01_target.png') center center no-repeat; vertical-align:baseline;}
.header .gnb .rightmenu li.btn_target a{display:block; background:#ffe932; color:#1e1e1e; font-weight:bold; border-radius:4px; padding:8px 10px;}
.header .gnb .rightmenu li.btn_kakao{padding-left:0; margin-left:8px;}
.header .gnb .rightmenu li.btn_kakao:before{display:none;}
.header .gnb .rightmenu li.btn_kakao a{display:block; background:url('../images/btn_top_kakao.png') center center no-repeat; background-size:auto 24px; background-color:#ffdd00; font-size:0; text-indent:-9999; border-radius:4px; width:130px; height:32px;}
.header .gnb .btn_allmenu_open{display:none; position:absolute; right:0; top:0; width:54px; height:54px; background:url('../images/ico_allmenu_open.png') center center no-repeat}

.header .gnb .allmenu{display:none; background:#fff; width:100%; height:100vh; max-width:100vw; position:fixed; z-index:1000; right:-100%; top:0; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.header .gnb .allmenu .allmenu_top{position:relative; background:#012976;}
.header .gnb .allmenu .allmenu_top h3{color:#fff; font-size:16px; font-weight:bold; padding:14px; line-height:20px;}
.header .gnb .allmenu .allmenu_top .btn_allmenu_close{position:absolute; right:0; top:0; display:block; width:48px; height:48px; background:url('../images/ico_allmenu_close.png') center center no-repeat}
.header .gnb .allmenu .logo_group{display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; font-size:0; padding:18px 10px; align-items:center; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; justify-content:space-between;  -webkit-box-pack: justify;  -moz-justify-content: space-between; -ms-flex-pack: justify;}
.header .gnb .allmenu .logo_group .logo{display:block; background:url('../images/dm_logo_top.png') 0 0 no-repeat; width:144px; height:30px; background-size:cover;}
.header .gnb .allmenu .logo_group .btnlist li + li{margin-top:8px;}
.header .gnb .allmenu .logo_group .btn_target{position:relative; font-size:12px; line-height:18px; padding-left:20px;}
.header .gnb .allmenu .logo_group .btn_target:before{content:''; position:absolute; left:0; top:50%; margin-top:-8px; margin-right:5px; width:14px; height:16px; background:url('../images/ico_gnb_target.png') 0 0 no-repeat; vertical-align:baseline;}
.header .gnb .allmenu .logo_group .btn_kakao{position:relative; font-size:12px; line-height:18px; padding-left:20px;}
.header .gnb .allmenu .logo_group .btn_kakao:before{content:''; position:absolute; left:0; top:50%; margin-top:-8px; margin-right:5px; width:16px; height:16px; background:url('../images/ico_gnb_kakao.png') 1px 0 no-repeat; vertical-align:baseline;}

.header .gnb .allmenu .util{background:#f5f5f5;}
.header .gnb .allmenu .util ul{display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; padding:12px 0; height:50px; align-items: center;}
.header .gnb .allmenu .util ul li{position:relative; flex:1; text-align:center;}
.header .gnb .allmenu .util ul li + li:before{content:''; position:absolute; left:0; top:50%; margin-top:-6px; width:1px; height:12px; background:#dcdcdc;}
.header .gnb .allmenu .util ul li a{font-size:12px;}
.header .gnb .allmenu .menu{overflow-y:scroll; height:calc(100vh - 170px);}
.header .gnb .allmenu .menu > ul{padding:0 14px;}
.header .gnb .allmenu .menu > ul > li{position:relative;}
.header .gnb .allmenu .menu > ul > li + li{border-top:1px solid #dcdcdc;}
.header .gnb .allmenu .menu > ul > li > a{display:block; font-size:16px; padding:16px 0; background-image:url('../images/ico_allmenu_arrow_r.png'); background-position:calc(100% - 10px) center; background-repeat:no-repeat; font-weight:bold; letter-spacing: -2px; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.header .gnb .allmenu .menu > ul > li.hasSub > a{background-image:url('../images/ico_allmenu_arrow_d.png');}
.header .gnb .allmenu .menu > ul > li.active > a{color:#1070c2;}
.header .gnb .allmenu .menu > ul > li.hasSub.active > a{background-image:url('../images/ico_allmenu_arrow_u.png');}

.header .gnb .allmenu .menu > ul > li > .menu_sub{display:none; border-top:1px solid #dcdcdc; padding:10px 0; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.header .gnb .allmenu .menu > ul > li.active > .menu_sub{border-color:#1070c2; display:block;}
.header .gnb .allmenu .menu > ul > li > .menu_sub > li > a {position:relative; color:#1e1e1e; display:block; font-size:13px; padding:6px 6px 6px 10px; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.header .gnb .allmenu .menu > ul > li > .menu_sub > li > a:before{content:''; position:absolute; left:0; top:50%; margin-top:-1.5px; width:3px; height:3px; border-radius:100%; background:#b9b9b9;}
.header .gnb .allmenu .menu > ul > li > .menu_sub > li > a:hover{color:#1070c2; font-weight:bold;}
.header .gnb .allmenu .menu > ul > li > .menu_sub > li > a:hover:before{background:#1070c2}
.header .gnb .allmenu .menu > ul > li:hover > .menu_sub{}

.header .lnb{background:#fff; border-top:1px solid #dcdcdc;  position: relative;}
.header .lnb .menu > ul{display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox;}
.header .lnb .menu > ul > li{width:16.66%; position:relative; text-align: center;}
.header .lnb .menu > ul > li > a{color:#1e1e1e; display:block; font-size:16px; line-height:24px; padding:20px 10px; font-weight:bold; letter-spacing: -2px; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.header .lnb .menu > ul > li:hover > a{color:#174baf;}
.header .lnb .menu > ul > li > a:before{content:''; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#174baf; 
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.header .lnb .menu > ul > li:hover > a:before{width:100%; left:0;}
.header .lnb .menu > ul > li > .menu_sub{position:absolute; height:0; top:100%; left:0; width:100%; border-color:#dcdcdc; background:#fff; overflow:hidden; z-index:1001; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.header .lnb .menu:hover > ul > li > .menu_sub{height:calc(390px - 65px); padding:10px 0; border-top:1px solid #dcdcdc;}
.header .lnb .menu > ul > li > .menu_sub > li > a {color:#737373; display:block; font-size:15px; line-height:20px; padding:10px; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.header .lnb .menu > ul > li > .menu_sub > li > a:hover{color:#174baf; font-weight:bold;}
.header .lnb .menu > ul > li:hover > .menu_sub{background:#fafafa;}
.header .lnb .menu .bg{position:absolute; border-color:#dcdcdc; left:0; top:100%; width:100%; background:#fff; height:0; z-index:1000; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.header .lnb .menu:hover .bg{height:326px; border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}

@media screen and (max-width: 1025px){
	#wrap{padding-top:54px;}
	.header{position:fixed; top:0; left:0; width:100%; z-index:1000; background:#fff; border-bottom:1px solid #dcdcdc; z-index:8000;}
	.header .gnb .btn_allmenu_open{display:block;}
	.header .gnb .inner_common{height:54px; padding:0 10px;}
	.header .gnb .logo a{width:144px; height:30px; background-size:cover;}
	.header .gnb .logo_btb{padding-left:5px;}
	.header .gnb .logo_btb img{max-width:144px;}

	.header .gnb .rightmenu{display:none;}
	.header .gnb .allmenu{display:block;}
	.header .gnb .allmenu.active{right:0;}

	.header .lnb{display:none;}
}

.footertop{background:#f0f0f0;}
.footertop .inner_common{position:relative; 
    display:flex; display: -webkit-box;
    display:-webkit-flex;
    display: -ms-flexbox;
    align-items:center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
}
.footertop .ft_counsel{padding:60px 0;}
.footertop .ft_counsel .txt_call{color:#1e1e1e;}
.footertop .ft_counsel .txt_call .small{font-size:16px; font-weight:bold; line-height:16px; margin-bottom:10px;}
.footertop .ft_counsel .txt_call .big{font-size:48px; letter-spacing:-1.5px; line-height:54px; font-weight:bold; color:#1f458e;}
.footertop .ft_counsel .txt_info{color:#1e1e1e; font-size:16px; margin-top:18px;}
.footertop .ft_menu{
    display:flex;
	display: -webkit-box;
    display:-webkit-flex;
    display: -ms-flexbox;
}
.footertop .ft_menu li{width:20%;}
.footertop .ft_menu li + li{margin-left:30px;}
.footertop .ft_menu li i{position:relative; display:block; width:100px; height:100px; border-radius:100%; margin:0 auto; background:#fff;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
.footertop .ft_menu li i:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat: no-repeat; background-position: center center;}
.footertop .ft_menu li:nth-child(1) i:before{background-image:url('../images/dm_bot_ban01.png');}
.footertop .ft_menu li:nth-child(2) i:before{background-image:url('../images/dm_bot_ban02.png');}
.footertop .ft_menu li:nth-child(3) i:before{background-image:url('../images/dm_bot_ban03.png');}
.footertop .ft_menu li:nth-child(4) i:before{background-image:url('../images/dm_bot_ban04.png');}
.footertop .ft_menu li:nth-child(5) i:before{background-image:url('../images/dm_bot_ban05.png');}
.footertop .ft_menu li p{font-weight:bold; font-size:15px; margin-top:15px; text-align:center; word-break:keep-all;}
.footertop .ft_menu li a:hover i{background:#ffe222;}

@media screen and (max-width: 1200px){
	.footertop .ft_menu{width:600px}
}

@media screen and (max-width: 1025px){
	.footertop .inner_common{justify-content: center; flex-wrap: wrap;}
	.footertop .ft_counsel{padding:20px 0;}
	.footertop .ft_menu{width:100%; padding:20px 0; border-top:1px solid #dcdcdc;}
	.footertop .ft_menu li i{width:70px; height:70px;}
	.footertop .ft_menu li p{font-size:12px; margin-top:8px;}
}

@media screen and (max-width: 768px){
	.footertop .ft_counsel{display:block; padding:20px 14px; height:auto; text-align:center;}
	.footertop .ft_counsel .txt_info{font-size:14px; margin-left:0; margin-top:8px;}
	.footertop .ft_counsel .txt_call .small{font-size:13px; margin-bottom:5px;}
	.footertop .ft_counsel .txt_call .big{font-size:20px; line-height:normal; font-weight:bold;}
	.footertop .ft_menu {justify-content: center; height:auto; padding:15px 0;}
	.footertop .ft_menu li{padding:5px 0;}
	.footertop .ft_menu li + li{margin-left:20px;}
	.footertop .ft_menu li.li_btn{margin:0 20px; text-align:center;}
	.footertop .ft_menu li .btn{font-size:0; text-indent:-9999px; min-width:auto;}
	.footertop .ft_menu li i{width:40px; height:40px;}
	.footertop .ft_menu li i:before{background-size:34px;}
}

.footer{background:#222228; padding:0 0 64px 0;}
.footer .menu{background:#2d2d33;}
.footer .menu .inner_common{position:relative;}
.footer .menu .menulist{display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox;}
.footer .menu .menulist > li {padding-right:24px; border-right:1px solid #424248;}
.footer .menu .menulist > li + li{padding-left:24px;}
.footer .menu .menulist > li > a{display:block; color:#fff; font-size:14px; line-height:24px; padding:15px 0;}
.footer .menu .menulist > li > a.personal{color:#3ad2ff; font-weight:bold;}
.footer .menu .sns{position:absolute; right:0; top:50%; margin-top:-12px; font-size:0;}
.footer .menu .sns li{display:inline-block; font-size:0; text-indent: -9999px;}
.footer .menu .sns li + li{margin-left:8px;}
.footer .menu .sns li .btn{font-size:0; text-indent: -9999px;}
.footer .menu .sns li .btn i{display:block; width:24px; height:24px; border-radius:4px%; background:black;}
.footer .menu .sns li .btn i.ico_youtube{background:url('../images/ico_sns_youtube.png') 0 0 no-repeat;}
.footer .menu .sns li .btn i.ico_blog{background:url('../images/ico_sns_naver.png') 0 0 no-repeat;}

.footer .info{padding-top:40px;}
.footer .info .inner_common{display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; color:#737373; font-size:14px; line-height:24px;}
.footer .info .logo a{display:block; width:246px; height:52px; background:url('../images/dm_logo_footer.png') 0 0 no-repeat}
.footer .info .txtarea{margin-left:60px;}
.footer .info span{position:relative; display:inline-block; vertical-align:top; padding-right:10px; margin-right:10px;}
.footer .info span.last:after{display:none;}
.footer .info strong{vertical-align: top;}

@media screen and (max-width: 1200px){
	.footer .menu .sns{right:20px;}
}

@media screen and (max-width: 1025px){
	.footer .info .inner_common{display:block;}
	.footer .info{flex-wrap: wrap;}
	.footer .info .logo,
	.footer .info .txtarea{width:100%;}
	.footer .info .logo, .footer .info .txtarea{margin-left:0; text-align:center;}
	.footer .info .logo{margin-bottom:30px; justify-content:center;}
	.footer .info .logo a{margin:0 auto;}
}

@media screen and (max-width: 580px){
	.footer .menu .inner_common{padding:0;}
	.footer .menu .menulist{}
	.footer .menu .menulist li{width:33.33%; padding:0;}
	.footer .menu .menulist li a{font-size:12px; padding:10px; text-align:center;}
	.footer .menu .menulist > li + li{padding:0;}
	.footer .menu .sns{top:calc(100% + 14px); margin-top:0; right:auto; left:50%; transform: translateX(-50%);}
	.footer .info{padding-top:60px;}
}

/* MAIN CONTENTS */
.maincont{margin-bottom:30px;}
.m_visual{height:0; padding-bottom:28.37%; position:relative; background:#1e1e1e}

.m_visual .visuallist{position:absolute; width:100%; height:100%; overflow:hidden;}
.m_visual .visuallist a{display:block; height:100%;}
.m_visual .visuallist ul li{width:100%; height:100%; background-size:cover; background-position:center;}
.m_visual .visuallist ul li .innerbox{position:relative; max-width:1200px; margin:0 auto; height:100%;}
.m_visual .visuallist ul li .visualtxt{position:absolute; top:50%; transform:translateY(-50%); max-width:calc(100% - 80px);}
.m_visual .visuallist ul li .visualtxt.left{left:0;}
.m_visual .visuallist ul li .visualtxt.right{right:0;}
.m_visual .visuallist ul li .visualtxt.center{left:50%; transform:translateX(-50%);}
.m_visual .visuallist .swiper-button-prev,
.m_visual .visuallist .swiper-button-next{top:50%; margin-top:-40px; width:40px; height:80px; background:rgba(0,0,0,0.8); font-size:0; text-indent:-9999px;}
.m_visual .visuallist .swiper-button-prev{left:0;}
.m_visual .visuallist .swiper-button-next{right:0;}
.m_visual .visuallist .swiper-button-prev:before,
.m_visual .visuallist .swiper-button-next:before{content:''; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-9px; width:10px; height:18px; background-image:url('../images/dm_visual_arrow.png'); background-repeat:no-repeat;}
.m_visual .visuallist .swiper-button-prev:before{background-position: 0 0;}
.m_visual .visuallist .swiper-button-next:before{background-position: 100% 0;}
.m_visual .visuallist .swiper-pagination{left:50%; bottom:60px; z-index:2; transform: translateX(-50%);}
.m_visual .visuallist .swiper-pagination-bullet{width:30px; height:3px; border-radius:0; background:#fff;}
.m_visual .visuallist .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:8px;}

@media screen and (max-width: 1200px){
	.m_visual .visuallist ul li .innerbox{padding:0 40px;}
	.m_visual .visuallist ul li .visualtxt.left{left:40px;}
	.m_visual .visuallist ul li .visualtxt.right{right:40px;}
}

@media screen and (max-width: 768px){
	.m_visual{padding-bottom:auto; height:340px;}
	.m_visual .visuallist .swiper-pagination{bottom:20px;}
	.m_visual .visuallist .swiper-button-prev,
	.m_visual .visuallist .swiper-button-next{width:30px; height:50px; margin-top:-25px;}
}

.m_visual .m_v_cont .m_v_ban{width:calc(100% - 400px); margin-left:40px; display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; flex-wrap:wrap; justify-content: space-between;}
.m_visual .m_v_cont .m_v_ban li {width:calc(25% - 10px); padding:5px;}
.m_visual .m_v_cont .m_v_ban li .banbox{display:block; background:rgba(255,255,255,0.9); height:300px; padding-top:80px; border-radius:8px; text-align:center; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.m_visual .m_v_cont .m_v_ban li .banbox:hover{background:rgba(255,255,255,1);}
.m_visual .m_v_cont .m_v_ban li .banbox i{position:relative; width:68px; height:68px; margin:0 auto; display:block; background:#ffe222; border-radius:100%;}
.m_visual .m_v_cont .m_v_ban li .banbox i:before{content:''; position:absolute; width:74px; height:60px; left:50%; top:50%; transform:translate(-50%, -50%);}
.m_visual .m_v_cont .m_v_ban li .banbox i.icon01:before{background:url('../images/m_v_ban01.png') 0 0 no-repeat;}
.m_visual .m_v_cont .m_v_ban li .banbox i.icon02:before{background:url('../images/m_v_ban02.png') 0 0 no-repeat;}
.m_visual .m_v_cont .m_v_ban li .banbox i.icon03:before{background:url('../images/m_v_ban03.png') 0 0 no-repeat;}
.m_visual .m_v_cont .m_v_ban li .banbox i.icon04:before{background:url('../images/m_v_ban04.png') 0 0 no-repeat;}
.m_visual .m_v_cont .m_v_ban li .banbox .txt_big{font-size:18px; font-weight:bold; margin-top:10px;}
.m_visual .m_v_cont .m_v_ban li .banbox .txt_small{position:relative; display:inline-block; color:#737373; font-size:14px; padding-right:14px;margin-top:6px;}
.m_visual .m_v_cont .m_v_ban li .banbox .txt_small:after{content:''; position:absolute; width:6px; height:10px; right:0; top:50%; margin-top:-5px; background:url('../images/m_v_smallban_arrow.png') 0 0 no-repeat;}


@media screen and (max-width: 1025px){
	.maincont{margin-bottom:0;}
	.m_visual{height:;}
}
@media screen and (max-width: 768px){
	.maincont{padding-bottom:20px;}
	.m_visual .inner_common{padding:15px;}
}

.dm_bigban{overflow:hidden; background:#002248;}
.dm_bigban .inner_common{ height:250px;
    display:flex;
	display: -webkit-box;
    display:-webkit-flex;
    display: -ms-flexbox;
}
.dm_bigban .bigban01{position:relative; flex:1; background-color:#1f458e; background-image:url('../images/dm_bigban01_bg.png'); background-position: 100% 50%; background-repeat: no-repeat; padding:40px; border-radius: 0 40px 0 0;}
.dm_bigban .bigban01:before{content:''; position:absolute; top:0; right:100%; width:100vw; height:100%; background-color:#1f458e;}
.dm_bigban .bigban02{position:relative; width:50%; padding:40px 0px 40px 40px; background-image:url('../images/dm_bigban02_bg.png'); background-position: 100% 50%; background-repeat: no-repeat;}
.dm_bigban .txt_big{color:#fff; font-weight:bold; font-size:24px; margin-bottom:10px;}
.dm_bigban .txt_small{font-size:14px; color:#c2d6e4; word-break:keep-all;}
.dm_bigban .btn{display: inline-flex; justify-content: center; align-items: center; font-size:14px; font-weight: bold; line-height:18px; padding:15px; border-radius:4px;}
.dm_bigban .btn i{display:inline-block; vertical-align: middle; width:12px; height:12px; margin-left:10px;}
.dm_bigban .bigban01 .btn{position:absolute; left:40px; bottom:40px; background:#ffe932;}
.dm_bigban .bigban01 .btn i{background:url('../images/dm_bigban01_target.png') center center no-repeat;}
.dm_bigban .bigban02 .btn{overflow:hidden; position:relative; width:calc(33.33% - 10px); background:#fff; color:#002248; margin-right:10px; margin-top:10px; padding:10px 5px;}
.dm_bigban .bigban02 .btn{padding:10px;}
.dm_bigban .bigban02 .btn i{background:url('../images/dm_bigban02_arrow.png') center center no-repeat;}
.dm_bigban .bigban02 .btn span{position:relative;}
.dm_bigban .bigban02 .btn.new:before{content:'NEW';display:flex;align-items: end;justify-content:center;width: 60px;height: 30px;font-size:10px;font-weight:1000;color:#fff;background:red;transform: rotate(316deg);position:absolute;left:0;top:0;line-height:20px;margin-left: -23px;margin-top: -6px;}
.dm_bigban .bigban02 .btngroup{position:absolute; display:flex; flex-wrap:wrap; left:40px; bottom:40px; font-size:0;}

@media screen and (min-width: 1200px){
	.dm_bigban .bigban02{transition:width 0.3s;}
	.dm_bigban .bigban01:hover + .bigban02{
		width:580px;
	}
	.dm_bigban .bigban02:hover{
		width:calc(100% - 520px);
	}
}

@media screen and (max-width: 1200px){
	.dm_bigban .inner_common{display:block; height:auto; padding:0;}
	.dm_bigban .bigban01{width:auto; border-radius:0;}
	.dm_bigban .bigban01:before{display:none;}
	.dm_bigban .bigban01 .btn{position:static; margin-top:20px;}
	.dm_bigban .bigban02{width:auto;}
	.dm_bigban .bigban02 .btngroup{position:static; margin-top:20px;}
}

@media screen and (max-width: 786px){
	.dm_bigban .bigban01,
	.dm_bigban .bigban02{padding:20px; background-size:100px;}
	.dm_bigban .txt_big{font-size:16px; margin-bottom:5px;}
	.dm_bigban .txt_small{font-size:12px; color:#c2d6e4;}
	.dm_bigban .btn{padding:8px; font-size:12px;}
}
@media screen and (max-width: 580px){
	.dm_bigban .bigban02 .btn{width:100%; text-align:center; width:calc(50% - 10px);}
}

.dm_cont01{}
.dm_cont01 .inner_common{
    display:flex; display: -webkit-box;
    display:-webkit-flex;
    display: -ms-flexbox;
	justify-content:space-between;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between; 
	-ms-flex-pack: justify;
}
.dm_cont01 .txt_big{color:#fff; font-weight:bold; font-size:14px; margin-bottom:10px;}
.dm_cont01 .txt_small{font-size:14px; color:#fff;}
.dm_cont01 .btn{display:inline-block; font-size:14px; font-weight: bold; line-height:18px; padding:15px; border-radius:4px; text-align: center;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
.dm_cont01 .btn i{display:inline-block; vertical-align: middle; width:12px; height:12px; margin-left:10px;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
.dm_cont01 .ban01{position:relative; width:calc(41.68% - 7px); background-color:#0097ee; background-image:url('../images/dm_cont01_bg.png'); background-position: -8% 100%; background-repeat: no-repeat; padding:30px 30px 30px 180px; border-radius:14px; display: flex; flex-direction: column; align-items: baseline;}
.dm_cont01 .ban01 .txt_big{font-size:24px; margin-bottom:4px;}
.dm_cont01 .ban01 .btn{margin-top:18px; background:#1e1e1e; border:1px solid #1e1e1e; color:#fff;}
.dm_cont01 .ban01 .btn i{background:url('../images/dm_cont01_arrow_w.png') center center no-repeat;}
.dm_cont01 .ban02_group{display:flex; flex:1; flex-wrap:wrap; margin-left:20px;}
.dm_cont01 .ban02{width:calc(60% - 10px); margin-left:20px; border-radius:8px; border:1px solid #ddd; background:#fff; padding:18px;}
.dm_cont01 .ban02.left{width:calc(40% - 10px); margin-left:0;}
.dm_cont01 .ban02 .txt_big{color:#1e1e1e;}
.dm_cont01 .ban02 .txt_small{color:#1e1e1e;}
.dm_cont01 .ban02 .btn_group{font-size: 0; display:flex;}
.dm_cont01 .ban02 .btn_group .btn{flex:1; border:1px solid #002248; color:#002248; padding:10px 0; display: inline-flex; justify-content: center; align-items: center;}
.dm_cont01 .ban02 .btn_group .btn.bgdblue{background:#002248; color:#fff;}
.dm_cont01 .ban02 .btn_group .btn + .btn{margin-left:10px;}
.dm_cont01 .ban02 .btn_group .btn:hover{background-color:#0097ee; border-color:#0097ee; color:#fff;}
.dm_cont01 .ban02 .btn_group .btn:hover i{background:url('../images/dm_cont01_arrow_w.png') center center no-repeat;}
.dm_cont01 .ban02 .btn i{background:url('../images/dm_cont01_arrow_db.png') center center no-repeat;}
.dm_cont01 .ban02 .btn.bgdblue i{background:url('../images/dm_cont01_arrow_w.png') center center no-repeat;}

@media screen and (max-width: 1200px){
	.dm_cont01 .inner_common{flex-wrap:wrap; height:auto;}
	.dm_cont01 .ban01{width:100%; margin-bottom:10px;}
	.dm_cont01 .ban02_group{margin-left:0;}
}

@media screen and (max-width: 768px){
	.dm_cont01 .txt_big{font-size:14px; margin-bottom:4px;}
	.dm_cont01 .ban01 .txt_big{font-size:14px;}
	.dm_cont01 .txt_small{font-size:12px;}
	.dm_cont01 .btn{font-size:12px; padding:10px;}
	.dm_cont01 .ban01{background-size:160px; padding:20px 20px 20px 104px;}
	.dm_cont01 .ban02{padding:14px; width:100%; margin-left:0;}
	.dm_cont01 .ban02.left{width:100%;}
	.dm_cont01 .ban02 + .ban02{margin-top:10px;}
	.dm_cont01 .ban02 .btn_group .btn{padding:10px 0;}
}

.m_v_conts2 ul{border:1px solid #dcdcdc; border-radius:10px; display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; height:120px; align-items:center; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; justify-content: space-between;}
.m_v_conts2 ul li{position:relative; width:calc(25% - 20px); padding-left:20px;}
.m_v_conts2 ul li + li:before{content:''; position:absolute; left:0; top:50%; width:1px; height:50px; background:#dcdcdc; margin-top:-25px;}
.m_v_conts2 ul li h4{font-size:18px; font-weight:500; word-break: keep-all;}
.m_v_conts2 ul li a{display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox;}
.m_v_conts2 ul li a i{display:inline-block; width:48px; height:48px; margin-right:24px; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.m_v_conts2 ul li a i.icon01{background:url('../images/m_v_smallban_01.png') 0 0 no-repeat;}
.m_v_conts2 ul li a i.icon02{background:url('../images/m_v_smallban_02.png') 0 0 no-repeat;}
.m_v_conts2 ul li a i.icon03{background:url('../images/m_v_smallban_03.png') 0 0 no-repeat;}
.m_v_conts2 ul li a i.icon04{background:url('../images/m_v_smallban_04.png') 0 0 no-repeat;}
.m_v_conts2 ul li a:hover i.icon01{background:url('../images/m_v_smallban_01_on.png') 0 0 no-repeat;}
.m_v_conts2 ul li a:hover i.icon02{background:url('../images/m_v_smallban_02_on.png') 0 0 no-repeat;}
.m_v_conts2 ul li a:hover i.icon03{background:url('../images/m_v_smallban_03_on.png') 0 0 no-repeat;}
.m_v_conts2 ul li a:hover i.icon04{background:url('../images/m_v_smallban_04_on.png') 0 0 no-repeat;}
.m_v_conts2 ul li a span{position:relative; display:inline-block; color:#737373; font-size:14px; margin-top:8px; padding-right:14px;}
.m_v_conts2 ul li a span:after{content:''; position:absolute; width:6px; height:10px; right:0; top:50%; margin-top:-5px; background:url('../images/m_v_smallban_arrow.png') 0 0 no-repeat;}
.m_v_conts2 ul li .info{flex:1;}

@media screen and (max-width: 1025px){
	.m_v_conts2 ul{height:auto; padding:20px 0;}
	.m_v_conts2 ul li{flex:1; text-align:center; padding-left:0;}
	.m_v_conts2 ul li a{display:block;}
	.m_v_conts2 ul li a i{margin:0; margin-bottom:10px;}
	.m_v_conts2 ul li h4{font-size:16px;}
}

@media screen and (max-width: 768px){
	.m_v_conts2 ul{display:block; padding:0;}
	.m_v_conts2 ul li{flex:auto; width:100%; text-align:left; padding-left:0;}
	.m_v_conts2 ul li a{display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; padding:14px;}
	.m_v_conts2 ul li a i{margin-right:14px; margin-bottom:0;}
	.m_v_conts2 ul li h4{font-size:15px;}
	.m_v_conts2 ul li a span{margin-top:2px; font-size:12px; padding-right:10px;}
	.m_v_conts2 ul li + li:before{top:0; width:100%; height:1px; margin-top:0;}
}

.dm_board_area{margin-top:60px;}
.dm_board_area .inner_common{display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-between;}
.dm_board_area .dm_board_box{width:calc(50% - 12px);}
.dm_board_area .dm_board_box .title{font-size:22px; line-height:24px; font-weight:bold; margin-bottom:20px;}
.dm_board_area .dm_board_box .boardbox{border:1px solid #dcdcdc; position:relative; height:calc(100% - 46px);}
.dm_board_area .dm_board_box .boardbox .btn_more{position:absolute; right:20px; top:20px;}
.dm_board_area .dm_board_box .boardbox .btn_more a{display:block; width:20px; height:20px; background:url('../images/m_board_more.png') 0 0 no-repeat; opacity:0.6; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.dm_board_area .dm_board_box .boardbox .btn_more a:hover{opacity:1;}
.dm_board_area .dm_board_box .boardbox > .tablist{border-bottom:1px solid #1f458e;}
.dm_board_area .dm_board_box .boardbox > .tablist ul{
    display:flex;
	display: -webkit-box;
    display:-webkit-flex;
    display: -ms-flexbox;
}
.dm_board_area .dm_board_box .boardbox > .tablist ul li a{position:relative; display:block; font-size:14px; color:#4a4a4a; padding:22px 20px;}
.dm_board_area .dm_board_box .boardbox > .tablist ul li a:hover,
.dm_board_area .dm_board_box .boardbox > .tablist ul li a.active{color:#1f458e; font-weight:bold;}
.dm_board_area .dm_board_box .boardbox > .tablist ul li a.active:before{content:''; position:absolute; bottom:0; left:20px; width:calc(100% - 40px); height:6px; background:#1f458e;}
.dm_board_area .dm_board_box .boardbox > .tablist ul li + li a:after{content:''; position:absolute; top:50%; margin-top:-7px; left:0; width:1px; height:14px; background:#dcdcdc;}
.dm_board_area .dm_board_box .boardbox > .tabitem{display:none;}
.dm_board_area .dm_board_box .boardbox > .tabitem.active{display:block;}
.dm_board_area .dm_board_box .boardbox > .tabitem ul.boardlist{padding:0 20px;}
.dm_board_area .dm_board_box .boardbox > .tabitem ul.boardlist li{position:relative; border-top:1px solid #dcdcdc;}
.dm_board_area .dm_board_box .boardbox > .tabitem ul.boardlist li:first-child{border-top:0;}
.dm_board_area .dm_board_box .boardbox > .tabitem ul.boardlist li a{padding:16px 80px 16px 14px; color:#787878; position:relative; line-height:18px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear;}
.dm_board_area .dm_board_box .boardbox > .tabitem ul.boardlist li a:before{content:''; position:absolute; left:0; top:50%; margin-top:-1.5px; width:3px; height:3px; background:#8c8c8c; border-radius:100%;}
.dm_board_area .dm_board_box .boardbox > .tabitem ul.boardlist li a:hover{color:#1e1e1e;}
.dm_board_area .dm_board_box .boardbox > .tabitem ul.boardlist li .date{position:absolute; right:0; top:12px; font-size:14px; color:#737373; line-height:18px;}

@media screen and (max-width: 1200px){
	.dm_board_area .inner_common{display:block;}
	.dm_board_area .dm_board_box{width:100%;}
	.dm_board_area .dm_board_box .boardbox{height:auto;}
	.dm_board_area .dm_board_box + .dm_board_box{margin-top:20px;}
	.dm_board_area .dm_board_box .title{font-size:18px; margin-bottom:10px;}
	.dm_board_area .dm_board_box .title.tab a{font-size:18px;}
    .dm_board_area .dm_board_box ul li a{font-size:14px; line-height:28px; padding-left:10px;}
}

@media screen and (max-width: 768px){
	.dm_board_area{margin-top:20px;}
	.dm_board_area .dm_board_box .boardbox > .tablist ul li a{font-size:12px; padding:10px 8px;}
	.dm_board_area .dm_board_box .boardbox > .tablist ul li a.active:before{width:calc(100% - 16px); left:8px;}
	.dm_board_area .dm_board_box .boardbox > .tabitem ul.boardlist{padding:0 10px;}
	.dm_board_area .dm_board_box .boardbox > .tabitem ul.boardlist li a{font-size:12px; padding:10px 64px 10px 10px;}
	.dm_board_area .dm_board_box .boardbox > .tabitem ul.boardlist li .date{font-size:12px;}
	.dm_board_area .dm_board_box .boardbox .btn_more{right:10px; top:16px;}
	.dm_board_area .dm_board_box .boardbox .btn_more a{width:14px; height:14px; background-position: center center;}
	.dm_board_area .dm_board_box:first-child{border:none;}
	.dm_board_area .dm_board_box ul li a{font-size:13px; line-height:24px;}
	.dm_board_area .dm_board_box .title{font-size:16px;}
	.dm_board_area .dm_board_box .title.tab a{font-size:16px;}
	.dm_board_area .dm_board_box .title.tab a + a{padding-left:20px; }
	.dm_board_area .dm_board_box .title.tab a + a:before{left:4px;}
}

.dm_sns_area{margin-top:20px;}
.dm_sns_area .inner_common{
    display:flex;
	display: -webkit-box;
    display:-webkit-flex;
    display: -ms-flexbox;
	justify-content:space-between;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-ms-flex-pack: justify;
}
.dm_sns_area .snsbox{border:1px solid #dcdcdc; width:calc(50% - 10px);}
.dm_sns_area .snsbox .title{padding:20px; border-bottom:1px solid #dcdcdc;}
.dm_sns_area .snsbox .postlist{height:calc(100% - 67px); min-height:338px; padding:10px;}
.dm_sns_area .snsbox .postlist li .item{padding:10px;
    display:flex;
	display: -webkit-box;
    display:-webkit-flex;
    display: -ms-flexbox;
}
.dm_sns_area .snsbox .postlist li .item:hover{background:#f5f5f5;}
.dm_sns_area .snsbox .postlist li .col_pic{margin-right:20px;}
.dm_sns_area .snsbox .postlist li .col_pic span{display:block; width:80px; height: 80px; overflow: hidden;}
.dm_sns_area .snsbox .postlist li .col_pic img{max-width:100%; min-height:100%; height:auto;}
.dm_sns_area .snsbox .postlist li .col_txt .txt_big{font-size:15px; font-weight:bold; margin-bottom:4px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1;
}
.dm_sns_area .snsbox .postlist li .col_txt .txt_small{font-size:14px; color:#787878;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.dm_sns_area .snsbox .postlist li .col_txt .date{font-size:14px; color:#787878; margin-top:8px;}
.dm_sns_area .snsbox .clipbox{position: relative; height:calc(100% - 67px);}
.dm_sns_area .snsbox .clipbox iframe{position:absolute; left:0; top:0; width:100%; height:100%;}

@media screen and (max-width: 1200px){
	.dm_sns_area .inner_common{display:block;}
	.dm_sns_area .snsbox{width:100%;}
	.dm_sns_area .snsbox .title {padding:10px;}
	.dm_sns_area .snsbox .title img{height:20px;}
	.dm_sns_area .snsbox + .snsbox{margin-top:10px;}
	.dm_sns_area .snsbox .clipbox{height:0; padding-bottom:55.93%;}
	.dm_sns_area .snsbox .postlist{height:auto; min-height:auto;}
	.dm_sns_area .snsbox .postlist li .col_txt .txt_big{font-size:14px;}
	.dm_sns_area .snsbox .postlist li .col_txt .txt_small{font-size:12px;}
	.dm_sns_area .snsbox .postlist li .col_txt .date{font-size:12px;}
}

@media screen and (max-width: 768px){
	.dm_sns_area .snsbox .postlist{padding:0}
	.dm_sns_area .snsbox .postlist li .col_pic{margin-right:10px;}
}

.m_ban_institute{margin-top:30px;}
.m_ban_institute ul{display:flex; display: -webkit-box; display:-webkit-flex; display: -ms-flexbox; justify-content: space-between; flex-wrap:wrap;}
.m_ban_institute ul li{width:calc(20% - 20px);}
.m_ban_institute ul li a{border:1px solid #dcdcdc; display:block; height:84px; padding:10px; text-align:center; line-height:64px;}
.m_ban_institute ul li a img{max-width:100%;}

@media screen and (max-width: 1025px){
	.m_ban_institute{padding-bottom:20px;}
	.m_ban_institute ul li{width:calc(50% - 5px); padding-bottom:10px;}
}



.calendar_top{position:relative; background:#002248; padding:15px; text-align:center; font-size:0;}
.calendar_top h4{display:inline-block; vertical-align:middle; font-size:20px; font-weight:bold; letter-spacing:-1.5px; line-height:30px; color:#fff;}
.calendar_top .month{font-weight:bold; font-size:inherit; line-height: inherit; color:#ffe932; line-height:30px;}
.calendar_top .btn{display:inline-block; vertical-align:middle; width:24px; height:24px; border-radius:100%; background-color:rgba(0,0,0,0.8); background-position: center center; background-repeat: no-repeat; opacity:0.4;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
.calendar_top .btn:hover{opacity:1;}
.calendar_top .btn.prev{background-image:url('../images/dm_calendar_prev.png'); margin-right:20px;}
.calendar_top .btn.next{background-image:url('../images/dm_calendar_next.png'); margin-left:20px;}
.table_calendar {}
.table_calendar table{width:100%; margin:0 auto; width:100%; border-collapse:collapse; overflow:hidden;}

.table_calendar table td,
.table_calendar table th{border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}
.table_calendar table tr td:first-child,
.table_calendar table tr th:first-child{border-left:0;}
.table_calendar table thead th{padding:0 10px; border-top:0; height:30px; text-align:center; font-size:14px; font-weight:bold; color:#1e1e1e; background:#f5f5f5;}
.table_calendar table thead th:first-child{color:#d70000;}
.table_calendar table thead th:last-child{color:#0e6cc4;}
.table_calendar table tbody td{position:relative; padding:10px; text-align:left; height:54px; vertical-align: top;}
.table_calendar table tbody tr td:first-child{color:#d70000;}
.table_calendar table tbody tr td:last-child{color:#0e6cc4;}
/*.table_calendar table tbody td .active{position:absolute; left:-1px; bottom:10px; height:10px; width:calc(100% + 1px); background:#ffe932;}
.table_calendar table tbody td .active.first{left:auto; right:0; width:calc(100% - 11px); border-radius: 8px 0 0 8px;}
.table_calendar table tbody td .active.last{width:calc(100% - 11px); border-radius: 0 8px 8px 0;}*/
.table_calendar table tbody td .circle{border-radius: 50%;width: 10px;height: 10px;display: inline-block;margin-top:7px;}
.table_calendar table tbody td .circle{margin-left:5px;}
.table_calendar table tbody td .circle:first-child{margin-left:0px;}



@media screen and (max-width: 768px){
	.calendar_top h4{font-size:20px; line-height:24px;}
	.calendar_top .month{font-size:20px; line-height:24px;}
	.calendar_scheudle_list ul li{font-size:12px;}
	.calendar_scheudle_list ul li:before{top:10px;}
	.calendar_scheudle_list ul li .duration{display:block; margin-bottom:4px;}
	.table_calendar{}
	.table_calendar table thead th{padding:8px 5px; font-size:12px;}
	.table_calendar table tbody td{padding:5px; height:40px;}
	.table_calendar table tbody td .active{bottom:4px;}
	.table_calendar .row_call{padding-top:10px; font-size:12px;}
}
@media screen and (max-width: 580px){
	.table_calendar table{border:0;}
	.table_calendar .calendar_divide{display:block; border:0;}
	.table_calendar .calendar_divide .tab,
	.table_calendar .calendar_divide .tabcont{width:auto;}
	.table_calendar .calendar_divide .tabcont{padding:0;}
	.table_calendar .calendar_divide .tab{overflow:hidden; border:1px solid #34465c; border-bottom:0; margin-bottom:10px; background:#34465c;}
	.table_calendar .calendar_divide .tab li a{padding:10px;}
	.table_calendar .row_call{margin-top:10px; border-top:1px solid #ddd;}
	.calendar_scheudle_list{padding:14px;}
	.calendar_scheudle_list .title{margin-bottom:10px;}
}

/* main popup */
.btn_view_pop {display:block; position:absolute; top:0; left:0; width:1px; height:1px; opacity:0.01; text-indent:-999px; overflow:hidden;}
.main_notice_pop{display:block; position:absolute; max-width:100%; top:50%; right:0; left:0; width:100%; z-index:7000;}
.main_notice_pop .mask {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6);}
.main_notice_pop .pop_con {position:relative; border:2px solid rgba(0,0,0,0.9);}
.main_notice_pop:focus .pop_con {box-shadow:0 0 3px 3px rgba(255,255,255,0.6);}
.main_notice_pop .pop_con .img {border:5px solid #fff;}
.main_notice_pop .pop_con .img img {width:100%;}
.main_notice_pop .pop_con .btns {position:relative; padding:12px; background:rgba(0,0,0,0.9); overflow:hidden; color:#fff;}
.main_notice_pop .pop_con .btns .btn_invisible {width:14px; height:14px; margin:-2px 6px 0 0; border:none; border-radius:0; vertical-align:middle;}
.main_notice_pop .pop_con .btns .btn_close {position:absolute; top:50%; right:12px; margin-top:-10px; padding-right:20px; border:none; background:url('../../images/btn_ma_pop_close.png') no-repeat right 4px center; background-size:11px auto; color:#fff; font-size:13px; line-height:20px;}

@media screen and (max-width: 1200px){
    .main_notice_pop{left:50% !important; transform:translateX(-50%); height:auto !important;}
}


/**/
.lp_message{position:absolute; width:300px; left:0%; top:150%; border:1px solid #ddd;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);z-index: 2000;background: #fff;}
.lp_message .lpm_top{position:relative; border-bottom:1px solid #ddd;}
.lp_message .lpm_top p{font-size:16px; font-weight:bold; padding:10px; line-height:20px;}
.lp_message .lpm_top .btn_lpm_close{position:absolute; right:0; top:0; display:block; width:40px; height:40px; background:url('../images/ico_lpm_close.png') center center no-repeat}
.lp_message .lpm_body {height:200px; overflow-y: auto;}
.lp_message .lpm_body .item .item_inner{padding:10px; background:#e7f4ff;}
.lp_message .lpm_body .item .item_inner p.title{font-size:12px; color:#0e1f7a;}
.lp_message .lpm_body .item .item_inner p.date{position:relative; font-size:11px; color:#9fa8af;}
.lp_message .lpm_body .item .item_inner p.date .status{position:absolute; right:0; top:0; font-size:11px; color:#1070c2;}
.lp_message .lpm_body .item.checked .item_inner{background:#fff;}
.lp_message .lpm_body .item.checked .item_inner p.title{color:#000;}
.lp_message .lpm_body .item.checked .item_inner p.title .gobtn{font-size:12px;color:#fff;background:#002248;border:1px solid #002248;padding:3px 5px;border-radius: 5px;float:right;cursor: pointer;}
.lp_message .lpm_body .item.checked .item_inner p.date{color:#a1a1a1;}
.lp_message .lpm_body .item.checked .item_inner p.date .status{color:#a1a1a1;}

		.main_b2b_greeting{background: #91d6f9; overflow:hidden;}
		.main_b2b_greeting .inner_common{position:relative; display: flex; align-items: center; justify-content: center; padding:40px; min-height:200px;}
		.main_b2b_greeting .inner_common:before,
		.main_b2b_greeting .inner_common:after{content:''; position:absolute; bottom:-26px; height:135px; background-repeat:no-repeat; background-position:0 0; background-size:auto 100%;}
		.main_b2b_greeting .inner_common:before{background-image:url('../images/main_b2b_greet_char01.png'); width:352px; left: -95px;;}
		.main_b2b_greeting .inner_common:after{background-image:url('../images/main_b2b_greet_char02.png'); width:255px; right:-55px;}
		.main_b2b_greeting .txtgroup{position:relative; z-index:1; font-size: 26px; line-height:34px; text-align: center;font-family: 'NEXON Lv1 Gothic OTF';color: #002248; word-break: auto-phrase; text-shadow: -1px 0px #91d6f9, 0px 1px #91d6f9, 1px 0px #91d6f9, 0px -1px #91d6f9;}
		.main_b2b_greeting .txtgroup strong{font-size:inherit; font-family:inherit; background:#ffe932; padding: 0 2px; color: #002248; text-shadow:none;}

		@media screen and (max-width: 768px){
			.main_b2b_greeting .inner_common{padding:40px; min-height:160px;}
			.main_b2b_greeting .txtgroup{font-size:22px; line-height:32px}
			.main_b2b_greeting .inner_common:before,
			.main_b2b_greeting .inner_common:after{height:72px;}
			.main_b2b_greeting .inner_common:before{width:188px; left:-122px;}
			.main_b2b_greeting .inner_common:after{width:138px; right:-52px;}
		}