@charset "utf-8";

/* 팝업 */
#popup_bg { position:fixed; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); z-index:999999; /*display:none;*/ }
#popup { position:relative; width:100%; height:100vh; left:0; top:0; -webkit-overflow-scrolling:touch; z-index:999999; display:table; /*display:none;*/ }
#popup .outer { display:table-cell; vertical-align:middle; }
#popup .outer .inner { position:relative; width:600px; margin:0 auto; background-color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#popup .outer .inner .inner_box { overflow-y:auto; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:0 0 20px #555; -webkit-box-show:0 0 20px #555; box-shadow:0 0 20px #555; }
#popup .outer .inner .btn_close { position:absolute; right:-40px; top:4px; cursor:pointer; }

#guide {}
#guide .guide_title { background-color: #f4f4f4; border-bottom: 1px solid #dddddd; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 26px; line-height: 70px; color: #183da7; letter-spacing: -1px; text-align: center; -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; }
#guide .guide_title.v1 { padding-top: 28px; font-size: 26px; line-height: 26px; }
#guide .guide_title .title_info { margin-top: 10px; padding-bottom: 28px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #777777; letter-spacing: -1px; text-align: center; }
#guide .guide_process { margin: 10px 0 0; line-height: 0; }

#guide .guide_subject { position: relative; margin: 50px 50px 0 27px; padding-left: 23px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 20px; color: #183da7; letter-spacing: -1px; text-align: left; background: url("../images/inc/dot.png") no-repeat left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#guide .guide_list { margin: 10px 50px 0; }
#guide .guide_list.v1 { margin: 35px 50px 0; }
#guide .guide_list ul { margin: 0; padding: 0; }
#guide .guide_list li { list-style: none; margin-top: 10px; font-size: 0; }
#guide .guide_list li:first-child { margin-top: 0; }
#guide .guide_list .list_subject { position: relative; display: inline-block; vertical-align: top; width: 116px; padding-left: 13px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 44px; color: #333333; letter-spacing: -1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#guide .guide_list .list_subject:after { content: ""; position: absolute; width: 5px; height: 2px; left: 0; top: 22px; background-color: #666666; }
#guide .guide_list .list_field { display: inline-block; vertical-align: top; width: 384px; font-size: 0; }
#guide .guide_list .input { width: 100%; height: 44px; padding-left: 15px; border: 1px solid #dddddd; background-color: #fafafa; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 42px; color: #999999; letter-spacing: -1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#guide .guide_list .select { width: 100%; height: 44px; padding-left: 10px; border: 1px solid #dddddd; background-color: #fafafa; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 42px; color: #999999; letter-spacing: -1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#guide .guide_list .textarea { width: 100%; height: 100px; padding: 10px; border: 1px solid #dddddd; background-color: #fafafa; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 30px; color: #999999; letter-spacing: -1px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#guide .guide_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#guide .guide_list .list_field .field_col { display: inline-block; vertical-align: middle; width: 189px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 32px; color: #333333; letter-spacing: -1px; text-align: center; }
#guide .guide_list .list_field .field_col.v1 { margin-left: 6px; }

#guide .guide_list .list_field .radio { margin: 5px 0 0; }
#guide .guide_list .list_field .radio ul { margin:0; padding:0; }
#guide .guide_list .list_field .radio li { list-style:none; float:left; margin: 0 15px 0 0; }
#guide .guide_list .list_field .radio:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#guide .guide_list .list_field .radio span { display:inline-block; vertical-align:middle; }
#guide .guide_list .list_field .radio span.v1 { margin-left:3px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 32px; color: #333333; letter-spacing: -1px; text-align: left; }


#guide .guide_price { margin: 10px 50px 0; background-color: #0078d4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 44px; color: #ffffff; letter-spacing: -1px; text-align: center; }
#guide .guide_price strong { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; line-height: 44px; color: #ffffff; letter-spacing: -1px; }
#guide .guide_price_info { margin: 5px 50px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 28px; color: #e51c12; letter-spacing: -1px; text-align: left; }

#guide .rent { margin: 10px 0 0 116px; background-color: #989898; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#guide .rent a,
#guide .rent a:hover { display:block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 44px; color: #ffffff; letter-spacing: -1px; text-align: center; }


#guide .guide_subject .pay { position: absolute; left: 138px; top: 0; }
#guide .guide_subject .pay ul { margin: 0; padding: 0; }
#guide .guide_subject .pay li { list-style: none; float: left; margin-right: 20px; font-size: 0; }
#guide .guide_subject .pay span { display: inline-block; vertical-align: middle; }
#guide .guide_subject .pay span.v1 { margin-left: 4px; margin-top: -5px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 15px; color: #333333; letter-spacing: -1px; text-align: left; }
#guide .guide_subject .pay:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#guide .guide_agree { position: relative; margin: 40px 20px 0; padding: 15px 0 0; border-top: 1px solid #d0d0d0; }
#guide .guide_agree ul { margin:0; padding:0; }
#guide .guide_agree li { position:relative; list-style:none; margin-bottom:10px; }
#guide .guide_agree:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#guide .guide_agree span { display: inline-block; vertical-align: middle; margin-left: 5px; }
#guide .guide_agree span.v1 { font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 15px; color: #777777; letter-spacing: -1px; text-align: left; }
#guide .guide_agree .agree_btn { position: absolute; width: 90px; height: 27px; right: 10px; top: 5px; background-color: #989898; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#guide .guide_agree .agree_btn a,
#guide .guide_agree .agree_btn a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 27px; color: #ffffff; letter-spacing: -1px; text-align: center; }

#guide .guide_btn { width: 294px; height: 50px; margin: 30px auto 45px; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; background-color: #0159ca; }
#guide .guide_btn a,
#guide .guide_btn a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 50px; color: #ffffff; letter-spacing: -1px; text-align: center; }

#guide .result { padding: 35px 40px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #555555; letter-spacing: -1px; text-align: left; background-color: #f7f7f7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#guide .result strong { display: block; margin-bottom: 15px; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 26px; line-height: 26px; color: #034c87; letter-spacing: -1px; text-align: left; }

#guide .guide_table {}
#guide .guide_table.v1 { margin-top: 20px; }
#guide .guide_table th { padding: 12px 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 15px; color: #ffffff; letter-spacing: -1px; text-align: center; background: url("../images/inc/th_bg.png") no-repeat left; background-color: #949494; }
#guide .guide_table th:first-child { background-image: none; }
#guide .guide_table td { padding: 12px 0; border-bottom: 1px solid #c2c2c2; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 15px; line-height: 15px; color: #555555; letter-spacing: -1px; text-align: center; }
#guide .guide_table td.v1 { color: #0159ca; }
#guide .guide_table .btn_esc { width: 70px; height: 27px; margin: 6px auto 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color: #989898; }
#guide .guide_table .btn_esc a,
#guide .guide_table .btn_esc a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 27px; color: #ffffff; letter-spacing: -1px; text-align: center; }

#guide .guide_customer { margin: 15px 20px 30px; padding: 25px 0; font-size: 0; text-align: center; background-color: #8ce3ed; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#guide .guide_customer .text { display: inline-block; vertical-align: middle; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 400; font-size: 26px; line-height: 28px; color: #000000; letter-spacing: -1px; text-align: center; }
#guide .guide_customer .text span { margin-left: 10px; font-family: NanumSquare; font-style: normal; font-weight: 700; font-size: 28px; line-height: 28px; color: #000000; letter-spacing: -1px; text-align: left; }
#guide .guide_customer .info { margin: 6px 0 0; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 20px; color: #000000; letter-spacing: -1px; text-align: center; }