@charset "utf-8";
@import url("fonts.css");


/*-----------common------------*/

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;

}
body,
select,
input,
button,
a{
	margin:0;
	padding:0;
	font-size: 13px;
}
h1, h2, h3, h4, h5, p, ul, ol, dl, dt, dd, li{
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
}
a{
	text-decoration:none;
	color:#000;
}
button{
	border:none;
	cursor: pointer
}
table caption {
   text-indent:-10000px;
   width: 0px;
   height: 0px;
}
figure{
	padding:0;
	margin:0;
}
table{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}
input[type='text'],
input[type='password']{
	border:1px solid #ccc;
}
select{
	border:1px solid #ccc;
}
.clearfix:after{
	content:'';
	display:block;
	clear:both;
}
.t-left {text-align: left !important;}
.t-right {text-align: right !important;}

header{
    width: 100%;
	z-index: 15;
    position: relative;
}
header .head-wrap{
	margin:0 auto;
}
header .head-wrap .head-logo{
    text-align: left;
}
header .head-wrap .head-logo-wrap h1{font-size: 18px;}
header .head-wrap .head-logo-wrap.login_hd .logo{text-align: center;background-image: none;}
header .head-wrap .head-logo-wrap.login_hd .logo b{
  background-image: url('/assets/images/hd_login_logo.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 40px; width: 36px; display: inline-block;
}
.call_btn{position: absolute;width:36px; height: 40px; display: block;top:5px; right:40px;
  background-image: url('/assets/images/hd_call.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.hd_call_box{width:36px; height: 40px; display: block;
  background-image: url('/assets/images/hd_call_on.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
header.main-header{
	border-bottom:none;
	margin: 50px 0 0 0;
}
.nav-close a{
	background-position: -63px -31px;
	display:block;
}
.nav-close{
	padding:20px 15px 20px 0;
	text-align:right;
	display:none;
}
.m-menu {
    display: block;
    width: 60px;
	height: 60px;
    overflow: hidden;
    z-index: 30;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    overflow: hidden;
    vertical-align: middle;
	margin-top: -5px;
}
.m-menu:before,
.m-menu span:before {
    content: "";
    position: absolute;
    left: 21px;
    top: 24px;
	border-radius: 50%;
    height: 5px;
    width: 5px;
    background: #999;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.m-menu:after,
.m-menu span:after  {
    content: "";
    position: absolute;
    left:31px;
    top: 24px;
    border-radius: 50%;
    height: 5px;
    width: 5px;
    background: #999;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.m-menu span{
	position:absolute;
	display:block;
	    text-indent: -9999px;
    font-size: 0;
}
.m-menu span:before {
    top: 34px;
}
.m-menu span:after {
    top: 34px;
}
.m-back {
	display: block;
    width: 56px;
    height: 56px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 30;
}
.m-back span{
    display: block;
    text-indent: -9999px;
    font-size: 0;
}
.m-back span:before {
    content: "";
	background: url(/assets/images/icons.png) -150px -50px no-repeat;
    background-size: 328px;
	width: 32px;
    height: 33px;
    margin:11px auto;
	    display: block;
}
.m-noti {
    display: block;
    padding:18px;
}
.m-noti span{
	display: block;
    background: #0073cb;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}
.btn-menu-all{
	display:none;
}


.m-bar{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	position:fixed;
	right:0;
	top:0;
	z-index:99;
}

.foot-nav{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
	z-index: 9;
}
.foot-nav ul{
	background: #0073cb;
    margin: 0 10px;
    border-radius: 15px 15px 0 0;
}
.foot-nav li{
	    width: 25%;
    float: left;
}
.foot-nav li a{
	height: 52px;
    display: block;
    color: #fff;
    text-align: center;
	font-size:12px;
  font-weight: bold;
}
.foot-nav li a:before{
	content:'';
	display:block;
	width:40px;
	height:33px;
	margin: 0 auto;
}
.foot-nav li a.n-home:before{
	background:url(/assets/images/icons.png) 2px -102px no-repeat;
	background-size:328px;
}
.foot-nav li a.n-event:before{
	background:url(/assets/images/icons.png) -40px -102px no-repeat;
	background-size:328px;
}
.foot-nav li a.n-menu:before{
	background:url(/assets/images/icons.png) -80px -102px no-repeat;
	background-size:328px;
}
.foot-nav li a.n-my:before{
	background:url(/assets/images/icons.png) -120px -102px no-repeat;
	background-size:328px;
}
.foot-nav li a.n-letter:before{
	background:url(/assets/images/icons.png) -160px -102px no-repeat;
	background-size:328px;
}
.contenst{

}
.main-half1{
	padding:15px 10px;
}
.main-half2{
	padding:15px 10px 60px 10px;
	background:#dedede;
}
.main-visual img{
    width:100%;
}

.main-direct li {
    float: left;
    width: calc(25% - 7px);
    margin: 0 9px 0 0;
}

.main-direct li:nth-child(4n) {
    margin: 0;
}


/*인삼공사용*/
/* .insam li {
    width: calc(33% - 8px);
	margin: 0 9px 0 0;
}
.insam li:nth-child(4n) {
    margin: 0 9px 0 0;
}
.main-half1 .insam{
	padding-bottom:10px;
} */

.main-direct li a.active{border:1px solid #cc0000;}
.main-direct li a{
    display: block;
    border:1px solid #fff;
    background: #eeeeee;
    height: 95px;
    margin: 0 auto 10px auto;
    border-radius: 10px;
    text-align: center;
    padding: 10px 0 0 0;
	font-size:13.5px;
  font-weight: bold;
}
.main-direct li a:before{
	content:'';
	display:block;
	width:50px;
	height:50px;
	background:url(/assets/images/icons.png) no-repeat;
	background-position: 0 0;
	background-size:328px;
	margin: 0 auto 10px auto;
}
.main-direct li:nth-child(2) a:before{
	background-position: -50px 0;
	background-size:328px;
}
.main-direct li:nth-child(3) a:before{
	background-position: -100px 0;
	background-size:328px;
	margin: 0 auto 5px auto;
}
.main-direct li:nth-child(4) a:before{
	background-position: -150px 0;
	background-size:328px;
}
.main-direct li:nth-child(5) a:before{
	background-position: -200px 0;
	background-size:328px;
}
.main-direct li:nth-child(6) a:before{
	background-position: -250px 0;
	background-size:328px;
	margin: 0 auto 5px auto;
}



.main_link{font-size: 0px;}
.main_link>a.insam_news-go span{display: none;margin-left: 10px; color: #ffeb3b;}
.main_link>a.insam_news-go.active span{display: inline-block;}
.main_link>a{
	font-size:16px;
	width:49%;    box-sizing: border-box;
	line-height:42px;border-radius:10px;display: inline-block;padding: 0 0 0 18px;font-weight: bold;
	box-shadow: 0 2px 3px #e4e4e4;
	    margin-top: 5px;}




.insam_news-go{
  border:1px solid #0066cc;
  color: #fff; background-color: #0066cc;}
.blind-go{
  border:1px solid #cc0000;
  color: #fff; background-color: #cc0000;
	margin-right: 2%;
}
.main-linked{
	    margin: 0 0 12px 0;
}
.main-linked li {
    float: left;
    width: calc(50% - 5px);
    margin: 0 10px 0 0;
}
.main-linked li:nth-child(2n) {
	 margin: 0;
}
.main-linked li a{
    display: block;
    background: #fff;
    height: 25px;
    margin: 0 auto 10px auto;
    border-radius: 37px;
    padding: 12px 0 0 0;
    font-size: 13.5px;
    text-indent: 25px;
	position:relative;
  font-weight: bold;
}
.main-linked li a:after{
    content: '>';
    display: block;
    position: absolute;
    right: 27px;
    top: 11px;
    transform: scaleX(2);
    font-weight: 400;
    font-size: 13px;
    color: #cc0000;
}

.main-circle li {
    float: left;
    /*width: calc(50% - 10px);*/
	width : calc(33.3333% - 10px);
    margin: 0 10px 0 0;
}
.main-circle li:nth-child(3n) {
	 margin: 0;
}
.main-circle li a{
    display: block;
    margin: 0 auto 10px auto;

    text-align: center;
    padding: 0;
	font-size:13.5px;
  font-weight: bold;
}
.main-circle li a:before{
	content:'';
	display:block;
	width:50px;
	height:50px;
	background:#fff url(/assets/images/icons.png) 0 -50px no-repeat;
	border-radius: 50%;
	border:3px solid #fff;
	background-size:328px;
	margin: 0 auto 8px auto;
}
.main-circle li a.event_link:before{
  background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  background-image: url('/assets/images/event_on.png');
}
.main-circle li a.event_link.active:before{
  background-image: url('/assets/images/event_off.png');
}
.main-circle li a.star_link:before{
  background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  background-image: url('/assets/images/star_on.png');
}
.main-circle li a.star_link.active:before{
  background-image: url('/assets/images/star_off.png');
}


.main-circle li:nth-child(2) a:before{
	background-position: -50px -50px;
	background-size:328px;
}

h1{
    font-size: 21px;
    text-align: center;
    margin: 0 60px;
    line-height: 44px;
}
.sub-cont{
	border-top:1px solid #c60a1d;
	padding: 18px 18px 75px 18px;
}
.list-basic li{
	border-bottom:1px solid #ddd;
}
.list-basic li a{
	padding:13px 0;
	display:block;
	position:relative;
}
.list-basic li a:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    content: '';
    width: 9px;
    height: 15px;
    background-image: url(/assets/images/renew/ico_menu_arr.png);
    background-size: cover;
}
.list-basic li a .lb-tit{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 0 27px 0 0;
	font-weight: 500;
	margin: 0 0 5px 0;
}
.list-basic li a .lb-date-box{font-size: 13px; line-height: 15px; padding-right: 20px;}
.list-basic li a span{
	font-size: 14px;
    display: inline-block;
	color:#666;
	    margin: 0 5px 0 0;
}
.list-basic li a span.lb-date{
	color:#0073cb;
    font-weight: 600;
}
.list-view .view-dispt{
	font-size:13px;
	color:#666;
	border-top:1px solid #ddd;
	    padding: 10px 0;
    line-height: 1.5;
	min-height: 120px;
    border-bottom: 1px solid #ddd;
}
.list-view .view-dispt img{max-width: 100%;}

.editorImg{
	max-width:100%;
	height:auto;
}
.list-view .view-attach{
    padding: 20px 0;
    border-bottom: 1px solid #111;
}
.list-view .view-attach dt{
	font-size:20px;
	color:#333;
    margin-bottom: 15px;
}
.list-view .view-attach dt:before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 27px;
    background-image: url(/assets/images/renew/ico_file.png);
    background-size: cover;
    vertical-align: middle;
    margin-right: 7px;
}
.list-view .view-attach dd{
	display:inline-block;
}
.list-view .view-attach dd a{
    display: block;
    border: 2px solid #0073cb;
    font-size: 18px;
    color: #333;
    padding: 5px 15px;
    text-decoration: underline;
}
.list-blind li:first-of-type {
    border-top: 1px solid #ddd;
}
.list-blind li{
	border-bottom:1px solid #ddd;
}
.list-blind li a{
    display: flex;
    flex-direction: column;
    gap: 8px;
	padding: 10px 0;
	position:relative;
}
.list-blind li a .lb-tit{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 0 60px 0 0;
    font-size: 16px;
	font-weight: 600;
}
.list-blind li a span{
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #666;
}
.list-blind li a span.lb-date{
	color:#0073cb;
	font-size:12px;
    font-weight: 500;
}
.list-blind li a span.lb-ctg{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    background: #a0a0a0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 0px;margin: 0px;
}
.list-blind li a span.lb-ctg.receipt{
	background: #ec6100;
}
.list-blind li a span.lb-ctg.review{
	background: #486a00;
}
.list-blind li a span.lb-ctg.correct {
	background: #0068b7;
    line-height: 16px;
    padding:13px 0px;
}
.list-blind li a span.lb-ctg.return{
	background: #000;
}
.list-blind li a span.lb-ctg.progress{
	background: #339999;
}
.list-blind li a span.lb-ctg.complete{
	background: #3a0a0a;
}
.view-comment{
	border: 2px solid #ddd;
    margin: 10px 0;
    padding: 7px;
}
.view-comment .comt-head{
	position: relative;
}
.view-comment .comt-head h3{
	font-size: 13px;
}
.view-comment .comt-head .comt-submit{
	position: absolute;
    background: #0073cb;
    color: #fff;
    padding: 2px 12px;
    border-radius: 3px;
    font-size: 12px;
    right: 0;
    top: 0;
}
.view-comment .comt-head #fviewcomment .txt-wrap{
	    margin: 7px 0;
    border: 1px solid #ddd;
}
.view-comment .comt-head #fviewcomment .txt-wrap textarea{
	width: calc(100% - 9px);
    height: 57px;
    border: none;
}
.view-comment .comt-list{
	    border-top: 1px solid #ddd;
}
.view-comment .comt-list li{
	    border-bottom: 1px solid #ddd;
    padding: 10px 0 0 0;
    font-size: 12px;
    position: relative;
}
.view-comment .comt-list li strong{
    font-size: 18px;
}
.view-comment .comt-list li .c-date{
	position: absolute;
    right: 0;
    top: 10px;
}
.view-comment .comt-list li .c-txt{
    font-weight: 300;
	color: #666;
    padding: 5px 0;
    line-height: 1.5;
}
.write-basic{
	border-top:1px solid #000;
    border-bottom: 1px solid #000;
	margin: 0 0 40px 0;
}
.write-basic ul{
	display: table;
    width: 100%;
	table-layout: fixed;
}
.write-basic li{

    display: table-row-group;
}
.write-basic li:after{
	content:'';
	display:block;
	clear:both;
}
.write-basic.register_div li .w-label{
  width: 35%; font-size: 15px;
}
.write-basic.register_div li .w-label span{font-size: 13px; display: block;}
.write-basic.register_div li .w-label + .w-form{width: 65%;}
.write-basic > ul li {display: flex; height: 55px;}
.write-basic > ul li:first-of-type .w-label,
.write-basic > ul li:first-of-type .w-form {border-top: 1px solid #dedede;}
.write-basic li.textarea {height: 220px;}
.write-basic li.auto {height: auto;}
.write-basic li .w-label{
    display: flex;
    align-items: center;
    justify-content: center;
	width: 25%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    min-height: 23px;
    padding: 15px 0;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
    line-height: 24px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background-color: #f4f4f4;
    box-sizing: border-box;
}
.write-basic li .w-label + .w-form{
	font-size: 12px;
	width: 75%;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	padding: 10px;
    border-right: 1px solid #dedede;
    box-sizing: border-box;
}
.write-basic li .w-label + .w-form > span {line-height: 34px; margin-right: 25px;}
.write-basic select{
	font-size:12px;
	width: 100%;
    height: 100%;
	padding: 5px 0;
	text-align:center;
	background:#fff;
}
.write-basic select:disabled {background-color: #e8e8e8; color: #a4a4a4;}
.write-basic input[type='text'],
.write-basic input[type='tel'],
.write-basic input[type='number'],
.write-basic input[type='password']{
	font-size:12px;
	width: 100%;
    height: 100%;
	padding: 5px 0;
	text-indent:8px;
	border: 1px solid #dedede;
    box-sizing: border-box;
}
.write-basic  {}
.write-basic .textarea {height: 220px; box-sizing: border-box; }
.write-basic textarea{
	width: calc(100%);
    height: 100%;
    border: 1px solid #dedede;
    box-sizing: border-box;
}
.write-basic input[type='radio']{
	vertical-align: middle;
}
.write-basic label{
	vertical-align: middle;
    margin: 0 5px 0 3px;
    font-size: 16px;
}
.file-custom input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.file-custom label {
    display: inline-block;
    padding: 5px 20px;
    color: #fff;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
    background: #0073cb;
    line-height: 20px;
	margin: 0;
    font-size: 16px; font-weight: 600;
}
.file-custom label img {vertical-align: middle; margin-right: 5px;}
.pic-previvew{
	    position: relative;
    margin: 9px 0 0 0;
}
.pic-info {
    position: absolute;
    top: 10px;
    left: 72px;
    font-size: 12px;
    color: #3758fd;
    line-height: 1.4;
}
.pic-info strong{

    font-weight: 400;
}
.pic-previvew>div.no_img{background-image: url('/assets/images/join_img_icon.png');
background-repeat: no-repeat;background-size: contain;background-position: center;}
.pic-previvew>div{
	    display: block;
    width: 65px;
    height: 65px;
    background-color: #e5e5e5;;
    margin: 0 0 5px 0;
}
.pic-previvew>div img{
	width:100%;
	height:100%;
}
.list-mem{
	border-top: 1px solid #ddd;
	    margin: 50px 0 0 0;
}
.list-mem>ul>li{
	    padding:10px 0 7px 0;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.list-mem .mem-pic{
	position: absolute;
    left: 0;
    top: 10px;
    width: 70px;
    height: 80px;
	background:#dcdcdc;
}
.list-mem .mem-pic:after{
content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: #ddd url(/assets/images/icons.png) -271px -52px no-repeat;
    background-size: 328px;
    margin: 15px 0 0 10px;
	    position: absolute;
    top: 0;
}
.list-mem .mem-pic img{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.list-mem .mem-wrap{
	padding: 0 0 0 90px;
}
.list-mem .mem-wrap li{
padding: 0 50px 2px 48px;
    font-size: 11px;
    position: relative;
}

.list-mem .mem-wrap li .mb-label{
    display: inline-block;
    width: 50%;
    letter-spacing: 4.8px;
    color: #666;
    padding: 0;
    position: absolute;
    left: 0;
}
.list-mem .mem-wrap li:nth-child(5) .mb-label,
.list-mem .mem-wrap li:nth-child(6) .mb-label{
	 letter-spacing: 0;
}
.list-mem .mem-wrap li .mb-txt{
	/* margin: 0 0 0 9px; */
  display: inline-block;
}
.list-mem .m-call{
    position: absolute;
    right: 0;
    top: 30px;
    width: 39px;
    height: 39px;
    background: #c60a1d url(/assets/images/icons.png) -40px -139px no-repeat;
    border-radius: 50%;
    background-size: 328px;
    text-indent: -9999px;
}
.search-bar{
    background: #c60a1d;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 8px 0;
	text-align:center;
}
.search-bar select{
    width: 20%;
    height: 30px;
    font-size: 15px;
    border-radius: 3px;
    color: #666;
    vertical-align: middle;
    padding: 1px 0;
}
.search-bar button{
    width: 38px;
    background: #000 url(/assets/images/icons.png) -82px -146px no-repeat;
    background-size: 330px;
    text-indent: -9999px;
    border-radius: 5px;
    height: 32px;
    vertical-align: initial;
}
.list-gate dt.dt-hidden{
	display:none;
}
.list-gate dt span{
    font-size: 18px;
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 7px 0 0;
    margin: 0 0 5px 0;
    font-weight: 600;
}
.list-gate dt:after{
	content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    top: 9px;
}
.list-gate dd{
    background: red;
    margin: 0 0 5px 0;
    height: 38px;
    line-height: 38px;
    padding: 1px 5px 1px 1px;
}
.list-gate dd a{
    display: block;
    background: #fff;
    border-radius: 5px 7px 7px 5px;
    position: relative;
    text-indent: 46px;
}
.list-gate dd a:before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: red url(/assets/images/icons.png) -3px -144px no-repeat;
    background-size: 328px;
    border-radius: 50%;
    position: absolute;
    left: 7px;
    top: 3px;
}
.list-gate dd:nth-child(2),
.list-gate dd:nth-child(8){
	background: #e60012;
}
.list-gate dd:nth-child(2) a:before,
.list-gate dd:nth-child(8) a:before{
	background: #e60012 url(/assets/images/icons.png) -3px -144px no-repeat;
	background-size: 328px;
}
.list-gate dd:nth-child(3),
.list-gate dd:nth-child(9),
.list-gate dd:nth-child(15){
	background: #eb6100;
}
.list-gate dd:nth-child(3) a:before,
.list-gate dd:nth-child(9) a:before,
.list-gate dd:nth-child(15) a:before{
	background: #eb6100 url(/assets/images/icons.png) -3px -144px no-repeat;
	background-size: 328px;
}
.list-gate dd:nth-child(4),
.list-gate dd:nth-child(10),
.list-gate dd:nth-child(16){
	background: #004986;
}
.list-gate dd:nth-child(4) a:before,
.list-gate dd:nth-child(10) a:before,
.list-gate dd:nth-child(16) a:before{
	background: #004986 url(/assets/images/icons.png) -3px -144px no-repeat;
	background-size: 328px;
}
.list-gate dd:nth-child(5),
.list-gate dd:nth-child(11){
	background: #5f52a0;
}
.list-gate dd:nth-child(5) a:before,
.list-gate dd:nth-child(11) a:before{
	background: #5f52a0 url(/assets/images/icons.png) -3px -144px no-repeat;
	background-size: 328px;
}
.list-gate dd:nth-child(6),
.list-gate dd:nth-child(12){
	background: #448aca;
}
.list-gate dd:nth-child(6) a:before,
.list-gate dd:nth-child(12) a:before{
	background: #448aca url(/assets/images/icons.png) -3px -144px no-repeat;
	background-size: 328px;
}
.list-gate dd:nth-child(7),
.list-gate dd:nth-child(13){
	background: #009e96;
}
.list-gate dd:nth-child(7) a:before,
.list-gate dd:nth-child(13) a:before{
	background: #009e96 url(/assets/images/icons.png) -3px -144px no-repeat;
	background-size: 328px;
}

.list-gate.my dd:nth-child(2) a:before {
    background: #e60012 url(/assets/images/icons.png) -243px -145px no-repeat;
    background-size: 328px;
}
.list-gate.my dd:nth-child(3) a:before{
	background: #eb6100 url(/assets/images/icons.png) -243px -145px no-repeat;
	background-size: 328px;
}



.branch-photo{
	margin:0 0 10px 0;
}
.branch-photo a{
	background: #e5e5e5 url(/assets/images/logo_bg.png) center center no-repeat;
	background-size:180%;
	border-radius:10px;
	display:block;
	height:100px;
}
.branch-photo a img{
	width:100%;
	height:100%;
	border-radius:10px;
}
.branch-photo  ul{
    width: 100%;
}
.branch-photo li{
    display: block;
    width: calc(50% - 3px);
    float: left;
    margin: 0 5px 0 0;
}
.branch-photo li:last-child{
	margin: 0 ;
}
.branch-photo a.pic-large{
	height:200px;
	margin:0 0 5px 0;
	background-size:120%;
}

.btn-list{
    font-size: 12px;
    background: #666;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 8px 0;
}
.btn-submit{
    font-size: 20px;
    background: #0073cb;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    border-radius: 5px;
    padding: 20px 0;
}
.branch-dispt{
	    font-size: 13px;
    line-height: 1.5;
    padding: 20px 0;
    color: #666;
}
.branch-dispt img{width: 100%}
.list-basic.poll li {
}
.list-basic.poll li span {
}
.list-view.poll{
	margin: 0 0 30px 0;
}
.view-poll li{
	padding: 0 0 10px 0;
}
.view-poll li input{
	    vertical-align: middle;
    margin: 0 5px 0 0;
}
.view-poll li label{
    font-size: 14px;
    font-weight: 600;
    color: #666;
	vertical-align: middle;
}
.menu-view .mn-date{
	color:#297bcd;
	margin:0 0 5px 0;
	font-weight:500;
    font-size: 20px;
}
.menu-view .mn-index{
	width:100%;
	display:table;
	border-top:1px solid #111;
}
.menu-view .mn-index:last-of-type {border-bottom: 1px solid #111;}
.menu-view .mn-index > span{
    display: table-cell;
    background: #e3f6ff;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
}
.menu-view .mn-index > span > span {
    position: relative;
}
.menu-view .mn-index > span > span::before {
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50vh;
    background-color: #0073cb;
}
.menu-view .mn-index ul{
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 20px 40px;
    border-left: none;
    border-right: 1px solid #eaeaea;
}
.menu-view .mn-index ul li{
    font-size: 16px;
    font-weight: 500;
    color: #666;
}
.menu-view .mn-index ul li:before{
    content: '-';
    display: inline-block;
    font-size: 16px;
    color: #0073cb;
    line-height: 1.7;
    margin: 0 5px 0 0;
}
.menu-view p{
    font-size: 11px;
    position: relative;
    padding: 0 0 5px 15px;
    line-height: 1.5;
	color:#666;
}
.menu-view p:before{
	font-size: 11px;
    content: '※ ';
    display: inline-block;
    position: absolute;
    left: 0;
}
.about-chair {
	position:relative;
}
.about-chair .chair-img{
    /* background: #eee url(/assets/images/icons.png) left -384px no-repeat;
    background-size: 328px;
    height: 126px;
    text-indent: -9999px;
    font-size: 0;
    margin: 0 0 15px 0;
    border-radius: 15px; */
    height: 155px;
    background-image: url(/assets/images/renew/about_chair.png);
    background-size: cover;
}
.about-chair:after{
    background: url(/assets/images/icons.png) right -384px no-repeat;
    background-size: 328px;
    height: 126px;
    width: 40%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right:-2px;
    display: none;
}
.about-chair .chair-sign{
	    text-align: right;
    font-size: 12px;
}
.about-chair .chair-sign strong{
	background: url(/assets/images/icons.png) -161px -146px no-repeat;
    background-size: 328px;
    height: 126px;
    text-indent: -9999px;
    font-size: 0;
    display: inline-block;
    width: 71px;
    height: 31px;
    vertical-align: middle;
}
.about-org{
	text-align:center;
}
.about-org .org-lv1 h2{
	    font-size: 15px;
    color: #fff;
    background: #993333;
    height: 40px;
    border-radius: 40px;
    line-height: 40px;
}
.about-org .org-lv2 h3{
	    font-size: 15px;
    color: #fff;
    background: #b35353;
    height: 40px;
    border-radius: 40px;
    line-height: 40px;
}
.about-org .org-lv2 .org-lv2-depth{
    border: 1px solid #0073cb;
    border-radius: 15px;
    padding: 10px 10px 5px 10px;
    margin: 10px 0 0 0;
}
.about-org .org-lv2 .org-lv2-depth li{
    border-radius: 29px;
	height:29px;
	line-height: 29px;
	font-size:13px;
	background:#dcdcdc;
	width:calc(50% - 6px);
	margin:0 6px 6px 0;
	float:left;
}
.about-org .org-lv2 .org-lv2-depth li:nth-child(2n){
	margin:0 0 6px 0;
}
.about-org .org-lv3 h4{
	font-size: 15px;
    color: #fff;
    background: #d48888;
    height: 40px;
    border-radius: 40px;
    line-height: 40px;
    border: 1px solid #cc0000;
}
.about-org .org-lv1:after,
.about-org .org-lv2 h3:after,
.about-org .org-lv2:after,
.about-org .org-lv3:after{
	content:'';
	display:block;
	height:10px;
	width:1px;
	background:#666;
	margin:0 auto;
}
.about-org .org-lv4{
	font-size: 15px;
    color: #fff;
    background: #d48888;
    height: 40px;
    border-radius: 40px;
    line-height: 40px;
    border: 1px solid #cc0000;
}
.about-org .org-lv4 li:after{
    content: '';
    display: block;
    height: 10px;
    width: 1px;
    background: #666;
    position: absolute;
    left: 50%;
    bottom: -11px;
}
.about-org .org-lv4 li{
    float: left;
    width: 25%;
    position: relative;
}
.about-org .org-lv4 li:before{
	content:'';
	display:block;
	width:1px;
	height:100%;
	background:#cc0000;
	position:absolute;
	left:0;
	top:0;
}
.about-org .org-lv4 li:first-child:before{
	content:none;
}
.about-org .org-lv5{
	margin:10px 0 0 0;
	border: 1px solid #cc9999;
    border-radius: 15px;
    padding: 10px 10px 5px 10px;
    margin: 10px 0 0 0;
	background:#f5efef;
}
.about-org .org-lv5.support{
	border: 1px solid #ccc;
	background:#eeeeee;
}
.about-org .org-lv5 dl{
    border: 1px solid #cc9999;
    border-radius: 15px;
    background: #fff;
    min-height: 22px;
    padding: 5px 0 0 5px;
    margin: 0 0 8px 0;
}
.about-org .org-lv5.support dl{
	border: 1px solid #999;
}
.about-org .org-lv5 dl:after{
	content:'';
	display:block;
	clear:both;
}
.about-org .org-lv5 dt{
	padding:2px 0 4px 0;
}
.about-org .org-lv5 dd{
	width: calc(50% - 5px);
    margin: 0 2px 3px 0;
    float: left;
	border: 1px solid #cc9999;
	border-radius: 5px 5px 5px 10px;
	background:#eadcdc;
	font-size:12px;
	color:#666;
	padding:3px 0;
}
.about-org .org-lv5.support  dd{
	border: 1px solid #999;
	background:#e3e3e3;
	border-radius: 5px
}
.about-org .org-lv5 dd:nth-last-of-type(1){
	border-radius: 5px 5px 10px 5px ;
}
.about-org .org-lv5 dd:nth-last-of-type(2){
	border-radius: 5px 5px 5px 10px;
}
.about-org .org-lv5 dd.alon{
border-radius: 5px 5px 10px 10px;
    width: calc(100% - 5px);
}
.about-legend li{
    position: relative;
    padding: 7px 0 7px 20px;
}
.about-legend li:before{
content: '▶';
    display: block;
    position: absolute;
    left: 6px;
    font-size: 10px;
    transform: scale(0.8);
    top: 7px;
    color: #0073cb;
}
.about-legend p{
	color: #666;
	    margin: 3px 0 0 0;
}
.about-legend li.now{
	    background: #eed8d8;
    border-radius: 5px;
}
.pub-view h2{
	font-size:15px;
	margin: 0 0 10px 0;
}
.pub-view h3{

}
.pub-view{
	font-size:14px;
	margin: 0;
	line-height: 1.5;
}
.pub-view p{
	font-size:14px;
	margin: 0 0 12px 0;
}
.pub-view>ol{
	margin: 0 0 12px 10px;
}
.pub-view ol li{
	font-size:14px;
}
.pub-view>ol>li>ol li{
	padding: 0 0 0 20px;

}
.pub-view>ol>li>ol li span{
	display:block;
	position: relative;
    left: -10px;
}
.contact-tabs1>ul{
	border-bottom: 2px solid #0073cb;
	    position: relative;
    margin: 0 0 40px 0;
}
.contact-tabs1>ul>li{
	float: left;
    width: 33.33333%;
}
.contact-tabs1>ul>li>a{
	    background: #eee;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
    padding: 8px 0;
    border-radius: 5px;
    margin: 0 1.5px 0 0;
	color:#666;
}
.contact-tabs1>ul>li:last-child>a{
	margin: 0 0 0 1.5px;
}
.contact-tabs1>ul>li.active>a{
	    background: #0073cb;
    color: #fff;
    border: 1px solid #0073cb;
    border-radius: 5px 5px 0 0;
}
.contact-tabs1>ul>li.active .contact-tabs2{
	display:block;
}
.contact-tabs2{
	margin:5px 0;
	display: none;
	position: absolute;
    width: 100%;
	left: 0;
}
.contact-tabs2 li{
	float: left;
    width: 25%;
}
.contact-tabs2.cols3 li{
	float: left;
    width: 33.3%;
}
.contact-tabs2 a{
	    background: #dcdcdc;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
    padding: 8px 0;
    border-radius: 5px;
    margin: 0 1.5px 0 0;
	color:#666;
}
.contact-tabs2 li:last-child a{
	margin: 0 0 0 0.5px;
}
.contact-tabs2 li.active a{
	    background: #707070;
    color: #fff;
    border: 1px solid #707070;
}

.tstyle-view{
	margin:15px 0 0 0;
}
.tstyle-view h2{
	    font-size: 15px;
    padding: 5px 13px 2px 13px;
    border-radius: 27px;
    border: 1px solid #0073cb;
    display: inline-block;
    margin: 0 0 6px 0;
}
.tstyle-view ul{
	width:100%;
	display:table;
	border-top:1px solid #000;
	margin: 0 0 10px 0;
}
.tstyle-view ul li{
	display:table-row;
}
.tstyle-view span{
	display: table-cell;
    background: #f5f5f5;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ddd;
    font-weight: 600;
	    border-top: none;
		    width: 20%;
}
.tstyle-view span + div{
	    display: table-cell;
    border: 1px solid #ddd;
    padding:10px;
    border-left: none;
	    border-top: none;
}
#ctt.ctt_kgc_contents_6 {display: none;}
iframe#pdf_viewer {height: calc(100vh - 55px);}
.ktg-rule{
	    padding: 0 0 0 0;
	    line-height: 1.5;
		font-size:13px;
	color:#666;
}
.ktg-rule h2{
    font-size: 22px;
    font-weight: 800;
    color: #0073cb;
    position: relative;
    margin: 20px 0 0 0;
    border: 1px solid #d2d2d2;
    background-color: #f3fbff;
    padding: 25px 20px;
}
.ktg-rule h2:first-child{
    border-top:1px solid #111;
}
.ktg-rule h2 .libKTG_v {margin-left: auto; font-size: 14px; font-weight: 600; color: #666;}
.ktg-rule h2:first-child + p{
    font-size: 18px;
    margin: 10px 0 5px 0;
    line-height: 1.2;
    color: #000;
}
.ktg-rule h3 {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 800;
    padding-left: 15px;
    color: #111;
    margin-top: 30px;
    z-index: 1;
}
.ktg-rule h3::before {position: absolute; left: 0; top: 50%; transform: translateY(-50%); content: ''; width: 6px; height: 6px; background-color: #0073cb;}
.ktg-rule h3::after {position: absolute; right: 0; bottom: 3px; content: ''; width: calc(100% - 15px); height: 40%; background-color: #cae8ff; z-index: -1;}
.ktg-rule h3 + strong{
    display: inline-block;
    margin: 0;
    color: #000;
}
.ktg-rule h3 + p strong{
	display:block;
}
.ktg-rule h4{
    display: block;
    font-weight: 600;
    position: relative;
    left: 0;
	margin: 10px 0 0 15px;
	font-size:14px;
	color:#000;
    padding-left: 10px;
    line-height: 2;
}
.ktg-rule h5{
    font-weight: 500;
    font-size: 14px;
    color: #0073cb;
    padding-left: 15px;
    margin: 5px 0 3px 0;
}
.ktg-rule h4 span{
	font-weight:400;
}
.ktg-rule h4:before{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
	content: '';
    width: 6px;
    height: 6px;
    background-color: #0073cb;
    border-radius: 50vh;
	margin: 0 5px 0 0;
}
.ktg-rule table th{
	font-size:14px;
	background:#297bcd;
    color: #fff;
	border:1px solid #ddd;
	text-align:center;
	    padding:  5px 3px;
}
.ktg-rule table th.sub {
    background-color: #f4f6f7;
    color: #111;
}
.ktg-rule table{
	margin:0 0 5px 0;
}
.ktg-rule h3 + table,
.ktg-rule h3 + table + table,
.ktg-rule h3 + table + table + table{
    margin: 10px 0 5px 0;
    width: calc(100% + 10px);
}
.ktg-rule table td{
	font-size:14px;
	border:1px solid #ddd;
	text-align:center;
	    padding: 5px 3px;
		vertical-align:middle;
}
.ktg-rule table td.lt{
	text-align:left;
}
.ktg-rule>ul>li{
    font-size: 13px;
    padding: 0 0 0 13px;
    position: relative;
    line-height: 2;
}
.ktg-rule>ul.bg {
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    padding: 5px;
}
.ktg-rule>ul.bg > li {
    font-size: 12px;
}
.ktg-rule>ul>li:before{
	content: '-';
    display: inline-block;
    position: absolute;
    left: 0;
}
.ktg-rule>ul>li>ul>li{
    font-size: 13px;
    padding: 0 0 0 11px;
    position: relative;
}
.ktg-rule>ul>li>ul>li:before{
	content: '●';
    display: inline-block;
    position: absolute;
    left: 0;
	    transform: scale(0.3);
}
.ktg-rule span.sm {
    display: block;
    padding-left: 15px;
    line-height: 2;
}
.ktg-rule p span.sm,
.ktg-rule span.sm span.sm {
    padding-left: 6px;
}
.ktg-rule p{
	font-size:14px;
	padding: 0 0 0 15px;
    line-height: 2;
}
.ktg-rule > p.sm {
    margin-bottom: 10px;
    padding: 0 0 0 15px;
}
.ktg-rule > p.sm .sm {
    display: block;
    font-size: 12px;
}
.ktg-rule .mb-0 {
    margin-bottom: 0 !important;
}
.ktg-rule .mb-10 {
    margin-bottom: 10px !important;
}
.ktg-rule h4 + p,
.ktg-rule h4 + p + br + p{
	padding: 0 0 0 15px;
}
.ktg-rule>ol{
	margin:10px 0 0 0;
	padding: 0 0 0 13px;
}
.ktg-rule>ol>li{
    font-size: 13px;
    position: relative;
}
.ktg-rule>ol>li>strong{
color: #0073cb;
    margin: 10px 0 0 0;
    display: block;
}
.ktg-rule>ul.h4line{
    position: relative;
    left: -12px;
    padding: 0 0 0 12px;
    margin: 10px 0 0 0;
}
.ktg-rule>ul.h4line:before{
    content: '▶';
    display: inline-block;
    color: #0073cb;
    transform: scale(0.6);
    margin:-2px 2px 0 0;
    position: absolute;
    left: 0;
}
.ktg-rule h3 + ul{
	padding:10px 0 0 0;
}
.ktg-rule h4 + ul,
.ktg-rule h4 + p + ul,
.ktg-rule h4 + p + ul + p,
.ktg-rule h4 + p + ul + p + ul{
	padding:0 0 0 10px;
}

.table-cap{
	margin:15px 0 0 0;
}
.num-list li{
	list-style: auto;
}
.ktg-rule table th.gd{
	background:#e5e5e5;
}
.both-table table{
	float:left;
	width:calc(50% - 1.5px);
}
.both-table table:last-child{
	float:right;
}
.both-table table:before{
	content:'';
	display:block;
	clear:both;
}
.paging{
	text-align: center;
    padding: 15px 0;
    margin: 35px 0;
    font-size: 0px;
}
.paging ul{display: flex; justify-content: center; gap: 10px;}
.paging li a{
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #111;
}
.paging li.active a {background-color: #297bcd; color: #fff;}
.paging li:nth-child(3) a{
	border:none;
}
.paging li.prev a,
.paging li.next a{

}



.pop{
	display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
	z-index:100;
	padding: 0 25px;
}
.pop.on{
	display: block;
}
.pop:before{
	content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}
.pop .pop-head{
    position: relative;
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
}
.pop .pop-head h2{
    padding: 0 0 0 20px;
    font-weight: 500;
    font-size: 15px;
    text-align: left;
}
.pop .pop-head .close_popup{
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 11px;
    top: 9px;
}
.pop .pop-head .close_popup:after{
    content: '';
    display: block;
    width: 25px;
    height: 20px;
    background: url(/assets/images/icons.png) -166px -82px no-repeat;
    background-size: 328px;
}
.pop .pop-wrap{
    display: inline-block;
    vertical-align: middle;
    height: auto;
    background-color: #fff;
    z-index: 10;
    padding: 0;
    width: 100%;
    border-top: 4px solid #0073cb;
}
.pop .pop-content{
	    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.pop .btns-group{
	    padding: 15px 0;
}
.pop .btn{
	    border: none;
    cursor: pointer;
    display: inline-block;
    background: #6b6b6b;
    border-radius: 5px;
    padding: 6px 8px;
    color: #fff;
    min-width: 40%;
    font-size: 13px;
}



/*jquery ui custom - calendar */

.ui-state-default, .ui-widget-content .ui-state-default{
	    border: none;
    background: none;
}


/* Add CSS */
.contents .sub-cont .write_btn {
	text-align: right;
    margin: 0 0 5px 0;
}

.contents .sub-cont .write_btn li {
	display: inline;
    margin: 0 5px;
}

.view-comment .comt-list li .btn_del {
	position: absolute;
    right: 0;
	top: 30px;
}

.view-comment .comt-list li .btn_del a{
	    background: #0073cb;
    color: #fff;
    padding: 2px 12px;
    border-radius: 3px;
    font-size: 12px;
}

.contents .sub-cont .list-basic #fboardlist ul li.no_data {
	    padding: 13px 0;
		display: block;
		position: relative;
}

.terms-line{
  margin-top:24px;
  padding-top:8px;
  width:100%;
  border-top:2px solid #333;
}
.terms{
  width:100%;
}
.terms-line .agree_tit{display: block;font-size: 18px; color: #0073cb; margin-bottom: 5px;margin-top: 20px;}
.agree_btn_box{background-color: #dedede; padding:15px;}
.agree_btn_txt{margin-bottom: 5px;}
.agree_btn_list{text-align: right;}
.agree_btn_list .radio_btn{margin-left: 20px;font-size: 15px;padding-top: 4px;}
.terms:nth-child(2){
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid #ddd;
}

.terms-label{
  display:block;
  padding: 8px 0;
  margin:0 !important;
  font-size: 13px;
  width:100%;
}

.terms-label > input[type=checkbox]{
  vertical-align:middle;
}

.terms textarea{
  border:1px solid #ddd;
  height:80px;
  overflow-y:scroll;
  width:100%;
  resize:none;
}
.footer{
	background: #f1f1f1;
}
.footer-wrap{
	font-size: 13px;
    padding: 0 13px 10px 13px;
    color: #666;
    line-height: 1.5;
}



.m-menu {
    background: url(../images/btn_nav.png) 10px 15px no-repeat;
    background-size: 37px;
}
.m-menu:before, .m-menu span:before,
.m-menu:after, .m-menu span:after{
	content:none;
}
.m-noti {
    background: url(../images/alert.png) 0 10px no-repeat;
    background-size: 37px;
    width: 50px;
    height: 50px;
	padding:0;
}
.m-noti span {
    width: auto;
    border-radius: 10px;
    padding: 0 5px;
    position: absolute;
    right: 6px;
    top: 11px;
}
.main-direct li a {
    position: relative;
}
.new-type1 {
    color: #009933;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 9px;
}
.new-type2 {
	position: absolute;
    background: url(../images/icon_new.png) no-repeat;
    background-size: 24px;
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    margin: -9px 0 0 4px;
}
.main-circle li a{
	position: relative;
}
.main-circle li a .new-type2 {
    top: -6px;
    left: 50%;
    margin: 0 0 0 14px;
}
.foot-nav li a {
    position: relative;
}
.foot-nav li a .new-type2 {
    margin: 0;
    top: -8px;
    right: 14px;
}
.loling-news{
    padding: 5px;
    background: #d9dcdf;
    height: 47px;
	overflow:hidden;
}
.loling-news h2{
	background: #cc0001;
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    left: 10px;
    top: 6px;
    font-size: 12px;
    line-height: 32px;
}
.addr_info_login{background-color: #dedede;padding:15px;margin-top: 5px;}
.addr_info_login > span{display: block;font-size: 15px;margin-bottom: 5px;}
.addr_info_login a{color: #0066cc; font-size: 15px;display: inline-block;}
.addr_info_login a i{font-size: 15px; font-weight: bold; display: inline-block;margin-right: 4px;}
.pop.basic .pop-wrap {
    border-top: none;
}
.pop.basic .pop-head {

}
.pop.basic .pop-head h2 {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
}
.pop-content .login-form label{
	 display: inline-block;
}
.pop-content .login-form.new-pw label {
    min-width: 93px;
}
.pop-content .login-form input {
    width: calc(100% - 52px);
    margin: 0 0 7px 10px;
}
.pop-content .login-form.new-pw input {
    width: calc(100% - 110px);
    margin: 0 0 7px 10px;
}
.pop-content .login-form button {
    width: calc(100% - 47px);
    margin: 0 0 7px 45px;
    display: block;
}
.pop-content .login-form.new-pw button {
    width: calc(100% - 107px);
    margin: 0 0 7px 103px;
}
.pop.basic .pop-head .close_popup:after {
    content: 'x';
    background: none;
    text-indent: 0;
    color: #000;
    font-size: 18px;
    transform: scaleX(1.2);
    font-weight: 400;
}
.view-comment .comt-head .txt-wrap{
	margin: 7px 0;
    border: 1px solid #ddd;
}
.view-comment .comt-head .txt-wrap textarea{
	width: calc(100% - 9px);
    height: 57px;
    border: none;
}
.schdule-wrap .event li a{
	display: block;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
	position: relative;
}
.schdule-wrap .event li a strong{
	display: inline-block;
    color: #cc0000;
    min-width: 40px;
    text-align: right;
    padding: 0 10px 0 0;
}
.schdule-wrap .event li a:after {
    content: '>';
    display: block;
    position: absolute;
    right: 10px;
    top: 11px;
    transform: scaleX(2);
    font-weight: 400;
    font-size: 13px;
    color: #cc0000;
}
.txt-blind{
	padding: 0 0 10px 0;
}
.txt-blind p{
	padding: 0 0 10px 0;
    font-size: 13px;
    line-height: 1.5;
}
.txt-blind p strong{

}
.txt-blind p strong.under{
	text-decoration: underline;
}
.txt-blind p span{
	display: inline-block;
    background: #666;
    border-radius: 3px;
    color: #fff;
    padding: 0 4px;
}
.list-mem .mem-pic {
    width: 95px;
    height: 107px;
}
.list-mem .mem-pic:after {
    width: 69px;
    height: 69px;
    background-position: -346px -63px ;
    background-size: 420px;
    margin: 16px 0 0 16px;
    top: 0;
}
.list-mem .mem-wrap li {
    padding: 0 50px 3px 48px;
    font-size: 13px;
}
.list-mem .mem-wrap {
    padding: 0 0 0 107px;
}


.m-menu {
    background: url(../images/btn_nav.png) 10px 15px no-repeat;
    background-size: 37px;
}
.m-menu:before, .m-menu span:before,
.m-menu:after, .m-menu span:after{
	content:none;
}
.m-noti {
    background: url(../images/alert.png) 0 10px no-repeat;
    background-size: 33px;
    width: 40px;
    height: 40px;
	padding:0;
}
.m-noti span {
    width: auto;
    border-radius: 10px;
    padding: 0 5px;
    position: absolute;
    right: 6px;
    top: 11px;
}
.main-direct li a {
    position: relative;
}
.new-type1 {
    color: #009933;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 9px;
}
.new-type2 {
	position: absolute;
    background: url(../images/icon_new.png) no-repeat;
    background-size: 24px;
    display: inline-block;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    margin: -9px 0 0 4px;
}
.main-circle li a{
	position: relative;
}
.main-circle li a .new-type2 {
    top: -6px;
    left: 50%;
    margin: 0 0 0 14px;
}
.foot-nav li a {
    position: relative;
}
.foot-nav li a .new-type2 {
    margin: 0;
    top: -8px;
    right: 14px;
}
.loling-news{
    padding: 5px;
    background: #d9dcdf;
    height: 47px;
	overflow:hidden;
}
.loling-news h2{
	background: #cc0001;
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    left: 10px;
    top: 6px;
    font-size: 13px;
    line-height: 32px;
}
.pop.basic .pop-wrap {
    border-top: none;
}
.pop.basic .pop-head {

}
.pop.basic .pop-head h2 {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
}
.login-form input {
    height: 42px;
    background: #ececec;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    text-indent: 10px;
    font-size: 12px;
    margin: 0 0 7px 0;
}
.login-form button {
    height: 42px;
    background: #6b6b6b;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    margin: 0 0 7px 0;
}
.pop-content .login-form label{
	 display: inline-block;
}
.pop-content .login-form.new-pw label {
    min-width: 96px;
}
.pop-content .login-form input {
    width: calc(100% - 53px);
    margin: 0 0 7px 10px;
}
.pop-content .login-form.new-pw input {
    width: calc(100% - 110px);
    margin: 0 0 7px 10px;
}
.pop-content .login-form button {
    width: calc(100% - 47px);
    margin: 0 0 7px 45px;
    display: block;
}
.pop-content .login-form.new-pw button {
    width: calc(100% - 107px);
    margin: 0 0 7px 103px;
}
.pop.basic .pop-head .close_popup:after {
    content: 'x';
    background: none;
    text-indent: 0;
    color: #000;
    font-size: 18px;
    transform: scaleX(1.2);
    font-weight: 400;
}
.view-comment .comt-head .txt-wrap{
	margin: 7px 0;
    border: 1px solid #ddd;
}
.view-comment .comt-head .txt-wrap textarea{
	width: calc(100% - 9px);
    height: 57px;
    border: none;
}
.schdule-wrap .event li a{
	display: block;
    padding: 20px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
	position: relative;
    font-size: 18px;
}
.schdule-wrap .event li a strong{
	display: inline-block;
    color: #0073cb;
    min-width: 40px;
    text-align: right;
    padding: 0 10px 0 0;
}
.schdule-wrap .event li a:after {position: absolute; right: 15px; top: 50%; transform: translateY(-50%); content: ''; width: 9px; height: 15px; background-image: url(/assets/images/renew/ico_breadcrumb_arr.png); background-size: cover;}
.txt-blind{
	padding: 0 0 10px 0;
}
.txt-blind p{
	padding: 0 0 10px 0;
    font-size: 13px;
    line-height: 1.5;
}
.txt-blind p:first-child{
    color: #014df7;
}
.txt-blind p strong{

}
.txt-blind p strong.under{
	text-decoration: underline;
}
.txt-blind p span{
	display: inline-block;
    background: #666;
    border-radius: 3px;
    color: #fff;
    padding: 0 4px;
}
.list-mem .mem-pic {
    width: 95px;
    height: 107px;
}
.list-mem .mem-pic:after {
    width: 69px;
    height: 69px;
    background-position: -346px -63px ;
    background-size: 420px;
    margin: 16px 0 0 16px;
    top: 0;
}
.list-mem .mem-wrap li {
    padding: 0 50px 3px 58px;
    font-size: 16px;
}
.list-mem .mem-wrap {
    padding: 0 0 0 107px;
}
.fade-box{
  display: inline-block;
  position: absolute;
  top: 10%;
  width:83px;
  height:27px;
  text-indent: -9999px;
  font-size: 0;
  opacity:0;
  top: 92px;
}
.fade-box.one{
	background:url(../images/one.png) no-repeat;
}
.fade-box.two{
	background:url(../images/two.png) no-repeat;
}
.fade-box.three{
	background:url(../images/three.png) no-repeat;
}
.fade-box.zero{
	background:url(../images/zero.png) no-repeat;
	top: 130px;
}


.tabs{

}
.tabs ul{
	    display: table;
    width: 100%;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
.tabs li{
	    display: table-cell;
    width: 20%;
    line-height: 35px;
}
.tabs li a{
    font-size: 16px;
    background-color: #e6e6e6;
    display: block;
    text-align: center;
    font-weight: bold;
}
.tabs li.active a{
	    color: #fff;
    background: #297bcd;
}
.accord-tab{
	    border-top: 1px solid #000;
		    border-bottom: 1px solid #000;
    margin: 10px 0 0 0;
}
.accord-tab{

}
.accord-tab .accord-head{
	display: table;
    width: 100%;
}
.accord-tab .accord-head a{
    font-size: 14px;
    display: table-cell;
    padding: 10px 32px 10px 75px;
    border-bottom: 1px solid #ddd;
    position: relative;
    height: 38px;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
	    line-height: 1.4;
}
.accord-tab .accord-head a strong{
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: #0073cb;
    display: block;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: 400;
}
.accord-tab .accord-head span {font-size: 14px !important;}
.accord-tab li.on .accord-head a strong{
	background: #0073cb;
}
.accord-tab .accord-head a:after {
    content: '∨';
    display: block;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: scaleX(2) translateY(-50%);
    font-weight:600;
    font-size: 10px;
    color: #9f9f9f;
}
.accord-tab li.on .accord-head a:after {
    content: '∧';
}
.accord-tab  ul{
	display:none;
}
.accord-tab  ul#cont1{
	display:block;
}
.accord-tab .accord-cont{
    display: none;
    padding: 10px 10px 10px 75px;
    background: #eee;
    color: #666;
    font-size: 13px;
    line-height: 1.4;
    position: relative;
}
.accord-tab .accord-cont strong{
	width: 29px;
    height: 29px;
    border-radius: 50%;
    background: #0073cb;
    display: block;
    position: absolute;
    left: 30px;
    top: 10px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: 400;
}
.accord-tab .accord-cont,
.accord-tab .accord-cont * {font-size: 14px !important; color: #333;}



.branch_layer #bo_cate{margin-bottom: 20px;}
.branch_layer #bo_cate ul{font-size:0px;width: 100%; display: table;}
.branch_layer #bo_cate ul li{display: table-cell;text-align: center;line-height: 35px;width:50%;padding:0px;cursor: pointer;}
.branch_layer #bo_cate ul li>span{font-size:13px;border-right: 1px solid #ccc; border-top: 1px solid #ccc;background-color: #eee;border-bottom: 2px solid #c60a1d;display: block;font-weight: bold;}
.branch_layer #bo_cate ul li>span.on{background-color: #c60a1d;color: #fff; border-top: 1px solid #c60a1d; border-right: 1px solid #c60a1d;}
.branch_layer #bo_cate ul li:first-child>span{border-left: 1px solid #ccc;}
.branch_layer #bo_cate ul li:first-child>span.on{border-left: 1px solid #c60a1d;}


.custm_layer #bo_cate{margin-bottom: 15px;}
.custm_layer #bo_cate ul{font-size:0px;width: 100%; display: table; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.custm_layer #bo_cate ul li{display: table-cell;text-align: center;line-height: 35px;width:15%;font-weight: bold;}
.custm_layer #bo_cate ul li>a{font-size:16px; background-color: #e6e6e6; display: block;}
.custm_layer #bo_cate ul li>a#bo_cate_on{background-color: #297bcd;color: #fff;}
.custm_layer #bo_cate ul li>a .sound_only{display: none;}


/*라디오 버튼*/
.radio_btn { display: inline-block; position: relative; cursor: pointer; font-size: 16px;padding-top:3px;padding-left:24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.radio_btn input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.radio_btn .checkmark { position: absolute;  top: 3px;  left: 0;  height: 18px;  width: 18px;  background-color: #fff;border:1px solid #000;border-radius:50px;}
.radio_btn:hover input ~ .checkmark { background-color: #fff;border:1px solid #000;}
.radio_btn input:checked ~ .checkmark { background-color: #0073cb;border:1px solid #0073cb;}
.radio_btn .checkmark:after {  content: "";  position: absolute;  display: none;}
.radio_btn input:checked ~ .checkmark:after {  display: block;}
.radio_btn .checkmark:after {background-color: #fff; left: 4px;  top: 4px;  width: 4px;  height: 4px;  border: solid white;  border-width:3px;border-radius: 50px;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}



@media (max-width: 360px) {

}
@media (max-width: 320px) {
	.fade-box.one{
		background-position:-5px 0;
	}
	.fade-box.three{
		background-position: 5px 0;
	}
}


/* 202206 수정 */
/* 공통 */
textarea {resize: none;}
.d-flex {display: flex !important;}
.wrap {flex-wrap: wrap;}

.ml-auto {margin-left: auto !important;}
.mr-auto {margin-right: auto !important;}

.w-20 {width: 20%;}
.w-25 {width: 25%;}
.w-33 {width: 33.33%;}

.mt-10 {margin-top: 10px;}
.pt-10 {padding-top: 10px !important;}

.text-center {text-align: center;}

.text_red {color: #cc0000;}
.text_black {color: #000 !important;}

.bg_red {background: #d8252c;}

.f-normal {font-weight: normal;}
.f-bold {font-weight: bold;}

/* header */
header .head-wrap .head-logo-wrap ~ .hd_call_box span.text_red {margin-top: -5px;}
.m-menu {height: 55px; background-image: url('/assets/images/menu.png'); background-size: 22.5px 19.5px; background-repeat: no-repeat; background-position: calc(50% - 10px) center; top: 5px;}
.hd_call_box {width: 38px; height: 38px; border-radius: 50vh; text-align: center; box-sizing: border-box; right: 56.5px; top: 8px; overflow: hidden;}
.hd_call_box img {width: 100%;}
.hd_call_box span.text_red {font-size: 8.5px; font-weight: bold; letter-spacing: -0.41px; transform: scale(0.85); display: block; line-height: 1;}
.m-noti {width: 38px; height: 38px; top: 8px; right: 15px; border: 1px solid #282a36; border-radius: 50vh; background-color: #fff; background-image: url('/assets/images/home_icon.png'); background-size: 17px auto; background-position: center center; box-sizing: border-box;}
.m-noti span {top: -3px; right: -5px; background: #f51c4f; padding: 0; width: 18px; height: 18px; line-height: 20px; text-align: center; font-weight: bold;}

/* main */
.contents.main {padding: 20px 0;}
.loling-news {padding: 5px 0 2px 0; background: #def5e5; box-shadow: inset 0.75px 1.3px 7px 0 rgba(0, 0, 0, 0.08);}
.loling-news h2 {background: none; color: #17b03c; line-height: 1; left: 15px;}
.loling-news h2 img {width: 50%;}
.contents .loling-news .swiper-container {border-radius: 0; background: #def5e5;}
.main-direct li {margin-bottom: 10px; position: relative;}
.main-direct li a {background: linear-gradient(to top, #17b03c, #38bd56);; border: none; text-align: left; padding: 10px 0 0 10px; color: #fff; font-weight: 500; height: 76px; box-shadow: 0.5px 0.85px 5px 0 rgba(0, 0, 0, 0.41); border-radius: 5px; box-sizing: border-box; font-size: 13px; margin-bottom: 0;}
.main-direct li:nth-child(4),
.main-direct li:nth-child(5),
.main-direct li:nth-child(6) {margin-bottom: 0;}
.main-direct li a:before {position: absolute; right: 0; bottom: 0; margin-bottom: 0; width: 38px; height: 28px; background-size: cover !important; background-position: center center; background-repeat: no-repeat; right: 5px; bottom: 5px; margin: 0 auto;}
.main-direct li:nth-child(1) a:before {background: url('/assets/images/info.png');}
.main-direct li:nth-child(2) a:before {background: url('/assets/images/calendar.png');}
.main-direct li:nth-child(3) a:before {background: url('/assets/images/board.png'); margin-bottom: 0;}
.main-direct li:nth-child(4) a:before {background: url('/assets/images/notice.png');}
.main-direct li:nth-child(5) a:before {background: url('/assets/images/convention.png');}
.main-direct li:nth-child(6) a:before {background: url('/assets/images/system.png');}

.main-half1 {background-color: #fff; padding: 10px;padding-bottom: 0px;}
.main-half1.sub {background: #fff; padding: 0; margin-bottom: 0;}
.main-half1.sub > .main_link {padding: 0; background: #fff;}

.main-link.d-flex {background: #fff; padding: 0px 0;}
.main-half1.sub > .change_app {margin: 10px 10px 0 10px; padding-bottom: 10px; text-align: center;}
.main-half1.sub > .change_app:nth-child(3) {margin-top: 0;}
.main-half1.sub > .change_app a.ss_mb_gubun_a,
.union_card a.ss_mb_gubun_a {display: block; padding: 5px 10px; background: linear-gradient(to top, #f4333a, #d8252c); border-radius: 50vh; color: #fff; font-size: 12px;}
.main-half1.sub > .change_app a.ss_mb_gubun_b,
.union_card a.ss_mb_gubun_b {display: block; padding: 5px 10px; background: linear-gradient(to top, #17b03c, #38bd56); border-radius: 50vh; color: #fff; font-size: 12px;}
.main-link.d-flex > div.w-25 {position: relative; text-align: center; padding: 0;}
.main-link.d-flex > div.w-25:not(:last-of-type)::after {position: absolute; top: 0; right: -0.5px; content: ''; width: 1px; height: 100%; background: #f4f4f4;}
.main-link.d-flex > div.w-25 > a {font-size: 11px; letter-spacing: -0.65px; font-weight: 500; display: block; padding: 7px 0;}
.main-link.d-flex > div.w-25.blind > a {color: #c31f28; font-weight: bold;}
.main_link > a.blind-go {width: 100%; border-radius: 50vh; background: none; color: #cc0000; line-height: 1.5; box-shadow: none; border: none; margin: 0; padding: 0 12px; font-size: 15px; padding: 16px 22px 11px 22px;}
.main_link > a.blind-go > .right {padding: 5px 0 0 0;}
.main_link > a.blind-go img {width: 45px;}
.main-link.d-flex > div > a > span {font-size: 10px;}
.main-link.d-flex > div.w-25 > a img {width: 42px; margin-bottom: 5px;}
span.new {position: absolute; top: 5px; right: 18px; background: #f51c4f; width: 20px; height: 20px; border-radius: 50vh; color: #fff; font-size: 11px; text-align: center; line-height: 20px;}
.main-direct ul.clearfix > li > span.new {top: 10px; right: 10px;}

.main-half2 {padding: 0;}
.main-half2 > .row {background: #fff; padding: 15px 10px 10px 10px; margin-bottom: 10px;}

/*.main-half2 > .row1 {background: #e9eef7; margin-bottom: 0;  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.13);}*/
.main-half2 > .row1 {background: #B7DBFF; margin-bottom: 0;  box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.13);}


.main-half2 > .row1:nth-child(2) {background: #fff; color:#000;}
.main-half2 > .row1:nth-child(3) {background: #FFBFBF; color:#000;}
.main-half2 > .row1:nth-child(4) {background: #fff; color:#000;}

/* .insam .main-half2 > .row1:nth-child(1) {background: #fff; color:#000;}
.insam .main-half2 > .row1:nth-child(2) {background: #B7DBFF; color:#000;}
.insam .main-half2 > .row1:nth-child(3) {background: #fff; color:#000;}
.insam .main-half2 > .row1:nth-child(4) {background: #FFBFBF; color:#000;} */

.main-half2 > .row3 {border-bottom: none;}
.main-half2 > .row > .row_header {margin-bottom: 10px;}
.main-half2 > .row > .row_header > h4 {position: relative; font-size: 15px; padding-left: 8px; line-height: 20px;}
.main-half2 > .row > .row_header > h4::after {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; width: 3px; height: 13.5px; background: #303286;}

.main-half2 > .row > .row_header > a {width: auto; height: 15px; /*background-image: url('/assets/images/plus.png');*/ background-size: cover; font-size: 14px; line-height: 20px;margin-top: 2px;}

.row1 .row_body {overflow-x: hidden;}
.row1 .row_body .new2_lat {margin-top: 0; padding-bottom: 10px;}
.row1 .row_body .new2_lat ul {width: 460px; display: flex; width: 100%;}
.row1 .row_body .new2_lat li,
.row1 .row_body .new2_lat li:nth-child(2n) {width: 49.3%; height: auto; margin-bottom: 0; margin-right: 5px; background-repeat: no-repeat; background-size: 140px auto; background-position: top 5px center; background-color: #fff; padding: 5px; border-radius: 3px; box-sizing: border-box; flex: 0 0 auto; box-shadow: 1px 1.7px 11px 0 rgba(0, 0, 0, 0.13); border: 1px solid rgba(0, 0, 0, 0.13);}
.row1 .row_body .new2_lat li:last-child {margin-right: 0;}
.row_body .new2_lat_tit {display: none;}
.row_body .new2_lat li a > img {border-radius: 3px; height: 80px; overflow: hidden;}
.row_body .new2_lat ul > li > a strong {bottom: 5px; height: auto; line-height: 18px; background: #fff; color: #000; padding: 5px 5px 0 5px; font-size: 13px;}

.row1 .row_body .new2_lat.slider_skin li {width: 40% !important;}


.row2 .new2_lat ul {display: flex;}
.row2 .new2_lat li {margin-right: 5px;}
.row2 .row_body .new2_lat {margin-top: 0;}
.row2 .row_body .new2_lat li a > img {border: 1px solid #eee; box-sizing: border-box;}

.row_body .new3_lat {margin-top: 0;}
.row_body .new3_lat ul {padding: 10px 0; background: #fff; border-radius: 2.5px;}
.row.row1:nth-child(2) .row_body .new3_lat ul {background: #e9eef7;}
/* .insam .row.row1:nth-child(2) .row_body .new3_lat ul {background: #fff;} */
.row.row1:nth-child(3) .row_body .new3_lat ul {background: #fff;}
.row_body .new3_lat_tit {display: none;}
.row_body .new3_lat li {position: relative; margin-bottom: 7px;}
.row_body .new3_lat li:last-of-type {margin-bottom: 0;}
.row_body .new3_lat li:not(:last-of-type)::after {position: absolute; bottom: -3.5px; width: 100%; height: 1px; content: ''; background: #ccc; display: none;}
.row_body .new3_lat li > a {height: auto;}
.row_body .new3_lat li > a strong:first-child {display: none;}
.row_body .new3_lat li > a strong {height: auto;}
.row_body .new3_lat li > a strong b {height: 20px; -webkit-line-clamp: 1; font-size: 14px; font-weight: bold;}

.row_body .pic_li_lt {width: 100%; padding: 0;}
.row_body .pic_li_lt .lat_title {display: none;}
.row_body .pic_li_lt .lt_more {display: none;}
.row_body .pic_li_lt ul {display: flex;}
.row_body .pic_li_lt li {width: 50%; border-bottom: none;}
.row_body .pic_li_lt li .hot_icon,
.row_body .pic_li_lt li .lt_info {display: none;}
.row_body .pic_li_lt li a:last-of-type {font-size: 15px; font-weight: normal; -webkit-line-clamp: 2; height: 38px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}

.row_body .lat .lat_title {display: none;}
.row_body .lat .lt_more {display: none;}
.row_body .lat li span,
.row_body .lat li i,
.row_body .lat li .lt_info {display: none;}
.row_body .lat li {position: relative; margin-bottom: 10px; border-bottom: none;}
.row_body .lat li:last-child {margin-bottom: 0;}
.row_body .lat li:not(:last-of-type)::after {position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; content: ''; background: #ccc; display: none;}
.row_body .lat li a {padding: 3px 6px; border-radius: 3px;}
.row_body .lat li a,
.row_body .lat li a * {font-size: 11px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; color: #6366a1; background: #e6eaf3; font-weight: 500; color: #303286;}

.new-type1 {display: none;}

/* menu */
.m-navmenu {}
.user-ctr a {height: auto;}
.user-ctr a:first-child span:not(.bold) {width: 60px; height: 60px; display: inline-block; background: #cfd4d9; border-radius: 50vh; text-align: center; margin-bottom: 0; overflow: hidden;}
.user-ctr a > span > img {max-width: 60px; width: 100%; max-height: 60px; height: 100%; overflow: hidden; padding: 0;}
.user-ctr a.no_img > span > img {width: 24px; padding: 19px 0; box-sizing: border-box;}
.user-ctr a::before,
.user-ctr a::after {display: none;}
.user-ctr a.m-close {width: 16.5px; height: 16.5px; background-image: url('/assets/images/close.png'); background-size: cover; background-repeat: no-repeat; margin: 0; padding-right: 2px;}
.user-ctr a.m-close:before,
.user-ctr a.m-close:after {display: none;}
.user-ctr a.ktng_btn {font-size: 11px; letter-spacing: -0.56px; color: #69696b; padding: 5px 11px; border: 1px solid #d5d6d8; border-radius: 50vh; font-weight: 500; margin-right: 0; width: 132px; margin-bottom: 5px;}

/* .gnb-wrap {padding: 0; margin-top: 10px;}
.gnb-wrap .snb ul {background: #fff; padding: 4px 0 5px 0;}
.gnb-wrap > ul > li {margin-bottom: 0; position: relative;}
.gnb-wrap > ul > li:not(:first-child)::after {position: absolute; top: 0; left: 50%; transform: translateX(-50%) scaleY(0.5); content: ''; width: calc(100% - 36px); height: 1px; background: #3f3f3f;}
.gnb-wrap > ul > li > a {line-height: 1; padding: 12px 20px 12px 18px; font-weight: 600; border: none; font-size: 16px;}
.gnb-wrap > ul > li > a::before {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) scaleY(0.5); content: ''; width: calc(100% - 36px); height: 1px; background: #e5e5e5;}
.gnb-wrap > ul > li > a::after {content: ''; width: 6px; height: 10px; background-image: url('/assets/images/arrow.png'); background-size: cover; transform: none; right: 20px; top: 15px;}
.gnb-wrap .snb li a {position: relative; background: #fff; color: #3f3f3f; border: none; padding: 5px 0 6px 18px; font-size: 14px;}
.gnb-wrap .snb li a::after {position: absolute; top: 49%; right: 19px; transform: translateY(-50%); content: ''; width: 9px; height: 9px; background-image: url('/assets/images/menu_plus.png'); background-size: cover;} */

.contact.d-flex {background: #fcecf1; padding: 7.5px 20px;}
.contact.d-flex .left {min-width: 190px; box-sizing: border-box; padding: 10px 15px 7.5px 0;}
.contact.d-flex .left h4 {font-size: 14px; margin-bottom: 8px;}
.contact.d-flex .left p {font-size: 10px;}
.contact.d-flex .right {position: relative; width: 100%; padding: 8px 25px 8px 15px; box-sizing: border-box; border-radius: 5px;}
.contact.d-flex .right h4 {font-size: 14px; color: #fff; margin-bottom: 6px; font-weight: 600;}
.contact.d-flex .right a {font-size: 14px; font-weight: 600; color: #fff;}
.contact.d-flex .right img {position: absolute; right: -5px; top: -5px; width: 36px;}

.footer {box-shadow: inset -1.3px 0.75px 8px 0 rgba(0, 0, 0, 0.13);}
.footer-wrap {padding: 18px 20px; color: #888; font-weight: 500; font-size: 12px;}
.footer-wrap span.text_black {margin: 0 5px 5px 0;}
.footer-wrap span.text_black:last-child {margin-bottom: 0;}


/* 한국인삼공사노동조합 css div.contents.main에 insam 클래스 추가시 반영 */
/* main */
.insam .main-direct li a {background: linear-gradient(to top, #f4333a, #d8252c);}
.insam .loling-news,
.insam.contents .loling-news .swiper-container {background: #e6e7e9;}
.insam .loling-news h2 {color: #303286;}

.insam .main-direct li:nth-child(3) a:before {background: url('/assets/images/system.png'); margin-bottom: 0;}
.insam .main-direct li:nth-child(4) a:before {background: url('/assets/images/convention.png');}
.insam .main-direct li:nth-child(5) a:before {background: url('/assets/images/event.png'); width: 28px; height: 35px; right: 10px;}
.insam .main-direct li:nth-child(6) a:before {background: url('/assets/images/board.png'); margin-bottom: 0;}

.insam .main-direct li a span.sm {display: inline-block; font-size: 10px; padding-top: 3px;}

/* .breadcrumb */
.breadcrumb {position: relative; border-top: none; padding: 17px 20px 7px 20px; color: #a1a1a1; background: #f8f8f8; font-size: 12px; font-weight: bold;}
.breadcrumb::before {position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 10px; background: #dddfe3;}
.breadcrumb > img {width: 5.5px; height: 8.5px; padding: 0 5px;}

/* .sub-cont */
.sub-cont {border-top: none; padding: 0px 0px 5px 0px;}
/*.sub-cont {border-top: none; padding: 10px 18px 75px 18px;}*/

.breadcrumb + .sub-cont {padding: 0 18px 30px 18px;}

/* 소개 about */
.list-gate dd {height: auto; background: none !important; line-height: 1; margin-bottom: 0;}
.list-gate.my dd a,
.list-gate dd a {text-indent: 0; line-height: 1; padding: 10px 0; font-size: 16px; font-weight: bold; color: #3f3f3f;}
.list-gate.my dd a::before,
.list-gate dd a::before {bottom: -1px; top: auto; left: 0; content: ''; width: 100%; height: 1px; background: #e5e5e5 !important; background-size: 100%;}
.list-gate.my dd a::after,
.list-gate dd a::after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 5.5px; height: 8.5px; background-image: url('/assets/images/arrow.png'); background-size: cover;}
.list-gate div.d-flex > dd a::after {display: none;}


/* 지부별 소개 및 게시판 brandinfo */
.branchinfo .list-gate dl:not(:first-child) dt {border-top: 1px solid #3f3f3f;}
.list-gate dt::before {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 5.5px; height: 8.5px; background-image: url('/assets/images/arrow.png'); background-size: cover;}
.list-gate dt::after {top: auto; bottom: 0; background: #f0f0f0;}
.list-gate dt span {font-size: 16px; margin: 10px 0; color: #d8252c;}
.list-gate div.d-flex > dd {width: 50%; height: auto; background: none; line-height: 1;}
.list-gate div.d-flex > dd:nth-child(2n) {margin-left: 10px;}
.list-gate div.d-flex > dd:nth-child(2n - 1) {margin-right: 10px;}
.list-gate div.d-flex > dd a {text-indent: 0; padding: 0; margin: 0;}
.list-gate div.d-flex > dd a::before {display: none;}
.list-gate div.d-flex > dd span {position: relative; display: block;}
.list-gate div.d-flex > dd span.branch {font-size: 14px; padding: 15px 0 7px 0;}
.list-gate div.d-flex > dd span.branch::after {position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 9px; height: 9px; background-image: url('/assets/images/menu_plus.png'); background-size: cover;}
.list-gate div.d-flex > dd span.img_wrap {display: flex; align-items: center; justify-content: center; height: 100px; overflow: hidden; background: #e5e5e5; border-radius: 3px; background-size: cover; background-position: center;}
.list-gate div.d-flex > dd span.title {font-size: 11px; padding: 13px 0;}
.libaray .list-gate div.d-flex > dd span.img_wrap {background: #fff; background-repeat: no-repeat; background-size: 70%; background-position: 50% 40%; border: 1px solid #dcdcdc; border-radius: 3px;}

.view-comment .comt-head #fviewcomment .txt-wrap {margin: 7px 0 0; box-sizing: border-box;}
.view-comment .comt-head #fviewcomment .txt-wrap textarea {width: 100%; resize: none; padding: 5px; box-sizing: border-box;}
.view-comment .comt-list {border-top: none;}
.view-comment .comt-list li {border-bottom: none;}
.view-comment .comt-list li:not(:last-child) {border-bottom: 1px solid #ddd;}

.write-basic .txt-wrap {height: 200px;}
.write-basic .txt-wrap textarea {width: 100%; height: 100%;}
.write-basic li .w-label + .w-form > div.file-custom {display: flex; flex-wrap: wrap; height: 100%;}
span.file_del {display: block; margin-top: 5px;}
.write-basic input[type='text'].upload-name, .file-custom .upload-name {width: calc(100% - 164px); height: 100%; margin-right: 10px; border-color: #0073cb; color: #0073cb; font-size: 16px;}

.pic-previvew {display: flex;}
.pic-info {position: static; width: calc(100% - 65px); padding: 5px; box-sizing: border-box;}
.list-basic.poll li a .lb-tit {font-weight: bold;}
.terms textarea {padding: 5px; box-sizing: border-box;}

.list-view .view-title .lb-tit {padding: 0; margin: 0; font-weight: bold; border-bottom: none;}

#ctt > #ctt_con {padding: 0;}
#ctt > #ctt_con > .contents > .sub-cont {padding: 0 0 75px 0;}
.ktg-rule h2 {left: 0;}
.gnb-wrap > ul > li.ktg_menu,
.gnb-wrap > ul > li.ktg_menu > div.snb ul,
.gnb-wrap li.ktg_menu .snb li a {background: #fcecf1;}

.list-basic li a .lb-tit {margin: 0; padding: 0 20px 0 0;}
.list-basic li a .lb-tit div.left {width: 70px; text-align: center;}
.list-basic li a .lb-tit div.right {width: calc(100% - 70px);}

.list-basic li a .lb-tit div.left span {display: block; width: 60px; height: 22px; font-size: 14px; font-weight: 600; background-color: #fff; border: 1px solid #ccc; border-radius: 50vh; line-height: 20px; box-sizing: border-box;}
.list-basic li a .lb-tit div.left span.kt_g {border-color: #297bcd; color: #297bcd;}
.list-basic li a .lb-tit div.left span.kgc {border-color: #d2504e; color: #d2504e;}
.list-basic li a .lb-tit div.left span.gongyeong {border-color: #c29100; color: #c29100;}
.list-basic li a .lb-tit div.left span.gongjae {border-color: #389200; color: #389200;}
.list-basic li a .lb-tit div.left span.taea {border-color: #776325; color: #776325;}

.list-basic li a .lb-tit div.right > div.d-flex {position: relative; display: inline-block !important; height: 22px; line-height: 20px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 50vh; padding: 0 5px;}
.list-basic li a .lb-tit div.right > div * {font-size: 12px; font-weight: 600; margin-right: 0; padding: 0 5px;}
.list-basic li a .lb-tit div.right > div span:first-of-type {position: relative;}
.list-basic li a .lb-tit div.right > div span:last-of-type::after {display: none;}
.list-basic li a .lb-tit div.right > div span::after {position: absolute; right: -2px; top: 50%; transform: translateY(-50%); content: ''; width: 1px; height: 8px; background-color: #ccc;}
.list-basic li a .lb-tit div.right > div.bugo {border-color: #333;}
.list-basic li a .lb-tit div.right > div.bugo * {color: #333;}
.list-basic li a .lb-tit div.right > div.bugo span::after {background-color: #333;}
.list-basic li a .lb-tit div.right > div.gyulhon {border-color: #ff66ff;}
.list-basic li a .lb-tit div.right > div.gyulhon * {color: #ff66ff;}
.list-basic li a .lb-tit div.right > div.gyulhon span::after {background-color: #ff66ff;}
.list-basic li a .lb-tit div.right > div.tansaeng {border-color: #ffff00;}
.list-basic li a .lb-tit div.right > div.tansaeng * {color: #ffff00;}
.list-basic li a .lb-tit div.right > div.tansaeng span::after {background-color: #ffff00;}
.list-basic li a .lb-tit div.right span.title {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 9px 0; font-size: 14px; font-weight: 600; color: #000; line-height: 22px;}

.list-basic li a span.lb-date {line-height: 22px;}

.sub-cont.about {padding: 10px;}
.sub-cont.about dl {margin-bottom: 0; display: flex;}

.sub-cont.about .list-gate.my dd a,
.sub-cont.about .list-gate dd a {position: relative; background: none; color: #fff; padding: 10px; font-size: 13px; font-weight: normal; line-height: 1.15; height: 73px; box-sizing: border-box;}

/*.sub-cont.about dl dd {width: calc(33.3% - 7px); background: linear-gradient(to top, #b9b9b9, #888) !important; margin: 0 10px 10px 0; box-shadow: -0.85px 0.5px 5px 0 rgba(0, 0, 0, 0.41); border-radius: 3px;}*/
.sub-cont.about dl dd {width: calc(33.3% - 7px); background: linear-gradient(to top, #B7DBFF, #44A2FF) !important; margin: 0 10px 10px 0; box-shadow: -0.85px 0.5px 5px 0 rgba(0, 0, 0, 0.41); border-radius: 3px;}

.sub-cont.about dl dd:nth-of-type(3n) {margin-right: 0;}
.sub-cont.about .list-gate dd a::before {display: none;}
.sub-cont.about .list-gate dd a::after {content: ''; bottom: -5px; right: 0; left: auto; top: auto; width: 31.5px; height: 27.5px; background-size: cover;}

.sub-cont.about .list-gate dl:first-of-type dd:first-of-type a::after {background-image: url(/assets/images/ic01.png);}
.sub-cont.about .list-gate dl:first-of-type dd:nth-of-type(2) a::after {background-image: url(/assets/images/ic02.png);}
.sub-cont.about .list-gate dl:first-of-type dd:nth-of-type(3) a::after {background-image: url(/assets/images/ic03.png);}
.sub-cont.about .list-gate dl:last-of-type dd:first-of-type a::after {background-image: url(/assets/images/ic04.png);}
.sub-cont.about .list-gate dl:last-of-type dd:nth-of-type(2) a::after {background-image: url(/assets/images/ic05.png);}
.sub-cont.about .list-gate dl:last-of-type dd:nth-of-type(3) a::after {background-image: url(/assets/images/ic06.png);}



.sub-cont.giftbox {padding-top: 15px;}
.giftbox a {display: block; height: 100%;}
.giftbox img {width: 100%;}
.giftbox .list-gate div.d-flex > dd {padding: 0; margin-top: 15px; margin-bottom: 15px; width: calc(50% - 10px); height: 170px; border: 1px solid #dcdcdc; box-sizing: border-box; border-radius: 3px; overflow: hidden;}

.breadcrumb + .sub-cont.gift {padding: 40px 30px;}
.sub-cont.gift img {width: 100%;}
.sub-cont.gift .gift_wrap {border: 1px solid #dcdcdc; border-radius: 5px; box-sizing: border-box; overflow: hidden;}

.libKTG_v {text-align: right;}


.table01{font-size:13px;}

@media screen and (max-width: 768px) {
    .list-basic li a {padding: 10px 0;}
    .list-basic li a .lb-tit div.left span.bugo {margin-top: 6px;}
    .list-basic li a .lb-tit div.right span.title {margin-bottom: 6px;}

    .accord-tab .accord-head a {display: flex; flex-direction: column; justify-content: center; min-height: 60px; height: auto; padding: 10px 45px 10px 48px;}
    .accord-tab .accord-head a:after {right: 5px;}
    .accord-tab .accord-head a strong {left: 0; width: 40px; height: 40px; line-height: 40px; font-size: 25px;}
    .accord-tab .accord-head a > div > *,
    .accord-tab .accord-head a > p > * {display: inline; font-size: 16px !important;}
    .accord-tab .accord-cont {padding: 10px 10px 10px 53px;}
    .accord-tab .accord-cont strong {left: 5px; width: 40px; height: 40px; line-height: 40px; font-size: 25px !important;}

    .custm_layer #bo_cate ul li {line-height: 55px;}
    .custm_layer #bo_cate ul li>a {font-size: 14px; font-weight: 500;}

    .tabs li {line-height: 55px;}
    .tabs li a {font-size: 14px; font-weight: 500;}

    .ktg-rule h2 {padding: 15px 10px; font-size: 18px;}
    .ktg-rule h2 .libKTG_v {line-height: 27px; font-size: 12px;}

    .ktg-rule h3 {margin-top: 15px; font-size: 18px;}

    .ktg-rule h4 {margin: 5px 0 0 10px;}
    .ktg-rule h4:before {top: 11px; transform: translateY(0);}

    .ktg-rule h5 {padding-left: 10px;}

    .ktg-rule h3 + table,
    .ktg-rule h3 + table + table,
    .ktg-rule h3 + table + table + table {width: 100%;}

    .ktg-rule table th {font-size: 12px;}
    .ktg-rule table td {font-size: 12px;}

    .ktg-rule p {line-height: 1.6; padding-left: 10px;}
    .ktg-rule li {line-height: 1.6;}

    .ktg-rule h4 + p,
    .ktg-rule h4 + p + br + p {padding-left: 10px;}

    .ktg-rule > p.sm {margin-bottom: 5px; padding: 0 0 0 10px;}
}