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

/* 폰트 */
	@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

	@font-face {
		font-family: 'Pretendard-Regular';
		src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
		font-weight: 400;
		font-style: normal;
	}

	.nanumgothic * {
	 font-family: 'Nanum Gothic', sans-serif;
	}

/* CSS 공통 및 초기화 */
	* {margin: 0;padding: 0;}
	a > * {line-height: 0;}
	img {border: medium none;}
	body {font-family: 'Nanum Gothic', sans-serif;font-size: 16px; }
	a {color:#000;text-decoration: none;}
	a:hover{color:#000;}
	.dn {display:none !important;}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit;margin:0;}
	li{list-style:none;}
	.tac {text-align:center;}
	.clearfix {clear:both;}
	.bold {font-weight:bold;}
	input:focus {box-shadow:unset;}
/* 여백 공통 CSS */
	.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;}
	.mt80{margin-top:80px;}
	.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%;}

	.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;}

	.fz16 {font-size:16px;}
	.fz18 {font-size:18px;}

/* 버튼 공통 CSS */
	.btn-primary {color: #fff; background-color: #2660e5; border-color: #2660e5; background-image: none;}
	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary.active,
	.open .dropdown-toggle.btn-primary {
	  color: #fff;
	  background-color: #2260e5;
	  border-color: #2260e5;
	}
	.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: #2660e5;
	  border-color: #2660e5;
	}
	.btn-primary .badge {
	  color: #2660e5;
	  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 {height:40px; margin-left:15px !important; padding:0 20px; font-size:16px; color:#fff; line-height:40px; background:#2660e5; border-radius:30px !important; border-color:#2260e5; text-shadow:unset; box-shadow:unset; word-break:keep-all;}
	.btn-success:hover,
	.btn-success:focus,
	.btn-success:active,
	.btn-success.active,
	.open .dropdown-toggle.btn-success {
	  color: #fff;
	  background-color: #2260e5;
	  border-color:#2260e5;
	}
	.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;
	  border-radius:30px;
	}
	.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;
	}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	color: #fff;
	background-color: #3498db;
	box-shadow: none;
	background-image: none;
	}

	.navbar .dropdown-menu {
	padding: 0;
	margin: 0;
	min-width: 190px;
	background-color: #444;
	border: none;
	}
	.navbar .dropdown-menu li a {
	font-weight: 400;
	text-transform: uppercase;
	padding: 9px 20px;
	font-size: 12px;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	color: #ccc;
	background:#444;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		background-color: #3498db !important;
		color: #fff;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a {
		transition: all 0.2s ease-in-out 0s;
	}
	.btn-default {height:40px; margin-left:15px !important; padding:0 20px !important; font-size:16px; color:#fff; line-height:40px; background:#727479; border:0; text-shadow:unset; box-shadow:unset; border-radius:30px !important; word-break:keep-all;}
	.pull-left .btn-default {margin:0 15px 0 0 !important;}
	.btn-default.btn-history-back {color:#999 !important; background:#fff; border:1px solid #ddd; border-radius:30px !important;}
	.btn-default:hover {color:#FFF !important;}
	.btn-default.btn-history-back:hover {color:#999 !important; background:#fff; border:1px solid #ddd; border-radius:30px !important;}



	a:active,a:visited ,a:link,a:focus{outline:0 !important; box-shadow:unset !important;}
	button:focus {outline:0 !important; box-shadow:unset !important;}

	.btn_cancel { display: block; width: 220px; height: 60px; margin-right: 18px; color: #999; font-size: 18px; font-weight: bold; line-height: 60px; text-align: center; border: 1px solid #ddd; border-radius: 30px; background: #fff; padding: 0; box-shadow: unset; }
	.btn_cancel:hover {color:#999;}

/* 커스텀 버튼 CSS */
.btn-blue-done {display: block; width: 100%; height: 54px; margin: 40px auto 100px; color: #fff; font-size: 18px; line-height: 54px; background: #2660e5; text-align: center; border-radius: 30px; border: 0;}
.btn-blue-tigle {display: block; width: 100%; height: 54px; margin: 40px auto 100px; color: #fff; font-size: 18px; line-height: 54px; background: #2660e5; text-align: center; border-radius: 5px; border: 0;}
.btn-gray-small-tigle {display:block; width:130px; height:50px; line-height:50px; margin:0; color:#FFF; background:#727479; border:1px solid #727479; font-size:16px;}
@media screen and (max-width:767px){
	.btn-blue-done {height: 45px; font-size: 16px; line-height: 45px;}
	.btn-blue-tigle {height: 45px; font-size: 16px; line-height: 45px;}
	.btn-gray-small-tigle {font-size:14px; height:45px; line-height:45px;}
}

.wrapper{margin:0 auto; overflow:hidden; width:100%;}
.container{width:1170px; margin:0 auto;}
.container h3{
    margin: 0;
    padding: 0 0 50px;
    font-size: 34px;
    line-height: 34px;
    font-weight: 900;
    border: 0;
}
.container p {
	margin:0;
    padding: 0;
    font-size: 16px;
}
.view-all {float: right;width: 75px;position: absolute;top: 10px;right: 0;}

.form-control{background-color: #FFFFFF;background-image: none;border: 1px solid #e5e6e7;border-radius: 5px;color: inherit;display: inline-block;padding: 6px 12px;font-size: 14px;vertical-align: middle;  }
.panel-heading{font-size:14px;}

.alertclose {border:0; background:none; margin-right:5px;}

/* header */
header{background: #082a47;color: #fff;display: block;clear: both; width:100%;}
header .header-top-menu {float:right;height:30px;line-height: 40px;}
header .header-top-menu .fa{color:#ccc;}
header .header-top-menu li{float:left; padding:0 10px;color:#ccc; font-size:12px;}
header .header-top-menu li a{ color:#ccc; font-size:12px;}
header .fa{padding-right:5px;}
header .badge{margin-left:5px;font-size: 10px;}

.header_line {background: #082a47; height:3px; line-height:3px;clear: both; width:100%;}

.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; }

.m_nav{padding: 8px 10px 0 0;}
nav , .pagination{text-align:center;}
.pagination {justify-content:center; }
.pagination > li {}
.pagination > li.active {}
.pagination > li > a {display:block; width:40px; height:40px; font-size:18px; text-align:center; line-height:40px; border-radius:100%; }
.pagination > li.active > a {background:#e9ebf4; font-weight:bold; }



/* sidebar*/
#side_menu2 {}
#side_menu2 .side_wr{width:100%;opacity:1;position:absolute;top:0;left:0;box-shadow:0 0 10px #000;height:100%; /* background:#FFF; */ background:#fff;}
#side_menu2 .side_wr .side_inner_rel{position:relative;height:100%;display:block; overflow-y: scroll;}
#side_menu2 .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_menu2 .side_wr{webkit-overflow-scrolling:touch;}
/* 사이드메뉴 - 모바일 */
#side_menu2 .close_menu_btn {position: absolute; right: 15px; top: 10px; background: none; border: 0; z-index: 10; cursor: pointer;} 

#side_menu2 .m_menu {padding:0 34px 10px;}

#side_menu2 .m_menu li {display: block; position:relative;}
#side_menu2 .m_menu > li a {color:#000; font-size:16px;}
#side_menu2 .m_menu > li > a {font-weight: bold; display: block; border-bottom: 1px solid #c4c4c4; padding-left: 4px; padding-top: 4px; line-height:38px;}
#side_menu2 .m_menu > li .dropdown-custom-menu {width:100%; padding:0; background:#FFF; padding-top: 10px;}
#side_menu2 .m_menu li a.subopen {position:absolute; top: 0; left:0; width:100%; z-index: 1; float:unset; text-align:right;}
#side_menu2 .m_menu li a.subopen > i {margin-right:20px;}
#side_menu2 .m_menu li a.text_link{white-space:nowrap;}
#side_menu2 .m_menu .dropdown-custom-menu {padding-top: 10px;}
#side_menu2 .m_menu .dropdown-custom-menu li {line-height: 30px; height: 30px;}
#side_menu2 .m_menu span{ position: absolute; right: 20px; top: 15px; } 
#side_menu2 .offcanvas-body {padding: 0;}

#side_menu2 li, #side_menu2 li > a, #side_menu2 li.active>a, #side_menu2 li > a:hover, #side_menu2 li > a:focus {color: #000;}
#side_menu2 .dropdown-custom-menu{background: #222222;overflow:hidden; width:100%;display:none;}
#side_menu2 .dropdown-custom-menu li{height: 40px; line-height: 40px; border:none !important; padding-left: 7px; background:none; }
#side_menu2 .dropdown-custom-menu li a{/* color: #888; */ color: #000; display: block;}

#side_menu2 .m_login{display:flex; justify-content: space-between; text-align: center; margin: 40px 19px 25px; font-size: 15px; padding: 0;}
#side_menu2 .m_login span{}
#side_menu2 .m_login span > a {width:100%; line-height:29px;  border-radius:30px; background:#FFF;}
#side_menu2 .m_login span:first-child > a { padding: 3px 15px;}
#side_menu2 .m_login span.logout > a {}
#side_menu2 .m_login span.login {border-right:0;}
#side_menu2 .m_login span.join {margin-right: 15px;}
#side_menu2 .m_login span.join > a {color:#FFF; background:#2260e5; padding: 3px 26px; font-size: 14px;}
#side_menu2 .m_board{background: #000; clear: both; margin:0; }
#side_menu2 .m_board li { display:block; line-height: 40px;position:relative; padding-left: 35px;}
#side_menu2 .m_board li a:hover{color: #7080b1; }
#side_menu2 .m_board span{position: absolute;top: 13px;left: 10px; padding-right: 10px; }
#side_menu2 .m_search{margin: 0 auto;padding: 20px 0 0;width: 100%;text-align:center;}

#side_menu2 .cs_info {padding: 0 34px 30px; font-size: 15px; color:#000;}
#side_menu2 .cs_info p {margin: 0; margin-bottom: 3px;}
#side_menu2 .cs_info b {display: inline-block; padding-right: 20px;}

body.over_hidden{overflow:hidden} 


/* main */
.left {margin:0 auto;}
.main{width:100%; clear:both;margin:0 auto 20px; padding:0 !important;}
.main .navbar-form{margin-top:0; margin-bottom:0;}

/* footer */
footer{border-top: 1px solid #e5e5e5;background-color: #f5f5f5;padding:15px 0;}
footer .company {margin-bottom:7px;clear:both;float:left;}
footer .company li{float:left; padding-right:10px;}
footer .see_mobile{clear:both; margin:0 auto; text-align:center;}
footer .copyright{font-size:12px;clear:both;}
footer .copyright span{padding-right:7px;}


.media{clear:both;}
.media-body, .media-left, .media-right {display: table-cell;vertical-align: top;}
.media-left, .media>.pull-left {padding-right: 10px;}
.media-right, .media>.pull-right {padding-left: 10px;}
.media-heading{font-size:14px;overflow:hidden;}
.media-body .media-info{font-size:11px; color:#666;}
.media-body .media-info span{padding-right:10px;}


/* sidebar */
.sidefix {position:fixed; right:-395px; top:87px; padding:0; transition:right 0.5s ease;}
.sidefix.on {right:0; }
.sidebar{width:395px;position:relative; border: 1px solid #e5e5e5;padding: 20px; background:#FFF;}
.sidebar .sidebar_btns {position:absolute; left:-35px; top:-1px; display:block; width:35px; height:65px; background:#2660e5;}
.sidebar .sidebar_btns:before {display:block; content:''; width:35px; height:65px; background:url('../img/angle-left.png')no-repeat center; background-size: 26px;}
.sidebar .sidebar_btns.off:before {transform:rotate(180deg);}
.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}

/* 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:0px !important; }












/* 커스텀 CSS */
.board-e-btn * {width:unset !important; color:#727479; font-size:16px; padding:0 !important; line-height:34px; height:34px; background:#FFFFFF; border:0; border-radius:0 !important;}
.board-e-btn *:hover {color:#727479 !important;}
.admin-manage-comment {float:right; margin-top:-44px; color:#000; background:#FFF; }
.admin-manage-comment:hover {color:#000 !important;}
.admin-manage-post {color:#000; padding:0 !important; text-align:right; background:none; }
.admin-manage-post:hover {color:#000 !important;}
.admin-manage-post + .admin-manage-post-layer { top:37px !important; left:9px !important; }

/* 사용하지 않는 기본 기능들 dn 처리 */
.navbar-default > .container > .login_box > button {display:none;}
.main > .container > .row > .row {display:none; }



/* 공통CSS */
.pc {display:block;}
.mo {display:none !important;}
.header_line {display:none;}
ul, ol {padding:0;}
.write {margin:0 0 100px !important;}

/* 공통 체크박스 */
.checkbox > label {height:25px; padding-left:25px; background:url('../../../_layout/bootstrap/img/policy-space.png')no-repeat center left; background-size:22px;}
.checkbox > label.on {background:url('../../../_layout/bootstrap/img/policy-agree.png')no-repeat center left; background-size:22px;}

/* GNB 메뉴 */
/* .navbar-default {height:88px; padding:0; border-bottom:1px solid #ddd; box-sizing:border-box; background:#FFF; } */
.navbar-default.fixed {position:fixed; width:100%; top:0; z-index:1000;}
.navbar-default > .container {position:relative; flex-flow:row nowrap; width:100%; max-width:1700px; margin:0 auto;}
.navbar-default .navbar-header > a:after {content:''; display:inline-block; width:1px; height:32px; margin:0 17px -8px 35px; /* background:#d0d0d0; */ background:#000;} /*로고 오른쪽 라인*/
.navbar-default .navbar-collapse {display:block; flex-basis:unset;}
.navbar-default .navbar-collapse .navbar-right {display:flex; flex-flow:row nowrap; align-items:center; width:100%; max-width:1000px; height:88px;  }
/* .navbar-default .custom_nav > li > a {padding:11px 33px 24px 20px; color:#000; font-size:16px; line-height:16px; font-weight:600; } */
/* .navbar-default .custom_nav > li:hover > a {color:#000;background:url('../img/nav_arrow_2.png')no-repeat top 17px right 13px ; border-radius:30px; } */
.navbar-default .custom_nav > li > ul {position:absolute; top:37px; left:0; width:232px; height:229px;padding:30px; min-width:unset !important; background:#FFF; border-radius:20px; border:1px solid #e6e6e6;}
.navbar-default .custom_nav > li.open > ul {display:block;}
.navbar-default .custom_nav > li > ul > li > a {position:relative; padding:0 0 0 14px; line-height:28px; font-size:15px; font-weight:600; color:#000; background:#FFF; text-align:left; }
/* .navbar-default .custom_nav > li.dropdown > ul > li:hover > a {color:#000; background-color:unset !important;} */
.navbar-default .custom_nav > li.dropdown > ul > li:hover > a:before {content:''; display:block; position:absolute; left:0; top:0; width:6px; height:16px; background:url('../img/nav_depth_arrow.png')no-repeat center;}
.navbar-default > .container > .login_box > ul {display:flex; margin:0; padding:0; }
.navbar-default > .container > .login_box > ul > li > a {display:block; padding:8px 22.45px; color:#3b3b3b; font-size:16px; line-height:22px; border:1px solid #a7a7a7; background:#FFF; border-radius:50px; box-sizing:border-box;}
.navbar-default > .container > .login_box > ul > li.start > a {margin:0 11px 0 0; padding:8px 27.42px; color:#fff; background:#2660e5; border:1px solid #2660e5; }
.navbar-default > .container > .login_box > ul > li.mypg {display:flex; align-items:center; margin:0 25px 0 0; }
/* .navbar-default > .container > .login_box > ul > li.mypg > a {font-size:14px;padding:0; border:0; font-weight:bold; } */


/* black ver */
.navbar-default {height:88px; padding:0; box-sizing:border-box; background:#000; }
.navbar-default .custom_nav > li:hover > a {color:#FFF;background:url('../img/nav_arrow_2_w.png')no-repeat top 17px right 13px ; border-radius:30px; }
.navbar-default .custom_nav > li > a {padding:11px 33px 24px 20px; color:#FFF; font-size:16px; line-height:16px; font-weight:600; }
.navbar-default .custom_nav > li.dropdown > ul > li:hover > a {color:#000; background-color:unset !important;}
.navbar-default > .container > .login_box > ul > li.mypg > a {color:#FFF; font-size:14px;padding:0; border:0; font-weight:bold; background:none;}




/* GNB 반응형 */
@media screen and (max-width:1321px){
	.wrapper > .navbar-default > .container {padding:0 15px;}
	.wrapper > .navbar-default .navbar-collapse {display:none;}
	.wrapper > .navbar-default {height:60px;}
	.wrapper > .navbar-default > .container > .navbar-header {position:relative;  z-index:100;top:-2px; width:100px; background:none; transition:0.4s all; }
	.wrapper > .navbar-default > .container > .navbar-header > a {line-height:60px;}
	.wrapper > .navbar-default > .container > .navbar-header > a > img {width:90%; }
	.wrapper > .navbar-default > .container > .login_box {display:flex; align-items: center; position:absolute; top:11px; right: 15px; }
	.wrapper > .navbar-default > .container > .login_box > * {padding: 0 10px;}
	.wrapper > .navbar-default > .container > .login_box > *:last-child {padding-right: 0;}
	.wrapper > .navbar-default > .container .login_box .call img {width: 22px;}
	.wrapper > .navbar-default > .container > .login_box > ul > li.start > a {margin:4px 0 0 0; padding:2px 20px; font-weight: bold; font-size:12px;}
	.wrapper > .navbar-default > .container > .login_box > ul > li.mypg {display:none !important;margin-right:35px; }
	.wrapper > .navbar-default > .container > .login_box > ul > li:last-child {display:none !important;margin-right:35px; }
	.wrapper > .navbar-default > .container > .login_box > button {display:block; background:none; border:0;}
	.wrapper > .navbar-default > .container > .login_box > button > span.icon-bar {display:block;width:25px; height:2px;  margin-bottom:7px; background-color:#FFF;}
	.wrapper > .navbar-default > .container > .login_box > button > span.icon-bar:last-child {margin: 0;}
	.wrapper > .navbar-default .navbar-header > a:after {display:none;}
	#side_menu2 .m_login > ul > li > a {color:#000;}
}




/* 메인 CSS */
.main > .container {width:auto !important; max-width:unset; min-height:530px; padding:0 !important;}
.main > .container > .row {margin:0 auto;}
.main > .container > .service > .left {display:flex; width:100% !important; justify-content:space-between; padding:0;}
#main_wrap {padding:0;}



/* 메인비주얼 */
.main_visual {position:relative; background:#f5f5f5; }
.main_visual .slide_wrap {position:relative; }
.main_visual .slide_wrap > div{min-height:530px;}
.main_visual .slide_wrap > div > .slide_cont {position:absolute; left:50%; top:0;width:100%; max-width:1400px; height:100%; padding:0 0 0 21px; transform:translate(-50%,0); background:#f5f5f5;}
.main_visual .slide_wrap > div .slide_cont h2 {margin:100px 0 15px; font-size:60px; font-weight:900; white-space: nowrap;}
.main_visual .slide_wrap > div .slide_cont p {font-size:20px; line-height:1.5;}
.main_visual .slide_wrap > div .slide_cont a {display:block; width:180px; height:54px; color:#000; line-height:54px;font-size:20px; margin:75px 0 0; text-align:center; font-weight:bold; background:#e6e6e6; border-radius:30px;}
.main_visual .slide_wrap > div.slide1 {background:#141414; }
.main_visual .slide_wrap > div.slide1 .slide_cont {background:url('../img/visual_2.png')no-repeat right 105px top 12px;}
.main_visual .slide_wrap > div.slide1 .slide_cont h2 {color:#FFF; margin:140px 0 30px; font-size:48px; font-weight:900;}
.main_visual .slide_wrap > div.slide1 .slide_cont p {color:#FFF; font-size:20px; line-height:1.5;}
.main_visual .slide_wrap > div.slide1 .slide_cont a {margin-top: 72px;}
.main_visual .slide_wrap > div.slide2 {}
.main_visual .slide_wrap > div.slide2 .slide_cont{padding:0 0 0 27px; background: url('../img/visual_h.png')no-repeat calc(100% - 70px) 45px;}
.main_visual .slide_wrap > div.slide2 .slide_cont h2 {margin:95px 0 26px; font-size:55px; font-weight:900;}
.main_visual .slide_wrap > div.slide2 .slide_cont p {font-size:20px; line-height:1.4;}
.main_visual .slide_wrap > div.slide2 .slide_cont a {display:block; width:180px; height:54px; color:#fff; line-height:54px;font-size:20px; margin:70px 0 0; text-align:center; font-weight:bold; background:#2660e5; border-radius:30px;}
.main_visual .slide_wrap > div.slide3 .slide_cont {background:url('../img/main_visual_03.png')no-repeat 0 30px;}
.main_visual .slide_wrap > div.slide3 .slide_text {display: inline-block; position: absolute; left: 50%; margin-left: 177px; transform: translate(-50%, 0);}
.main_visual .slick-dots {position:absolute; bottom:-3px; left:50%; display:flex; flex-flow:row nowrap; transform:translate(-50%,0);}
.main_visual .slick-dots > li {margin-right:1px;}
.main_visual .slick-dots > li.slick-active > button {background:#202020;}
.main_visual .slick-dots > li > button {display:block; width:46px; height:7px;  font-size:0; background:#a6a6a6; border:0;}



/* 상담전화 */
.call_box {display: flex; align-items: center; justify-content: space-between; background:#00cfd9; padding: 20px 15px;}
.call_box p {font-size: 18px;}
.call_box p b {display: inline-block; padding-left: 5px; }
.call_box a {display: inline-block; padding: 7px 22px; font-size: 12px; color:#fff; background:#000000; border-radius: 25px;}




/* 특별한 혜택 */
.we_benefit {width:100%; max-width:1430px; margin:150px auto 200px;}
.we_benefit > h2 {font-size:30px; line-height:30px; text-align:center; font-weight:900;}
.we_benefit > p.tac {margin:10px 0 0; font-size:18px;}
.we_benefit > ul {margin:50px 0 0; padding:0;}
.we_benefit > ul > li > a > .img_frame {overflow:hidden; margin:0 0 15px; border-radius:10px;}
.we_benefit > ul > li > a > .img_frame > img {display:block; width:100%;}
.we_benefit > ul > li > a > strong {font-size:20px; line-height:20px; font-weight:900; }
.we_benefit > ul > li > a > span {display:block; margin:14px 0 0; font-size:16px; line-height:24px; }

/* 상점 관리 */
.we_manage {max-width:1400px; margin:115px auto 0;}
.we_manage > .manage_banner { display:flex; height:100%; margin:0;}
.we_manage > .manage_banner > div {float:unset !important; overflow:hidden; width:50%; max-height:420px; background:#727479;}
.we_manage > .manage_banner > div.txt_frame {padding-left:108px; display:flex; flex-flow:column nowrap; justify-content: center; align-items:flex-start; border-radius:20px 0 0 20px;}
.we_manage > .manage_banner > div.img_frame {padding:0; border-radius:0 20px 20px 0; }
.we_manage > .manage_banner > div.img_frame > img {display:block; width:100%;}
.we_manage > .manage_banner > div > span {display:block; margin:0 0 20px; color:#fff; font-size:20px; line-height:20px;}
.we_manage > .manage_banner > div > h2 {color:#fff; line-height:1.3; font-size:40px; font-weight:600; }
.we_manage > .manage_banner > div > h2 > span {display:block; font-weight:600;}
.we_manage > .manage_banner > div > p { margin:45px 0 0; color:#fff; font-size:20px; line-height:30px; }

.we_manage > .manage_info { display:flex; flex-flow:row nowrap; justify-content:space-between; margin:80px 22px 0;}
.we_manage > .manage_info > div {display:flex; flex-flow:row nowrap; width:33%;}
.we_manage > .manage_info > div > .cont-icon {width:80px;}
.we_manage > .manage_info > div > .cont-info {margin-left:20px; }
.we_manage > .manage_info > div > .cont-info > h2 {margin:10px 0; font-size:24px; line-height:24px; font-weight:900;}
.we_manage > .manage_info > div > .cont-info > span {font-size:18px; line-height:26px; letter-spacing:-0.3px;}
.we_manage > .manage_info > div > .cont-info > ul {margin:20px 0 0;}
.we_manage > .manage_info > div > .cont-info > ul > li {color:#444; font-size:17px; line-height:30px;}
.we_manage > .manage_info > div > .cont-info > ul > li:before {content:""; display:inline-block; width:3px; height:3px; margin:0 8px 4px 2px; background:#444;}

/* 서브비주얼 */
.sub_visual {margin:150px 0; padding:49px 0 43px; background:#f4f4f4; }
.sub_visual > .sub_visual_wrap {display:flex; flex-flow:row nowrap; width:100%; max-width:1400px; margin:0 auto;}
.sub_visual > .sub_visual_wrap > div {display:flex; width:50%; min-height:212px;}
.sub_visual > .sub_visual_wrap > div > a > h2 {margin:45px 0 30px; font-size:24px; line-height:24px; font-weight:600;}
.sub_visual > .sub_visual_wrap > div > a > p {margin:0; font-size:16px; line-height:20px; }
.sub_visual > .sub_visual_wrap > div > a:hover * {color:#000 !important;}

/* 성공파트너 */
.partner {width:100%; max-width:1430px; margin:0 auto 245px;}
.partner > h2 {font-size:30px; line-height:30px; text-align:center; font-weight:900;}
.partner > p {margin:10px 0 60px; font-size:18px; line-height:18px;}
.partner > div > div {width:100%;padding:0;}
.partner > div > div > .panel {border:0; box-shadow:unset;}
.partner > div > div > .panel > .panel-heading {display:none;}
.partner > div > div > .panel > .panel-body {margin:0; padding:0;}
.partner > div > div > .panel > .panel-body  > div {margin:0 0 40px;}
.partner > div > div > .panel > .panel-body  > div > .thumbnail {display:flex; flex-flow:column-reverse nowrap;padding:0; border:0; box-shadow:unset;}
.partner > div > div > .panel > .panel-body  > div > .thumbnail > a {display:block; overflow:hidden; width:100%; border-radius:20px; }
.partner > div > div > .panel > .panel-body  > div > .thumbnail > a > img {display:block; width:100% !important;/*  height:auto !important; */}
.partner > div > div > .panel > .panel-body  > div > .thumbnail > .caption {height:auto; padding:0;}
.partner > div > div > .panel > .panel-body  > div > .thumbnail > .caption > p {margin:0 0 10px; font-size:18px;font-weight:600;}


/* 푸터 */
#footer {background:#202020 !important; padding:0 !important; min-width:370px;}
#footer .container {display:flex; width:100%; max-width:1400px; padding:0;}
#footer .container > .logos {width:145px; margin-right:50px; color:#fff; text-indent:22px; font-size:24px; line-height:115px; font-weight:900; }
#footer .container > .logos + div {width:1255px;}

#footer .company {display:flex; flex-flow:row nowrap; width:100%; margin:0 0 30px; border-bottom:1px solid #383838; }
#footer .company > li {float:unset; margin-right:50px; padding:0;}
#footer .company > li > a {color:#fff; font-size:16px; line-height:115px;}

#footer .copyright > ul {display:flex; flex-flow:row wrap; }
#footer .copyright > ul.mo {display:block;}
#footer .copyright > ul > li {color:#939393; font-size:15px; }
#footer .copyright > ul > li:before {content:''; display:inline-block; width:1px; height:10px;margin:3px 10px -1px; background:#939393;}
#footer .copyright > ul > li:first-child:before {display:none;}
#footer .copyright > ul > li * {color:#939393; word-break:keep-all; font-weight:500;}

#footer .ft_sub_lnb {margin:45px 0 0;}
#footer .ft_sub_lnb > ul {display:flex; margin:0 0 100px;}
#footer .ft_sub_lnb > ul > li {margin:0 30px 0 0;}
#footer .ft_sub_lnb > ul > li > a {color:#939393; font-size:16px;}



/* 메인 반응형 */
@media screen and (max-width:1146px){
	.main_visual .slide_wrap > div > h2 {font-size:4vw;}
	.main_visual .slide_wrap > div > p {font-size:1.6vw;}
	.main_visual .slide_wrap > div .slide_cont {padding:0 0 0 20px !important; transition:1s all;}
	.main_visual .slide_wrap > div .slide_cont h2 {padding:75px 0 30px; margin:0 !important; }
	.main_visual .slide_wrap > div.slide1 .slide_cont {position:unset; transform:unset; padding:0 0 0 15px; background: url('../img/visual_2.png')no-repeat right 20px bottom; background-size:50%; }
	.main_visual .slide_wrap > div .slide_cont p {width:50%;}
	.main_visual .slide_wrap > div.slide2 .slide_cont {position:unset; transform:unset; padding:0 0 0 15px; background: url('../img/visual_h.png')no-repeat right 20px bottom; background-size:35%;}
	.main_visual .slide_wrap > div.slide2 .slide_cont h2 {}
	.main_visual .slide_wrap > div.slide2 .slide_cont p {width:50%; word-break:keep-all; }
	.main_visual .slide_wrap > div.slide3 .slide_cont {background-size: 320px; background-position: 15px 100%;}
	.we_benefit {margin:100px auto; }
	.we_benefit > ul > li {margin:0 0 40px;}

	.we_manage {margin:75px 15px 0;}
	.we_manage > .manage_banner > div.txt_frame {padding-left:4.3vw; }
	.we_manage > .manage_banner > div > h2 {font-size:22px;}
	.we_manage > .manage_banner > div > p {font-size:14px;}
	.we_manage > .manage_banner > div.txt_frame {padding-left:5.3vw;}
	.we_manage > .manage_info {margin:50px auto 0;}
	.we_manage > .manage_info > div > h2 {margin:10px 0; font-size:18px;}
	.we_manage > .manage_info > div > span {font-size:16px; line-height:20px;}
	.we_manage > .manage_info > div > ul > li {font-size:16px; line-height:20px;}

	.sub_visual > .sub_visual_wrap {flex-flow:column nowrap;}
	.sub_visual > .sub_visual_wrap > div { justify-content:center;width:100%;}
}

@media screen and (max-width:767px){
	/* 메인 비주얼 */
	.main_visual {}
	.main_visual .slide_wrap > div {height: 345px; min-height: auto;}
	.main_visual .slide_wrap > div .slide_cont {position:unset; transform:unset; padding:0 0 0 15px;  background-repeat: no-repeat; background-position: center center;}
	.main_visual .slide_wrap > div .slide_cont h2{width:100%; margin:0; padding:34px 0 22.5px;  font-size:23px !important;}
	.main_visual .slide_wrap > div .slide_cont p {width:100% !important; font-size:12px !important; }
	.main_visual .slide_wrap > div .slide_cont a {width:120px !important; max-width:120px; height:38px !important; margin:35px 0 0 !important; line-height:38px !important; font-size:14px !important;}
	.main_visual .slide_wrap > div.slide1 {background:#141414; }
	.main_visual .slide_wrap > div.slide1 .slide_cont {background: url(../img/m_main_visual_01.png) no-repeat 50% 100%; background-size: 100%;}
	.main_visual .slide_wrap > div.slide2 .slide_cont{padding:0 0 0 27px; background: url('../img/visual_h.png')no-repeat; background-size:54% !important; background-position: 110% calc(100% + 55px);}
	.main_visual .slide_wrap > div.slide2 .slide_cont h2{width:100%; margin:0; padding:34px 0 22.5px;  font-size:23px !important;}
	.main_visual .slide_wrap > div.slide2 .slide_cont a {width:120px !important; max-width:120px; height:38px !important; margin:35px 0 0 !important; line-height:38px !important; font-size:14px !important;}
	.main_visual .slide_wrap > div.slide3 .slide_cont {background-size: 44vw; background-position: calc(100% - 15px) 100%;}
	.main_visual .slide_wrap > div.slide3 .slide_text {position: initial; left: auto; margin: 0; transform: none; right: 0;}
	.main_visual .slide_wrap > div.slide3 .slide_cont h2 {white-space: normal;}
	.main_visual .slide_wrap > div.slide3 .slide_cont p {}
	/* 특별한 혜택 */
	.we_benefit {margin:70px auto;}
	.we_benefit > ul {margin:30px 5px 0; flex-flow:row wrap;}
	.we_benefit > ul > li {margin:0 0 40px; padding:0 10px;}
	.we_benefit > ul > li > a > strong {display:block; line-height:19px; font-size:18px;/* word-break:keep-all; */}
	.we_benefit > ul > li > a > span {margin:6px 0 0; font-size:16px; /* word-break:keep-all; */}
	.we_benefit > ul > li > a:hover > * {color:#000;}
	.we_benefit > h2 {font-size:23px;}
	.we_benefit > p.tac {font-size:16px;}

	/* 상점 관리 */
	.we_manage {margin:20px 15px !important; }
	.we_manage > .manage_banner {flex-flow:column nowrap; height:auto; margin:0 0 45px; border-radius:10px;}
	.we_manage > .manage_banner > div {width:100%; /* max-height:210px; */ }
	.we_manage > .manage_banner > div.txt_frame {padding: 33px 15px 45px 25px !important; border-radius:10px 10px 0 0;}
	.we_manage > .manage_banner > div.img_frame {border-radius:0 0 10px 10px;max-height:210px;}
	.we_manage > .manage_banner > div.img_frame > img {transform:translate(0,-5%);}
	.we_manage > .manage_banner > div > span {margin:0 0 14px; font-size:14px;}
	.we_manage > .manage_banner > div > h2 {font-size:23px;}
	.we_manage > .manage_banner > div > p {margin:20px 0 0; font-size:16px; line-height:20px; word-break:keep-all; letter-spacing:-0.4px;}
	.we_manage > .manage_info {flex-flow:column nowrap; margin: 0;}
	.we_manage > .manage_info > div {width:100%; margin:0 0 37px;}
	.we_manage > .manage_info > div:last-child {margin:0;}
	.we_manage > .manage_info > div > .cont-icon {width:70px; }
	.we_manage > .manage_info > div > .cont-icon > img {display:block; width:100%; }
	.we_manage > .manage_info > div > .cont-info {margin-left:10px; }
	.we_manage > .manage_info > div > .cont-info > h2 {margin:4px 0 5px; font-size:18px !important;}
	.we_manage > .manage_info > div > .cont-info > span {font-size:16px !important; letter-spacing:-0.4px; line-height:20px;}
	.we_manage > .manage_info > div > .cont-info > ul {margin:10px 0 0; padding:0;}
	.we_manage > .manage_info > div > .cont-info > ul > li {font-size:16px !important; line-height:24px;letter-spacing:-0.4px;}

	.sub_visual {margin:67px 0 55px; padding:0 15px 45px;}
	.sub_visual > .sub_visual_wrap {width:auto; flex-flow: column nowrap !important; }
	.sub_visual > .sub_visual_wrap > div {align-items:center; width:100% !important; min-height:unset; padding:45px 0 0;}
	.sub_visual > .sub_visual_wrap > div.wrap_2 {flex-direction:row-reverse;}
	.sub_visual > .sub_visual_wrap > div > div {width:300px;}
	.sub_visual > .sub_visual_wrap > div > div > img {display:block; width:100%; }
	.sub_visual > .sub_visual_wrap > div.wrap_2  img {margin-left:-13px;}
	.sub_visual > .sub_visual_wrap > div > a > h2 {margin: 0 0 7px; font-size:18px;}
	.sub_visual > .sub_visual_wrap > div > a > p {font-size:13px; word-break:keep-all; padding:0 10px 0 0;}

	/* 성공파트너  */
	.partner {margin:0 auto 100px;}
	.partner > h2 {font-size:23px;}
	.partner > p {font-size:16px; margin:10px 0 30px; line-height:22px; }
	.partner .panel-body {margin:0 3px;}


	#footer * {font-size:13px !important;}
	#footer .pc {display:none !important;}
	#footer > .container {position:relative; }
	#footer > .container > .logos {display:flex; justify-content:space-between; width:auto; margin:0 0 20px; text-indent:0; line-height:60px; border-bottom:1px solid #383838;}
	#footer > .container > .logos > a {display:grid; align-items:center; margin:0 20px 0 0;}
	#footer > .container > .logos > a > img {display:block; width:100%; max-width:75px; }
	#footer > .container > .logos + div {width:auto; }
	#footer > .container {display:block; width:auto; padding:10px 20px 20px; }
	#footer > .container.mo {padding:20px;}
	#footer > .container > .logos > .company {display:flex !important; width:auto; margin:0; padding:0; border:0; }
	#footer > .container > .logos > .company > li {width:auto; margin-right:25px;   padding:0;}
	#footer > .container > .logos > .company > li > a {line-height:60px; word-break:keep-all; font-weight:normal; }
	#footer .copyright > ul {display:block; margin:0;}
	#footer .copyright > ul > li:before {display:none;}
	#footer .copyright span {padding-right:0;}
	#footer .copyright.etc > ul.mo > li:nth-child(2):after {display:none;}
	#footer .ft_sub_lnb {margin:15px 0 0;}
	#footer .ft_sub_lnb > ul {display:flex !important; margin:0 0 37px;}
	#footer .ft_sub_lnb > ul > li {margin-right:25px;}
}









/*****************************************************************************************************************************************************
			DOCUMENT CSS
*****************************************************************************************************************************************************/

.row > .document {padding:0;}


/* 서비스 안내 페이지 */
.prod_wrap .row {margin:0;}
.prod_wrap > .prod_main_visual {max-width:1400px; height:565px; margin:0 auto; background:url('../img/product/main_visual.png')no-repeat right bottom; }
.prod_wrap > .prod_main_visual > h2 {padding:135px 0 45px; font-size:48px; line-height:54px; font-weight:900; }
.prod_wrap > .prod_main_visual > p { max-width:700px; margin:0 0 56px; font-size:20px; line-height:30px; }
.prod_wrap > .prod_main_visual > div {}
.prod_wrap > .prod_main_visual > div > a {display:inline-block; width:100%; max-width:189px; height:54px; margin:0 65px 0 0; color:#fff; font-size:20px; font-weight:900;text-align:center; line-height:54px; border:0; background:#2660e5; border-radius:30px;}
.prod_wrap > .prod_main_visual > div > a:hover {text-decoration:none;}
.prod_wrap > .prod_main_visual > div > a > span > img {display:inline-block; margin-left:10px;}
.prod_wrap > .prod_cont {max-width:1400px; margin:150px auto;}
.prod_wrap > .prod_cont h2 > span {display:inline-block; margin:0 32px 0 0; }
.prod_wrap > .prod_cont > .prod_cont_info {margin:0 0 200px;}
.prod_wrap > .prod_cont > .prod_cont_info > h2 {margin:0 0 75px; font-size:30px; text-align:center; font-weight:900; }
.prod_wrap > .prod_cont > .prod_cont_info > div {flex-flow:row nowrap; justify-content:space-between;}
.prod_wrap > .prod_cont > .prod_cont_info > div > div {width:50%; padding-left:55px; }
.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_img {overflow:hidden; max-width:630px;height:340px; margin:0 25px 0 40px; padding:0; border-radius:12px; border:1px solid #eee;}
.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_img img {display:block; width:100%; height:100%;}
.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt {display:flex; flex-flow:column nowrap; justify-content:space-around;width:47%;margin:10px 0 0; }
.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > .cont_txt_wrap {height:203px;}
.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > div > h2 {margin:4px 0 0; font-size:20px; line-height:30px; font-weight:900;}
.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > div > p {margin:23px 0 60px; font-size:18px; line-height:28px;}
.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > div > a {display:inline-block; height:50px; margin:0 10px 0 0; padding:0 45px; color:#fff; text-align:center; font-size:18px; line-height:50px; border-radius:30px; background:#000;}
.prod_wrap > .prod_cont > .prod_cont_flex {margin-bottom:80px; }
.prod_wrap > .prod_cont > .prod_cont_flex > h2 {margin:0 0 67px; font-size:30px; text-align:center; font-weight:900;}
.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont {display:flex; flex-flow:row wrap; justify-content:space-between;  padding:0 100px;}
.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont > div {max-width:372px; margin-bottom:84px;}
.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont > div > h2 {font-size:20px; font-weight:900; line-height:20px;}
.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont > div > div {margin:19px 0 18px; background:#ddd; border-radius:12px; }
.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont > div > div > img {display:block; width:100%; }
.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont > div > p {font-size:16px; line-height:24px;}

/* 이용안내 페이지 */
.fare_visual {display:block; height:428px; padding:65px 0 0; background:#fafafa;}
.fare_visual > .fare_visual_cont {width:1100px; margin:0 auto; }
.fare_visual > .fare_visual_cont > p {margin:0 0 35px; font-size:55px; line-height:65px; font-weight:900;}
.fare_visual > .fare_visual_cont > span {font-size:20px;}
.fare_wrap {margin:80px auto 0; max-width:1200px;}
.fare_wrap > .page-header {text-align:center; }
.fare_wrap > .page-header > h2 {margin-bottom:10px; font-weight:900; font-size:34px; }
.fare_wrap > .page-section {margin:60px 0 0; }
.fare_wrap > .page-section > .fare_list {justify-content:space-between; margin:0; }
.fare_wrap > .page-section > .fare_list > .list {padding:30px 20px; max-width:380px; border:1px solid #ddd; border-radius:20px; }
.fare_wrap > .page-section > .fare_list > .list > .title {position:relative; }
.fare_wrap > .page-section > .fare_list > .list > .title > h2 {font-weight:900;}
.fare_wrap > .page-section > .fare_list > .list > .title > h2 > span {display:block; color:#777; font-size:15px; font-weight:normal; }
.fare_wrap > .page-section > .fare_list > .list > .title > h2 > i {position:absolute; top:26px;  display:inline-block; margin-left:10px;padding:5px; color: #225ad1; font-style:normal; font-size:13px; line-height:15px; background:#dde8ff; border-radius:5px;}
.fare_wrap > .page-section > .fare_list > .list > .title > p {margin:20px 0; padding-bottom:20px; font-size:34px; font-weight:900; border-bottom:1px solid #ddd; }
.fare_wrap > .page-section > .fare_list > .list > .title > p > i {font-size:29px; font-style:normal;}
.fare_wrap > .page-section > .fare_list > .list > .title > p > span {font-size:15px; font-weight:normal; }
.fare_wrap > .page-section > .fare_list > .list02 > .title > h2 > i {color:rgb(247, 68, 78); background:rgb(255, 238, 239);;}
.fare_wrap > .page-section > .fare_list > .list > .info {height:355px; border-bottom:1px solid #ddd;}
.fare_wrap > .page-section > .fare_list > .list > .info > div > h2 {margin:0 0 10px; color:#777; font-size:18px; font-weight:900; }
.fare_wrap > .page-section > .fare_list > .list > .info > div > h2.sup {color:#2260e5;}
.fare_wrap > .page-section > .fare_list > .list > .info > div > ul {}
.fare_wrap > .page-section > .fare_list > .list > .info > div > ul > li {font-size:16px; line-height:1.5; }
.fare_wrap > .page-section > .fare_list > .list > .info > div > ul > li:before {content:''; display:inline-block; width:10px; height:10px; margin-right:5px; background:url('../img/check.png')no-repeat center; background-size:contain;}
.fare_wrap > .page-section > .fare_list > .list > .info > div > ul > li > span {font-size:16px;}
.fare_wrap > .page-section > .fare_list > .list > button {width:100%; opacity:0.8; color:#fff; font-size:16px; line-height:45px; border:0; border-radius:10px; background:#2260e5; transition:0.4s all;}
.fare_wrap > .page-section > .fare_list > .list > button:hover {opacity:1; transition:0.4s all;}
.fare_wrap > .page-section > .fare_list > .list > a {display:block; width:100%; opacity:0.8; color:#fff; font-size:16px; line-height:45px; border:0; border-radius:10px; background:#2260e5; transition:0.4s all; text-align:center;}
.fare_wrap > .page-section > .fare_list > .list > a:hover {opacity:1; transition:0.4s all;}
.fare_wrap > .page-footer > ul {}
.fare_wrap > .page-footer > ul > li {font-size:16px; line-height:1.5; }

/* 개인정보 처리방침 */
.service .pr-wrap {}
.service .pr-wrap > div {margin:0 0 30px;}
.service .pr-wrap > div > h2{margin:0 0 40px; font-size:20px; line-height:30px; font-weight:900; }
.service .pr-wrap > div > ul {}
.service .pr-wrap > div > ul > li {padding-left:20px; text-indent:-20px; font-size:16px; line-height:30px;letter-spacing: -0.4px; }
.service .pr-wrap > div > ul > li > ol {}
.service .pr-wrap > div > ul > li > ol > li {padding-left:0; text-indent:0;}

/* 이용약관 */
.ma-wrap {}
.ma-wrap > .ma-info {margin:0 0 20px;}
.ma-wrap > .ma-info > h2 {margin:0 0 20px; font-size:20px; font-weight:900; line-height:30px;}


/* document CSS - 반응형 */
@media screen and (max-width:1146px){
	/* 서비스 안내 */
	.prod_wrap > div {margin:0 15px;}
	.prod_wrap > .prod_main_visual {height:440px; background-position:right 15% bottom;  background-size:46vw;}
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_img {margin:0;}
	.prod_wrap > .prod_cont > .prod_cont_flex {margin:0 -10px;}
	.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont {padding:0;}
	.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont > div {padding:0 10px;  }
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt .pc {display:none;}
}

@media screen and (max-width:1000px){
	.prod_wrap > .prod_main_visual > p > .pc {display:none;}
	.prod_wrap > .prod_main_visual > div {margin:0 15px; padding-bottom:14vw; text-align:left;}
	.prod_wrap > .prod_main_visual > div > a > span {}
	.prod_wrap > .prod_main_visual > div > a > span > img {width:2vw;}
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > p {margin:23px 0 30px;}
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > a {width:100%;}
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > a:nth-of-type(2) {margin-top:10px;}
}

@media screen and (max-width:767px){
	/* 서비스 안내 */
	.prod_wrap > .prod_main_visual {margin:0 0 80px;}
	.prod_wrap > .prod_main_visual > h2 {padding:30px 15px 12px; font-size:23px !important; line-height:1.3; }
	.prod_wrap > .prod_main_visual > p  { margin:10px 15px 5px; font-size:16px !important; line-height:1.6;}
	.prod_wrap > .prod_main_visual > div {margin:0 15px; padding-bottom:14vw; text-align:left;}
	.prod_wrap > .prod_main_visual > div > a {width:150px !important; max-width:150px; height:45px !important; margin:35px 0 0 !important; line-height:45px !important; font-size:16px !important;}
	.prod_wrap > .prod_main_visual > div > a > span {}
	.prod_wrap > .prod_main_visual > div > a > span > img {width:3.44444vw !important;}
	.prod_wrap > .prod_cont {margin:0 15px;}
	.prod_wrap > .prod_cont > .prod_cont_info {margin:0 0 150px;}
	.prod_wrap > .prod_cont > .prod_cont_info > div {margin:0;}
	.prod_wrap > .prod_cont > .prod_cont_info > h2 {font-size:23px; margin:0 0 30px; }
	.prod_wrap > .prod_cont > .prod_cont_info > h2 span {margin:0 10px 0 0; }
	.prod_wrap > .prod_cont > .prod_cont_info > h2 img {width:60px; }
	.prod_wrap > .prod_cont > .prod_cont_info > div {flex-flow:column nowrap;}
	.prod_wrap > .prod_cont > .prod_cont_info > div > div {width:100% !important; max-width:unset;}
	.prod_wrap > .prod_cont > .prod_cont_info > div > div > img {width:100%;}
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_img {max-width:unset; height:unset;}
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt {float:unset; padding:0; }
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > .cont_txt_wrap {height:auto;}
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > div > h2 {margin:10px 0 0 ; font-size:18px; line-height:1.5; font-weight:900; }
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > div > p {margin:2vw 0 4vw; font-size:16px; line-height:1.6;}
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > .cont_txt_btn {display:flex; flex-flow:row nowrap; justify-content:space-between;}
	.prod_wrap > .prod_cont > .prod_cont_info > div > div.cont_txt > .cont_txt_btn > a {width:49%; height:45px; margin:0 0 10px; padding:0;font-size:16px; line-height:45px;}

	.prod_wrap > .prod_cont > .prod_cont_flex > h2 {font-size:23px; margin:0 0 30px; letter-spacing:-0.8px; }
	.prod_wrap > .prod_cont h2 > span {margin:0 10px 0 0; }
	.prod_wrap > .prod_cont h2 > span img {width:60px; }
	.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont {padding:0; }
	.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont > div {margin-bottom:5vw; width:100%; max-width:unset;}
	.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont > div > div {margin:10px 0;}
	.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont > div > h2 {margin:10px 0 0;}
	.prod_wrap > .prod_cont > .prod_cont_flex > .flex-cont > div > p {margin:10px 0 20px;}


	/* 이용안내 */
	.fare_visual {padding:20px 15px; height:auto; }
	.fare_visual > .fare_visual_cont {width:auto; }
	.fare_visual > .fare_visual_cont > p {font-size:23px;line-height:30px;}
	.fare_visual > .fare_visual_cont > span {font-size:16px;}
	.fare_visual > .fare_visual_cont > span > br {display:none;}
	.fare_wrap {width:auto; margin:50px 15px 0; max-width:unset; padding:0; }
	.fare_wrap > .page-header > h2 {font-size:23px;}
	.fare_wrap > .page-section {margin:30px 0 0; }
	.fare_wrap > .page-section > .fare_list {display:block;}
	.fare_wrap > .page-section > .fare_list > .list {width:auto; }
	.fare_wrap > .page-section > .fare_list > .list > .title > h2 > i {top:22px;}
	.fare_wrap > .page-footer > ul > li {padding-left:5px; text-indent:-14px;}
	.fare_wrap > .page-section > .fare_list > .list > .title > p {font-size:28px;}
	.fare_wrap > .page-section > .fare_list > .list {max-width:unset;}
	.fare_wrap > .page-section > .fare_list > .list02 {margin-top:30px;}

	/*이용약관*/
	.ma-info > h2 {margin:0 0 10px !important; font-size:15px !important;}
	.ma-info > p {font-size:13px;}

}




/* 고객센터 CSS */
.main > .container > .service {display:flex; justify-content:space-between !important;  width:100%; max-width:1400px;margin:50px auto ;}
.main > .container .service_side {padding:0 12px;}
.main > .container > .service .service_side + .mypage {max-width:1050px;}
.main > .container > .service .service_side {width:300px; }
.main > .container > .service .service_side > h2 {margin:0 0 33px; font-size:32px; line-height:32px; font-weight:900;}
.main > .container > .service .service_side > ul {flex-flow:column nowrap;}
.main > .container > .service .service_side > ul > li {position:relative; line-height:52px; border-bottom:1px solid #ddd;}
.main > .container > .service .service_side > ul > li > a {font-size:18px;}
.main > .container > .service .service_side > ul > li.on > a {color:#2660e5; font-weight:900;}
.main > .container > .service .service_side > ul > li.on:after {content:''; display:block; position:absolute; top:25px; right:0; width:11px; height:3px;background:#2660e5;}


.service .group-wrap.service {max-width:1050px;}
.service .group-wrap.service .service_visual {margin:0 0 30px;}
.service .group-wrap.service .service_visual > img {display:block; width:100%;}
.service .group-wrap.service > .row {display:flex; flex-flow:row nowrap; justify-content:space-between; margin:0;}
.service .group-wrap.service > .row:before {display:none;}
.service .group-wrap.service > .row:after {display:none;}
.service .group-wrap.service > .row > div {width:49%;padding:0;}
.service .group-wrap.service > .row > div > .panel {border:0; box-shadow:unset; }
.service .group-wrap.service > .row > div > .panel > .panel-heading {display:flex;flex-flow:row nowrap; align-items:center; padding:0; font-size:30px; font-weight:900; line-height:70px; border:0; border-bottom:1px solid #000; background:#fff;}
/* .service .group-wrap.service > .row > div:nth-child(1) > .panel > .panel-heading:after {content:'Notice'; display:inline-block; margin:0 0 0 5px; color:#999999; font-size:16px; line-height:52px; font-weight:normal;}
.service .group-wrap.service > .row > div:nth-child(2) > .panel > .panel-heading:after {content:'Request'; display:inline-block; margin:0 0 0 5px; color:#999999; font-size:16px; line-height:52px; font-weight:normal;} */
.service .group-wrap.service > .row > div > .panel > .panel-heading > .view-all {position:unset; float:unset !important;width:unset; color:#282828; font-size:16px; font-weight:normal; padding:0 15px; background:url('../img/arrow_right.png')no-repeat right center; }
.service .group-wrap.service > .row > div > .panel > .panel-heading > .view-all > a > i {display:none;}
.service .group-wrap.service > .row > div > .panel > .table-responsive > table tr {border-bottom:1px solid #ededed;}
.service .group-wrap.service > .row > div > .panel > .table-responsive > table tr > td {padding:0; margin-top:0; font-size:16px; line-height:50px;border:0;}
.service .group-wrap.service > .row > div > .panel > .table-responsive > table tr > td.px80 {text-align:right;}
.service .group-wrap.service > .cs_center {display:flex; flex-flow:row nowrap; margin:30px 0 100px; padding:35px 50px; border:1px solid #dddddd; border-radius:10px;}
.service .group-wrap.service > .cs_center > .title {font-size:22px; font-weight:900;}
.service .group-wrap.service > .cs_center > .tel {margin:0 80px; padding-left:45px; height:50px;  font-size:34px; font-weight:900; background:url('../img/cs_icon.png')no-repeat center left; background-size:33px; }
.service .group-wrap.service > .cs_center > .info > ul > li {font-size:15px; line-height:24px;}


/* 고객센터 반응형 CSS */
@media screen and (max-width:1355px){
	.service_side {display:none;}
	.service .group-wrap.service {max-width:unset !important; padding:0;}
}

@media screen and (max-width:1146px){
	.main .service > .left.pc {display:none;}
	.main > .container > .service {width:auto; }
	.main > .container > .service > .right {float:unset !important; width:100% !important;max-width:1400px;}
	.main > .container > .service > .right > .group-wrap > .service_visual {}
	.main > .container > .service > .right > .group-wrap > .service_visual > img {display:block; width:100%; }
}



@media screen and (max-width:1000px){
	#fboardlist .table-image .row {justify-content:space-between;}
	#fboardlist .table-image .row > div {width:48% !important; margin:0 !important;}
}

@media screen and (max-width:580px){
	#item.custom .item_left > div > ul {flex-flow:row wrap !important;  }
	#item.custom .item_left > div > ul > li {margin:0 5px 5px 0 !important; }

}

@media screen and (max-width:478px){
	#footer .container.mo .logos {}
	#footer .container.mo .logos > a {/* margin:20px 0 0; */}
	#footer .container.mo .logos > ul {justify-content:space-between;}
	#footer .container.mo .logos > ul > li > a {white-space:nowrap;}
	#fboardlist .table-image .row > div {width:100% !important;}

}


@media screen and (max-width:767px) {
	.sidebar {display:none;}
	.mo {display:block !important;}
	.pc {display:none !important;}
	.container h3 {padding:20px 0; font-size:20px; }
	.wrapper {min-width:370px;}
	.wrapper > .header_line {display:none;}
	.wrapper > .navbar-default {overflow:hidden;}
	.wrapper > .navbar-default > .container {display:block; }
	.wrapper > .navbar-default > .container.fixed {}
	.wrapper > .navbar-default > .container > .login_box > button > span.icon-bar {display:block;width:25px; margin-bottom:7px; background-color:#FFF;}
	.wrapper > .navbar-default .navbar-header > a {line-height:60px;}
	.wrapper > .navbar-default .navbar-header > a:after {display:none;}
	.btn-success, .btn-default {height:32px; padding:0 15px; font-size:14px; line-height:32px;}
	.service .board > nav > .pagination li a {width:30px; height:30px;font-size:14px; line-height:30px;}
	
	.border_button {overflow:inherit !important;}
	.border_button .pull-left {position:relative;}
	.board .btn-admin-manage-layer {top:40px !important; left:0 !important; }


	/*헤더 고정*/
	.wrapper > .navbar-default > .container.fixed {position:fixed; top:0; left:0; right:0; z-index:50; background:#000; transition:0.4s top;}

	/* nav  */
	.wrapper > .navbar-default .navbar-collapse {}
	/* 딤
	.wrapper > .navbar-default .navbar-collapse > .bg {position:fixed; z-index:50; left:0; top:0; right:0; bottom:0; background:rgba( 0, 0, 0, 0.5 ); border:0;}*/
	.wrapper > .navbar-default .navbar-collapse > .navbar-right {position:fixed; z-index:51; right:-250px; top:0; bottom:0; display:block; width:250px; height:100%; margin:0; background:#fff; box-shadow: 0 0 10px #000; transition:0.4s all;}
	.wrapper > .navbar-default .navbar-collapse.in > .navbar-right {right:0; transition:0.4s all;}
	.wrapper > .navbar-default .navbar-collapse > .navbar-right > li {display:block; position:relative; padding-left:20px; line-height:58px; text-align:left; border:0; border-bottom:1px solid #ddd;}
	.wrapper > .navbar-default .navbar-collapse > .navbar-right > li > a {display:inline-block; width:65%; padding:0;white-space:nowrap; line-height:60px;  font-size:16px; text-align:left; font-weight:normal; }
	.wrapper > .navbar-default .custom_nav > li:hover > a {background:none;}
	.wrapper > .navbar-default .custom_nav > li.dropdown.open > .dropdown-menu {background:none;}
	.wrapper > .navbar-default .custom_nav > li.dropdown.open > .dropdown-menu > li {height:40px; line-height:40px; padding-left:10px; background:none; border:0;}
	.wrapper > .navbar-default .custom_nav > li.dropdown.open > .dropdown-menu > li > a {padding:0; color:#888; font-size:13px; background:none; text-align:left;}
	.wrapper > .navbar-default .custom_nav > li.dropdown.open > .dropdown-menu > li:hover > a {background:none !important;}



	/* 디자인 */
	.service .design_wrap > div > h4 {margin:0 0 15px; padding:0; font-size:16px; text-indent:0 !important; line-height:16px;}
	.service .design_wrap > div > .search_cont {display:flex; justify-content:space-between;}
	.service .design_wrap > div > .search_cont > .sorting > a {width:25%; font-size:13px; line-height:35px; }
	.service .design_wrap > div > .search_cont > .search_bar {position:unset; width:60%;}
	.service .design_wrap > div > .search_cont > .search_bar > input {width:100%; height:35px; font-size:13px; text-indent:10px;}
	.service .design_wrap > div > .search_cont > .search_bar > button {width:15px; height:35px; background-size:contain;}
	.service .design_wrap > div > .cmall-list > ul > li {max-width:unset; padding:0;}
	.service .design_wrap > div > .cmall-list > ul > li > .thumbnail {max-width:unset; margin:0 0 30px;}
	.service .design_wrap > div > .cmall-list > ul > li > .thumbnail > a > img {width:100%;}


	.row.document_wrap {width:auto; margin:0 20px !important; max-width:unset !important;}
	.document_wrap > .right > div > h3 {font-size:28px; }
	.map_wrap {width:100%;}
	.map_wrap > h2 {font-size:24px;} 
	.map_wrap > iframe {width:100% !important;}
	
	/* 갤러리형 게시판 공통 */
	#fboardlist .table-image .row {width:100% !important;}
	#fboardlist .table-image .row > div {padding:0; }




	/* 고객센터 */
	.main > .container > .service {display:block; width:auto; margin:20px 15px;}
	.main > .container > .service .service_visual > h2 {font-size:20px; font-weight:900; }
	.main > .container > .service .service_visual > img.mo {display:block; width:100%;margin:15px 0 8px;}
	.main > .container > .service > .right {width:100% !important; max-width:unset; float:unset !important;}
	.service .group-wrap.service > .row {flex-flow:column nowrap; }
	.service .group-wrap.service > .row > div {width:auto;}
	.service .group-wrap.service > .row > div > .panel > .panel-heading {justify-content:space-between; font-size:16px; line-height:35px; }
	.service .group-wrap.service > .row > div:nth-child(1) > .panel > .panel-heading:after {font-size:13px; line-height:40px;}
	.service .group-wrap.service > .row > div:nth-child(2) > .panel > .panel-heading:after {font-size:13px; line-height:40px;}
	.service .group-wrap.service > .row > div > .panel > .panel-heading > .view-all {font-size:13px; background-size:7px !important;}
	.service .group-wrap.service > .row > div > .panel > .table-responsive > table tr > td {font-size:13px; line-height:30px;}
	.service .group-wrap.service > .row > div > .panel > .table-responsive > table tr > td.px80 {text-align:right;}

	.service .group-wrap.service > .cs_center {justify-content:space-between; padding:25px 13px;}
	.service .group-wrap.service > .cs_center > .title {font-size:13px;}
	.service .group-wrap.service > .cs_center > .mo {}
	.service .group-wrap.service > .cs_center > .mo > .tel {font-size:22px; font-weight:900;}
	.service .group-wrap.service > .cs_center > .mo > .info {font-size:13px;}

	/* 개인정보 처리방침 */
	.service > div > h3 {font-size:20px; line-height:20px; padding:0 0 15px;}
	.service .pr-wrap {margin:0 0 30px;}
	.service .pr-wrap > div {margin:0 0 15px;}
	.service .pr-wrap > div > h2 {margin:5px 0 20px;font-size:15px; line-height:15px;}
	.service .pr-wrap > div > ul > li {color:#666; font-size:13px; line-height:20px; padding-left:15px; text-indent:-15px;}

	.service .board > form > table tr > th {font-size:13px; line-height:35px;}
	.service .board > form > table tr > td {font-size:13px; line-height:35px; }

	.service .board.write .form-horizontal > div.title > div > input + label {display:block; position:absolute; right:0;  margin:-25px 10px 0 0; color:#FF5D5D; font-size:12px; text-align:right;}


	/* 갤러리형 게시판 공통설정 */
	.table-image {display:flex; justify-content:center;  }
	.table-image .gallery-box img {display:block; width:100% !important; }

}



@media screen and (min-width:1026px){
	#fboardlist .table-image .row > div {width:25%;}
}