@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/* 공통 */
.no-padding {padding:0 !important;}
.no-margin {margin:0 !important;}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
a, a:hover, a:focus {color:#333; text-decoration:none;}
html, body{font-family: 'Noto Sans KR'; padding:0 !important; margin:0 !important; height:100%;}
.h1, .h2, .h3, h1, h2, h3{margin-top:0; margin-bottom:0;}
select, button, a{outline:0;}
label {margin-bottom: 0 !important;}

#wrapper{position:relative; min-height:100%; background-color:#fff; padding-bottom:176px;}
.btn {font-size: 14px !important; color: #fff; font-weight: 500 !important; padding: 5px 10px !important; line-height: inherit !important; height: auto !important;}
.btn_default {font-size: 16px !important;}
.btn_default:hover,
.btn_default:focus {color: #fff;}


@media (min-width:1280px) {
	.container {width:1280px;}
}

/* 로딩 */
.loading{width:100%; height:100%; position:fixed; left:0; top:0; background:#fff; z-index:1000;}

/* 메인 페이지 관련 css */
	/* 헤더 */
	#header{position:fixed; top:0; left:0; width:100%; height: 85px; z-index:300; padding:0 30px; box-shadow:0 0 10px rgba(0,0,0,0.1); background-color:#fff; border-bottom:3px solid #c62518;}

	.tlp_clover{padding:9px 0;}
	.tlp_clover:after{content:""; display:block; clear:both;}
	.tlp_clover .clover_img{float:left;}
	.tlp_clover .clover_text{float:left; font-size:14px; color:#555; line-height:16px; padding:16px 0 15px 5px;}
	.tlp_clover .clover_text span{font-weight:bold; color:#000;}

	/* 로고 */
	.logo{padding:23px 0; text-align:center;}

	/* 메뉴 */
	.primary-menu{float:right;}
		.menu-container li{float:left; padding:30px 0;}
		.menu-container li a{font-size:15px; font-weight:bold; color:#333;}
		.menu-container li span{margin:0 20px; color:#cdcdcd;}

	/* 컨텐츠 */
	#content{padding-top:82px; position:relative;}
		.main_cont{padding:80px 15px; text-align: center;}

	/* 푸터 */
	#footer{padding:30px 0; border-top:1px solid #dadada; position:absolute; bottom:0; width:100%; height:176px;}
	.footer_adress{font-size:13px; color:#919191; line-height:28px;}
		.footer_adress span{font-size:14px; font-weight:bold; color:#333;}

	/* 모바일 메뉴 */
		.m_menu{padding:0; line-height:70px; display:none;}
		.m_menu .btnMenu_m a{display:block; font-size:24px; color:#c62518; text-align:right; padding-right:40px;}

		.sideMn_m{width:250px; height:100%; background: #c62518; position:fixed; top:0; right:-250px; z-index:300;}
		.sideMn_m .close_top:after{content:""; display:block; clear:both;}
		.sideMn_m .close_top{background-color:#c62518; color:#fff; font-size:18px; font-weight:bold; border-bottom:1px solid #e1e1e1; line-height:40px; text-align:center;}
		.sideMn_m .close_top > a{color:#fff; font-size:13px;}
		.sideMn_m .btnClose_m{display:block; height:60px; font-size:24px; text-align:center; line-height:60px;}

			.slide_gnb{background-color:#fff;}
			.slide_gnb li{padding:0 15px; border-bottom:1px solid #e1e1e1;}
			.slide_gnb li:last-child{border-bottom:0;}
			.slide_gnb li a{display:block; width:100%; font-size:14px; font-weight:bold; line-height:45px;}

			.slide_gnb .slide_gnb_li{background-color:#f0f0f0;}
			.slide_gnb .slide_gnb_li > a{line-height:45px; font-weight:400; font-size:14px;}

			.slide_tnb{background-color:#fff;}
			.slide_tnb a{display:block; width:100%; font-size:14px; font-weight:bold; line-height:55px; color:#333; text-align:center; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
			.slide_tnb > div:last-child a{border-right:0;}

			.mside_copy{font-size:12px; color:#fff; line-height:16px; padding:15px;}
			.mside_copy span{display:block; font-size:14px; margin-bottom:10px;}

		/*검정배경*/
		.blackBg{position:fixed; top:0; left:0; width:100%; height:100%;
			background:#000; opacity:0.5; z-index:200; display:none;}



/* 서브 페이지 관련 css */
	/* 제목css 공통 */
	.tlp_title{font-size:30px; font-weight:bold; color:#333; line-height:30px; text-align:center; margin-bottom:30px;}
	/* 버튼css공통(버튼이 한개일때만 사용가능, 두개이상은 따로 float적용) */
	.tlp_btn{display:block; text-align:center; width:200px; height:70px; background-color:rgba(255,255,255,0.1); border:1px solid #f5f5f5; margin:50px auto 0; color:#38a0d9; font-size:20px; font-weight:bold; line-height:70px; transition:all 0.3s; cursor:pointer;}

	.lrscroll{margin-bottom:20px; text-align:center; font-size:14px; line-height:14px; font-weight:bold; color:#40214b;}

	/* 로그인 */
	.tlp_login{text-align:center; font-size:28px; font-weight:bold; line-height:1em; color:#444; margin-bottom:30px;}

	/* 회원가입 */
    .membership_cover {width: 800px; margin: auto;}

	.tlp_register{text-align:center; font-size:28px; font-weight:bold; line-height:1em; color:#444; margin-bottom:30px;}
	.input-num-size{display:inline-block; width:30%;}
	.phone_label{display:block;}
	.email_label{display:block;}
    .form-group, .inputPhone {display: flex; justify-content: flex-start; align-items: center;}
    .form-group > label {width: 150px; text-align: left;}
    .inputPhone {width: 100%;}
    .inputPhone > input {width: 33.3333%;}
    /* .form-group > input {width: 300px; text-align: left;} */
    .form-check-cover {width: 100%; text-align: left;}
    .form-check-cover input {margin: 0 !important;}
    .water_cover {flex-direction: column;}
    .water_cover > label {width: 100%;}

	.tlp_captcha {margin-top: 30px;}

	.finish_box{width:340px; margin:20px auto 0; display: flex; justify-content: center; align-items: center;}
	.finish_box .register_btn{float:left; text-align:center; width:170px; height:50px; background-color:rgba(255,255,255,0.1); border:1px solid #f5f5f5; color:#38a0d9; font-size:18px; font-weight:bold; line-height:50px; transition:all 0.3s;}
	.finish_box .register_btn:hover{color:#1abc9c;}
	.finish_box .cancel_btn{float:left; text-align:center; width:170px; height:50px; background-color:rgba(255,255,255,0.1); border:1px solid #f5f5f5; color:#38a0d9; font-size:18px; font-weight:bold; line-height:50px; transition:all 0.3s;}
	.finish_box .cancel_btn:hover{color:#1abc9c;}

	.finish_box:after{content:""; display:block; clear:both;}
    .finish_box > * {width: 50% !important; margin: 0 5px;}
    .finish_box a > .btn_default {width: 100% !important;}

	/* TLP스타트 */
		.tlp_start{height:740px; background:url('/main_img/main_img.png') no-repeat; background-position:60%;}
		.tlp_start .tlp_start_red{display:block; position:absolute; bottom:300px; right:350px; transition:all 0.3s;}
		.tlp_start .tlp_start_red:active{width:90px; height:90px;}
		.tlp_start .tlp_start_green{display:block; position:absolute; bottom:300px; right:200px; transition:all 0.3s;}
		.tlp_start .tlp_start_green:active{width:90px; height:90px;}.ㅠ

		.tlp_start_cont{position:relative; height:740px;}

	/* TLP넥스트 */
		.tlp_next_btn{display:block; text-align:center; width:200px; height:70px; background-color:rgba(255,255,255,0.1); border:1px solid #f5f5f5; margin:50px auto 0; color:#38a0d9; font-size:20px; font-weight:bold; line-height:70px; transition:all 0.3s;}
		.tlp_next_btn:hover{color:#1abc9c;}
	
	/* TLP 예스/노 */
		.tlp_2_title{text-align:center; font-size:28px; font-weight:bold; line-height:1em; color:#444; margin-bottom:30px;}
		.tlp_2_title1{text-align:center; font-size:22px; font-weight:bold; line-height:1em; color:#444; margin-bottom:30px;}
		
		.tlp_2_btn_col .tlp_2_btn{display:block; text-align:center; width:200px; height:70px; background-color:rgba(255,255,255,0.1); border:1px solid #f5f5f5; margin:50px auto 0; color:#38a0d9; font-size:20px; font-weight:bold; line-height:70px; transition:all 0.3s;}
		.tlp_2_btn_col .tlp_2_btn:hover{color:#1abc9c !important;}

	/* TLP 예스 */
		.box_top{margin:0 auto 20px; width:874px;}
		.box_top:after{content:""; display:block; clear:both;}
		.box_top .box_img{float:left; border:5px solid #2ca1db; padding:38px 20px; text-align:center; width:250px; height:200px;}
		.box_top .tlp_arrow{float:left; margin:86px 20px;}
		.box_top .box_img .box_text{font-size:18px; font-weight:bold; color:#333; line-height:22px;}
		.box_top .box_img .box_text span{font-size:13px; font-weight:normal;}

		.tlp_yes_text{width:874px; font-size:18px; color:#333; line-height:28px; font-weight:bold; margin:0 auto 30px;}

		.panel{border:0; box-shadow:none; border-radius:0; margin-bottom:0;}

		.ac_atag:active .box_img, .ac_atag:focus .box_img{background-color:#1abc9c; border:5px solid #1abc9c;}
		.ac_atag:active .box_img, .ac_atag:focus .box_img .box_text{color:#fff;}

		.tlp_yes_no1,
		.tlp_yes_no2{border:1px solid #e1e1e1; padding:25px; color:#333; margin-bottom:30px; font-size:17px;}
		.tlp_yes_no1 .no_title,
		.tlp_yes_no2 .no_title,
		.tlp_yes_no3 .no_title,
		.tlp_yes_no4 .no_title{color:#2ca1db; font-size:18px; font-weight:bold; line-height:1em; margin-bottom:20px; text-align:center;}

		.tlp_yes_no3,
		.tlp_yes_no4{border:1px solid #e1e1e1; padding:25px; color:#333;}
		.tlp_yes_no3{margin-bottom:30px;}
		.tlp_yes_no3 .no_table{width:100%; border-top:2px solid #38a0d9; border-collapse:collapse;}
		.tlp_yes_no3 .no_table th{padding:10px; color:#444; text-align:center; font-size:16px; font-weight:500; background-color:#f8f8f8; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
		.tlp_yes_no3 .no_table td{padding:10px; border:1px solid #e0e0e0; text-align:center; color:#444;}

		.tlp_yes_no4 .no_subtitle{color:#1f43c8; font-size:17px; font-weight:bold; margin-bottom:10px;}
		.tlp_yes_no4 p {font-size:14px; font-weight:bold; margin-bottom:15px;}
		.tlp_yes_no4 p .text_blue{color:#1f43c8;}
		.tlp_yes_no4 p .text_sub{font-weight:normal;}

		.gogiver{font-size:14px;}
		.gogiver span{font-weight:bold;}

	/* TLP 노 */
		.tlp_2_no{border:10px solid #ccdcec; padding:45px 30px 11px; background-color:#fff; margin:0 auto; position:relative; margin-bottom:30px;}
		.tlp_2_no:after{content:""; display:block; clear:both;}
		.tlp_2_no .no_title{width:187px; height:29px; color:#fff; background-color:#244f9d; text-align:center; line-height:29px; font-size:14px; position:absolute; top:10px; left:-10px;}
		.tlp_2_no .no_img{position:absolute; top:0; right:0;}
		.tlp_2_no .no_text1{float:left; margin-right:50px; font-size:16px; line-height:26px; color:#333;}
		.tlp_2_no .no_text2{float:left; font-size:16px; line-height:26px; color:#333;}
		.no_text3{color:#389fd9; font-size:20px; font-weight:bold; line-height:1em; margin-bottom:20px;}
        .no_button {display: flex; justify-content: center; align-items: center; margin-top: 25px; width: 500px; margin: auto; margin-top: 30px;}
        .no_button > a {margin: 5px;}

	/* TLP 체크리스트 */		
		.tlp_chk_num{text-align:center; margin-bottom:30px;}
		.tlp_chk_num .chk_text{font-size:16px; line-height:30px; }
		.tlp_chk_num .tlp_chk_bar{width:35%; height:30px;}

		.tlp_chk{padding:0 50px; background-color:rgba(255,255,255,0.1); position:relative;}
		/* .tlp_chk_list{padding-bottom:20px; width:100%; margin-bottom:20px;} */
		.tlp_chk_list{width: 100%;}

		.tlp_chk_title{font-size:20px; color:#444; line-height:1em; margin-bottom:30px; font-weight:bold; text-align:center;}
		.tlp_chk_text{font-size:24px; color:#444; line-height:1em; margin-bottom:30px; font-weight:normal; text-align:center; 
		-ms-user-select: none; 
		-moz-user-select: -moz-none;
		  -khtml-user-select: none;
		  -webkit-user-select: none;
		  user-select: none;}
		.tlp_chk_next{width:100px; height:30px; line-height:30px; }

		.swiper-slide .tlp_chk_list:last-child{padding-bottom:0; margin-bottom:0;}

		
		.tlp_chk_radio{width:256px; margin:0 auto;}
		.tlp_chk_radio:after{content:""; display:block; clear:both;}
		.tlp_chk_radio .box-radio-input{display:block; float:left; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
		.tlp_chk_radio .box-radio-input input[type="radio"]{display:none;}
		.tlp_chk_radio .box-radio-input input[type="radio"] + span{display:inline-block; background:none; border:1px solid #dfdfdf; text-align:center; width:50px; height:40px; line-height:38px; font-weight:500; cursor:pointer; font-size:16px; margin-right:15px; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
		.tlp_chk_radio .box-radio-input:last-child span{margin-right:0 !important;}
		.tlp_chk_radio .box-radio-input input[type="radio"]:checked + span{border:1px solid #38a0d9; background:#38a0d9; color:#fff;}

		.tlp_chk_last .tlp_chk_next{display:block; width:100px; height:50px; line-height:48px; font-size:18px; color:#38a0d9; text-align:center; border:1px solid #e0e0e0; font-weight:normal; transition:all 0.3s; background-color:#fff; margin:30px auto 0;}
		.tlp_chk_last .tlp_chk_next:hover{color:#1abc9c !important;}

		.chk_return{text-align:center; font-size:16px; line-height:30px;}

		.tlp_chk_change{width:365px; margin:20px auto 0;}
		.tlp_chk_change ul li{float:left; margin-right:20px;}
		.tlp_chk_change ul li:last-child{margin-right:0;}
		.tlp_chk_change ul li button{width:35px; height:35px; border-radius:50%; border:1px solid rgba(0,0,0,0.1); text-align:center; line-height:33px; font-size:16px; font-weight:bold; color:#333; transition:all 0.3s;}
		.tlp_chk_change ul li:first-child button{background-color : #fff; color : #FF0000}
		/* .tlp_chk_change ul li:first-child button:hover, */
		.tlp_chk_change ul li:first-child button:active{background-color:#38a0d9; color:#fff;}
		
		#form_register:after{content:""; display:block; clear:both;}
		.chk_slide{color:#38a0d9; transition:all 0.3s;}
		.chk_slide i{font-size:100px;}
		.chk_slide:hover{color:#1abc9c;}
			.slide_before{position:absolute; top:32%; left:100px;}
			.slide_next{position:absolute; top:32%; right:100px;}

        .tlp_chk_text {color: #576071; font-weight: 600; margin-bottom: 20px;}
        .tlp_chk_radio .box-radio-input {float: none;}
        .tlp_chk_radio {display: flex; justify-content: center; align-items: center; width: 100%;}
        .tlp_chk_radio:after {display: none;}
        .tlp_chk_radio {position: relative;}
        .tlp_chk_radio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
        .tlp_chk_radio input[type="radio"] + label { display:block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align: center; padding-top: 55px; font-size: 14px; font-weight: 500;}
        .tlp_chk_radio input[type="radio"] + label:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%);  top: 0px;  width: 50px; height: 50px; text-align: center; background: #fff; border-radius: 100%;}
        .tlp_chk_radio input[type="radio"]:checked + label:after { content: '\2714'; position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); color: #fff; border-radius: 100%; font-size: 20px;}

        .tlp_chk_radio_wrap {padding: 20px; margin: 20px;}
        .tlp_chk_radio_wrap:nth-child(1) input[type="radio"] + label:before {border:1px solid #9ECF83;}
        .tlp_chk_radio_wrap:nth-child(2) input[type="radio"] + label:before {border:1px solid #8DCB9C;}
        .tlp_chk_radio_wrap:nth-child(3) input[type="radio"] + label:before {border:1px solid #6DC4C3;}
        .tlp_chk_radio_wrap:nth-child(4) input[type="radio"] + label:before {border: 1px solid #4FC0DD;}

        .tlp_chk_radio_wrap:nth-child(2) input[type="radio"] + label:before,
        .tlp_chk_radio_wrap:nth-child(3) input[type="radio"] + label:before {width: 35px; height: 35px; top: auto; bottom: 25px;}

        .tlp_chk_radio_wrap:nth-child(1) input[type="radio"]:checked + label:before { background: #9ECF83;}
        .tlp_chk_radio_wrap:nth-child(2) input[type="radio"]:checked + label:before { background: #8DCB9C;}
        .tlp_chk_radio_wrap:nth-child(3) input[type="radio"]:checked + label:before { background: #6DC4C3;}
        .tlp_chk_radio_wrap:nth-child(4) input[type="radio"]:checked + label:before { background: #4FC0DD;}

        .tlp_chk_radio_wrap:nth-child(2) input[type="radio"]:checked + label:after, .tlp_chk_radio_wrap:nth-child(3) input[type="radio"]:checked + label:after {top: 45%;}

    .btn_default {color: #fff; width: 35%; border-radius: 5px; padding: 15px !important; height: 48px !important; line-height: 1px !important; display: flex; justify-content: center; align-items: center;margin:0px auto; background-color: #1d6aff; border:none; cursor: pointer;}
    .btn_default:hover {background-color: #1c5dda;}
    .btn_default > span {display: block; margin: auto;font-weight: 500; font-size: 18px;}
    .btn_default > i {font-weight: 500; font-size: 16px;}
    .btn_cover {padding:0 50px; margin: 20px 0;}

    
    .btn_primary { background-color: #1c5dda;}
    .btn_success { background-color: #4FC0DD;}

    .payment_add { color: #fff; width: 35%; border-radius: 5px; padding: 15px !important; height: 48px !important; line-height: 1px !important; display: flex; justify-content: center; align-items: center;margin:10px auto; border:none; cursor: pointer; }







    .btn_write {background-color: #F05454;}
    .btn_write:hover {background-color: #c34545;}
		
	/* 회원가입 */
		.register_more{text-align:center; width:200px; height:50px; background-color:rgba(255,255,255,0.1); border:1px solid #f5f5f5; color:#38a0d9; font-size:16px; font-weight:bold; line-height:50px; transition:all 0.3s; margin:10px auto 20px; cursor:pointer;}

	/* 럭키박스 제안서 */
		.tlp_pps_title{text-align:center; font-size:28px; font-weight:bold; line-height:1em; color:#444; margin-bottom:30px;}

		.tlp_table{width:100%; border-top:2px solid #38a0d9; border-collapse:collapse; margin-bottom:30px;}
		.tlp_table th{padding:20px; color:#444; text-align:center; font-size:20px; font-weight:500; background-color:#f8f8f8; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
		.tlp_table td{padding:10px; border:1px solid #e0e0e0; text-align:center; color:#444;}
		.tlp_table .pro_img{padding:20px 0;}
		.tlp_table td > img{margin-bottom:15px;}
		.tlp_table td > div{font-size:15px; color:#0074e1; line-height:18px; font-weight:400;}

		.tlp_pps_text{font-size:18px; font-weight:bold; color:#333; line-height:30px; text-align:center; margin-bottom:20px;}
		.tlp_pps_text span{color:#0074e1;}

		.tlp_pps_link a{display:block; width:180px; height:45px; border:1px solid #f5f5f5; line-height:43px; text-align:center; margin:0 auto 20px;; color:#007bff; transition:all 0.3s;}
		.tlp_pps_link a:hover{color:#1abc9c;}
		.tlp_pps_link a img{vertical-align:sub; margin-right:5px;}

		.tlp_pps_btn_col:first-child .tlp_pps_btn{float:right;}
		.tlp_pps_btn_col:nth-child(2) .tlp_pps_btn{margin:0 auto;}
		.tlp_pps_btn_col:nth-child(3) .tlp_pps_btn{margin:0 auto;}
		.tlp_pps_btn_col:last-child .tlp_pps_btn{margin:0;}

		.tlp_pps_btn{display:block; text-align:center; width:200px; height:70px; background-color:rgba(255,255,255,0.1); border:1px solid #f5f5f5; color:#38a0d9; font-size:20px; font-weight:bold; line-height:70px; transition:all 0.3s; cursor:pointer;}
		.tlp_pps_btn:hover{color:#1abc9c;}
		button.tlp_pps_btn{float:right;}
		.tlp_pps_btn1{margin:0 auto;}

	/* 럭키박스 리스트 - css 정리 완료 */
		.table_back{background-color:#529fff; color:#fff !important;}

	/* 클린 제안서 */
		.tlp_clean_text1{font-size:18px; font-weight:bold; color:#333; line-height:30px; text-align:center; margin-bottom:30px;}
		.tlp_clean_text1 span{color:#0074e1;}
		.tlp_clean_text2{font-size:18px; font-weight:bold; color:#333; line-height:30px; text-align:center; margin-bottom:30px;}

		.clean_a{transition:all 0.3s;}
		.clean_pro{text-align:center; font-size:18px; font-weight:bold; border:1px solid #f1f1f1; margin-bottom:50px;}
		.clean_pro .clean_protit{font-size:20px; font-weight:bold; line-height:45px !important; margin-bottom:20px; color:#1abc9c; border-bottom:1px solid #f1f1f1; transition:all 0.3s;}
		.clean_pro img{width:50%;}
		.clean_pro span{display:block; line-height:45px;}
		.clean_a:hover .clean_pro .clean_protit{background-color:#1abc9c; color:#fff;}
		.clean_a:hover .clean_pro span{color:#0074e1 !important;}

		.tlp_clean_text3{font-size:18px; font-weight:bold; color:#333; line-height:30px; text-align:center; margin-bottom:30px;}
		.tlp_clean_text3 span{color:#0074e1;}

		.tlp_clean_text4{font-size:18px; font-weight:bold; color:#333; line-height:30px; text-align:center; margin-bottom:30px;}
		.tlp_clean_text4 span{color:#1abc9c; font-size:24px;}

	/* 클린 복용방법1 */
		.tlp_clean_title{font-size:25px; font-weight:bold; color:#333; line-height:30px; text-align:center; margin-bottom:50px;}
		.tlp_clean_title span{color:#0074e1;}
		.clean_ingestion{font-size:17px; font-weight:normal; color:#333; line-height:30px; margin-bottom:30px;}
		.clean_ingestion ol li{margin-bottom:20px;}
		.clean_ingestion ol li p{font-weight:bold; color:#1abc9c; line-height:1em !important; margin-bottom:10px;}
		.clean_ingestion ol li span{color:#0074e1;}
		.clean_ingestion2{font-size:15px; font-weight:normal; color:#0074e1; line-height:24px; text-align:center; margin-bottom:20px;}

		.clean4_title{margin-bottom:20px;}
		.clean_table{width:100%; border-collapse:collapse; margin-bottom:30px;}
		.clean_table th{padding:20px; color:#444; text-align:center; font-size:20px; font-weight:500; background-color:#f8f8f8; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
		.clean_table td{width:33.33%;padding:10px; border:1px solid #e0e0e0; text-align:center; color:#444;}
		.clean_table img{width:60%;}

	/* 개인정보 */
		.humanpr{border:1px solid #f1f1f1; padding:30px; color:#333; font-size:15px; width:100%; height:350px; overflow-y:scroll; margin-bottom:10px;}
		.agree_chk{font-size:14px; font-weight:bold; text-align: left; width: 100%;}
        .agree_chk > input {margin: 0 !important;}
		#check_tag{ margin: 20px auto;}

	/* 클린 조견표 */
		.refe_a:hover .refe_table2 th{background-color:#1abc9c; color:#fff;}
		.refe_a:hover .refe_table2 .refe_price{background-color:#1abc9c; color:#fff;}

		.refe_table1{width:50%; border-collapse:collapse; margin:0 auto 30px;}
		.refe_table1 th{padding:10px; color:#444; text-align:center; font-size:18px; font-weight:500; background-color:#f8f8f8; border:1px solid #e0e0e0;}
		.refe_table1 td{width:33.33%;padding:10px; font-size:16px; border:1px solid #e0e0e0; text-align:center; color:#444;}

		.refe_table2{width:100%; border-collapse:collapse; margin-bottom:30px;}
		.refe_table2 th{padding:10px; color:#444; text-align:center; font-size:16px; font-weight:500; background-color:#f8f8f8; border:1px solid #e0e0e0; transition:all 0.3s;}
		.refe_table2 td{width:33.33%;padding:10px; font-size:14px; border:1px solid #e0e0e0; text-align:center; color:#444; transition:all 0.3s;}

	/* 체크리스트 영상 */
		.vimeo_iframe{width:100%; height:560px;}

		.tlp_video_btn{display:block; text-align:center; width:200px; height:70px; background-color:rgba(255,255,255,0.1); border:1px solid #f5f5f5; margin:50px auto 0; color:#38a0d9; font-size:20px; font-weight:bold; line-height:70px; transition:all 0.3s;}
		.tlp_video_btn:hover{color:#1abc9c !important;}

	/* 고객조회, 문진표 조회 - css 정리 완료 */
		.list_tlp_table{width:100%; border-top:2px solid #38a0d9; border-collapse:collapse; margin-bottom:30px;}
		.list_tlp_table th{padding:10px; color:#444; text-align:center; font-size:16px; font-weight:500; background-color:#f8f8f8; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
		.list_tlp_table td{padding:10px; border:1px solid #e0e0e0; text-align:center; color:#444;}
		.list_tlp_table td > div{font-size:15px; color:#0074e1; line-height:18px; font-weight:400;}

		.list_tlp_btn{display:inline-block; width:50px; line-height:25px; background-color:#38a0d9; color:#fff; border-radius:5px; border:1px solid #38a0d9; transition:all 0.3s; text-align:center; font-weight:bold; font-size:15px;}
		.list_tlp_btn:hover{background-color:#fff; color:#38a0d9;}
		.list_tlp_btn:active, .list_tlp_btn:focus{background-color:#fff; color:#38a0d9;}
		.list_tlp_sum{background-color:#fff2bc;}

        .check_form_button {display: flex;justify-content: center; align-items: center; margin-top: 30px;}
        .check_form_button > a {margin:0px 5px !important; display: flex; width: 200px; justify-content: center; align-items: center;}

	/* 마이페이지 */
		/* 모달 */
		#cus_modal{display:none; position:absolute; top:160px; left:50%; transform:translateX(-50%); z-index:1;}
		#cus_modal .modal_content{width:360px; margin:0 auto; padding:20px; background:#fff; border:1px solid #e8e8e8;  border-radius:10px;}
		#cus_modal .modal_title{text-align:center; font-size:16px; font-weight:bold; color:#3a8afd; line-height:1em; margin-bottom:25px;}
		#cus_modal button{display:block; width:70px; line-height:30px; margin:25px auto 0; background-color:#fff; border:1px solid #d5d9dd; color:#3a8afd;}
		.myurl_img{width:150px; margin:0 auto;}
		.myurl_img:after{content:""; display:block; clear:both;}
		.myurl_img a{display:block; float:left; margin-right:20px;}

		.url_link{display:block; background-color:#e7e7e7; width:65px; line-height:65px; color:#000; text-align:center; font-size:14px; font-weight:bold; border-radius:5px; margin-right:0 !important;}

		/* 정기결제 모달 */
			#pay_modal{display:none; position:absolute; top:10%; left:0; width:100%; height:100%; z-index:400;}
			#pay_modal .modal_content{width:600px; margin:0 auto; background:#fff; border-radius:15px;}
			#pay_modal .modal_title{text-align:center; font-size:20px; font-weight:600; color:#fff; line-height:70px; background-color:#3a8afd; border-radius:13px 13px 0 0;}
			#pay_modal .modal_text{padding:20px;}

			#pay_modal .modal_btn{display:table; margin:15px auto 0;}
			#pay_modal .modal_btn::after{content:""; display:block; clear:both;}
			#pay_modal .modal_btn > button{float:left; display:block; width:70px; line-height:30px; background-color:#fff; border:1px solid #d5d9dd; color:#3a8afd; font-size:15px; margin-right:10px; transition:all 0.3s;}
			#pay_modal .modal_btn > button:hover{background-color:#3a8afd; color:#fff; border:1px solid #3a8afd;}
			#pay_modal .modal_btn > button:last-child{margin-right:0;}
			#pay_modal .modal_layer{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1;}

			#pay_modal .modal_table{width:100%; border-top:2px solid #3a8afd;}
			#pay_modal .modal_table th{padding:10px; border:1px solid #dcdcdc; color:#333; font-weight:500; text-align:center; font-size:15px; background-color:#eef2f6;}
			#pay_modal .modal_table th .th_go_btn{display:block; width:70px; line-height:30px; background-color:#fff; border:1px solid #d5d9dd; color:#3a8afd; font-size:15px; transition:all 0.3s; margin:10px auto 0;}
			#pay_modal .modal_table th .th_go_btn:hover{background-color:#3a8afd; color:#fff; border:1px solid #3a8afd;}
			#pay_modal .modal_table td{padding:10px; line-height:24px; border:1px solid #dcdcdc; color:#333; font-size:14px; text-align:center;}
			#pay_modal .modal_table td > input{width:100%;}

			@media (max-width:991px){
				#pay_modal{top:40%; height:auto;}
				#pay_modal .modal_content{width:100%;}
			}
		/* 정기결제 모달 */
			#cancel_modal{display:none; position:absolute; top:10%; left:0; width:100%; height:100%; z-index:400;}
			#cancel_modal .modal_content{width:600px; margin:0 auto; background:#fff; border-radius:15px;}
			#cancel_modal .modal_title{text-align:center; font-size:20px; font-weight:600; color:#fff; line-height:70px; background-color:#3a8afd; border-radius:13px 13px 0 0;}
			#cancel_modal .modal_text{padding:20px;}

			#cancel_modal .modal_btn{display:table; margin:15px auto 0;}
			#cancel_modal .modal_btn::after{content:""; display:block; clear:both;}
			#cancel_modal .modal_btn > button{float:left; display:block; width:70px; line-height:30px; background-color:#fff; border:1px solid #d5d9dd; color:#3a8afd; font-size:15px; margin-right:10px; transition:all 0.3s;}
			#cancel_modal .modal_btn > button:hover{background-color:#3a8afd; color:#fff; border:1px solid #3a8afd;}
			#cancel_modal .modal_btn > button:last-child{margin-right:0;}
			#cancel_modal .modal_layer{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1;}

			#cancel_modal .modal_table{width:100%; border-top:2px solid #3a8afd;}
			#cancel_modal .modal_table th{padding:10px; border:1px solid #dcdcdc; color:#333; font-weight:500; text-align:center; font-size:15px; background-color:#eef2f6;}
			#cancel_modal .modal_table th .th_go_btn{display:block; width:70px; line-height:30px; background-color:#fff; border:1px solid #d5d9dd; color:#3a8afd; font-size:15px; transition:all 0.3s; margin:10px auto 0;}
			#cancel_modal .modal_table th .th_go_btn:hover{background-color:#3a8afd; color:#fff; border:1px solid #3a8afd;}
			#cancel_modal .modal_table td{padding:10px; line-height:24px; border:1px solid #dcdcdc; color:#333; font-size:14px; text-align:center;}
			#cancel_modal .modal_table td > input{width:100%;}

			@media (max-width:991px){
				#cancel_modal{top:40%; height:auto;}
				#cancel_modal .modal_content{width:100%;}
			}

	/* 고객조회 */
		.cus_search{margin-bottom:20px; display: flex;}
		.cus_search select{border:1px solid #38a0d9; border-radius:5px 0 0 5px; height:27px; padding:0 10px; cursor: pointer;}

		.cus_search input{line-height:25px; border:1px solid #38a0d9; border-right: 0; border-left: 0;}

		.cus_search button{display:inline-block; width:50px; line-height:25px; background-color:#38a0d9; color:#fff; border-radius:0 5px 5px 0; border:1px solid #38a0d9; transition:all 0.3s; text-align:center; font-weight:bold; font-size:15px;}
		.cus_search button:hover{background-color:#fff; color:#38a0d9;}

        .table-responsive {margin-bottom: 0; border: 0;}
        .list_tlp_table {margin-bottom: 0;}

        .table_mobile {display: flex; width: 100%;}
        .table_mobile * {box-sizing: border-box;}
        .table_mobile > div {flex: 1 1 auto}
        .table_mobile ul {display: flex; justify-content: space-between; align-items: center; border: 1px solid #ddd; border-bottom: 0;}
        .table_mobile ul:last-child {border-bottom: 1px solid #ddd;}
        .table_mobile ul > li {flex:1 1 auto; border-right: 1px solid #ddd; width: 100%;}
        .table_mobile ul > li:last-child {border-right: 0;}
        .table_mobile ul > li > span {display: flex; padding: 5px 0; height: 40px; justify-content: center; align-items: center;} 
        .table_mobile ul > li > span:first-child {background-color: #f1f3f6; border-bottom: 1px solid #ddd;}
        .table_left > ul {flex-direction: column; border-right: 0 !important;}
        .table_left > ul > li {border-right: 0;}
        .table_left > ul > li:first-child {border-bottom: 1px solid #ddd;}

	/* 마이페이지 */
		.my_name{font-size:18px; line-height:28px; color:#666;}
			.my_name .my_name_tit{display:inline-block; font-weight:bold; color:#000;}
		
		.my_topbtn:after{content:""; display:block; clear:both;}
			.my_topbtn .my_logout{float:right; display:block; width:83px; line-height:28px; color:#fff; text-align:center; background-color:#475884; font-size:14px; margin-right:10px;}
			.my_topbtn .my_bye{float:right; display:block; width:63px; line-height:26px; color:#000; border:1px solid #111; background-color:#fff; text-align:center;}

		.my_login_table{width:100%; border:1px solid #ddd; margin-top:20px;}
			.my_login_table th{background-color:#f1f3f6; text-align:center; padding:15px; font-size:16px; color:#666; border-bottom:1px solid #ddd; font-weight:normal; width:18%;}
			.my_login_table td{padding:15px; font-size:16px; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}

		.btn_row{margin:25px -5px 0;}
			.btn_col{padding:5px;}
			.my_btn{display:block; width:100%; text-align:center; color:#fff; line-height:1em; font-size:18px; font-weight:bold; background-color:#475884; border-radius:10px; padding:35px 0; transition:all 0.2s;}
			.my_btn .my_btn_title{margin-top:28px;}
			
    /* 정기결제 */
    .status_true {color: #3a8afd;}
    .status_false {color: #ff3848;}
	.number_format {text-align: right !important; }
	.number_format_bold {text-align: right !important; font-weight: bold;}

	.btn_fixed_top {position: fixed; top: 85px; right: 10px; z-index: 100;} 
.button_cover {display: none;}

    

@media (min-width:1200px) {
	
}

@media (max-width: 1199px) {
	.menu-container li span{margin:0 15px;}
}

@media (max-width: 1023px) {
	.menu-container li span{margin:0 10px;}
}

@media (max-width: 991px) {
	#header{padding:0; height:auto;}
    .main_cont {padding:35px 15px;}
	.logo{text-align:center; padding:20px 0;}

	.top_tlp{padding:5px 0 5px 30px;}

	.tlp_start{height:600px; background-position:41%; background-size:350% 100%;}
	.tlp_start .tlp_start_red{bottom:200px; right:100px;}
	.tlp_start .tlp_start_red:active{width:95px; height:65px;}
	.tlp_start .tlp_start_red img{width:70%;}
	.tlp_start .tlp_start_green{bottom:200px; right:0;}
	.tlp_start .tlp_start_green:active{width:95px; height:65px;}
	.tlp_start .tlp_start_green img{width:70%;}

    .tlp_chk {padding: 0;}
    .tlp_chk_radio {justify-content: space-around; width: 100%;}
    .tlp_chk_radio_wrap {margin: 0; padding: 0;}
    .tlp_chk_list {margin-bottom: 30px;}
    .btn {width: 100%;}
    .btn_cover {padding: 0 10px; margin: 5px 0;}
    .no_button {width: 100%; display: none;}
    .button_cover {display: block; margin-top: 10px;}
    .button_cover > a {}
    .no_button_m {display: flex; margin-top: 5px;}
    .no_button_m > a:first-child {margin-right: 5px;}

    .btn_default {width: 100%;}
    .img_100{width:100%;}
    .membership_cover {width: 100%;}
}

@media (max-width: 768px) {		
	.my_login_table th{padding:5px; font-size:13px;}
	.my_login_table td{padding:5px; font-size:13px;}

	.my_btn{height:180px; font-size:14px; padding:42px 0;}
	.my_btn img{width:70px;}
	.my_btn .my_btn_title{margin-top:10px;}
}

@media (max-width: 480px) {
	#header{padding:0;}

	/* .main_cont{padding:30px 15px;} */

	.menu-container li{padding:0 8px; line-height:70px;}
	.menu-container li a{font-size:12px;}

	.tlp_title{font-size:24px;}
	.tlp_2_title1{font-size:16px;}

	/* TLP스타트 */
		.tlp_start img{width:100%;}

	.top_tlp{font-size:12px;}
	.top_tlp span{font-size:25px;}

	.tlp_start .tlp_start_red{bottom:350px; right:100px;}
	.tlp_start .tlp_start_red:active{width:95px; height:65px;}
	.tlp_start .tlp_start_red img{width:70%;}

	.tlp_start .tlp_start_green{bottom:350px; right:0;}
	.tlp_start .tlp_start_green:active{width:95px; height:65px;}
	.tlp_start .tlp_start_green img{width:70%;}

	

	.box_top{width:100%;}
	.box_top .box_img{float:none; margin:0 auto 10px;}

	.tlp_yes_text{width:100%; font-size:14px;}

	.tlp_2_no{padding:45px 10px 10px;}
	.tlp_2_no .no_img{display:none;}
	.tlp_2_no .no_text1{margin-right:0;}

	.no_text3{font-size:16px;}

	.tlp_pps_text{font-size:12px;}

	.tlp_pps_btn_col:first-child .tlp_pps_btn{float:none; margin:0 auto 10px;}
	.tlp_pps_btn_col:nth-child(2) .tlp_pps_btn{margin:0 auto 10px;}
	.tlp_pps_btn_col:last-child .tlp_pps_btn{margin:0 auto 10px;}
	
	.tlp_table th{padding:10px; font-size:14px;}

	.tlp_clean_text1{font-size:14px; line-height:24px;}
	.tlp_clean_text4{font-size:14px; line-height:24px;}
	.tlp_clean_text4 span{font-size:18px;}

	.clean_ingestion ol li{margin-left:20px;}

	.refe_table1{width:100%;}

	.cus_search{width:326px; margin:0 auto 20px;}
	.cus_search select{padding:0;}
	.cus_search input{width:180px;}

	.tlp_chk_num .tlp_chk_bar{width:75%;}

	.tlp_chk{padding:10px;}
	.tlp_chk_text{font-size:16px;}

	/* .tlp_chk_radio{width:205px;} */
	.tlp_chk_radio .box-radio-input input[type="radio"] + span{width:40px; height:35px; line-height:33px; font-size:14px;}

	.tlp_chk_change{width:305px;}
	.tlp_chk_change ul li{margin-right:10px;}
}


/* 우리기획 정기결제 */
.uripay_content{width:600px; margin:0 auto; background:#fff; border-radius:15px;}
.uripay_content .uripay_title{text-align:center; font-size:20px; font-weight:500; color:#fff; line-height:70px; background-color:#c62518; border-radius:13px 13px 0 0;}
.uripay_content .uripay_text{border:1px solid #e1e1e1; border-radius:0 0 13px 13px;}

.uripay_content .uripay_btn{display:table; margin:15px auto;}
.uripay_content .uripay_btn::after{content:""; display:block; clear:both;}
.uripay_content .uripay_btn > button{float:left; display:block; padding:5px 20px; line-height:30px; background-color:#fff; border:1px solid #d5d9dd; color:#c62518; font-size:16px; margin-right:10px; transition:all 0.3s;}
.uripay_content .uripay_btn > button:hover{background-color:#c62518; color:#fff; border:1px solid #c62518;}
.uripay_content .uripay_btn > button:last-child{margin-right:0;}
.uripay_content .uripay_layer{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1;}

.uripay_content .input_cus{margin:0 5px 3px 0;}

.uripay_content .uripay_table{width:100%;}
.uripay_content .uripay_table th{padding:10px; color:#333; font-weight:500; text-align:center; font-size:14px; background-color:#fff7f7; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
/*
.uripay_content .uripay_table th .th_go_btn{display:block; width:70px; line-height:30px; background-color:#fff; border:1px solid #d5d9dd; color:#3a8afd; font-size:15px; transition:all 0.3s; margin:10px auto 0;}
.uripay_content .uripay_table th .th_go_btn:hover{background-color:#3a8afd; color:#fff; border:1px solid #3a8afd;}
*/
.uripay_content .uripay_table td{padding:10px; line-height:24px; color:#333; font-size:14px; text-align:center; border-bottom:1px solid #e1e1e1;}
.uripay_content .uripay_table td > input{width:100%; border:0;}
.uripay_content .uripay_table td > textarea{width:100%; border:0; resize: none;}
.uripay_content .uripay_table td > .custon_select{padding:4px 6px;}

.uripay_content .uripay_table .reg_certi_td{border-left:1px solid #e1e1e1; padding:0; background-color:#c62518;}
.uripay_content .uripay_table .reg_certi_td > button{display:block; width:100%; background-color:#c62518; color:#fff; font-size:13px; line-height:18px; border:0;}
.uripay_content .uripay_table .reg_time_td{border-left:1px solid #e1e1e1; padding:0; color:#c62518; line-height:17px;}


@media (max-width: 991px) {
	.uripay_content{width:100%;}
	.uripay_content .uripay_table .reg_certi_td > button{width:70px;}

	#wrapper{padding-bottom:260px;}
	#footer{height:260px;}
}