@charset "utf-8";
@import url("common.css");
@import url("layouts.css");
@import url("animation.css");
@import url("out-font.css");

.swrap{
	width:1329px;margin:0 auto;
	border:0px solid #cdcdcd;
}
.swrap .tp-tit {
    position: relative;
    display: block;
    width: 100%;
    font-weight: bold;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 50px;
}

.tp-tit span{
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: 800;
    font-size: 28px;
	}
.tp-tit span::before{
    content: '';
    display: block;
    margin: 20px auto;
    width: 100px;
    height: 3px;
    background-color: #0090da;
}
.swrap .s-ct{
    margin: 50px  auto;
    overflow: hidden;

}
.swrap .s-ct  {
    margin-bottom: 80px;   
}

.tab01 {
    width: 100%;
    border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
    height: 70px;
    min-width: 100%;
    margin-bottom: 0px;
}
.tab01 ul { display: flex; }
.tab01 ul  li { width:16.66%;text-align:center; line-height:70px;}

.tab01 ul li a {
    font-size: 18px;
    font-weight: bold;
    color: #6a6a6a;
    display: block;
    width: 100%;
}

.tab01 ul li.on {
    background-color: #0090da;
    border-right: 1px solid #0090da;
    border-left: 1px solid #0090da;
}
.tab01 ul  li.on a {  background-color: #0090da; color: #ffffff; }


.tab01 ul li.on a {
    color:#ffffffff;
}

/* tab02 */

.tab02 {
    width: 100%;
    border-top: 0px solid #dddddd;
	border-bottom: 0px solid #dddddd;
    height: 60px;
    min-width: 100%;
    margin-bottom: 0px;
	margin-top:60px;
}
.tab02 ul { display: flex; }
.tab02 ul  li { width:33%;text-align:center; line-height:60px;}
.tab02 ul  li:not(:first-child) { margin-left:10px;}

.tab02 ul li a {
    font-size: 20px;
    font-weight: normal;
    color: #ffffff;
    display: block;
    width: 100%;
	border-radius:30px;
	background-color: #b8b09a;
}

.tab02 ul li.on {
    background-color: #00a8a8;
	border-radius:30px;
	border:1px solid #c0c0c0;
	
}
.tab02 ul  li.on a {  background-color: #00a8a8;
	border-radius:30px; color: #ffffff;
	font-weight:700;
	}


.tab02 ul li.on a {
    color:#ffffffff;
}
/* tab02 */

  .ct-t-box { width:100%; margin: 0px auto; }
  .ct-t-box::after { clear:both;}
 
  .ct-t-box  .ct-lt { float:left; width:35%;padding:30px 0;}
  .ct-t-box  .ct-rt { float:left; width:65%; padding:30px 0;  }

.tb01 table{ border-top:2px solid #00ccff;  width:100%; }
.tb01 table td { word-break: break-all; }
.tb01  table th {
	font-size: 18px;
    color: #0090DA;
    padding: 25px 0;
    vertical-align: middle;
	text-align: center;
    line-height: 1;
    letter-spacing: -0.25px;
}
.tb01 table td {
	font-size: 18px;
    color: #5a5a5a;
    padding: 25px 10px;
	text-align: left;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.25px;
	line-height: 180%;
}
.tb01 table td span.tit {
	font-size: 18px;
    font-weight: 600;
	color: #0090DA;
  
}

.tb01 table td.bdl,th.bdl{ border-left: 1px solid #c0c9d2; }
.tb01 table td.bdr,th.bdr{ border-right: 1px solid #c0c9d2; }
.tb01 table td.bdt,th.bdt{ border-top: 1px solid #c0c9d2; }
.tb01 table td.bdf,th.bdf{ border-bottom: 1px solid #c0c9d2; }


.tb02 table{ width:100%; }
.tb02 table td { word-break: break-all; }
.tb02  table th {
	font-size: 18px;
    color: #0090DA;
    padding: 25px 0;
    vertical-align: middle;
	text-align: center;
    line-height: 1;
    letter-spacing: -0.25px;
}
.tb02 table td {
	font-size: 18px;
    color: #5a5a5a;
    padding: 25px 10px;
	text-align: left;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.25px;
	line-height: 180%;
}

.tb02 table td.bdl,th.bdl{ border-left: 1px solid #c0c9d2; }
.tb02 table td.bdr,th.bdr{ border-right: 1px solid #c0c9d2; }
.tb02 table td.bdt,th.bdt{ border-top: 1px solid #c0c9d2; }
.tb02 table td.bdf,th.bdf{ border-bottom: 1px solid #c0c9d2; }

.tb02 table th div{
      width: 80%;
	  margin: 10px auto;
	  text-align:center;
	  height: 320px;
	  font-size:20px;
	  font-weight: 900;
	  border-radius : 30px;
}
.tb02 table th div.cht01{
      background-color :  #44c4cf;
	  color:#ffffff;
	  padding:30px;
}

/* tb03 */
.tb03 table{ border-top:4px solid #4f7aaf;  width:100%; }
.tb03 table td { word-break: break-all; }
.tb03  table th {
	font-size: 22px;
    font-family: 'GmarketSansBold';
	color: #224a88;
    padding: 25px 0;
    vertical-align: middle;
	text-align: center;
    line-height: 1;
    letter-spacing: -0.25px;
}
.tb03 table td {
	font-size: 18px;
    color: #5a5a5a;
    padding: 25px 10px;
	text-align: left;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.25px;
	line-height: 180%;
}
.tb03 table td span.tit {
	font-size: 18px;
    font-weight: 600;

	color: #0090DA;
  
}

.tb03 table td.bdl,.tb03 table th.bdl{ border-left: 2px dashed #224a88 !important; }
.tb03 table td.bdr,.tb03 table th.bdr{ border-right: 2px dashed #224a88 !important; }
.tb03 table td.bdt,.tb03 table th.bdt{ border-top: 2px dashed #224a88 !important; }
.tb03 table td.bdf,.tb03 table th.bdf{ border-bottom: 2px dashed #224a88 !important; }


.cht01 .rnd{
       width:250px;
	   height:250px;
	   border-radius: 50%;
	   background-color: #44c4cf;
	   border:3px solid rgba(255,255,255, 0.8);
	   z-index:99;
}

.cht02 .rnd{
       width:250px;
	   height:250px;
	   border-radius: 50%;
	   background-color:#1180ae;
	   border:3px solid rgba(255,255,255, 0.8);
	   z-index:99;
}

.cht03 .rnd{
       width:250px;
	   height:250px;
	   border-radius: 50%;
	   background-color:#97b14c;
	   border:3px solid rgba(255,255,255, 0.8);
	   z-index:99;
}
.tb02 table th div.cht01:hover {
     background-color : #458f85;
}
.tb02 table th div.cht02{
      background-color : #1180ae;
	  color:#ffffff;
	   padding:30px;
}
.tb02 table th div.cht02:hover{
      background-color: #458f85;
	  }
.tb02 table th div.cht03{
      background-color : #97b14c;
	  color:#ffffff;
	   padding:30px;
}
.tb02 table th div.cht03:hover{
      background-color : #458f85; 
}

.s-tit01 { font-family : 'GmarketSansBold','Eulyoo1945-SemiBold'; font-size: 21px ; color:#0099ff; }
.s-tit02 { font-family : 'Cafe24Shiningstar'; font-size: 30px ; color:#f4761f;}
.s-tit03 { font-family: 'S-CoreDream-3Light', 'Nanum Gothic',sans-serif; font-size: 18px ; color:#0a56ae; line-height:150%; }

.ft-pt  { width:100%;margin:0px auto 30px auto;}
.ft-pt ul li { margin-top:15px; height:250px; }
.ft-pt ul li:nth-child(1) { float:left;width: 32.5%;background-color: #dbdbdb; }
.ft-pt ul li:nth-child(2) { float:left;width: 32.5%; margin-left: 1.2%; background-color: #dbdbdb;}
.ft-pt ul li:nth-child(3) { float:right;width: 32.5%; margin-left: 1%; background-color: #dbdbdb;}

.mp-tit {
  /*  position: relative; */
    display: block;
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.5px;
	margin-bottom: 25px;
    color: #333;
	background-color: #fff;
}         

.mp-tit::before {
    content: '';
    display: block;
    width: 36px;
    height: 3px;
    background-color: #0090da;
    position: absolute;
  
}
.mp-tit::after {
    content: "";
    display: block;
    width: 0%;
    height: 1px;
    background-color: #ddd;
    position: absolute;
    left: 0;
    margin-top: -13px;
    z-index: 1;
}
.mp-tit span {
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: 800;
    font-size: 28px;
	padding-top: 25px;
}
.rs  { margin: 20px auto; text-align:center; }

.orgCon{}
.orgCon section{width:100%;margin:-15px auto 0 auto;border: 0px solid #000000;}
.orgCon dl > dd > ul > li{background:url(/img/sub/bullet_his.gif) no-repeat 0 10px;font-size:18px;color:#555;line-height:26px;padding-left:10px;}
.orgCon .part01{background:url(/sub/images/ps0104_l01.png) no-repeat left 0% top 0px;}
.orgCon .part01 dl{overflow:hidden;z-index:999;}
.orgCon .part01 dl dt.ctname{position:relative;background:#558cc5;color:#fff;font-size:18px;font-weight:700;width:538px;margin:0 auto;height:40px;line-height:40px;text-align:center;border-radius:40px;}
.orgCon .part01 dl dt.ctname > i{position:absolute;left:50%;top:33px;margin-left:-7px}
.orgCon .part01 dl dd{float:left;width:28%;margin-top:50px;margin-right:30.6px;}
.orgCon .part01 dl dd:last-child{margin-right:0;}
.orgCon .part01 dl dd > p {position:relative;background:#44c4cf;height:47px;line-height:47px;color:#fff;font-size:18px;font-weight:700;text-align:center; }
.orgCon .part01 dl dd > p > i{position:absolute;top:-5px;left:50%;margin-left:-6px;}
.orgCon .part01 dl dd > ul{height:120px;border:1px solid #aaa;border-top:none;padding:15px 20px; margin-top: -20px;}


.orgCon .part01-01{background:url(/sub/images/ps0401_l02.png) no-repeat left 0% top 0px;}
.orgCon .part01-01 dl{overflow:hidden;z-index:999;}
.orgCon .part01-01 dl dt.ctname{position:relative;background:#558cc5;color:#fff;font-size:18px;font-weight:700;width:538px;margin:0 auto;height:40px;line-height:40px;text-align:center;border-radius:40px;}
.orgCon .part01-01 dl dt.ctname > i{position:absolute;left:50%;top:33px;margin-left:-7px}
.orgCon .part01-01 dl dd{float:left;width:28%;margin-top:50px;margin-right:30px;}
.orgCon .part01-01 dl dd:last-child{margin-right:0;}
.orgCon .part01-01 dl dd > p {position:relative;background:#44c4cf;height:47px;line-height:47px;color:#fff;font-size:18px;font-weight:700;text-align:center; }
.orgCon .part01-01 dl dd > p > i{position:absolute;top:-5px;left:50%;margin-left:-6px;}
.orgCon .part01-01 dl dd > ul{height:120px;border:1px solid #aaa;border-top:none;padding:15px 20px; margin-top: -20px;}



.orgCon .part02{background:url(/img/sub/org_line2.png) no-repeat left 50% top 250px;}
.orgCon .part02 dl{width:330px;}
.orgCon .part02 dl dt{background:#555;height:60px;line-height:60px;text-align:center;color:#fff;font-weight:700;font-size:18px;margin-bottom:10px;border-radius:10px;}
.orgCon .part02 dl dt > i{position:absolute;top:-5px;left:50%;margin-left:-6px;}
.orgCon .part02 dl dd{background:#f4f4f4;margin-bottom:10px;border-radius:10px;padding:20px 30px;height:140px;}
.orgCon .part02 dl dd p{border-bottom:1px solid #ccc;color:#555;font-size:17px;line-height:22px;font-weight:700;text-align:center;padding-bottom:10px;margin-bottom:10px;}
.orgCon .part02 dl dd p em{font-size:14px;}

.orgCon .part02 dl.yscenter{margin:0 auto;position:relative;}
.orgCon .part02 dl.yscenter dt{background:#558cc5;}
.orgCon .part02 dl.yscenter > i{position:absolute;bottom:-12px;left:50%;margin-left:-6px;}
.orgCon .part02 > div{overflow:hidden;}
.orgCon .part02 dl.fambring, .orgCon .part02 dl.carecenter{margin-top:55px;}
.orgCon .part02 dl.fambring dt, .orgCon .part02 dl.carecenter dt{position:relative;}
.orgCon .part02 dl.fambring{float:left;}
.orgCon .part02 dl.carecenter{float:right;}

.oj-ft-desc  { width:28%;margin: 20px auto 35px auto;border-left:2px solid #0090da;padding:10px 20px; }

.bbs01 table{ border-top:2px solid #00ccff;  width:100%; }
.bbs01 table td { word-break: break-all; }
.bbs01  table th {
	font-size: 18px;
    color: #0090DA;
    padding: 25px 0;
    vertical-align: middle;
	text-align: center;
    line-height: 1;
    letter-spacing: -0.25px;
}
.bbs01 table td {
	font-size: 18px;
    color: #5a5a5a;
    padding: 25px 10px;
	text-align: left;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.25px;
	line-height: 180%;
}
.bbs01 table td span.tit {
	font-size: 18px;
    font-weight: 600;
	color: #0090DA;
  
}

.ntb-tb-view-comment { margin:30px auto; width:100%; }
.ntb-tb-view-comment table{ border-top:1px solid #00ccff;  width:100%; }
.ntb-tb-view-comment table td { word-break: break-all; }
.ntb-tb-view-comment  table th {
	font-size: 16px;
    color: #0090DA;
    padding: 8px 0;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.25px;
}
.ntb-tb-view-comment  table th.bt {
	border-top: 1px solid #cdcdcd;
}
.ntb-tb-view-comment  table th.bf {
	border-bottom: 1px solid #cdcdcd;
}
.ntb-tb-view-comment  table td.bf {
	border-bottom: 1px solid #cdcdcd;
}
.ntb-tb-view-comment table td {
	font-size: 16px;
    color: #5a5a5a;
    padding: 5px 10px;
	text-align: left;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.25px;
	line-height: 180%;
}
.ntb-tb-view-comment table td span.tit {
	font-size: 18px;
    font-weight: 600;
	color: #0090DA;
  
}

.ntb-tb-view-comment-write { margin:30px auto; width:100%; background-color : #f2f2f2; }
.ntb-tb-view-comment-write table{padding:20px;   width:100%; }
.ntb-tb-view-comment-write table td { word-break: break-all; }
.ntb-tb-view-comment-write  table th {
	font-size: 16px;
    color: #0090DA;
    padding: 20px 0;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.25px;
}

.ntb-tb-view-comment-write table td {
	font-size: 16px;
    color: #5a5a5a;
    padding: 5px 10px;
	text-align: left;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.25px;
	line-height: 180%;
}

.ntb-tb-view-comment-write table td textarea{
	border:none;
	outline:none;
}
.ntb-tb-view-comment-write table td textarea:focus{
	border:none;
	outline:none;
}

th.left,td.left { text-align:left; }
th.right,td.right { text-align:right; }
span.font_ip { font-size:13.5px; }
span.font_comcnt { font-size:20px; }

.bbs01 table { border-top:3px solid #0090da; }
.bbs01 table th{}
.bbs01 table td{ padding: 20px 0; }
.bbs01 table td.bdl,th.bdl{ border-left: 1px solid #c0c9d2; }
.bbs01 table td.bdr,th.bdr{ border-right: 1px solid #c0c9d2; }
.bbs01 table td.bdt,th.bdt{ border-top: 1px solid #c0c9d2; }
.bbs01 table td.bdf,th.bdf{ border-bottom: 1px solid #c0c9d2; }

.bbs01 table td.ctvw{ text-align:left;font-size:14px;padding:20px;line-height:160%; }
.bbs01 table td.ctvw2{ text-align:left;padding:20px;line-height:160%; }
 td.bdf.ctvw2  p img { width:1269px !important;max-width:100% !important; }
.bbs01 ul.pt-list { width:100%; }
.bbs01 ul.pt-list li { float:left;width:30%; height:auto;  }
.bbs01 ul.pt-list li img{ width:100%; }
.bbs01 ul.pt-list li img:hover{  }

.bbs01 ul.pt-list li .pt-ct { width:100%;padding:10px; }
.bbs01 ul.pt-list li .pt-memo { width:100%; text-align:center;padding:10px; }
.bbs01 ul.pt-list li:not(:first-child){ }


.atfe { width:100%;background-color: #f4f4f4; }
.atfe ul li{ line-height:180%;padding:10px 30px; }
.atfe ul li.ldf { border-bottom: 1px solid #c0c9d2; }

.page-box { width:100%;margin:0 auto;padding:25px 0;text-align: center !important;border:0px solid #dddddd; }
.page-box ul { display:inline-block; }
.page-box ul a li{ float:left;padding:10px 15px;text-align: center !important;border:1px solid #cdcdcd;}
.page-box ul a li { color:#cdcdcd; }
.page-box ul a li:hover { background-color:#0090DA; color:#ffffff; }
.page-box ul a li.curr { background-color:#0090DA; color:#ffffff; }
.page-box ul a:not(:first-child) li{ margin-left:10px;}


.add-button {     
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 5px;
    padding: 0 10px;
    border: 2px solid #0090DA;
    color: #ffffff;
	background-color: #0090DA;
    border-radius: 0px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    outline: none;

}
.del-button {   
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 5px;
    padding: 0 10px;
    border: 2px solid #ff3300;
	color: #ffffff;
	background-color: #ff3300;
    border-radius: 0px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    outline: none;
}
span.btn-base {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    padding: 0 40px;
    border: 2px solid #0090DA;
    color: #0090DA;
    border-radius: 0px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    outline: none;
	}
span.btn-reply {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 0px 5px 0px 20px;
    padding: 0 20px;
    border: 2px solid #0090DA;
	background-color: #0099cc;
    color: #ffffff;
    border-radius: 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    outline: none;
	}
.btn-base.del {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    padding: 0 40px;
    border: 2px solid #ff0000;
    color: #ff0000;
    border-radius: 0px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    outline: none;
	}
.small-btn-base.del {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 5px;
    padding: 0 20px;
    border: 1px solid #ff0000;
    color: #ff0000;
    border-radius: 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    outline: none;
	}
.small-btn-base.write {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 5px;
    padding: 0 20px;
    border: 1px solid #33ccff;
    color: #0099cc;
    border-radius: 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    outline: none;
	}
.btn-base.edit {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    padding: 0 40px;
    border: 2px solid #009999;
    color: #009999;
    border-radius: 0px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    outline: none;
	}
.btn-base.cancel {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    padding: 0 40px;
    border: 2px solid #aaaaaa;
    color: #aaaaaa;
    border-radius: 0px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    outline: none;
	}
span.btn-zip {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    padding: 0 20px;
    border: 2px solid #0090DA;
    color: #ffffff;
	background-color: #0090DA ;
    border-radius: 0px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    outline: none;
	}
/* board bbs */
.bbs01-write {
		width: 100%;
		border-collapse: collapse;
		font-family: 'NanumBarunGothic',sans-serif, 'Nanum Gothic',sans-serif;
		font-size: 16px;
		font-weight: 400;
		border-top: solid 2px #000000;
		text-align: left;
	}
.bbs01-write table th{
		color: #000;
		font-weight: 400;
		padding: 11px 10px;
		font-size: 16px;
		border-bottom: solid 1px #d5d5d5;
		text-align: left;
		box-sizing: border-box;
	}
.bbs01-write table td{
		color: #000;
		font-weight: 400;
		padding: 11px 10px;
		font-size: 16px;
		border-bottom: solid 1px #d5d5d5;
		text-align: left;
		box-sizing: border-box;
	}
input.tx-fd {
    margin: 3px 0;
    box-sizing: border-box;
    border: solid 1px #d5d5d5;
    padding: 11px 10px;
    font-size: 16px;
    width: 100%;
	}
textarea.tx-ae{
     width: 99.5%;
    height: 100px;
    border: solid 1px #d5d5d5;
    font-size: 16px;
	}
select.tx-sel {
    margin: 3px 0;
    box-sizing: border-box;
    border: solid 1px #d5d5d5;
    padding: 11px 10px;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/images/arrow_select.png) no-repeat 95% 50%;
    color: #000;
    padding-left: 10px;
    cursor: pointer;
    outline: none;
    border-radius: 0;
	}
select.tx-sel2{
    margin: 3px 0;
    box-sizing: border-box;
    border: solid 1px #d5d5d5;
    padding: 5px 10px;
    font-size: 16px;
    width: 100%;
	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/images/arrow_select.png) no-repeat 95% 50%;
    font-size: 16px;
    color: #000;
    padding-left: 10px;
    cursor: pointer;
    outline: none;
    border-radius: 0;
	}
/* loginbox */
.login-box {
				margin: 50px auto;
				border: 8px solid #0099cc;
				padding: 40px;
				height:170px;
				width:70%;

				}
.login-box .login {
              padding: 30px 30px;
			  }
.login .lt {

    width: calc( 33% - 42px);
    float: left;
    text-align: right;
    border-right: 1px solid #dddddd;
    padding: 15px 10px;
}
.lt .login-txt {
    font-family: 'GmarketSansBold';
    font-size: 40px;
    color: #7a7a7a;
    letter-spacing: -0.5px;
}
.login .rt {
   width:67%;float:left;

}
.login .rt  ul li.text {
    margin-bottom: 0px;
}
.login .rt ul {  margin-left:20px;  }
.login .rt ul li { float:left; }
.login .rt  ul li .id-div {  width:100%; height:40px;  }
.id-div .id-box {  width:70px;float:left;line-height:30px; }
.id-div .in-box { width:calc(100% - 100px);float:left; }
input.ltx-fd {
    height: 30px;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    color: #777777;
    font-size: 15px;
    outline: none;
	line-height:30px;
   }

.join table{ border-top:2px solid #00ccff;  width:100%; }
.join table td { word-break: break-all; }
.join  table th {
	font-size: 18px;
    color: #0090DA;
    padding: 25px 0;
    vertical-align: middle;
	text-align: center;
    line-height: 1;
    letter-spacing: -0.25px;
}
.join table td {
	font-size: 18px;
    color: #5a5a5a;
    padding: 25px 10px;
	text-align: left;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.25px;
	line-height: 180%;
}
.join table td span.tit {
	font-size: 18px;
    font-weight: 600;
	color: #0090DA;
}

.join table { border-top:3px solid #0090da; }
.join table th{}
.join table td{ padding: 20px 10px; }
.join table td.bdl,th.bdl{ border-left: 1px solid #c0c9d2; }
.join table td.bdr,th.bdr{ border-right: 1px solid #c0c9d2; }
.join table td.bdt,th.bdt{ border-top: 1px solid #c0c9d2; }
.join table td.bdf,th.bdf{ border-bottom: 1px solid #c0c9d2; }

.join table td.ctvw{ text-align:left;font-size:14px;padding:20px;line-height:160%; }
.join table td.ctvw2{ text-align:left;padding:20px;line-height:160%; }

.join ul.pt-list { width:100%; }
.join ul.pt-list li { float:left;width:30%;  }
.join ul.pt-list li img{ width:100%;height:220px; }
.join ul.pt-list li img:hover{  }

.join ul.pt-list li .pt-ct { width:100%;padding:10px; }
.join ul.pt-list li .pt-memo { width:100%; text-align:center;padding:10px; }
.join ul.pt-list li:not(:first-child){ margin-left:10px;}

.privacy { width:98%;margin: 0 auto; }
.agr-box { width: calc(100% - 60px);text-align:center;padding:30px; }


.small-tb01 table{ border-top:0px solid #00ccff;  width:100%; }
.small-tb01 table td { word-break: break-all; }
.small-tb01  table th {
	font-size: 18px;
    color: #0090DA;
    padding: 25px 0;
    vertical-align: middle;
	text-align: center;
    line-height: 1;
    letter-spacing: -0.25px;
}
.small-tb01 table td {
	font-size: 18px;
    color: #5a5a5a;
    padding: 25px 10px;
	text-align: left;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.25px;
	line-height: 180%;
}
.small-tb01 table td span.tit {
	font-size: 18px;
    font-weight: 600;
	color: #0090DA;
  
}


.small-tb01 table { border-top:3px solid #0090da; }
.small-tb01 table th{}
.small-tb01 table td{ padding: 20px 0; }
.small-tb01 table td.bdl,th.bdl{ border-left: 1px solid #c0c9d2; }
.small-tb01 table td.bdr,th.bdr{ border-right: 1px solid #c0c9d2; }
.small-tb01 table td.bdt,th.bdt{ border-top: 1px solid #c0c9d2; }
.small-tb01 table td.bdf,th.bdf{ border-bottom: 1px solid #c0c9d2; }

.small-tb01 table td.ctvw{ text-align:left;font-size:14px;padding:20px;line-height:160%; }
.small-tb01 table td.ctvw2{ text-align:left;padding:20px;line-height:160%; }

.small-tb01 ul.pt-list { width:100%; }
.small-tb01 ul.pt-list li { float:left;width:30%;  }
.small-tb01 ul.pt-list li img{ width:100%;height:220px; }
.small-tb01  ul.pt-list li img:hover{  }

.small-tb01  ul.pt-list li .pt-ct { width:100%;padding:10px; }
.small-tb01 ul.pt-list li .pt-memo { width:100%; text-align:center;padding:10px; }
.small-tb01 ul.pt-list li:not(:first-child){ margin-left:10px;}

.search-box { 
    width: 100%;
    margin: 0px auto;
    padding: 5px 0  35px 0;
    text-align: center !important;
    border: 0px solid #dddddd;
}
.s-key {
    width: 260px;
    height: 50px;
    border: none;
    font-size: 16px;
    font-weight: normal;
    box-sizing: border-box;
    color: #666;
    padding-left: 10px;
	border-bottom: 1px solid #4b5055;
	}
.search-box ul { text-align:center;padding:10px 0; display:inline-block;}
.search-box ul li { float:left; }
.s-sel {
     width: 175px;
    height: 50px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/images/arrow_select.png) no-repeat 95% 50%;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #4b5055;
    padding-left: 10px;
    cursor: pointer;
    outline: none;
    border-radius: 0;
	}
 .s-key-box { position: relative; }
 .s-key-box  .btn-s { position:absolute; right:10px;top:10px; }

 .box-type01 {
   position: relative;
    border: 1px solid #ddd;
    padding: 25px 55px;
    margin-top: 40px;
    margin-bottom: 90px;
}

.box-type01 .title {
   display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: #0090da;
    background-color: #fff;
    padding: 2px 10px;
    position: absolute;
    top: -15px;
    left: 15px;
    z-index: 2;
	}
.box-type01 .title .mark {
    display: inline-block;
    border-radius:50%;
	width:20px;
	height:20px;
	border:5px solid #0090da;
	}
.box-type01 .title .ct {
    display: inline-block;
    vertical-align: top;
	margin: 2px 5px;

	}
.box-type01 .ctv {
    padding:15px;
     font-size: 22px;
    font-weight: 700;
    color: #000000;

}
span.style1 { font-size:15px; }
.searchc ul { width:100%; }
.searchc ul li { width:90%;background:url('./images/bgarrow.gif') no-repeat;padding:5px 10px; }
.searchc ul li.up { border:4px solid #009900; }
.img-r-r { display:block;position:relative;text-align:center;width:94%;margin:50px auto 50px auto;border-radius:150px;background-color:#efefef;padding:10px 20px;height:230px;border:5px solid #f4f4f4; }
.img-r-r ul li { float:left;width:25%;text-align:center;}
.img-r-r ul li div.rnd{ border-radius:50%;width:210px;height:210px;margin:0 auto;line-height:210px;}
div.bg1{ background-color:#044199; border:5px solid #c0cfe5;}
div.bg2{ background-color:#0f77aa; border:5px solid #4a99bf;}
div.bg3{ background-color:#0099ff; border:5px solid #90d3ff;}
div.bg4{ background-color:#0a56ae; border:5px solid #a7c2e2;} 
.rnd span { color:#ffffff; font-family:'GmarketSansBold','ChosunKg';font-size:30px; }

.tit-box2 { background:url('/sub/images/bg0203tit.png') no-repeat top left;width:100%;height:366px; }
.tit-box2  .lt { float:left;width:65%;margin:150px 0 0 30px; }

span.rnd01 { display:inline-block;width:30px;height:30px;border:3px solid #ffffff;border-radius:50%;vertical-align:middle;margin-top:-15px;margin-right:10px; }
span.ht { font-size:33px;color:#ffffff;font-family:'GmarketSansBold'; }
p.ln { margin:2px  0 0 50px; }
span.smy { font-family:'Cafe24Dangdanghae';color:#ffffff;font-size:25px; }

.tit-box2  .rt { float:left;width:29%;border:0px solid blue;line-height:106px;text-align:center;margin-top:100px; }


.reader { float:right; width:100%; border:1px solid #dbdfe2;position:relative; }
.reader .bx-pager {  position:absolute; top:15px; width:auto; right:15px; z-index:999; }
.reader .bx-pager div { float:left; margin-left:4px; }
.reader .bx-pager a {display: block; width:30px; height:30px; padding:10px;line-height:30px;text-align:center; border-radius:50%;  font-family:'Cafe24Dangdanghae';background:#000000;color:#ffffff;font-size:25px}
.reader .bx-pager a.active{ background-color:#ffff15;color:#000000; }
.reader .bx-pager a:hover, .container .popzone .bx-pager a.active { background:#ff6600; }

.rs2 { float:right; width:100%; border:1px solid #dbdfe2;position:relative; }
.rs2 .bx-pager {  position:absolute; top:15px; width:auto; right:15px; z-index:999; }
.rs2 .bx-pager div { float:left; margin-left:4px; }
.rs2 .bx-pager a {display: block; width:30px; height:30px; padding:10px;line-height:30px;text-align:center; border-radius:50%; font-family:'Cafe24Dangdanghae';color:#ffffff;font-size:25px;background:#7462c8;color:#ffffff; }
.rs2 .bx-pager a.active{ font-size:25px;background:#000099;color:#ffffff; }

.rs2 .bx-pager a:hover, .container .popzone .bx-pager a.active { background:#73a1d3; }


.rs3 { float:right; width:100%; border:0px solid #dbdfe2;position:relative; }
.rs3 .bx-pager {  position:absolute; top:15px; width:auto; right:15px; z-index:999; }
.rs3 .bx-pager div { float:left; margin-left:4px; }
.rs3 .bx-pager a {display: block; width:30px; height:30px; padding:10px;line-height:30px;text-align:center; border-radius:50%; font-family:'Cafe24Dangdanghae';color:#ffffff;font-size:25px;background:#332d21;color:#ffffff; }
.rs3 .bx-pager a.active{ background:#999900;color:#ffffff; }

.rs3 .bx-pager a:hover, .container .popzone .bx-pager a.active { background:#99cc00; }

.tbs-tit { font-family:  'GmarketSansBold', 'HangeulNuri-Bold';font-size:22px; color:#224a88; }
caption { display:none; }


.radio-box input + label:before{
    display: inline-block;
	background-image: url("/images/icon_v1.svg");
	background-repeat: no-repeat;
	vertical-align: middle;
	background-size:300px 300px;
}

.radio-box {  
    display: inline-block;
    vertical-align: top;
	margin:10px 30px 0 0px;
	}
.radio-box input {
	-webkit-appearance: none;
	float: left;
	width: 0;
	opacity: 0;
}

.radio-box label {
	color:#0066ff;
	line-height: 23px;
	vertical-align:top;
	cursor:pointer;
}

.radio-box input + label:before {
	content: '';
	margin: 0px 0px 0 0;
}

.radio-box.only_box label:before {
	margin: 0;
}

.radio-box input:disabled + label {
	color: rgba(0, 0, 0, 0.2);
}

.radio-box input:disabled + label:before {
	opacity: 0.4;
}

.radio-box input + label:before {
	background-position: -17px  0px;
	width: 26px;
	height: 26px;
	border:0px solid #000000;
}

.radio-box input:checked + label:before {
	background-position: -44px  0px;
	width: 26px;
	height: 26px;
	border:0px solid #000000;
}

.checkbox-box {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
    vertical-align: baseline;
    font-style: normal;
    min-height: 2.1rem;
    font-size: 1rem;
    width: unset;
    min-width: 4rem;
    line-height: 2.1rem;
    padding: 4px 12px 4px 0;
    vertical-align: middle
}

.checkbox-box input {
    width: 3.5rem;
    height: 1.5rem
}

.checkbox-box input[type="checkbox"],.checkbox-box input[type="radio"] {
    left: 0;
    cursor: pointer;
    position: absolute;
    opacity: 0;
    outline: none;
    z-index: 3;
    margin: 0
}

.checkbox-box input[type="radio"]:focus:checked~label:before {
    background-color: #0D71BB
}

.checkbox-box input[type="checkbox"]:focus:checked~label:before {
    background-color: #3399ff
}

.checkbox-box input:checked~label.radio:before {
    background-color: #2185D0
}

.checkbox-box input:checked~label.checkbox:before {
    background-color: #808080
}

.checkbox-box input:checked~label:before {
    background: #FFF;
    border-color: rgba(34,36,38,.35)
}

.checkbox-box input[disabled]~label {
    cursor: default;
    opacity: .5;
    color: #000
}

.checkbox-box input~label:after {
    left: -.05rem;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset
}

.checkbox-box input:checked~label {
    color:#0066cc;
}

.checkbox-box input:checked~label:before {
    background-color: #2185D0
}

.checkbox-box input:checked~label:after {
    left: 2.15rem;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset
}

.checkbox-box label {
    line-height: 1.5rem;
    white-space: nowrap;
    cursor: auto;
    position: relative;
    display: block;
    outline: none;
    font-size: 1rem;
    min-height: 1.5rem;
    padding-left: 3.7rem;
    color: rgba(0,0,0,.87);
    padding-top: .3em;
    border: none
}

.checkbox-box label.checkbox:before {
    border-radius: .5rem
}

.checkbox-box label.checkbox:after {
    border-radius: .5rem
}

.checkbox-box label:before {
    position: absolute;
    display: block;
    top: 4px;
    left: 0;
    z-index: 1;
    width: 3.5rem;
    height: 1.5rem;
    content: '';
    background: rgba(0,0,0,.05);
    border-radius: 500rem;
    -webkit-transition: border 0.1s ease,opacity 0.1s ease,-webkit-transform 0.1s ease,-webkit-box-shadow 0.1s ease;
    transition: border 0.1s ease,opacity 0.1s ease,-webkit-transform 0.1s ease,-webkit-box-shadow 0.1s ease;
    transition: border 0.1s ease,opacity 0.1s ease,transform 0.1s ease,box-shadow 0.1s ease;
    transition: border 0.1s ease,opacity 0.1s ease,transform 0.1s ease,box-shadow 0.1s ease,-webkit-transform 0.1s ease,-webkit-box-shadow 0.1s ease
}

.checkbox-box label:after {
    position: absolute;
    font-size: 14px;
    width: 1.5rem;
    height: 1.5rem;
    top: 4px;
    left: 0;
    text-align: center;
    color: rgba(0,0,0,.87);
    content: '';
    opacity: 1;
    z-index: 2;
    background: #FFF linear-gradient(transparent,rgba(0,0,0,.05));
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
    border-radius: 500rem;
    -webkit-transition: background 0.3s ease,left 0.3s ease;
    transition: background 0.3s ease,left 0.3s ease
}

.checkbox-box label:hover::before {
    background-color: rgba(0,0,0,.15)
}

.checkbox-box label:active::before {
    border-color: rgba(34,36,38,.35)
}

.checkbox-box label,.checkbox-box+label {
    color: rgba(0,0,0,.87);
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
    vertical-align: middle
}

.checkbox-box label:hover,.checkbox-box+label:hover {
    color: rgba(0,0,0,.8)
}