@charset "utf-8";
@import url(./reset.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
html, body {height:100%;font-size:100%;font-size: 11pt;font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','Open Sans',sans-serif,'Malgun Gothic', Gulim, Arial, Helvetica;font-weight:normal;font-size:0.9em;-webkit-text-size-adjust:none;background-color:#ffffff;}
body{
   -ms-user-select: none; 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;/**/
   background: #fff;
 }
a{text-decoration:none !important;cursor:pointer;}
a:link {cursor:pointer; text-decoration: none !important;}
a:visited {cursor:pointer; text-decoration: none !important;}
a:hover {cursor:pointer; text-decoration: none !important;}

input::placeholder {font-size:0.95em;color: #9a9a9a;font-style: italic;}
input::-webkit-input-placeholder { font-size:0.95em;color: #9a9a9a;font-style: italic; }
input:-moz-placeholder { font-size:0.95em;color: #9a9a9a;font-style: italic; }
input::-moz-placeholder { font-size:0.95em;color: #9a9a9a;font-style: italic; }
input:-ms-input-placeholder { font-size:0.95em;color: #9a9a9a;font-style: italic; }

label {
    display: block;
    float: left;
    padding-right: 18px;line-height: 28px;
}
label input{
  padding: 0;
  margin: 0 5px 0 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  overflow: hidden;}

select {font-family: inherit;}
em,address{font-style:normal}
table{border-collapse:collapse;}
hr{display:none;}
.admin_top a{color:#fff;}
.pagerect{    width: 100%;
    z-index: 100;
    text-align: center;
    position: relative;
    color: #fff;
    margin: 80px auto;}
.rectangles{    width: 400px;
    margin: auto;
    height: 100px;
    box-sizing: border-box;}

.boxrect{    width: 50%;
    height: 100%;
    float: left;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    cursor: pointer;}
.boxround{    width: 100%;
        border: 2px double rgb(170 194 233);
    border-radius: 9px;
    background-color: rgb(0 0 0 / 20%);
    box-sizing: border-box;
    height: 100%;}
.boxround:hover{background-color: #000000;}
.boxround img{    width: 40px;
	transition: transform 1s ease;}
.boxround:hover img{transform: rotate(-360deg);}
.smallimg{
display: block;
    padding: 10px;
	    }
.smallaa {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #d5fffd;
    line-height: 10px;
}
.smallab{display: none;
    font-size: 14px;
    font-weight: bold;
    color: #e5ffc9;
line-height: 0px;}
.mainupbar{}
.mainbar{float:left;}
.maininfo{float: left;
    height: 100%;
    width: 50%;}
.mainfull{float: left;height: 100%;width: 100%;overflow-y: auto;height: 100%;}
.mainfull_index{width: 100%;overflow-y: scroll;
    position: absolute;
    top: 50px;
    bottom: 0;}
.mainmap{float: left;
    width: 50%;
    height: 100%;}
.coock{
    height: 0px;
    display: block;
    position: fixed;z-index: 15;
width: 100%;}
.anal_mainmap{float: left;
    width: 60%;
    height: 100%;}
.mainin{float: left;width: 50%;    background-color: #fff;}
.maininput{float: left;
    position: relative;
    width: 50%;
    z-index:5;
    background-color: #fff;
    border-left: 0px solid #fff;
    box-sizing: border-box;
    box-shadow: -1px 3px 4px #000;}
.maininput_index{float: left;
    position: relative;
    width: 50%;
    z-index:5;
    background-color: #fff;
    border-left: 0px solid #fff;
    box-sizing: border-box;
    box-shadow: -1px 3px 4px #000;}
#mapbase{position: absolute;top: 50px;bottom:0;left:0;right:0;overflow-y: scroll;-webkit-overflow-scrolling: touch;
} 
.main_info_imgbox1{    height: 100%;    width: 50%;position: relative;float: left;}   
.main_info_imgbox2{width: 50%;height: 100%;position: relative;float: left;}   
.maininputsb{float: left;
    position: relative;
    width: 50%;
    z-index:5;
    background-color: #fff;
    border-left: 0px solid #fff;
    box-sizing: border-box;
    box-shadow: -1px 3px 4px #000;}
.anal_maininput{float: left;
    position: relative;
    width: 40%;
    z-index:5;
    height: 100%;
    background-color: #fff;
    border-left: 0px solid #fff;
    box-sizing: border-box;
    box-shadow: -1px 3px 4px #000;}
.maininfullput{float: left;
    position: relative;
    width: 100%;
    z-index:5;
    background-color: #fff;
    border-left: 0px solid #fff;
    box-sizing: border-box;
    box-shadow: -1px 3px 4px #000;}
.maincontact{    float: left;
    width: 100%;
    background-color: #1e2953;
    position: relative;}
.mainbanner{float:left;display: none;}
.headerInfo{    background-color: rgba(87, 0, 102, 1);
        background: linear-gradient(#1f2b44, #3950a1 50%);
    position: fixed;
    width: 50%;
    top: 122px;
    display: block;
    margin-right: 5px;z-index:1;
    bottom: 0;}
.headerMap{    position: fixed;
    bottom: 0;
    top: 120px;
    display: block;
    width: inherit;}

.headerMapTa{    position: fixed;
    bottom: 0;
    top: 70px;
    display: block;
    width: inherit;}
.maincontact .textaa{font-size:.7em;color:#FFF;text-align:left;height: 15px;}
.jisanlist_si{width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
}
.jisanlist_ban{width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
}
.jisanlist_ul{float: left;width: 100%;}
.jisanlist_li{margin: 5px 0;line-height: 20px;
    text-align: left;
    width: 100%;
    clear: both;
    float: left;
    padding: 10px 3px;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box;color: #000;
}
.jisanlist_li:hover{    box-shadow: 0px 0px 3px 3px #d3d3d3;}
.jisanlist_box{width: 100%;
    max-width: 1200px;
    position: relative;
    font-size: 1em;
    line-height: 30px;
    padding: 15px;
    box-sizing: border-box;
    margin: auto;
    display: block;
    overflow: hidden;}
.jisanlist_namediv{font-size: 1.3em;color: #3d2e04;}
.jisanlist_span1{display: block;
    float: left;
    width: 50px;
    font-size: 0.9em;}
.jisanlist_span2{display: block;
    float: left;
    font-size: 0.9em;
    font-weight: 500;}
.lisanlist_mainimg{
    display: block;
    width: 100px;
    height: 100px;
    outline: 1px solid #8d7530;
    border-radius: 10px;
}
.div_row_main{
    margin-left: 20px;
    float: left;
}
.div_row{
    margin-left: 10px;
}
.jisanlist_main_name{display: block;
    width: 100%;
    font-size: 1.4em;background: #41495b;
        color: #fff;
    border-radius: 5px;
    font-weight: 500;
    margin: 10px 0;
    border: 1px solid #636363;    box-sizing: border-box;
    line-height: 25px;}

.main_full_box{
    width: 100%;
    max-width: 1200px;
    position: relative;
    font-size: 1em;
    line-height: 30px;
    padding: 15px;
    box-sizing: border-box;
    margin: auto;
    display: block;
    overflow: hidden;
}
.loadingdetail{position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
display: none;}
.loadingdetail span{ position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    background: #000;
    border-radius: 10px;
    text-align: center;
    padding: 25px;
    box-sizing: border-box;}
.loadings{    vertical-align: middle;
    position: fixed;
    left: 0px;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 103;    
    overscroll-behavior: contain;
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0.83);
    text-align: center;
    display:none;}
.loadingsclose{position: absolute;
	display: block;
    width: 50px;
    height: 50px;
    top: 20px;
    right: 20px;
    padding: 10px;
    font-weight: bold;
    background-image: url(https://www.jsmoa.com/img/closewhite.png);
    background-repeat: no-repeat;
    background-position: right 10px top 10px;
    background-size: 50px 50px;
    cursor: pointer;}
.loadingcontent{position: absolute;
    margin: 0;
    left: 10px;
    right: 10px;
    top: 0px;
    bottom: 10px;
    background-color: #fff;
    /* display: block; 
    width: 100%;*/
    z-index: 3;
    max-width: 880px;}
.headselected_btn_top {      
    background: #1f2b44;
    background: linear-gradient(#a0bae2, #1f2b44);
    border: 1px solid #1f2b44;
    padding: 0 10px;
    border-radius: 20px;
    line-height: 28px;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    margin: 4px 0 4px 0;
    cursor: pointer;
    height: 33px;    
    text-align: center;
    display: block;
    clear: both; 
    width: 100px;
}

.head_btn_top {background: linear-gradient(#ffffff, #eaeaea);
    border: 1px solid #56822c;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    line-height: 28px;
    color: #5a5a5a;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    margin: 4px 0 4px 0;
    cursor: pointer;
    height: 33px;
    display: block;
    clear: both;
    width: 100px;
}
.headselected_btn {    
    background: #1f2b44;
    background: linear-gradient(#a0bae2, #1f2b44);
    border: 1px solid #1f2b44;
    padding: 0 10px;
    border-radius: 20px;
    line-height: 28px;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    margin: 4px 0 4px 0;
    cursor: pointer;
    height: 33px;    
    text-align: center;
    display: block;
    clear: both; 
    width: 100px;
}

.head_btn {background: linear-gradient(#ffffff, #eaeaea);
    border: 1px solid #56822c;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    line-height: 28px;
    color: #5a5a5a;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    margin: 4px 0 4px 0;
    cursor: pointer;
    height: 33px;
    display: block;
    clear: both;
    width: 100px;
}
.controlboxt{
    position: absolute;
    top: 0;
    left: 0;
    right: 170px;
    height: 50px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
/*----------circle checkbox start---------------*/
.circlechkcontainer{
position: relative;
    float: left;
    border: 1px solid #97b990;
    border-radius: 20px;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    margin: 0 2px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    padding: 5px;
    box-sizing: border-box;
}

.circlechkbox {
    display: block;
    position: relative;
    padding: 1px 5px 0px 29px;
    cursor: pointer;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
    line-height: 23px;
    color: #1c1458;
    box-sizing: border-box;
}
.circlechkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #d2d2d2;
border-radius: 15px;
}

/* On mouse-over, add a grey background color */
.circlechkbox:hover input ~ .checkmark {
  background-color: #eaeaea;
}

/* When the checkbox is checked, add a blue background */
.circlechkbox input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  /*display: none;*/
}

/* Show the checkmark when checked */
.circlechkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.circlechkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*----------circle checkbox end---------------*/

/*#viewmodepanel {display:none;}*/
/*#viewmodepanelall {display:block;}*/


.circleboxmodecontainer{
    position: relative;
    border: 1px solid #97b990;
    border-radius: 20px;
    color: #fff;
    margin: 8px 5px 4px 5px;
    cursor: pointer;
    width: 33px;
    padding: 3px;
    height: 33px;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    box-sizing: border-box;
}
#circleboxmodeimg{width: 25px;
    height: 25px;
    position: relative;
    background: #c9c9c9;
    margin: auto;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#viewmodepanel {display:block;padding-right: 7px;margin-top: 4px;}
#viewmodepanelall {z-index:15;display:none;clear: both;float: right;padding: 7px;
    background: #fff;
    border: 1px solid #b5b5b5;    position: absolute;
    right: 0;
    top: 48px;}

.headselected_box {background-color: rgb(19, 117, 0);
    border: 1px solid #1f2b44;
    padding: 0 30px 0 10px;
    border-radius: 3px;
    line-height: 28px;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    float: left;
    margin: 8px 0px 0 5px;
    cursor: pointer;
    height: 33px;
    background-image: url(https://www.jsmoa.com/img/pinsel2.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px auto;
}
.searchform{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;    height: 50px;width: 100%;z-index: 3;display: block;background: #fffcf3;border-bottom: 1px solid #a0a0a0;}
.head_box {    background: linear-gradient(#ffffff, #eaeaea);
    border: 1px solid #56822c;
    padding: 0 30px 0 10px;
    border-radius: 3px;
    line-height: 28px;
    color: #5a5a5a;
    font-size: 10pt;
    font-weight: bold;
    display: block;
    float: left;
    text-align: center;
    margin: 8px 0 0 5px;
    cursor: pointer;
    height: 33px;
    background-image: url(https://www.jsmoa.com/img/pinsel1.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px auto;
}
.head_box_add {background: #4752d7;
    border: 2px solid #ffffff;
    padding: 0 20px 0 20px;
    border-radius: 20px;
    line-height: 33px;
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    display: block;
    float: left;
    text-align: center;
    cursor: pointer;
    height: 33px;
    background-image: url(https://www.jsmoa.com/img/pinselwhitedown.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px auto;
    transform: translateX(-50%);
    position: absolute;
    top: 45px;
    z-index: 999;
    left: 50%;
    width: 120px;
}
.headselected_box_add {background: #4752d7;
    border: 2px solid #ffffff;
    padding: 0 20px 0 20px;
    border-radius: 20px;
    line-height: 33px;
    color: #ffffff;
    font-size: 11pt;
    font-weight: bold;
    display: block;
    float: left;
    text-align: center;
    cursor: pointer;
    height: 33px;
    background-image: url(https://www.jsmoa.com/img/pinselwhitedown.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 8px auto;
    transform: translateX(-50%);
    position: absolute;
    top: 45px;
    z-index: 999;
    left: 50%;
    width: 120px;
}
#partse1{
    display: none;
    width: 400px;
    height: 600px;
    background: rgb(255, 255, 255);
    top: 125px;
    padding: 30px;
    position: absolute;
    left: 20px;
    border: 1px solid rgb(19, 117, 0);
    z-index:999;
}
#partse2{
    display: none;
    width: 400px;
    height: 600px;
    background: rgb(255, 255, 255);
    top: 125px;
    padding: 30px;
    position: absolute;
    left: 60px;
    border: 1px solid rgb(19, 117, 0);
    z-index:999;
}

#partse3{
    display: none;
    width: 400px;
    height: 600px;
    background: rgb(255, 255, 255);
    top: 125px;
    padding: 30px;
    position: absolute;
    left: 60px;
    border: 1px solid rgb(19, 117, 0);
    z-index:999;
}
#map_address{
    display: none;
    width: 400px;
    height: 600px;
    background: rgb(255, 255, 255);
    top: 125px;
    padding: 30px;
    position: absolute;
    left: 60px;
    border: 1px solid rgb(19, 117, 0);
    z-index:999;
}
.partsel1_ch1{position: absolute;top: 60px;left: 30px;right: 30px;bottom: 30px;}
.maincon360{position: relative;
    float: left;
    display: block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    BORDER: #1f4c7c 1px solid;
    margin-left: 6px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.55);
    color: #000;
    font-weight: bold;
    text-align: center;
    border-radius: 20px;}
li{line-height: 150%; font-size:9pt; color:#001B2E; }
br{line-height: 18px; font-size:9pt; color:#001B2E; }
dd{line-height: 18px; font-size:9pt; color:#003C66; }
td, th{color:#000; font-size:9pt;line-height: 18px; font-size:9pt;  }
.nobr{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mullist{margin: 65px 10px 10px 10px;
    -webkit-transition: 0.8s all ease;
    -moz-transition: 0.8s all ease;
    -o-transition: 0.8s all ease;
    transition: 0.8s all ease;}
.hittext{
    width: 20px;
    height: 20px;
    text-align: center;
line-height: 20px;}
/*물건 개별 안내*/
.mulinfo{width: 100%;margin: 0 1px;}
.mulsubject{width: 100%;width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #040e40;}
.mulsubject a{
    font-size: 14px;
    font-weight: bold;
    color: #040e40;}
.radimark{    border-radius: 50%;
    color: #fff;
    font-size: 10pt;
    font-family: 'Noto Sans KR';
    width: 25px;
    height: 25px;
    display: block;
    float: left;    text-align: center;
    line-height: 25px;
    font-weight: normal;}
.textlocation{color: #000;
    margin-left: 5px;
    font-size: 10pt;}
.mullineheight{line-height: 20px;    margin-right: 5px;}

/*물건 개별 안내 끝*/
.divviewother{float:left;width:200px;}
.ttAble td{ padding: 5px;}
.divview6{float:left;width:33.33%;    margin-bottom: 15px;cursor: pointer;position: relative;}
.divview6 .imgboxv{    position: relative;
    float: left;
    width: 100%;;}
.divview6 .mulinfov{    padding: 0 1px;
    float: left;
    width: 100%;
    box-sizing: border-box;height: 87px;}
.divview6 .floatdiv{float:none;}
.divview6 .subbox{margin:5px;
    overflow: hidden;
    border-radius: 5%;
    border: 1px solid #8f8f8f;
    box-sizing: border-box;}
.divview6 .subbox:hover{    box-shadow: 0px 0px 3px 3px #d3d3d3;}
.divview6 .morebtn{    position: absolute;
    top: 50%;
    left: 50%;
    width: 140px;
    height: 140px;
    background: #bfbfbf36;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    border: 2px solid #d1d1d1;
    color: #818181;
    font-size: 80px;
    line-height: 140px;}
.divview_small6{float: left;
    width: 50%;
    margin-bottom: 15px;
    cursor: pointer;
    border-top: 1px solid #bbb;}
.divview_small6:hover{box-shadow: 0px 0px 5px 2px #e39647;}
.divview_small6 .imgboxv{    position: relative;margin-top: 5px;    max-width: 135px;
    float: left;
    width: 30%;}
.divview_small6 .mulinfov{padding: 0 0 0 5px;
    float: left;
    width: 70%;
    box-sizing: border-box;}
.divview_small6 .floatdiv{float:none;}
.divview_small6 .subbox{margin: 0 5px;}
/*.divview_small6 .subbox:hover{box-shadow: 0px 0px 4px 1px #9a4a14;}*/
.divviewguest{width: 100%;
    cursor: pointer;
    border: 1px solid #464646;
    position: relative;
    display: block;
    overflow-y: overlay;
    padding: 10px;
    box-sizing: border-box;}
.divviewguest div{float:left;}
.subip{margin-left: 50px;
    border: 5px solid #c7c7c7;}
.mulgunveiw{        position: relative;
    margin-top: 10px;max-width: 1200px;    width: 100%;box-sizing: border-box;padding: 5px;
    margin: auto;}
.primmiC{float: left;position: relative;
    padding: 10px 0px 10px 0px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    width: 100%;
}
.primmiC .titleback {position: absolute;
    width: 100%;
    background: #688095;
    height: 54px;}
.primmiC .titleback .titletext    {position: absolute;
    left: 30px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;}
    
.mul_part{margin-bottom: 5px;width: 100%;float: left;
    margin-top: 20px;}
.primmiB{    width: 100%;
    height: 60px;
}
.primmiB .titleback {    position: absolute;
    width: 100%;
    height: 54px;
    background-image: url(https://www.jsmoa.com/img/titleback.png);
    background-repeat: no-repeat;}
.primmiB .titleback .titletext    {position: absolute;
    left: 60px;
    line-height: 50px;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 1px 3px 6px #040404;
    font-family: 'Noto Sans KR','나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic';}

.primmiA{float: left;position: relative;
    padding: 10px 0px 10px 0px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    width: 100%;
}
.primmiA .titleback {    position: absolute;
    width: 100%;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;}
.primmiA .titleback .titletext    {position: absolute;
    font-size: 25px;
    font-weight: bold;
    color: #292929;
    border-left: 7px solid #1f2b44;
    padding: 10px;
    box-sizing: border-box;}
#mytable{table-layout: fixed;}
#mytable tr td:first-child{
    width:60%;
}
#mytable td{white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px;
    border: 1px dotted #b9b9b9;}
.tablebase_td{table-layout: fixed;}
.tablebase_td td {white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px;
}
.mulgunInfo{padding: 10px;border: 15px solid #ECEBD7;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;}
.mulgunDetail{padding: 10px;border: 5px solid #ECEBD7;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;}
.phototable{padding: 3px;border: 3px solid #ECEBD7;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;}
.viewmulguntable{padding: 10px;border: 5px solid #DEEBFA;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;}
.phototable2{padding: 5px;border: 5px solid #ECEBD7;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;}

.roundtable1{padding: 3px;border: 3px solid #5a5a5a;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;}

.roundborder{padding:5px 20px 0 20px;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;}
.photoFrame{float: left;border: 1px solid #000;width: 100%;height: 0;padding-bottom: 65%;overflow: hidden;}
.photoFramex{float: left;border-bottom: 1px solid #999999;width: 100%;overflow: hidden;aspect-ratio: 4 / 3;}
.photoFramex img{position: absolute; top:0; left: 0;width: 100%;height: 100%;}
.photoFrameBig{border: 1px solid #000; width:600px; margin: auto 5px 5px 5px;}
.photoFramemini{border: 1px solid #000; width:80px; margin: 5px 5px 5px 5px;}
.photoFrameminiX{border: 0px solid #000; width:80px; margin: 5px 5px 5px 5px;}



.nobtn {background:#B4B4B4;background:linear-gradient(#B4B4B4,  #747474);}
.btn {background:#B4B4B4;background:linear-gradient(#ffffff, #eaeaea);}
.selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.vr360icon{left: 50%;top: 10px;bottom: 10px;right: 10px;margin-left: -45px;position: absolute;z-index: 1;visibility: inherit;background-image: url(https://www.jsmoa.com/img/vr360icon4.png);background-repeat: no-repeat;background-position: 0px center;background-size: 90px auto;pointer-events: none;}
.ribonred{position: absolute;float: right;right: 0px;display: block;border-left: 10px solid transparent;border-top: 20px solid #ff0707;z-index: 3;width: 50px;}
.ribontext{position: absolute;float: right;right: 0px;display: block;color: #fff;margin: 1px;z-index: 10;font-size: 9pt;font-family: 'Noto Sans KR','나눔 고딕','Nanum Gothic','맑은 고딕';}

.ribonbun {    position: relative;
    position: relative;
    left: 0px;
    bottom: 0px;
border-right: 18px solid transparent;
    border-top: 18px solid #f300a0;
    z-index: 3;
    width: 60px;
    float: left;
}
.ribonbuntext {position: absolute;
    width: 100%;
    top: -20px;
    height: 18px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    z-index: 10;
    font-size: 8pt;
}
.ribonbg{
    width: 4px;
    position: absolute;
    left: -20px;
    top: -30px;
    background: #ffffffd6;
    height: 50px;
    transform: rotate(45deg);
    animation: moveLR 3.5s linear infinite;
}
@keyframes moveLR {
 0% {
    left: -20px;
  }
  20% {
    left: 100%;
  }
  20.001% {
    left: -20px;
  }
  100% {
    left: -20px;
  }
}
.spanLI2{margin: 5px 15px 5px 0px;text-align:left;float:left;    padding: 3px;display:block;background:url(https://www.jsmoa.com/img/dot6.gif) no-repeat 0px 8px;background-size:6px auto;}
.spanLI2 span{margin: 0 0 0 15px;display:block;color:#000;font-size:1.2em;}
#pricetable .smalldiv50{    float: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width: 50%;margin: 5px 0 5px 0;    height: 35px;}
#pricetable .smalldiv{border-bottom: 2px solid #ebebeb;    display: table;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding: 7px 0 0px 0;
    height: 35px;}
#pricetable .smalspan{text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 30%;
    float: left;
    background-color: #ffffff;
    height: 100%;    font-size: 1em;
    line-height: 35px;
    color: #9b9b9b;
    font-weight: bold;
    display: table-cell;}
#pricetable .smalspan2{    width: 70%;
    overflow: hidden;
    padding-left: 10px;
    color: #373737;
    float: left;
    line-height: 35px;
    font-size: 1em;
    font-weight: bold;
    display: table-cell;
    box-sizing: border-box;}
#pricetable .smalldivb{border-bottom: 2px solid #818181;
    display: table;
    float: left;
    background-color: #f1f1f1;
    width: 100%;
    padding: 7px 0 0px 0;
    height: 35px;}
#pricetable .smalspanb{    text-align: center;
    width: 50%;
    float: left;
    background-color: #d9d9d9;
    height: 100%;
    font-size: 1em;
    line-height: 35px;
    color: #1e1e1e;
    font-weight: bold;}
.menu_typecontrol {
    padding: 0;
    z-index: 1;
    font-size: 12px;
    border-bottom: 1px solid #c1c1c1;
    
}
.menu_radius_border {
    border: 1px solid #c7c7c7;
    border-radius: 8px;
    overflow: hidden;
    margin: 0px auto;
    box-sizing: border-box;
}
.menu_typecontrol .selected_btn {
    color: #fff;
    background: #425470;
    background: linear-gradient(#5da094, #2d3746);
}
.menu_typecontrol td {
    cursor: pointer;
    height: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 45px;
    border-right: 1px solid #9A9A9A;
}
.menu_typecontrol .btn {
    background: #fff;
    background: linear-gradient(#fff, #e6e6e6);
}

#idother img{width: 100%;
    max-width: 700px;}

.fullscreen_btn{display: block;
    width: 26px;
    height: 26px;
    margin-top: 4px;
    background-color: #fff;
    border: 1px solid #999;
    border-color: rgba(0,0,0,0.4);
    border-radius: 3px;
    cursor: pointer;
    z-index: 2;
    -webkit-transform: translateZ(9999px);
    transform: translateZ(9999px);
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    position: absolute;
    bottom: 10px;
    right: 10px;}
.fullscreen_nobtn{background-position: 0 -52px;}
.fullscreen_endbtn{background-position: 0 -78px;}
.spaninput{text-align: center;
    padding: 7px 0 7px 30px;
    font-size: .9em;
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;}
.map_div{width: 100%;
    min-height: 400px;
    position: relative;
    border: 1px solid #999;
    box-sizing: border-box;
    aspect-ratio: 6 / 3;}
.needs{    background: url(https://www.jsmoa.com/img/needs.png) no-repeat 5px 22px;
    background-size: 8px auto;}
.spaninput_nonargin{text-align: center;
    margin: 15px 0;
    font-size: .9em;
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;}
.bbuttontext2{cursor: pointer;
    font-weight: 800;
    padding: 8px 40px;
    color: #ffffff !important;
    text-shadow: 2px 3px 5px #232323;
    border: 1px solid #a7a7a7;
    /* border-top-color: #2d9acf; */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22);
    background: #7b7b7b;
    background: linear-gradient(to bottom, #e8e8e8  0%, #7b7b7b 100%);
    border-radius: 6px;}


.contentC1 {position:relative;width:100%;display:block;color:#FF6600; font-weight:bold;float:left;}/*4F3E31 FB892D 445C86background-color:#452C54;*/

.inputdiv {position:relative;margin-bottom:10px;width:50%;font-size:1.2em;display:block;color:#000;float:left;}
.inputdiv2 {position:relative;margin-bottom:10px;width:100%;font-size:1.2em;display:block;color:#000;float:left;}
.inputtxt {    margin: 0px 5px 0px 0px;
    float: left;
    outline: none;
    padding: 0 5px;
    color: #444444;
    font-size: .98em;
    border: 1px solid #B4B4B4;
    background-color: #f0f0f0;
    font-weight: 600;
    height: 35px;
    box-sizing: border-box;}
.span1{margin: 5px auto 0px 15px;    padding: 3px;display:block;color:#FF6600;}
.moretop{display: none;
    height: 0px;
    width:0px;
    margin-top: -40px;
    z-index: 6;
    float: left;
    position: relative;
	}
.search_btncontrol {
    position: relative;
    top: 0px;
    overflow: hidden;
    font-weight: bold;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    border: 2px solid #ffffff;
    padding: 0 20px;
    font-size: 14px;
    font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
    box-sizing: border-box;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.search_btncontrol span {display:block;width:100%;height:100%;text-align:center;line-height:40px;cursor:pointer;color:#fff;}
.input_btncontrol {position: relative;
    top: 0px;
    overflow: hidden;
    font-weight: bold;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    border: 2px solid #ffffff;
    padding: 0 10px;
    font-size: 14px;
    width: 50%;
    float: left;
    box-sizing: border-box;
    font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
}
.inborder-top-left-radius{border-top-left-radius: 20px;}
.inborder-top-right-radius{border-top-right-radius: 20px;}
.inborder-top-left-right-radius{border-top-right-radius: 20px;border-top-left-radius: 20px;}
.input_btncontrol span {display:block;width:100%;height:100%;text-align:center;line-height:40px;cursor:pointer;color:#fff;}
.input_btncontrol2 {    border-top-right-radius: 20px;
    float: left;
    position: relative;
    top: 0px;
    left: 10px;
    overflow: hidden;
    /* padding: 20px; */
    font-weight: bold;
    background: rgba(0,0,0,0.7);
    z-index: 1;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    padding: 0 10px;
    font-size: 14px;
    font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;
}
.input_btncontrol2 span {display:block;width:100%;height:100%;text-align:center;line-height:40px;cursor:pointer;color:#fff;}
.sbtable{width:100%;}
.sbtable tr{height: 25px;}
.sbtable td{    line-height: 30px;color: #354a5a;text-align:center;}
.sbtable .fir{height: 30px;    border-top: 1px solid #008040;}
.sbtable .firbottom{height: 30px;border-bottom: 1px solid rgba(0, 117, 59, 0.23);}
.sbtable .riples{text-align: left;
    background: url(https://www.jsmoa.com/img/riple.gif);
    background-position: 0px 0;
    background-repeat: no-repeat;
    background-size: 15px auto;
    padding-left: 30px;
    margin-left: 10%;
    line-height: 25px;
    font-weight: bold;
    color: #b16009;
    float: left;
    white-space: normal;} 
    
.list_zero{    position: relative;
    margin: auto;
    top: 60px;
    /* left: 50%; */
    z-index: 110;
    width: 30%;
    min-width: 350px;
    height: 50px;
    background-color: rgba(0,0,0,0.6);
    display: none;
    border-radius: 30px;
    border: 2px double #ffb100;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;}

.admintable tr{border-top: 1px solid #696969;    height: 35px;}
.admintable td{line-height: 33px;    border-right: 1px dotted #a2a2a2;    padding: 0 5px;}
.admintable input[type='checkbox']{width: 20px;height:20px;

  padding: 0;
  margin:0;
  vertical-align: middle;
  position: relative;}
.admintable .partname{    background-color: #3f5767;
    font-size: 12pt;}
.admintable img{
  padding: 0;
  margin:0;
  vertical-align: middle;
  position: relative;}
.trwhite{background-color: #fff;}
.trother{background-color: #f5f5f5;}
.trold{background-color: #c5c5c5;}

.detail_title_css{color: #ffffff;
    font-size: 1.4em;
    padding: 0 20px;
    margin: 10px;
    font-weight: bold;
    border-left: 7px solid #ffffff;
    height: 25px;}
.detail_toggle_cack{position: relative;padding: 5px;display:none;}
.title_css_m{font-size: 0.7em;
    font-weight: bold;
    float: right;
line-height: 0px;}
#ez_menus{position:fixed;z-index: 10;background-color: #4a5c78;width: 100%;box-shadow: 1px 1px 3px 0px #0f1621;height: 40px;}
.head_put{position: fixed;
    width: 50%;
    border: 1px solid #b7b173;
    display: block;
    float: left;
    top: 120px;
    z-index: 1000;
    background-color: #dadfe6;}
.mullsearchbtn{text-align: center;font-size: .9em;display: block;width: 20%;float: left;box-sizing: border-box;line-height: 60px;margin: auto auto;}
.mullsearchbtn2{text-align: center;font-size: .9em;display: block;width: 20%;float: left;box-sizing: border-box;line-height: 60px;margin: auto auto;}
#partkeyword {margin: 0px 5px 0px 0px;outline: none;padding: 0 5px;color: #444444;font-size: .98em;border: 1px solid #B4B4B4;background-color: #f0f0f0;font-weight: 600;height: 35px;box-sizing: border-box;width: 100%;}
#seachbody input[type="text"]:focus{ border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
#seachbody{text-align: center;font-size: .9em;display: block;float: left;width: 80%;float: left;box-sizing: border-box;line-height: 60px;padding-right: 10px;margin: auto auto;}
.loadingrayer{    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    height: 100%;
    background: #fff;
    position: relative;}
#my_view_top{position: absolute;
    right: 30px;
    top: 65px;
    z-index: 101;
    background: #3f2f71;
    padding: 3px;
    border: 3px solid #9b8dc5;
    box-shadow: 1px 1px;
display: block;}
#view_rayer{width: 100%;
    position: relative;
}
#view_rmove{
	width: 100%;
    position: relative;
}
.fav_div{position: relative;width: 100%;display: none;
}

#view_table{
	width: 90px;
    position: relative;
    float: left;
}
.fav_class{z-index: 10;
    float: left;
    position: absolute;
    width: 170px;
    background: rgb(255, 255, 255);
    padding: 3px;
    box-shadow: 1px 1px;
    font-size: 12px;
    box-sizing: border-box;
    left: -0;
    top: 0;
    border: 3px solid rgb(61, 119, 73);
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;}
#myview{
	width: 50px;
    height: 50px;
    position: fixed;
    z-index: 102;
    top: 10px;
    right: 40px;
}
#myview_bg{border-radius: 50px;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.myview_btn{
background: rgb(90, 121, 187);
}
.myviewselect_btn{
background: rgb(143, 158, 137);
}
.fv_show{
    display: block;}
.fv_hide{
    display: none;}
.fvFramex{float: left;border: 1px solid #fff;width: 100%;height: 0;padding-bottom: 65%;overflow: hidden;box-sizing: border-box;}
.fvFramex img{position: absolute; top:0; left: 0;width: 100%;height: 100%;}
.del_btn_small{position: absolute;
    top: 2px;
    right: 2px;
    z-index: 3;
    background: #fff;
    width: 15px;
    height: 15px;
}
.part_list_pa li{list-style: none;
    width: 100%;
    font-size: 10pt;
    border-bottom: 1px dotted #bdbdbd;
    text-align: left;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    border: 1px dotted #dcdcdc;}
.section_child{overflow-y: auto;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.maininfogirl{width: 100%;
z-index: 8;
    position: absolute;
    height: 100%;
    background-image: url(https://www.jsmoa.com/img/info/m32.png);
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: right 100%;}    
.maininfosearch{position: relative;
    width: 400px;
    margin: 40px auto 0 auto;}
#karakeyword{    margin: 0px 5px 0px 0px;
    outline: none;
    padding: 0 5px;
    font-size: 1.2em;
    border: 1px solid #B4B4B4;
    background-color: #f0f0f0;
    font-weight: 600;
    height: 35px;
    box-sizing: border-box;
    width: 100%;
    background: #111724;
    color: #00ffe7;}

#menokeyword{    margin: 0px 5px 0px 0px;
    outline: none;
    padding: 0 5px;
    font-size: 1.2em;
    border: 1px solid #B4B4B4;
    background-color: #f0f0f0;
    font-weight: 600;
    height: 35px;
    box-sizing: border-box;
    width: 100%;
    background: #111724;
    color: #00ffe7;}
#karakeybtn{    width: 100%;
    height: 35px;
    color: #fff;
    border: 1px solid #79005f;
    background: linear-gradient(to bottom, #68366b 0%, #b75321 100%);
    font-size: 12px;
}
#kara_result_close{background: rgb(255, 255, 255);
    position: relative;
    display: block;
    height: 30px;
    box-sizing: border-box;
    background-image: url(https://www.jsmoa.com/img/closeblack.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 18px auto;
    border-bottom: 1px dotted #bdbdbd;
    cursor: pointer;color: #000;
    text-align: center;
    line-height: 30px;}
#kara_result li{list-style: none;
    font-size: 13px;
    border-bottom: 1px dotted #bdbdbd;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    padding: 6px 0;}
#kara_result li:last-child{
    border-bottom: 0px dotted #bdbdbd;}

.spanpartx3{font-weight: bold;
    margin-left: 10px;
    font-size: 15px;
    color: #0033a7;
    height: 25px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;}
.spanpartx4{    font-weight: normal;
    color: #000000;
    margin-left: 20px;
    height: 25px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;}
.spanpartx5{    font-weight: normal;
    color: #757575;
    margin-left: 20px;
    height: 25px;
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 12px;}

.close_btn{position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    text-align: center;
    line-height: 30px;
    font-size: 18pt;
    cursor: pointer;}
.infoltext{font-size: 26px;}

.textlocation{
    color: #333333;    font-size: 14px;    font-weight: bold;    line-height: 24px;
}
/*지산리스트 아이콘시작*/  
.infojisan{
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
/* 부드러운 전환 효과를 위해 추가 */
    transition: all 0.3s ease; 
    transform-origin: bottom;
    /* 기준점을 아래 가운데로 설정 */

}

.infojisan:hover{    
transform: scale(1.5);}
.nor{    
	width: 80px;
    height: 100px;
    padding: 5px;}
.mini{        
	width: 30px;
    height: 37px;
    padding: 2px;z-index:1;}
.ban{background-image: url(https://www.jsmoa.com/img/imap/map_gps.png);}
.si{background-image: url(https://www.jsmoa.com/img/imap/map_gps1.png);}
.xjisanbox{
    width: 100%;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
}

.jisaniconbox{
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
    border-radius: 50%;
}
.xjisanname{
    position: absolute;
    left: 50%;
    top: 105%;
    height: 18px;
    border-radius: 5px;
    line-height: 16px;
    transform: translate(-50%, 0);
    padding: 3px 10px;
    font-size: 12px;
    background: #252c33;
    color: #fff;font-weight: 400;
}
@media all and (max-width:800px){
.xjisanname{
font-size: 10px;}
}
/*지산리스트 아이콘끝*/  
.imgsquar{    width: max-content;
    z-index: 3;
    display: block;
    position: absolute;
    background: #00000059;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);}
/*================1650==============*/
/*=================================*/
@media all and (max-width:1650px){

.divview_small6{
    width: 100%;}
}
/*================1400==============*/
/*=================================*/
@media all and (max-width:1400px){
.booka{width:100%;}
.bookb{width:100%;}
.bookhidden{width:100%;height:0px;}
.bookallbox{width:95%;}
.booksub{margin:20px;}
.portmaincon{width:50%;}
.contentBboxA {width:90%;}
.divview_small6{
    width: 100%;}
}
/*================1100==============*/
/*=================================*/
@media all and (max-width:1100px){
	.loadingsclose {display:none;}
.loadingcontent{position: absolute;
    margin: 0;
    left: 10px;
    right: 10px;
    top: 50px;
    bottom: 10px;
    background-color: #fff;
    /* display: block; 
    width: 100%;*/
    z-index: 3;
    max-width: 880px;}
}
/*================1023==============*/
/*=================================*/
@media all and (max-width:1023px){.contentsMain {width:96%;}
.contentBboxB_a {width:96%;}
.subx1 {display:block;width:100%;padding-bottom:0;position:relative;}
.contact{position:relative;}
.subx2 {display:block; width:100%; min-height:150px;float:left;}
.mainx1_1 .mainlogo2 {width:10%;}

.mainx1 {display:block;width:100%;padding-bottom:0;}
.mainx2 {display:block; width:100%; min-height:150px;float:left;}

.mainx1 .mainx1_2{display:none; width:100%; min-height:150px; background-color:#ff1f23;float:left;}
.mainx1_2 .mainx1_5 {position:relative;display:block;background-color:#00478E; width:100%; height:0; padding-bottom:10%;}
.mainx3 {display:block;}
.mainx1 .mainx1_3{display:none;}
.mainx3 .mainx1_3{display:block;}
.mainx1_4 {position:relative;display:block;background-color:#00478E; width:50%;float:left;height: 90px; padding-bottom:0;}
.mainx1_5 {position:relative;display:block;background-color:#0066CC; width:50%;float:left;height: 90px; padding-bottom:0;}
.mainx1_6 {position:relative;display:block;background-color:#3A2C16; width:100%;float:left;height: 90px; padding-bottom:0;}
.mainx4_1 .mainphot2 {width:33.3125%;height: 100px;}
.mainx4_1 .mainphot3 {width:33.3125%;height: 100px;}
.mainx4_1 .mainphot4 {width:33.3125%;height: 100px;}


.titlecontent .maincon:last-child {display:none;}

.mainxbold {display:block;margin:auto auto;font-size:1.2em;color:#fff;font-weight:800;text-align: center;}
.lastImg{display:none;}
.subtitleimg{width: 150%;min-width:1100px;}/*타이틀그림*/
.topimgbox{position:relative;display:block;width:100%;float:left;text-align:center;}
.toptextbox{position:relative;display:block;width:100%;float:left;}
.bookallbox{width:96%;}
.booksub{margin:10px;}
.bookhidden{width:100%;height:70px;}
.booka{width:50%;}
.bookb{width:50%;}
.portmaincon{width:50%;}
.contentBboxA {width:95%;}
.mainbooks{width:100%;}
.contact .box{margin:25px 30px 0px 30px;}
.subx1 .mainx1_6{display:none;}
.contact .mainx1_6{display:block;}
.partnerlist{width:50%;}
.map_div{aspect-ratio: 6 / 4;}
}

/*================950==============*/
/*=================================*/
@media all and (max-width:950px){
a.header_mobile_totalMenu { color:#fff; display:block; }
.maininfo{width: 100%;    min-height: 600px;}
.headerInfo{width: 100%;
    top: 0px;
    height: 100%;
    position: relative;}
.mainfull{width:100%;height:100%;}
.divview6{width:50%;}
.maininput{float:left;width:100%;top: 100%;}
.maininput_index{float:left;width:100%;}
.maininputsb{float:left;width:100%;}
.mainin{float: left;width: 100%;}
.mainmap{float: left;
    width: 100%;
    height: unset;
    position: fixed;
    top: 105px;
    bottom: 0;}
.maincontact{width: 100%;}
.headerMap{    position: fixed;
    bottom: 0;
    top: 102px;
    display: block;
    width: inherit;}
.headerMapTa{    position: fixed;
    bottom: 0;
    top: 56px;
    display: block;
    width: inherit;}
.moretop{display:none;
	height:40px;
	width:100%;}
#ez_menus{position:relative;}
.head_put{position: absolute;top: 50px;width:100%;}
#partse1, #partse2, #partse3, #map_address{
display: none;
    top: 0;
    background: rgb(255, 255, 255);
    padding: 30px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgb(19, 117, 0);
    width: 100%;
    height: 100%;
    z-index: 10000;box-sizing:border-box;
}
.partsel1_ch1{position: absolute;top: 60px;left: 10px;right: 10px;bottom: 20px;}
.coock{
    height: 0px;
    display: block;
width: 100%;}
#my_view_top{    position: fixed;
    right: 0px;
    top: 55px;
    background: #3f2f71;
    padding: 3px;
    border: 3px solid #9b8dc5;
    box-shadow: 1px 1px;
    width: 300px;
    max-width: 100%;
    box-sizing: border-box;
    bottom: 0;}

#view_rayer{
	position: relative;
    height: 100%;
    overflow-y: auto;
    width: 100%;
}
#view_rmove{
	position: relative;
    width: 100%;
    display: block;
}
.fav_div{
	position: relative;
    width: 100%;
    display: block;
}
#view_table{width: 300px;
    max-width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 27px;
    padding: 3px;
    box-sizing: border-box;
}
#myview{    width: 40px;
    height: 40px;
    position: fixed;
    z-index: 102;
	top: 8px;
    right: 10px;
}
#myview_bg{
	border-radius: 6px;
    cursor: pointer;
}
.fav_class{z-index: 10;
    float: left;
    position: relative;
    width: 100%;
    background: rgb(255, 255, 255);
    padding: 3px;
    box-shadow: 1px 1px;
    font-size: 12px;
    box-sizing: border-box;
    left: 0;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 0px;
    top: 0;}
.del_btn_small{position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3;
    background: #fff;
    width: 20px;
    height: 20px;
}
.divview_small6{
    width: 100%;}
}
/*================850==============*/
/*=================================*/
@media all and (max-width:850px){
    .jisanlist_si{width: 100%;
    float: left;
    padding: 5px;
}
.jisanlist_ban{width: 100%;
    float: left;
    padding: 5px;
}
.main_full_box{
    padding: 5px;
}
.jisanlist_li{
    margin: 3px 0;
    padding: 3px 3px;
}

.jisanlist_namediv{font-size: 1.3em;color: #3d2e04;}
.jisanlist_span1{display: block;
    float: left;
    width: 50px;
    font-size: 0.9em;}
.jisanlist_span2{display: block;
    float: left;
    font-size: 0.9em;
    font-weight: 500;}

.div_row_main{
    margin-left: 5px;
}
.div_row{
    margin-left: 5px;
}
.jisanlist_main_name{
        font-size: 1.3em;
        border-radius: 5px;
        font-weight: 500;
        box-sizing: border-box;
        margin: 0;
        background: #41495b;
        color: #fff;}
.jisanlist_box{
    padding: 5px;}
}
/*================750==============*/
/*=================================*/
@media all and (max-width:750px){.contentsMain {width:98%;}
.contentBboxB_a {width:98%;}
.subtitleimg2{position: absolute;bottom:0;right: 20px;}
.mainx4_1 .mainphot2 {width:50%;height: 110px;}
.mainx4_1 .mainphot3 {width:50%;height: 110px;}
.mainx4_1 a:last-child {display:none;}
.mainx5_1 .img {display:block; width:70px; height:auto;}
.mainx1_4 {position:relative;display:block;background-color:#00478E; width:50%;float:left;height: 90px; padding-bottom:0;}
.mainx1_5 {position:relative;display:block;background-color:#0066CC; width:50%;float:left;height: 90px; padding-bottom:0;}
.mainx1_6 {position:relative;display:block;background-color:#3A2C16; width:100%;float:left;height: 90px; padding-bottom:0;}
.mainxbold {display:block;margin:auto auto;font-size:1.0em;color:#fff;font-weight:800;text-align: center;}
.lastImg{display:none;}

.txtspt{display:block;margin:auto auto;width:100%;float:left;}
.imgspt{display:block;margin:auto auto;text-align: center;width:100%;float:left;}/*교육과정*/

.topimgbox{position:relative;display:block;width:100%;float:left;text-align:center;}
.toptextbox{position:relative;display:block;width:100%;float:left;}
.subtitleimg{width: 200%;min-width:900px;}/*타이틀그림*/
.subx1_3 .mainphot1{height:130px;}
.bookallbox{width:98%;}
.booksub{margin:5px;}
.bookhidden{width:100%;height:0px;}
.booka{width:100%;}
.bookb{width:100%;}
.portmaincon{width:100%;}
.portboxsuba {width:100%;}
.portboxsubb {width:100%;position:relative;}
.portbold3 {margin:15px auto auto 20px;}
.portbold {margin:0px 30px auto 20px;}
.contentBboxA {width:98%;}
.mainbooks{width:100%;}
.inputdiv {width:100%;}
.contact .box{margin:25px 30px 0px 30px;}
.subx1 .mainx1_6{display:none;}
.contact .mainx1_6{display:block;}
.partnerlist{width:50%;}
.headselected_btn_top {
    background: #1f2b44;
    background: linear-gradient(#a0bae2, #1f2b44);
    border: 1px solid #1f2b44;
    padding: 0 3px;
    border-radius: 5px;
    line-height: 28px;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    float: center;
    margin: 4px 0 0 0;
    cursor: pointer;
    height: 33px;
    display: block;
    clear: both;
    width: 80px;
}

.head_btn_top {background: linear-gradient(#ffffff, #eaeaea);
    border: 1px solid #56822c;
    padding: 0 3px;
    border-radius: 5px;
    line-height: 28px;
    color: #5a5a5a;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    margin: 4px 0 0 0;
    cursor: pointer;
    height: 33px;
    display: block;
    clear: both;
    width: 80px;
}
.main_info_imgbox1{width: 100%;}   
.main_info_imgbox2{display: none;}   
}
/*================620==============*/
/*=================================*/
@media all and (max-width:620px){
.divview6{width:100%;}
}
/*================600==============*/
/*=================================*/
@media all and (max-width:600px){.mainx2_2 .mainreq1{width:50%;}
.main_n_e_o{display:none;}
.main_n_e_o2{display:block;}
.mainx2_1 .main_sub{display:none;}
.partnerlist{width:100%;}
.detail_title_css{font-size: 1.3em;}
.maininfogirl{background-size: auto 70%;}
.circlechkcontainer{float:unset;}
.controlboxt{
    right: 105px;
}
}
	
/*================480==============*/
/*=================================*/
@media all and (max-width:480px){.mainx2_2 .mainreq1{width:50%;}
.main_n_e_o{display:none;}
.main_n_e_o2{display:block;}
.mainx2_1 .main_sub{display:none;}
.partnerlist{width:100%;}
.footlogobox{display:none;}
.maininfogirl{background-size: auto 60%;}
.detail_title_css{font-size: 1.1em;}
.maininfosearch{width: 90%;}
.rectangles{    width: 90%;}
.infoltext{font-size: 24px;}
}
/*================420==============*/
/*=================================*/
@media all and (max-width:420px){
.infoltext{font-size: 23px;}
}
/*================360==============*/
/*=================================*/
@media all and (max-width:360px){
.detail_title_css{font-size: 1.1em;}
.infoltext{font-size: 22px;}
}

/*=================================Map====================================*/

/* //140422_수정 */
.super_deal{display:block;border: 1px solid #d7d7d7; clear:both;}
.super_deal ul:after{display:block; content:''; clear:both;}
//.super_deal span{margin:0px;padding:0px;TEXT-ALIGN:center;border: 1px solid #000;}
.super_deal li {display: block;
    POSITION: relative;
    float: left;
    height: 55px;
    border-right: 1px solid #cacaca;
    padding: 0 10px;
    text-align: center;}
.super_deal li span:first-child {display: block;POSITION: relative;height:50%;font-size:10pt; font-weight:bold;}
.super_deal li span:last-child {display: block;POSITION: relative;height:50%;}
.super_dealx{display:block;border: 1px solid #d7d7d7; clear:both;}
.super_dealx ul:after{ content:''; clear:both; }
.super_dealx li {POSITION: relative; float: left; margin: 2px 3px;}
.super_dealx .fcheck {TEXT-ALIGN:center;border: 1px solid #000000;margin: 3px 3px;}

.super_dealy {border: 1px solid #d7d7d7; clear:both;background:#FFFFFF;font-size:0.9em;}
.super_dealy td{border: 1px solid #C0C0C0;}
.super_dealy th{border: 1px solid #7d7d7d;background:#d7d7d7;}
//.super_dealy tr{border: 1px solid #d7d7d7;}
.super_dealy li {POSITION: relative; float: left; margin: 2px 3px;}
.super_dealy .fcheck {TEXT-ALIGN:center;border: 1px solid #000000;margin: 3px 3px;}

.Dsuper_deal {border: 1px solid #d7d7d7; clear:both;background:#FFFFFF;}
.Dsuper_deal td{border: 1px solid #7d7d7d;padding:1px;}
.Dsuper_deal th{border: 1px solid #7d7d7d;background:#d7d7d7;}
.Dsuper_deal tr{border: 1px solid #d7d7d7;}
.Dsuper_deal li {POSITION: relative; float: left; margin: 2px 3px;}
.Dsuper_deal .fcheck {TEXT-ALIGN:center;border: 1px solid #000000;margin: 3px 3px;}

.Dsuper_dealA {border: 1px solid #d7d7d7; clear:both;background:#FFFFFF;line-height:25px;}
.Dsuper_dealA td{border: 1px solid #7d7d7d;}
.Dsuper_dealA th{border: 1px solid #7d7d7d;background:#d7d7d7;}
.Dsuper_dealA tr{border: 1px solid #d7d7d7;}
.Dsuper_dealA .spana {TEXT-ALIGN:center;border: 1px solid #000;background:#D0D0D0;width:25%; float: left;}
.Dsuper_dealA .spanb {TEXT-ALIGN:left;background:#fff;width:60%; float: left;}
.Dsuper_dealA .diva {POSITION: relative;display:block;margin:3px;line-height:30px;width:100%; float: left;}
.Dsuper_dealA .inputa{width:30px;}
.Dsuper_dealA .inputb{width:100%;}
.Dsuper_dealA textarea {width:100%;height:50px;}

.sisi{border: 1px solid #000000;}
.Serch li{margin: 3px 10px 3px 3px;}
.Serch a{margin: 2px 2px 2px 2px;}
.CutLength{width:100%;overflow:hidden;}
.SmallFont{font-size:0.60em;}
.MiddleFont{font-size:0.80em;}



.menu_typecontrol2 {padding: 0;z-index: 1;font-size: 12px;}
.menu_typecontrol2 .selected_btn {color: #fff;background: #425470;background: linear-gradient(#350a50, #9a5e5e);}
.menu_typecontrol2 .btn {background: #fff;background: linear-gradient(#fff, #e6e6e6);}
.menu_typecontrol2 td {cursor: pointer;height: 100%;text-align: center;font-size: 12px;font-weight: bold;line-height: 30px;border-right: 1px solid #9A9A9A;}
.menu_typecontrol2 td:last-child{border-right: 0px solid #9A9A9A;}

.chart_radius_border {border: 1px solid #919191;border-radius: 8px;overflow: hidden;margin: 0 5px;}
.chart_typecontrol {padding: 0;z-index: 1;font-size: 14px;}
.chart_typecontrol .selected_btn {color: #fff;background: #425470;background: linear-gradient(#350a50, #9a5e5e);}
.chart_typecontrol .btn {background: #fff;background: linear-gradient(#2f2f2f, #2d2d2d);color:#fff}
.chart_typecontrol td {cursor: pointer;height: 100%;text-align: center;font-size: 14px;font-weight: bold;line-height: 30px;border-right: 1px solid #9A9A9A;}
.chart_typecontrol td:last-child{border-right: 0px solid #9A9A9A;}


#container {overflow:hidden;height:100%;width:100%;position:relative;}
#mapWrapper {z-index:1;position: absolute;float: left;top: 0px;left: 0px;right: 0px;bottom: 0px;display: block;}
#ezmenu{    Z-index: 13;
    width: 100%;
    float: left;
    display: block;
    Z-index: 13;
    background: #4a5c78;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) inset;
    opacity: 1;position: relative;}
#container.view_searchview #mapWrapper {height: 70%;}
#rvWrapper {top:0;right:0;bottom:50%;left:0;display:none;position:absolute;z-index:1;margin-left: 400px;float: left;}
#container.view_roadview #rvWrapper {display:block;top:0;right:0;left: 0;bottom:50%;float:left;position:absolute;margin-left: 400px;z-index:0;}
#container.view_roadview #mapWrapper {bottom:0;right:0;left:0;top:50%;position:absolute;}
#roadviewControl {position:absolute;top:5px;left:5px;width:65px;height:24px;padding:2px;z-index: 1;background: #f7f7f7;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;cursor: pointer;}
#roadviewControl span {background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/mapworker.png) no-repeat;  padding-left:23px;height:24px;font-size: 12px;display: inline-block;line-height: 2;font-weight: bold;}
#roadviewControl.active {background: #ccc;box-shadow: 0px 1px #5F616D;border: 1px solid #7F818A;}
#roadviewControl.active span {background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/mapworker_on.png) no-repeat;color: #4C4E57;}
#close {position: absolute;padding: 4px;top: 5px;left: 5px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
#close .img {display: block;background: url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/rv_close.png) no-repeat;width: 14px;height: 14px;}
#category {    position: absolute;
    /* top: 5px; */
    /* left: 5px; */
    border-radius: 5px;
    border: 1px solid #909090;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); */
    background: #fff;
    overflow: hidden;
    z-index: 2;
    width: 100%;}
#category li {float: left;
    list-style: none;
    width: 100%;
    font-size: 12px;
    /* border-right: 1px solid #acacac; */
    border-bottom: 1px solid #bdbdbd;
    padding: 6px 0;
    text-align: center;
    cursor: pointer;
    /* margin: 5px; */
    /* padding: 5px; */
    height: 25px;
    line-height: 25px;font-weight: bold;}
#category li:last-child{margin-right:0;border-right:0;border-bottom: 0px solid #bdbdbd;}
#category li.btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}
#category li.selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
/*
#category li .coffe {background-position: -10px -478px;}
#category li .post {background-position: -10px -478px;}
#category li .post {background-position: -10px -478px;}
#category li .post {background-position: -10px -478px;}
#category li .post {background-position: -10px -478px;}
#category li .post {background-position: -10px -478px;}
#category li .post {background-position: -10px -478px;}
#category li .post {background-position: -10px -478px;}
#category li .post {background-position: -10px -478px;}
#category li .post {background-position: -10px -478px;}

MT1 마트
CS2 편의점
PS3 유치원
SC4 학교
AC5 학원
PK6 주차장
OL7 주유소
SW8 지하철
BK9 은행
CT1 문화
AG2 중개소
PO3 관공서
AT4 관광
AD5 숙박
FD6 음식점
CE7 카페
HP8 병원
PM9 약국
*/
#category li.on .category_bg {background-position-x:-46px;}
#subwaydiv{display:none;margin:2px;position: fixed;right:55px;top:45px;overflow-y:auto;border:1px solid #909090;background: #fff;width:150px;height:50%;border-radius: 6px;}
#subgory {position:absolute;top:5px;left:5px;right:5px;border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);overflow: hidden;z-index: 2;}
#subgory li {list-style: none;width:100%;border-bottom:1px solid #acacac;padding:3px 3px;text-align: left; cursor: pointer;}
#subgory li.on {background: #8EE897;}
#subgory li:last-child{border-bottom:0;}
#subgory li span {display:block;margin:0 0 0 0;padding: 0 0 0 25px;width:200px;height: 20px;}
#subgory li .subway_bg {background:url(https://www.jsmoa.com/img/subwaycircle15.png) no-repeat;}
#subgory li .sub1 {background-position: 0px 0px;}
#subgory li .sub2 {background-position: 0px -23px;}
#subgory li .sub3 {background-position: 0px -45px;}
#subgory li .sub4 {background-position: 0px -68px;}
#subgory li .sub5 {background-position: 0px -91px;}
#subgory li .sub6 {background-position: 0px -114px;}
#subgory li .sub7 {background-position: 0px -137px;}
#subgory li .sub8 {background-position: 0px -160px;}
#subgory li .sub9 {background-position: 0px -182px;}
#subgory li .sub10 {background-position: 0px -205px;}
#subgory li .sub11 {background-position: 0px -227px;}
#subgory li .sub12 {background-position: 0px -250px;}
#subgory li .sub13 {background-position: 0px -273px;}
#subgory li .sub14 {background-position: 0px -296px;}
#subgory li .sub15 {background-position: 0px -319px;}
#subgory li .sub16 {background-position: 0px -341px;}
#subgory li .sub17 {background-position: 0px -365px;}
#subgory li .sub18 {background-position: 0px -388px;}
#subgory li .sub19 {background-position: 0px -411px;}
#subgory li .sub20 {background-position: 0px -434px;}
#subgory li.on .category_bg {background-position-x:-46px;}
.placeinfo_wrap {position:absolute;bottom:28px;left:-150px;width:300px;}
.placeinfo {position:relative;width:100%;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;padding-bottom: 10px;background: #fff;}
.placeinfo:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.placeinfo_wrap .after {content:'';position:relative;margin-left:-12px;left:50%;width:22px;height:12px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.placeinfo a, .placeinfo a:hover, .placeinfo a:active{color:#fff;text-decoration: none;}
.placeinfo a, .placeinfo span {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.placeinfo span {margin:5px 5px 0 5px;cursor: default;font-size:13px;}
#menu_wrap {    position: relative;
    top: 0;
    right: 0px;
    bottom: 0px;
    left: 0px;
    /* margin: 5px 5px 5px 5px; */
    padding: 2px;
    overflow-y: auto;
    /* background: rgba(255, 255, 255, 0.7); */
    z-index: 1;
    font-size: 12px;
    /* border-radius: 10px; */}
.bg_white {background:#fff;}
#menu_wrap hr {display: block; height: 1px;border: 0; border-top: 2px solid #5F5F5F;margin:3px 0;}
#menu_wrap .option{text-align: center;}
#menu_wrap .option p {margin:10px 0;}
#menu_wrap .option button {margin-left:5px;}
#placesList li {list-style: none;}
#placesList .item {position:relative;border-bottom:1px solid #888;overflow: hidden;cursor: pointer;min-height: 65px;width: 95%;margin: auto;}
#placesList .item span {display: block;margin-top:4px;}
#placesList .item h5{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px;font-weight: bold;}
#placesList .item .info {padding:10px 0 10px 55px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 13px;}
#placesList .info .gray {color:#8a8a8a;}
#placesList .info .jibun {padding-left:26px;background:url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) no-repeat;}
#placesList .info .tel {color:#030c52;}
#placesList .item .markerbg {float:left;position:absolute;width:36px; height:37px;margin:10px 0 0 10px;background:url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_number_blue.png) no-repeat;}
#placesList .item .marker_1 {background-position: 0 -10px;}
#placesList .item .marker_2 {background-position: 0 -56px;}
#placesList .item .marker_3 {background-position: 0 -102px}
#placesList .item .marker_4 {background-position: 0 -148px;}
#placesList .item .marker_5 {background-position: 0 -194px;}
#placesList .item .marker_6 {background-position: 0 -240px;}
#placesList .item .marker_7 {background-position: 0 -286px;}
#placesList .item .marker_8 {background-position: 0 -332px;}
#placesList .item .marker_9 {background-position: 0 -378px;}
#placesList .item .marker_10 {background-position: 0 -423px;}
#placesList .item .marker_11 {background-position: 0 -470px;}
#placesList .item .marker_12 {background-position: 0 -516px;}
#placesList .item .marker_13 {background-position: 0 -562px;}
#placesList .item .marker_14 {background-position: 0 -608px;}
#placesList .item .marker_15 {background-position: 0 -654px;}
#pagination {margin:10px auto;text-align: center;}
#pagination a {display:inline-block;margin-right:10px;}
#pagination .on {font-weight: bold; cursor: default;color:#777;}
.placeinfo .title {font-weight: bold; font-size:14px;border-radius: 6px 6px 0 0;margin: -1px -1px 0 -1px;padding:10px; color: #fff;background: #d95050;background: #d95050 url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.placeinfo .tel {color:#0f7833;}
.placeinfo .jibun {color:#999;font-size:11px;margin-top:0;}

#adress_wrap hr {display: block; height: 1px;border: 0; border-top: 2px solid #5F5F5F;margin:3px 0;}
#adress_wrap .option{text-align: center;}
#adress_wrap .option p {margin:10px 0;}
#adress_wrap .option button {margin-left:5px;}
#adressList li {list-style: none;}
#adressList .item {position:relative;border-bottom:1px solid #888;overflow: hidden;cursor: pointer;min-height: 65px;width: 95%;margin: auto;}
#adressList .item span {display: block;margin-top:4px;}
#adressList .item h5{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px;font-weight: bold;}
#adressList .item .info {padding:10px 0 10px 55px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 13px;}
#adressList .info .gray {color:#8a8a8a;}
#adressList .info .jibun {padding-left:26px;background:url(http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) no-repeat;}
#adressList .info .tel {color:#030c52;}

#adressList .item .markerbg {float:left;position:absolute;width:36px; height:37px;margin:10px 0 0 10px;background:url(http://t1.daumcdn.net/localimg/localimages/07/2012/img/marker_normal.png) no-repeat;}
#adressList .item .marker_1 {background-position: 0 -10px;}
#adressList .item .marker_2 {background-position: 0 -56px;}
#adressList .item .marker_3 {background-position: 0 -102px}
#adressList .item .marker_4 {background-position: 0 -148px;}
#adressList .item .marker_5 {background-position: 0 -194px;}
#adressList .item .marker_6 {background-position: 0 -240px;}
#adressList .item .marker_7 {background-position: 0 -286px;}
#adressList .item .marker_8 {background-position: 0 -332px;}
#adressList .item .marker_9 {background-position: 0 -378px;}
#adressList .item .marker_10 {background-position: 0 -423px;}
#adressList .item .marker_11 {background-position: 0 -470px;}
#adressList .item .marker_12 {background-position: 0 -516px;}
#adressList .item .marker_13 {background-position: 0 -562px;}
#adressList .item .marker_14 {background-position: 0 -608px;}
#adressList .item .marker_15 {background-position: 0 -654px;}

#ez_wrap {position:absolute;top:0;left:0;right:0;bottom:0;margin:5px 5px 5px 5px;padding:2px;overflow-y:auto;background:rgba(200, 209, 229, 1);z-index: 2;font-size:12px;border-radius: 10px;}
#ezdiv{display:none;margin:0px;position: fixed;left:0;bottom:0;width:100%;height:30%;background:#4865A8;border-radius: 0px;overflow-y:auto;}

#framediv{display:none;margin:0px;position:fixed;bottom:0;right:0;left:0;top:50%;background:#4865A8;border-radius: 0px;border: 2px solid #4865A8;}
#framepic{display:none;margin:0px;position:fixed;left:0;bottom:0;top:0;right:0;background:#4865A8;border-radius: 0px;border: 2px solid #4865A8;}

#frame_wrap     {position:relative;overflow:auto;top:0;left:0;right:2px;bottom:2px;width:100%;height:100%;font-size:12px;z-index:2;overflow-x: hidden; -webkit-overflow-scrolling: touch;}
#framepic_wrap  {position:relative;overflow:auto;top:0;left:0;right:2px;bottom:2px;width:100%;height:100%;font-size:12px;z-index:2;overflow-x: hidden; -webkit-overflow-scrolling: touch;}

#ezdiv hr {display:block;height:1px;border:0; border-top: 2px solid #5F5F5F;margin:3px 0;}

.infosamll{position:relative;padding:2px;font-size:11px;line-height: 120%;}
.infosamll span {position:relative;font-size:11px;line-height: 120%;}
.radius_border{border:1px solid #919191;border-radius:5px;}
.custom_typecontrol {position:absolute;top:5px;right:5px;overflow:hidden;    width: 200px;height: 30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_typecontrol span {border-right:1px solid #9A9A9A;display:block;width:45px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}

.map_typecontrol {padding: 0;z-index: 1;font-size: 12px;}
.map_typecontrol .selected_btn {color: #fff;background: #425470;background: linear-gradient(#425470, #5b6d8a);}
.map_typecontrol .btn {background: #fff;background: linear-gradient(#fff, #e6e6e6);}
.map_typecontrol td {cursor: pointer;height: 100%;text-align: center;font-size: 12px;font-weight: bold;line-height: 30px;border-right: 1px solid #9A9A9A;}
.map_typecontrol td:last-child{border-right: 0px solid #9A9A9A;}

.custom_nocontrol{position:absolute;bottom:5px;right:170px;width:70px;height:30px;overflow:hidden;z-index:1;background-color:#f5f5f5;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_nocontrol span {display:block;margin:2px;height:100%;text-align:center;cursor:pointer;float:left;line-height:25px;}

.custom_qcontrol{position:absolute;bottom:5px;right:60px;width:100px;height:30px;overflow:hidden;z-index:1;background-color:#f5f5f5;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_qcontrol span {display:block;margin:2px;height:100%;text-align:center;cursor:pointer;float:left;line-height:25px;}

.custom_adresscontrol {position:absolute;top:5px;left:5px;overflow:hidden;z-index:1;}
.custom_adresscontrol ul:after{display:block; content:''; clear:both;}
.custom_adresscontrol span{display:block;margin:2px;height:24px;text-align:center;cursor:pointer;float:left;line-height:24px;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_adresscontrol li {background-color:#f5f5f5;display:block;POSITION: relative; float: left; margin: 2px 3px;border:1px solid #919191;border-radius:5px;}
.custom_adresscontrol input{display:block;margin:2px;width:150px;height:20px;text-align:center;cursor:pointer;float:left;line-height:20px;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}

.custom_searchcontrol {    overflow: hidden;
    z-index: 1;
    width: 250px;
    height: 45px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    margin: auto;
    bottom: 8px;
    left: 50%;
    margin-left: -125px;}
.custom_searchcontrol span{display:block;text-align:center;cursor:pointer;float:left;line-height:24px;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_searchcontrol input{    display: block;
    /* margin: 2px; */
    width: 100%;
    height: 100%;
    text-align: left;
    cursor: pointer;
    float: left;
    line-height: 20px;
    font-size: 12px;
    font-family: 'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_searchcontrol input[type="text"]{width: 100%;
    /* background-color: #d6aeae; */
    color: #000000;
    border: 0px solid #D5D5D5;
    font-size: 16px;
    font-weight: bold;
    padding: 0 20px;
    height: 45px;}	
.custom_searchcontrol input[type="text"]:focus {
    outline: none !important;
    border:0px solid red;
}

.custom_zoomcontrol {position:absolute;    transform: translate(0, -50%);top:50%;right:5px;width:40px;height:116px;overflow:hidden;z-index:1;background-color:#f5f5f5;font-size:15px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_zoomcontrol span {border-bottom:1px solid #9A9A9A;display:block;width:40px;height:38px;text-align:center;cursor:pointer;line-height:38px;background:linear-gradient(#fff,  #e6e6e6);}
.custom_zoomcontrol span:active {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}

.gomul{background:#fff;font-size:12px;width:50px;height:30px;}

.gomulpic{background:#fff;font-size:12px;width:50px;height:30px;color:red;}
.gomulpic:active{background:#9A9A9A;}

.gomulX{background:#000;font-size:12px;width:50px;height:30px;color:white;}

.infoimg{background:#fff;margin:3px;#fff;font-size:12px;}
.infoimg:active{background:#9A9A9A;}

.custom_btncontrol {position:absolute;top:10px;left:200px;width:40px;height:35px;overflow:hidden;z-index:1;background-color:#f5f5f5;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_btncontrol span {border-bottom:1px solid #9A9A9A;display:block;width:40px;height:30px;text-align:center;line-height:30px;cursor:pointer;}
.custom_btncontrol .btn {background:#f5f5f5;background:linear-gradient(#fff,  #e6e6e6);}
.custom_btncontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}

.custom_optcontrol {position:absolute;bottom:50%;right:5px;width:40px;height:92px;overflow:hidden;z-index:1;background-color:#f5f5f5;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_optcontrol span {border-bottom:1px solid #9A9A9A;display:block;width:40px;height:30px;text-align:center;line-height:30px;cursor:pointer;background:linear-gradient(#fff,  #e6e6e6);}
.custom_optcontrol .btn {background:linear-gradient(#fff,  #e6e6e6);}
.custom_optcontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}


.EZ_btncontrol {position:absolute;bottom:23px;left:5px;width:40px;height:40px;overflow:hidden;z-index:1;background-color:#f5f5f5;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.EZ_btncontrol span {display:block;width:40px;height:40px;text-align:center;line-height:40px;cursor:pointer;}
.EZ_btncontrol .btn {background:#f5f5f5;background:linear-gradient(#fff,  #95CABA);}
.EZ_btncontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#734057, #8F5657);}


#Ez_search{position:absolute;display:block;bottom:0;right:0;left:0;top:0;overflow:hidden;}

#super_search{position:absolute;bottom:20px;right:50px;left:50px;overflow:hidden;z-index:1;}
#super_search ul:after{display:block; content:''; clear:both;}
#super_search span{display:block;margin:2px;height:20px;text-align:center;cursor:pointer;float:left;line-height:20px;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
#super_search li {background-color:#f5f5f5;display:block;POSITION: relative; float: left; margin: 2px 3px;border:1px solid #919191;border-radius:5px;}
#super_search input{display:block;margin:2px;height:17px;text-align:center;cursor:pointer;float:left;line-height:17px;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}

#Damdang_wrap {vertical-align:middle;position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:block;}
#damdang_search {position:absolute;overflow:hidden;z-index:1;    top: 50%;    left: 50%;    margin: -160px 0 0 -120px;padding:20px;width:200px;display:block;border-radius:10px;background:linear-gradient(#FFFFFF,#CDCDCD);}
#damdang_search ul:after{display:block; content:''; clear:both;}
#damdang_search span{display:block;margin:2px;height:10px;text-align:center;cursor:pointer;float:left;line-height:20px;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
#damdang_search li {display:block;POSITION: relative;padding:10px;border-bottom:1px solid #919191;text-align:center;font-size:14px;color:#000;font-weight:800;}
#damdang_search li:active {background-color:rgba(0,0,0,0.5);}

.subbutton{position: absolute;
    bottom: 65px;
    /* margin-left: auto; */
    width: 100%;
    text-align: center;}
.inputselect {width: 80px;
    outline: none;
    height: 35px;
    /* padding: 9px 9px; */
    color: #444444;
    font-size: 12px;
    border: 1px solid #B4B4B4;
    background-color: #fff;
    font-weight: 600;
    border-radius: 0px;
}
.bbuttontext {
    padding: 6px 30px;
    color: #fff!important;
    text-shadow: 0 1px 0 #135fa4;
    border: 1px solid #135fa4;
    border-top-color: #2d9acf;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22);
    background: #3aaee7;
    background: linear-gradient(to bottom, #3aaee7 0%, #1a80d9 100%);
}
.bbuttontext {
    padding: 6px 30px;
    color: #fff!important;
    text-shadow: 0 1px 0 #135fa4;
    border: 1px solid #135fa4;
    border-top-color: #2d9acf;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22);
    background: #3aaee7;
    background: linear-gradient(to bottom, #3aaee7 0%, #1a80d9 100%);
}
<!--동동이-->
.MapWalker {position:absolute;margin:-26px 0 0 -51px}
.MapWalker .figure {position:absolute;width:25px;left:38px;top:-2px;height:39px;background:url(http://i1.daumcdn.net/localimg/localimages/07/2012/roadview/roadview_minimap_wk.png) -298px -114px no-repeat}
.MapWalker .angleBack {width:102px;height:52px;background: url(http://i1.daumcdn.net/localimg/localimages/07/2012/roadview/roadview_minimap_wk.png) -834px -2px no-repeat;}
.MapWalker.m0 .figure {background-position: -298px -114px;}
.MapWalker.m1 .figure {background-position: -335px -114px;}
.MapWalker.m2 .figure {background-position: -372px -114px;}
.MapWalker.m3 .figure {background-position: -409px -114px;}
.MapWalker.m4 .figure {background-position: -446px -114px;}
.MapWalker.m5 .figure {background-position: -483px -114px;}
.MapWalker.m6 .figure {background-position: -520px -114px;}
.MapWalker.m7 .figure {background-position: -557px -114px;}
.MapWalker.m8 .figure {background-position: -2px -114px;}
.MapWalker.m9 .figure {background-position: -39px -114px;}
.MapWalker.m10 .figure {background-position: -76px -114px;}
.MapWalker.m11 .figure {background-position: -113px -114px;}
.MapWalker.m12 .figure {background-position: -150px -114px;}
.MapWalker.m13 .figure {background-position: -187px -114px;}
.MapWalker.m14 .figure {background-position: -224px -114px;}
.MapWalker.m15 .figure {background-position: -261px -114px;}
.MapWalker.m0 .angleBack {background-position: -834px -2px;}
.MapWalker.m1 .angleBack {background-position: -938px -2px;}
.MapWalker.m2 .angleBack {background-position: -1042px -2px;}
.MapWalker.m3 .angleBack {background-position: -1146px -2px;}
.MapWalker.m4 .angleBack {background-position: -1250px -2px;}
.MapWalker.m5 .angleBack {background-position: -1354px -2px;}
.MapWalker.m6 .angleBack {background-position: -1458px -2px;}
.MapWalker.m7 .angleBack {background-position: -1562px -2px;}
.MapWalker.m8 .angleBack {background-position: -2px -2px;}
.MapWalker.m9 .angleBack {background-position: -106px -2px;}
.MapWalker.m10 .angleBack {background-position: -210px -2px;}
.MapWalker.m11 .angleBack {background-position: -314px -2px;}
.MapWalker.m12 .angleBack {background-position: -418px -2px;}
.MapWalker.m13 .angleBack {background-position: -522px -2px;}
.MapWalker.m14 .angleBack {background-position: -626px -2px;}
.MapWalker.m15 .angleBack {background-position: -730px -2px;}


.dot {overflow:hidden;float:left;width:12px;height:12px;background: url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/mini_circle.png');}
.dotOverlay {position:relative;bottom:10px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;font-size:12px;padding:5px;background:#fff;}
.dotOverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.number {font-weight:bold;color:#ee6152;}
.dotOverlay:after {content:'';position:absolute;margin-left:-6px;left:50%;bottom:-8px;width:11px;height:8px;background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white_small.png')}
.distanceInfo {position:relative;top:5px;left:5px;list-style:none;margin:0;}
.distanceInfo .label {display:inline-block;width:50px;}
.distanceInfo:after {content:none;}
#menu_top{background: #4a5c78;}
#sel_part{background: #4a5c78;
    border-top: 3px solid #4a5c78;
    border-bottom: 1px solid #4a5c78;
    box-shadow: 0 3px 3Px rgba(0, 0, 0, 0.4);
    margin-top: 3px;
    /* margin-bottom: 10px; */
    padding-bottom: 10px;}
.markerdiv{display: block;position: absolute;top: 5px;left: 28px;color: #fff;}
.markerspan1{color: #f1f1f1;font-size:12px;text-align:center;    display: block;}
.markerspan2{color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    border-top: 1px dotted #ececec;}
/*인포윈도우*/
.infowin{overflow: hidden;width:250px;padding-bottom: 3px;pointer-events: none;  -ms-user-select: none; 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
.infowin .itop{font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    /* border-bottom: 1px solid #ffb100; */
    margin: 0;
    width: 100%;
    height: 25px;
    background: linear-gradient(#7883a0, #30405a);
    line-height: 25px;}
.infowin .itop .isub2{margin-left: 15px;}
.infowin .imiddle{font-size: 12px;
    text-align: left;
    margin: 0 10px;
    border-bottom: 1px dotted #989898;}
.infowin :last-child.imiddle{
    border-bottom: 0px;}
.infowin .imiddle .isub1{    width: 50px;text-align:center;
    display: inline-block;
    font-weight: bold;
    color: #1F0466;
    padding-right: 5px;
    border-right: 1px dotted;}
.infowin .imiddle .isub2{    margin-left: 15px;
    color: #000;
    font-size: 11px;
    font-weight: bold;}
.infowin .imchartx {
    font-size: 12px;
    text-align: left;
    margin-left: 0;
}
.infowin .imcharttop .isub1{width: 50px;
    display: inline-block;
    font-weight: bold;
    color: #1F0466;}
.infowin .imcharttop .isub2{margin-left: 15px;color: #000;}
.infowin .imcharttop .isub3{font-weight: bold;
    display: inline-block;
    color: #920f0f;}
.infowin .imcharttop{
	font-size: 12px;
    text-align: left;
    padding-left: 20px;
    box-shadow: 1px 1px 3px 0px #08012b;
}
.title_css_1{
	color: #5d5d5d;
    font-size: 1.2em;
    padding: 0 10px;
    font-weight: bold;
    margin-top: 10px;
    border-left: 5px solid #cecece;
    margin-left: 30px;
    height: 18px;
    line-height: 15px;
    box-sizing: border-box;
    display: block;
	}
#input_part{
    margin-top: 3px;
    padding-bottom: 10px;}

.imchart{background-color: #fff;
    border: 1px solid #ccc;
        margin: 10px 3px;}
.part_list,.part_list_pa{    position: relative;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    height: 150px;
    z-index: 5;
    border: 1px solid #cccccc;
    background-color: #dedede;
}
.part_list li{list-style: none;
    width: 100%;
    font-size: 12px;
    border-bottom: 1px dotted #bdbdbd;
    padding: 0 0 0 30px;
    text-align: left;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    border: 1px dotted #dcdcdc;}

.partM_list{    position: relative;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    height: 150px;
    z-index: 5;
    border: 1px solid #cccccc;
    background-color: #dedede;
}
.partM_list li{list-style: none;
    width: 100%;
    font-size: 12px;
    border-bottom: 1px dotted #bdbdbd;
    padding: 0 0 0 30px;
    text-align: left;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    border: 1px dotted #dcdcdc;}
.part_full_info{position: absolute;    white-space: normal;
    top: 0;
    bottom: 0;
    background: #dadada;
    right: 0;
    left: 0;
    font-size: 12px;
    font-weight: bold;
    color: #5d5d5d;
    text-align: center;
vertical-align: middle;}
.part_full_info span{margin: 30px;
    display: block;
    top: 30%;
    position: relative;}
.nosel_btn {background-image: url(https://www.jsmoa.com/img/chkoff.png);background-repeat: no-repeat;background-position: 5px center;background-size: 18px auto;}
.sel_btn {background-image: url(https://www.jsmoa.com/img/chkon.png);background-repeat: no-repeat;background-position: 5px center;background-size: 18px auto;}
.keysel_btn{background-image: url(https://www.jsmoa.com/img/chkleft.png);background-repeat: no-repeat;background-position: 5px center;background-size: 11px auto;}
.msel_btn{background-image: url(https://www.jsmoa.com/img/chkcir.png);background-repeat: no-repeat;background-position: 15px center;background-size: 8px auto;}
.chart_list > li:first-child {color: #fff;background: linear-gradient(#ff4466, #9e3f51);}
.title_css_t{    font-size: 12px;
    padding: 5px 0 0 0;
    font-weight: bold;
    text-align: center;}
.charttable_back{    display: block;
    margin-bottom: 30px;}
/*디테일*/
.detailwin{overflow: hidden;
    width: 100%;
    padding-bottom: 0px;
    background: #6861a5;}
.detailwin .itop{    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    /* border-bottom: 1px solid #ffb100; */
    /* margin: 0; */
    width: 100%;
    height: 35px;
    /* background: linear-gradient(#7883a0, #30405a); */
    line-height: 30px;
    background: #6861a5;
    border-bottom: 1px dotted #b7b2e6;}
.detailwin .itop .isub2{margin-left: 15px;}
.detailwin .imiddle{    font-size: 10pt;
    /* height: 35px; */
    font-weight: bold;
    text-align: left;
    padding: 10px;
    background: #fff;
    border-bottom: 1px dotted #6861a5;}
.detailwin .imiddle .isub1{    width: 80px;
    display: inline-block;
    background-image: url(http://www.juan24.com/Img/icon_arrowrightgray.png);
    background-repeat: no-repeat;
    background-position: right 5px;
    margin-left: 15px;
    color: #4d4688;}
.detailwin .imiddle .isub2{margin-left: 15px;color: #585858;display: inline-block;}

#msearch{display:none;margin: 0px;position: relative;background: #4a5c78;border-radius: 0px;}


.search_top_top{    height: 40px;
    font-size: 16px;
    color:#fff;
    text-align: center;
    width: 95%;
    position: relative;
    border-bottom: 1px dotted #000;
    margin: auto;
    vertical-align: middle;
    line-height: 40px;
    font-weight: bold;}
.search_top{    height: 40px;
    font-size: 16px;
    text-align: center;
    width: 100%;
    position: relative;
    border-bottom: 1px dotted #000;
    margin: auto;
    vertical-align: middle;
    line-height: 40px;
    font-weight: bold;background: #e0e0e0;}
#scrollbars{width: 100%;
    top: 0;
        background: #fff;
    bottom: 2px;
        overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
margin-top: 0px;}
#scrollbars::-webkit-scrollbar-track
{
	
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background-color: #f5f5f500;
}

#scrollbars::-webkit-scrollbar
{
    width: 4px;
    /* background-color: #4c4c4c00; */
    position: absolute;
    margin-right: 5px;
}

#scrollbars::-webkit-scrollbar-thumb
{
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #4c4c4c57;
}

.catebtnx{width: 44px;
    height: 44px;
    background: #222d3e;
    float: left;
    margin-left: 3px;
    border-radius: 8px;
    background-image: url(http://www.juan24.com/Img/rout_righr.png);
    background-repeat: no-repeat;
    background-position: right 3px top 14px;
    background-size: 8px 15px;
    color: #ced7e4;
    font-size: 13px;
    border: 1px solid #838e9e;
    cursor: pointer;}
.catebtnxsel{    width: 44px;
    height: 44px;
    background: #397ae0;
    float: left;
    margin-left: 3px;
    border-radius: 8px;
    background-image: url(http://www.juan24.com/Img/rout_righr.png);
    background-repeat: no-repeat;
    background-position: right 3px top 14px;
    background-size: 8px 15px;
    color: #ffffff;
    font-size: 13px;
    border: 1px solid #ffffff;
    cursor: pointer;}
    

#detail_x3 table{display: table;position: relative;background: #fff;width: 100%;}
#detail_x3 th{height: 28px;border: 1px solid #a9a9a9;font-size: 12px;background: #42699a;color: #fff;font-weight: bold;}
#detail_x3 td{height: 28px;text-align: center;border: 1px solid #cccccc;border-collapse: collapse;margin: 0;padding: 0;font-size: 12px;display: table-cell;vertical-align: inherit;}
#detail_x4 table{display: table;position: relative;background: #fff;width: 100%;}
#detail_x4 th{height: 28px;border: 1px solid #a9a9a9;font-size: 12px;background: #9a4286;color: #fff;font-weight: bold;}
#detail_x4 td{height: 28px;text-align: center;border: 1px solid #cccccc;border-collapse: collapse;margin: 0;padding: 0;font-size: 12px;display: table-cell;vertical-align: inherit;}
.soPart{background: #eaeaea;font-weight:bold;}
.soPart td{background: #eaeaea;font-weight:bold;}
#catediv{top: 55px;left: 10px;width: 60px;position: absolute;display: none;Z-index: 13;height: 300px;}
.bold{font-weight:bold;}

/*바운스*/
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-18px);}
} 
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-18px);}
} 


.bounce {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
/*바운스끝*/

#contact_box {
    position: relative;
    display: block;
    overflow: hidden;
    background:#231c2d;
}
#contact_box .box {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 25px 30px 30px 30px;
    line-height: 1em;
    width: 90%;
}
#contact_box .box .textaa {
    font-size: .7em;
    color: #FFF;
    text-align: left;
}

/*특징란*/
.other_box{width: 100%;
    font-size: 16px;
    color: rgb(58, 58, 58);
    font-weight: normal;
    line-height: 20px;
    margin: auto auto 20px;
    padding: 5px;
    box-sizing: border-box;}
.other_t1{    font-size: 15px;
    font-weight: bold;
    padding: 10px;
    background: #e5e5e5;
    }
.other_t2{font-size: 14px;margin-left: 15px;
    font-weight: bold;}
.other_t3{font-size: 12px;margin-left: 35px;
    font-weight: bold;}
.other_t4{font-size: 12px;margin-left: 45px;}
.other_hr{    border-top: 1px solid #ccc;
    height: 1px;
    display: block;
    margin-top: 10px;}
.bboskd{width: 60px;
    font-size: 11px;}