@charset "UTF-8";
/* CSS Document */
.clearfix {clear:both;}
.bold {font-weight:bold;}

.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}
.pd50{padding: 50px;}
.pd100{padding: 100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}

.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mg30{margin: 30px;}
.mg40{margin: 40px;}
.mg50{margin: 50px;}
.mg100{margin: 100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}

.per5{width:5%;}
.per10{width:10%;}
.per15{width:15%;}
.per20{width:20%;}
.per25{width:25%;}
.per30{width:30%;}
.per35{width:35%;}
.per40{width:40%;}
.per45{width:45%;}
.per50{width:50%;}
.per55{width:55%;}
.per60{width:60%;}
.per65{width:65%;}
.per70{width:70%;}
.per75{width:75%;}
.per80{width:80%;}
.per85{width:85%;}
.per90{width:90%;}
.per95{width:95%;}
.per100{width:100%;}

.per5i{width:5% !important;}
.per10i{width:10% !important;}
.per15i{width:15% !important;}
.per20i{width:20% !important;}
.per25i{width:25% !important;}
.per30i{width:30% !important;}
.per35i{width:35% !important;}
.per40i{width:40% !important;}
.per45i{width:45% !important;}
.per50i{width:50% !important;}
.per55i{width:55% !important;}
.per60i{width:60% !important;}
.per65i{width:65% !important;}
.per70i{width:70% !important;}
.per75i{width:75% !important;}
.per80i{width:80% !important;}
.per85i{width:85% !important;}
.per90i{width:90% !important;}
.per95i{width:95% !important;}
.per100i{width:100% !important;}

.mper100i{max-width:100% !important;}

.px10{width:10px;}
.px20{width:20px;}
.px30{width:30px;}
.px40{width:40px;}
.px50{width:50px;}
.px60{width:60px;}
.px70{width:70px;}
.px80{width:80px;}
.px90 {width:90px;}
.px100{width:100px;}
.px150{width:150px;}
.px200{width:200px;}
.px250{width:250px;}
.px300{width:300px;}
.px350{width:350px;}
.px400{width:400px;}
.px450{width:450px;}
.px500{width:500px;}
.px550{width:550px;}
.px600{width:600px;}
.px650{width:650px;}
.px700{width:700px;}

.px10i{width:10px !important;}
.px20i{width:20px !important;}
.px30i{width:30px !important;}
.px40i{width:40px !important;}
.px50i{width:50px !important;}
.px60i{width:60px !important;}
.px70i{width:70px !important;}
.px80i{width:80px !important;}
.px90 i{width:90px !important;}
.px100i{width:100px !important;}
.px110i{width:110px !important;}
.px120i{width:120px !important;}
.px130i{width:130px !important;}
.px140i{width:140px !important;}
.px150i{width:150px !important;}
.px160i{width:160px !important;}
.px170i{width:170px !important;}
.px180i{width:180px !important;}
.px190i{width:190px !important;}
.px200i{width:200px !important;}
.px250i{width:250px !important;}
.px300i{width:300px !important;}
.px350i{width:350px !important;}
.px400i{width:400px !important;}
.px450i{width:450px !important;}
.px500i{width:500px !important;}
.px550i{width:550px !important;}
.px600i{width:600px !important;}
.px650i{width:650px !important;}
.px700i{width:700px !important;}

.btn-primary {color: #fff;background-color: #348fe2;border-color: #348fe2;background-image: none;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2670b7;
  border-color: #2670b7;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #348fe2;
  border-color: #348fe2;
}
.btn-primary .badge {
  color: #348fe2;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #ff5c57;
  border-color: #ff5c57;
  background-image: none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ce4741;
  border-color: #ce4741;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger
,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #ff5c57;
  border-color: #ff5c57;
}
.btn-danger .badge {
  color: #ff5c57;
  background-color: #fff;
}

.btn-turquoise {
  color: #fff;
  background-color: #00acac;
  border-color: #00acac;
  background-image: none;
}
.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise:active,
.btn-turquoise.active,
.open .dropdown-toggle.btn-turquoise {
  color: #fff;
  background-color: #008a8c;
  border-color: #008a8c;
}
.btn-turquoise.disabled,
.btn-turquoise[disabled],
fieldset[disabled] .btn-turquoise,
.btn-turquoise.disabled:hover,
.btn-turquoise[disabled]:hover,
fieldset[disabled] .btn-turquoise:hover,
.btn-turquoise.disabled:focus,
.btn-turquoise[disabled]:focus,
fieldset[disabled] .btn-turquoise:focus,
.btn-turquoise.disabled:active,
.btn-turquoise[disabled]:active,
fieldset[disabled] .btn-turquoise:active,
.btn-turquoise.disabled.active,
.btn-turquoise[disabled].active,
fieldset[disabled] .btn-turquoise.active {
  background-color: #00acac;
  border-color: #00acac;
}
.btn-turquoise .badge {
  color: #00acac;
  background-color: #fff;
}

.btn-royalblue {
  color: #fff;
  background-color: #717bb6;
  border-color: #717bb6;
  background-image: none;
}r
.btn-royalblue:hover,
.btn-royalblue:focus,
.btn-royalblue:active,
.btn-royalblue.active,
.open .dropdown-toggle.btn-royalblue {
  color: #fff;
  background-color: #464a6f;
  border-color: #464a6f;
}
.btn-royalblue.disabled,
.btn-royalblue[disabled],
fieldset[disabled] .btn-royalblue,
.btn-royalblue.disabled:hover,
.btn-royalblue[disabled]:hover,
fieldset[disabled] .btn-royalblue:hover,
.btn-royalblue.disabled:focus,
.btn-royalblue[disabled]:focus,
fieldset[disabled] .btn-royalblue:focus,
.btn-royalblue.disabled:active,
.btn-royalblue[disabled]:active,
fieldset[disabled] .btn-royalblue:active,
.btn-royalblue.disabled.active,
.btn-royalblue[disabled].active,
fieldset[disabled] .btn-royalblue.active {
  background-color: #717bb6;
  border-color: #717bb6;
}
.btn-royalblue .badge {
  color: #717bb6;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f49b1b;
  border-color: #f49b1b;
  background-image: none;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #c57e00;
  border-color: #c57e00;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f49b1b;
  border-color: #f49b1b;
}
.btn-warning .badge {
  color: #f49b1b;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #49b6d5;
  border-color: #49b6d5;
  background-image: none;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #3492ac;
  border-color: #3492ac;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #49b6d5;
  border-color: #49b6d5;
}
.btn-info .badge {
  color: #49b6d5;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5db75d;
  border-color: #5db75d;
  background-image: none;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #409e3e;
  border-color: #409e3e;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5db75d;
  border-color: #5db75d;
}
.btn-success .badge {
  color: #5db75d;
  background-color: #fff;
}


.btn-silver {
  color: #fff;
  background-color: #b7c2c8;
  border-color: #b7c2c8;
  background-image: none;
}
.btn-silver:hover,
.btn-silver:focus,
.btn-silver:active,
.btn-silver.active,
.open .dropdown-toggle.btn-silver {
  color: #fff;
  background-color: #929ba2;
  border-color: #929ba2;
}
.btn-silver.disabled,
.btn-silver[disabled],
fieldset[disabled] .btn-silver,
.btn-silver.disabled:hover,
.btn-silver[disabled]:hover,
fieldset[disabled] .btn-silver:hover,
.btn-silver.disabled:focus,
.btn-silver[disabled]:focus,
fieldset[disabled] .btn-silver:focus,
.btn-silver.disabled:active,
.btn-silver[disabled]:active,
fieldset[disabled] .btn-silver:active,
.btn-silver.disabled.active,
.btn-silver[disabled].active,
fieldset[disabled] .btn-silver.active {
  background-color: #b7c2c8;
  border-color: #b7c2c8;
}
.btn-silver .badge {
  color: #b7c2c8;
  background-color: #fff;
}

.btn-black {
  color: #fff;
  background-color: #2c353c;
  border-color: #2c353c;
  background-image: none;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,black
fieldset[disabled] .btn-black.active {
  background-color: #2c353c;
  border-color: #2c353c;
}
.btn-black .badge {
  color: #2c353c;
  background-color: #fff;
}
.form-control {
  display: block;
  width: 100%;
  padding: 10px 5px !important;
  color: var(--text-link-color);
  background-color: #fff;
  border: 1px solid #dcdcdc !important;
  -webkit-transition: border 250ms ease;
  -moz-transition: border 250ms ease;
  transition: border 250ms ease;
  height:auto;
}
.form-control:hover,
.form-control:focus {
  border-color: var(--link-hover-color);
}

.panel-heading{font-size:14px;}

/* header */
.notifications{position: relative;cursor:pointer;}
.notifications-list {color: #060606;border-bottom: 1px solid #ededed;display: block;overflow: hidden;line-height: 25px;}
.notifications-list a:link{color: #060606;}
.notifications-list a:active, .notifications-list a:hover {color:#2773ae;}
.notifications-menu{position: absolute;  top: 100%; left: 0;  z-index: 9999;  display: none;  width: 330px;  background-color: #f5f5f6;  -webkit-border-radius: 0 0 3px 3px;  -webkit-background-clip: padding-box;  -moz-border-radius: 0 0 3px 3px;  -moz-background-clip: padding;  border-radius: 0 0 3px 3px;  background-clip: padding-box;  -moz-box-shadow: 0 1px 0px rgba(0,0,0,.05);  -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.05);  box-shadow: 0 1px 0px rgba(0,0,0,.05);  border: 1px solid #f8f8f8; padding: 5px 15px; }
.notifications-menu .external { background-color: #FFF; display: block; }
.notifications-menu .external a { background-color: #fff; color: #e9423f;}
.notifications-list .point{ color:#ec5956 !important;  text-align: center; }
.notifications-list span{ padding-top: 10px;  font-size: 11px; }

#side_menu {display: block;position:fixed;top:0;right:0;width:100%;height:100%;overflow:hidden;z-index:9999;margin:0;background-color: rgba( 0, 0, 0, 0.5 );display:none}
#side_menu .side_wr{width:250px;background:#222222;opacity:1;position:absolute;top:0;right:0;box-shadow:0 0 10px #000;overflow-x:hidden;height:100%;overflow-y:auto}
#side_menu .side_wr.add_side_wr{}
#side_menu .side_wr .side_inner_rel{position:relative;height:100%;display:block;overflow:hidden}
#side_menu .side_wr .side_inner_abs{position: absolute;width:100%;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none}
#side_menu .side_wr{webkit-overflow-scrolling:touch}

#side_menu .m_menu li{display: block;  line-height: 40px;border-top: 1px solid #323232; position:relative;padding-left: 20px; }
#side_menu .m_menu li a.text_link{display:inline-block;width:65%;white-space:nowrap}
#side_menu .m_menu li a:hover{color: #7080b1;}
#side_menu .m_menu span{ position: absolute; right: 20px; top: 15px; }

#side_menu li, #side_menu li>a, #side_menu li.active>a, #side_menu li>a:hover, #side_menu li>a:focus {color: #fff;}
#side_menu .dropdown-custom-menu{background: #222222;overflow:hidden; width:100%;display:none;}
#side_menu .dropdown-custom-menu li{height: 40px; line-height: 40px; border:none !important; padding-left: 10px; background:none; }
#side_menu .dropdown-custom-menu li a{color: #888; }
#side_menu .dropdown-custom-menu li a:hover{color: #7080b1;}

#side_menu .m_login{text-align: center; margin: 10px;}
#side_menu .m_login span{ padding: 0 5px;}
#side_menu .m_board{background: #000; clear: both; margin:0; }
#side_menu .m_board li { display:block; line-height: 40px;position:relative; padding-left: 35px;}
#side_menu .m_board li a:hover{color: #7080b1; }
#side_menu .m_board span{position: absolute;top: 13px;left: 10px; padding-right: 10px; }
#side_menu .m_search{margin: 0 auto;padding: 20px 0 0;width: 100%;text-align:center;}

body.over_hidden{overflow:hidden}


/* sidebar */
.sidebar{border: 1px solid #e5e5e5;padding: 20px;}
.sidebar .headline {border-bottom: 1px dotted #ccc;display: block;margin-bottom:15px;}
.sidebar .headline h3{border-bottom: 2px solid #3498db;display: inline-block;margin: 0 0 -2px;padding-bottom: 5px;font-size:15px;}
.sidebar .loginbox{overflow:hidden;}
.sidebar .loginbox .text{padding-top:7px;}
.sidebar .loginbox .text li{float:left; padding-right:7px;}
.sidebar .welcome{overflow:hidden;}
.sidebar .welcome ul{overflow:hidden;}
.sidebar .welcome li{float:left;padding-right:5px;padding-bottom:5px;}
.sidebar .sidebar_latest li{padding-bottom:10px;}

.sidebar .tag-clouds{overflow:hidden;}
.sidebar .tag-clouds ul li{float:left; padding-right:10px;}

/* modal */
.modal .modal-body .number{padding-bottom:10px;}
.modal .modal-body .profile-info{overflow:hidden;}

.help-inline { display: inline-block;color: #737373;margin-left:10px; padding-top:7px;vertical-align:middle;}
.nopost {text-align:center; padding:120px 0 !important; }

textarea.dhtmleditor {width:100%;height:350px;}

.latest_comment_count {font-size:11px; color:#FF7700; margin-left:5px;font-weight:bold;}
.highlight {
  font-weight: bold;
  color: #7519FF;
  position: relative !important;
  padding: 0 !important;
  display: contents !important;
  left: 0 !important;
  right: 0 !important;
  vertical-align: baseline !important;
}

/* Sideview */
#nameContextMenu { background:#000; color:#fff; padding:4px 8px 6px;z-index:10000; }
#nameContextMenu a { color:#fff; font-size:12px; line-height:20px; display:block; }
#nameContextMenu a:hover { color:#ff0000; }
#nameContextMenu td { border:0 !important; }

.iloged {height:auto !important;}
.ibbs .bbs_category, .ibbs_list .bbs_category, .ibbs.catebg .bbs_category, .ibbs_list.catebg .bbs_category {display:inherit !important;}
.ibbs_list .noti .bdown {
  display: inline-block !important;
}

.datepicker {border-radius:0 !important;}
.pjc_21 .irgroup .irbtn {
  white-space: nowrap;
  width:auto !important;
}

.psc_first.psc10 .inner {border:none !important;}
.psc_first.psc10 li {
  width:25% !important;
  border:1px solid #ccc !important;
  box-sizing: border-box;
  margin-left:-1px;margin-bottom:-1px;
}
.psc_first.psc10 li::before {
  display:none !important;
}
.psc_first.psc10 li::after {
  display:none !important;
}
.psc_first.psc10 li:hover,
.psc_first.psc20 li:hover {
  color: #fff;
  background: #2475d0;
}
.psc_first.psc10 li a:hover,
.psc_first.psc20 li a:hover {
  color: #fff;
}

#share_area {height:0px;}
#share-button {position:absolute;top:0;right:10px;z-index:2;}
#share-button .off img {width:24px;}
#share-button p {display:none;padding-top:5px;font-size:12px;text-align:center;}

#share_popup {position: absolute;top: 0;right: 0;max-width: 400px;min-width: 400px;width: 100%;opacity: 0;pointer-events: none;transform: scale(1.2);transition: top 0s 0.2s ease-in-out,opacity 0.2s 0s ease-in-out,transform 0.2s 0s ease-in-out;z-index: 100;}
#share_popup ::selection{color: #fff;background: #f57402;}
#share_popup .wrap {background: #fff;padding: 25px;border-radius: 15px;box-shadow: 0px 10px 15px rgba(0,0,0,0.1);}
#share_popup.show {opacity: 1;pointer-events: auto;transform: scale(1);transition: top 0s 0s ease-in-out,opacity 0.2s 0s ease-in-out,transform 0.2s 0s ease-in-out;}
#share_popup header {padding-bottom: 10px;border-bottom: 1px solid #ebedf9;}
#share_popup header span {font-size: 21px;font-weight: 600;}
#share_popup header .close i {width: 100%;text-align: center;line-height: 33px;}
#share_popup header .close {color: #878787;font-size: 17px;background: #f2f3fb;height: 33px;width: 33px;cursor: pointer;float: right;}
#share_popup header .close:hover {background: #ebedf9;}
#share_popup header .close,
#share_popup .icons a {display: inline-block;align-items: center;border-radius: 50%;justify-content: center;transition: all 0.3s ease-in-out;}
#share_popup .content {margin: 20px 0;}
#share_popup .content p {font-size: 16px;}
#share_popup .icons {margin: 15px 0 20px 0;}
#share_popup .icons a {height: 50px;width: 50px;font-size: 20px;text-decoration: none;border: 1px solid transparent;text-align: center;line-height: 44px;}
#share_popup .icons a img {transition: transform 0.3s ease-in-out;}
#share_popup .icons a.facebook {border-color: #b7d4fb;}
#share_popup .icons a.facebook:hover {background: #1877F2;}
#share_popup .icons a.twitter {border-color: #b6e7fc;}
#share_popup .icons a.twitter:hover {background: #46C1F6;}
#share_popup .icons a.kakao,
#share_popup .icons a.kakaostory {border-color: #ffee49;}
#share_popup .icons a.kakao,
#share_popup .icons a.kakaostory:hover {background: #ffee49;}
#share_popup .icons a.band {border-color: #bef4d2;}
#share_popup .icons a.band:hover {background: #25D366;}
#share_popup .icons a:hover {color: #fff;border-color: transparent;}
#share_popup .icons a:hover img {transform: scale(1.2);}
#share_popup .field {position: relative;margin: 12px 0 -5px 0;height: 45px;border-radius: 4px;border: 1px solid #e1e1e1;}
#share_popup .field.active {border-color: #f57402;}
#share_popup .field i {position: absolute;top: 13px;left: 8px;width: auto;height: auto;}
#share_popup .field.active i {color: #f57402;}
#share_popup .field input {width: 100%;height: 100%;border: none;outline: none;font-size: 15px;padding: 0 75px 0 32px;}
#share_popup .field button {position: absolute;top: 5px;right: 3px;outline: none;cursor: pointer;font-weight: 500;border-radius: 4px;border: 2px solid transparent;transition: background 0.1s linear, border-color 0.1s linear, color 0.1s linear;color: #fff;padding: 5px 18px;background: #005d96;}
#share_popup .field button:hover {background: #012e57;}

@media screen and (max-width: 568px) {
  .psc_first.psc10 li { width:50% !important; }
}

@media screen and (max-width: 1024px) {
    #share_popup {max-width: 100%;min-width: 100%;top: 0;padding: 0 15px;transform: scale(1);}
}

.ibbs_table .type_table th,
.ibbs_table .type_table td {
  text-align: center;
}
.ibbs_table .type_table .w8 {width: 180px;}
.ibbs_table .type_table td.w8 {height: 150px;}

@media screen and (max-width: 736px) {
  .ibbs_table .type_table .w8 {display: block;width: auto;padding: 3px 0;font-size: 1em;text-align: left;border: 0;}
  .ibbs_table .type_table .no_mobile {display: none;}
}

.mbtbl td {
  padding: 25px 5px;
}
.mbtbl .w2 {width: 84px;}
.mbtbl .w3 {width: 120px;}
.mbtbl .w4 {width: 160px;}

.viewer .colspan {
  position: relative;
  width: 48%;
  margin-left: 4%;
  padding: 50px;
  float: left;
  border: 1px solid #e8e8e8;
  border-radius: 15px;
}
.viewer .colspan:first-child {
  margin-left: 0;
}
.viewer .cont .ico {
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin: 0 auto 10px;
  line-height: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
}
.viewer .cont .hwp {background-image: url('/assets/layout/img/page/ico_hwp.png');}
.viewer .cont .pdf {background-image: url('/assets/layout/img/page/ico_pdf.png');}
.viewer .cont h3 {
  margin-bottom: 45px;
  color: #2b3275;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.viewer .cont p {
  margin-bottom: 45px;
  color: #4c4c4c;
  text-align: justify;
}
.viewer .cont .lnk {
  text-align: center;
}
.viewer .cont a {
  display: inline-block;
  padding: 12px 50px;
  color: #2475d0;
  font-weight: 500;
  text-align: center;
  border: 2px solid #2475d0;
  -webkit-transition: color 300ms ease, background 300ms ease;
  -moz-transition: color 300ms ease, background 300ms ease;
  transition: color 300ms ease, background 300ms ease;
}
.viewer .cont a:hover,
.viewer .cont a:focus {
  color: #fff;
  background: #2475d0;
}

@media screen and (max-width: 736px) {
  .viewer .colspan {
    width: 100%;
    margin: 30px 0 0;
    float: none;
  }
  .viewer .colspan:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 520px) {
  .viewer .colspan {
    padding: 25px;
  }
}

#visual .location .depth_01 button {
  padding: 0 35px 0 25px;
}

#visual .location .depth_01 button.sub::before {
  position: absolute;
  display: block;
  content: '';
  width: 17px;
  height: 17px;
  top: 50%;
  right: 7px;
  margin-top: -8.5px;
  background: url('/assets/layout/img/common/nav_off.png') no-repeat;
  background-size: 13px;
}
#visual .location .depth_01 button.sub.active::before {
  background: url('/assets/layout/img/common/nav_on.png') no-repeat;
  background-size: 13px;
}

.psc411_11_01 .btn_area {text-align: center;}
.psc411_11_01 .btn_area a {display:inline-block !important;}

/* 지원사업 컨텐트 안쪽 테이블 */
.psc10 .item .image_area img{width:100%;}

.psc111 .psc_cont table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.psc111 .psc_cont table th,
.psc111 .psc_cont table td {
  padding: 20px !important;
  border: 1px solid #ccc !important;
}
.psc111 .psc_cont table th {
  font-weight: 500 !important;
  border-top: 2px solid #000 !important;
  background: #f8f8f8 !important;
  color:#000 !important;
  text-align:center !important;
  /*white-space: nowrap;*/
}
.psc111 .psc_cont table p,
.psc111 .psc_cont table span,
.psc111 .psc_cont table a,
.psc111 .psc_cont table p,
.psc111 .psc_cont table span,
.psc111 .psc_cont table a {color:#000 !important; text-decoration:none !important;}

.input-images {display:flex;flex-wrap:wrap;justify-content: flex-end;}
.input-images .image-uploader {flex-basis:100%;}

.flex {display:flex;}
.flex-wrap {flex-wrap:wrap;}
.nowrap {white-space:nowrap;}

.ifbtn {
  display: inline-block;
  color: #fff;
  text-align: center;
  background: #2475d0;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  transition: background 300ms ease;
  padding:10px 15px;font-size:16px;
  cursor:pointer;
}
.ifbtn:hover,
.ifbtn:focus {
  background: #164e81;
  color:#fff;
}

@media screen and (max-width: 800px) {
  .tab_cont .colgroup {display:flex;flex-wrap:wrap;}
  .tab_cont .colgroup .item {flex-basis:50%;}
}

.sproject_more {border-top:1px solid #ddd;margin-top:60px;text-align:center;}
.sproject_more a {margin-top:-22px;color: #333;background-color: #fff;border-color: #ccc;padding:10px 40px;border-radius: 20px;}
.sproject_more a:hover {color: #fff;background-color: #2475d0;}

.pjc_11 .iagreement .iagree_btn .iagree-btn {
  display: inline-block;
  padding: 7px 8px;
  -webkit-transition: color 300ms ease, background 300ms ease, border 300ms ease;
  -moz-transition: color 300ms ease, background 300ms ease, border 300ms ease;
  transition: color 300ms ease, background 300ms ease, border 300ms ease;
  color: #fff;
  background: #2475d0;
  border-color: #2475d0;
}
.pjc_11 .iagreement .warning {display:none;color:red;float:right;font-size:0.8em;}
.ms03 .tab_menu .tab_btn:hover {
  z-index: 1;
  color: #fff;
  background: #01669a;
  border-color: #01669a;
}

.ms02 .group01 li a > p {line-height: normal;height:auto;}