﻿

/* Common **********************************************************************/ 
html,body {width:100%;}
body {min-width:1400px;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body {background:#fff;}
body,th,td,input,select,textarea,button {font-size:15px; line-height:1.7; font-family: 'Noto Sans KR'; color:#666;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#aaa; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:underline;}
 
a:focus{
outline:2px solid #000;
}
input:focus{
outline:2px solid #000;
}
button:focus{
outline:2px solid #000;
}
select:focus{
outline:2px solid #000;
}
input[type="radio"]:focus{
outline:2px solid #000;
}
input[type="checkbox"]:focus{
outline:2px solid #000;
}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* ---- 본문 바로가기 -----*/
 .skip a{
    position: absolute;
    background: rgba(0,0,0,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
    width: 100%;
    height: 30px;
    text-align: center;
    color: #fff;
    z-index: 100;
    line-height: 30px;
    top: -30px;
    opacity: 0;
}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/*멤버스킨*/
.title{font-size:15px; font-weight:bold;}

/*테이블*/
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:1px solid #e2e2e5; }
.tbl_type th{padding:10px 0 10px 0;border-top:2px solid #383d4a; font-weight:bold; border-bottom:1px solid #e2e2e5;}
.tbl_type p{font-size:11px; color:#b6b7bc;}
.tbl_type td{padding:7px 0 7px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-bottom:none; border-top:none; line-height:18px;}

.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%;border-bottom:1px solid #e7e7e7; }
.tbl_type2 th{padding:10px 0 10px 0; background:#f9f9f9; text-align:center;}
.tbl_type2 p{font-size:11px; color:#b6b7bc;}
.tbl_type2 td{padding:10px 0 10px 10px; border-bottom:none; border-top:none; line-height:18px;}


/*로그인스킨*/
.login_wrap{position:relative; margin:0 auto; text-align:center;overflow:hidden;}
.login_id{line-height: 30px; display: inline-block; height:30px; font-size:14px;  color:#fff; margin-right:10px; }
.login_pw{line-height: 30px; display: inline-block; height:30px; font-size:14px; color:#fff;}
.login_non{line-height: 30px; display: inline-block; height:30px; font-size:14px; color:#fff; margin-right: 10px; }
.login_non:nth-child(3){margin-right: 0;}
.login_btn{width:90px; display: inline-block;  height:30px; font-size:14px;  color:#000; background-color:#d9bf8c; border:none; vertical-align: top; font-weight:500;}
.num_txt{width:100px; float:left;height:20px; font-size:13px; font-weight:bold; color:#fff;}
.font_color{color:#1a386a; font-weight:bold;}
.join_btn{text-decoration: underline;   padding: 0 10px; height: 35px; line-height: 33px; color: #d9bf8c; font-size: 13px; cursor: pointer; display: inline-block; text-align: center;}


/*회원가입 스킨*/
.inWrap {width:98%;  border-width:1px 0; padding:30px 0;}
.inWrap.type1 { padding:50px 0;}
.inWrap.type2 { padding:0;}
.inWrap.type3 { padding:5px 0; border-bottom-width:0;}
.inWrap.width1 { width:680px !important; margin:0 auto;}
.tbox1 { border:1px solid #cdcdcd; }
.tbox1 .boxTit { padding:20px 20px 10px; color:#fff; font-weight:700; font-size:16px;}
.tbox1 .txt_scroll { height:200px; padding:0 20px; overflow-y:auto;}
.txt_type { line-height:25px; font-size:13px; color:#d9d9d9;}
.agreement input{vertical-align:sub; border:none; color:#fff;}
.agreement label{color:#fff; font-size:13px;}
.btnType { display:inline-block; position:relative; transition:all 0.3s;}
.btnType.btn1 { height:30px; line-height:28px; padding:0 45px; font-size:13px;}
.btnType.btn1.color2 {border:1px solid #d9bf8c; background:#d9bf8c; cursor:pointer; }
.btnWrap input{color:#000; font-weight:500;}


.center{text-align:center;}


/* eiagis */
#wrap {position: relative; width:100%; height:100%; overflow:hidden; min-height:500px; margin:0 auto;}
header {position:relative; width:100%; height:70px; border-bottom:1px solid #ddd; background:#f5f6f8; margin-bottom:44px;}
h1 {position: absolute; top:10px; left:19px;}
h1 a {display:block; width:100%; height:100%;}

nav {position: absolute; bottom:0; left:50%; transform:translateX(-50%); width:62.5%; display:flex; justify-content:center;}
.gnb2 > li {float: left; position: relative; width:25%; height:54px; border:1px solid #ddd; border-bottom:none; border-right:none;}
.gnb2 > li:last-child {border-right:1px solid #ddd;}
.gnb2 > li > a {display:block; font-size:16px; width:100%; height:100%; color:#555; line-height:53px; font-weight:400; /* padding-left:34px; */
background:#fff; text-align: center;}
/* .gnb2 > li:nth-child(2) > a {padding-left:49px; background:#fff url('../images/sub/pop_gnb2.png') 57px center no-repeat;}
.gnb2 > li:nth-child(3) > a {padding-left:50px; background:#fff url('../images/sub/pop_gnb3.png') 53px center no-repeat;}
.gnb2 > li:last-child > a {padding-left:42px; background:#fff url('../images/sub/pop_gnb4.png') 47px center no-repeat;} */

.gnb2 > li > a span {position: relative; padding-left:34px;}
.gnb2 > li > a span:before {content:''; position: absolute; top:0; left:0; width:21px; height:26px; background:url('../images/sub/pop_gnb1.png') top center no-repeat;}
.gnb2 > li:nth-child(2) > a span {padding-left:41px;}
.gnb2 > li:nth-child(2) > a span:before {width:19px; height:25px; background:url('../images/sub/pop_gnb2.png') top center no-repeat;}
.gnb2 > li:nth-child(3) > a span {padding-left:44px;}
.gnb2 > li:nth-child(3) > a span:before {width:25px; height:25px; background:url('../images/sub/pop_gnb3.png') top center no-repeat;}
.gnb2 > li:last-child > a span {padding-left:31px;}
.gnb2 > li:last-child > a span:before {width:20px; height:26px; background:url('../images/sub/pop_gnb4.png') top center no-repeat;}

.gnb2 > li.on > a {background:#1f578b; color:#fff; font-weight:500;}
.gnb2 > li.on > a span:before {background: url('../images/sub/pop_gnb1_on.png') top center no-repeat;}
.gnb2 > li:nth-child(2).on > a span:before {background: url('../images/sub/pop_gnb2_on.png') top center no-repeat; background-size:19px 25px;}
.gnb2 > li:nth-child(3).on > a span:before {background: url('../images/sub/pop_gnb3_on.png') top center no-repeat; background-size:25px;}
.gnb2 > li:last-child.on > a span:before {background: url('../images/sub/pop_gnb4_on.png') top center no-repeat; background-size:20px 26px;}

.gnb_2depth {position: absolute; top:69px; left:13px; font-size:0; width:1920px; display:none;}
.gnb_2depth li {position: relative; display: inline-block; margin-right:40px;}
.gnb_2depth li:before {content:''; position: absolute; top:50%; right:-20px; transform:translateY(-50%); width:1px; height:15px; background:#999;}
.gnb_2depth li:last-child:before {content:none;}
.gnb_2depth a {display:block; font-size:16px; color:#555; line-height:1; font-weight:400;}
.gnb_2depth li.on a, .gnb_2depth li:hover a {font-weight:500; color:#1f578b;}

.gnb2 > li.on .gnb_2depth {display:block;}

.head_search {position: absolute; bottom:9px; right:32px; font-size:0;}
.head_search li {display:inline-block; vertical-align:middle;}
.head_search li a {display:block; width:130px; height:25px; background:#2c83d3; text-align: center; line-height:25px; font-size:12px; color:#fff; font-weight:400;}
.head_search li:last-child a {margin-left:10px; width:100px;}
.head_search li:last-child a img {margin-right:5px; vertical-align:middle;}

.map_img_wrap iframe {width:100%; height:866px;}

#section {position: relative; width:100%; height:calc(100vh - 114px); min-height:500px;}
.search_wrap { top:0; left:0; width:100%; height:100%; z-index:50; transition:.3s ease-in-out;}
.search_wrap.on {padding-left:380px;}
.search_wrap.on .search_box {left:0;}
.search_box {position: absolute; top:0; left:-401px; width:380px; height:100%; background:#fff; z-index:50; border-top:1px solid #ddd; border-right:1px solid #ddd; transition:.3s ease-in-out; 
padding:10px 19px 31px;}
.search_box > input[type="button"] {position: absolute; top:42px; right:-21px; background:none; border:none; outline:0; cursor:pointer; width:20px; height:50px; 
border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #fff url('../images/sub/pop_arrow1.png') center no-repeat; text-indent:-9999px;
z-index: 1000; box-shadow: 1px 1px 5px rgba(0,0,0,.2);}

.search_box .tab_top {font-size:0; text-align: center; padding-bottom:13px; border-bottom:1px solid #999; margin-bottom:30px;}
.search_box .tab_top a {position: relative; display:inline-block; width:50%; vertical-align:middle; font-size:16px; color:#555; line-height:1; font-weight:400; transition:.3s ease-in-out;}
.search_box .tab_top a.on {font-weight:500; color:#1f578b;}
.search_box .tab_top a:hover {font-weight:500; color:#1f578b;}
.search_box .tab_top a:first-child:before {content:''; position: absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:15px; background:#999;}

.search_box form {width:100%; padding:32px 9px 33px; background:#efefef; border-radius:10px; margin-bottom:14px;}
.search_box form > div {font-size:0;}
.search_box form > div label {display:inline-block; vertical-align:middle; font-size:15px; color:#222; line-height:1; font-weight:400; margin-right:8px;}
.search_box form > div:first-child {margin-bottom:24px;}
.search_box form > div:first-child label {color:#555; margin:0 29px 0 8px; cursor:pointer;}
.search_box form > div:nth-child(2) {margin-bottom:19px;}

.search_box form select {width:259px; height:30px; -webkit-appearance: none; font-weight: 400; -moz-appearance: none; appearance: none; border:1px solid #ddd;
font-size: 14px; color:#555; padding:0 30px 0 9px; background: #fff url('../images/sub/pop_select.png') 95% center no-repeat; cursor:pointer;}
.search_box select::-ms-expand {display: none;}
.search_box form input[type="text"] {width:259px; height:30px; background:#fff; border:1px solid #ddd; padding:0 10px;}

.search_box .result_btn {display:block; width:127px; height:40px; border:none; border-radius:5px; background:#2c83d3 url('../images/sub/search_icon.png')38px 10px no-repeat;
font-size:16px; color:#fff; line-height:40px; font-weight:400; padding-left:59px; margin:0 auto; text-align: left; cursor:pointer;}

.result {width:100%; margin-top:29px;}
.result > span {display:block; text-align: right; font-size:15px; color:#6483a6; line-height:1; font-weight:400; margin-bottom:10px;}
.result > ul {border-top:1px solid #efefef;}
.result > ul li {position: relative;}
.result > ul li:before {content:''; position: absolute; top:50%; right:0; transform:translateY(-50%); width:14px; height:20px;
background:url('../images/sub/map_pin_icon.png') top center no-repeat; transition:.3s ease-in-out;}
.result > ul li:hover:before {background:url('../images/sub/map_pin_icon_on.png') top center no-repeat;}
.result > ul li a {display:block; font-size:14px; color:#555; line-height:42px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.paging_wrap{text-align:center; box-sizing:border-box; margin-top:30px;}
.paging_wrap:before, .paging_wrap:after{box-sizing:inherit;}
ul.paging{display:inline-block; font-size:0; }
ul.paging li{display:inline-block; margin:0 16px; vertical-align:middle;}
ul.paging li img{vertical-align:middle; }
ul.paging li a{display:block; font-size:14px; color:#555555; line-height:1; font-weight:600;}
ul.paging li.on a{color:#2c83d3;}


.search_con {position:relative; width:100%; height:100%; overflow:hidden;}
.search_con .layer_info_btn {position: relative; z-index: 50;display:inline-block; margin:20px 0 0 30px; width:123px; height:30px; border-radius:25px; border:none; text-align: left; font-size:13px; color:#fff; 
line-height:30px; background:#2c83d3 url('../images/sub/layer_btn.png') 19px center no-repeat; padding-left:44px; cursor:pointer;}

.layer_info {position: absolute; top:0; left:-290px; width:268px; height:100%; background:#fff; border-right:1px solid #ddd; transition:.3s ease-in-out; z-index:50;}
.layer_info.active {left:0;}

.layer_info > input {position: absolute; top:42px; right:-21px; width:20px; height:50px; border:none; border-top-right-radius:5px; border-bottom-right-radius:5px;
background:#fff url('../images/sub/pop_arrow1.png') center no-repeat; cursor:pointer;}

.layer_info > ul > li {margin-bottom:30px;}
.layer_info > ul > li:last-child {margin-bottom:0;}
.layer_info > ul > li > input[type="button"] {width:100%; height:43px; border:none; background:#1f578b url('../images/sub/arrow_down_off.png') 95% center no-repeat;
text-align: left; font-size:16px; color:#fff; line-height:43px; font-weight:500; padding-left:18px; cursor:pointer;}
.layer_info > ul > li > input[type="button"].on {background:#1f578b url('../images/sub/arrow_up_on.png') 95% center no-repeat;}

.layer_info > ul div {padding:20px 17px 0; margin-bottom:26px;}
.layer_info > ul div:last-child {margin-bottom:0;}
.layer_info > ul div em {display:block; font-size:20px; color:#2c83d3; line-height:1; font-weight:600; text-align: center; margin-bottom:28px;}

.layer_info .layer_detail > li > input {width:100%; height:41px; background:none; border:none; border-bottom:1px solid #ddd; text-align: left; padding-left:5px;
background:url('../images/sub/plus_btn.png') right center no-repeat; cursor:pointer;}
.layer_info .layer_detail > li > input.on {background:url('../images/sub/minus_btn.png') right center no-repeat;}

.layer_info .layer_detail2 {padding:13px 0; border-bottom:1px solid #ddd;}
.layer_info .layer_detail2 input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.layer_info .layer_detail2 input[type="checkbox"] + label { display:inline-block; position:relative; padding-left:29px; cursor:pointer; }
.layer_info .layer_detail2 input[type="checkbox"] + label:before { content:''; position:absolute; left:0; top:0; width:15px; height:15px; text-align:center; box-sizing:border-box; 
border:2px solid #ddd;}
.layer_info .layer_detail2 input[type="checkbox"] + label span {display:block; font-size:14px; color:#777; line-height:1; font-weight:400;}
.layer_info .layer_detail2 input[type="checkbox"]:checked + label:after{ content: ''; position:absolute; top:0; left:0; width:15px; height:15px; background:#ddd;}


.detail_info_wrap {position: absolute; bottom:-387px; right:0; width:100%; box-shadow:3px 3px 7px rgba(0,0,0,.16); background:#fff; transition:.3s ease-in-out; z-index:50;}
.detail_info_wrap.active {bottom:0;}
.detail_info_wrap.left {width:calc(100% - 268px);}
.detail_info_wrap > input {position: absolute; top:-19px; left:0; right:0; margin:0 auto; width:51px; height:19px; border:none; cursor: pointer;
background:#fff url('../images/sub/pop_arrow3.png') center no-repeat; border-top-left-radius:5px; border-top-right-radius:5px;}

.detail_info_wrap.active > input {background:#fff url('../images/sub/pop_arrow2.png') center no-repeat;}

.detail_info_wrap .zoom_wrap {position: absolute; top:-128px; right:30px;}
.detail_info_wrap .zoom_wrap input {display:block; width:32px; height:32px; border-radius:50%; border:none; cursor:pointer;
background:url('../images/sub/plus_btn2.png') top center no-repeat;}
.detail_info_wrap .zoom_wrap input:last-child {background:url('../images/sub/minus_btn2.png') top center no-repeat; margin-top:10px;}

.info_con_top {font-size:0; padding:10px;}
.info_con_top select {display:inline-block; width:151px; height:30px; -webkit-appearance: none; font-weight: 500; -moz-appearance: none; appearance: none; border:none; border-radius:5px;
font-size: 16px; color:#fff; padding:0 25px 0 10px; background: #2c83d3 url('../images/sub/pop_select2.jpg') 95% center no-repeat; cursor:pointer;}
.info_con_top select::-ms-expand {display: none;}
.info_con_top div {display:inline-block; vertical-align:middle; width:calc(100% - 151px); text-align: left;}
.info_con_top div a {position: relative; display:inline-block; font-size:14px; color:#555; line-height:1; font-weight:400; transition:.3s ease-in-out; width:135px; text-align: center;
word-break:keep-all; vertical-align:middle;}
.info_con_top div a:before {content:''; position: absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:15px; background:#999;}
.info_con_top div a:last-child:before {content:none;}
.info_con_top div a.on {color:#1f578b; font-weight:500;}
.info_con_top div a:hover {color:#1f578b; font-weight:500;}

.info_con_btm table {width:100%; table-layout:fixed; border-top:1px solid #555;}
.info_con_btm table th {font-size:14px; color:#222; line-height:1; font-weight:500; background:#efefef; border-bottom:1px solid #ddd; padding: 13px 0;}
.info_con_btm table td {font-size:14px; color:#333; line-height:1; font-weight:400; border-bottom:1px solid #ddd; padding: 14px 20px;}
.info_con_btm table td ul {font-size:0; width:576px;}
.info_con_btm table td ul li {position: relative; display:inline-block; vertical-align:top; width:50%; padding:0 5px 0 90px; word-break:keep-all; font-size:14px; color:#333; line-height:1;
margin-top:25px;}
.info_con_btm table td ul li:nth-child(-n+2) {margin-top:0;}
.info_con_btm table td ul li:before {content:''; position: absolute; top:4px; left:0; width:7px; height:7px; background:#f18e1d;}
.info_con_btm table td ul li span {position: absolute; top:0; left:17px;}
.info_con_btm table td ul.dot02 li {padding-left:140px;}

.map_btn_wrap {position: absolute; top:20px; right:32px; font-size:0; z-index:50;}
.map_btn_wrap > div {display:inline-block; width:242px; height:32px; vertical-align:middle; margin-left:10px; border:2px solid #ddd; border-radius:25px; background:#fff; overflow:hidden;}
.map_btn_wrap > div:nth-child(2) {width:249px; border:none;}
.map_btn_wrap > div:last-child {width:163px;}
.map_btn_wrap > div input {width:33.33%; height:100%; background:#fff; border:none; cursor:pointer; text-align: center; font-size:11px; color:#555; transition:.3s ease-in-out; font-weight:400;
border-right:1px solid #ddd;}
.map_btn_wrap > div input:last-child {border-right:none;}
.map_btn_wrap > div:last-child input {width:50%;}
.map_btn_wrap > div input:hover {color:#2c83d3;}
.map_btn_wrap > div input.on {color:#2c83d3;}

.map_btn_wrap > div:nth-child(2) input {border:none; text-indent:-9999px; width:14.28%; background:url('../images/sub/pop_icon1.png') center no-repeat;}
.map_btn_wrap > div:nth-child(2) input:nth-child(2) {background:url('../images/sub/pop_icon2.png') center no-repeat;}
.map_btn_wrap > div:nth-child(2) input:nth-child(3) {background:url('../images/sub/pop_icon3.png') center no-repeat;}
.map_btn_wrap > div:nth-child(2) input:nth-child(4) {background:url('../images/sub/pop_icon4.png') center no-repeat;}
.map_btn_wrap > div:nth-child(2) input:nth-child(5) {background:url('../images/sub/pop_icon5.png') center no-repeat;}
.map_btn_wrap > div:nth-child(2) input:nth-child(6) {background:url('../images/sub/pop_icon6.png') center no-repeat;}
.map_btn_wrap > div:nth-child(2) input:last-child {background:url('../images/sub/pop_icon7.png') center no-repeat;}

.map_img_wrap{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:30;}


/*--- 201118 수정 ---*/


.search_box02 {position: absolute; top:0; left:-401px; width:380px; height:100%; background:#fff; z-index:100; border-top:1px solid #ddd; border-right:1px solid #ddd; transition:.3s ease-in-out; 
padding:10px 19px 0px; }
.search_box02.on{left:0;}
.search_box02 .search_box02_wrap{height: 100%; overflow-y: scroll;-ms-overflow-style: none; scrollbar-width: none; padding-bottom: 30px;;}
.search_box02 .search_box02_wrap::-webkit-scrollbar {display: none;}
.search_box02 > input[type="button"] {position: absolute; top:42px; right:-21px; background:none; border:none; outline:0; cursor:pointer; width:20px; height:50px; 
border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #fff url('../images/sub/pop_arrow1.png') center no-repeat; text-indent:-9999px;
z-index: 1000; box-shadow: 1px 1px 5px rgba(0,0,0,.2);}

.search_box02 > input{position: absolute; top:42px; right:-21px; background:none; border:none; outline:0; cursor:pointer; width:20px; height:50px; 
border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #fff url('../images/sub/pop_arrow1.png') center no-repeat; text-indent:-9999px;
z-index: 1000; box-shadow: 1px 1px 5px rgba(0,0,0,.2);}

.search_box02 form {width:100%; padding:32px 9px 33px; background:#efefef; border-radius:10px; margin-bottom:14px;}
.search_box02 form span{display: block; font-size: 13px; line-height: 18px; color:#666;}
.search_box02 form span:first-child{margin-bottom: 10px;}
.search_box02 form > div {position: relative; font-size:0; padding-left: 60px; margin-top: 20px;}
.search_box02 form > div label {position: absolute; left: 0; top:0; display:inline-block; vertical-align:middle; font-size:15px; color:#222; line-height:30px; font-weight:400;}
.search_box02 form select {display:inline-block; width: 125px; height: 30px; -webkit-appearance: none; margin-right:5px; margin-bottom: 5px; font-weight: 400; -moz-appearance: none; appearance: none; border:1px solid #ddd;
font-size: 14px; color:#555; padding:0 30px 0 9px; background: #fff url('../images/sub/pop_select.png') 95% center no-repeat; cursor:pointer;}
.search_box02 select::-ms-expand {display: none;}
.search_box02 form input[type="text"] {width:259px; height:30px; background:#fff; border:1px solid #ddd; padding:0 10px;}

.search_box02 .result_btn {display:block; width:127px; height:40px; border:none; border-radius:5px; background: #2c83d3; font-size:16px; color:#fff; line-height:40px; 
font-weight:400; margin:20px auto 0 auto; text-align: center; cursor:pointer;}

.con01{margin-top: 20px;}
.con01 em{display:block; line-height: 1; padding: 0 0 8px 8px; border-bottom: 1px solid #ddd; }
.con01 span{position: relative; display: block; padding-left: 10px; font-size: 14px; color:#2c83d3; line-height: 1; margin-top: 7px;}
.con01 span:after{content:''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background-color:#2c83d3; border-radius: 2.5px;}
.con01 p{font-size: 13px; line-height: 27px; color:#555; margin-top: 10px;}
.con02{margin-top: 25px;}
.con02 ul li em{display: block; line-height: 1; padding: 10px 0; border-bottom: 1px solid #ddd; font-size: 16px; color:#222; cursor: pointer; background:url(../images/sub/search_box02_plus.png)center right no-repeat;}
.con02 ul li em.on{background:url(../images/sub/search_box02_min.png)center right no-repeat;}
.con02 ul li .li_wrap{ display: none; border-bottom: 1px solid #ddd; height: auto; overflow: hidden;}
.con02 ul li .con02_li{ font-size: 0; margin-top: 15px;}
.con02 ul li .con02_li:last-child{margin-bottom: 15px;}
.con02 ul li .con02_li input{display: inline-block;}
.con02 ul li .con02_li label{display:inline-block; font-size: 14px; line-height: 1; color:#555; padding-left:10px; vertical-align: middle;}
.con02 ul li .btn_wrap{float: right;}
.con02 ul li .btn01{display: inline-block; width: 15px; height: 15px; background:url(../images/sub/search_box02_icon01.png)center no-repeat; vertical-align: middle;}
.con02 ul li .btn02{display: inline-block; width: 19px; height: 15px; background:url(../images/sub/search_box02_icon02.png)center no-repeat; margin: 0 10px; vertical-align: middle;}
.con02 ul li .btn03{display: inline-block; width: 15px; height: 15px; background:url(../images/sub/search_box02_icon03.png)center no-repeat; vertical-align: middle;}
.con02 ul li .btn01:hover{background:url(../images/sub/search_box02_icon01_on.png)center no-repeat;}
.con02 ul li .btn02:hover{background:url(../images/sub/search_box02_icon02_on.png)center no-repeat;}
.con02 ul li .btn03:hover{background:url(../images/sub/search_box02_icon03_on.png)center no-repeat;}

.con03{margin-top: 15px; ;}
.con03 em{position: relative; display: block; font-size: 14px; padding-left: 10px; color:#ff8a00; margin-bottom: 10px;}
.con03 em:before{content:''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 2.5px; background-color:#ff8a00; }
.con03 span{display: block; font-size: 13px; color:#555; line-height: 16px; }
.con03 span:last-child{margin-top: 7px;}

.con04{margin-top: 25px;}
.con04 em{display: block; line-height: 1; padding: 10px 0; border-bottom: 1px solid #ddd; font-size: 16px; color:#222; cursor: pointer; background:url(../images/sub/search_box02_plus.png)center right no-repeat;}
.con04 em.on{background:url(../images/sub/search_box02_min.png)center right no-repeat;}
.con04 ul{display:none;}

.con04 ul li{font-size: 0; margin-top: 13px;}
.con04 ul li input{display: inline-block; vertical-align: middle;}
.con04 ul li span.icon{display:inline-block; width: 18px; height: 18px; line-height: 16px; text-align: center; font-size: 12px; border: 1px solid #ddd; color:#fff; border-radius: 9px; vertical-align: middle; margin: 0 8px; }
.con04 ul li label{display:inline-block; font-size: 14px; color:#555; line-height: 18px; vertical-align: middle;; }














