@charset "utf-8";
/* CSS Document */

/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');

*{ margin:0; padding:0}
html, body {width:100%}
body{position:relative; margin-top:40px; font-family:'NanumSquareRound', sans-serif; font-size:13px}
pre,code{font-family:'NanumSquareRound', monospace}
img,fieldset{border:0}
img {vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
.clearfix {*zoom:1}
.clearfix:after {content:''; display:block; clear:both}
button {cursor:pointer}
.c {clear:both}
.blind_o {display:block; position:absolute; left:0; top:-9999em; overflow:hidden}

.l {text-align:left}
.r {text-align:right}

.f_left {float:left}
.f_right {float:right}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{  position: relative;margin-top: 10px; z-index: 50;}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

#top-link-block.affix-top {position: absolute; bottom: -82px; right: 10px; z-index:100}
#top-link-block.affix a:hover{text-decoration:none}
#top-link-block.affix {position: fixed; bottom: 5px; right: 0px}

#top-link-block2.affix-top {position: absolute; bottom:0px; left: 0px; z-index:3000}
#top-link-block2.affix a:hover{text-decoration:none}
#top-link-block2.affix {position: fixed; bottom: -5px; left: 0px}


.container {font-family:'NanumSquareRound'}



/*font*/
.c-font-bold {
    font-weight: 600 !important;
}
.c-font-14 {font-size:14px}
.c-font-20 {font-size:20px}
.c-font-uppercase {color:#3f444a; font-size:20px; font-weight:bold}
.c-font-black {color:#000}
.c-line-height-30 {line-height:30px}
.c-padding-t-60 {padding-top:60px}
.c-margin-t-60 {margin-top:60px}
.c-margin-b-30 {margin-bottom:30px}
.c-margin-b-40 {margin-bottom:60px}
.c-font-blue {color:#3498db}
.c-font-red {color:#d60505}
.c-bg-red {background:#eb5d68}
.c-font-uppercase {text-transform: uppercase}


.c-content-blog-post-card-1.c-option-2 .c-body {
    padding: 30px;
    background: #fff
}
.c-content-blog-post-card-1 .c-body .c-title {
    font-size: 19px;
    font-weight: 500;
    color: #3f444a;
    margin-bottom: 10px;}
.c-bordered {border:#eee solid 1px}
div.c-title  a{color: #3f444a; text-decoration:none}
.c-author .c-font-uppercase{
    font-size: 14px;
    font-weight: 400;
    color: #5c6873;
    margin-bottom: 10px;}
.c-theme-ul-bg > li {
	display:inline-block;
	padding:5px;
    color: #ffffff;
    background: #32c5d2 !important;
}
ul, ol {
    list-style: none;
}

.c-content-ver-nav .c-menu > li {
    list-style: none;
    padding: 7px 0;
    border-bottom: 1px solid #f2f2f2;
}
.c-content-title-1 > .c-line-right, .c-content-title-1 > .c-line-left {
    width: 30px;
    height: 3px;
    background-color: #32c5d2;
    margin: 0 0 30px 0;
}

.c-content-ver-nav .c-menu > li:before {
    color: #5c6873;
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 100;
    width: 12px;
    height: 12px;
    font-size: 14px;
    float: left;
    margin: 2px 5px 0 0;
}
.c-menu.c-arrow-dot1.c-theme li a{color: #5c6873; font-size:12px; text-decoration:none}

.c-content-ver-nav .c-menu.c-arrow-dot > li:before {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin: 9px 12px 0 0;
    content: '';
    opacity: 0.6;
    filter: alphaopacity=60;
    background: #32c5d2;
}
.c-content-ver-nav .c-menu > li > a {
    color: #5c6873; font-size:12px; text-decoration:none
}
.c-btn-uppercase.btn {
    font-size: 14px;
    padding: 7px 20px 5px 20px;
}

.c-btn-green {
    border-color: #32c5d2;
    border-width: 1px;
    color: #ffffff;
    background: #32c5d2;
    border-color: #32c5d2;
}
.c-content-blog-post-card-1 .c-body .c-panel {
    padding: 5px 0;
    border-top: 1px solid #eeeeee;
}
.c-content-blog-post-card-1 .c-body .c-author {
    font-size: 14px;
    font-weight: 400;
    color: #5c6873;
    margin-bottom: 10px;
}
.c-content-blog-post-card-1 .c-body p {
    display: block;
    clear: both;
    padding: 10px 0 0 0;
    color: #5c6873;
	font-size:14px
}
.c-btn-dark {
    border-color: #2f353b;
    border-width: 1px;
    color: #ffffff;
    background: #2f353b;
    border-color: #2f353b;
}

/* Layout */
#header {}
#container {padding-top:0px}
#contents {}
#footer {position:relative}

/* header */
#header {background:#424448}
#main-navbar {position:fixed; top:0; left:0; right:0; z-index:10; height:50px; background:#424448}
#toggle-sidebar {display:none; position:absolute; top:14px; left:14px; cursor:pointer}
#main-sidebar {position:fixed; top:0; bottom:0; background:#e5e5e5}
#main-navbar img.logo {margin-top:0px;	position:absolute; left:0}



.lst_menupc {float:right; width:470px; margin: -5px 30px 0 0; color:#fff}
.lst_menupc li a{float:left; padding-left:30px; color:#fff;	font-size:15px; font-weight:bold}
.lst_menupc li a:hover{text-decoration:none}

 /*·Î±×ÀÎ*/
#mainbanner a {text-decoration:none}
#mainbanner i {font-size:17px}
a .btn_login {background:#ff7e00; padding:8px 10px; color:#fff; border-radius:15px; border:#ff7e00 solid 1px; text-decoration:none}
a .btn_join {background:#fff; padding:8px 10px; color:#959594; border-radius:15px; border:#959594 solid 1px; text-decoration:none}
.line_gray {background:#ccc; height:1px; margin:10px 0 10px}
.login_id {font-size:15px; font-weight:700}
.login_mypage {margin-left:10px; margin-right:5px; color:#00aaeb}
.btn_logout {display:inline-block; background:#838383; padding:8px 10px; color:#fff; border-radius:15px; border:#838383 solid 1px}
.btn_classset {display:inline-block; background:#26bc26; padding:8px 10px; margin-bottom:5px; color:#fff; border-radius:15px; border:#26bc26 solid 1px}
/*ºÎÆ®½ºÆ®·¦ ±âº»°ªcss ¼öÁ¤*/
.navbar-brand {margin-top:-25px; margin-bottom:5px}
.navbar-right {padding-right:20px}
.navbar-header {padding-right:10px}
a.dropdown-toggle {color: #f5f5f5}
.tab-content {padding-top:20px}
#nav.nav-tabs li a{font-size:16px} 
.nav.nav-tabs{background:#908f8f; padding:10px 0}
.nav.nav-tabs li a{color:#fff}
.nav.nav-tabs li a:hover {color:#000}
.my_room {padding-top:5px; padding-bottom:13px}
.login_mypage {background:#fff; border:1px #ff7e00 solid;  color:#ff7e00; padding:5px; border-radius:5px}
.login_out {background:#fff; border:1px #7d7b79 solid;  color:#7d7b79; padding:5px; border-radius:5px}
.login_admin {background:#d70b0b; border:1px #d70b0b solid;  color:#fff; padding:5px; border-radius:5px}

.login_mypage:hover {background:#ff7e00; border:1px #ff7e00 solid;  color:#fff}
.login_out:hover {background:#7d7b79;border:1px #7d7b79 solid;  color:#fff}
.notice_txt2  {color:#c50808; font-size:12px}
.login_admin:hover {background:#d70b0b; border:1px #d70b0b solid;  color:#fff; padding:5px; border-radius:5px}

/* container */
#main_img {position:relative; width:100%; height:600px; margin-top:30px; background:url(/img/bg_1_main.jpg); background-position: 50% 50%; background-size:cover}
.main_paidion{background:#0b4576; float:right; margin-right:20px; margin-top:30px; padding:7px; border-radius:8px; text-align:center; color:#fff; font-size:15px; font-weight:bold; text-shadow:#2b2a2a -2px 3px 5px}
.main_paidion span {float:left; display:inline-block; padding-top:15px; font-size:12px; color:#00ffea}
.color_y {color:#f6ff00}
.main_text{margin:0 auto; padding-top:250px; padding-bottom:50px; text-align:center; color:#fff; font-size:45px; font-weight:bold; text-shadow:#2b2a2a -2px 3px 5px}/* 
#main_img a {position:absolute; left:50%; margin-left:-80px; padding:5px; border:2px solid #fff; background::transparent; color:#fff; font-size:15px; font-weight:bold; text-decoration:none}
#main_img a:hover{border:2px solid #000; background:#000} */

#main_des {position:relative; padding:40px 0 40px; background:#0b4576; text-align:center; color:#fff; font-size:20px}
#main_des span{font-weight:bold}

#semi_pr img{width:100%; height:100px}
.blind_pc {display:block}
.blind_m {display:none}

.pd_mv {width:80px; top:5px; right:25px; cursor:pointer}

h2 {text-align:center; padding:40px 0; font-family:'NanumSquareRound'}
.last_news h3 span {display:inline-block; padding:3px; margin-right:10px; background:#000;	color:#fff;	font-size:13px}
.last_news ul li div {color:#414040; line-height:25px}

.banner .item{border:#ccc solid 1px}

.commitments {padding-bottom:80px}
/*.commitments a div {background:#transparent}
.commitments a div.aa {border:1px #fff solid}
.commitments a:hover div {background:#000}*/
/*.commitments a:hover div.aa {border:1px #000 solid}*/
.commitments h2 {text-transform:capitalize}
.commitments p{padding:5px; color:#e0dede; font-size:12px; text-align:justify}
.commitments strong {display:block; color:#fff; font-size:14px; text-align:center; text-transform:capitalize}


.quick1 div {text-align:center; color:#3f444a}
.quick1 a {display:block; padding:5px 0; margin-bottom:30px; background:transparent; color:#fff; text-align:center}
.quick1 a.bg1 {background:transparent}
.quick1 a.bg2 {background:transparent}
.quick1 a.bg3 {background:transparent}
.quick1 a img {margin-left:70px; text-align:center}
.quick1 a div strong{display:inline-block; padding-top:15px; font-size:16px; text-align:center}
.quick1 a:hover,a:active{background:#fff; color:#fff; text-decoration:none}

.pb10 {padding-bottom:10px}
.pb60 {padding-bottom:60px}

a button {margin-bottom:10px; padding:5px; border:1px solid #bbbbba; background:transparent; color:#9e9e9d; font-size:15px; font-weight:bold}
a button:hover{border:1px solid #0081ca; background:#0081ca; color:#fff}

a button.red {margin-bottom:10px; padding:5px; border:1px solid #b81212; background:#b81212; color:#fff; font-size:15px; font-weight:bold}
a button.red:hover{border:1px solid #0081ca; background:#0081ca; color:#fff}

a button.green {margin-bottom:10px; padding:5px; border:1px solid #236e0c; background:#236e0c; color:#fff; font-size:15px; font-weight:bold}
a button.green:hover{border:1px solid #0081ca; background:#0081ca; color:#fff}

a .green {margin-bottom:10px; padding:5px; border:1px solid #236e0c; background:#236e0c; color:#fff; font-size:15px; font-weight:bold}
a .green:hover{border:1px solid #0081ca; background:#0081ca; color:#fff; text-decoration:none}

/*¼­ºê*/
.bg_sub_dsc {position:relative; top:-40px; height:40px; color:#fff; background-color:rgba(0,0,0,0.4); text-align:center}
p.sub_dsc {padding-top:10px; letter-spacing:-1px}
.bg_photo01 {text-align:center}
img.photo01 {border-radius:50%}
.hh2 {position:relative; margin-bottom:40px}
.line_b {position:absolute; top:100px; left:50%; display:inline-block; width:30px; height:4px; margin-left:-15px; background:#32c5d2}
.hh2 h2 {font-size:35px; color:#3f444a; font-weight:bold}
.hh2 small {display:inline-block; position:absolute; top:110px; left:50%; margin-left:-55px; }
p.peo_info {margin:20px 0; font-size:14px; text-align:center}
p.peo_info em {display:block; font-size:23px; font-weight:bold}
.spci {color:#0081c5; font-weight:bold}
.con em {display:block; margin:30px auto 20px; font-size:16px; font-weight:bold}
.con {font-size:16px; line-height:28px}
.confoot {margin-top:30px}
.con span.confoot {font-size:19px; font-weight:bold}
.commit div.c1{padding:50px 0; background:#32c5d2; color:#fff; font-size:20px; text-align:center}
.commit div.c1 strong {color:#fff}
.commit div strong {margin-left:20px; color:#32c5d2; font-size:25px; text-transform:capitalize}
.commit div {margin:20px 0}
.commit div p {padding:30px 25px 15px 25px}
.commit div p b {font-size:17px}

.con.five {margin-top:-20px}
.con.five ul li {position:relative; padding-top:60px ;padding-bottom:100px; border-top:1px solid #b6babc}
.con.five ul li:first-child {border-top:0}
.con.five ul dl dt {float:left}
.con.five ul dl dt img{border:0}
.con.five ul li span {float:left; padding:25px; border-radius:50%; background-color:#0081c5; color:#fff; font-size:35px ;font-weight:bold; line-height:20px}
.con.five ul li strong {position:absolute; top:85px; left:95px; font-size:37px}
.con.five ul li em {position:absolute; top:20px; left:100px; font-size:13px}
dl.fivedl {padding-top:30px; padding-left:150px}
dl.fivedl dd {margin-left:200px; font-size:14px; text-align:left; line-height:24px}
dl.fivedl dd.h_five {border-left:5px solid #0081c5; margin-left:200px; margin-bottom:25px; font-size:23px; font-weight:bold}
.hot_bg_gray {display:inline-block; margin-right:5px; padding:10px; color:#fff; background:#7f8c97; font-weight:bold}
.hot_bg_gong {display:inline-block; margin-right:5px; padding:10px; color:#000; background:#fff; border:#7f8c97 solid 1px; font-weight:bold}
.hot_bg_ggray {display:inline-block; margin-right:5px; padding:10px; color:#6e6e6e; background:#eeeeee; font-weight:bold}
.bon_lst {float:left;padding-top:20px; width:16%}
.bon_lst button{border:1px solid #7F8C97; background-color:#fff; padding:5px; font-size:13px}
.bon_lst>li>button{font-size:12px }
.h4t {padding:30px 0 50px}
.boderbox_b {margin-bottom:40px; padding:15px; border:#32c5d2 3px solid; line-height:30px}
.boderbox_b strong {display:block}
.con dl {*zoom:1; margin-bottom:30px}
.con dl:after {content:''; display:block; clear:both}
.con dl dt {float:left; padding:0 40px}
.con dl dt img {border:3px solid rgba(0,0,0,0.1);}
.con dl dd.h_sprt {padding-top:40px; color:#fe732d; font-size:30px; font-weight:bold}
.con dl dd.h_ko {padding-top:3px; color:#1499fe; font-size:42px; font-weight:bold}
.con dl dd.dsc1 {padding:20px 50px 20px 500px; color:#949494; font-size:16px; font-weight:bold; line-height:26px}
.con dl dd.dsc2 {padding:0 70px 0 500px; color:#949494; font-size:12px; line-height:25px}


.notice {padding-top:20px; font-size:15px}
.notice div{padding-bottom:5px}





.jo_lst li {float:left; left:50%; margin-left:20px}
.jo_lst2 {width:80%}
.jo_lst2 li {float:left; left:50%; margin-top:0px; margin-left:60px}



 
/*sitemap*/
.menu_title {display:block; padding-top:20px; font-size:17px}
#sitemap ul li {font-size:12px; line-height:24px}



.videoWrap {
    position: relative;
    background: #000;
    height: 300px;
}


.videoWrap video {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    width: 600px;
    object-fit: cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.coro_head {display:inline-block; font-size:33px; padding:20px 0 20px}
.coro_head span {color:#d70f0f}

 .topbg {background:url('/img/2020vbs_bg2.jpg'); background-size:cover; width:100%}
/*.topbg {background:#fe9b92} */
.pop_txt {font-size:12px}

.main_notice_txt {position:absolute; left:50%; top:70px; margin-left:-200px; background:#fff; border-radius:20px; padding:8px; font-weight:800}
.main_notice_txt span {color:#cb1919}
.banner20200602 { position:absolute; right:100px; top:180px}

/*footer*/
address span{color:#888787; font-size:12px}
.copy {display:block; padding:10px 0 30px; color:#888787; font-size:12px}



/* »ç¿ª¾È³»ÆäÀÌÁö */
.c-content-panel th {font-size:14px}
.c-content-panel td {font-size:13px; padding}
td .c-btn-blue-2 {color:#2f91c9}
td .c-btn-red-2 {color:#5f921d}
/*submenu*/
.hhh2 {position:relative; margin-bottom:40px}
.hhh2 h2 {font-size:35px; color:#3f444a; font-weight:bold}
.top_margin {margin-top:40px}
.top_margin2 {margin-top:70px}
#submenu {margin:53px 20px 20px}
#submenu li.title {padding-left:10px;font-size:33px;font-weight:bold; color:#0e5198; letter-spacing:-1px}
#submenu ul.menu {font-size:16px; color:#888888; line-height:220%;}
#submenu ul.menu li {padding-left:15px; color:#333333}
#submenu div.line {margin-top:5px; padding-top:5px; border-top:1px solid #dddddd;}
#submenu a {text-decoration:none}
#submenu ul.menu li:hover {background:url(https://paidion.org/img/bg_submenu_over.jpg); border-radius:16px}
#submenu ul.menu li.click {background:url(https://paidion.org/img/bg_submenu.jpg); border-radius:16px; color:#ffffff;}
#submenu ul.spacial li {background-color:#f89f48; border-radius:16px; color:#fff;}
#submenu ul.spacial li:hover {background-color:#f89f48; border-radius:16px; color:#fff;}
#submenu ul.spacial {font-size:16px; line-height:220%;}
#submenu ul.spacial li {padding-left:15px;}

.submenu {margin:3px; border-radius:4px; padding:5px 10px; background-color:#555555; color:#fff; }
.submenu div.menu{padding:3px 10px; color:#fff; float:left}

/* ÅëÇÕ-color */
.text-white {color:#ffffff;}
.text-sky {color:#2bafe6}

/*Àüü¸Þ´º */
.totalmenu {margin:10px 0 30px 0}
.totalmenu strong {color:#0588bb}
.totalmenu ul{padding-top:10px}
.totalmenu li {color:#888888; padding-left:20px; line-height:170%;}

/* Çٽɻ翪¾È³»-¹®È­»ç¿ª*/
#ccm_banner {margin:30px 0}

/*footer_new*/
#footer_new {
	padding:30px 0 50px 0;
	margin-top:50px;
	border-top:1px solid #dddddd;
	background-color:#f9f9f9;
}
#footer_new .blue {color:#6fa2b6;}
#footer_new .grey {color:#99a5a9;}
#footer_new .call {font-size:28px; font-weight:bold; color:#6fa2b6}
#footer_new button {padding-top:-5px}
#footer_new .icon {padding-top:10px}
#footer_new .icon img {padding:3px; width:40px}

#footer_menu {
	border-top:1px solid #dddddd;
	background-color:#f9f9f9;
	}
#footer_menu .container {border-right:1px solid #ddd;}
#footer_menu .menu {border-left:1px solid #ddd; padding:10px 20px; font-size:15px}
#footer_menu small {color:#aaa}
#footer_button {margin-top:10px; display: flex;}
#footer_button div { padding-right:5px;}
#footer_button small {color:#ccccc}
.flex {display: flex;}
.flex div {padding-right:5px;}



/* mobile  */
@media all and (max-width:1023px) {

.main {margin-top:-50px}
.topbg {}

#toggle-sidebar {display:block}
#main-navbar img.logo {position:absolute; left:50%; margin-left:-80px}

.lst_menupc{display:none}

#main_img {width:100%; height:200px; background:url(/img/bg_1_main.jpg); background-size:cover}
.main_text{padding-top:100px; padding-bottom:30px; font-size:20px}
#main_des {padding:5px 0; ; font-size:15px}
.m_t_sm {font-size:13px; letter-spacing:-1px}

h2 {padding:0}
.last_news h3 {text-align:center; c}
.last_news h3 span { margin-right:0;text-align:center}

.blind_pc {display:none}
.blind_m {display:block}
.blind {display:none}
.blind_text {display:none}
.banner {padding-left:0}
.books img {width:100%}
.quick1 a img {margin-left:0px; text-align:center}
.hh2 small {margin-top:-50px}
.hh2 span {margin-top:-50px}
.con.five ul li:first-child {
    margin-top: -100px;
    border-top: 0;
}

.con.five {margin-top:-20px}
.con.five ul li {position:relative; padding-top:40px; padding-bottom:40px; border-top:1px solid #b6babc}
.con.five ul li:first-child {padding-top:150px ; border-top:0}
.con.five ul li:last-child {padding-bottom:0}
.con.five ul dl dt {float:left}
.con.five ul dl dt img{border:0; width:50px; height:auto}
.con.five ul li span {float:left; padding:10px 15px; margin-right:5px ;border-radius:50%; background-color:#0081c5; color:#fff; font-size:20px ;font-weight:bold; line-height:20px}
.con.five ul li strong {position:static; padding-top:5px; font-size:24px}
.con.five ul li em {display:none}
.con dl.fivedl {padding-top:30px; padding-left:5px; border-top:0}
dl.fivedl dd {margin-left:0px; font-size:14px; text-align:left; line-height:26px}
dl.fivedl dd.h_five {display:block; border-left:5px solid #0081c5; margin-top:10px ; margin-left:70px; margin-bottom:25px; font-size:23px; font-weight:bold}
.con dl:first-child{border-top:none; padding-top:0}
.con dl {border-top:#ccc 1px solid; padding-top:40px; margin-bottom:30px}
.con dl dt {float:none; padding:0 40px}
.con dl dt img {width:100%; height:auto; border:3px solid rgba(0,0,0,0.1);}
.con dl dd {padding:0 15px;}
.con dl dd.h_sprt {padding-top:20px; font-size:25px; text-align:center}
.con dl dd.h_ko {padding-top:3px; font-size:25px; font-weight:bold; text-align:center}
.con dl dd.dsc1 {padding:20px 0; font-size:14px; font-weight:bold; line-height:26px}
.con dl dd.dsc2 {padding:0; color:#949494; font-size:12px; line-height:25px}

.jo_lst li {float:left; left:0%; margin:0px; width:16%}
.jo_lst2 {width:80%}
.jo_lst2 li {float:left; left:50%; margin-top:30px; margin-left:10px}


.hot_bg_gray {display:inline-block; margin-right:5px; padding:10px; color:#fff; background:#7f8c97; font-weight:bold}
.hot_bg_gong {display:inline-block; margin-right:5px; padding:10px; color:#000; background:#fff; border:#7f8c97 solid 1px; font-weight:bold}
.hot_bg_ggray {display:inline-block; margin-right:5px; padding:10px; color:#6e6e6e; background:#eeeeee; font-weight:bold}

.coro_head {display:inline-block; font-size:30px; padding:10px 0 10px}
.coro_head {font-size:17px}

#btn_etc {float:left}
#sns {padding-left:90px}
.main_notice_txt {position:absolute; left:50%; top:40px; margin-left:-190px; background:#fff; font-size:12px; border-radius:20px; padding:8px; font-weight:800; width:100%}


#header {height:0}


#footer {padding-bottom:40px}

/*mobile submenu*/
.hhh2 {position:relative; margin:40px 0 20px 0}
.hhh2 h2 {font-size:25px; color:#3f444a; font-weight:bold}
.top_margin {margin-top:20px}
.top_margin2 {margin-top:70px}
#submenu {margin:10px}
#submenu li.title {font-size:25px;font-weight:bold; color:#0e5198}
#submenu ul.menu {font-size:16px; color:#888888; line-height:220%;}
#submenu ul.menu li {color:#333333}
#submenu div.line {margin-top:5px; padding-top:5px; border-top:1px solid #dddddd;}
#submenu a {text-decoration:none}
#submenu ul.menu li:hover {background:url(https://paidion.org/img/bg_submenu_over.jpg); border-radius:16px}
#submenu ul.menu li.click {background:url(https://paidion.org/img/bg_submenu.jpg); border-radius:16px; color:#ffffff;}
.seminarlist_title h3 {font-size:18px; text-align:center}

}