@charset "utf-8";
/* CSS Document */


.dogV{display:block; }
.catV{display:none;}
.dogV2{display:inline-block; }
.catV2{display:none;}


.pc_v{display:block;}
.mo_v{display:none;}

#wrap .inner{width: 980px; margin:0 auto; padding:70px 20px 120px;}

#header{position: relative;}
#header .l_logo{position: absolute; left:20px; top:0;}
#header .r_logo{position: absolute; right:20px; top:0;}
#header h1{text-align: center; font-family:'NanumGothicBold'; font-size: 35px; color: #58585b;}
#header h1 span{color: #aad382;}

.content{padding-top: 80px;}
.content .enter_wrap ul{width: 500px; margin:0 auto;;}
.content .enter_wrap li{margin-top: 30px;;}
.content .enter_wrap li:first-child{margin-top: 0;}
.content .enter_wrap .tit_area{background-color: #aad382; border-radius:20px; height: 40px; line-height: 40px; text-align: center; position: relative;}
.content .enter_wrap .tit_area.tit_area3{padding-left: 37px;}
.content .enter_wrap .tit_area i{position: absolute;}
.content .enter_wrap .tit_area i.ico1{left:14px; top:-25px;} 
.content .enter_wrap .tit_area i.ico2{left:20px; top:-8px;} 
.content .enter_wrap .tit_area i.ico3{left:20px; top:-9px;} 
.content .enter_wrap .tit_area p{color: #fff; font-size: 18px; font-family:'NanumGothicBold'; letter-spacing: -0.8px;}
.content .enter_wrap .con_area{text-align: center; padding-top: 30px;}
.content .enter_wrap .con_area .btn{font-size: 0;}
.content .enter_wrap .con_area .btn a{display:inline-block; width: 180px; height: 82px; text-indent: -9999px; overflow: hidden; margin:0 5px;}
.content .enter_wrap .con_area .btn a.dogBt{background:url("../img/btn_dog_on.png") 50% 50% no-repeat; background-color: #e1edf9; border:1px solid #acc7e0; padding:1px 1px; border-radius:4px; overflow: hidden; box-sizing:border-box;}
.content .enter_wrap .con_area .btn a.dogBt.dim{background:url("../img/btn_dog_off.png") 50% 50% no-repeat; background-color: #ededed; border:1px solid #a9a9a9;}
.content .enter_wrap .con_area .btn a.catBt{background:url("../img/btn_cat_on.png") 50% 50% no-repeat; background-color: #fde8eb; border:1px solid #e6bdc3; padding:1px 1px; border-radius:4px; overflow: hidden; box-sizing:border-box;}
.content .enter_wrap .con_area .btn a.catBt.dim{background:url("../img/btn_cat_off.png") 50% 50% no-repeat; background-color: #ededed; border:1px solid #a9a9a9;}
.content .enter_wrap .con_area .input{display:inline-block;}
.content .enter_wrap .con_area .input input{width: 180px; height: 38px; border:2px solid #aad382; border-radius:6px; box-sizing:border-box; padding:0 12px; color: #333; font-family:'NanumGothicBold'; font-size: 18px;}
.content .enter_wrap .con_area .input .tin{font-size: 18px; color: #aad382; font-family:'NanumGothicBold'; margin-left: 11px;}
.content .enter_wrap .con_area .input .calc_bt{display:inline-block; width: 132px; height: 38px; border-radius:6px;; background-color: #aad382; vertical-align: top; margin-left: 30px; cursor:pointer;}
.content .enter_wrap .con_area .input .calc_bt.catV2{display:none;}
.content .enter_wrap .con_area .input .calc_bt span{color: #fff; font-size: 15px; font-family:'NanumGothicBold'; position: relative; padding-left: 36px;}
.content .enter_wrap .con_area .input .calc_bt span:before{position: absolute; left:0; content:""; width: 28px; height:22px; background:url("../img/calc_ico.png") no-repeat;; top:50%; margin-top: -11px;}
.content .enter_wrap .con_area .input .noti{text-align: center; color: #666; font-size: 13px; margin-top: 20px;}
.content .tab_con_wrap {padding-top: 53px;}
.content .tab_con_wrap .tab_area{background: #eef6e6; padding:25px 20px 30px; border-radius:30px;}
.content .tab_con_wrap .tab_area > dl.type{margin-top: 27px;}
.content .tab_con_wrap .tab_area > dl dt{height: 40px; line-height: 40px; border-top-left-radius:6px; border-top-right-radius:6px; text-align: center;}
.content .tab_con_wrap .tab_area > dl dd{border:1px solid #d8d8d8; border-top:0; border-bottom-left-radius:6px; border-bottom-right-radius:6px; background-color: #fff; padding:14px 10px 17px;}
.content .tab_con_wrap .tab_area > dl dt span{color: #fff; font-size: 20px; font-family:'NanumGothicBold'; position: relative;}
.content .tab_con_wrap .tab_area > dl dt span:before{position: absolute; left:-32px; top:50%; margin-top: -13px;; width: 26px; height: 26px; content:""; background:url("../img/tit_ico_1.png") no-repeat;;}
.content .tab_con_wrap .tab_area > dl dd{overflow: hidden;}
.content .tab_con_wrap .tab_area > dl dd .bd_wrap1{ border-top:1px solid #009eb6;}
.content .tab_con_wrap .tab_area > dl dd .bd_wrap2{ border-top:1px solid #7a39b2;}

.content .tab_con_wrap .tab_area > dl dd .add_noti{color: #666; font-size: 13px; margin-top: 10px; line-height:20px;}

.content .tab_con_wrap .tab_area > dl dd th{height: 40px; font-size: 18px; font-family:'NanumGothicBold'; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.content .tab_con_wrap .tab_area > dl dd th:first-child{border-left:0;}
.content .tab_con_wrap .tab_area > dl dd td{height: 40px; border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; font-size: 18px; color: #333333; text-align: center;}
.content .tab_con_wrap .tab_area > dl dd td:first-child{border-left:0;}
.content .tab_con_wrap .tab_area > dl dd .noti{font-size: 16px; color: #333; margin-top: 10px;}
.content .tab_con_wrap .tab_area > dl dd .noti span{font-size: 12px; position: relative; top:-5px;}
.content .tab_con_wrap .tab_area.tab1 > dl dt{background-color: #009eb6;}
.content .tab_con_wrap .tab_area.tab1 > dl dd th{color: #009eb6;}
.content .tab_con_wrap .tab_area.tab1 > dl.type dt{background-color: #004a8d;}
.content .tab_con_wrap .tab_area.tab1 > dl.type dd th{color: #333; background-color: #f8f8f8;}
.content .tab_con_wrap .tab_area.tab1 > dl.type dd table{border-top:1px solid #d8d8d8;}
.content .tab_con_wrap .tab_area.tab1 > dl.type dt span:before{position: absolute; left:-36px; top:50%; margin-top: -13px;; width: 25px; height: 25px; content:""; background:url("../img/dog.png") no-repeat;;}
.content .tab_con_wrap .tab_area.tab1 > dl dd .noti span{color: #004a8d;}
.content .tab_con_wrap .tab_area.tab2 > dl dt{background-color: #7a39b2;}
.content .tab_con_wrap .tab_area.tab2 > dl dd th{color: #7a39b2;}
.content .tab_con_wrap .tab_area.tab2 > dl.type dt{background-color: #ee3d7f;}
.content .tab_con_wrap .tab_area.tab2 > dl.type dd th{color: #333; background-color: #f8f8f8;}
.content .tab_con_wrap .tab_area.tab2 > dl.type dd table{border-top:1px solid #d8d8d8;}
.content .tab_con_wrap .tab_area.tab2 > dl.type dt span:before{position: absolute; left:-33px; top:50%; margin-top: -13px;; width: 25px; height: 25px; content:""; background:url("../img/cat.png") no-repeat;;}
.content .tab_con_wrap .tab_area.tab2 > dl dd .noti span{color: #ee3d7f;}
.content .tab_con_wrap .tab_area .txt_box{padding-top: 28px;}
.content .tab_con_wrap .tab_area .txt_box dl{margin-top: 12px;}
.content .tab_con_wrap .tab_area .txt_box dl:first-child{margin-top: 0;}
.content .tab_con_wrap .tab_area .txt_box dl dt{font-size: 13px; color: #666666; line-height: 19px;}
.content .tab_con_wrap .tab_area .txt_box dl dd{margin-top: 1px; padding-left: 16px;}
.content .tab_con_wrap .tab_area .txt_box dl dd p{font-size: 13px; color: #666666; line-height: 19px;text-indent:-6px; padding-left: 6px;}
.content .tab_con_wrap .tab_area .txt_box dl.tit_type dt{font-size: 15px; font-family:'NanumGothicBold'; margin-bottom: 7px;}
.content .tab_con_wrap .tab_area .txt_box dl.tit_type dd{padding-left: 0;}



@media (max-width: 1035px) {
	#wrap .inner{width: 100%; box-sizing:border-box;}
}

@media (max-width: 800px) {
	.pc_v{display:none;}
	.mo_v{display:block;}

	.content{position: relative; z-index: 12; padding-top:9.7vw;}
	#wrap .inner{width: 100%; box-sizing:border-box; padding:15.2vw 0vw 120px;}
	#header{position: initial;}
	#header h1{font-size: 4.8vw; letter-spacing: -0.1vw;}
	#header .l_logo{left:3.3vw; top:4vw; width:13.466vw;}
	#header .r_logo{right:3.3vw; top:4vw; width: 12.42vw;}
	.content .enter_wrap ul{width: 100%; padding:0 3.3vw; box-sizing:border-box;;}
	.content .enter_wrap .tit_area{height: 7.6vw; line-height: 7.6vw; border-radius:10vw;}
	.content .enter_wrap .con_area{padding-top:4.1vw;}
	.content .enter_wrap .tit_area p{font-size: 3.3vw; letter-spacing: -0.16vw;}
	.content .enter_wrap .con_area .btn a{width: 37.0667vw; height: 16.935vw; background-size:cover !important; margin:0 1vw;}
	.content .enter_wrap li{margin-top:7.3vw;}
	.content .enter_wrap .con_area .input input{width: 36.29vw;height:7.6vw; font-size: 3.3vw;}
	.content .enter_wrap li:first-child .con_area{padding-top: 3.4vw;}
	.content .enter_wrap .tit_area i.ico1{left: 2vw; top:-4.6vw;}
	.content .enter_wrap .tit_area i.ico1 img{width: 9.467vw;}
	.content .enter_wrap .tit_area i.ico2{left: 3.1vw; top:-1.5vw;}
	.content .enter_wrap .tit_area i.ico2 img{width: 7.468vw;}
	.content .enter_wrap .tit_area i.ico3{left: 3.2vw; top:-1.4vw;}
	.content .enter_wrap .tit_area i.ico3 img{width: 7.468vw;}
	.content .enter_wrap li:nth-child(3) .con_area{padding-top: 5.3vw;}
	.content .enter_wrap .con_area .input .tin{margin-left: 2.4vw; font-size: 3.5vw;}
	.content .enter_wrap .con_area .input .calc_bt{margin-left: 6.3vw; width: 26.5vw; height: 7.6vw; line-height: 7.6vw;}
	.content .enter_wrap .con_area .input .calc_bt span{font-size: 3vw; padding-left: 7.5vw;}
	.content .enter_wrap .con_area .input .calc_bt span:before{width: 5.6vw; height: 4.267vw; background-size:cover; margin-top: -2.4vw;}
	.content .enter_wrap .con_area .input .noti{font-size: 2.35vw; margin-top: 3.1vw; }
	.content .enter_wrap .tit_area.tit_area3{padding-left: 5.9vw;}
	.content .tab_con_wrap{padding:11.5vw 3.268vw;}
	.content .tab_con_wrap .tab_area{border-radius:1vw; padding:3.2vw 5.1vw 4vw;}
	.content .tab_con_wrap .tab_area .txt_box dl dt{line-height: 2.8vw; font-size: 1.8vw;}
	.content .tab_con_wrap .tab_area .txt_box dl.tit_type dt{font-size: 2vw; margin-bottom: 0.8vw;line-height: 2.8vw;}
	.content .tab_con_wrap .tab_area .txt_box dl dt p{line-height: 2.8vw; font-size: 1.8vw; margin-top: 1.7vw;}
	.content .tab_con_wrap .tab_area .txt_box dl dt p:first-child{margin-top: 0;}
	.content .tab_con_wrap .tab_area .txt_box dl dd p{line-height: 2.8vw; font-size: 1.8vw;}
	.content .tab_con_wrap .tab_area .txt_box dl dd p span{display:block;}
	.content .tab_con_wrap .tab_area .txt_box dl{margin-top: 1.5vw;}
	.content .tab_con_wrap .tab_area .txt_box dl dt p.idt{text-indent: -10.4vw; padding-left: 10.4vw;}
	.content .tab_con_wrap .tab_area > dl dt{height: 5.2vw; line-height: 5.2vw;}
	.content .tab_con_wrap .tab_area > dl dd{padding:2vw 1.7vw 2.5vw}
	.content .tab_con_wrap .tab_area > dl dd th{height: 6.5vw; font-size: 2.6vw;}
	.content .tab_con_wrap .tab_area > dl dd td{height: 6.5vw; font-size: 2.6vw;}
	.content .tab_con_wrap .tab_area > dl dd .noti{font-size: 2.1vw; margin-top: 1.3vw;}
	.content .tab_con_wrap .tab_area > dl dd .noti span{top:-0.8vw; font-size: 1.7vw;}
	.content .tab_con_wrap .tab_area > dl.type{margin-top: 3.6vw;}
	.content .tab_con_wrap .tab_area > dl dt span{font-size:2.6vw;}
	.content .tab_con_wrap .tab_area > dl dt span:before{left:-4.3vw; margin-top: -1.75vw; width: 3.53vw; height: 3.53vw; background-size:cover;}
	.content .tab_con_wrap .tab_area.tab1 > dl.type dt span:before{width: 3.27vw; height: 3.27vw; margin-top: -1.63vw; left:-4.3vw; background-size:cover;}
	.content .tab_con_wrap .tab_area.tab2 > dl.type dt span:before{left:-4.2vw; margin-top: -1.7vw; width: 3.4vw; height: 3.138vw; background-size:cover;}
	.content .tab_con_wrap .tab_area .txt_box{padding-top: 3.1vw;}

	.content .tab_con_wrap .tab_area > dl dd .add_noti{font-size: 2vw; margin-top: 1.5vw; line-height:3vw;}
}


table {
  border-collapse: collapse !important; /* 이걸 안 쓰면 보더가 2겹으로 보임 */
}
/* 아래 추가로 개선 가능 */
@media screen and (min-resolution: 2dppx) {
  td, th {
    border-width: 0.5px; /* 고해상도 대응 */
  }
}