@charset "utf-8";
.break02{display:block;margin-top: 5px;}
.break-inline{display:block;}
.plump{}
.block{display:block}
	@media all and (max-width:480px) {
		.plump{display:block}
		.block{display:block}
	}
	@media all and (max-width:1000px) {
		.m-none{display:none}

	}
@media all and (max-width:750px) {
	.break{display:block;}
}
@media all and (max-width:650px) {
	.break03{display:block;}
	.break-inline{display:inline}
}
@media all and (max-width:500px) {
	.break04{display:block;}
}
i{font-style:normal}
.ov{overflow:hidden}
.hide{display:none;}

/* 라인 */
.u-line{height:0px;}
.d-line{height:0px;}

.bd-line{height:0px;}

	@media only screen and (max-width:480px) {
			.u-line, .bd-line, .d-line{margin:15px 0}
	}

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}



/*타이틀*/
.u-tit01{ font-size:24px; font-weight:500; letter-spacing:-0.04em; color:#222; line-height:130%; margin-bottom:20px; }
.u-tit01 span{display:inline-block; vertical-align:top;}
.u-tit01 span.num{ font-size:16px; margin-left:7px;font-weight:300; color:#666;border-top:0;; display:inline-block; vertical-align:top  ; height:32px; overflow:hidden;}



.u-tit02 {font-size:20px; font-weight:500; letter-spacing:-0.03em; margin-bottom:15px; color:#222}
.u-tit02.top{margin-top: 15px}

.u-tit03{position:relative; font-size:20px; color:#222;font-weight:500;line-height:130%;margin-bottom:10px;}
.u-tit03:before{ width:10px; height:10px;border-radius:100%; background:#418ccc; position:absolute; left:-18px; top:9px; display:block; content:"" }

.u-tit04 {font-size:14px; font-weight:500; letter-spacing:-0.03em; margin-bottom:5px; color:#222}
/*.u-tit04.top{margin-top: 15px}*/

	@media only screen and  (max-width:680px) {
		.u-tit01{font-size:20px; margin-bottom:15px;}
		.u-tit03, .u-tit02{font-size:17px}
		.u-tit03:before{width:8px; height:8px; left:-14px; top:8px;}
	}




/* 검정라인 */
.sw-btn, .sb-btn, .sr-btn{display:inline-block; vertical-align:top;  font-size:14px; font-weight:600;text-align:center; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.bw-btn, .bb-btn, .br-btn{display:inline-block; vertical-align:top; border-radius:0; font-size:20px; font-weight:500;text-align:center; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.cw-btn, .cb-btn, .cr-btn{position:relative;display:inline-block; vertical-align:top; font-size:20px; font-weight:500;text-align:center; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

/* 검정라인 */
.bw-btn{color:#222;background:#fff; border:1px solid #666; min-width:189px; }
.bw-btn span{display:inline-block; vertical-align:top; line-height:38px;}

.sw-btn{color:#222;border:1px solid #fff; background:#666; min-width:135px; }
.sw-btn span{display:inline-block; vertical-align:top; line-height:38px;}
.sw-btn.full{display:block; min-width:auto; }

.cw-btn{color:#222;background:#fff; border:1px solid #666; min-width:250px; border-radius:0; font-size:16px; }
.cw-btn span{display:inline-block; vertical-align:top; line-height:44px;}

/* 우편번호 검색 버튼 */
.zipcode-btn {position:relative;display:inline-block; vertical-align:top; font-weight:500;text-align:center; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.zipcode-btn {margin-left: 2px; color:#222;background:#fff; border:1px solid #666; min-width:100px; border-radius:0; font-size:14px; }
.zipcode-btn span{display:inline-block; vertical-align:top; line-height:38px;}

/* 검정배경 버튼*/
.bb-btn{color:#fff;background:#4d4d4d; border:1px solid #4d4d4d; min-width:189px; }
.bb-btn span{display:inline-block; vertical-align:top; line-height:58px;}

.sb-btn{color:#fff;background:#4d4d4d; border:1px solid #4d4d4d; min-width:135px; }
.sb-btn span{display:inline-block; vertical-align:top; line-height:38px;}

.cb-btn{color:#222;background:#4d4d4d; border:1px solid #4d4d4d; min-width:204px; border-radius:0; font-size:16px; }
.cb-btn span{display:inline-block; vertical-align:top; line-height:44px;}

/* 파랑배경 버튼*/
.br-btn{color:#fff;background:#418ccc; border:1px solid #68c6fa; min-width:189px; }
.br-btn span{display:inline-block; vertical-align:top; line-height:58px;}
.br-btn.line{border:1px solid #418ccc;}


.sr-btn{ color:#fff;background:#418ccc; min-width:135px; box-sizing: border-box;}
.sr-btn span{display:inline-block; vertical-align:top; line-height:38px;}
.sr-btn.line{border:1px solid #418ccc;}


.cr-btn{color:#053262;background:#fff; border:1px solid #053262; min-width:204px; border-radius:0; font-size:16px; }
.cr-btn span{display:inline-block; vertical-align:top; line-height:44px;}
.cr-btn.save:after{width:14px; height:14px; background:url(../_Img/Sub/violet-arrow03.png) no-repeat center center ; display:block; content:""; position:Absolute; right:8px ; top:50%;margin-top:-7px}



/* line */

	@media only screen and (max-width:780px) {
		.bw-btn, .bb-btn, .br-btn{min-width:158px; font-size:18px;}
		.bw-btn span, .bb-btn span, .br-btn span{line-height:48px; }

	}
	@media only screen and (max-width:680px) {
		.bw-btn, .bb-btn, .br-btn{min-width:158px; font-size:17px;}
		.bw-btn span, .bb-btn span, .br-btn span{line-height:44px; }

	}
	@media only screen and (max-width:480px) {
		.bw-btn, .bb-btn, .br-btn{min-width:158px; font-size:17px;}
		.bw-btn span, .bb-btn span, .br-btn span{line-height:44px; }

	}

/* table */
.tbl-ex{color:#555; font-size:14px; letter-spacing:-0.02em; font-weight:400; margin-bottom:10px;}

.tbl-type01.w330{width:330px}
.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;}
.tbl-type01 thead th {padding:10px 5px; line-height:125%; background:#fff;font-weight:500; color:#666 ;border-bottom:1px solid #d2d2d2;  border-top:1px solid #d2d2d2;  }
.tbl-type01 thead th:first-child, .tbl-type01 tbody td:first-child{border-left:1px solid #d2d2d2; }
.tbl-type01 thead th:last-child{border-right:1px solid #d2d2d2;}

.tbl-type01 thead th.vline {border-bottom:1px solid #dadada;}
.tbl-type01 tbody th{background:#f4f6f9;color:#666; font-weight:400;}
.tbl-type01 tbody td {vertical-align:top;border-left:1px solid #d2d2d2; padding:5px 5px;font-size:14px;  font-weight:400; letter-spacing:-0.03em;color:#666;background:#f5f5f5;word-wrap:break-word;}
.tbl-type01 th.line, .tbl-type01 td.line {border-right:1px solid #dadada;}
.tbl-type01 th.l, .tbl-type01 td.l, .tbl-type01 td.left {padding-left:10px;}
.tbl-type01 th.r, .tbl-type01 td.r, .tbl-type01 td.right {padding-right:10px;}
.tbl-type01 tbody tr td:last-child{border-right:1px solid #d2d2d2}
.tbl-type01 tbody tr:last-child td{border-bottom:1px solid #d2d2d2}

.tbl-type02.w330{width:330px}
.tbl-type02 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;}
.tbl-type02 thead th {padding:16px 5px; line-height:125%; background:#fff;font-weight:500; color:#666 ;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;  border-top:2px solid #d2d2d2;  }
.tbl-type02 thead th:first-child, .tbl-type02 tbody td:first-child{ border-left:none;}


.tbl-type02 thead th.vline {border-bottom:1px solid #dadada;}
.tbl-type02 tbody th{background:#f4f6f9;color:#666; font-weight:400;}
.tbl-type02 tbody td {vertical-align:top;border-left:1px solid #d2d2d2; padding:10px 5px;font-size:14px;  font-weight:400; letter-spacing:-0.03em;color:#666;word-wrap:break-word;}
.tbl-type02 th.line, .tbl-type02 td.line {border-right:1px solid #dadada;}
.tbl-type02 th.l, .tbl-type02 td.l, .tbl-type02 td.left {padding-left:20px;}
.tbl-type02 th.r, .tbl-type02 td.r, .tbl-type02 td.right {padding-right:20px;}

.tbl-type02 tbody tr:last-child td{border-bottom:1px solid #d2d2d2}


.tbl-type03 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;}
.tbl-type03 th, .tbl-type03 td { font-size:15px;border:1px solid #dadada;border-top:1px solid #333;border-right:0;word-wrap:break-word;}
.tbl-type03 th:first-child, .tbl-type03 td:first-child {border-left:0;}
.tbl-type03 thead th {padding:16px 5px;border-top:0; background:#938870;font-weight:500; color:#fff ; border-left:none; position:relative;}
.tbl-type03 thead th:after{width:1px ;height:14px; background:rgba(255,255,255,0.6); display:block; content:""; position:absolute; left:0; top:50%; margin-top:-7px}
.tbl-type03 thead th:first-child:after{display:none;}
.tbl-type03 thead th.vline {border-bottom:1px solid #dadada;}
.tbl-type03 tbody th{background:#f4f6f9;color:#333; }
.tbl-type03 tbody td {padding:14px 5px; color:#666;font-weight:500;border-left:1px solid #dadada;}
.tbl-type03 th.line, .tbl-type03 td.line {border-right:1px solid #dadada;}
.tbl-type03 th.l, .tbl-type03 td.l, .tbl-type03 td.left {padding-left:10px;}
.tbl-type03 th.r, .tbl-type03 td.r, .tbl-type03 td.right {padding-right:10px;}













/* list type */
.u-list03 li{position:relative; padding-left:12px;margin-top:3px;  line-height:130%; font-size:14px; color:#222; font-weight:300; letter-spacing:-0.07em;}
.u-list03 li:first-child{margin-top:0px; }
.u-list03 li:before{width:4px; height:4px; position:absolute; background:#b5beca;  left:0; top:6px;display:block; content:""}

.u-list04 li{position:relative; padding-left:12px; margin-top:5px;line-height:130%; font-size:14px; color:#666; font-weight:400; letter-spacing:-0.07em;}
.u-list04 li:first-child{margin-top:0px; }
.u-list04 li:before{width:4px; height:4px; position:absolute; background:#b5beca;  left:0; top:6px;display:block; content:""}


/* 라디오 ,체크박스, 셀렉트 */
.radio-box{display:inline-block; margin-right:15px;vertical-align:top;}
.radio-box input[type="radio"]{ display:none;}
.radio-box label{position:relative; padding-left:30px; font-size:14px ; color:#222; font-weight:300; line-height:22px;}
.radio-box label:after{width:20px; height:20px; position:absolute; border-radius:100%; left:0; top:0 ;border:2px solid #888; display:block; content:""}
.radio-box input[type="radio"]:checked + label:before{ position:absolute; width:14px; height:14px; background:#418ccc; border-radius:100%;  top:5px; display:block; content:""}
.radio-box input[type="radio"]:checked + label:after{border-color: #418ccc}

.check-box{display:inline-block; vertical-align:top;}
.check-box1{display:inline-block; vertical-align:top;}
.check-box input[type="checkbox"]{ display:none;}
.check-box label{position:relative; padding-left:20px; font-size:14px ; color:#222; line-height:13px;}
.check-box label:after{width:13px; height:13px; position:absolute;  left:0; top:4px ; display:block; content:""; border:1px solid #dadada}
.check-box input[type="checkbox"]:checked +  label:after{background:url(/assets/_Img/Sub/check-on.png) no-repeat center center}
.check-box input[type="checkbox"]:checked +  label{color:#222}


.select-box{position:relative;border:1px solid #ccc; display:inline-block;vertical-align:top;background:#fff;}
.select-box:after{background:url(../_Img/Sub/select-arrow.png) no-repeat center center; position:absolute; width:20px; height:10px; position:absolute; right:0px; top:50%;margin-top:-5px; display:block; content:""}
.select-box select{cursor:pointer;color:#666; font-size:14px; font-weight:300; height:35px;text-indent:2px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0; padding:0;}
.select-box select::-ms-expand{display:none;}


.select-box-stock{position:relative; border:1px solid #c4cbd7; display:inline-block;vertical-align:top;background:#fff; width: 158px; box-sizing: border-box;}
.select-box-stock:after{background:url(../_Img/Sub/select-arrow.png) no-repeat center center; position:absolute; width:20px; height:10px; position:absolute; right:3px; top:50%;margin-top:-5px; display:block; content:""}
.select-box-stock select{cursor:pointer; padding-left:10px; color:#666; font-size:14px; font-weight:300; height:40px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0; }
.select-box-stock select::-ms-expand{display:none;}

/* tab */


.b-tab01.reward{margin-bottom:0px}




/* .b-tab02{overflow:hidden;margin-bottom:0px;position: -webkit-sticky; position: sticky; top:60px;background:#fff; padding:20px 0 }
.b-tab02 ul{overflow:hidden;text-align:center; font-size:0;}
.b-tab02 li{display:inline-block; vertical-align:top;}
.b-tab02 li a{display:block; position:relative;font-size:14px; font-weight:400; line-height:28px; padding:0 20px;}
.b-tab02 li a:before{ width:1px; height:12px; position:absolute; left:0; top:50%;margin-top:-6px; display:block; content:""; background:#b8b8b8;}
.b-tab02 li:first-child a:before{display:none}
.b-tab02 li.over a{color:#1e93c9; padding-right:35px;}
.b-tab02 li.over a:after{background:url(../_Img/Sub/btab02-down.png) no-repeat center center; background-size:10px auto; position:absolute; right:14px; top:50%;margin-top:-7px; width:14px; height:14px; display:block; content:""}
	@media only screen and  (max-width:680px) {
		.b-tab02 li{width:21%; margin:0 2%}
		.b-tab02 li a{font-size:11px;display:table; width:100%; height:30px; line-height:120%; padding:0 5px }
		.b-tab02 li span{ display:table-cell; vertical-align:middle; }
		.b-tab02 li.over a{padding-right:20px;}

	}	 */

/*회원가입 페이지 팝업 이용약관에 들어가는 탭*/
.b-tab03{overflow:hidden;position:relative;margin-bottom:20px;}
.b-tab03:before{width:100%; height:2px; position:absolute; left:0; top:0; background:#eaeff5; display:block; content:""; }
.b-tab03 ul{overflow:hidden;}
.b-tab03 li{float:left;width:33.333333%; position:relative; height:47px}
.b-tab03 li:first-child{margin-left:0}
.b-tab03 li a{position:relative;display:block; text-align:center;line-height:47px; font-weight:500; color:#222; font-size:14px; letter-spacing:-0.02em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.b-tab03 li.active{z-index:5}
.b-tab03 li.active a{color:#418ccc; }
.b-tab03 li.active a:after{background:#418ccc; width:100%; height:2px; position:absolute; left:0; top:0; display:block; content:""}


/*프로젝트 카테고리에 사용되는 탭*/
.b-tab04{overflow:hidden;position:relative;background:#fff; border:1px solid #cccfd5; margin-top: 30px}
.b-tab04 ul{overflow:hidden;font-size:0; text-align:center; }
.b-tab04 li{width:auto; display:inline-block; vertical-align:top; position:relative; height:60px}
.b-tab04 li:first-child{margin-left:0}
.b-tab04 li a{position:relative;display:block; padding:0 ; text-align:center;line-height:60px; font-weight:400; color:#68696b; font-size:16px; letter-spacing:-0.02em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.b-tab04 li.active{z-index:5}
.b-tab04 li a.active{color:#053262; font-weight: 500}
.b-tab04 .owl-stage{margin:0 auto}
.b-tab04 .owl-item {display:inline-block; vertical-align:top;float:none}
.b-tab04 .owl-prev{cursor:pointer;z-index:99;position:absolute; left:0; top:0;background:url(../_Img/Sub/page-ctrl.png) no-repeat -46px center; border:none; text-indent:-9999px; width:32px; height:60px ;border-right:1px solid #cccfd5;background-color: #fff}
.b-tab04 .owl-next{cursor:pointer;z-index:99; position:absolute; right:0; top:0;background:url(../_Img/Sub/page-ctrl.png) no-repeat -85px center; border:none; text-indent:-9999px; width:32px; height:60px ;border-left:1px solid #cccfd5; background-color: #fff}
.b-tab04 .owl-item .owl-nav{display:none;}
	@media only screen and  (min-width:1001px) {
		.b-tab04 li{ float:none !important ; display:inline-block !important; vertical-align:top;}
		.b-tab04 li a{padding:0 12px;}
		.b-tab04 .owl-prev, .b-tab04 .owl-next{display:none}
	}
	@media only screen and  (max-width:1000px) {
		.b-tab04 li a{padding:0 8px;}
		.b-tab04{ padding:0 12px}
		.b-tab04 .owl-item{ float:left;}
	}
	@media only screen and  (max-width:780px) {
	.b-tab04{ padding:0 24px}
	.b-tab04 .owl-item{width: auto !important; padding:0 10px}
	.b-tab04 li{height:40px;}
	.b-tab04 li a{line-height: 40px; font-size: 14px}
	.b-tab04 .owl-prev{height:40px;}
	.b-tab04 .owl-next{height:40px;}
	}


/* 페이징 */
.paging-wrap{font-size:0px; text-align:center; display:block; position:relative;}
.paging-wrap.no-bd i.ctrl , .paging-wrap.no-bd li a{border:none !important;}
.paging-wrap.no-bd li a.active, .paging-wrap li a.active:hover{background:none !important;color:#c62828 !important}
.paging-wrap.no-bd li a:hover{background:none !important}

.paging-wrap i.ctrl{ display:inline-block; margin:0 1px;vertical-align:top;text-decoration: none; width:38px; height:38px; font-size:15px; color:#b4b4b4; text-align:center; border:1px solid #dadada; line-height:38px;font-weight:400;}
.paging-wrap li, .paging-wrap ul{display:inline-block; vertical-align:top;}
.paging-wrap li {display:inline-block; margin:0 2px; position:relative; text-decoration: none;width:38px;background:#fff; height:38px; font-size:14px; color:#919eb1; text-align:center; border:1px solid #cccfd5;  line-height:38px;font-weight:400;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.paging-wrap li.active, .paging-wrap li.active:hover{ color:#418ccc;background:#fff; border:1px solid #418ccc; cursor: pointer;}
.paging-wrap li a{width: 38px; height: 38px; line-height: 38px; position: absolute; left: 0; top: 0}

.paging-wrap i.first{background:url(../_Img/Sub/page-ctrl.png) no-repeat 0 0 #fff; }
.paging-wrap i.prev{background:url(../_Img/Sub/page-ctrl.png) no-repeat -42px 0 #fff}
.paging-wrap i.next{background:url(../_Img/Sub/page-ctrl.png) no-repeat -81px 0 #fff}
.paging-wrap i.last{background:url(../_Img/Sub/page-ctrl.png) no-repeat -122px 0 #fff; border-right:1px solid #cccfd5;}

	@media only screen and  (max-width:900px) {
		.paging-wrap i.ctrl{width:26px; height:26px ;line-height:26px;background-size:120px auto !Important}
		.paging-wrap li a{font-size:13px;}

		.paging-wrap i.first{background-position:-1px 0}
		.paging-wrap i.prev{background-position:-33px 0}
		.paging-wrap i.next{background-position:-61px 0}
		.paging-wrap i.last{background-position:-92px 0}

	}



/* table rspvn */
.rspvn-box{ overflow:hidden}
	@media all and (max-width:780px) {
		.rspvn-box{overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:90px;}
		.rspvn-box:after{width:100%; ; height:80px; position:absolute; left:0px ;  top:0; display:block; content:"";background:#eceff1; z-index:1}
		.rspvn-box:before{width:360px;background:url(../_Img/Sub/mobile-scroll.png) no-repeat; height:60px; position:absolute;margin-left:-180px; left:50% ; top:15px;font-size:15px; letter-spacing:-0.05em; color:#555;z-index:2; display:block; content:"좌우로 스크롤 하시면 자세히 보실 수 있습니다"; box-sizing:border-box; line-height:60px; padding-left:60px;}
		.rspvn-box table, .rspvn-box .scroll{width:800px !important}

	}
	@media all and (max-width:480px) {
	.tbl-type01.w330{width:100%;}
	.rspvn-box:before{width:260px;background-position:10px 0;background-size:30px auto; padding-left:60px ; padding-right:20px; font-size:14px;; line-height:120%; padding-top:5px; margin-left:-130px;}
	}


table { float:left;table-layout:fixed; }