@charset "utf-8";

@media all and (max-device-width: 1024px) {
	.container_offer {
    	min-width: 100vw !important;
	}
	.container_offer .sect_title {
	    height: 28vh !important;
	}
	.sect_title .conts_btn div {
		width: 40vw !important;
		font-size: 15px !important;
	    height: 40px !important;
	    line-height: 38px !important;
	    margin-top: 4vh !important;
	}
	.container_offer .sect_title .conts_btn .btn_as {
		margin-right: 1vw !important;
	}
	.container_offer .sect_title .title {
	    font-size: 30px !important;
    	padding-top: 3vh !important;
	}
	.container_offer .sect_title .conts {
	    font-size: 15px !important;
	}
	
	/*
	.container_offer .sect_faq {
		width: 100vw !important;
		padding-left: 2vw;
		padding-right: 2vw;
	}
	.container_offer .sect_offer > div.title,
	.container_offer .sect_faq .box_title, .sect_tel .box_title {
		font-size: 23px !important;
	}
	.container_offer .sect_faq .box_list_body {
	    margin-bottom: 0px !important;
	}
	.container_offer .sect_faq .box_faq_menu {
	    margin: 0px auto 60px auto !important;
	    width: 93vw !important;
	}
	.container_offer .sect_faq .box_faq_menu ul li a {
		width: 30vw !important;
		height: 40px !important;
		line-height: 40px !important;
		font-size: 15px !important;
	}
	.container_offer .sect_faq .box_faq_menu ul li#faq_tab_head_7 a,
	.container_offer .sect_faq .box_faq_menu ul li#faq_tab_head_10 a,
	.container_offer .sect_faq .box_faq_menu ul li#faq_tab_head_13 a {
		margin: 0 0 4px 0!important;
	}
	.container_offer .sect_faq .box_list_header ul li {
	    height: 40px !important;
	    line-height: 40px !important;
	    font-size: 15px !important;
	    font-weight: 400 !important;
	}
	.container_offer .sect_faq .box_list_header ul li.col1,
	.container_offer .sect_faq .box_list_body ul li div.col1 {
		width: 10vw !important;
	}
	.container_offer .sect_faq .box_list_header ul li.col2, 
	.container_offer .sect_faq .box_list_body ul li div.col2 {
		width: 18vw !important;
	}
	.container_offer .sect_faq .box_list_header ul li.col3, 
	.container_offer .sect_faq .box_list_body ul li div.col3 {
		width: 67vw !important;
	}
	.container_offer .sect_faq .box_list_body ul li div {
		float: none !important;
	} 
	.container_offer .sect_faq .box_list_body ul li div.col1, 
	.container_offer .sect_faq .box_list_body ul li div.col2,
	.container_offer .sect_faq .box_list_body ul li div.col3 {
		line-height: 23px !important;
		display: table-cell;
    	vertical-align: middle;
	}
	.container_offer .sect_faq .box_list_body ul li div.col3 {
		padding-left: 3vw;
	}
	.container_offer .sect_faq .box_list_body ul li.title {
		font-size: 14px !important;
	}
	.container_offer .sect_faq .box_paging {
	    width: 96vw !important;
	}
	.pagination > li > a, .pagination > li > span {
		padding: 6px 10px !important;
	}
	*/
	.container_offer .sect_tel {
		width: 100vw !important;
		padding-left: 2vw;
		padding-right: 2vw;
	}
	.container_offer .sect_tel table {
		width: 96vw !important;
	}
	.container_offer .sect_tel table thead tr {
	    height: 40px !important;
	    line-height: 40px !important;
	    font-size: 15px !important;
	    font-weight: 400 !important;
	}
	.container_offer .sect_tel table tbody tr {
	    font-size: 15px !important;
	}
	.container_offer .sect_tel table .col1 {
	    width: 25vw !important;
	}
	.container_offer .sect_tel table .col2 {
	    width: 40vw !important;
	}
	.container_offer .sect_tel table .col2 > div > div {
		float: none !important;
		line-height: 23px !important;
	}
	.container_offer .sect_tel table .col3 {
	    width: 35vw !important;
	    padding-left: 3vw !important;
	    line-height: 23px !important;
	}
	.container_qna .sect_tel {
		width: 100vw !important;
		padding-left: 2vw;
		padding-right: 2vw;
	}
	.container_qna .sect_tel table {
		width: 96vw !important;
	}
	.container_qna .sect_tel table thead tr {
	    height: 40px !important;
	    line-height: 40px !important;
	    font-size: 15px !important;
	    font-weight: 400 !important;
	}
	.container_qna .sect_tel table tbody tr {
	    font-size: 15px !important;
	}
	.container_qna .sect_tel table .col1 {
	    width: 25vw !important;
	}
	.container_qna .sect_tel table .col2 {
	    width: 40vw !important;
	}
	.container_qna .sect_tel table .col2 > div > div {
		float: none !important;
		line-height: 23px !important;
	}
	.container_qna .sect_tel table .col3 {
	    width: 35vw !important;
	    padding-left: 3vw !important;
	    line-height: 23px !important;
	}
	.container_offer .sect_offer {
		width: 100vw !important;
		padding-left: 2vw;
		padding-right: 2vw;
		margin: 7vh auto 0 auto !important;
	}
	.container_offer .sect_offer .check_lebel,
	.container_offer .sect_offer .box_conts input,
	.container_offer .sect_offer .box_conts textarea {
		font-size: 13px !important;
	}
	.container_offer .sect_offer .box_conts input {
		line-height: 42px !important;
	}
	.container_offer .sect_offer .guide ul li {
	    height: auto !important;
    	line-height: auto !important;
   	 	font-size: 13px !important;
	}
	.container_offer .sect_offer .box_conts ul li div.title {
		width: 20vw !important;
		padding-left: 2vw !important;
		font-size: 13px !important;
	}
	.container_offer .sect_offer .box_conts ul li.l1 select {
		width: 73vw !important;
	}
	.container_offer .sect_offer .box_conts ul li.l2 {
		height: auto !important;
	}
	.container_offer .sect_offer .box_conts ul li.l2 .conts > div {
		height: auto !important;
	}
	.container_offer .sect_offer .box_conts ul li.l3 input {
		width: 43vw !important;
	}
	.container_offer .sect_offer .box_conts ul li.l3 .btn_customer_info {
	    width: 30vw !important;
	}
	.container_offer .sect_offer .box_conts ul li.l4 input {
		width: 71vw !important;
	}
	.container_offer .sect_offer .box_conts ul li.l5 input.address1 {
		width: 50vw !important;
	}
	.container_offer .sect_offer .box_conts ul li.l5 .btn_address {
    	width: 20vw !important; 
	}
	.container_offer .sect_offer .box_conts ul li.l5 input.address_detail {
		width: 73vw !important;
	}
	.container_offer .sect_offer .box_conts ul li.l7 textarea {
		width: 73vw !important;
	}
	.container_offer .sect_offer .box_conts ul li.l6 input {
    	width: 73vw !important;
	}
	.container_offer .sect_offer .btn_offer {
	    width: 60vw !important;
    	height: 8vh !important;
    	line-height: 8vh !important;
    	font-size: 19px !important;
	}
}
@media all and (max-device-width: 1024px) and (orientation: portrait) {
	.container_offer .sect_offer .box_conts ul li.l2 .title {
		height: 220px !important;	
	}
}
@media all and (max-device-width: 1024px) and (orientation: landscape) {
	.container_offer .sect_offer .box_conts ul li.l2 .title {
	    height: 157px !important;	
	}
}
.container_offer {
	position: relative;
	min-width: 1200px;
}
.container_offer .sect_title {
	width: 100%;
	height: 215px;
	background: url("/kctvjeju/images/customer/main_top.png") center top no-repeat;
}
.container_offer .sect_title > div {
	margin: 0 auto;
    display: table;
    text-align: center;
}
.container_offer .sect_title .title {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
	padding-top: 53px;
}
.container_offer .sect_title .conts {
    font-size: 17px;
    color: #fff;
    font-weight: 300;
}
.container_offer .sect_title .conts_btn div {
  	width: 206px;
    height: 56px;
    line-height: 52px;
    border: 1px solid #fff;
    border-radius: 50px;
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    display: inline-block;
    cursor: pointer;
    margin-top: 37px;
}
.container_offer .sect_title .conts_btn .btn_as {
    margin-right: 17px;
}
.container_offer .sect_title .conts_btn .btn_qna {
   
}
.container_offer .sect_offer {
	width: 1120px;
	margin: 62px auto 0 auto;
}
.container_offer .sect_offer > div.title {
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 34px;
    color: #2f2f2f;
    letter-spacing: -1px;
}
.container_offer .sect_offer .guide {
    border-bottom: 1px solid #2f2f2f;
    padding-bottom: 30px;
}
.container_offer .sect_offer .guide ul li {
	height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.container_offer .sect_offer .guide ul li.l1,
.container_offer .sect_offer .guide ul li.l3 {
	color: #2f2f2f;
}
.container_offer .sect_offer .guide ul li.l2 {
	color: #ff2e2e;
}



.container_offer .sect_offer .box_conts ul li {
    color: #2f2f2f;
    border-bottom: 1px solid #d6d6d6;
}

.container_offer .sect_offer .box_conts ul li select,
.container_offer .sect_offer .box_conts ul li input,
.container_offer .sect_offer .box_conts ul li textarea {
	border: 1px solid #d6d6d6;
}
.container_offer .sect_offer .box_conts ul li.l1,
.container_offer .sect_offer .box_conts ul li.l3,
.container_offer .sect_offer .box_conts ul li.l4,
.container_offer .sect_offer .box_conts ul li.l8 {
	height: 64px;
    line-height: 64px;
}
.container_offer .sect_offer .box_conts ul li.l2 {
	height: 107px;
}
.container_offer .sect_offer .box_conts ul li.l6 {
	height: 65px;
}
.container_offer .sect_offer .box_conts ul li.l2 div.title {
	padding-top: 27px;
	height: 107px;
}
.container_offer .sect_offer .box_conts ul li.l6 div.title {
	height: 65px;
	padding-top: 11px;
}
.container_offer .sect_offer .box_conts ul li.l2 .conts {
	padding-top: 16px;
	padding-bottom: 16px;
}
.container_offer .sect_offer .box_conts ul li.l2 .conts > div {
	height: 28px;
}
.container_offer .sect_offer .box_conts ul li.l2 .conts > div > div {
	width: 294px;
	display: inline-block;
	position: relative;
}
.check_lebel input {
	left: 0px;
	width: 18px;
    height: 18px;
    z-index: 1;
}
.check_lebel .checkmark {
	width: 18px !important;
    height: 18px !important;
}
.check_lebel .checkmark:after {
	left: 5px !important;
    top: 0px !important;
}
.container_offer .sect_offer .box_conts ul li.l5 {
	height: 121px;
}
.container_offer .sect_offer .box_conts ul li.l5 div.title {
	padding-top: 27px;
	height: 121px;
}
.container_offer .sect_offer .box_conts ul li.l7 {
	padding-bottom: 15px;
}
.container_offer .sect_offer .box_conts ul li.l7 div.title {
	padding-top: 27px;
}
.container_offer .sect_offer .box_conts ul li div.title {
	width: 164px;
	font-size: 14px;
	float: left;
	padding-left: 24px;
}
.container_offer .sect_offer .box_conts ul li div.conts {
	padding-top: 10px;
}
.container_offer .sect_offer .box_conts ul li.l1 select {
	width: 264px;
    height: 42px;
    line-height: 42px;
    padding-left: 24px;
}
.container_offer .sect_offer .box_conts ul li.l3 input {
	width: 728px;
    height: 42px;
    line-height: 42px;
    padding-left: 24px;
    float: left;
}
.container_offer .sect_offer .box_conts ul li.l3 .btn_customer_info {
    width: 220px;
    height: 42px;
    background: #2f2f2f;
    color: #fff;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    margin-left: 8px;
    cursor: pointer;
}
.container_offer .sect_offer .box_conts ul li.l4 input,
.container_offer .sect_offer .box_conts ul li.l8 input {
	width: 320px;
    height: 42px;
    line-height: 42px;
    padding-left: 24px;
}
.container_offer .sect_offer .box_conts ul li.l5 input.address1 {
	width: 728px;
    height: 42px;
    padding-left: 24px;
    margin-bottom: 14px;
    background: #efefef;
    float: left;
}
.container_offer .sect_offer .box_conts ul li.l5 input.address_detail {
	width: 955px;
    height: 42px;
    line-height: 42px;
    padding-left: 24px;
}
.container_offer .sect_offer .box_conts ul li.l5 .btn_address {
    width: 220px;
    height: 42px;
    line-height: 42px;
    background: #2f2f2f;
    color: #fff;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    margin-left: 8px;
    cursor: pointer;
}
.container_offer .sect_offer .box_conts ul li.l6 input {
	width: 320px;
    height: 42px;
    line-height: 42px;
    padding-left: 24px;
}



.container_offer .sect_offer .box_conts ul li.l7 textarea {
    width: 956px;
    height: 232px;
    padding-left: 24px;
    padding-top: 10px;
}
.container_offer .sect_offer .btn_offer {
    width: 222px;
    height: 62px;
    line-height: 62px;
    background: #2f2f2f;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    display: table;
    margin: 34px auto;
    cursor: pointer;
}




.container_offer .sect_result {
	width: 1120px;
	margin: 0 auto;
	padding-top: 64px;
}
.container_offer .sect_result .box_title,
.container_offer .sect_tel .box_title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: -1px;
}
.container_offer .sect_result .box_result {
	width: 100%;
    height: 43px;
    display: table;
    border: 1px solid #d6d6d6;
    text-align: center;
    color: #2f2f2f;
    background: #f7f8f9;
    margin: 0 0 10px 0;
}
.container_offer .sect_result .box_result div {
	float: left;
}
.container_offer .sect_result .box_result div.title {
	width: 164px;
    float: left;
    padding-left: 24px;
    line-height: 43px;
}
.container_offer .sect_result .box_result div.conts {
	
} 
.container_offer .sect_result .box_result div.conts input {
    width: 270px;
    height: 33px;
    line-height: 34px;
    padding-left: 24px;
    margin-top: 5px;
}
.container_offer .sect_result .box_result div.btn_result {
    width: 138px;
    height: 33px;
    line-height: 33px;
    background: #2f2f2f;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    display: table;
    margin: 5px 0 0 100px;
    cursor: pointer;
} 

.container_offer .sect_result .box_list_header ul li {
    height: 45px;
    line-height: 45px;
    float: left;
    font-size: 19px;
    font-weight: bold;
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
    color: #2f2f2f;
    border-top: 1px solid #2f2f2f;
    background: #f7f8f9;
}
.container_offer .sect_result .box_list_header ul li.col1, 
.container_offer .sect_result .box_list_body ul li div.col1 {
	width: 154px;
}
.container_offer .sect_result .box_list_header ul li.col2,
.container_offer .sect_result .box_list_body ul li div.col2 {
	width: 300px;
}
.container_offer .sect_result .box_list_header ul li.col3,
.container_offer .sect_result .box_list_body ul li div.col3 {
	width: 386px;
}
.container_offer .sect_result .box_list_header ul li.col4,
.container_offer .sect_result .box_list_body ul li div.col4 {
	width: 280px;
}
.container_offer .sect_result .box_list_body {
	margin-bottom: 20px;
    min-height: 150px;
}
.container_offer .sect_result .box_list_body ul li.title {
	height: 52px;
	line-height: 52px;
	font-size: 16px;
	font-weight: 300;
	color: #2f2f2f;
	border-bottom: 1px solid #d6d6d6;
	display: table;
	cursor: pointer;
}
.container_offer .sect_result .box_list_body ul li.customer_faq_conts {
	border-bottom: 1px solid #d6d6d6;
	padding: 40px;
	display: none;
} 
.container_offer .sect_result .box_list_body ul li div {
	float: left;
}
.container_offer .sect_result .box_list_body ul li div {
	text-align: center;
}
.container_offer .sect_result .box_list_body .no_data {
	width: 1120px;
	height: 150px;
	line-height: 150px;
    text-align: center;
    border-bottom: 1px solid #d6d6d6;
    display: table;
    font-size: 19px;
}
.container_offer .sect_result .box_paging {
	width: 1120px;
	margin: 0 auto 75px auto;
    display: table;
}
.container_offer .pagination {
	margin: 0 auto;
    display: table;
}




.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    color: #0091da;
    background-color: #fff;
    border-color: #fff;
}
.pagination > .disabled > span, 
.pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #fff;
}
.pagination > li > a, .pagination > li > span {
    padding: 6px 20px;
    color: #2f2f2f;
    background-color: #fff;
    border: 1px solid #fff;
}
.pagination > li > a:hover, .pagination > li > span:hover, 
.pagination > li > a:focus, .pagination > li > span:focus {
    color: #2f2f2f;
    background-color: #fff;
    border-color: #fff
}






.container_offer .sect_tel {
	width: 1120px;
	margin: 0 auto 126px auto;
}
.container_offer .sect_tel table {
	width: 1120px;
	border-top: 1px solid #2f2f2f;
}
.container_offer .sect_tel table .col1 {
	width: 185px;	
	text-align: center;
	background: #f7f8f9;
}
.container_offer .sect_tel table .col2 {
	width: 252px;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	text-align: center;	
}
.container_offer .sect_tel table .col3 {
	width: 683px;	
	text-align: left;
	padding-left: 45px;
	line-height: 28px;
}
.container_offer .sect_tel table tr {
	border-bottom: 1px solid #d6d6d6;	
}
.container_offer .sect_tel table thead tr {
	height: 65px;
	line-height: 65px;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	background: #f7f8f9;
}
.container_offer .sect_tel table tbody tr {
	height: 52px;
	line-height: 52px;
	font-size: 16px;
	font-weight: 300;
}
.container_offer .sect_tel table .col2 > div {
    margin: 0 auto;
    display: table;
}
.container_offer .sect_tel table .col2 > div > div {
	float: left;
}