﻿/*헤더*/
#header {position: fixed; top: 0; left: 0; z-index: 999; width: 100%; background: #fff;}

/* #tnb-box .tnb {float: right;}
#tnb-box .tnb li {float: left; position: relative; height: 34px; line-height: 34px;}
#tnb-box .tnb li:after {content: ""; display: inline-block; width: 1px; height: 14px; margin: 0 13px; background-color: #999; vertical-align: middle;}
#tnb-box .tnb li:last-child:after {display: none;}
#tnb-box .tnb a {font-size: 12px; color: #999;} */

/* #nav {overflow: hidden; position: relative; height: 80px; border-top: 1px solid #e6e6e6;} */
.nav_underline{position: absolute; top: 78px; left: 0; width: 100%; height: 1px; background-color: #e6e6e6;}
.nav_wr {position: relative; text-align: center;}
/* .hd_logo {display: block; float: left; margin-top: 8px;} */
.gnb {display: inline-block; margin-left: -158px;}
.gnb_1dpt > li {float: left; margin-left: 110px;}
.gnb_1dpt > li:first-child {margin-left: 0;}
.gnb_1dpt > li > a {display: block; position: relative; font-size: 18px; font-weight: 400; line-height: 80px;}
/* .gnb_2dpt {padding: 15px 0 20px;} */
/* .gnb_2dpt li {margin: 10px 0;} */
/* .gnb_2dpt a {font-size: 18px; color: #999;} */


.gnb_1dpt > li a:after{content: ""; display: none; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; background-color: #ffc000;}
.gnb_1dpt > li.ov a{color: #ffc000;}
/* .gnb_1dpt > li.ov .gnb_2dpt a{color: #999;} */
.gnb_1dpt > li.ov a:after{display: block;}
/* .gnb_1dpt > li.ov .gnb_2dpt a:after{display: none;} */

	/*모바일메뉴*/
.mo_menu_btn{display: none; position: absolute; top: 30px; right: 20px; width: 30px; height: auto; min-height: 20px; z-index: 999; cursor: pointer;}
.mo_menu_btn span{
	display: block;
	width: 100%; height: 2px;
	background-color: #0f0f0f;
	margin-top: 7px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.mo_menu_btn span:first-child{margin-top: 0;}
.mo_menu_btn.on span{background-color: #fff;}
.mo_menu_btn.on span:nth-child(1){
	-webkit-transform: rotate(45deg) translateY(7px);
    -moz-transform: rotate(45deg) translateY(7px);
    -o-transform: rotate(45deg) translateY(7px);
    transform: rotate(45deg) translateY(7px);
}
.mo_menu_btn.on span:nth-child(2){display: none;}
.mo_menu_btn.on span:nth-child(3){
	-webkit-transform: rotate(-45deg) translateY(-7px);
    -moz-transform: rotate(-45deg) translateY(-7px);
    -o-transform: rotate(-45deg) translateY(-7px);
    transform: rotate(-45deg) translateY(-7px);
}

.mo_menu-dim{display: none; position: fixed; top: 0; left: 0; z-index: 980; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.5);}
.mo_menu-box{
	position: fixed; top: 0; left: -100%; z-index: 990;
	width: 100%; max-width: 232px; height: 100%;
	background-color: #fff;
	text-align: left;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.mo_menu-top{padding: 0 20px; background-color: #ffc000;}
.mo_menu-top li{float: left;}
.mo_menu-top li:after{content: ""; display: inline-block; width: 1px; height: 10px; margin: 0 6px; background-color: #fff; vertical-align: middle;}
.mo_menu-top li:last-child:after{display: none;}
.mo_menu-top li a{display: inline-block; height: 36px; font-size: 12px; color: #fff; line-height: 36px;}

.mo_menu li{border-bottom: 1px solid #e7e7e7;}
.mo_menu li.mo_gnb_1dpt{position: relative;}
.mo_menu li.mo_gnb_1dpt:before{
	content: ""; display: block; width: 2px; height: 16px;
	background-color: #ffc000;
	position: absolute; top: 22px; right: 27px;
	z-index: 5;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.mo_menu li.mo_gnb_1dpt:after{
	content: "";display: block; width: 16px; height: 2px;
	background-color: #ffc000;
	position: absolute; top: 29px; right: 20px;
	z-index: 5;
}
.mo_menu li.mo_gnb_1dpt.on:before{
	background-color: rgba( 255, 192, 0, 0);
}
.mo_menu li a{display: block; height: 60px; font-weight: 400; line-height: 60px; padding: 0 20px;}
/* .mo_gnb_2dpt{display: none; padding: 10px 0; border-top: 1px solid #e7e7e7;} */
/* .mo_gnb_2dpt li{border-bottom: 0;} */
/* .mo_gnb_2dpt li a{display: block; height: auto; padding: 10px 20px 10px 40px; font-size: 15px; font-weight: 300; line-height: 1; } */
.mo_menu-box.on{left: 0;}

/*푸터*/
#footer {padding: 18px 0 19px; border-top: 1px solid #e6e6e6; background-color: #fff;}
.fnb-box {padding-bottom: 15px; border-bottom: 1px solid #e6e6e6;}
.fnb-box li {float: left; margin-left: 28px;}
.fnb-box li:first-child {margin-left: 0;}
.fnb-box a {font-size: 14px; color: #999;}

.finfo-box {padding-top: 15px;}
.finfo-box_wr{position: relative;}
.finfo-box li {float: left; margin-left: 29px;}
.finfo-box li:first-child {margin-left: 0;}
.ft_txt01 {font-size: 14px; color: #666;}
.ft_copy {font-size: 14px; color: #acacac; margin-top: 4px;}

.frel_site{position: absolute; top: 0; right: 0; z-index: 10;}
.frel_site-select{min-width: 140px; height: 30px; padding-left: 10px; border: 1px solid #eee; font-size: 13px; color: #c6c6c6; background: #fff url("/images/select_arrow2.png") no-repeat center right 6px;}

/*공통*/
.all_box{margin-top: 114px;}
.mo_image{display: none;}

/*메인*/
.main {position: relative;}
.main_bg {height: 100vh; background: url("/images/main_vs01.jpg") no-repeat center; background-size: cover;}
.main_content-box {
	position: absolute;
	top: 0; left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
	text-align: center;
	padding: 105px 0 0;
}
.main_tit01 {font-size: 60px; font-weight: 400;}
.main_tit01 span {font-weight: 500; color: #fff;}
.main_tit02 {font-size: 20px; font-weight: 400; margin-top: 10px; color: #fff;}

.main_info-box {margin-top: 70px; padding: 0 28px;}
.main_info {float: left; width: 33.33%; padding: 0 20px;}
.main_info_wr {padding: 53px 0 56px; border: 1px solid rgba(255,255,255,0.2); border-radius: 10px; background-color: rgba(0,0,0,0.2);}
.main_info_icon {width: 86px; height: 86px; margin: 0 auto;}
.main_info01 .main_info_icon {background: url("/images/main_info_icon01.png") no-repeat center; background-size: contain;}
.main_info02 .main_info_icon {background: url("/images/main_info_icon02.png") no-repeat center; background-size: contain;}
.main_info03 .main_info_icon {background: url("/images/main_info_icon03.png") no-repeat center; background-size: contain;}
.main_info_txt01 {margin: 20px 0 13px; font-size: 36px; color: #fff;}
.main_info02 .main_info_txt01 {font-weight: 400;}
.main_info_txt02 {font-size: 18px; font-weight: 500; color: #fff; line-height: 1.7;}
.main_info_more {font-size: 18px; font-weight: 500; color: #fff; line-height: 1.7;}
.main_info_more img {display: inline-block; margin: -4px 0 0 12px; vertical-align: middle;}

.main_reserve-box {position: relative; margin-top: 85px;}
.main_reserve-box .addr_sch_pop-box{bottom: 90px;}
.reserve-input {float: left; width: 84%; height: 68px; margin-right: 5px; padding: 19px 33px 0 19px; background-color: #ffc000;}
.reserve-input li {float: left;}
.reserve-input li:after {content: ""; display: inline-block; width: 1px; height: 18px; margin: 0 24px; background-color: #ffd34d; vertical-align: middle;}
.reserve-input li:last-child:after {display: none;}
.main_reserve_txt01 {font-weight: 400; color: #0f0f0f; margin-right: 15px;}
.reserve_time-sign{font-size: 14px; color: #fff; vertical-align: middle;}
.reserve_frm-input {width: 159px; height: 30px; padding: 0 9px; border: 0; border-radius: 5px;}
.reserve_frm-select {width: 45px; height: 30px; padding-left: 6px; border: 0; border-radius: 5px; font-size: 14px; color: #c6c6c6; background-color: #fff;}
.reserve_frm-select option {color: #0f0f0f;}
.reserve-btn {float: right; width: 15.5%;}
.reserve_submit {width: 100%; height: 68px; background: #ffc000 url("/images/link_arrow01.png") no-repeat center right 60px; font-size: 16px; font-weight: 400; color: #fff; line-height: 68px; text-indent: -35px;}
.reserve_calender {background: #fff url("/images/reserve_calender.png") no-repeat center right 9px; cursor: pointer;}

/*서브공통*/
//.sub{ background: url("/images/sub_bg.png") no-repeat bottom -50px right 140px;}
.sub_vs {display: table; width: 100%; height: 300px; background: url("/images/sub_vs01.jpg") no-repeat; background-size: cover; text-align: center;}
.sub3_01 .sub_vs{background: url("/images/sub_vs02.jpg") no-repeat;}
.sub3_02 .sub_vs{background: url("/images/sub_vs02.jpg") no-repeat;}
.sub3_03 .sub_vs{background: url("/images/sub_vs02.jpg") no-repeat;}
.sub_vs-txtbox {display: table-cell; vertical-align: middle;}
.sub_vs-txtbox_wr{display: block; width: 90%; max-width: 670px; background: rgba(0,0,0,0.5); margin: 0 auto; padding: 40px 5px;}
.sub_vs_txt01 {font-size: 40px; font-weight: 500; color: #ffc000;}
.sub_vs_txt02 {margin-top: 20px; font-size: 20px; font-weight: 350; color: #fff;}
/* .sub_location {border: 1px solid #e6e6e6; border-top: 0; font-size: 0; text-align: center;}
.sub_location ul{display: inline-block;}
.sub_location li {float: left; margin-left: 110px;}
.sub_location li:first-child {margin-left: 0;}
.sub_location a {display: block; width: auto; height: 70px; font-size: 18px; font-weight: 400; color: #666; line-height: 70px;}
.sub_location li.active a{color: #ffc000; border-bottom: 3px solid #ffc000;} */
.sub_ct {margin-top: 50px;}
.sub_ct .sub_sec.mt40 {margin-top: 40px;}
.sub_ct .sub_sec.mt50 {margin-top: 50px;}
.sub_ct .sub_sec.mt60 {margin-top: 60px;}
.sub_ct .sub_sec.mt70 {margin-top: 70px;}

.nuri-tb { margin-left: auto; margin-right: auto;}
.nuri-tb thead tr {border-top: 1px solid #c8c5c4; border-bottom: 1px solid #c8c5c4;}
.nuri-tb tbody tr {border-bottom: 1px solid #c8c5c4;}
.nuri-tb th {padding: 22px; background-color: #00a0a8; border-right: 1px solid #c8c5c4; font-size: 20px; font-weight: 500; color: #fff; text-align: center;}
.nuri-tb td {padding: 22px; border-right: 1px solid #c8c5c4; text-align: center; color: #666;}
.nuri-tb th:last-child {border-right: 0;}
.nuri-tb td.bd_r0 {border-right: 0;}

.nuri_sym-box{text-align: center;}
.nuri_sym-box ul {display: inline-block;}
/* .nuri_sym-box li {float: left; margin-left: 110px; text-align: left;} */
.nuri_sym-box li {float: left; text-align: left;}
.nuri_sym-box li:first-child {margin-left: 0;}
/* .nuri_sym-img{width: 160px; height: 160px; margin-right: 25px; background-size: contain;} */
.nuri_sym-img {margin-right: 25px; font-size: 100px; background-size: contain; width: 100px; height: 100px; padding: 80px 100px;}
.nuri_sym-txt01 {font-size: 18px; font-weight: 400; text-align: center;}
.nuri_sym-txt02 {font-size: 16px; font-weight: 400; color: #666; margin-top: 5px;}
.nuri_sym-txt03 {font-size: 16px; font-weight: 400; color: red; margin-top: 5px; text-align: center;}

.nuro_expl-inner {margin-top: 15px; padding-left: 14px; text-align: center;}
.nuri_expl-txt01 {padding-left: 12px; text-indent: -12px; font-size: 22px; font-weight: 400; color: #0f0f0f; text-align: center; margin-top: 50px;}
/* .nuri_expl-txt01:before{content: ""; display: inline-block; width: 2px; height: 19px; margin-right: 11px; background-color: #1d1d1d; vertical-align: middle;} */
.nuri_expl-txt02 {padding-left: 14px; text-indent: -14px; font-size: 18px; color: #0f0f0f; margin-top: 10px;}
.nuri_expl-txt03 {padding-left: 10px; text-indent: -10px; font-size: 18px; color: #666; margin-top: 10px;}
.nuri_expl-txt03 span{font-weight:400;}

/*충북교통약자란? > 충북교통약자소개*/
.sub1_01 .sub_ct {margin-top: 70px;}
.sub1_01_tit {font-size: 30px; font-weight: 500; color: #0f0f0f; text-align: center;}
.sub1_01_tit:after {content: ""; display: block; width: 1px; height: 30px; margin: 20px auto; background-color: #9f9f9f;}
.sub1_01_txt01 {text-align: center}
.sub1_01_txt01 p {font-size: 18px; color: #333;}
.sub1_01_txt01 p:before{content: "·"; display: inline-block; font-size: 18px; color: #333;}
.sub1_01_txt01 span {font-weight: 500; color: #0f0f0f;}
.nuri_expl-txt_tit{font-size:18px;color:#0f0f0f;font-weight:500;padding-bottom:15px;}

.nuri-tb_box01 .nuri-tb th {width: 33.333%;}

/*충북교통약자란? > 서비스안내*/
.nuri_sym-img01 {background: url("/images/nuri_sym01.jpg") no-repeat center;}
.nuri_sym-img02 {background: url("/images/nuri_sym02.jpg") no-repeat center;}

.nuri-tb_box02 {margin-top: 25px;}
.nuri-tb_box02 .nuri-tb th {width: 25%;}

/*충북교통약자란? > 이용방법*/
.nuri_sym-box02 {margin-top: 50px;}
.nuri_sym-img03 {background: url("/images/nuri_sym03.jpg") no-repeat center;}
.nuri_sym-img04 {background: url("/images/nuri_sym04.jpg") no-repeat center;}
.nuri_sym-img05 {background: url("/images/nuri_sym05.jpg") no-repeat center;}
.nuri_sym-img07 {background: url("/images/nuri_sym07.jpg") no-repeat center;}

.nuri-tb_box03 {margin-top: 25px;}
.nuri-tb_box03 .nuri-tb th {width: 33.333%;}

.pdure_diagram {margin-top: 70px; background: url("/images/diagram_line.jpg") no-repeat top 8px center;}
.pdure_diagram li {float: left; width: 20%; text-align: center;}
.pdure_circle {display: block; position: relative; width: 17px; height: 17px; margin: 0 auto; border: 1px solid #ffc000; border-radius: 50%;}
.pdure_circle:after {content: ""; display: block; position: absolute; top: 4px; left: 4px; width: 7px; height: 7px; border-radius: 50%; background: #ffc000;}
.pdure_diagram li:nth-child(2n) .pdure_circle {background: #ffc000;}
.pdure_diagram li:nth-child(2n) .pdure_circle:after {background: #fff;}
.pdure_txt01 {font-size: 18px; color: #666;}
.pdure_txt01:before {content: ""; display: block; width: 1px; height: 25px; margin: 10px auto; background-color: #e6e6e6;}

/*충북교통약자란? > 의무와책임*/
.sub1_04 .sub_ct {margin-top: 70px;}
.cpliance_txt01 {margin-top: 10px; font-size: 18px; padding-left: 14px;}
.cpliance_txt02 {margin-top: 30px; font-size: 18px; color: #666;}

.cpliance-tb_box {margin-top: 40px; display: inline-block; text-align: center;}
.cpliance-tb tr:first-child {border-bottom: 1px solid #dfdfdf;}
.cpliance-tb td {width: 33.333%; padding: 34px 40px 25px; border-right: 1px solid #dfdfdf; text-align: center; vertical-align: top;}
.cpliance-tb td:last-child {border-right: 0;}
.cpliance-tb tr:first-child td {padding: 20px 40px 35px;}
.cpliance-img {width: 100px; height: 100px; margin: 0 auto;}
.cpliance-img01 {background: url("/images/cpliance_img01.jpg") no-repeat center;}
.cpliance-img02 {background: url("/images/cpliance_img02.jpg") no-repeat center;}
.cpliance-img03 {background: url("/images/cpliance_img03.jpg") no-repeat center;}
.cpliance-img04 {background: url("/images/cpliance_img04.jpg") no-repeat center;}
.cpliance-img05 {background: url("/images/cpliance_img05.jpg") no-repeat center;}
.cpliance-img06 {background: url("/images/cpliance_img06.jpg") no-repeat center;}

/*충북교통약자예약 > 온라인예약*/
.sub.sub2_01{background: none;}
.sub_sec.sub2_01_sec02 {padding: 40px; background-color: #fafafa;}
.sub2_01_sec02 .sub_sec_wr{position: relative;}
.nuri_sym-img06 {background: url("/images/nuri_sym06.jpg") no-repeat center;}

.sbtn_box{width: 980px;max-width: 100%;margin:0 auto 15px;text-align:right;} 
.sbtn_box .sbtn_box_btn{display:inline-block; color:#0f0f0f; width:140px; height:40px; font-weight: 400; line-height:40px; text-align: left; padding-left: 25px; background:#ffc000 url(/images/print_icon.png) no-repeat center right 25px; cursor: pointer;}

.sub_reserve-box {width: 980px; max-width: 100%; margin: 0 auto; background-color: #fff;}
.sub_reserve-tit {height: 66px; padding-left: 50px; border-bottom: 1px solid #ececec; font-size: 22px; font-weight: 400; line-height: 66px;}
.sub_reserve-form_box {width: 822px; max-width: 100%; padding: 23px 0 23px 50px;}
.sub_reserve-tb {width: 100%;}
.sub_reserve-tb th {width: 125px; font-weight: 300; text-align: left;}
.sub_reserve-tb td {padding: 7px 0;}
.sub_reserve-tb td input[type="text"] {width: 100%; height: 43px; padding-left: 20px; border: 1px solid #ffecb2; border-radius: 5px; font-size: 16px; font-weight: 300; color: #0f0f0f; vertical-align: middle;}
.sub_reserve-tb td select {padding-left: 20px; width: 100%; height: 43px; border: 1px solid #ffecb2; border-radius: 5px; background-position: center right 20px; font-size: 16px; font-weight: 300; color: #0f0f0f; vertical-align: middle;}
.sub_reserve-tb td textarea {width: 100%; padding: 10px 20px; border: 1px solid #ffecb2; border-radius: 5px; font-size: 16px; font-weight: 300; color: #0f0f0f; vertical-align: middle;}

.sub_reserve-tb td.td_child3{font-size: 0;}
.sub_reserve-tb td.td_child3 input[type="text"] {width: 300px; background-position: center right 20px;}
.sub_reserve-tb td.td_child3 > div {display: inline-block; width: -webkit-calc(100% - 300px); width: -moz-calc(100% - 300px); width: calc(100% - 300px);}
.sub_reserve-tb td.td_child3 > div select {width: -webkit-calc(50% - 12px); width: -moz-calc(50% - 12px); width: calc(50% - 12px); margin-left: 12px;}

.sub_reserve-tb td.td_sch {font-size: 0;}
.sub_reserve-tb td.td_sch input[type="text"] {width: -webkit-calc(100% - 54px); width: -moz-calc(100% - 54px); width: calc(100% - 54px); border-right: 0; border-radius: 5px 0 0 5px;}
.sub_reserve-tb td.td_sch input[type="button"] {width: 54px; height: 43px; border: 1px solid #ffecb2; border-left: 0; border-radius: 0 5px 5px 0; background: url("/images/sch_btn_gray.png") no-repeat center; vertical-align: middle; cursor: pointer;}

.privacy_aree-box {text-align: center;}
.privacy_aree-box_wr {display: inline-block; text-align: left;}
.privacy_aree-box_wr span {font-size: 16px; font-weight: 300; color: #666;}
.privacy_aree-box_wr span b{font-size: 16px; font-weight: 300; color: #ffc000; cursor: pointer;}
.privacy_aree-box_wr input[type="checkbox"] {width: 0; height: 0;}
.privacy_chk-label{position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #d1d1d1; vertical-align: middle; cursor: pointer;}
.privacy_aree-box_wr input[type="checkbox"]:checked + label{display: inline-block;}
.privacy_aree-box_wr input[type="checkbox"]:checked + label:before{content: '\2714'; font-size: 13px; color: #ffc000; position: absolute; top: -2px; left: 1px;}
.privacy_chk-label_trig{font-size: 16px; font-weight: 300; color: #666; cursor: pointer;}
.sub_reserve-btn {text-align: center;}
.sub_reserve_submit {width: 270px; max-width: 100%; height: 68px; margin-top: 50px; background: #ffc000 url("/images/link_arrow01.png") no-repeat center right 60px; font-size: 16px; font-weight: 400; color: #0f0f0f; line-height: 68px; text-indent: -35px;}

.addr_sch_pop-box {/*display: none; - 주소검색 팝업*/display: block; position: absolute; bottom: 12px; right: 22px; z-index: 50; width: 670px; max-width: 100%; background-color: #fff;}
.addr_sch_pop-top {height: 65px; padding: 0 30px; border: 1px solid #ffc000; background-color: #ffc000; line-height: 65px;}
.addr_sch_pop_tit {float: left; font-size: 20px; font-weight: 400; color: #0f0f0f;}
.addr_sch_pop_close1 {float: right; cursor: pointer;}

.addr_sch_pop-bot {padding: 25px 30px; border: 1px solid #c2c5c5; border-top: 0; font-size: 0;}
.addr_sch_pop-bot input[type="text"] {width: -webkit-calc(100% - 54px); width: -moz-calc(100% - 54px); width: calc(100% - 54px); height: 40px; padding-left: 20px; border: 1px solid #c5c8c8; border-right: 0; font-size: 14px; font-weight: 400; vertical-align: middle;}
.addr_sch_pop-btn {width: 54px; height: 40px; border: 1px solid #c5c8c8; border-left: 0; background: url("/images/sch_btn_gray.png") no-repeat center; vertical-align: middle;}
.addr_sch_pop-btn2 {width: 54px; height: 40px; border: 1px solid #c5c8c8; border-left: 0; background: url("/images/sch_btn_gray.png") no-repeat center; vertical-align: middle;display:none;}
.addr_sch_pop-bot img{display: block; margin-top: 20px;}
.addr_sch_pop-btn_box {margin-top: 20px; font-size: 0; text-align: center;}
.addr_sch_pop-btn_box input[type="button"] {display: inline-block; width: 130px; height: 40px; border: 0; background-color: #333b3d; font-size: 14px; font-weight: 400; color: #fff; line-height: 40px; vertical-align: middle;}
.addr_sch_pop_close2 {display: inline-block; width: 130px; height: 40px; margin-left: 15px; background-color: #999; font-size: 14px; font-weight: 400; color: #fff; line-height: 40px; vertical-align: middle; cursor: pointer;}

.reserve_privacy-contents{display: none; width: 620px; height: 250px; max-width: 100%; margin: 10px auto 0; padding: 20px; border: 1px solid #e6e6e6; text-align: left; font-size: 15px; font-weight: 300; color: #666; overflow-y: scroll;}

/*충북교통약자예약 > 신청내역조회*/
.sub.sub2_02{background: none;}
.sub_sec.sub2_02_sec01 {padding: 40px; background-color: #fafafa;}

.reserve_result-box {padding: 40px 50px;}
.reserve_result-box ul {padding: 20px 30px; border-top: 1px solid #0f0f0f; border-bottom: 1px solid #0f0f0f;}
.reserve_result-box li {padding: 5px 0;}
.reserve_result-tit {float: left;}
.reserve_result-txt {float: right; color: #999;}

/*고객센터 > 질문하기*/
.s3_02_w{width:1280px;margin:0 auto;}
.s3_02_box{background:url('/images/s3_02_box.png')no-repeat;height:300px;text-align:center;display:block;}
.s3_02_box .tit{font-size:40px;color:#FFF;padding:94px 0 40px;font-weight:400;}
.s3_02_box .con{font-size:18px;color:#FFF;}
.s3_02_box_tab{text-align:center;font-size:0;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;}
.s3_02_box_tab a{display:inline-block;font-size:18px;color:#666666;font-weight:400;padding:30px 0 25px;margin-right:110px;}
.s3_02_box_tab a:last-child{margin-left:0;}
.s3_02_box_tab .sel{color:#ffc30b;padding:30px 0 22px;border-bottom:3px solid #ffc30b;}

	/*board_box*/
.board_box{margin-top:70px;}

.board_box .top{font-size:0;display:block;}
.board_box .top .left,.board_box .top .right{display:inline-block;vertical-align:middle;}
.board_box .top .left{font-size:18px;color:#999999;}
.board_box .top .right{float:right;}
.board_box .top .right ul{font-size:0;}
.board_box .top .right ul li{display:inline-block;vertical-align:middle;font-size:0;}

.bo_sel{width:140px;border:1px solid #dddddd;font-size:16px;color:#666666;padding:0 0 0 18px;-webkit-appearance: none;  -moz-appearance: none; appearance:none;background:url('/images/sel_arr.png') no-repeat 85% 50%;margin-right:10px;height:40px;}
.bo_sel::-ms-expand { display: none;}

.bo_txt,.bo_btn{display:inline-block;vertical-align:middle;}

.bo_txt{width:258px;border-left:1px solid #dddddd;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;height:40px;margin-right:-3px;border-right:0;}
.bo_btn{width:40px;height:40px;border-right:1px solid #dddddd;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;background:url('/images/board_find_icon.png') center no-repeat;background-color:#FFF;border-left:0;}

.board_box .mid{margin-top:25px;}
.board_box .mid table{width:100%;}
.board_box .mid table tr th{border-top:1px solid #666666;font-size:18px;color:#666666;padding:25px 0;border-bottom:1px solid #dddddd;font-weight:300;}
.board_box .mid table tr td{border-bottom:1px solid #dddddd;font-size:18px;color:#666666;padding:25px 0;}
.board_box .mid table tr td a{font-size: 18px; color: #666666;}
.board_box .mid table tr td:not(:nth-child(2)){text-align:center;width:170px;}
.board_box .mid table tr .tdok{color:#ffc000}

.btm{margin-top:40px;position: relative;}
.btm div{}
.btm .paging{width:100%;text-align:center;}
.btm .paging a,.btm .paging label{display:inline-block;}
.btm .paging a{font-weight:400;color:#666666;}
.btm .paging label{color:#cccccc;padding:0 20px;}
.btm .paging .sel{color:#ffc000}
.btm .paging .ql{margin-right:25px;}
.btm .paging .qll{margin-right:35px;}
.btm .paging .qr{margin-left:25px;}
.btm .paging .qrr{margin-left:35px;}

.btm .wbtn{position: absolute;top:0;right:0;width:140px;height:40px;line-height:40px;font-size:16px;font-weight:400;color:#0f0f0f;text-align:center;background-color:#ffc000;}
	/*board_box end*/

	/*bo_wr*/
.bo_wr{border-top:1px solid #666666;}
.bo_wr table{width:100%;}
.bo_wr table tr th{background-color:#f8f8f8;color:#666666;padding:25px 0;text-align:left;padding-left:20px;width:190px;border-bottom:1px solid #dfdfdf;}
.bo_wr table tr th label{padding-left:10px;background:url('/images/bo_wr_ch_icon.png') left top no-repeat;}
.bo_wr table tr td{padding:25px 30px;border-bottom:1px solid #dfdfdf;}
.bo_wr table tr .fr_bo{}
.bo_wr table tr td input[type="text"]{height:40px;border:1px solid #dfdfdf;}
.bo_wr table tr .tel label{color:#bbbbbb;padding:0 10px;}
.bo_wr table tr td textarea{width:100%;border:1px solid #dfdfdf;height:290px;}
.tit_txt{width:100%;}
.mid_txt{width:40%;}
.tel_txt{width:120px;}

.bo_wr_b_box{text-align:center;margin-top:25px;}
.bo_wr_b_box a,.bo_wr_b_box input{display:inline-block;width:140px;height:40px;color:#FFF;font-size:16px;font-weight:400;}
.bo_wr_b_box a{margin-right:10px;line-height:40px;background-color:#999999;}
.bo_wr_b_box input{background-color:#ffc000;}
	/*bo_wr end*/

	/*bo_view*/
.bo_view .bo_view_tit{background-color:#f8f8f8;color:#666666;font-size:18px;font-weight:400;padding:25px 40px;border-top:1px solid #666666;border-bottom:1px solid #dddddd;}
.bo_view .bo_view_info{padding:15px 40px;border-bottom:1px solid #dddddd;}
.bo_view .bo_view_info label{font-size:14px;color:#999999;}
.bo_view .bo_view_info .info_con{padding-right:10px;}
.bo_view .bo_view_info .info_con3{padding-left:20px;background:url('/images/file_icon.png') left no-repeat;color:#666666}
.bo_view .bo_view_info .info_line{padding:0 15px;}
.bo_view .bo_view_con{padding:40px;font-size:16px;color:#666666;min-height:190px;border-bottom:1px solid #dddddd;}
.bo_view .bo_view_re{padding:30px 40px;min-height:130px;border-bottom:1px solid #dddddd;}
.bo_view .bo_view_re .tit{padding-left:20px;background:url('/images/review_icon.png') left no-repeat;color:#ffc000;font-size:16px;}
.bo_view .bo_view_re .con{padding-left:20px;font-size:16px;color:#666666;}
.bo_view .bo_view_bt{text-align:right;margin-top:30px;display:block}
.bo_view .bo_view_bt a{display:block;width:140px;height:40px;line-height:40px;color:#0f0f0f;background-color:#ffc000;font-size:16px;font-weight:400;text-align:center;float:right;}
	/*bo_view end*/


/*login_box*/
.login_box{background-color:#fafafa;padding:40px 0;}
.login_box .login_r_box{width:560px;margin:0 auto;border:1px solid #eeeeee;background-color:#FFF;}
.login_box .login_r_box .top_tit{padding:20px 40px;font-size:20px;font-weight:400;color:#0f0f0f;border-bottom:1px solid #eeeeee;}
.login_box .login_r_box .login_c{padding:30px 30px 25px;}
.login_box .login_r_box .login_c input{width:100%;}
.login_box .login_r_box .login_c .login_txt{height:43px;border:1px solid #e0e0e0;padding:0 20px;}
.login_box .login_r_box .login_c .login_txt:first-child{margin-bottom:10px;}
.login_box .login_r_box .login_c .login_txt::-webkit-input-placeholder {font-size:16px;color:#666666;}
.login_box .login_r_box .login_c .login_txt:-ms-input-placeholder {font-size:16px;color:#666666;}
.login_box .login_r_box .login_c .login_txt::placeholder {font-size:16px;color:#666666;}
.login_btn{height:50px;margin-top:20px;background-color:#ffc000;color:#FFF;font-size:16px;font-weight:400;}

.login_box .login_an{width:100%;border-top:1px solid #999999;margin-top:20px;padding:20px 0;font-size:14px;color:#666666;text-align:center;}
.login_box .login_an span{font-size:14px;color:#00a5c6;}

/*login_box end*/


/*Q_A board*/
.qorhvk{width:1280px;margin:0 auto;height:290px;background:url('/images/qorhvk_bg.png')left bottom no-repeat;background-color:#ffc000;margin-top:65px;font-size:0;}
.qorhvk .left,.qorhvk .right{display:inline-block;width:50%;vertical-align:top;}
.qorhvk .left{text-align:right;}
.qorhvk .left .tit{font-size:40px;font-weight:500;padding-left:260px;color:#0f0f0f;padding-top:70px;}
.qorhvk .left .con{font-size:20px;padding-left:260px;color:#333;padding-top:25px;text-align: left;}
.qorhvk .right{padding-left:100px;}
.qorhvk .right .con{font-size:20px;color:#666;padding-bottom:10px;}
.qorhvk .right .con:nth-child(1){padding-top:60px;}
.mid_qna{margin-top:30px;}
.mid_qna table{width:100%;}
.mid_qna td{border-bottom: 1px solid #dddddd;}
.mid_qna table tr:first-child td{border-top:1px solid #666666;}
.mid_q {padding: 25px 0;padding-left:30px;}
.mid_q a{background:url('/images/board_qna_q.png')left no-repeat;padding-left:30px;font-size: 18px;color: #666666;}
.mid_a {display: none; padding: 25px 0;padding-left:50px;background-color:#f8f8f8;height:130px;vertical-align:top;}
.mid_a a{background:url('/images/board_qna_a.png')left no-repeat;padding-left:30px;font-size: 16px;color: #666666;}

/*Q_A board end*/

/*이용약관 및 개인정보취급방침*/
.terms-box {margin-top: 50px;}
.terms-box .terms_txt1 {font-size: 30px; font-weight: 500; color: #0f0f0f; text-align: center;}
.terms-box .terms_txt1:after {content: ""; display: block; width: 1px; height: 30px; margin: 20px auto; background-color: #9f9f9f;}
.terms-box .terms_txtbox {font-size: 16px; font-weight: 300; color: #666; white-space: pre;}

.terms_txt2{font-size: 20px; font-weight: 500; color: #0f0f0f;}
.terms_txt3{font-size: 18px; font-weight: 400; color: #0f0f0f;}
.parivacy-tb{border-top: 1px solid #c8c5c4;}
.terms-box .terms_txtbox .parivacy-tb th{font-size: 18px; font-weight: 500; color: #0f0f0f;}
.parivacy-tb td:last-child{border-right: 0;}
.reserve_privacy-contents{white-space: pre-wrap; overflow-y: scroll !important;}
.reserve_submit {width: 100%; height: 68px; background: #ffc000 url("/images/link_arrow02.png") no-repeat center right 60px; font-size: 16px; font-weight: 400; color: #0f0f0f; line-height: 68px; text-indent: -35px;}

.sub_reserve_submit{background: #ffc000 url(/images/link_arrow02.png) no-repeat center right 60px;}
.reserve_privacy-contents{overflow: scroll}


