@charset "utf-8";

/* LAYOUT */
body { -webkit-text-size-adjust: 100%; }
#wrap { overflow: hidden; margin: 0 auto; -webkit-overflow-scrolling : touch; }
#header { z-index: 20; position: fixed; min-width: 1200px; width: 100%; height: 100px; left: 0; top: 0; background-color: #f8f8f8; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition: all 0.3s ease; transition:all 0.3s ease; }
#container { overflow: hidden; min-width: 1200px; margin: 100px auto 0; }
#footer { overflow: hidden; position: relative; }


/* HEADER */
#header .certification_m { display: none; padding: 6px; background-color: #ededed; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #333; letter-spacing: 0; text-align: center; }
#header > .outer { position: relative; width: 1200px; margin: 0 auto; }
#header > .outer h1 { display: inline-block; vertical-align: middle; position:relative; margin: 0; padding: 0; line-height: 0; }
#header > .outer .certification { position:absolute; left:140px; top:33px; font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 24px; line-height: 34px; color: #666; letter-spacing: 0; text-align: center; }
#header > .outer .certification i { display:none; }

/* HEADER - GNB */
#header > .outer .gnb { position:relative; float:right; height:60px; right: 60px; top: 47px; }
#header > .outer .gnb ul { margin: 0; padding: 0; }
#header > .outer .gnb li { position: relative; list-style: none; float: left; margin: 0 0 0 50px; }
#header > .outer .gnb a,
#header > .outer .gnb a:hover { display: block; font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 18px; color: #666666; letter-spacing: 0; text-align: left; }
#header > .outer .gnb:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#header > .outer .gnb .smenu { display:none; position:absolute; width:180px; left:-10px; top:37px; padding:0 0 30px 0; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#252525; z-index:21; }
#header > .outer .gnb .smenu ul { margin:0; }
#header > .outer .gnb .smenu li { list-style:none; width:100%; height:30px; padding-left:0; background:none; }
#header > .outer .gnb .smenu li:first-child { height:20px; }
#header > .outer .gnb .smenu a { padding-left:16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#aaaaaa; font-size:12.5px; line-height:30px; font-weight:normal; display:block; }
#header > .outer .gnb .smenu a:hover { color:#252525; background-color:#dfdfdf; }
#header > .outer .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#bcbcbc; }

#header > .outer .member_icon { position: absolute; right: 0; top: 43px; line-height: 0; }


/* HEADER - GNB SUB MNEU */
#header .outer .gnb .smenu { display:none; position:absolute; width:200px; left:-10px; top:60px; padding:0 0 30px 0; border-left:2px solid #dedede; border-right:2px solid #dedede; border-bottom:2px solid #dedede; background-color:#ffffff; z-index:21; }
#header .outer .gnb .smenu ul { margin:0; }
#header .outer .gnb .smenu li { list-style:none; float:none; width:100%; height:30px; margin:0; padding-left:0; background:none; }
#header .outer .gnb .smenu li:first-child { height:20px; }
#header .outer .gnb .smenu a { padding-left:16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#383838; font-size:12.5px; line-height:30px; font-weight:normal; display:block; }
#header .outer .gnb .smenu a:hover { color:#000000; background-color:#dfdfdf; }
#header .outer .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#dfdfdf; }


/* 모바일버튼 */
#header > .outer .gnb_btn { position:absolute; top:28px; right:10px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; }
#header > .outer .gnb_btn .btn_nav { position:relative; width:26px; height:20px; cursor:pointer; }
#header > .outer .gnb_btn .btn_nav span { display:block; position:absolute; width:100%; height:3px; left:0; background:#333; -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out; }
#header > .outer .gnb_btn .btn_nav span.ico1 { top:0px; }
#header > .outer .gnb_btn .btn_nav span.ico2,
#header > .outer .gnb_btn .btn_nav span.ico3 { top:8px; }
#header > .outer .gnb_btn .btn_nav span.ico4 { top:16px; }
#header > .outer .gnb_btn .btn_nav.open span.ico1 { width:0%; left:50%; top:18px; }
#header > .outer .gnb_btn .btn_nav.open span.ico2 { width:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#header > .outer .gnb_btn .btn_nav.open span.ico3 { width:100%; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg); transform:rotate(-45deg); }
#header > .outer .gnb_btn .btn_nav.open span.ico4 { width:0%; top:18px; left:50%;}


/* 모바일 메뉴영역 */
.gnb_m_bg { position:fixed; overflow-y:auto; width:100%; height:100vh; left:0; top:0; background-color:rgba(0,0,0,0.6); -webkit-overflow-scrolling:touch; z-index:99999999; display:none; }
.gnb_m { position:fixed; overflow-y:auto; width:85%; height:100vh; left:-100%; top:0; margin-right:15%; background-color:#1153a1; opacity:0; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .head { height:55px; background-color:#fff; }

.gnb_m .head .member_thum { display: inline-block; vertical-align: middle; width: 35px; height: 35px; margin: 10px; line-height: 0; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
.gnb_m .head .member_thum img { width: 100%; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; }
.gnb_m .head .member_message { display: inline-block; vertical-align: middle; margin: 10px 20px 10px; font-family:'Noto Sans KR'; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }
.gnb_m .head .member_message ul { margin: 0; padding: 0; }
.gnb_m .head .member_message li { list-style: none; float: left; margin-left: 15px; }
.gnb_m .head .member_message li:first-child { margin-left: 0; }
.gnb_m .head .member_message:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
.gnb_m .head .member_message a,
.gnb_m .head .member_message a:hover { display: block; font-family:'Noto Sans KR'; color:#333; font-size:14px; line-height:35px; font-weight:400; letter-spacing:0; }

.gnb_m .head .gnb_btn_close { position:absolute; right:20px; top:16px; width:20px; cursor:pointer; }
.gnb_m .head .gnb_btn_close img { width:100%; }

.gnb_m .list { position:relative; margin-bottom:100px; -webkit-overflow-scrolling:touch; z-index:99999999; }
.gnb_m .list ul { margin:0; padding:0; }
.gnb_m .list li { position:relative; list-style:none; min-height:42px; border-bottom:1px solid #2068bc; cursor:pointer; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; }
.gnb_m .list .list_title { margin:0 0 0 30px; font-family:'Noto Sans KR'; color:#ffffff; font-size:12px; line-height:42px; font-weight:500; letter-spacing:1px; }

.gnb_m .list li.select { background-color:#2068bc; }
.gnb_m .list li.select .list_title { color:#fff; }
.gnb_m .list li.select .list_title span { color:#20aae3; }

.gnb_m .list .sub_list { background-color:#fff; display:none; }
.gnb_m .list .sub_list ul { margin:0; padding:0; }
.gnb_m .list .sub_list li { padding:0 0 0 30px; list-style:none; border-top:1px solid #ccc; border-bottom:none; font-family:'Noto Sans KR'; color:#666666; font-size:11px; line-height:42px; font-weight:500; letter-spacing:0; }
.gnb_m .list .sub_list a,
.gnb_m .list .sub_list a:hover { display: block; }
.gnb_m .list:after { content:""; clear:both; display:block; }


/* CONTAINER */
#container > .comparison { overflow: hidden; height: 590px; background: url("../images/main/comparison_bg.jpg?20230410") no-repeat center; }
#container > .comparison .outer { width: 55.8%; height: 460px; margin: 65px 0 0 44.2%; background-color: rgba(165, 1, 10, 0.9); }
#container > .comparison .outer .list { width: 707px; }
#container > .comparison .outer .list ul { margin: 0; padding: 0; }
#container > .comparison .outer .list li { overflow: hidden; position: relative; list-style: none; border-top: 1px solid rgba(255,255,255,0.5); cursor: pointer; }
#container > .comparison .outer .list li:first-child { border-top: none; }
#container > .comparison .outer .list h2 { margin: 57px 0 0 10%; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 32px; line-height: 32px; color: #fff; letter-spacing: 0; text-align: left; }
#container > .comparison .outer .list p { margin: 15px 0 0 10%; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 17px; line-height: 24px; color: #f9e4f3; letter-spacing: 0; text-align: left; }
#container > .comparison .outer .list .more { display: inline-block; margin: 30px 0 50px 10%; padding-bottom: 2px; border-bottom: 1px solid rgba(255,255,255,0.44); font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; color: #ffffff; letter-spacing: 0; text-align: left; }
#container > .comparison .outer .list .icon { position: absolute; right: 70px; top: 70px; }
#container > .comparison .outer .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* MAIN - BANNER */
#container > .banner { padding: 60px 0; background-color: #f7f7f7; }
#container > .banner .list { width: 1140px; margin: 0 auto }
#container > .banner .list ul { margin: 0; padding: 0; font-size: 0; text-align: center; }
#container > .banner .list li { display: inline-block; vertical-align:  middle; list-style: none; }
#container > .banner .list .icon { display: inline-block; vertical-align: middle; }
#container > .banner .list .icon_text { display: inline-block; vertical-align: middle; margin-left: 17px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 22px; color: #333333; letter-spacing: 0; text-align: left; }
#container > .banner .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* MAIN - service */
#container > .service { background-color: #f1ece6; }
#container > .service .outer { width: 1200px; margin: 0 auto; padding: 100px 0; font-size: 0; }
#container > .service .outer .counseling { display: inline-block; vertical-align: top; width: 700px; }
#container > .service .outer .counseling h2 { margin: 0 0 0 30px; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 34px; line-height: 34px; color: #000000; letter-spacing: 0; text-align: left; }
#container > .service .outer .counseling p { margin: 23px 0 0 30px; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 30px; color: #777777; letter-spacing: 0; text-align: left; }
#container > .service .outer .counseling p i { display: block; }
#container > .service .outer .counseling .form_box { margin: 45px 0 0; border: 1px solid #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .service .outer .counseling .form_box .inner { margin: 40px 40px 37px; }
#container > .service .outer .counseling .form_box .inner .list { font-size: 0; }
#container > .service .outer .counseling .form_box .inner .list .field { display: inline-block; vertical-align: middle; width: 77.6%; }
#container > .service .outer .counseling .form_box .inner .list .field ul { margin: 0; padding: 0; }
#container > .service .outer .counseling .form_box .inner .list .field li { list-style: none; height: 54px; margin-top: 10px; }
#container > .service .outer .counseling .form_box .inner .list .field li:first-child { margin-top: 0; }
#container > .service .outer .counseling .form_box .inner .list .field .input { width: 100%; height: 54px; padding: 0 20px; border: none; background-color: #f0f0f0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 54px; color: #555555; letter-spacing: 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#container > .service .outer .counseling .form_box .inner .list .field:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#container > .service .outer .counseling .form_box .inner .list .btn { display: inline-block; vertical-align: middle; width: 19%; height: 118px; margin-left: 3.4%; background-color: #a50120; }
#container > .service .outer .counseling .form_box .inner .list .btn a,
#container > .service .outer .counseling .form_box .inner .list .btn a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 118px; color: #ffffff; letter-spacing: 0; text-align: center; }
#container > .service .outer .counseling .form_box .inner .agree { margin: 16px 0 0; font-size: 0; }
#container > .service .outer .counseling .form_box .inner .agree span { display: inline-block; vertical-align: middle; font-size: 0; }
#container > .service .outer .counseling .form_box .inner .agree span.v1 { margin-left: 3px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: #666666; letter-spacing: 0; text-align: left; }
#container > .service .outer .counseling .form_box .inner .agree .btn_option { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; width: 80px; height: 20px; border: 1px solid #b5b5b5; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 20px; color: #444444; letter-spacing: 0; text-align: center; background-color: #cbcbcb; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor: pointer; }

#container > .service .outer .info { display: inline-block; vertical-align: top; width: 450px; margin-left: 50px; padding: 42px 30px; border: 1px solid #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container > .service .outer .info .info_list { }
#container > .service .outer .info .info_list ul { margin: 0; padding: 0; }
#container > .service .outer .info .info_list li { list-style: none; margin-top: 20px; line-height: 0; }
#container > .service .outer .info .info_list li:first-child { margin-top: 0; }
#container > .service .outer .info .info_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* MAIN - service */
#container > .family { width: 1200px; margin: 55px auto; overflow: hidden; }
#container > .family ul { width:3800px; margin: 0; padding: 0; }
#container > .family li { list-style: none; float: left; margin: 0 20px; }
#container > .family:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* FOOTER */
#footer > .outer { background-color: #222222; }
#footer > .outer .inner { overflow: hidden; position: relative; width: 1150px; margin: 0 auto; padding: 40px 0; }

#footer > .outer .inner .copyright { margin: 0; }
#footer > .outer .inner .copyright ul { margin: 0; padding: 0; font-size: 0; }
#footer > .outer .inner .copyright li { display: inline-block; vertical-align: middle; list-style: none; margin-right: 30px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 24px; color: #626262; letter-spacing: 0; text-align: left; }
#footer > .outer .inner .copyright li.v1{ display: block; clear: both; }
#footer > .outer .inner .copyright li.v2{ display: block; clear: both; height: 24px; }
#footer > .outer .inner .copyright:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 메인약관팝업 */
#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_agree { position:fixed; width:100%; height:100vh; left:0; top:0; -webkit-overflow-scrolling:touch; z-index:999999; display:table; display:none; }
#popup_agree .outer { display:table-cell; vertical-align:middle; }
#popup_agree .outer .inner { position:relative; width:700px; height:500px; margin:0 auto; background-color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#popup_agree .outer .inner .inner_box { overflow-y:auto; position:relative; height:500px; padding:15px; -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_agree .outer .inner .btn_close { position:absolute; right:-40px; top:4px; cursor:pointer; }


/* 팝업공통 */
#popup { position:fixed; 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; }
#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; }


/* 인증 */
#sms {}
#sms h3 { margin: 0; padding: 27px 0; background-color: #d03047; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 27px; line-height: 36px; color: #ffffff; letter-spacing: -1px; text-align: center; }
#sms > .sms_outer { padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#sms > .sms_outer .list {}
#sms > .sms_outer .list ul { margin: 0; padding: 0; }
#sms > .sms_outer .list li { display: block; list-style: none; margin-top: 14px; }
#sms > .sms_outer .list li:first-child { margin-top: 0; }
#sms > .sms_outer .list .input { width: 100%; height: 60px; padding: 0 20px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 60px; color: #777777; letter-spacing: -1px; text-align: left; border: 1px solid #d5d5d5; background-color: #f6f6f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#sms > .sms_outer .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#sms > .sms_outer .bnt_sms { width: 278px; height: 58px; margin: 20px auto 0; background-color: #014ea5; }
#sms > .sms_outer .bnt_sms a,
#sms > .sms_outer .bnt_sms a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 58px; color: #ffffff; letter-spacing: 0; text-align: center; }

#sms > .sms_outer .time { margin: 40px 0 10px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: bold; line-height: 16px; color: #777777; letter-spacing: 0; text-align: right; }

#sms > .sms_outer .agree_list { margin: 0 0 0; }
#sms > .sms_outer .agree_list ul { margin: 0; padding: 0; }
#sms > .sms_outer .agree_list li { list-style: none; margin-top: 6px; }
#sms > .sms_outer .agree_list li:first-child { margin-top: 0; }
#sms > .sms_outer .agree_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#sms > .sms_outer .agree_list .textarea { overflow-y: auto; margin: 10px 0 0; padding: 4px 10px; width: 100%; height: 200px; border: 1px solid #d5d5d5; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #777777; letter-spacing: 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none; outline: none; background-color: #f6f6f6; }
#sms > .sms_outer .agree_list .agree { margin: 16px 0 0; font-size: 0; }
#sms > .sms_outer .agree_list .agree span { display: inline-block; vertical-align: middle; font-size: 0; }
#sms > .sms_outer .agree_list .agree span.v1 { margin-left: 3px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: #666666; letter-spacing: 0; text-align: left; }
#sms > .sms_outer .agree_list .agree .btn_option { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; width: 80px; height: 20px; border: 1px solid #b5b5b5; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 12px; line-height: 20px; color: #444444; letter-spacing: 0; text-align: center; background-color: #cbcbcb; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor: pointer; }





/* SUB LAYOUT */
#sub_spot { position: relative; height: 250px; line-height: 0; }
#sub_spot img { display: none; width: 100%; }

#content { width: 1200px; min-height: 400px; margin: 50px auto 150px; }
#content h2 { position: relative; margin: 0 0 40px; padding: 0; font-family:'Noto Sans KR'; color:#111111; font-size:36px; line-height:36px; font-weight:500; letter-spacing:0; text-align: left; }
#content h2:after { content: ""; position: absolute; width: 60px; height: 2px; left: -75px; top: 19px; background-color: #444444; }


/* 시세조회 */
#loan {}
#loan .search { padding: 23px 0; background-color: #deeff9; font-size: 0; }
#loan .search .search_title { display: inline-block; vertical-align: middle; width: 303px; border-right: 1px solid #b1b1b1; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 28px; line-height: 40px; color: #000000; letter-spacing: -1px; text-align: center; }
#loan .search .search_field { display: inline-block; vertical-align: middle; width: 856px; margin-left: 40px; }
#loan .search .search_field ul { margin: 0; padding: 0; }
#loan .search .search_field li { list-style: none; float: left; width: 160px; margin-right: 10px; }
#loan .search .search_field li.btn_search { width: 136px; margin-right: 0; background-color: #014ea5; }
#loan .search .search_field li.btn_search a,
#loan .search .search_field li.btn_search a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 54px; color: #ffffff; letter-spacing: 0; text-align: center; }
#loan .search .search_field .select { width: 100%; height: 54px; padding: 0 0 0 20px; background-color: #fff; border: none; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 54px; color: #555555; letter-spacing: 0; text-align: left; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan .search .search_field .input { width: 100%; height: 54px; padding: 0 20px; background-color: #fff; border: none; font-family:'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 54px; color: #555555; letter-spacing: 0; text-align: left; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan .search .search_field:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#loan .molit { margin: 10px 0 0; padding: 26px 30px; background-color: #f6f6f6; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; letter-spacing: 0; text-align: left; border: 1px solid #d5d5d5; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan .molit .molit_btn { display: inline-block; vertical-align: middle; height: 34px; margin-left: 30px; background-color: #014ea5; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan .molit .molit_btn a,
#loan .molit .molit_btn a:hover { display: block; padding: 0 20px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 34px; color: #ffffff; letter-spacing: -1px; text-align: center; }

#loan .search_text { margin: 70px 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 28px; line-height: 28px; color: #000000; letter-spacing: -1px; text-align: center; }
#loan .search_list { margin: 25px 0 0; }
#loan .search_list { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan .search_list th { padding: 20px 0; font-family:'Noto Sans KR'; color:#333333; font-size:16px; line-height:16px; font-weight:500; letter-spacing:-0.5px; text-align: center; background-color: #f0f0f0; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan .search_list td { padding: 14px 20px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:24px; font-weight:300; letter-spacing:-0.5px; text-align: center; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan .search_list td.v1 { background-color: #fbfbfb; color: #000000; }
#loan .search_list td.v2 { width: 40%; }


/* 면적조회 */
#area {}
#area h3 { margin: 0; padding: 27px 0; background-color: #d03047; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 27px; line-height: 36px; color: #ffffff; letter-spacing: -1px; text-align: center; }
#area .area_outer { overflow-y: auto; max-height: 500px; padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#area .area_outer .name { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 30px; color: #000000; letter-spacing: 0; text-align: center; }
#area .area_outer .layer { margin: 14px auto 0; text-align: center; }
#area .area_outer .layer .select { position: relative; width:200px; height: 44px; padding: 0 5px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 42px; color: #555555; letter-spacing: 0; text-align: left; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }

#area .area_outer .list { margin: 25px 0 0; }
#area .area_outer .list ul { margin: 0; padding: 0; }
#area .area_outer .list li { position: relative; display: block; list-style: none; margin-top: 10px; padding: 24px 0 24px 20px; background-color: #fbfbfb; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#area .area_outer .list li:first-child { margin-top: 0; }
#area .area_outer .list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#area .area_outer .list .list_s { }
#area .area_outer .list .list_s ul { margin: 0; padding: 0; }
#area .area_outer .list .list_s li { list-style: none; float: left; width: 175px; margin: 0; padding: 0; border: none; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 20px; color: #555555; letter-spacing: -0.5px; text-align: left; }
#area .area_outer .list .list_s li strong { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 20px; color: #333333; letter-spacing: -0.5px; text-align: left; }
#area .area_outer .list .list_s li:first-child { margin-left: 0; }
#area .area_outer .list .list_s:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#area .area_outer .list .btn_select { position: absolute; width: 70px; height: 26px; right: 20px; top: 50%; margin-top: -13px; background-color: #014ea5; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#area .area_outer .list .btn_select a,
#area .area_outer .list .btn_select a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 26px; color: #ffffff; letter-spacing: 0; text-align: center; }


/* 대출입력 */
#loan > .insert_title { position: relative; padding: 0 0 0 52px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 68px; color: #000000; letter-spacing: 0; text-align: left; background-color: #deeff9; border: 1px solid #b7cfde; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan > .insert_title.v1 { margin-top: 80px; }
#loan > .insert_title:after { content: ""; position: absolute; width: 14px; height: 8px; left: 29px; top: 29px; background: url("../images/loan/dot.png") no-repeat; }
#loan > .insert_form { margin: 0; }
#loan > .insert_form ul { margin: 0; padding: 0; }
#loan > .insert_form li { list-style: none; float: left; width: 50%; padding: 10px 0; font-size: 0; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan > .insert_form li.v1 { width: 100%; }
#loan > .insert_form .form_title { position: relative; display: inline-block; vertical-align: middle; width: 200px; padding-left: 44px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 15px; line-height: 40px; color: #333333; letter-spacing: -0.5px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan > .insert_form .form_title:after { content: ""; position: absolute; width: 5px; height: 2px; left: 30px; top: 50%; margin-top: -1px; background-color: #000000; }
#loan > .insert_form .col { position: relative; display: inline-block; vertical-align: middle; width: 370px; }
#loan > .insert_form .col.v1 { width: auto; }
#loan > .insert_form .col.v2 { width: auto; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 28px; color: #666666; letter-spacing: -1px; text-align: left; }
#loan > .insert_form .input { position: relative; width: 100%; height: 40px; padding: 0 50px 0 15px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 40px; color: #666666; letter-spacing: 0; text-align: left; border: 1px solid #d5d5d5; background-color: #f6f6f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#loan > .insert_form .select { position: relative; width: 100%; height: 40px; padding: 0 50px 0 15px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 40px; color: #666666; letter-spacing: 0; text-align: left; border: 1px solid #d5d5d5; background-color: #f6f6f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#loan > .insert_form .option { position: absolute; right: 15px; top: 50%; margin-top: -20px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 40px; color: #666666; letter-spacing: 0; text-align: right; }
#loan > .insert_form .radio_list { }
#loan > .insert_form .radio_list ul { margin: 0; padding: 0; }
#loan > .insert_form .radio_list li { list-style: none; float: left; width: auto; margin-left: 20px; padding: 0; border: none; }
#loan > .insert_form .radio_list li:first-child { margin-left: 0; }
#loan > .insert_form .radio_list span { margin-left: 4px; padding: 0; border: none; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 40px; color: #666666; letter-spacing: -1px; text-align: left; }
#loan > .insert_form .radio_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#loan > .insert_form:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#loan > .insert_list { margin: 15px 30px 0; }
#loan > .insert_list ul { margin: 0; padding: 0; }
#loan > .insert_list li { list-style: none; margin: 0; padding: 0; border: none; }
#loan > .insert_list li:first-child { margin-left: 0; }
#loan > .insert_list span { margin-left: 4px; padding: 0; border: none; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 30px; color: #666666; letter-spacing: -1px; text-align: left; }
#loan > .insert_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#loan > .insert_table { margin: 15px 30px 0; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan > .insert_table.v1 { margin: 20px 30px 0; }
#loan > .insert_table th { padding: 20px 0; font-family:'Noto Sans KR'; color:#333333; font-size:16px; line-height:16px; font-weight:500; letter-spacing:-0.5px; text-align: center; background-color: #f0f0f0; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan > .insert_table td { position: relative; padding: 10px 20px; font-family:'Noto Sans KR'; color:#777777; font-size:15px; line-height:24px; font-weight:300; letter-spacing:-0.5px; text-align: center; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan > .insert_table td.v1 { background-color: #f1f8fc; }
#loan > .insert_table .input { position: relative; width: 100%; height: 40px; padding: 0 50px 0 15px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 40px; color: #666666; letter-spacing: 0; text-align: left; border: 1px solid #d5d5d5; background-color: #f6f6f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#loan > .insert_table .select { position: relative; width: 301px; height: 40px; padding: 0 50px 0 10px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 40px; color: #666666; letter-spacing: 0; text-align: left; border: 1px solid #d5d5d5; background-color: #f6f6f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#loan > .insert_table .option { position: absolute; right: 30px; top: 50%; margin-top: -20px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 40px; color: #666666; letter-spacing: 0; text-align: right; }
#loan > .insert_table .new_option { display: inline-block; vertical-align: middle; margin-left: 34px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 40px; color: #666666; letter-spacing: 0; text-align: right; }

#loan > .insert_option { margin: 15px 30px 0; font-size: 0; }
#loan > .insert_option span { display: inline-block; vertical-align: middle; }
#loan > .insert_option span.v1 { margin-left: 4px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 16px; color: #666666; letter-spacing: -1px; text-align: left; }

#loan > .btn_area { position: relative; }
#loan > .btn_area .btn_list { position: absolute; right: 50px; top: -20px; }
#loan > .btn_area .btn_list.v1 { right: 50px; top: 10px; }
#loan > .btn_area .btn_list ul { margin: 0; padding: 0; }
#loan > .btn_area .btn_list li { list-style: none; float: left; width: 80px; height: 24px; margin-left: 10px; border: 1px solid #b5b5b5; background-color: #cbcbcb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#loan > .btn_area .btn_list a,
#loan > .btn_area .btn_list a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 22px; color: #444444; letter-spacing: 0; text-align: center; }
#loan > .btn_area .btn_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}


/* 대출결과 */
#loan > .result_title { position: relative; margin-top: 60px; padding-left: 22px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 24px; color: #000000; letter-spacing: 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan > .result_title.v1 { margin-top: 80px; }
#loan > .result_title:after { content: ""; position: absolute; width: 14px; height: 8px; left: 0; top: 50%; margin-top: -4px; background: url("../images/loan/dot.png")no-repeat; }

#loan > .result_list { margin: 20px 0 0; }
#loan > .result_list ul { margin: 0; padding: 0; }
#loan > .result_list li { list-style: none; float: left; width: 580px; min-height: 310px; margin: 0 40px 20px 0; border: 1px solid #d5d5d5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan > .result_list li:nth-child(2n) { margin: 0 0 20px 0; }
#loan > .result_list:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}

#loan > .result_list .result_head { padding: 20px 0; font-size: 0; border-bottom: 1px solid #f0f0f0; }
#loan > .result_list .result_head .logo { display: inline-block; vertical-align: middle; width: 100px; line-height: 0; text-align: center; }

#loan > .result_list .result_head .title_area { display: inline-block; vertical-align: middle; width: 450px; margin: 0; }
#loan > .result_list .result_head .title_area .business_name { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #555; letter-spacing: 0; text-align: left; }
#loan > .result_list .result_head .title_area .product_name { margin: 0 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 28px; color: #333333; letter-spacing: 0; text-align: left; }
#loan > .result_list p { margin: 20px 30px 0 30px; padding: 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 24px; color: #555555; letter-spacing: -0.5px; text-align: left; }
#loan > .result_list p strong { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 24px; color: #0059ab; letter-spacing: -0.5px; text-align: left; }
#loan > .result_list .btn_option { margin: 15px 30px 0; }
#loan > .result_list .btn_option ul { margin: 0; padding: 0; }
#loan > .result_list .btn_option li { list-style: none; float: left; width: auto; min-height: 24px; margin: 0 0 0 5px; padding: 0 20px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 12px; line-height: 22px; color: #444444; letter-spacing: 0; text-align: center; background-color: #cbcbcb; border: 1px solid #cbcbcb; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#loan > .result_list .btn_option li:first-child { margin-left: 0; }
#loan > .result_list .btn_option:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#loan > .result_list .btn_insert { width: 136px; height: 44px; margin: 20px 30px 0; background-color: #014ea5; }
#loan > .result_list .btn_insert a,
#loan > .result_list .btn_insert a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 44px; color: #ffffff; letter-spacing: 0; text-align: center; }

#loan > .option_info { margin: 0 0 0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 22px; color: #fa0404; letter-spacing: -0.5px; text-align: left; }


/* 접수완료 */
#loan > .completion { width: 614px; margin: 110px auto 0; background-color: #f6f6f6; border: 1px solid #d5d5d5; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#loan > .completion .icon { margin: 56px auto 0; text-align: center; line-height: 0; }
#loan > .completion .message { margin-top: 30px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 28px; line-height: 42px; color: #000000; letter-spacing: 0; text-align: center; }
#loan > .completion .btn_main { width: 318px; height: 58px; margin: 24px auto 50px; background-color: #014ea5; }
#loan > .completion .btn_main a,
#loan > .completion .btn_main a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 58px; color: #ffffff; letter-spacing: 0; text-align: center; }

#loan > .btn_save { width: 200px; height: 58px; margin: 50px auto 0; background-color: #014ea5; }
#loan > .btn_save a,
#loan > .btn_save a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 58px; color: #ffffff; letter-spacing: 0; text-align: center; }


/* 간편상담 */
#counseling_btn { position: fixed; width: 80px; height: 80px; padding-top: 16px; right: 30px; bottom: 30px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #ffffff; letter-spacing: 0; text-align: center; background-color: #a50169; border: 2px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; cursor: pointer; }

#counseling { }
#counseling .form_box { margin: 0 0 0; border: 1px solid #e5e5e5; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#counseling .form_box .inner { margin: 40px; }
#counseling .form_box .inner .list { font-size: 0; }
#counseling .form_box .inner .list .field { display: inline-block; vertical-align: middle; width: 77.6%; }
#counseling .form_box .inner .list .field ul { margin: 0; padding: 0; }
#counseling .form_box .inner .list .field li { list-style: none; height: 54px; margin-top: 10px; }
#counseling .form_box .inner .list .field li:first-child { margin-top: 0; }
#counseling .form_box .inner .list .field .input { width: 100%; height: 54px; padding: 0 20px; border: none; background-color: #f0f0f0; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 54px; color: #555555; letter-spacing: 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
#counseling .form_box .inner .list .field:after { content:""; display:block; clear:both; /* height:0; visibility:hidden; */}
#counseling .form_box .inner .list .btn { display: inline-block; vertical-align: middle; width: 19%; height: 118px; margin-left: 3.4%; background-color: #014ea5; }
#counseling .form_box .inner .list .btn a,
#counseling .form_box .inner .list .btn a:hover { display: block; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; font-size: 18px; line-height: 118px; color: #ffffff; letter-spacing: 0; text-align: center; }

#counseling .form_box .inner .textarea { overflow-y: auto; margin: 10px 0 0; padding: 4px 10px; width: 100%; height: 60px; border: 1px solid #d5d5d5; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #777777; letter-spacing: 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none; outline: none; background-color: #f6f6f6; }

#counseling .form_box .inner .agree { margin: 6px 0 0; font-size: 0; }
#counseling .form_box .inner .agree span { display: inline-block; vertical-align: middle; font-size: 0; }
#counseling .form_box .inner .agree span.v1 { margin-left: 3px; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: #666666; letter-spacing: 0; text-align: left; }


/* KAKAO PLUS */
#kakao_plus { position:fixed; width:120px; right:30px; bottom:30px; line-height:0; }
#kakao_plus img { width:100%; }

@media screen and (max-width:480px) {

	/* LAYOUT */
	#wrap { min-width: 320px; }
	#header { min-width: 320px; height: 76px; }
	#container { min-width: 320px; margin: 76px auto 0; }


	/* HEADER */
	#header .certification_m { display: block; }
	#header > .outer { width: auto; }
	#header > .outer h1 img { height: 76px; margin-left: 0; }
	#header > .outer .certification { left:115px; top:19px; font-size: 18px; line-height: 24px; letter-spacing: -1px; text-align:left; }
	#header > .outer .certification i { display:block; }


	/* HEADER - GNB */
	#header > .outer .gnb { display: none; }
	#header > .outer .gnb_btn { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; visibility: visible; }

	#header > .outer .member_icon { display: none; }


	/* CONTAINER */
	#container > .comparison { height: auto; background-size: cover; }
	#container > .comparison .outer { width: auto; height: auto; margin: 40px 5%; }
	#container > .comparison .outer .list { width: auto; }
	#container > .comparison .outer .list h2 { margin: 35px 0 0 8%; font-size: 24px; line-height: 24px; }
	#container > .comparison .outer .list p { margin: 15px 0 0 8%; font-size: 15px; }
	#container > .comparison .outer .list .more { margin: 20px 0 35px 8%; font-size: 12px; }
	#container > .comparison .outer .list .icon { position: absolute; width: 18%; right: 30px; top: auto; bottom: 10px; }
	#container > .comparison .outer .list .icon img { width: 100%; }


	/* MAIN - BANNER */
	#container > .banner { padding: 30px 10%; }
	#container > .banner .list { width: auto; }
	#container > .banner .list .icon { display: block; }
	#container > .banner .list .icon_text { display: block; margin: 10px 0 0; text-align: center; }


	/* MAIN - service */
	#container > .service .outer { width: auto; padding: 50px 0; }
	#container > .service .outer .counseling { display: block; width: auto; margin: 0 3%; }
	#container > .service .outer .counseling h2 { margin: 0 3%; font-size: 24px; line-height: 34px; letter-spacing: -1px; }
	#container > .service .outer .counseling p { margin: 10px 3% 0; font-size: 15px; line-height: 25px; }
	#container > .service .outer .counseling p i { display: none; }
	#container > .service .outer .counseling .form_box { margin: 25px 0 0; }
	#container > .service .outer .counseling .form_box .inner { margin: 30px 5% 30px; }
	#container > .service .outer .counseling .form_box .inner .list .field { width: 64%; }
	#container > .service .outer .counseling .form_box .inner .list .field li { height: 44px; margin-top: 6px; }
	#container > .service .outer .counseling .form_box .inner .list .field .input { height: 44px; padding: 0 10px; font-size: 15px; line-height: 44px; }
	#container > .service .outer .counseling .form_box .inner .list .btn { width: 33%; height: 94px; margin-left: 3%; }
	#container > .service .outer .counseling .form_box .inner .list .btn a,
	#container > .service .outer .counseling .form_box .inner .list .btn a:hover { font-size: 16px; line-height: 94px; }
	#container > .service .outer .counseling .form_box .inner .agree { margin: 16px 0 0; font-size: 0; }

	#container > .service .outer .info { display: block; width: auto; margin: 20px 3% 0; padding: 30px 5%; }
	#container > .service .outer .info .info_list li { margin-top: 10px; }
	#container > .service .outer .info .info_list li img { width: 100%; }


	/* MAIN - service */
	#container > .family { width: auto; margin: 20px auto; }
	#container > .family li img { height: 36px; }


	/* FOOTER */
	#footer > .outer .inner { width: auto; margin: 0 5%; }

	#footer > .outer .inner .copyright li { display: block; }


	/* 메인약관팝업 */
	#popup_agree .outer .inner { width:auto; height:88vh; margin:30px; }
	#popup_agree .outer .inner .inner_box { height:88vh; }
	#popup_agree .outer .inner .btn_close { width:100%; height:40px; left:0; right:0; top:88vh; margin-top:-50px; background-color:#999; text-align:center; cursor:pointer; }
	#popup_agree .outer .inner .btn_close img { width:16px; margin-top:10px; }


	/* 팝업공통 */
	#popup > .outer { vertical-align: top; }
	#popup > .outer > .inner { width:auto; height:auto; margin:10px; }
	#popup > .outer > .inner > .inner_box { height:80vh; }
	#popup > .outer > .inner > .btn_close { position: relative; width:100%; height:40px; left:auto; right:auto; top:auto; margin:0; background-color:#999; text-align:center; cursor:pointer; }
	#popup > .outer > .inner > .btn_close img { width:16px; margin-top:10px; }


	/* 인증 */
	#sms h3 { padding: 20px 0; font-size: 20px; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#sms > .sms_outer { padding: 30px 5%; }
	#sms > .sms_outer .list li { margin-top: 6px; }
	#sms > .sms_outer .list .input { height: 44px; padding: 0 10px; font-size: 16px; line-height: 44px; }

	#sms > .sms_outer .bnt_sms { width: auto; height: 50px; margin: 20px 5% 0; }
	#sms > .sms_outer .bnt_sms a,
	#sms > .sms_outer .bnt_sms a:hover { font-size: 16px; line-height: 50px; }

	#sms > .sms_outer .time { margin: 40px 0 10px; }


	/* SUB LAYOUT */
	#sub_spot { height: auto; }
	#sub_spot img { display: block; }

	#content { width: auto; margin: 50px 3.125% 100px; }
	#content h2 { margin: 0 0 30px; font-size:26px; line-height:26px; letter-spacing:-1px; }
	#content h2:after { display: none; }


	/* 시세조회 */
	#loan .search { padding: 25px 5%; }
	#loan .search .search_title { display: block; width: auto; border-right: none; font-size: 24px; line-height: 24px; }
	#loan .search .search_field { display: block; width: auto; margin: 20px 0 0; }
	#loan .search .search_field li { width: 48%; margin: 0 1% 6px; }
	#loan .search .search_field li.btn_search { width: 98%; margin: 10px 1% 0; }
	#loan .search .search_field li.btn_search a,
	#loan .search .search_field li.btn_search a:hover { line-height: 44px; }
	#loan .search .search_field .select { height: 40px; padding: 0 0 0 10px; line-height: 40px; }
	#loan .search .search_field .input { height: 40px; padding: 0 10px; line-height: 40px; }

	#loan .molit { margin: 10px 0 0; padding: 25px 5%; font-size: 18px; line-height: 24px; text-align: center; }
	#loan .molit .molit_btn { display: block; margin: 15px 0 0; }
	#loan .molit .molit_btn a,
	#loan .molit .molit_btn a:hover { padding: 0 30px; }

	#loan .search_text { margin: 50px 0 0; font-size: 20px; line-height: 28px; }
	#loan .search_list { margin: 20px 0 0; }
	#loan .search_list th { padding: 18px 0; font-size:15px; line-height:18px; }
	#loan .search_list td { padding: 10px 5px; font-size:14px; line-height:20px; }


	/* 면적조회 */
	#area h3 { padding: 20px 0; font-size: 20px; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#area > .area_outer { max-height: 400px; padding: 30px 5%; }
	#area > .area_outer .layer { margin: 10px auto 0; }
	#area > .area_outer .layer .select { width:100%; }

	#area > .area_outer .name { font-size: 18px; line-height: 28px; letter-spacing: -1px; }
	#area > .area_outer .list { margin: 20px 0 0; }
	#area > .area_outer .list li { margin-top: 6px; padding: 20px 0 20px 5%; }
	#area > .area_outer .list .list_s li { float: none; width: auto; }
	#area > .area_outer .list .btn_select { right: 15px; }


	/* 대출입력 */
	#loan > .insert_title { padding: 0 0 0 34px; font-size: 18px; line-height: 46px; }
	#loan > .insert_title.v1 { margin-top: 60px; }
	#loan > .insert_title:after { left: 12px; top: 19px; }
	#loan > .insert_form li { float: none; width: auto; padding-bottom: 20px; }
	#loan > .insert_form li.v1 { width: auto; }
	#loan > .insert_form .form_title { display: block; width: auto; margin: 0 3%; padding-left: 15px; }
	#loan > .insert_form .form_title:after { left: 2px; }
	#loan > .insert_form .col { display: block; width: auto; margin: 0 3%; }
	#loan > .insert_form .col.v2 { margin: 0 3%; }
	#loan > .insert_form .input { position: relative; width: 100%; height: 36px; padding: 0 50px 0 10px; line-height: 36px; }
	#loan > .insert_form .select { position: relative; width: 100%; height: 36px; padding: 0 50px 0 10px; line-height: 36px; }
	#loan > .insert_form .option { margin-top: -18px; line-height: 36px; }
	#loan > .insert_form .radio_list li { margin: 0 20px 0 0; }
	#loan > .insert_form .radio_list span { line-height: 28px; }

	#loan > .insert_list { margin: 15px 3% 0; }

	#loan > .insert_table { margin: 15px 0 0; }
	#loan > .insert_table.v1 { margin: 20px 0 0; }
	#loan > .insert_table th { padding: 5px 0; font-size:15px; }
	#loan > .insert_table td { padding: 10px 5px; }
	#loan > .insert_table .input { height: 36px; padding: 0 30px 0 5px; line-height: 36px; }
	#loan > .insert_table .select { width: auto; height: 36px; padding: 0 50px 0 10px; line-height: 36px; }
	#loan > .insert_table .option { right: 10px; margin-top: -18px; line-height: 36px; }
	#loan > .insert_table .new_option { margin-left: 10px; line-height: 36px; }

	#loan > .insert_option { margin: 10px 0 0; font-size: 0; }

	#loan > .btn_area .btn_list { right: 0; top: -20px; }
	#loan > .btn_area .btn_list.v1 { right: 0; top: 10px; }
	#loan > .btn_area .btn_list li { width: 70px; margin-left: 5px; }


	/* 대출결과 */
	#loan > .result_title { margin-top: 40px; padding-left: 22px; font-size: 20px; line-height: 20px; }
	#loan > .result_title.v1 { margin-top: 60px; }

	#loan > .result_list li { float: none; width: auto; min-height: 100px; margin: 0 0 15px 0; }
	#loan > .result_list li:nth-child(2n) { margin: 0 0 15px 0; }

	#loan > .result_list .result_head { padding: 10px 0; }
	#loan > .result_list .result_head .logo { width: 30%; }
	#loan > .result_list .result_head .logo img { width: 60%; }

	#loan > .result_list .result_head .title_area { width: 70%; }
	#loan > .result_list .result_head .title_area .business_name { font-size: 14px; line-height: 20px; }
	#loan > .result_list .result_head .title_area .product_name { font-size: 16px; line-height: 28px; }

	#loan > .result_list p { margin: 14px 5% 0 5%; }
	#loan > .result_list .btn_option { margin: 15px 5% 0; }
	#loan > .result_list .btn_option li { margin: 0 5px 5px 0; padding: 0 10px; }
	#loan > .result_list .btn_insert { width: 136px; height: 36px; margin: 6px 5% 20px; }
	#loan > .result_list .btn_insert a,
	#loan > .result_list .btn_insert a:hover { font-size: 15px; line-height: 36px; }

	#loan > .option_info { font-size: 14px; letter-spacing: -1px; }


	/* 접수완료 */
	#loan > .completion { width: auto; margin: 30px auto 0; }
	#loan > .completion .icon { margin: 40px auto 0; }
	#loan > .completion .icon img { height: 70px; }
	#loan > .completion .message { margin-top: 20px; font-size: 22px; line-height: 32px; }
	#loan > .completion .btn_main { width: auto; height: 40px; margin: 24px 5% 40px; }
	#loan > .completion .btn_main a,
	#loan > .completion .btn_main a:hover { font-size: 16px; line-height: 40px; }

	#loan > .btn_save { width: auto; height: 40px; margin: 60px auto 0; }
	#loan > .btn_save a,
	#loan > .btn_save a:hover { font-size: 16px; line-height: 40px; }


	/* 간편상담 */
	#counseling_btn { width: 70px; height: 70px; padding-top: 13px; right: 30px; bottom: 20px; }

	#counseling .form_box { margin: 0; }
	#counseling .form_box .inner { margin: 30px 5% 30px; }
	#counseling .form_box .inner .list .field { width: 64%; }
	#counseling .form_box .inner .list .field li { height: 44px; margin-top: 6px; }
	#counseling .form_box .inner .list .field .input { height: 44px; padding: 0 10px; font-size: 15px; line-height: 44px; }
	#counseling .form_box .inner .list .btn { width: 33%; height: 94px; margin-left: 3%; background-color: #014ea5; }
	#counseling .form_box .inner .list .btn a,
	#counseling .form_box .inner .list .btn a:hover { font-size: 16px; line-height: 94px; }
	#counseling .form_box .inner .textarea { margin: 10px 0 0; padding: 5px; height: 70px; font-size: 14px; }
	#counseling .form_box .inner .agree { margin: 5px 0 0; font-size: 0; }


    /* KAKAO PLUS */
    #kakao_plus { width:80px; right:20px; bottom:20px; }
    #kakao_plus img { width:100%; }

}