@charset "utf-8";

/* etc */
@keyframes showItem {
  from {
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
.stagger-item {
  animation: showItem 0.5s;
  animation-fill-mode: both;
}
/* layout */
html,body{
	height: 100%;
}
body.b-hid{
	overflow:hidden;
}
.wrap {
	display: flex;
	flex-direction: column;
}
.wrap{
	height: 100%;
	width:100%;
	margin:0 auto;
}
#container{
	flex-grow:1;
	overflow:visible;
}
.header-wrap.all-menu-open{
	z-index: inherit;
}
.header-wrap.all-menu-open #header .util{
	z-index:inherit;
}
.header-wrap{
	position:relative;
	width:100%;
	min-height:164px;
	background: #fff;
	border-bottom:1px solid #e4e4e4;
	overflow: hidden;
	/*-webkit-transition: 0.2s;transition: 0.2s;-moz-transition: 0.2s;*/
}
.header-wrap.fixed{
	position:fixed;
	margin-top:-46px;
	background:rgba(255, 255, 255, 0.7);
	/*-webkit-transition: 0.2s;transition: 0.2s;-moz-transition: 0.2s;*/
	z-index:200;
}
.header-wrap.fixed:hover{
	background:rgba(255, 255, 255, 1);
}
.header-wrap:before{
	content:"";
	position:absolute;
	top:0;left:0;
	width:100%;height:46px;
	background:#4d78d4;
}
.header-wrap #header{
	position:relative;
	width:100%;max-width:1300px;
	margin:0 auto;
}
.header-wrap .util{
	position:absolute;
	top:0;right:0;
}
.header-wrap .util ul{
	display: flex;
    align-items: center;
    height: 46px;
}
.header-wrap .util ul li{
	margin:0 0 0 29px;
}
.header-wrap .util ul li a{
	display: inline-block;
	font-size:13px;
	font-family:'gmarketsans';
	color:#fff;
	line-height:28px;
}
.header-wrap .util ul li:nth-child(2) a{
	padding:0 0 0 22px;
	background:url(../images/common/icon-lock.png) no-repeat 0 4px;
	background-size: 13px auto;
}
.header-wrap .util ul li:nth-child(3) a{
	padding:0 0 0 22px;
	background:url(../images/common/icon-mypage.png) no-repeat 0 3px;
	background-size: 15px auto;
}
.header-wrap .util ul li:nth-child(4) .all-menu-btn{
	position:relative;
	height:46px;width:52px;
	vertical-align:top;
	border-left:1px solid #7293dc;
	border-right:1px solid #7293dc;
	z-index: 100;
}
.header-wrap .util ul li:nth-child(4) .all-menu-btn button{
	height:46px;width:52px;
	display:block;
	text-indent:-9999px;
}
.header-wrap .util ul li:nth-child(4) .all-menu-btn:before{
	content:"";
	position:absolute;
	top:13px;left:14px;
	width:20px;height:14px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	z-index: -1;
}
.header-wrap .util ul li:nth-child(4) .all-menu-btn:after{
	content:"";
	position:absolute;
	top:21px;left:14px;
	width:20px;height:2px;
	background:#fff;
	z-index: -1;
}
.header-wrap h1{
	display: inline-block;
    position: absolute;
    top: 82px;
    left: 0;
    z-index: 100;
}
.header-wrap.active{
	overflow:visible;
}
.header-wrap.active:after{
	content:"";
	position:absolute;
	left:0;top:130px;
	width:100%;min-height:240px;
	background-color: #fff;
	box-shadow:0 6px 4px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.2s;transition: 0.2s;-moz-transition: 0.2s;
	z-index:200;
}
#gnb{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	margin-left:100px;
}
#gnb > ul{
	margin:0 auto;
	padding:86px 0 0 0;
	text-align:center;
}
#gnb > ul:after{
	content:"";
	display:block;
	clear:both;
}
#gnb > ul > li{
	position:relative;
	display:inline-block;
	margin:0 40px;
	-webkit-transition: 0.3s;transition: 0.3s;-moz-transition: 0.3s;
}
#gnb > ul > li > a{
	position:relative;
	font-family:'gmarketsans';
	font-size:20px;
	letter-spacing:-0.05px;
	color:#333;
	-webkit-transition: 0.3s;transition: 0.3s;-moz-transition: 0.3s;
}
#gnb > ul > li > a span{
	display:block;
	font-size:12px;
	color:#666;
}
#gnb > ul > li> a:before{
	content:"";
	position:absolute;
	top:-17px;right:-10px;
	width:6px;height:6px;
	background:#e10b21;
	border-radius: 100%;
	z-index: 100;
	opacity:0;
	-webkit-transition: 0.3s;transition: 0.3s;-moz-transition: 0.3s;
}
#gnb > ul > li.active > a:hover:before, #gnb > ul > li.active > a:before {
	top:-7px;
	opacity:1;
	-webkit-transition: 0.3s;transition: 0.3s;-moz-transition: 0.3s;
}
#gnb > ul > li.active .depth02{
	display:block;
}
#gnb > ul > li.active > a{
	color:#003179;
}
#gnb .depth02 {
    position: absolute;
    top:90px;
    left: 0;
    z-index: 300;
    text-align: left;
    width:150px;
    margin: 0 auto;
}
#gnb .depth02 li{
	margin:0 0 6px 0;
}
#gnb .depth02 li a{
	font-size:16px;
}
#gnb .depth02 li.active a{
	color:#346fef;
	border-bottom:1px solid #346fef;
}
#gnb .depth03{
	display:none;
}
#gnb > ul > li:nth-child(4){
	padding:0 0 0 24px;
	background:url(../images/common/icon-mypage-color.png) no-repeat 0 3px;
}
#gnb > ul > li:last-child{
	display:none !important;
}
.header-wrap .top-search{
	display:none;
	position:absolute;
	top:82px;right:0;
}
#header .top-search .search-open{
	float:left;
	display:none;
	margin:0 5px 0 0;
}
#header .top-search .search-open button{
	border-radius: 15px;
}
#header .top-search .top-search-form .search-close{
	display:none;
}
#header .top-search .top-search-form .search-close a{
	position:absolute;
	top:20px;right:20px;
	width:20px;height:20px;
	background:#f8f8f8 url(../images/common/icon-close.png) no-repeat 50% 50%;
	background-size:cover;
	text-indent:-9999px;
}
.header-wrap .mobile-menu-btn, .header-wrap .mobile-close{
	display:none;
}
.header-wrap .top-search{
	border:2px solid #346fef;
	height:42px;
	max-width:252px;
	border-radius:20px;
}
.header-wrap .top-search-form{
	display: flex;
	justify-content: space-between;
}
.header-wrap .top-search input[type="text"]{
	height:34px;
	width:calc(100% - 70px);
	margin:2px 1px 1px 3px;
	padding-top:3px;
	background:transparent;
	border:none;
	border-radius:20px;
	font-size:14px;
	font-family:'gmarketsans';
}
.header-wrap .top-search button{
	float:right;
	background:#346fef url(../images/common/icon-search.png) no-repeat 50% 50%;
	width:62px;height:38px;
	text-indent:-9999px;
	border-radius:20px 15px 15px 20px;
}
#header .mobile-util{
	display:none;
}
/* all-menu */
.wrap-layer-popup.all-menu-layer > .inner-layer-popup{
	max-width:1200px;
	width:100%;
	height:600px;
}
.wrap-layer-popup.all-menu-layer > .inner-layer-popup .layer-popup-contents{
	height:500px;
	padding:0 0 0 10px;
}
.wrap-layer-popup.all-menu-layer .btn-layer-close{
	right:15px;
}
.all-menu-wrap .all-menu-link{
	overflow:hidden;
	-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;
}
/*.all-menu-wrap .all-menu-link > div{overflow-y:auto;height:660px;}*/
.all-menu-wrap .all-menu-link > div > ul{
	display:flex;
	flex-wrap:wrap;
	margin: 40px 0 0 0;
}
.all-menu-wrap .all-menu-link > div > ul > li{
	width:18%;
	margin:0 1%;
}
.all-menu-wrap .all-menu-link ul a{
	display:block;
	position:relative;
	color:#212121;
	padding:10px 0 10px 0;
	font-size:15px;
}
.all-menu-wrap .all-menu-link > div > ul > li > a{
	position:relative;
	font-size:22px;
	font-weight: 700;
	color:#2471c5;
	margin:0 0 10px 0;
}
.all-menu-wrap .all-menu-link > div > ul > li > ul > li{
	margin:0 0 15px 0;
}
.all-menu-wrap .all-menu-link > div > ul > li > ul > li > a{
	border:1px solid #e8e8e8;
	text-align:center;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	margin: 0 auto;
}
.all-menu-wrap .all-menu-link > div > ul > li > ul > li > a:hover{
	color:#346fef;
	border-color:#346fef;
}

/* 메인섹션03 레이어팝업 */
.section03-layer .inner_contents {
    text-align: center;
    margin: auto;
}

.pc-web .top-search-form{
	display:block !important;
}
.footer-wrap{
	position:relative;
	width:100%;
	background:#2c2e34;
	padding:0 20px 20px;
	letter-spacing:-0.4px;
}
.footer-wrap:after{
	content:"";
	position:absolute;
	top:65px;left:0;
	width:100%;height:1px;
	background:#4e5055;
}
#footer{
	max-width:1300px;
	margin:0 auto;
}
#footer .footer-top{
	position:relative;
	height:65px;
	padding:18px 0 0 0;
}
#footer .footer-bottom{
	position:relative;
	overflow:hidden;
	padding:0 0 10px 0;
}
#footer .footer-logo{
	float:left;
	display:inline-block;
	vertical-align:top;
	margin:30px 33px 0 0;
}
#footer .footer-info{
	float:left;
	margin:26px 0 0 0;
	font-size:14px;
	line-height:30px;
	color:#9a9a9a;
}
#footer .footer-info .info span{
	display: inline-block;
    margin: 0px 10px;
    width: 1px;
    height: 15px;
    background: #9a9a9a;
    vertical-align: middle;
}
#footer .footer-info address{
	font-style:normal;
	font-weight:500;
}
#footer .footer-info address span{
	color:#333;
	margin:0 18px;
}
#footer .footer-info .copyright{
	font-size:16px;
	font-weight: 300;
	color:#f1f1f1;
}
#footer .footer-etc-wrap{
	position:absolute;
	top:20px;right:0;
}
#footer .footer-sns li{
	display:inline-block;
	margin:0 0 0 5px;
}
#footer .footer-sns li img{
	max-width:42px;
	border-radius:5px;
}
.footer-link-wrap{
	position:absolute;
	right:0;top:14px;
}
#footer .footer-util li{
	position:relative;
	display:inline-block;
	margin:0 0 0 18px;
	padding:0 0 0 18px;
}
#footer .footer-util li:nth-child(1){
	margin:0;padding:0;
}
#footer .footer-util li:nth-child(1) a{
	color:#9ae4ff;
	font-weight:500;
}
#footer .footer-util li a{
	font-size:14px;
	color:#dedede;
}
#footer .relate-site{
	position:relative;
}
#footer .relate-site:after{
	content:"";
	display:block;
	clear:both;
}
#footer .relate-box .btn{
	display:block;
	padding:0;margin:0;
	width:100%;height:38px;
	font-size:15px;
	border:1px solid #4e5253;
}
#footer .relate-box .btn button{
	width:100%;height:100%;
	padding:0 0 0 15px;
	border:0;
	text-align:left;
	cursor:pointer;
	color:#d5d6d6;
}
#footer .relate-box.open .btn{
	display:block;
	height:38px;
	border:1px solid #4e5253;
}
#footer .relate-box .btn:after{
	content:"";
	background:url(../images/common/icon-arrow-up02.png) no-repeat 50% 50%;
	position:absolute;
	top:15px;right:18px;
	width:11px;height:7px;
	-webkit-transition: 0.2s;transition: 0.2s;-moz-transition: 0.2s;
}
#footer .relate-box.open .btn:after{
	transform:rotate(180deg);
	-webkit-transition: 0.2s;transition: 0.2s;-moz-transition: 0.2s;
}
#footer .relate-box .site-list {
	display:none;
	position:absolute;
	bottom:38px;left:0;
	width:210px;
	border:1px solid #4e5253;
	border-bottom:0;
	background:#fbfbfb;
	z-index:100;
	text-align:left;
	height:100px;
	overflow-y:auto;
}
#footer .relate-box .site-list li a{
	display:block;
	line-height:22px;
	padding:10px 15px;
	font-size:14px;
}
#footer .relate-box .site-list li a:hover, #footer .relate-box .site-list li a:focus{
	background:#2f2f2f;
	color:#fff;
}
#footer .relate-box.open .site-list{
	display:block;
}
#footer #relateSite01 .site-list{
	height:180px;
}
#footer #relateSite01{
	width:210px;
}
.btn-top-move{
	position:fixed;
	bottom:100px;
	right:100px;
	z-index:100;
}
.btn-top-move a{
	display:block;
	width:64px;height:64px;
	padding:39px 0 0 0;
	background:rgba(36, 113, 197, 0.7) url(../images/common/icon-arrow-up.png) no-repeat 50% 15px;
	font-size:12px;
	font-family:'gmarketsans';
	color:#fff;
	text-align:center;
	border-radius:20px;
}
.header-wrap.fixed ~ #container .contents-wrap{
	margin-top:170px;
}
.contents-wrap{
	display:flex;
	flex-direction:row;
	max-width:1330px;
	/*min-height:980px;*/
	margin:0 auto 80px;
	padding:50px 15px 30px;
	/*-webkit-transition: 0.2s;transition: 0.2s;-moz-transition: 0.2s;*/
}
.contents-wrap.full-w{
	display:block;
}
.contents-wrap.full-w .contents{
	max-width:1300px;
}
.contents-wrap.full-w .page-info .page-title{
	margin:0 0 41px 0;
	font-size:36px;
	font-weight:500;
	text-align:center;
}
.aside-wrap{
	flex-shrink: 0;
	width:240px;
	margin:0 60px 0 0;
	background:url(../images/common/aside-bg.png) no-repeat 50% 0;
	border-radius: 20px;
	-webkit-transition: 0.3s;transition: 0.3s;-moz-transition: 0.3s;
}
.aside-wrap h3{
	position:relative;
	padding:36px 0 26px;
	font-size:26px;
	font-family:'gmarketsans';
	font-weight:500;
	color:#fff;
	text-align:center;
}
.aside-wrap .aside{
	border:1px solid #e9e9e9;
	background:#fff;
	border-radius: 20px;
	padding:0 0 20px 0;
}
.aside-wrap .aside > ul > li{
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #dadcdf;
	margin: 0 20px;
}
/*.aside-wrap .aside > ul > li:last-child{
	border:none;
}*/
.aside-wrap .aside > ul > li.aside-bg:after{
	content:"";
	position:absolute;
	top:17px;right:0;
	background:#4d78d4;
	width:20px;height:20px;
	border-radius:100%;
	z-index:100;
}
.aside-wrap .aside > ul > li.aside-bg:before{
	content:"";
	position:absolute;
	top:23px;right:7px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	width:4px;height:4px;
	-webkit-transition: 0.3s;transition: 0.3s;-moz-transition: 0.3s;
	transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);
	z-index:110;
}
.aside-wrap .aside > ul > li.aside-bg.active:before{
	top:25px;
	transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);
}
.aside-wrap .aside > ul > li > a{
	position:relative;
	display:block;
	padding:13px 0 14px 0;
	font-size:16px;
	color:#333;
	margin:1px;
}
.aside-wrap .aside > ul > li > ul li{
	display:block;
	padding: 5px 0;
	line-height: 19px;
}
.aside-wrap .aside > ul > li.active{
	border-bottom:none;
}
.aside-wrap .aside > ul > li.active> a{
	padding:13px 0;
	color:#4d78d4;
	font-weight:500;
	border-bottom:2px solid #4d78d4;
}
.aside-wrap .aside > ul > li.active > ul{
	height:auto;
	display:block;
	border-bottom: 1px solid #dadcdf;
}
.aside-wrap .aside > ul > li > ul{
	display:none;
	padding:10px 0;
	background:#fff;
}
.aside-wrap .aside > ul > li > ul li a{
	position:relative;
	font-size:14px;
	color:#888da6;
	letter-spacing: -0.8px;
	z-index:100;
}
.aside-wrap .aside > ul > li > ul li.active a{
	color:#151b3d;
	background: linear-gradient(to top, #d8efff 50%, transparent 50%); ;
}
#contents .aside-con-area{
	overflow:hidden;
	display:none;
	margin:0 0 20px 0;
}
#contents .aside-con-area p{
	display:inline-block;
	margin:0 10px 0 0;
	vertical-align: middle;
	min-width:230px;
}
#contents .aside-con-area .sch-sel{
	max-width:240px;
	display:inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	padding: 14px 10px 0 20px;
	min-width:210px;
	border:1px solid #ee7481;
	border-radius:20px;
	height: 64px;
}
.aside-btn-area .sch-sel{
	margin:10px 0 0 0;
	border:1px solid #ee7481;
	border-radius:20px;
	height: 64px;
	display: flex;
	align-items: center;
	padding:0 10px 0 20px;
}
.aside-btn-area .sch-sel label, #contents .aside-con-area .sch-sel label{
	position:relative;
	font-weight:700;
	font-family:'gmarketsans';
	color:#000;
	margin: 0 10px 0 0;
}
.aside-btn-area .sch-sel label:after, #contents .aside-con-area .sch-sel label:after{
	content:"";
	position:absolute;
	top:-10px;left:5px;
	background:#ff0000;
	width:5px;height:5px;
	border-radius:100%;
}
.aside-btn-area .sch-sel label:before, #contents .aside-con-area .sch-sel label:before{
	content:"";
	position:absolute;
	top:-10px;left:20px;
	background:#ff0000;
	width:5px;height:5px;
	border-radius:100%;
}
.aside-btn-area .sch-sel select, #contents .aside-con-area .sch-sel select{
	height:36px;border-radius:5px
}
.aside-btn-area p{
	margin:10px 0 0 0;
	max-width:240px;
}

.aside-btn-area .sch-down, #contents .aside-con-area .sch-down{
	border:1px solid #759bce;
	border-radius:20px;
	background: url(../images/common/icon-calendar02.png) no-repeat 32px 50%;
	text-align:left;
}
.aside-btn-area .sch-down a, #contents .aside-con-area .sch-down a{
	display: flex;
	align-items: center;
	padding:4px 0 0 80px;
	font-weight:700;
	font-family:'gmarketsans';
	color:#666;
	height: 64px;
	width:100%;
}
.aside-btn-area .account, #contents .aside-con-area .account{
	border:1px solid #3dac12;
	border-radius:20px;
	background: url(../images/common/icon-account.png) no-repeat 32px 50%;

}
.aside-btn-area .account a, #contents .aside-con-area .account a{
	display: flex;
	align-items: center;
	padding:0 0 0 80px;
	font-weight:700;
	font-family:'gmarketsans';
	color:#666;
	height: 64px;
	width:100%;
}
/*.aside-wrap .aside > ul > li > ul li.active a:before{
	content:"";
	position:absolute;
	bottom:4px;left:0;
	width:100%;
	height:10px;
	background:#d8efff;
	z-index:-1;
}*/
.contents{
	flex-grow: 1;
	max-width:1000px;overflow:hidden;
	min-height:700px;
}
.contents > *{
	letter-spacing:-0.4px;
}
.breadcrumb{
	padding:11px 0 16px 2px;
}
.breadcrumb ul li{
	position:relative;
	display:inline-block;
	padding:0 0 0 12px;
	margin:0 0 0 16px;
	line-height:18px;
}
.breadcrumb ul li:after{
	content:"";
	position:absolute;
	top:7px;left:-7px;
	border-top:2px solid #ccc;
	border-right:2px solid #ccc;
	width:6px;height:6px;
	transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);
	z-index:110;
}
.breadcrumb ul li:nth-child(1){
	width:18px;height:18px;
	margin:0;
	padding:0;
	background:url(../images/common/icon-home.png) no-repeat 50% 50%;
	background-size:18px 18px;
}
.breadcrumb ul li a{
	font-size:14px;color:#666;
}
.breadcrumb ul li:nth-child(1) a{
	display:block;
	height:18px;
	line-height:18px;
	text-indent:-9999px;
}
.breadcrumb ul li:nth-child(1):after{
	display:none;
}
.page-info h4 + div{
	display:flex;
	justify-content: space-between;
	margin:0 0 50px 0;
	border-bottom:1px dashed #dddddd;
}
.page-info .page-title{
	font-size:26px;
	font-weight:700;
	font-family:'gmarketsans';
	color:#333;
}
.page-info .etc-info{
	position:relative;
	height:50px;
}
.page-info .etc-info:after{
	content:"";
	display:block;
	clear:both;
}
.page-info .etc-info span{
	float:left;
	height:48px;
}
.page-info .etc-info span a{
	display:inline-block;
	height:46px;width:36px;
	margin:1px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.page-info .etc-info span:nth-child(2){
	display:none;
}
.page-info .etc-info span .btn-share{
	background-image:url(../images/common/icon-share.png);
}
.page-info .etc-info span .btn-print{
	background-image:url(../images/common/icon-print.png);
}
.page-info .share-list{
	position:absolute;
	left:-100px;top:45px;
	background:#fff;
	border:1px solid #dcdcdc;
	padding:10px;
	border-radius:10px;
	width:176px;
	display:none;
	z-index: 300;
}
.page-info .share-list ul{
	height:24px;
}
.page-info .share-list ul li{
	display:inline-block;
	margin:0 2px;
}
.page-info .share-list ul li a{
	display:inline-block;
	width:24px;
	height:24px;
}
.page-info .share-list .sns-icon01 a{
	background:url(../images/common/icon-sns01.png) no-repeat 50% 50%;
	background-size:cover;border-radius:100%;
}
.page-info .share-list .sns-icon02 a{
	background:url(../images/common/icon-sns02.png) no-repeat 50% 50%;
	background-size:cover;
	border-radius:100%;
}
.page-info .share-list .sns-icon03 a{
	background:url(../images/common/icon-sns03.png) no-repeat 50% 50%;
	background-size:cover;
	border-radius:100%;
}
.page-info .share-list .sns-icon04 a{
	background:url(../images/common/icon-sns04.png) no-repeat 50% 50%;
	background-size:cover;
	border-radius:100%;
}
.page-info .share-list .share-close{
	position:absolute;
	right:10px;top:10px;
	display:inline-block;
	width:24px;height:24px;
	background:url(../images/common/icon-close.png) no-repeat 50% 50%;
	background-size:17px;
}

/* 로그인 */
.login-wrap{

}
.login-wrap .login-con{
	max-width:1000px;
	width:100%;
	margin:0 auto;
}
#memberLoginForm{
	padding-top: 180px; position: relative;
	display:flex; justify-content: space-between;
}
#memberLoginForm.login2{
	padding-top: 180px; position: relative;
	display:block;
}
#memberLoginForm:before{
	content:"";
	position:absolute;
	top:0;left:50%; transform: translateX(-50%);
	width:150px;height:150px;
	background:#e8e8e8 url(../images/contents/login-icon01.png) no-repeat 50% 50%;
	border-radius:100%;
}
.login-wrap .login-con .login-input{
	position:relative; width:50%;
}
.login-wrap .login-con .login-input input{
	width: 100%;
    border-color: #e9e9e9;
    padding: 10px 10px 10px 64px;
    margin: 0 0 20px 0;
    height: 60px;
    border-radius: 30px;
}
#catpchaAnswer{
	width:67%;
	padding:10px 30px;
}
.login-wrap .login-con .login-input input.id{
	background:url(../images/contents/login-icon02.png) no-repeat 30px 50%;
}
.login-wrap .login-con .login-input input.pwd{
	background:url(../images/contents/login-icon03.png) no-repeat 30px 50%;
}
.login-wrap .login-con .login-input.find-pwd{
	padding:0;
	margin:0 auto;
}
.login-wrap .login-con .login-input.find-pwd.existMember{
	width: 60%; margin: auto;
}
.login-wrap .login-con .login-input.find-pwd.existMember .list-dot{
	margin: 0 0 45px 0px;
}
.login-wrap .login-con .login-input.find-pwd:after{
	display:none;
}
.login-wrap .login-con .login-input.find-pwd input.find-id{
	background:url(../images/contents/login-icon02.png) no-repeat 30px 50%;
}
.login-wrap .login-con .login-input.find-pwd input.find-name{
	background:url(../images/contents/login-icon04.png) no-repeat 30px 50%;
}
.login-wrap .login-con .login-input.find-pwd input.find-email{
	margin:0 0 50px 0;
	background:url(../images/contents/login-icon05.png) no-repeat 30px 50%;
}
.login-wrap .login-con .login-input.find-pwd .list-dot{
	margin:0 0 45px 40px;
}
.login-wrap .login-con .login-input.find-pwd .list-dot li:after{
	display:none;
}
.login-wrap .login-con .login-input .button{
	width:100%;
	max-width:none;
	margin:0 0 30px 0;
	height:60px;
}
.login-wrap .login-con .login-input .utilmenu{
	display:flex;
	justify-content: center;
	margin:0 auto 35px;
}
.login-wrap .login-con .login-input .utilmenu li{
	position:relative;
	margin:0 8px;
	padding:0 8px;
}
.login-wrap .login-con .login-input .utilmenu li:after{
	content:"";
	position:absolute;
	top:6px;left:-8px;
	width:1px;height:14px;
	background:#e8e8e8;
}
.login-wrap .login-con .login-input .utilmenu li:nth-child(1):after{
	display:none;
}
.login-wrap .login-con .login-notice{
	width:50%; margin: 0 0 0 5%;
}
.login-wrap .login-con .login-notice p{
	margin:0 0 5px 0;
	color:#2b53c5;
}
.login-wrap .login-con .login-notice .list-dot{
	margin-bottom:32px;
}
.login-wrap .login-con .login-notice p:last-child{
	color:#333;
}
.catpchaSet{
	text-align:center;
}
.catpchaSet .help{
	margin:0 0 10px 0;
}
.catpchaSet .set div{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 10px 0;
}
.catpchaSet .set .l{
	min-width: 200px;
}
.catpchaSet .set .l img{
	max-width:115px;
}
.catpchaSet .set div .b{
	margin-left:5px;
}
.catpchaSet .set div .b button{
	min-width: 30px;
}
.catpchaSet .set div .b span{
	font-size:12px;
}
/* 회원가입 */
.member-step{
	margin:0 0 54px 0;
}
.member-step ul{
	margin:0 auto;
	text-align:center;
}
.member-step ul li{
	position:relative;
	display:inline-block;
	margin:0 0 0 44px;
}
.member-step ul li:nth-child(1){
	margin:0;
}
.member-step ul li:nth-child(1):after{
	display:none;
}
.member-step ul li:after{
	content:"";
	position:absolute;
	top:50%;left:-40px;
	border-top:2px solid #dadada;
	border-right:2px solid #dadada;
	width:16px;height:16px;
	margin-top:-9px;
	transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);
}
.member-step ul li > div{
	display:flex;
	align-items:center;
	position:relative;
	width:216px;height:82px;
	border:1px solid #e7e7e7;
	border-radius:40px;
	padding:0 0 0 92px;
	text-align:left;
}
.member-step ul li div p{
	display:block;
}
.member-step ul li div p:nth-child(1){
	font-family:'gmarketsans';
	color:#aaa;
}
.member-step ul li div p + p{
	color:#000;
}
.member-step ul li div:before{
	content:"";
	position:absolute;
	top:5px;left:8px;
	width:70px;height:70px;
	background-color:#fbfbfb;
	background-image:url(../images/contents/member-step01.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	border-radius:100%;
}
.member-step ul li.active div{
	background-color:#2471c5;
	border-color:#2471c5;
}
.member-step ul li.active div:before{
	background-color:#fff;
	background-image:url(../images/contents/member-step01-on.png);
}
.member-step ul li:nth-child(2) div:before{
	background-image:url(../images/contents/member-step02.png);
}
.member-step ul li.active:nth-child(2) div:before{
	background-image:url(../images/contents/member-step02-on.png);
}
.member-step ul li:nth-child(3) div:before{
	background-image:url(../images/contents/member-step03.png);
}
.member-step ul li.active:nth-child(3) div:before{
	background-image:url(../images/contents/member-step03-on.png);
}
.member-step.survey ul li:nth-child(2) div:before{
	background-image:url(../images/contents/member-step03.png);
}
.member-step.survey ul li.active:nth-child(2) div:before{
	background-image:url(../images/contents/member-step03-on.png);
}
.member-step.e-learning ul li:nth-child(1) div:before{
	background-image:url(../images/contents/member-step03.png);
}
.member-step.e-learning ul li.active:nth-child(1) div:before{
	background-image:url(../images/contents/member-step03-on.png);
}
.member-step ul li.active div p:nth-child(1){
	color:#aac1e3;
}
.member-step ul li.active div p + p{
	color:#fff;
}
.member-agree .chk-area{
	min-height:34px;
	padding:0 0 34px 0;
	color:#333;
}
.member-agree .chk-area:last-child{
	padding:0;
}
.member-agree .chk-area.all-chk{
	margin: 0 0 30px 0;
	border-bottom:1px solid #b2b2b2;
}
.member-agree .chk-area label{
	padding-left:35px !important;
	font-size:18px;
	height:28px !important;
	line-height:28px;
}
.member-agree .chk-area label span{
	color:#2471c5;
}
.member-agree .chk-area p{
	padding:12px 0 0 35px;
	font-size:18px;
}
.member-agree .agree-box .agree-con{
	height:280px;
	margin:0 0 24px 0;
	padding:20px 13px 20px 30px;
	border:1px solid #e7e7e7;
	border-radius:20px;
}
.member-agree .agree-box .agree-con .inner{
	height:240px;
	overflow-y: auto;
}
.member-agree .agree-box .agree-con .tit01{
	margin:0 0 6px 0;
	font-size:18px;
	color:#000;
}
.member-agree .agree-box .agree-con .tit02{
	margin:0 0 6px 0;
	font-weight:500;
	color:#666;
}
.member-agree .agree-box .agree-con .text01{
	margin:0 0 23px 0;
	font-weight:400;
	color:#666;
	line-height:26px;
}
.member-agree .agree-box .agree-con .mid-title{
	color:#333;
	font-size:18px;
	margin:0 0 10px 0;
}
.member-agree .agree-box .agree-con .sm-title{
	color:#333;
	font-size:16px;
	margin:0 0 10px 0;
}
.member-agree .agree-box .agree-con ol{
	margin:0 0 26px 0;
}
.member-agree .agree-box .agree-con ol li{
	padding:0 0 0 2px;
	margin:4px 0;
	text-indent:-18px;
	font-weight:400;
	color:#666;
	line-height:26px;
}
.id-verification{
	max-width:600px;
	width:100%;
	margin:0 auto;
}
.id-verification > a{
	display:block;
	height:300px;width:48%;
	max-width:292px;
	margin:0 auto 50px;
	background:url(../images/contents/member-phone.png) no-repeat left 50% top 130px;
	border:1px solid #346fef;
	border-radius:20px;
	text-align:center;
}
.id-verification > a:hover, .id-verification > a:focus{
	box-shadow:1px 3px 8px rgba(0, 0, 0, 0.5);
	-webkit-transition: 0.2s;transition: 0.2s;-moz-transition: 0.2s;
}
.id-verification > a > div > p {
	margin:43px 0 0 0;
	font-size:18px;
	color:#333;
}
.id-verification > a > div > p span{
	display:block;
	margin:0 0 6px 0;
	font-size:30px;
	font-family:'gmarketsans';
	font-weight:700;
	color:#346fef;
}

/* etc */
.mid-title span{
	margin:0 0 0 6px;
	font-size:14px;
	font-weight:400;
	color:#666;
}
.mid-title.light{
	font-weight:500;
}
.mid-title + .basic-text{
	margin:0 0 40px 0;
}
.mid-title + .list-dot{
	margin:0 0 40px 0;
}
.tbl-scroll-b + .large-title{
	margin-top:70px;
}
.table-view{
	margin:0 0 40px 0;
}
.tbl-scroll-b .table-view{
	margin:0;
}
.checks.title-type label{
	padding-left: 35px !important;
	height: 28px !important;
	line-height: 26px;
}
.bank-account{
	color:#001282;
}
.tbl-scroll-b table{
	table-layout:auto;
}
.infoTxt{
	font-size: 16px;
    padding: 5px 0;
    color: #2471c5;
}
.infoTxt span{text-decoration: underline #2471c5;}

/* form */
.form-wrap{
	display: table;
	width:100%;
	border:1px solid #e7e7e7;
	border-radius:20px;
	padding:15px 30px 20px;
	margin:0 0 45px 0;
}
.form-wrap .form-group{
	display: flex;
	border-bottom:1px solid #e9e9e9;
}
.form-wrap .form-group .info-group{
	width:200px;
	-webkit-transition: 0.3s;transition: 0.3s;-moz-transition: 0.3s;
}
.form-wrap .form-group .info-group p{
	font-size:18px;
	padding:15px 10px 0 35px;
}
.form-wrap .form-group .info-group p .req{
	/* font-size:18px; */
	/* padding: 20px 0 0 20px; */
	margin-left: -15px;
}

.form-wrap.full-w .form-group .field-group-wrap {
    width:100%;
}
.form-wrap.full-w .form-group .input-group-text{
	font-size:18px;
}
.form-wrap .form-group .input-group-text{
	color:#333;
}
.form-wrap .form-group .field-group-wrap {
    /* display: table-cell; */
    width: calc(100% - 200px);
}
.form-wrap .form-group .field-group-wrap .field-group{
	display:flex;
	width: 100%;
	padding:9px 0;
	color:#707070;
	-webkit-transition: 0.3s;transition: 0.3s;-moz-transition: 0.3s;
}
.form-wrap .form-group .field-group-wrap .field-group.flex-none{
	display:block;
}
.form-wrap .form-group .field-group-wrap .field-group + .field-group{
	padding-top:0;
}
.form-wrap .form-group .field-group-wrap .field-group .field{
	flex: 1;
}
.form-wrap .form-group .field-group-wrap .field-group .field.text-only{
	min-height: 42px;
    line-height: 40px;
}
.form-wrap .form-group .field-group-wrap .field-group input[type="text"],
.form-wrap .form-group .field-group-wrap .field-group input[type="password"],
.form-wrap .form-group .field-group-wrap .field-group input[type="num"],
.form-wrap .form-group .field-group-wrap .field-group select{
	width: 100%;
	height:42px;
	border:1px solid #e7e7e7;
	border-radius:5px;
	color:#707070;
}
.form-wrap .form-group .field-group-wrap .field-group > *{
	margin:0 5px;
}
.form-wrap .form-group .field-group-wrap.email .field-group .field{
	width: calc(33% - 15px);
}
.form-wrap .form-group .field-group-wrap.email .field-group .field:last-child{
	width: calc(33% - 5px);
}
.form-wrap .form-group .field-group-wrap .bar{
	width: 20px;
	line-height: 38px;
	margin: 0;
	font-style: normal;
	text-align: center;
}
.form-wrap .form-group .field-group-wrap .field-group .field-group-text{
	font-size:14px;
	color:#666;
}
.form-wrap .form-group .field-group-wrap .field-group .field-group-text.hidden-text{
	margin:5px 0 0 0;
}
.form-wrap .form-group .field-group-wrap.address .field-group:nth-child(1) .field{
	max-width:calc(33% -  5px);
}
.form-wrap .form-group .field-group-wrap.address .field-group .field-group-text
.form-wrap .form-group .field-group-wrap.wauto .field-group input[type="text"], .form-wrap .form-group .field-group-wrap.wauto .field-group select{
	width:auto;
}
.form-wrap .form-group .field-group-wrap .field-group .checks{
	display:inline-block;
	margin:10px 30px 10px 0;
}
.form-wrap .form-group .field-group-wrap .field-group .checks label{
	padding-left:35px;
}
.form-wrap .form-group .field-group-wrap .field-group .checks:last-child{
	margin-right:0;
}
.form-wrap .form-group .field-group-wrap .field-group .filebox{
	display:flex;
	justify-content: space-between;
}
.form-wrap .form-group .field-group-wrap .field-group .filebox .upload-name{
	width:100%;
	margin:0 10px 0 0;
}
.form-wrap .form-group .field-group-wrap .field-group .addfile-list li{
	margin:0 0 5px 0;
}
.form-wrap .form-group .field-group-wrap .field-group .addfile-list li:last-child{
	margin:0;
}
.form-wrap .form-group .field-group-wrap .field-group .addfile-list li a{
	display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/common/icon-close.png) no-repeat 50% 50%;
    text-indent: -9999px;
    background-size: 12px 12px;
    vertical-align: text-bottom;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    margin: 0 0 0 6px;
}
.form-wrap .form-group .field-group-wrap .field-group .button-middle{
	line-height:40px;
}
.form-wrap .form-group .field-group-wrap .field-group .textarea{
	border-radius:5px;
	width:100%;
	height:240px;
}
.form-wrap .form-group .field-group-wrap .field-group .textarea.etctype{
	height:auto;
}
.form-wrap .form-group .field-group-wrap .field-group .textarea.etctype textarea{
	width:100%;
	height:100px;
	border-radius:5px;
	padding:10px;
}
.form-wrap .form-group .field-group-wrap .field-group .button-add-file{
	width:42px;
	min-width:42px;
	margin:0 0 0 4px;
}
.form-wrap .form-group .field-group-wrap .field-group .button-add-file:after{
	content: "+";
    position: absolute;
    top: 0;left: 0;
    font-size: 28px;
    color: #fff;
    z-index: 10;
    width: 42px;
    height: 42px;
}
.form-wrap .form-group .field-group-wrap .field-group .button-add-file i{
	position:relative;
	display:block;
	text-indent:-9999px;
}
.form-wrap .tax-infomation{
	display: inline-block;
	position:relative;
	margin:10px 10px 20px 25px;
	padding:0 0 0 11px;
	font-size:18px;
	color:#333;
}
.form-wrap .tax-infomation:after{
	content:"";
	position:absolute;
	top:11px;
	left:0;
	width:4px;
	height:4px;
	border-radius:100%;
	background:#ccc;
}
.form-wrap .tax-infomation:before{
	content: "";
    position: absolute;
    bottom: -2px;
    left: -6px;
    width: calc(100% + 12px);
    height: 11px;
    border-radius: 5px;
    background: #e9effe;
    z-index: -1;
}
.form-wrap .tax-infomation span{
	font-size:14px;
	color:#ff3d3d;
	margin:0 0 0 12px;
}


/* 페이지,검색영역*/
div.board-search {
    overflow: hidden;
    position: relative;
    padding: 24px 30px;
    margin-bottom: 25px;
    background: #f7f7f7;
    border-radius:15px;
}
div.board-search .fieldgroup{
	display: inline-flex;
	width:100%;
	flex: 1 auto;
}
div.board-search .fieldgroup.both{
	justify-content: space-between;
}
div.board-search .fieldgroup.both .fieldset{
	max-width:50%;
}
div.board-search .fieldgroup .fieldset{
    display: inline-flex;
    align-items: center;
    flex: 1 auto;
}
div.board-search .fieldset .field{
	position:relative;
	display:inline-flex;
	align-items: center;
    flex:1 auto;
    min-width: auto;
    max-width: unset;
    margin: 0;
    padding: 0
}
div.board-search .fieldset .field input, div.board-search .fieldset .field select{
	width:100%;
	height:36px;
	margin:0 5px;
	border-radius:5px;
	font-size:14px;
	color:#666;
}
div.board-search .fieldset .field .tit {
    position: static;
	margin:0 5px;
    z-index: 0;
}
div.board-search .fieldset .button{
	margin:0 5px;
}
div.board-search .fieldset .button-middle{
	height: 36px;
    line-height: 34px;
    min-width: 68px;
    padding: 0 10px;
}
div.board-search .fieldset.fieldset-calendar{
	flex:none;
}
div.board-search .fieldset.fieldset-calendar .field button{
	position:absolute;
	top:2px;
	right:5px;
	width:30px;height:30px;
	background:url(../images/common/icon-calendar.png) no-repeat 50% 50%;
	text-indent:-9999px;
}
div.board-search .fieldset.fieldset-calendar .field input:read-only {
	background-color:#fff;
}
div.board-search .fieldset.fieldset-calendar .field input{
	max-width:154px;
}
div.board-search .bar{
	display:inline-block;
	width:10px;
	text-align:center;
}
.board-info{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin:0 0 10px 0;
}
.board-info .board-count{
	position:relative;
	padding:0 0 0 11px;
	font-size:14px;
	color:#7a7a7a;
}
.board-info .board-count span{
	color:#003179;
}
.board-info .board-count:after{
	content:"";
	position:absolute;
	top:9px;left:0;
	width:4px;height:4px;
	border-radius:100%;
	background:#e10b21;
}
.board-info .count-view select{
	border-radius:5px;
}
/*Board list*/
.tstyle_list {
	border-top:2px solid #bababa;
	border-bottom:1px solid #e8e8e8;
}
.tstyle_list.type02{
	border-top:2px solid #4d78d4;
}
.tstyle_list.type02 > div.dhead{
	background:#f4f8fd;
}
.tstyle_list.type02 > div > ul > li{
	border-left:1px solid #e8e8e8;
}
.tstyle_list.type02 > div > ul > li:nth-child(1){
	border-left:none;
}
.tstyle_list.type02 > div.dbody > ul:hover {
	background:#fffef2;
}
.tstyle_list > div > ul{
	display:table;
	table-layout:fixed;
	width:100%;
	clear:both;
	overflow:hidden;
}
.tstyle_list > div > ul > li{
	display:table-cell;
	min-height:50px;
	padding:13px 5px;
	text-align:center;
	text-overflow:ellipsis;
	width:10%;
	vertical-align:middle;
}
.tstyle_list > div.dhead, .tstyle_list thead {
	border-bottom:1px solid #e8e8e8
}
.tstyle_list > div.dhead > ul li, .tstyle_list thead th {
	color:#000;
}
.tstyle_list > div.dbody > ul {
	border-bottom:1px solid #e8e8e8
}
.tstyle_list > div.dbody > ul li{
	color:#666;
}
.tstyle_list > div.dbody > ul:last-child {
	border-bottom:0
}
.tstyle_list > div.dbody > ul.notice li:first-child {
	color:#e10b21;
}
.tstyle_list > div.dhead > ul li.title {
	width:auto;
	text-align:center;
}
.tstyle_list > div.dbody > ul > li.title {
	width:auto;
	text-align:left;
}
.tstyle_list > div.dbody > ul > li.file a {
	text-align:center;
	width:100%;
}
.tstyle_list > div.dbody > ul:hover {
	background:#f6f9fd;
}
.tstyle_list .wid8 {
	width:8%;
}
.tstyle_list .wid10 {
	width:10%
}
.tstyle_list .wid13 {
	width:13%
}
.tstyle_list .wid15 {
	width:15%
}
.tstyle_list .wid16 {
	width:16%
}
.tstyle_list .wid18 {
	width:18%
}
.tstyle_list .wid24 {
	width:24%
}
.tstyle_list .ellipsis{
	display: block;
	vertical-align:top;
	width:100%;
}
.tstyle_list > div.dbody > ul > li a{
	color:#666;
}
.tstyle_list > div.dbody > ul > li a span {
	display: inline-block;
	width:auto;
	overflow:hidden;
	text-align:left;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.tstyle_list .new-article{
	display:inline-block;
	margin-left:5px;
	font-style:normal;
}
.tstyle_list .new-article:after{
	content:"N";
	display:inline-block;
	color: #fff;
	width:18px;height:18px;
	font-size:12px;
	line-height:16px;
	background:#346fef;
	border-radius:5px;
	text-align:center;
	margin-top: -2px;
    vertical-align: middle;
}
/*Board View*/
div.tstyle_view {
	border-top:2px solid #bababa;
	border-bottom:1px solid #e8e8e8;
	margin-bottom:30px
}
div.tstyle_view div.title {
	background:#fff;
	color:#003179;
	clear:both;
	font-size:24px;
	font-weight:500;
	padding:25px 20px 15px 30px;
	text-align: left
}
div.tstyle_view ul.head {
	background:#fff;
	border-bottom:1px solid #e8e8e8;
	width:100%;
	text-align:left;
	padding:0 30px 25px;
}
div.tstyle_view ul.head li {
	position:relative;
	display:inline-block;
	padding:5px 45px 5px 0;
	color:#666;
}
div.tstyle_view ul.head li:after{
	content:"";
	position:absolute;
	top:11px;left:-22px;
	width:1px;height:14px;
	background:#e8e8e8;
}
div.tstyle_view ul.head li:nth-child(1):after{
	display:none;
}
div.tstyle_view ul.head li span{
	margin:0 4px 0 0;
	font-weight: 500;
	color:#333;
}
div.tstyle_view ul.head li.full-w{
	display:block;
}
div.tstyle_view div.tb_contents {
	clear:both;
	padding:30px;
	line-height:180%;
	min-height:150px;
	color:#666;
	word-break:keep-all
}
div.tstyle_view .add-file-list{
	display:flex;
	padding:18px 20px 20px 30px;
	border-bottom:1px solid #e8e8e8;
}
div.tstyle_view .add-file-list span.title{
	display:inline-block;
	margin:0 4px 0 0;
	min-width:56px;
}
div.tstyle_view .add-file-list ul{
	display:inline-block;
}
div.tstyle_view .add-file-list ul li img{
	display:inline-block;
	margin:-2px 4px 0 0;;
	vertical-align:middle;
}
div.tstyle_view .add-file-list ul li a i{
	font-style:normal;
	color:#adadad;
}
div.tstyle_view.qna-type div.tb_contents{
	background:#f9f9f9;
}
.recomentList .tb_contents{
	position:relative;
	margin:0 0 20px 0;
	border-bottom:1px solid #d1d1d1;
}
.recomentList .tb_contents .button{
	position:absolute;
	right:0;top:0;
	border-radius:0;
	height:100px;
}
.recomentList textarea{
	height:100px;
	padding:10px;
	width:calc(100% - 120px)
}
.recomentList .characterLenDeco{
	color:#666;
	padding:10px 0;
	font-size:14px;
}
.recomentList #commentList .cmmntList{
	border-bottom:1px solid #d1d1d1;
}
.recomentList #commentList .cmmntList .cmtBody{
	padding:10px 10px 0 10px;
	color:#666;
	font-size:14px;
}
.recomentList #commentList .cmmntList .txtDesc {
	padding:10px 0;
}
.recomentList .cmmntUpdtDiv textarea{
	width:100%;
	margin:0 0 10px 0;
}
.recomentList .cmtFoot{
	padding:10px;
}
.recomentList .row {
	padding:10px;
}
.recomentList .row .vline, .recomentList .cmtFoot .vline{
	display:none;
}
.recomentList .b-edit, .recomentList .b-cancel, .recomentList .b-del{
	border:1px solid #d1d1d1;
	padding:2px 6px;
	border-radius:5px;
	font-size:13px;
	color:#666;
}
#faqList{
	border-top:2px solid #bababa;
	margin:0 0 40px 0;
}
#faqList dt{
	overflow:hidden;
	position:relative;
	display:block;
	padding:18px 30px;
	border-bottom:1px solid #e8e8e8;
}
#faqList dt:after{
	content:"";
	position:absolute;
	top:24px;right:30px;
	text-indent:-9999px;
	border-top:2px solid #5d5d5d;
	border-right:2px solid #5d5d5d;
	width:6px;height:6px;
	transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);
	-webkit-transition: 0.2s;transition: 0.2s;-moz-transition: 0.2s;
}
#faqList dt.open{
	background:#f6f9fd;
}
#faqList dt .qna_img{
	text-indent:-9999px;
	position: absolute;
}
#faqList dt.open:after{
	top: 28px;
	border-color: #5d5d5d;
	transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
}
#faqList dd{
	color:#666;
	background:#f9f9f9;
	padding:30px;
	border-bottom:1px solid #e8e8e8;
}
#faqList dd p, #faqList dd span{
	background:none !important;
}
.faq-wrap{
	border-top:2px solid #bababa;
	margin:0 0 40px 0;
}
.faq-wrap li{
	border-bottom:1px solid #e8e8e8;
}
.faq-wrap li .question a{
	overflow:hidden;
	position:relative;
	display:block;
	padding:18px 30px;
}
.faq-wrap li .question a p, .faq-wrap li .question p{
	float:left;
	color:#212121;
}
.faq-wrap li .question a p span, .faq-wrap li .question p span{
	display:inline-block;
	font-size:20px;
	color:#212121;
	font-weight:700;
	width:40px;
	text-align:center;
	margin-top:-2px;
}
.faq-wrap li .question a p + p, .faq-wrap li .question p + p{
	width:calc(100% - 75px);
}
.faq-wrap li .answer{
	display:none;
	color:#666;
	background:#f9f9f9;
	padding:30px;
}
.faq-wrap li .answer p{
	line-height:32px;
}
.faq-wrap li.active .question a p{
	color:#212121;
	font-weight:500;
}
.faq-wrap li.active .question a{
	background:#f6f9fd;
}
.faq-wrap li .question a:after{
	content:"답변열기";
	position:absolute;
	top:24px;right:30px;
	text-indent:-9999px;
	border-top:2px solid #5d5d5d;
	border-right:2px solid #5d5d5d;
	width:6px;height:6px;
	transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);
}
.faq-wrap li.active .question a:after{
	content:"답변닫기";
	top: 25px;
	border-color: #5d5d5d;
	transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);
}
.faq-wrap.faq-visible .question{
	display: inline-block;
	width: 100%;
}
.faq-wrap.faq-visible .answer{
	display:block;
}
div.board-search .e-learn-tit{
	text-align:center;
	font-size:18px;
	color:#003179;
	margin:0 0 10px 0;
}
.result_box {
  position: relative;
  background: #fff;
  display: table;
  width: 100%;
  padding: 18px 15px;
  border-radius:10px;
}
.result_box .text {
	display: table-cell;
	padding:0 0 0 40px;
	height:30px;
	width: 126px;
	background:url(../images/contents/icon-rate.png) no-repeat 0 0;
	vertical-align: middle;
}
.result_box .per {
	display: table-cell;
	width: 90px;
	height:30px;
	text-align: center;
	color:#346fef;
	vertical-align: middle;
}
.result_box .gauge_wrap .gauge {
	display:inline-block;
	position: relative;
	width: 100%;
	height: 16px;
	border-radius: 15px;
	background: #dadada;
	vertical-align: middle;
}
.result_box .gauge_wrap .gauge .my_score {
	position: absolute;
	width:100%;
	height:16px;
	top: 0;
	left:0;
	background:#65b2fe;
	border-radius: 15px 0 0 15px;
}
.result_box .gauge_wrap .gauge .my_score:after {
	content: "";
	position: absolute;
	top: 18px;
	right: -9px;
	width: 0;
	height: 0;
	border-bottom: 10px solid #183065;/* 화살표 */
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.result_box .gauge_wrap .gauge .bar_pos {
  position: absolute;
  top: -6px;
  left: 0;
  width: 3px;
  height: 26px;
  background: #5c84f4;
}
.result_box .gauge_wrap .score {
  width: 100%;
  margin: 10px 0;
}
.result_box .gauge_wrap .score:after {
  content: "";
  display: block;
  clear: both;
}
.result_box .gauge_wrap .score p {
  font-size: 12px;
  color: #444;
}
.card-list {
	clear: both;
	overflow: hidden;
	padding:5px;
}
.card-list .card-item{
	padding:20px;
	float: left;
	width: 31.59%;
	margin:0 2%;
	border:1px solid #e7e7e7;
	margin: 0 2.6% 25px 0;
	overflow: hidden;
	border-radius:20px;
}
.card-list .card-item:hover{
	border-color:#346fef ;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.2s;transition: 0.2s;-moz-transition: 0.2s;
}
.card-list .card-item:nth-child(3n) {
	margin-right: 0
}
.card-list .card-item .thumb-img{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 61%;
	margin: 0 auto 11px;
	text-align: center;
}
.card-list .card-item .thumb-img img{
	width: 100%;
    min-height: 160px;
}
.card-list .card-item dl dt{
	margin:0 0 3px 0;
	font-size:14px;
	color:#4d78d4;
}
.card-list .card-item dl dd{
	margin:0 0 4px 0;
	color:#666;
	height:50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.card-list .card-item .info{
	margin:0 0 16px 0;
}
.card-list .card-item .info li{
	display: inline-block;
    border-radius: 5px;
    font-size: 13px;
	padding: 2px 7px;
	margin:0 4px 0 0;
}
.card-list .card-item .info li.period{
	border: 1px solid #ff2626;
    color: #ff2626;
}
.card-list .card-item .info li.price{
	border: 1px solid #003179;
    color: #003179;
}
.card-list .card-item .btm-area{
	position:relative;
	display:flex;
	justify-content: space-between;
	align-items:center;
	padding: 16px 0 4px 0;
}
.card-list .card-item .btm-area:after{
	content:"";
	position:absolute;
	top:0;left:-50%;
	width:200%;height:1px;
	background:#e7e7e7
}
.card-list .card-item .btm-area a{
	display:inline-block;
	width:80px;
	font-size: 14px;
	color:#fff;
	background:#346fef;
	border-radius:5px;
	text-align:center;
	line-height: 30px;
}
.card-list .card-item .btm-area p + p{
	color:#000;
}
.learning-view .top-area{
	display:flex;
	margin:0 0 59px 0;
}
.learning-view .top-area .pic{
	display: flex;
	justify-content: center;
	align-items: center;
    min-width: 360px;
    height: 100%;
    border: 1px solid #e7e7e7;
	border-radius:20px;
	margin:0 50px 0 0;
    padding: 22px 24px;
    text-align: center;
}
.learning-view .top-area .pic img, .learning-view .top-area .pic .use-img, .learning-view .top-area .pic .use-img img{
	width:100%;
}
.learning-view .top-area .pic img{
	max-height:205px;
}
.learning-view .top-area .pic .no-img{
	padding:38px 0;
	background:#f7f7f7;
	width:100%;
}
.learning-view .top-area .info dl{
	margin:0 0 17px 0;
}
.learning-view .top-area .info dl dt{
	position: relative;
	font-size: 22px;
	margin: 0 0 20px 0;
	color: #2471c5;
	font-weight: 700;
}
.button.ctfGo{
	font-size:16px;
    line-height: 30px;
    background:#e3f1be;
    font-weight: 400;
    color:#333;
}
.learning-view .top-area .info dl dd{
	color: #666;
}
.learning-view .top-area .info ul li{
	display: inline-block;
    border-radius: 5px;
    font-size: 13px;
	padding: 2px 7px;
	margin:0 4px 0 0;
}
.learning-view .top-area .info li.period{
	border: 1px solid #ff2626;
    color: #ff2626;
}
.learning-view .top-area .info li.price{
	border: 1px solid #003179;
    color: #003179;
}
.learning-view .top-area .info li.person{
	padding:0;
	font-size: 16px;
	border:none;
    color: #000;
}
.month-sch{
	margin:0 0 20px 0;
}
.month-sch ul{
	display:flex;
	align-items:center;
	justify-content: center;
}
.month-sch ul li{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	font-size:15px;
	font-family:'gmarketsans';
	font-weight:500;
	max-width:76px;
	height:33px;
	background:#e9eaf0;
	text-align:center;
	border-radius:20px;
	margin:5px 3px;
}
.month-sch ul li a{
	display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.month-sch ul li.exist{
	background:#e3f1be;
}
.month-sch ul li.exist span{
	color:#237403;
}
.month-sch ul li.exist.active{
	background:#3dac12;
}
.month-sch ul li.exist.active a span{
	color:#fff;
}
.notice-box{
	overflow: hidden;
    position: relative;
    padding:9px 15px;
    margin:0 auto 40px;
    background: #f7f7f7;
    border-radius:15px;
}
.notice-box .notice-text{
	padding:10px 0 10px 72px;
	background:url(../images/contents/icon-phone.png) no-repeat 0 50%;
	line-height: 26px;
}
.notice-box .notice-text.member-out{
	background:none;
	padding-left:0;
	text-align:center;
	font-size:20px;
	line-height:32px;
}
.notice-box .notice-text span{
	color:#2471c5;
	background: linear-gradient(to top, #d1e8f7 40%, transparent 40%); ;
}
.notice-box .notice-text .button{
	margin:0 0 0 10px;
	vertical-align:bottom;
}
.form-wrap .notice-box{
	margin-bottom:0;
}
.chk-text{
	margin:0 0 10px 0;
	padding:0 0 0 28px;
	font-size:18px;
	font-weight:500;
	color:#000;
	background:url(../images/common/icon-check-green.png) no-repeat 0 50%;
}
.chk-text span{
	color:#0aa48a;
}
.relate-site-wrap ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin:0 5px;
}
.relate-site-wrap ul li{
	width:31%;
	max-width:310px;
	margin:0 0 37px 0;
	text-align:center;
	-webkit-transition: 0.2s;transition: 0.2s;-moz-transition: 0.2s;
}
.relate-site-wrap ul li a{
	display:block;
}
.relate-site-wrap ul li .logo{
	display:flex;
	align-items:center;
	justify-content:center;
	height:80px;
	padding:15px;
	margin:0 0 9px 0;
	border:1px solid #e7e7e7;
	border-radius:15px;
}
.relate-site-wrap ul li a:hover .logo, .relate-site-wrap ul li a:focus .logo{
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-transition: 0.2s;transition: 0.2s;-moz-transition: 0.2s;
}
.relate-site-wrap ul li .logo img{
	max-height:40px;
}
.relate-site-wrap ul li .url{
	font-size:14px;
	color:#666;
}
.relate-site-wrap ul li a:hover .url, .relate-site-wrap ul li a:focus .url{
	color:#4d78d4;
}
.history-wrap{
	display:flex;
	background:url(../images/contents/history-bg.png) no-repeat 86px 25px;
}
.history-wrap .text{
	display:flex;
	flex-wrap: wrap;
	width:284px;height:144px;
	margin:230px 120px 0 0;
	font-size:48px;
	font-family:'gmarketsans';
	color:#4d78d4;
	line-height:72px;
	font-weight:700;
}
.history-wrap .text span{
	text-align:left;
	width: 100%;
}
.history-wrap .text span + span{
	text-align:right;
}
.history-wrap .history-con{
	position:relative;
}
.history-wrap .history-con:after{
	content:"";
	position:absolute;
	top:0;
	left:20px;
	height: calc(100% - 80px);
	width:1px;
	background:#e0e0e2;
	z-index: -1;
}
.history-wrap .history-con dl{
	position:relative;
	padding:0 0 20px 100px;
}
.history-wrap .history-con dl dt{
	position:relative;
	height:40px;
	line-height:40px;
	padding:3px 0 0 0;
	margin:0 0 5px 0;
	font-size:24px;
	font-family:'gmarketsans';
	color:#145a93;
	font-weight:700;
}
.history-wrap .history-con dl dt:after{
	content:"";
	position:absolute;
	top:20px;left:-80px;
	height:1px;width:70px;
	background:#e0e0e2;
	z-index: -1;
}
.history-wrap .history-con dl:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	height:40px;
	width:40px;
	border:1px solid #c1dbec;
	border-radius:100%;
	background: #fff;
}
.history-wrap .history-con dl:before{
	content:"";
	position:absolute;
	top:16px;
	left:16px;
	height:10px;
	width:10px;
	background:#0072bc;
	border-radius:100%;
	z-index: 10;
}
.history-wrap .history-con dl dd{
	color:#666;
}
.history-wrap .history-con dl dd p{
	margin:0 0 8px 0;
}

/* 기관소개 -한국인정지원센터소개*/
.missionBox{
	overflow:hidden;
	width:100%;
	height:auto;
	background: url(../images/contents/info_bg.png) no-repeat 50% 25px;
}
.missionBox .mission{
	margin-bottom: 60px;
}
.missionBox .mission strong{
	display:block;
	font-size:18px;
	font-weight:600;
	color:#afc6f8;
	margin-bottom: 25px;
}
.missionBox .mission p{
	font-size:24px;
	color:#000;
	font-weight:500;
	position:relative;
}
.missionBox .mission p::before{
	display:block;
	content:"";
	width:35px;
	height:30px;
	background: url(../images/contents/quot01.png) no-repeat 50% 0;
	position:absolute;
	left: 195px;
    top: -20px;
}
.missionBox .mission p::after{
	display:block;
	content:"";
	width:35px;
	height:30px;
	background: url(../images/contents/quot02.png) no-repeat 50% 0;
	position:absolute;
	right: 195px;
    top: -20px;
}
.missionBox .mission span{
	color:#1a5bb1;
}
.visionBox{
	width:100%;
	height:130px;
	border:2px solid #f0f3f8;
	border-radius: 20px;
	background:#fff;
	text-align:center;
	padding: 30px 0;
	margin-bottom:60px;
}
.visionBox strong{
	display:block;
	font-size:18px;
	font-weight:600;
	color:#afc6f8;
	margin-bottom: 5px;
}
.visionBox p{
	font-size:24px;
	color:#000;
	font-weight:500;
}
.visionBox p span{
	color:#1a5bb1;
}
.worthBox{
	overflow: hidden;
    max-width: 710px;
    padding-top: 40px;
    text-align: center;
    margin: auto auto 60px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.worthBox ul li{
	width:185px;
	height:185px;
	border-radius:50%;
	color:#fff;
	text-align:center;
	float:left;
	margin-right:75px;
	padding-top:100px;
    position:relative;
}
.worthBox ul li::before{
	display:block;
	content:"";
	width:168px;
	height:168px;
	border-radius:50%;
	border:1px solid #fff;
	background:transparent;
	position:absolute;
	left: 8px;
    top: 8px;
}
.worthBox ul li:first-of-type{
	background:#003774;
}
.worthBox ul li:nth-of-type(2){
	background:#528bda;
}
.worthBox ul li:last-of-type{
	margin-right:0;
	background:#1a5bb1;
}
.worthBox ul li::after{
	display:block;
	content:"";
	width:67px;
	height:46px;
	position: absolute;
    left: 50%;
    top: 40px;
    transform: translateX(-50%);
}
.worthBox ul li:first-of-type::after{
	background: url(../images/contents/info_icon01.png) no-repeat 50% 0;
}
.worthBox ul li:nth-of-type(2)::after{
	background: url(../images/contents/info_icon02.png) no-repeat 50% 0;
}
.worthBox ul li:last-of-type::after{
	background: url(../images/contents/info_icon03.png) no-repeat 50% 0;
}
.goalBox{
	margin:auto;
	text-align:center;
	overflow: hidden;
}
.goalBox strong{
	font-size:18px;
	font-weight:600;
	color:#666;
	display:block;
	margin-bottom:25px;
}
.goalBox ul li{
	width:23%;
	height:150px;
	font-size:16px;
	border-radius:20px;
	margin-right: 25px;
	background:#f0f3f8;
	float:left;
	padding: 10px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.goalBox ul li:last-of-type{
	margin-right:0;
}

/* 기관소개 -오시는 길*/
.mapWarp{
	width:100%;
	height: auto;
	border: 1px solid #e7e7e7;
	border-radius:20px;
	padding:30px;
	margin-bottom:40px;
}
.map_info .title{
	font-size:22px;
	font-weight:600;
	color:#2471c5;
}
.info_list{
	margin: 30px 0 40px;
}
.info_list ul li{
	margin-bottom: 10px;
}
.map_info .info_list span{
	display:inline-block;
	color:#333;
	margin-right:5px;
}
.map_info .info_list em.icon{
	display:inline-block;
	vertical-align: bottom;
	width:20px;
	height:20px;
	margin-right:5px;
}
.map_info .info_list .icon.icon01{
	background: url(../images/contents/info_loca.png) no-repeat 50% 50%;
}
.map_info .info_list .icon.icon02{
	background: url(../images/contents/info_call.png) no-repeat 50% 50%;
}
.map_info .info_list .icon.icon03{
	background: url(../images/contents/info_fax.png) no-repeat 50% 50%;
}

.map.tstyle_list > div.dbody > ul{
	padding:30px 35px;
}
.map.tstyle_list > div.dbody > ul ul span{
	margin-left:65px;
}
.map.tstyle_list > div.dbody > ul:hover{
	background:none;
}
.map.tstyle_list ul li{
	text-align:left;
}
.map.tstyle_list ul li.tit{
	font-size:18px;
	font-weight:500;
	color:#333;
}
.map.tstyle_list ul li .icon{
	display:inline-block;
	width:60px;
	height:60px;
	margin-right:20px;
	vertical-align: inherit;
}
.map.tstyle_list ul li .icon.sub{
	background: url(../images/contents/icon_subway.png) no-repeat 50% 50%;
}
.map.tstyle_list ul li .icon.bus{
	background: url(../images/contents/icon_bus.png) no-repeat 50% 50%;
}
.map.tstyle_list ul li .icon.car{
	background: url(../images/contents/icon_car.png) no-repeat 50% 50%;
}
.map.tstyle_list ul li ul li a:hover{color:#2471c5; cursor:pointer;}

/* 서버점검 */
.serverCheck, .errorCheck{
	max-width:900px;
	margin: auto;
}
.serverCheck .logo, .errorCheck .logo{
	margin-bottom:55px;
}
.serverCheck .serverInfo img , .errorCheck .errorInfo img{
	margin: auto;
    display: inherit;
}
.serverCheck .serverInfo .info , .errorCheck .errorInfo .info{
	font-size:28px;
	font-weight:600;
	color:#346fef;
	font-family: 'gmarketsans';
	text-align:center;
	margin: 28px 0;
}
.serverCheck .serverInfo span ,.errorCheck .errorInfo span{
	color:#999;
	text-align:center;
	display: block;
}
.errorCheck .errorInfo .info{
	margin: 25px 0 16px;
}
.errorCheck .errorInfo span{
	margin-bottom:30px;
}
.errorCheck .errorInfo button{
	font-size:17px;
	font-family: 'gmarketsans';
	font-weight:400;
}

.privacy-wrap{
	position:relative;
}
.privacy-wrap .sm-title {
	margin-top:40px
}
.privacy-wrap .privacy-ico-list{
	border:1px solid #d1d1d1;
	padding: 10px 40px;
	margin: 0 0 30px 0;
}
.privacy-wrap .privacy-ico-list .article_text{
	text-align:center;
	margin:10px auto;
	font-weight:600;
	color:#666;
}
.privacy-wrap .privacy-ico-list ul{
	display:flex;
	flex-wrap:wrap;
	margin:20px 0;
}
.privacy-wrap .privacy-ico-list ul li{
	width:33.3%;
	font-size:15px;
	letter-spacing:-0.8px;
	word-spacing:-1px;
	margin:10px 0;
}
.privacy-wrap .privacy-ico{
	width:30px;
	height:auto;
	display:inline-block;
	vertical-align:middle;
	margin:0 5px 0 0;
}
.privacy-wrap .basic-text{
	margin-bottom:30px;
}
.privacy-wrap .list-bar{
	margin-bottom:20px;
}
.privacy-wrap .list-bar li .list-bar li:after{
	display:none;
}
.privacy-wrap .bg-none li{
	text-indent: -22px;
	margin-left: 22px;
}

@media all and (max-width: 1600px){
}
@media all and (max-width: 1480px){
}
@media all and (max-width: 1280px){
	#gnb > ul > li{
		margin:0 30px;
	}
}

@media all and (max-width: 1150px){
	.aside-wrap{width:220px;}
	.goalBox ul li {margin-right:20px;}
	.missionBox .mission p::before {left:80px}
	.missionBox .mission p::after {right:80px}
}
@media all and (max-width: 1100px){
	#gnb > ul > li{
		margin:0 20px;
	}
	#gnb .depth02 li a{
		font-size:14px;
	}
	.missionBox .mission p::before {left:80px}
	.missionBox .mission p::after {right:80px}
	.goalBox ul li {
    	margin-right: 20px;
    }
}
@media all and (max-width: 1024px){
	/* layout */
	.wrap{
		min-width:auto;
	}
	.header-wrap.fixed ~ #container .contents-wrap{
		margin-top:50px;
	}
	.header-wrap.fixed{
		top:0;
		margin-top:0;
	}
	.header-wrap, #header{
		min-height:66px;
	}
	.header-wrap{
		position:fixed;
		top:0;left:0;
		width:100%;
		padding:0;
		z-index:200;
	}
	.header-wrap:before{
		display:none;
	}
	.header-wrap .top-search{
		top: 18px;
		right: 58px;
		height: 30px;
		width: 30px;
		border: none;
	}
	.header-wrap.search .top-search{
		max-width: inherit;
		width: 100%;
		top: 1px;
		right: 0;
		border: 2px solid #346fef;
		height: 65px;
		z-index: 300;
		border-radius: 0;
	}
	.header-wrap.search #header .top-search .search-open{
		display:none;
	}
	#header h1{
		top:20px;left:15px;
	}
	#header h1 img{
		width:140px;
	}
	#header .gnb-wrap{
		position:fixed;
		right:-100%;top:0;
		height:100%;
		overflow:auto;
		width:100%;
		z-index:500;
		background-color:#fff;
	}
	#header .gnb-wrap.mobile-menu-open{
		right:0;
		display:block;
		background:#fff;
	}
	#header .gnb-wrap.mobile-menu-open #gnb{
		height:100vh;
		width:100%;
	}
	#header .top-search .search-open{
		display:block;
		margin:0;
		width: 30px;
		height: 30px;
	}
	#header .top-search .search-open button{
		background:url(../images/common/icon-search-blue.png) no-repeat 50% 50%;
		background-size: 21px 23px;
		width: 30px;
		height: 30px;
	}
	.header-wrap.search #header .top-search-form{
		display:block;
	}
	#header .top-search .top-search-form{
		display:none;
		float:none;
		width:100%;
		height: 61px;
		border-radius:0;
		background:#f8f8f8;
		box-shadow:none;
	}
	#header .top-search .top-search-form input[type="text"]{
		background:#f8f8f8;
		width:calc(100% - 100px);
		height: 58px;
		border-radius:0;
	}
	#header .top-search .top-search-form .search-close{
		display:block;
	}
	#header .top-search .top-search-form button{
		float:none;
		height:30px;
		width:30px;
		background:url(../images/common/icon-search-blue.png) no-repeat 50% 50%;
		background-size:21px 23px;
		margin:0 0 0 7px;
	}
	.header-wrap .util{
		display:none;
	}
	#gnb{
		position:absolute;
		top:92px;
		margin-left:0;
	}
	#gnb > ul{
		padding:0;
		/*position: absolute;
		top: 0;
		left: 0;*/
		text-align:left;
	}
	#gnb > ul:after{
		content:"";
		display:block;
		clear:both;
	}
	.mobile-menu-open #gnb > ul:before{
		content:"";
		position:fixed;
		top:0;left:0;
		width:165px;
		height:200vh;
		background:#4d78d4;
		z-index:-1;
	}
	#gnb > ul > li{
		display:block;
		position:initial;
		float:none;
		margin:0;
		height: 50px;
	}
	#gnb > ul > li:nth-child(4){
		padding:0;
		background:none;
	}
	#gnb > ul > li > a span{
		display:none;
	}
	#gnb > ul > li > a{
		position:relative;
		font-size:15px;
		font-weight:500;
		color:#fff;
		min-height:50px;
		line-height:50px;
		padding:0 0 0 25px;
		display:inline-block;
		width: 165px;
		text-align:left;
	}
	#gnb > ul > li > a:after{
		content:"";
		position:absolute;
		bottom:0;left:0;
		width:165px;height:1px;
		border-bottom:1px solid #85a0da;
	}
	#gnb > ul > li.active > a{
		background: #fff;
		color:#333;
	}
	.mobile-menu-open #gnb > ul > li.active .depth02{
		/*display: block !important;*/
	}
	.mobile-menu-open  #gnb > ul > li .depth02{
		display: none ;
		position: absolute;
		left: 165px;
		top: 0;
		width: calc(100% - 165px);
	}
	#gnb > ul > li .depth02 li.plus-bg.active > a:after{
		top:22px;
		right:15px;
		width:6px;
		height:6px;
		left:auto;
		border:none;
		border-top:2px solid #4d78d4;
		border-right:2px solid #4d78d4;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);
	}
	#gnb > ul > li .depth02 li.plus-bg > a:after{
		content:"";
		position:absolute;
		top:17px;right:15px;
		border-top:2px solid #a3a3a3;
		border-right:2px solid #a3a3a3;
		width:6px;height:6px;
		transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);
	}
	#gnb > ul > li.active a:before{
		display:none;
	}
	#gnb .depth02 ul > li{
		margin:0;
		border-bottom:1px solid #e5e5e5;
	}
	#gnb .depth02 ul > li > a{
		position: relative;
		line-height: 49px;
		height: 49px;
		padding:0 0 0 16px;
		display: block;
	}
	#gnb .depth03{
		display:none;
		padding:10px 0;
		background: #f4f8fd;
		border-top: 2px solid #4d78d4;
	}
	#gnb .depth02 ul > li .depth03 li{
		border:none;
	}
	#gnb .depth02 ul > li .depth03 li a{
		position:relative;
		line-height:18px;
		color:#666;
		padding: 8px 10px 8px 24px;
		border:none;
		height: auto;
	}
	#gnb .depth02 ul > li .depth03 li a:after{
		content:"";
		position:absolute;
		top: 16px;
		left:15px;
		width:3px;
		height:3px;
		border-radius:100%;
		background:#c5c9d6;
	}
	#gnb .depth02 ul > li .depth03 li a:hover{
		color:#000;
	}
	#header .mobile-util{
		position:relative;
		display:block;
		height:92px;
		background: rgb(43,101,155);
		background: linear-gradient(90deg, rgba(43,101,155,1) 0%, rgba(50,112,135,1) 50%, rgba(56,122,117,1) 100%);
	}
	#header .mobile-util:after{
		content:"";
		position:absolute;
		top:57px;left:0;
		width:100%;height:2px;
		background:#5685ad;
	}
	#header .mobile-util p{
		position:relative;
		display: inline-block;
		margin:15px 0 0 26px;
		padding: 0 0 0 25px;
		font-size:15px;
		font-family:'gmarketsans';
		color:#fff;
		line-height:28px;
	}
	#header .mobile-util p:before{
		content:"";
		position:absolute;
		top: 6px;
		left: 0;
		width:20px;
		height: 10px;
		border-top:2px solid #fff;
		border-bottom:2px solid #fff;
	}
	#header .mobile-util p:after{
		content:"";
		position:absolute;
		top: 12px;
		left: 0;
		width:20px;
		height:2px;
		background:#fff;
	}
	#header .mobile-util ul{
		margin:17px 0 0 26px;
	}
	#header .mobile-util ul li{
		position:relative;
		display:inline-block;
		margin:0 0 0 14px;
		padding:0 0 0 14px;
	}
	#header .mobile-util ul li:after{
		content:"";
		position:absolute;
		left:0;top:8px;
		width:1px;height:13px;
		background:#5888a9;
	}
	#header .mobile-util ul li:nth-child(1){
		margin:0;
		padding:0;
	}
	#header .mobile-util ul li:nth-child(1):after{
		display:none;
	}
	#header .mobile-util ul li a{
		display: inline-block;
		font-size:14px;
		font-family:'gmarketsans';
		color:#fff;
		line-height: 22px;
	}
	#header .mobile-util ul li:nth-child(2) a{
		padding:0 0 0 22px;
		background:url(../images/common/icon-lock.png) no-repeat 0 50%;
		background-size: 11px auto;
	}
	#header .mobile-util ul li:nth-child(3) a{
		padding:0 0 0 22px;
		background:url(../images/common/icon-mypage.png) no-repeat 0 50%;
		background-size: 12px auto;
	}
	#header .mobile-menu-btn{
		display:block;
		position:absolute;
		right:15px;top:18px;
	}
	#header .mobile-menu-btn a{
		display:block;
		height:30px;width:30px;
		background:url(../images/common/icon-menu.png) no-repeat 50% 50%;
		text-indent:-9999px;
		background-size:26px 20px;
	}
	#header .mobile-search-btn{
		display:block;
		position:absolute;
		right:105px;top:19px;
	}
	#header .mobile-search-btn a{
		display:block;
		height:30px;width:30px;
		background:url(../images/common/icon-search-m.png) no-repeat 50% 50%;
		text-indent:-9999px;
		background-size:24px 24px;
	}
  	#header .mobile-search-detail{
		display:block;
		position:absolute;
		right:65px;top:19px;
	}
	#header .mobile-search-detail button{
		display:block;
		height:30px;width:30px;
		background:#065c41 url(../images/common/icon-search-detail.png) no-repeat 50% 50%;
		border-radius:100%;
		text-indent:-9999px;
		background-size:16px auto;
	}
  	#header .mobile-close{
		display:block;
		position:absolute;
		top:20px;right:23px;
	}
	#header .mobile-close a{
		display:block;
		width:20px;height:20px;
		background:url(../images/common/icon-close-white.png) no-repeat 50% 50%;
		text-indent:-9999px;
		background-size:20px 20px;
	}
	#header .util .top-search-form button{
		height:30px;
		width:30px;
		background:url(../images/common/icon-search-m.png) no-repeat 50% 50%;
		background-size:24px 24px;
		margin:7px 0 0 8px;
	}
	#header .all-menu-btn{
		display:none;
	}
	#contents .aside-con-area{
		display:block;
	}

	/* all-menu */
	.all-menu-btn{
		display:none !important;
		position:absolute;top:55px;right:0px;
		z-index:1000;
	}
	.all-menu-wrap .all-menu-link > div > ul > li{
		width: 23%;
	}
	.footer-wrap{
		height:auto;
	}
	#footer .footer-logo{
		margin:20px 0 20px 0;
	}
	#footer .footer-logo img{
		width:140px;
	}
	#footer .footer-etc-wrap{
		top:11px;
	}
	#footer .footer-info{
		margin-top:0;
	}
	#footer .footer-util li{
		margin:0 0 0 6px;
		padding:0 0 0 6px;
	}
	.btn-top-move{
		bottom:30px;
		right:20px;
	}
	.aside-wrap{
		display:none;
	}
	#contents .aside-con-area{
		display:block;
		text-align:center;
	}
	#contents .aside-con-area .account{
		margin:0;
	}
	#container{
		margin-top:65px;
	}
	.contents-wrap{
		display:inherit;
		flex-direction:inherit;
		max-width:1330px;
		min-height:auto;
		margin:50px auto 60px;
		padding:0;
		overflow:visible;
	}
	.contents{
		flex-grow:inherit;
		padding:0 15px;
	}
	.page-info{
		padding:0 0 22px;
		margin:0 0 20px 0;
	}
	.page-info h4 + div{
		margin-bottom:0;
	}
	.member-step ul li div:before{
		width:60px;height:60px;
	}
	.contents-wrap.full-w .page-info, .contents-wrap.full-w .page-info .page-title{
		margin:0 0 10px 0;
	}
	div.board-search{
		padding:15px 10px;
	}
	div.board-search .fieldset .field .tit{
		font-size:14px;
	}
	div.board-search .fieldgroup.both .fieldset{
		max-width:inherit;
	}
	.member-step ul li > div{
		width:190px;height:72px;
		padding:0 0 0 78px;
	}
	.member-agree .chk-area p{
		padding-top: 8px;
		font-size:16px;
	}
	.member-agree .chk-area label{
		font-size:16px;
		height: 26px !important;
		line-height: 26px;
	}
	.learning-view .top-area .pic{
		min-width:260px;
		margin:0 30px 0 0;
	}
	.learning-view .top-area .info dl dt{
		font-size:20px;
		margin: 0 0 10px 0;
	}
	/* etc */
	.privacy-wrap .privacy-ico-list{
		padding:10px;
	}
	.privacy-wrap .privacy-ico-list ul li{
		width:50%;
	}
}

@media all and (max-width:890px){
	.tbl-scroll-b{
		position:relative;
		padding-top:32px;
		background:url(../images/common/bg-hand.gif) right top no-repeat
	}
	.tbl-scroll-b table{
		min-width:980px
	}
	.missionBox .mission p::before {left:100px}
	.missionBox .mission p:after{right:100px}
	.goalBox ul li{width: 22%;}
	.map.tstyle_list > div.dbody > ul {padding: 30px 10px;}
}
@media all and (max-width: 768px){
	/* layout */
	.contents-wrap{
		margin:40px auto ;
	}
	#footer .footer-bottom{
		padding:0;
	}
	#footer .footer-info{
		width:100%;
	}
	#footer .footer-info .copyright{
		margin:0 0 15px 0;
	}
	.contents{
		min-height:auto;
	}
	.wrap-layer-popup .wrap-layer-popup-title{
		padding:20px 10px
	}
	.wrap-layer-popup .wrap-layer-popup-title .title{
		font-size:18px
	}
	.all-menu-wrap .all-menu-link > div > ul > li > a{
		font-size:18px;
	}
	.all-menu-wrap .all-menu-link > div > ul > li > ul > li > a{
		font-size:14px;
		height:46px;
		max-width:none;
	}
	.page-info{
		margin:0
	}
	.page-info .page-title, .contents-wrap.full-w .page-info .page-title{
		font-size:24px;
		font-weight:500;
	}
	.breadcrumb ul li {
		padding: 0 0 0 6px;
		margin: 0 0 0 8px;
	}
	.breadcrumb ul li a{
		font-size:12px;
	}
	.breadcrumb ul li:after{
		width:4px;height:4px;
		top:8px;
	}
	.page-info .etc-info{
		display:none;
	}
	div.board-search .fieldgroup .fieldset{
		margin:0 0 10px 0;
	}
	div.board-search .fieldgroup .fieldset:last-child{
		margin:0;
	}
	div.board-search .fieldgroup{
		flex-wrap:wrap;
	}
	div.board-search .fieldgroup .fieldset{
		width:100%;
	}
	div.board-search .fieldset .field .tit{
		position:absolute;
		z-index:-1;
	}
	div.board-search .fieldset.fieldset-calendar .field{
		flex:1 auto;
	}
	div.board-search .fieldset.fieldset-calendar .field input{
		max-width:inherit;
	}
	.login-wrap .login-con .login-input input, .login-wrap .login-con .login-input .button{
		height:50px;
	}
	.id-verification > a{
		height:270px;
	}
	.id-verification > a > div > p span{
		font-size:23px;
	}
	.member-step{
		margin:0 0 30px 0;
	}
	.member-step ul li > div{
		width: 94px;
		height: 90px;
		border-radius: 20px;
		padding: 0;
		justify-content: center;
		text-align: center;
	}
	.member-step ul li div p {
		font-size:14px;
	}
	.member-step ul li div:before{
		display:none;
	}
	.member-agree .chk-area p{
		padding-top: 4px;
		font-size:14px;
	}
	.member-agree .chk-area label{
		font-size:14px;
		height:auto !important;
		line-height: auto;
	}
	.member-agree .agree-box .agree-con{
		padding:15px;
	}
	.member-agree .agree-box .agree-con .tit01{
		font-size:15px;
	}
	.member-agree .agree-box .agree-con .tit02, .member-agree .agree-box .agree-con .text01{
		font-size:14px;
	}
	.faq-wrap li .question a{
		padding:20px;
	}
	.faq-wrap li .answer{
		padding:20px;
	}
	#faqList dt{
		padding:20px;
	}
	#faqList dd{
		padding:30px;
	}
	/* form */
	.form-wrap{
		padding:0 15px 15px;
		margin:0 0 20px 0;
	}
	.form-wrap + .btn-area{
		margin-top:20px;
	}
	.form-wrap .form-group{
		flex-wrap:wrap;
	}
	.form-wrap .form-group .info-group{
		display: flex;
		width:100%;
	}
	.form-wrap .form-group .info-group p{
		padding:15px 10px 0 0;
		font-size:14px;
	}
	.form-wrap .form-group .info-group p .req{
		margin-left:0;
	}
	.form-wrap .form-group .field-group-wrap {
		display: flex;
		flex-wrap:wrap;
		width:100%;
	}
	.form-wrap .form-group .field-group-wrap .field-group{
		width: calc(100% + 16px);
		padding: 8px 0;
		margin-right: -8px;
		margin-left: -8px;
	}
	.form-wrap .form-group .field-group-wrap.email .field-group{
		flex-wrap:wrap;
	}
	.form-wrap .form-group .field-group-wrap.email .field-group .field{
		width: calc(50% - 20px);
	}
	.form-wrap .form-group .field-group-wrap.email .field-group .field:last-child{
		width: calc(100%);
	}
	.form-wrap .form-group .field-group-wrap.address .field-group:nth-child(1) input{
		max-width:inherit;
	}
	.form-wrap .form-group .field-group-wrap.address .field-group:nth-child(1) .field{
		max-width:inherit;
	}
	.form-wrap .tax-infomation{
		font-size:15px;
		margin:20px 10px 10px;
		letter-spacing:-1px;
	}
	.form-wrap .notice-box{
		margin-top:15px;
	}
	.tstyle_list .m-hidden {
		display:none !important
	}
	.tstyle_list .m-gray{
		color:#999;
	}
	.tstyle_list .m-brd{
		position:relative;
		color:#999;
	}
	.tstyle_list .m-brd:after{
		content:"";
		position:absolute;
		top:5px;left:-8px;
		width:1px;height:12px;
		background:#999;
	}
	.tstyle_list > div.dhead {
		display:none;
	}
	.tstyle_list > div.dbody > ul {
		padding:10px 0 5px 0;
	}
	.tstyle_list > div.dbody > ul > li {
		border:0;
		display:block;
		float:left;
		width:auto;
		padding: 0 0 5px 0;
		margin-right:15px;
		min-height:auto;
		text-align:left;
	}
	.tstyle_list > div.dbody > ul > li.title {
		font-size:15px;
		float:none;
		width:100% !important;
	}
	div.tstyle_view div.title{
		padding:15px 15px 10px 15px;
		font-size:20px;
	}
	div.tstyle_view ul.head{
		padding:0 15px 15px;
	}
	div.tstyle_view .add-file-list, div.tstyle_view div.tb_contents{
		padding:15px;
	}
	.card-list .card-item:nth-child(2n) {
		margin-right: 0 !important;
	}
	.card-list .card-item {
		width: 48.7%;
		margin: 0 2.6% 25px 0 !important;
	}
	.month-sch ul{
		flex-wrap:wrap;
	}
	.month-sch ul li{
		width:22%;
		max-width:none;
	}
	#contents .aside-con-area .sch-sel{
		display: block;
		width: 474px;
		margin: 0 auto 10px;
		max-width: none;
	}
	#contents .aside-con-area p{
	    width: 474px; background: url(../images/common/icon-calendar02.png) no-repeat 31% 50%;
	}
	#contents .aside-con-area .sch-down a{
		justify-content: center;
	    padding: 4px 0 0 0;
	}
	.relate-site-wrap ul li{
		width:48.5%;
		max-width:none;
	}
	.notice-box .notice-text.member-out{
		font-size:18px;
		line-height:26px;
	}
	.history-wrap{
		flex-wrap:wrap;
		background-position:100% 0;
	}
	.history-wrap .text{
		width:100%;height:auto;
		margin:0 0 20px 0;
		font-size:28px;
		line-height:42px;
	}
	.history-wrap .text span{
		width:auto;
	}
	.history-wrap .history-con dl dt{
		font-size:20px;
	}
	.learning-view .top-area{
		flex-wrap:wrap;
		margin: 0 0 30px 0;
	}
	.learning-view .top-area .pic{
		width:260px;
		margin:0 0 20px 0;
	}

	/* etc */
	.large-title{
		font-size:20px;
	}
	.mid-title{
		font-size:18px;
		margin:0 0 10px 0;
	}
	.mid-title + .basic-text{
		margin:0 0 20px 0;
	}
	.sm-title{
		font-size:15px;
		margin:0 0 10px 0;
	}
	.btn-area .btn-center{
		display:flex;
		justify-content: center;
	}
	.btn-area .btn-center button, .btn-area .btn-center a{
		margin:0 5px;
	}
	.button.button-large{
		max-width:360px;
		width:100%;
		height:44px;
		line-height:42px;
		font-size:16px;
		min-width: auto;
	}
	.button.button-middle{
		font-size:14px;
	}
	.both-contents{
		flex-wrap:wrap;
	}
	.both-contents > div{
		width:100%;
	}
	.map.tstyle_list ul li.tit{width:250px;}
	.missionBox .mission p::before{left:3%;}
	.missionBox .mission p::after{right:3%;}
	.goalBox ul li{
		width:48%;
		margin: 0 25px 10px 0;
	}
	.goalBox ul li:nth-of-type(2){
		margin-right:0;
	}
	.worthBox ul li{margin-right: 15px;}
	.popup{
		position: fixed !important;
		left: 0 !important;
		top:65px !important;
		width:100% !important;
	}
}

@media all and (max-width: 640px){
	/* layout */
	.contents > * {
		font-size:14px;
	}
	.mid-title{
		font-size:16px;
	}
	#footer .footer-top{
		text-align:center;
		height:100px;
		padding: 13px 0 0 0;
	}
	#footer .footer-util li {
		margin: 0 0 0 4px;
		padding: 0 0 0 4px;
		letter-spacing: -1px;
	}
	#footer .footer-util li a{
		font-size:13px;
	}
	.footer-link-wrap{
		position:relative;
		top:0;
		margin:10px 0;
	}
	#footer .relate-box .site-list{
		width:100%;
	}
	.footer-wrap:after{
		top:94px;
	}
	#footer .footer-info{
		font-size:13px;
		line-height:24px;
	}
	#footer .footer-info .copyright{
		font-size:13px;
	}
	#footer .relate-site .relate-box{
		float:none;
		width:100% !important;
	}
	.all-menu-wrap .all-menu-link > div > ul{
		margin:0;
	}
	.all-menu-wrap .all-menu-link > div > ul > li{
		width:46%;
	}
	.all-menu-wrap .all-menu-link > div > ul > li > a{
		font-size:16px;
	}
	#memberLoginForm{
		display: block;
	}
	.login-wrap .login-con .login-input{
		padding: 0;
        width: 100%;
	}
	.login-wrap .login-con .login-input:after{
		width:100px;height:100px;
		background-size: 44px auto;
		margin-left:-50px;
	}
	.login-wrap .login-con .login-input input{
		margin:0 0 10px 0;
	}
	.login-wrap .login-con .login-input .button, .login-wrap .login-con .login-input .utilmenu{
		margin:0 0 20px 0;
	}
	.login-wrap .login-con .login-notice{
		padding:20px 0 0 0; 	width: 100%; margin: 0;
	}
	.login-wrap .login-con .login-input.find-pwd .list-dot{
		margin:0 0 25px 0;
	}
	.login-wrap .login-con .login-input.find-pwd input.find-email{
		margin-bottom:30px;
	}
	.catpchaSet .set div{
		margin: 0 0 5px 0;
	}
	.id-verification > a{
		margin-bottom:30px;
	}
	.pagination span a {
		width:24px;height:24px;
		padding:1px 0 4px;
		margin:0 0 0 -1px;
		font-size:13px;
		background-size:auto 10px !important;
	}
	.pagination strong{
		width:24px;height:24px;
		padding:1px 0 4px;
		margin: 0 1px 0 0;
	}
	.pagination li, .pagination li a{
		width:24px;height:24px;
		padding:1px 0 4px;
		font-size:13px;
		background-size:auto 10px !important;
	}
	.pagination li.active{
		width:24px;height:24px;
		padding:1px 0 4px;
	}
	.faq-wrap li .question a{
		padding:15px 10px;
	}
	.faq-wrap li .answer{
		padding:15px  10px;
	}
	.faq-wrap li .question a:after{
		top:18px;
		right:15px;
	}
	.faq-wrap li.active .question a:after{
		top:18px;
	}
	#faqList dt{
		padding:15px 10px;
	}
	#faqList dt:after{
		top:18px;
		right:15px;
	}
	#faqList dt.open:after{
		top:22px;
	}
	#faqList dd{
		padding:15px  10px;
	}
	div.tstyle_view div.title{
		padding:15px 10px 10px 10px;
		font-size:18px;
	}
	div.tstyle_view ul.head{
		padding:0 10px 15px;
	}
	div.tstyle_view ul.head li{
		padding:5px 10px 5px 0;
	}
	div.tstyle_view ul.head li:after{
		display:none;
	}
	div.tstyle_view .add-file-list, div.tstyle_view div.tb_contents{
		padding:10px;
	}
	.result_box .text {
		display:block;
	}
	.result_box .per{
		position:absolute;
		top:20px;right:0;
	}
	.card-list .card-item {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.learning-view .top-area .info dl dt{
		font-size:18px;
	}
	.learning-view .top-area .info li.person{
		font-size:14px;
	}
	.tab-list.col2 li a span{
		height:44px;
	}
	#contents .aside-con-area p{
		min-width:100%;  width: 100%;
		margin:0;    
	}
	.aside-con-area .sch-down{
		float:left;
	}
	.aside-con-area .account{
		float:right;
	}
	#contents .aside-con-area .sch-sel{
		width:100%;
	}
	.history-wrap .history-con dl{
		padding-left:70px;
	}
	.history-wrap .history-con dl dt:after {
		left: -60px;
		width: 50px;
	}
	.map.tstyle_list > div.dbody > ul{padding: 30px 0px;	}
	.map.tstyle_list ul li.tit{width:250px;}

	.missionBox .mission{margin-bottom:40px;}
	.missionBox .mission p::before{display:none;}
	.missionBox .mission p::after{display:none;}
	.missionBox .mission strong{margin-bottom:10px;}
	.worthBox{
		width:auto;
	}
	.worthBox ul li{
	    width: 150px;
	    height: 150px;
		padding-top: 85px;
		margin-right:0;
	}
	.worthBox ul li::before{
		width: 132px;
	    height: 132px;
	}
	.worthBox ul li::after{
		top: 30px;
	}
	.visionBox p{
	 	font-size:18px;
	}
	.goalBox ul li{
		width: 47%;
	}
	.errorCheck .logo{
		margin-bottom: 45px;
	}
	.serverCheck .serverInfo .info{
		font-size:25px;
	}
	.serverCheck .serverInfo span{
		font-size:16px;
	}
	.errorCheck .errorInfo .info{
		font-size:25px;
	}
	.errorCheck .errorInfo span{
		font-size:16px;
	}
	.privacy-wrap .basic-text{
		margin-bottom:20px;
	}
	.privacy-wrap .privacy-ico-list ul li{
		font-size:14px;
	}
	.privacy-wrap .list-bar li{
		font-size:14px;
	}
	.privacy-wrap .table-view{
		margin-bottom:20px;
	}
	.privacy-wrap .privacy-ico-list ul li{
		width:100%;
	}
}

@media all and (max-width: 480px){
	.mobile-menu-open  #gnb > ul > li .depth02{
		width: calc(100% - 165px);
	}
	.member-step ul li{
		margin:0 0 0 12px;
	}
	.member-step ul li:after{
		left:-17px;
		width:10px;height:10px;
		margin-top: -6px;
	}
	.form-wrap .tax-infomation span{
		display:block;
		margin:0;
	}
	.form-wrap .tax-infomation:before{
		left:0;
	}
	.page-info .page-title, .contents-wrap.full-w .page-info .page-title{
		font-size:20px;
	}
	.month-sch ul li{
		width:30%;
	}
	#contents .aside-con-area p{
		min-width:100%;
		margin:0 0 10px 0;
	}
	#contents .aside-con-area .sch-sel{
		text-align:left;
	}
	.aside-con-area .sch-down br{
		display:none;
	}
	.relate-site-wrap ul li .logo{
		height:65px;
	}
	.relate-site-wrap ul li .tit{
		font-size:12px;
	}
	.recomentList .tb_contents .button{
		min-width:60px;
		height:60px;
	}
	.recomentList textarea{
		height:60px;
		padding:10px;
		width:calc(100% - 75px)
	}
	.info_list ul li {
	    padding-left: 52px;
	    text-indent: -27px;
    }
    .map.tstyle_list > div.dbody > ul{
		padding: 20px 0 10px 0;
	}
	.map.tstyle_list > div.dbody > ul ul span {
	    margin-left: 58px;
	}
	.visionBox{padding: 15px 0; margin-bottom:0;}
	.visionBox p{font-size:21px;}
	.missionBox .mission p{font-size:21px;}
	.goalBox ul li{
	    width: 48%;
		margin: 0 10px 10px 0;
	}
	.worthBox ul li{
		width: 110px;
	    height: 110px;
		padding:0;
		margin-right:0;
		display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.worthBox ul li::before{
		width: 98px;
    	height: 98px;
    	left: 5px;
    	top: 5px;
	}
	.worthBox ul li::after{display:none;}
	.serverCheck .serverInfo .info {
	    font-size: 18px;
	}
	.errorCheck .errorInfo .info {
	    font-size: 18px;
	}
	.login-wrap .login-con .login-input.find-pwd.existMember{
		width: 100%;
	}


}
	/* popup */
	.popup {padding:0; margin:0; font-family:dotum; font-size:15px; line-height:140%; text-decoration:none; vertical-align:top;z-index:11000}
	.popup .box_close1day, .box_close1day {width:100%; height:36px; background:#ddd; text-align:right; margin-right:10px;line-height:36px;}
	.popup .box_close1day input, .box_close1day input {width:14px; height:14px; background:white;vertical-align:middle;margin-top:-2px;}
	.popup .box_close1day p, .box_close1day p {padding:5px 10px 0 0;}
	.popup .closeBtn{display:inline-block;padding:0 10px}
	.popup .img-si{width:100%;max-width:1024px;border:2px solid #ddd;}
	.popup .Mpopup{max-width:300px !important;left:50% !important;margin-left:-150px;}
	#popup1 .Mpopup{top:120px !important;z-index:11000}
	#popup2 .Mpopup{top:140px !important;z-index:11100}
	#popup3 .Mpopup{top:160px !important;z-index:11200}
	#popup4 .Mpopup{top:180px !important;z-index:11300}
	#popup5 .Mpopup{top:200px !important;z-index:11400}