@charset "utf-8";


/* 뷰보드 내 탭메뉴 */
.tabs{overflow:hidden; position:relative; background:#494949;}
ul.tabs li{padding: 10px 0;float:left; cursor: pointer; color:#fff; border-left:1px solid #fff; width:220px; text-align:center;}
ul.tabs li:first-child{padding-left:21px !important; border-left:0;}
ul.tabs li:hover{background-color:#739b42;}
#tab_1, #tab_2{clear:both;}
ul.tabs li.current{background:#739b42;}
.tab_content{display: none;}
.tab_content.current{display: inherit;}
.tab_content strong{font-size:18px; line-height:120%;}
/*뷰보드 공통 끝 ===================================================================*/



/*개인정보처리방침*/
.level1_1{font-size:25px; font-weight:600; margin-top:40px; margin-bottom:30px;}
.level1_1:first-child{margin-top:0px;}
.level1_2{font-size:20px; font-weight:600; margin-top:40px; margin-bottom:15px;}
.level1_2:first-child{margin-top:0px;}
.level1_3{margin-top:10px; margin-bottom:5px;}
.level1_3:first-child{margin-top:0px;}
.level1_3_1{text-indent:-21px; padding-left:21px; margin-top:10px; margin-bottom:5px;}
.level1_4{text-indent:-15px; padding-left:39px; margin-bottom:5px;}
.level1_4_1{text-indent:-11px; padding-left:55px;  margin-bottom:5px;}
.level1_4_2{text-indent:0px; padding-left:21px;  margin-bottom:5px;}
.level1_4_3{text-indent:-10px; padding-left:35px;  margin-bottom:5px;}
.ctt_privacy  .bo_v_tit{font-size:26px;margin-bottom:40px !important;display:inline-block}

/*이용약관*/
.level2_1{font-size:25px; font-weight:600; margin-top:40px; margin-bottom:30px;}
.level2_1:first-child{margin-top:0px;}
.level2_2{font-size:20px; font-weight:600; margin-top:40px; margin-bottom:15px;}
.level2_2:first-child{margin-top:0px;}
.level2_3{text-indent:-0px; padding-left:0px; margin-top:10px; margin-bottom:5px;}
.level2_3_1{text-indent:-15px; padding-left:15px; margin-top:10px; margin-bottom:5px;}
.level2_4{text-indent:-19px; padding-left:34px; margin-bottom:5px;}
.level2_4_1{text-indent:-0px; padding-left:15px; margin-bottom:5px;}
.ctt_provision .bo_v_tit{font-size:26px;margin-bottom:40px !important;display:inline-block}


/* 이용/처리방침 리스트 */
.level-ul1{}
.level-ul1 li{margin:10px 0; padding-left:15px; text-indent:-15px;}
.level-ul1 li:before{content:''; display:inline-block; vertical-align:5px; margin-right:10px; width:6px; height:2px; background:#739b42;}
.level-ul1 li .in_li-tit{display:inline-block; padding-left:15px; width:calc(100% - 15px);}
.level-ul1 li ul li strong{margin:10px 0 5px;}

.level-ul2{margin-top:10px; margin-left:-15px;}
.level-ul2 li{position:relative; margin:5px 0; padding-left:10px; text-indent:-10px;}
.level-ul2 li:first-child{margin-top:0;}
.level-ul2 li:last-child{margin-bottom:0;}
.level-ul2 li:before{content:''; display:inline-block; vertical-align:4px; margin-right:5px; width:3px; height:3px; background:#474747; border-radius:20px;}



/*이미지 정렬박스*/
div [class^="img-box"] .con-img img{width:100%;max-width:100%}

.img-box2 .con-img{float:left;width:calc(50% - 5px);margin-right:10px;display:inline-block;}
.img-box2 .con-img:nth-child(2n){margin-right:0px}

.img-box3 .con-img{float:left;width:calc(33.333333% - 7px);margin-right:10px;display:inline-block;}
.img-box3 .con-img:nth-child(3n){margin-right:0px}
.img-box3 .con-img:nth-child(n+4){margin-top:10px}

.img-box4 .con-img{float:left;display:inline-block;width:calc(25% - 8px);margin-right:10px}
.img-box4 .con-img:nth-child(4n){margin-right:0px}
.img-box4 .con-img:nth-child(n+5){margin-top:10px}


/*왼쪽박스, 오른쪽박스 기본값*/
.left-box, .right-box{float:Left;display:inline-block;box-sizing:border-box;margin:10px auto;}
.left-box{width:30%;padding:10px}
.right-box{width:70%;padding-left:30px}
.left-box img, .right-box img{max-width:100% !important}


/*제목있는 박스 3x3*/
.wd-body{width:100%;display:inline-block;}
.wd-body .wd-box{float:left;display:inline-block;width:calc(33.33333% - 7px);margin:5px;box-sizing:border-box;}
.wd-body > .wd-box:first-child, .wd-body > .wd-box:nth-child(3n+1) {margin-left:0px}
.wd-body .wd-box:nth-child(3n){margin-right:0px}
.wd-body .wd-title{font-weight:bold;font-size:14px;text-align:center;background:#3f51b5;color:#fff;padding:15px 0;letter-spacing:-1px;border-radius:20px 20px 0 0}
.wd-body .wd-con{padding:20px;min-height:150px;background:#f1f1f1; border-radius:0 0 20px 20px}


.m-block{display:block;}


/*콘텐츠 스타일*/
.B01 .B01_conbox_topimg{right:20px;top:-30px;width:80px}

.B02 {background:url("/theme/basic/img/pub/B02_body_bg.png") left bottom no-repeat; background-size:contain;}
.B02 .con-lg-gap{background:url("/theme/basic/img/pub/B02_title_bg.png") center top no-repeat;background-size:contain;height: 133px;}

.B02  .non-tbl th{vertical-align:top;width:88px}
.B02 .contab03 .tab03_box{background-image:url('/theme/basic/img/pub/tab03_box_bg.png');background-repeat:no-repeat;background-position:right 20px bottom;padding-right:150px !important;;background-size:120px}

.B02 .contab04 .left-table{width:100%}
.B02  .con-img{line-height:150%}

.B02 .contab05 .img-box5{    display: flex;     align-items: flex-start;     flex-wrap: nowrap;}
.B02 .contab05 .img-box5 .con-img{width:20%;padding:5px}
.B02 .vht-box{width:25%;border-radius:5px;padding:20px ;margin:0 5px;color:#fff}
.B02 .vht-title{font-weight:bold;margin-bottom:20px;border-bottom:1px dashed #fff;padding-bottom:20px}
.vht-box-body1{background:#03a9f4}
.vht-box-body2{background:#00bcd4}
.vht-box-body3{background:#009688}
.vht-box-body4{background:#4caf50}
.vht-box-body5{background:#5c6bc0}

.B02 .contab06 .ul1 > li{background: url("/theme/basic/img/pub/white_dot.png") 10px 11px no-repeat !important;}
.B02 .non-tbl .ul1 > li{padding-left:0px}

.B02 .step-box .step-body{background:#f1f1f1;border:1px solid #ddd;padding:5px;border-radius:5px}
.B02 .step-box .step-body{align-items: center;line-height:150%}
.B02 .step-box .step-body .step-title{font-weight:bold;margin-right:20px;padding:5px 10px;border-radius:5px;color:#fff;width:200px;text-align:center;}
.B02 .step-box .arbox{margin:10px auto;}
.B02 .step-box .arbox img{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);text-align: center;}



.aw-box8{flex-wrap: wrap;}
.aw-box8 .abox{width:calc(25% - 24px);margin-bottom:40px;position:relative;}
.aw-box8 .arbox{padding:10px}
.aw-box8 .con-img{height:180px;overflow:hidden;border:1px solid #ddd;border-bottom:0px;}
.aw-box8 .con-title{background:#006600;color:#fff;font-size:1.4rem;padding:10px 0;}
.aw-box8 .con-title .cnum{display:inline-block;font-weight:bold;font-size:2rem;}
.aw-box8 .con-txt{background:#fafafa;padding:10px 0; border:1px solid #ddd;border-bottom:2px solid #006600}
.hidden-arbox{display:none}

/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:840px){
	.B02 .contab02 .left-table{width:100%}
	.B02 .contab02 .right-table{display:none}
	.B02 .contab04  .right-table{display:none}

	.B02 .vht-box4{flex-direction: row; flex-wrap: wrap;}
	.B02 .contab06 .vht-box{width: calc(50% - 10px);margin: 5px;}

	.B02 .contab07 .tbl-wrap{flex-direction: column;}
	.B02 .contab07 .tbl-wrap table{width:calc(100% - 4px)}

	.B02 .contab08 .tbl-wrap{flex-direction: column;}
	.B02 .contab08 .tbl-wrap table{width:calc(100% - 4px)}

	.B08 .aw-box8{}
	.aw-box8 .con-img{height:140px;}
	.aw-box8 .con-title{font-size:1rem}
	.aw-box8 .con-title .cnum{font-size:1.2rem}
	.aw-box8 .abox{width:calc(50% - 31px);}
	.hidden-arbox{display:block}




}

/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:768px){
	.B02 .step-box .step-body{flex-direction: column;line-height:150%}
.B02 .step-box .step-body .step-title{font-weight:bold;margin-right:0px;margin-bottom:10px;padding:5px 10px;border-radius:5px;color:#fff;width:100%;text-align:center;font-size:1.25rem}

}

/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:420px){
	.img-box5{flex-direction: column;}
	.img-box5 .con-img{width:100% !important;margin-bottom:10px}

	.B02 .contab06 .vht-box{width: 100%}


}