/* 공통 */

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.cdnfonts.com/css/myriad-pro);

html,
body {
    font-family: "Noto Sans KR", sans-serif !important;
    overflow-x: hidden;
    max-width: 100%;
}

a {
    text-decoration-line: none;
    color: #2d92fe;
}

a:hover {
    text-decoration-line: none;
}

img {
    backface-visibility: hidden;
    transform: translateZ(0);
    image-rendering: -webkit-optimize-contrast;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.block {
    display: block;
}

.clearfix::after {
    content: "";
    clear: both;
    display: block;
}

.material-symbols-outlined {
    font-size: 20px;
}

.myriadpro {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #0f1841;
    padding-right: 10px;
}

.montserrat {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 9px;
    padding-right: 10px;
    color: #2d92fe;
}

.container {
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
    max-width: 1200px;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;

}

.section01,
.section02,
.section03,
.section04,
.section05,
.section06,
.section07 {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.top_padding50 {
    padding-top: 50px;
}

.blank35 {
    margin-top: 35px;
}

.blank30 {
    margin-top: 30px;
}

.blank18 {
    height: 18px;
    display: block;
}

.blank12 {
    height: 12px;
    display: block;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.padding-bottom-160 {
    padding-bottom: 160px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

h3 {
    color: #171717;
    font-weight: 700;
}

h4 {
    font-size: 16px;
}

#navbarResponsive > ul > li > a:focus,
#navbarResponsive > ul > li > a:hover {
    border-bottom: 2px solid #2d92fe;
    color: #2d92fe;
}

.sky {
    color: #2d92fe;
}



/* 게시판 카테고리

#bo_cate {margin:25px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {width:70px;display:block;padding:5px 8px;border-radius:6px;border:1px solid #f7f8fa;color:#585858;background:#f7f8fa;font-size: 14px;text-align:center;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {width:70px;text-decoration:none;background:#2d92fe;color:#fff;text-align:center;}
#bo_cate #bo_cate_on {z-index:2;background:#2d92fe;color:#fff;font-weight:bold;border:1px solid #2d92fe;
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}  */



/*메인슬라이드 */


.swiper {
    text-align: center;
    margin: 0 auto;
}

/* 위 & 아래 화살표 */
.arrows {
    clear: both;
}

.btn_left,
.btn_right {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 59px;
    margin-top: -30px;
    opacity: 100;
    filter: alpha(opacity:0);
    z-index: 4;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.mySwiper .btn_left {
    left: -60px;
}

.mySwiper .btn_right {
    right: -60px;
}

.mySwiper .btn_left a,
.mySwiper .btn_right a {
    display: block;
    width: 30px;
    height: 59px;
}

.mySwiper .btn_left a {
    background: url('') no-repeat 0 0;
}

.mySwiper .btn_right a {
    background: url('') no-repeat 0 0;
}

.mySwiper:hover .btn_left {
    left: 70px;
    opacity: 0.3;
    filter: alpha(opacity:30);
}

.mySwiper:hover .btn_right {
    right: 70px;
    opacity: 0.3;
    filter: alpha(opacity:30);
}

.mySwiper .btn_left:hover,
.mySwiper .btn_right:hover {
    opacity: 1;
    filter: alpha(opacity:100);
}

.swiper-button-next,
.swiper-button-prev {
    display: none;
}

.banner01 .paging_option {
    width: 55px;
    height: 37px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 40px;
    left: 92%;
    bottom: 20px;
    position: absolute;
    z-index: 10;
}

.swiper-pagination,
.swiper-pagination-fraction {
    position: relative;
    color: #d1d1d1;
    bottom: 0;
    width: 55px !important;
    height: 13px;
    font-weight: 500;
    margin-left: 0px;
    margin-bottom: 9px;
    display: inline-block;
}

.swiper-pagination-current {
    font-weight: 800;
    color: #fff;
    font-size: 14px;
}

.swiper-pagination-total {
    color: #d1d1d1;
    font-weight: 500;
    font-size: 14px;
}

.mySwiper .swiper-slide a img {
    width: 100%;
    ;
    border-radius: 20px;
    margin-left: 0;
    margin-right: 0;
}

.banner01 {
    width: 894px;
    margin-right: 20px;
}

.search_section {
    width: 100%;
    max-width: 1200px;
    margin: 0px;
    border: 0px;
    display: flex;
    position: relative;
}

.sideSwiper .btn_left {
    left: -60px;
}

.sideSwiper .btn_right {
    right: -60px;
}

.sideSwiper .btn_left a,
.sideSwiper .btn_right a {
    display: block;
    width: 30px;
    height: 59px;
}

.sideSwiper .btn_left a {
    background: url('') no-repeat 0 0;
}

.sideSwiper .btn_right a {
    background: url('') no-repeat 0 0;
}

.sideSwiper:hover .btn_left {
    left: 70px;
    opacity: 0.3;
    filter: alpha(opacity:30);
}

.sideSwiper:hover .btn_right {
    right: 70px;
    opacity: 0.3;
    filter: alpha(opacity:30);
}

.sideSwiper .btn_left:hover,
.sideSwiper .btn_right:hover {
    opacity: 1;
    filter: alpha(opacity:100);
}

.banner02 .paging_option {
    width: 55px;
    height: 37px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 40px;
    left: 74%;
    bottom: 20px;
    position: absolute;
    z-index: 10;
}

.swiper-pagination,
.swiper-pagination-fraction {
    position: relative;
    color: #d1d1d1;
    bottom: 0;
    width: 55px !important;
    height: 13px;
    font-weight: 500;
    margin-left: 0px;
    margin-bottom: 9px;
    display: inline-block;
}

.sideSwiper .swiper-slide a img {
    width: 100%;
    border-radius: 20px;
    margin-left: 0;
    margin-right: 0;
}

.banner02 {
    width: 286px;
}


#main .section01 {
    display: flex;
}

/* 메인 게시판 */
#main .section02 {
    width: 100%;
    height: 590px;
    margin: 0px;
    border: 0px;
    display: flex;
    justify-content: center;
    max-width: 1200px;
}

#main .section02 .help,
.section02 .news {
    width: 50%;
    padding: 0 10px;
    margin-top: 0px;
    display: inline-block;
}

#main .section02 .help .title,
.section02 .news .title {
    width: 88%;
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
}

#main .section02 .more {
    width: 12%;
    display: contents;
    font-size: 14px;
    color: #2d92fe;
    font-weight: 700;
    text-align: right;
    margin-right: 0;
    position: relative;
}

.more > a,
.more > a:hover,
.more > a:focus {
    text-decoration: none;
    color: #2d92fe;
}

#main .section02 .help .box,
.section02 .news .box {
    width: 100%;
    height: 130px;
    margin-bottom: 10px;
    background-color: #fff;
}

#main .section02 .help .box:nth-child(1),
.section02 .news .box:nth-child(1) {
    margin-bottom: 0px;
}

#main .section02 .help .box:last-child,
.section02 .news .box:last-child {
    margin-bottom: 0px;
}

    {
    width: 100%;
    height: 130px;
    margin-bottom: 10px;
    background-color: #fff;
}

.q_icon {
    width: 100%;
}

.q_icon img {
    margin-top: 36px;
}

.help .box .category {
    font-size: 13px;
    font-weight: 800;
    display: inline-block;
    position: absolute;
    margin-left: 20px;
    margin-top: 14px;
    background-color: #2d92fe;
    color: #fff;
    border-radius: 20px;
    width: 75px;
    padding: 2px 10px;
    text-align: center;
}

.news .box .category {
    font-size: 16px;
    font-weight: 800;
    display: inline-block;
    position: absolute;
    margin-left: 20px;
    margin-top: 16px;
    color: #2d92fe;
    text-align: left;
}

.help .box .q_title {
    font-size: 16px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
    position: absolute;
    margin-left: 20px;
    margin-top: 42px;
}

.news .box .q_title {
    font-size: 16px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
    position: absolute;
    margin-left: 20px;
    margin-top: 50px;
}

.help .box .q_txt {
    font-size: 13px;
    color: #171717;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    margin-left: 20px;
    margin-top: 70px;
    letter-spacing: -1.2px;
}

.news .box .q_txt {
    font-size: 13px;
    color: #171717;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    margin-left: 20px;
    margin-top: 102px;
    letter-spacing: -1.2px;
}

.news .box .thum {
    width: 100%;
}

/*개원입지*/
.section03 {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
}

.section03 .box_wrap {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
    display: flex;
}

.section03 .box {
    width: 25%;
    z-index: 1;
    box-sizing: content-box;
    font-size: 16px;
    color: #2d92fe;
    font-weight: 800;
    padding-bottom: 34px;
    padding-right: 20px;
    display: inline-block;
}

.section03 .box_wrap > div:nth-child(4) {
    padding-right: 0px;
}

.section03 .box span {
    font-size: 16px;
    color: #2d92fe;
    font-weight: 700;
}

.section03 .box .category {
    padding-top: 18px;
    display: inline-block;
}

.section03 .box .location_txt {
    font-size: 15px;
    color: #171717;
    font-weight: 500;
    letter-spacing: -1.2px;
    padding-top: 8px;
    display: inline-block;
}

.section03 .box .add {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #585858;
    padding-top: 7px;
    display: inline-block;
}

.section03 .box .new_icon {
    font-size: 13px;
    font-weight: 600;
    width: 53px;
    height: 26px;
    background-color: #2d92fe;
    color: #fff;
    border-radius: 5px;
    padding: 4px 11px;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin-top: 15px;
    margin-left: 15px;
}

.section03 .title {
    width: 93.5%;
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
}

.section03 .more {
    width: 6.5%;
    display: contents;
    font-size: 14px;
    color: #2d92fe;
    font-weight: 700;
    text-align: right;
    margin-right: 0;
    position: relative;
}

.section03 .box_wrap .box .thum img {
    border-radius: 14px;
    width: 100%;
}


/*인테리어*/
.section04 {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
}

.section04 .box_wrap {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
    display: flex;
}

.section04 .box {
    width: 25%;
    z-index: 1;
    box-sizing: content-box;
    font-size: 16px;
    color: #2d92fe;
    font-weight: 800;
    padding-bottom: 34px;
    padding-right: 20px;
    display: inline-block;
}

.section04 .box_wrap > div:nth-child(4) {
    padding-right: 0px;
}

.section04 .box span {
    font-size: 16px;
    color: #2d92fe;
    font-weight: 700;
}

.section04 .box .category {
    padding-top: 18px;
    display: inline-block;
}

.section04 .box .location_txt {
    font-size: 15px;
    color: #171717;
    font-weight: 500;
    letter-spacing: -1.2px;
    padding-top: 8px;
    display: inline-block;
}

.section04 .box .add {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #585858;
    padding-top: 7px;
    display: inline-block;
}

.section04 .box .new_icon {
    font-size: 13px;
    font-weight: 600;
    width: 53px;
    height: 26px;
    background-color: #2d92fe;
    color: #fff;
    border-radius: 5px;
    padding: 4px 11px;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin-top: 15px;
    margin-left: 15px;
}

.section04 .title {
    width: 93.5%;
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
}

.section04 .more {
    width: 6.5%;
    display: contents;
    font-size: 14px;
    color: #2d92fe;
    font-weight: 700;
    text-align: right;
    margin-right: 0;
    position: relative;
}

.section04 .box_wrap .box .thum img {
    border-radius: 12px;
}

/*광고상품*/

#tabBox .ad_tab_list {    
    display: flex;
    /*border: 1px solid #dedede;*/
    border-right: 0;
    margin-bottom: 40px;}

#tabBox .ad_tab_list li {
    width: 25%;
     /*border-right: 1px solid #dedede;*/
    background: #f7f8fa;
    border-radius: 12px;
    margin-right: 6px;
}

#tabBox .ad_tab_list li.last {
    margin-right: 0px;
}

#tabBox .ad_tab_list li a {
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    color: #585858;
}

#tabBox .ad_tab_list li.ui-tabs-active a {
    color: #FFF;
    background: #2d92fe;
    border-radius: 12px;
    font-weight: bold;
}

#tabBox .ad_tab_box .ad_prdbox {
    display: flex;
    margin-bottom: 90px;
    justify-content: space-between;
    align-items: center;
}


#tabBox .ad_tab_box .ad_prdbox .img {
    width: 485px;
    border: 1px solid #e9e9e9;
        border-radius: 12px;
    overflow: hidden;
}
#tabBox  .ad_tab_box .ad_prdbox .txt {
    width: 620px;
    margin-left: 20px;
}

#tabBox .ad_tab_box .ad_prdbox .txt h5 {
    display: inline-block;
    color: #2d92fe;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
} 

#tabBox .ad_tab_box .ad_prdbox .txt .btn_sm {
    float: right;
    border: 1px solid #e9e9e9;
    color: #666;
    font-size: 15px;
    background: #FFF;
    padding: 0 15px;
    line-height: 35px;
}

#tabBox .ad_tab_box .ad_prdbox .txtB > a {
    display: inline-block;
}

#tabBox .ad_tab_box .ad_prdbox .txt > p {
    margin-bottom: 8px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.8px;
}
#tabBox .ad_tab_box .ad_prdbox .txt table {
    width: 100%;
    margin-top: 30px;
    border-collapse: collapse;
    border-spacing: 0;
}

#tabBox .ad_tab_box .ad_prdbox .txt table thead td:nth-child(1) {
    text-align: center;
    width: 20%;
}

#tabBox .ad_tab_box .ad_prdbox .txt table thead td {
    background: #fafafa;
    color: #333;
    line-height: 35px;
    padding: 0 7px;
    border: 1px solid #e9e9e9;
    text-align: center;
        font-weight: 600;
}

#tabBox .ad_tab_box .ad_prdbox .txt table tbody td:nth-child(1) {
    text-align: center;
    font-weight: 600;
    color: #2d92fe;
}
#tabBox  .ad_tab_box .ad_prdbox .txt table tbody td {
    color: #333;
    border: 1px solid #e9e9e9;
    padding: 0 7px;
    line-height: 35px;
    text-align: center;
    word-break: keep-all;
}

#tabBox .btmInfoBox {
    background: #f7f8fa;
    border-radius: 12px;
}

#tabBox .btmInfoBox .info.st2 {
    background-size: 105px;
    min-height: 230px;
}

#tabBox .btmInfoBox .info {
    color: #848484;
    font-size: 15px;
    letter-spacing: -1px;
    padding: 55px 50px 50px 50px;
    line-height: 1.5;
}

#tabBox .btmInfoBox .info h2 {
    font-size: 22px;
}

#tabBox .numList {
    padding-left: 19px;
}

#tabBox .numList li {
    position: relative;
    margin-bottom: 6px;
}

#tabBox .numList li:before {
    content: '';
    position: absolute;
    left: -15px;
}

/*광고등록하기*/

#ad .container .section01 {
    text-align: center;
    padding-top: 100px;
    /* border-bottom: 1px solid #e9e9e9; */
}



#ad .container .section01 .box_wrap .box .title {
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    padding-bottom: 10px;
}

#ad .container .section01 .box_wrap .box .tit_txt {
    font-size: 18px;
    font-weight: 400;
    color: #585858;
}


#ad .section02 .write_box {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 5em;
    border: 1px solid #e9e9e9;
    background-color: #f7f8fa;
    border-radius: 12px;
    margin-bottom: 100px;
}


#ad .section02 .write_box h4 {
    padding: 12px 0;
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}

#ad .section02 .write_box .box .w_listBox.st3 {
    border-top: 1px solid #dedede;
}

#ad .section02 .write_box .box .w_listBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#ad .section02 .write_box .box .w_listBox.st3 dl {
    display: flex;
    width: 50%;
    margin: 0 auto;
    border-bottom: 1px solid #bebebe;
}

#ad .section02 .write_box .box .w_listBox.st3 dt {
    display: flex;
    align-items: center;
    position: relative;
    background: #fff;
    width: 140px;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 500;
    margin : 0 auto;
    
}

#ad .section02 label {
    margin-bottom: 0;
    font-size: 15px;
}

#ad .section02 .write_box .box .w_listBox.st3 dd {
    flex: 1;
    border-right: 0;
    padding: 8px 10px;
    border-left: 1px solid #dedede;
    line-height: 40px;
    margin-bottom: 0;
}

#ad .section02 .write_box .input_wrap dd {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding: 0.6em 1em;
    font-size: 14px;
    line-height: 2em;
    flex: 1;
    margin: 0 auto;
}

#ad .section02 .write_box #tot_price {
   font-weight: 800;
    color: #2d92fe; 
    font-size: 16px;
}


#ad .section02 .write_box .radioInp input[type="radio"] + label {
    position: relative;
    cursor: pointer;
    padding: 0px 7px 0px 4px;
    background-size: 16px;
}

#ad .section02 .write_box .box dl.full_box {
    width: 100% !important;
    padding-top: 0;
}

#ad .section02 .write_box dd input[type='text'] {
    height: 40px;
    line-height: 40px;
    width: 100%;
    border: 1px solid #dedede;
    border-radius: 0;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
}


#ad .section02 .write_box .box .w_listBox.st3 .adr_input p:nth-of-type(1) input[type='text'] {
    width: 100px;
}

#ad .section02 .write_box .box .w_listBox.st3 .adr_input p a {
    width: 97px;
    height: 40px;
    display: inline-flex;
    color: #848484;
    border: 1px solid #dedede;
    font-size: 14px;
    background: #FFF;
    line-height: 30px;
    vertical-align: top;
    align-items: center;
    justify-content: center;
   
}



#ad .section02 .write_box .box .w_listBox.st3 .adr_input p input[type='text'] {
    width: 70%;
}


#ad .section02 .write_box .adr_input p input[type='text'] {
    width: 115px;
    margin-right: 5px;
    margin-bottom: 6px;
}


#ad .section02 .write_box .adr_input p {
    margin-bottom: 0px;
}

#ad .section02 .write_box .box .w_listBox.st3 dd.in_typ p {
    margin-bottom: 3px;
}

#ad .section02 .write_box .box .w_listBox.st3 dd.in_typ label {
    margin-right: 8px;
}

#ad .section02 .write_box .box .w_listBox.st3 dd input.w40p {
    width: 73px;
}

#ad .section02 .write_box .box .w_listBox.st3 dd input.w60p  {
    width: 130px;
}

/* #ad .section02 .write_box .box .w_listBox.st3 dd input[type='text'] {
    line-height: 30px;
} */

#ad .section02 .write_box .box .w_listBox.st3 dt {
    background: #fff;
    width: 140px;
    padding-left: 15px;
    line-height: 40px;
    margin-bottom: 0;
}

#ad .section02 .write_box .box .w_listBox.st3 .full_box dd .chkInput2 {
    width: 24%;
}

#ad .section02 .write_box .box span {
    display: inline-block;
    font-size :14px;
}

#ad .editor_sample {
    width: 100%;
}

#ad .section02 .write_box  .box dl.full_box {
    width: 100% !important;
    padding-top: 0;
}


#ad .file_ty {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#ad .file_ty.file_ty .txt_area {
    font-size: 14px;
    color: #848484;
    margin-left: 7px;
}

#ad .fileInput input[type="file"] + label {
    display: inline-block;
    border: 1px solid #dedede;
    font-size: 14px;
    color: #848484;
    text-align: center;
    padding: 10px 20px 10px 15px;
    cursor: pointer;
}


#ad .section02 .write_box  .box dt {
    position: relative;
    font-size: 15px;
    color: #171717;
    margin-bottom: 10px;
    font-weight: 500;
}

#ad .file_name {
    font-size: 14px !important;
    color: #848484;
    padding-left: 10px;
} 

#ad .section02 .write_box .box.bg_box {
    background: #f7f8fa;
    border-top: 1px solid #DDD;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDD;
    overflow: hidden;
}

#ad .section02 .write_box .box .top_sel {
    width: 100%;
    align-items: center;
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDD;
    margin: 20px 0px;
}


#ad .section02 .write_box .top_sel h4 {
    margin-top: 0px;
    display: inline-block;
    padding-bottom: 0;
    margin-right: 20px;
}

#ad .sound_only {
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
    text-indent: -999em;
    z-index: -999;
}

#ad .box .btmInfoBox .info h2 {
    font-size: 22px;
}

#ad .box .btmInfoBox .info.st2 {
    background-size: 105px;
    min-height: 230px;
}

#ad .box .btmInfoBox .info {
    color: #848484;
    font-size: 15px;
    letter-spacing: -1px;
    padding: 50px 0;
    line-height: 1.5;
}

#ad .box .numList {
    padding-left: 19px;
}

#ad .box .numList li {
    position: relative;
    margin-bottom: 6px;
}

#ad .btn_box {
        margin-top: 80px;
        display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

#ad .btn_box .newBtn {
    display: block;
    line-height: 3em;
    text-align: center;
    font-size: 18px;
    background: #2d92fe;
    color: #fff;
    border: 0;
    margin: 0 0.25em 0;
    padding: 0 3em;
}

#ad .btn_box .newBtn.bg_gray {
    display: block;
    line-height: 3em;
    text-align: center;
    margin: 0 0.25em 0;
    font-size: 18px;
    background: #585858;
    color: #fff;
    border: 0;
    padding: 0 3em;
}


#ad .section02 .write_box .box .settle_bank {
    width: 47%;
    margin-bottom: 15px;
}

#ad .section02 .write_box .w_listBox dd select.full_sel {
    width: 100%;
    height: 40px;
    background-position: 96% center !important;
}

#ad .section02 .write_box .w_listBox dd select {
    width: auto;
    min-width: 50px;
    line-height: 40px;
    padding: 0 50px 0 10px;
    max-width: initial;
    font-size: 14px;
    border: 1px solid #DDD;
    color: #c4c4c4;
    margin-right: 7px;
    background-size: 9px;
    background-position: 87% center !important;
}


/*파트너스*/

#main .section05 .title {
    width: 100%;
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
}

#main .section05 .box {
    width: 12.5%;
    height: 185px;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
}

#main .section05 .box .thum {
    margin: 0 auto;
    padding-top: 20px;
    display: inline-block;
}

#main .section05 .box .thum img {
    width: 77px;
    height: 77px;
    border-radius: 50%;
}

#main .section05 .box_wrap {
    display: flex;
}

#main .section05 .box_wrap .box {
    text-align: center;
    margin-right: 20px;
}

#main .section05 .box_wrap .box:last-child {
    margin-right: 0px;
}

#main .section05 .box_wrap .box .category {
    margin: 0 auto;
    padding-top: 13px;
    text-align: center;
    color: #171717;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
}

#main .section05 .box_wrap .box .partners_txt {
    width: 74px;
    color: #2d92fe;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -1.2px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #2d92fe;
    border-radius: 20px;
    padding: 4px 2px;
    margin-top: 8px;
}

/*contact_us*/
.section07 > .container {
    padding-bottom: 110px;
}

.section07 .title {
    width: 100%;
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
}

.section07 .contact_tit {
    font-size: 32px;
    color: #171717;
    font-weight: 700;
    line-height: 1.4;
}

.section07 .contact_txt {
    font-size: 18px;
    color: #171717;
    font-weight: 400;
}


.contact {
    color: #171717;
    padding-bottom: 30px;
}

select.form-control:not([size]):not([multiple]),
.input_name > .form-control,
.input_wr_2 > .form-control,
.input_wr_3 > .form-control,
input[type=text],
input[type=number],
input[type=password],
textarea,
.form-control,
input .form-control,
#fwrite > div > div.col-md-6.text-left > div.row.contact > div:nth-child(5) > input {
    background-color: #f7f8fa;
    border: 1px solid #e9e9e9;
    -webkit-transition: all 0.30s ease-in-out;
    outline: none;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus,
select:focus,
input[type=text]:hover,
input[type=number]:hover,
input[type=password]:hover,
textarea:hover,
select:hover,
.form-control:focus,
.form-control:hover,
.form-control:a {
    border: 1px solid #e9e9e9;
    background-color: #f7f8fa;
}

input:focus,
select:focus,
option:focus,
textarea:focus,
button:focus {
    outline: none;
}

button,
input {
    overflow: visible;
    border: 0;
    background-color: #fff;
}

.input_name > .form-control {
    width: 100%;
    float: right;
}

.input_wr_2 > .form-control {
    width: 100%;
    float: left;
}

.row.contact > .input_wr_2 {
    padding-right: 15px;
    padding-left: 0px;
}

.row.contact > .input_name {
    padding-right: 5px;
    padding-left: 15px;
}


.contact_tit {
    color: #232323;
    font-size: 46px;
    font-weight: 500;
    letter-spacing: -1.2px;
}

.contact_tit_b {
    color: #232323;
    font-size: 46px;
    font-weight: 900;
    letter-spacing: -1.2px;
    padding-bottom: 30px;
}

.contact_txt {
    color: #232323;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -1.5px;
    padding-bottom: 130px;
}

.contact_txt2 {
    color: #15306b;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.contact_txt3 {
    color: #15306b;
    font-size: 38px;
    font-weight: 900;
}

.contact_txt4 {
    color: #202020;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -1.2px;
}

.btn-example {
    font-size: 11px;
    font-weight: 400;
    color: #585858;
    padding-right: 10px;
    vertical-align: bottom;
}

.input_agree {
    margin-right: 0px;
    text-align: right;
}

/*풋터*/
.main,
.footer_back {
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

.container .row .col-md-4 > a > img {
    position: absolute;
    height: 129px;
}

.footer_tel {
    color: #00422c !important;
    font-weight: 900;
    font-size: 26px;
    line-height: 1.2;
}

.footer_tel01 {
    color: #00422c !important;
    font-weight: 900;
    font-size: 26px;
    line-height: 1.2;
}

.footer_tel02 {
    color: #00422c !important;
    font-weight: 900;
    font-size: 26px;
    line-height: 1.2;
}

footer {
    background-color: #f7f8fa;
    padding-top: 40px;
    display: block;
    width: 100%;
}

.footer_title {
    width: 20%;
}

.container.footer .row .footer_title:nth-child(1) {
    width: 27%;
}

.container.footer .row .footer_title:nth-child(5) {
    width: 13%;
}

.footer_link {
    margin-top: 10px;
    letter-spacing: -0.5px;
    line-height: 1.7;
}

/*.copyright {color:#9f9f9f;text-align:left;letter-spacing: -1.2px;}*/

.footer_tit {
    color: #202020;
    font-weight: 800;
    display: inline-block;
}

.footer_tit .add {
    color: #202020;
    font-weight: 400;
    padding-left: 20px;
    letter-spacing: -1.2px;
}

.call_txt {
    color: #2d92fe;
    font-weight: 900;
    font-size: 20px;
    padding-top: 24px;
    padding-bottom: 24px;
}

.call_txt2 {
    color: #2d92fe;
    font-weight: 900;
    font-size: 20px;
    padding-top: 64px;
    padding-bottom: 10px;
    text-align: left;
}

.call {
    font-weight: 900;
    font-size: 30px;
    color: #2d92fe;
    text-align: left;
    letter-spacing: -1.1px;
}

footer > .container > .row {
    padding-bottom: 40px;
}

footer .container {
    padding-right: 15px;
}

footer > .container > .row > .col-md-4.text-left {
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
}

footer > .container > .row > .footer_call {
    padding-left: 0;
    text-align: left;
}

.footer_line {
    width: 100%;
    border-bottom: 1px solid #9f9f9f;
}

.copyright {
    font-size: 14px;
    color: #9f9f9f;
    font-weight: 300;
    letter-spacing: -1.2px;
    padding-top: 30px;
    line-height: 24px;
}

.copyright > span > a {
    color: #9f9f9f;
}

.copyright span {
    font-size: 14px;
    color: #9f9f9f;
    font-weight: 700;
    letter-spacing: -1.2px;
}

footer > .container > .row > .col-md-2 > span {
    font-weight: 700;
    letter-spacing: -1.2px;
}

/*마이페이지*/
.mypage_top {
    width: 100%;
    padding: 40px 0px;
    text-align: left;
}

.mypage_top.mypage_top .title {
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
}

.mypage_top.mypage_top .txt {
    font-size: 18px;
    color: #171717;
    font-weight: 400;
}

/*개원입지*/
#open .section02 {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
    display: inline-block;
}

#open .title {
    width: 93.5%;
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
    text-align: left;
}

.ad_notice {
    width: 6.5%;
    max-width: 58px;
    height: 30px;
    background-color: #f7f8fa;
    color: #a9a9a9;
    font-size: 14px;
    font-weight: 800;
    border-radius: 14px;
    display: inline-block;
}

.ad_notice .material-icons-outlined {
    padding-top: 8px;
    font-size: 13px;
    padding-left: 2px;
}

.ad_notice .ad_txt {
    margin-left: 8px;
    display: inline-block;
    margin-top: 4px;
}

.ad_notice a {
    color: #a9a9a9;
}

#open .section02 .box_wrap {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
    display: flex;
}

#open .section02 .box_wrap a {
    width: 33.3333%;
    z-index: 1;
    box-sizing: content-box;
    font-size: 16px;
    color: #2d92fe;
    font-weight: 800;
    padding-bottom: 34px;
    padding-right: 20px;
    display: inline-block;
}

#open .section02 .box_wrap > a:nth-child(3) {
    padding-right: 0px;
}

#open .section02 .box span,
#open .section02 a .box span {
    font-size: 16px;
    color: #2d92fe;
    font-weight: 700;
}

#open .section02 .box .category {
    padding-top: 18px;
    display: inline-block;
}

#open .section02 .box .location_txt {
    font-size: 15px;
    color: #171717;
    font-weight: 500;
    letter-spacing: -1.2px;
    padding-top: 8px;
    display: inline-block;
}

#open .section02 .box .add,
#open .section02 .box .add a {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #585858;
    padding-top: 7px;
    display: inline-block;
}

#open .section02 .box .new_icon {
    font-size: 13px;
    font-weight: 600;
    width: 53px;
    height: 26px;
    background-color: #2d92fe;
    color: #fff;
    border-radius: 5px;
    padding: 4px 11px;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin-top: 15px;
    margin-left: 15px;
}

#open .section02 .box_wrap .box .thum img {
    border-radius: 14px;
    width: 100%;
}

.multi_select {
    border: 0px;
    margin: 0;
    width: 140px;
    height: 58px;
    padding-right: 10px;
    padding-left: 10px;
    border-style: none;
    border-width: 0;
}

#multi_search {
    border: 0px;
    margin: 0;
    width: 360px;
    height: 58px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #fff;
}

.multi_select_line {
    border-right: 1px solid #a9a9a9;
    height: 10px;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
}

.search_area {
    padding: 0px 10px;
}

.search_wrap {
    width: 100%;
    border: 2px solid #2d92fe;
    border-radius: 12px;
}

#sch_submit {
    position: absolute;
    right: 0;
    text-align: right;
    margin-right: 0px;
    background-color: #2d92fe;
    padding: 15px;
    color: #fff;
    border-right: 4px solid #2d92fe;
    border-radius: 0 10px 10px 0;
}



#layer2 .pop-container {
    color: #585858;
    font-size: 14px;
    font-weight: 400;
    padding-top: 25px;
    padding-bottom: 20px;
    letter-spacing: -1.2px;
    text-align: center;
    display: block;
}

#layer2 .pop-layer .btn-r {
    width: 100%;
    margin: 10px 0 20px;
    padding-top: 10px;
    text-align: right;
}

#layer2 {
    display: none;
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 400px;
    height: 100%;
    height: 122px;
    background-color: #fff;
    border: 0px;
    border-radius: 12px 12px 12px 12px;
    z-index: 1002;
    display: block;
    margin-top: -60px;
    margin-left: -250px;
}


#layer2 .btn-r > a {
    position: absolute;
    top: 2%;
    right: 2%;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

#layer2 .pop-container > a {
    display: block;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    width: 100%;
    padding-top: 16px;
}

#layer2 .pop-container > a > button {
    max-width: 358px;
    height: 42px;
    width: 90%;
    background-color: #2d92fe;
    margin: 12px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    border-radius: 12px;
}

#layer2 div.btn-r > a > img {
    width: 100%;
}

/* 쉐도우 효과*/
.shadow {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.50);
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 1001;
}

/*개원입지-뷰페이지*/
.icon_box {
    display: block;
    padding-right: 10px;
}

.sky_icon {
    font-size: 13px;
    font-weight: 600;
    width: 53px;
    height: 26px;
    background-color: #2d92fe;
    color: #fff;
    border-radius: 5px;
    padding: 4px 11px;
    text-align: center;
    z-index: 1;
    margin-top: 15px;
    margin-left: 0px;
}

.gray_icon {
    font-size: 13px;
    font-weight: 600;
    width: 53px;
    height: 26px;
    background-color: #a9a9a9;
    color: #fff;
    border-radius: 5px;
    padding: 4px 11px;
    text-align: center;
    z-index: 1;
    margin-top: 15px;
    margin-left: 0px;
}

#open_view .container .icon_box .sky_icon:nth-child {
    margin-left: 7px;
}

#open_view {
    height: auto;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

#open_view .title_box {
    width: 88%;
    display: inline-block;
    text-align: left;
}

#open_view .view_comm {
    text-align: right;
    width: 11%;
    height: 33.59px;
    color: #585858;
    font-size: 12px;
    font-weight: 800;
    display: inline-block;
    vertical-align: middle;
}

.hit {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.bookmark {
    margin-top: 5px;
}

.share {
    margin-top: 0px;
}

#open_view .view_comm .material-symbols-outlined.bookmark:hover:active {
    color: #2d92fe;
}

#open_view .view_comm > span:nth-child(2),
#open_view .view_comm > span:nth-child(3) {
    margin-left: 12px;
}

#open_view .view_box {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    display: flex;
    height: 620px;
}

#open_view .view_box .view_cont {
    margin-left: 10px;
    width: 285px;
    height: 596px;
    background-color: #f7f8fa;
    border-radius: 12px;
    padding-top: 20px;
    padding-left: 22px;
}

#open_view .view_cont .txt {
    font-size: 16px;
    font-weight: 700;
    color: #585858;
    display: inline-block;
    width: 60%;
}



#open_view .fllow_box {
    width: 40%;
    display: inline-block;
    max-width: 76px;
    height: 37px;
    padding: 3px 10px 7px 6px;
    border-radius: 6px;
    border: 1px solid #2d92fe;
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1.2px;
    border: 1px solid #585858;
    text-align: center;
}

#open_view .fllow_box:hover {
    background-color: #2d92fe;
    color: #fff;
    border: 1px solid #2d92fe;
}

#open_view .fllow_box .fllow:hover {
    color: #fff;
}

#open_view .add {
    font-size: 18px;
    height: 24px;
    vertical-align: middle;
    color: #fff;
}

#open_view .fllow_box .fllow {
    display: inline-block;
    width: 100%;
    border: 0px;
    font-size: 14px;
    height: 24px;
    vertical-align: middle;
    color: #585858;
    font-weight: 700;
}

#open_view .view_cont > ul {
    border-top: 1px solid #e9e9e9;
    margin-top: 18px;
    font-size: 16px;
    font-weight: 700;
    color: #585858;
    margin-right: 22px;
    padding-top: 20px;
}

#open_view .view_cont > ul > li {
    font-size: 14px;
    font-weight: 400;
    color: #585858;
    letter-spacing: -1.2px;
}

#open_view .view_cont > ul > li:nth-child(1) {
    padding-top: 16px;
}

#open_view .view_cont > ul:nth-child {
    padding-top: 30px;
}

#open_view .view_box .view_cont .partner_box {
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    vertical-align: bottom;
    width: 100%;
    display: block;
    max-width: 234px;
    padding: 13px 10px 13px 10px;
    margin-bottom: 6px;
    border-radius: 6px;
    border: 1px solid #585858;
    text-align: center;
}

#open_view > div > div.view_box > div.view_cont > a {
    text-decoration: none;
}

#open_view .view_box .view_cont .partner_box.\30 1 {
    margin-top: 20px;
}

#open_view .view_box .view_cont .partner_box:hover {
    color: #fff;
    background-color: #2d92fe;
    border: 1px solid #2d92fe;
}

#open_view .swiper-container {
    max-width: 894px;
}

#open_view .swiper-slide img {
    max-width: 100%;
    border-radius: 12px;
}

#open_view .swiper {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 894px;
}

/* 위 & 아래 화살표 */
#open_view .arrows {
    clear: both;
}

#open_view .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: none !important;
}

#open_view .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: none !important;
}

#open_view .swiper-button-next {
    background-image: url("http://sbmedical.co.kr/theme/home/img/next.png") !important;
    right: 10px !important;
    display: block;
    width: 60px !important;
    height: 60px !important;
    left: auto !important;
}

#open_view .swiper-button-prev {
    position: absolute;
    background-image: url("http://sbmedical.co.kr/theme/home/img/prev.png") !important;
    left: 10px !important;
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    right: auto !important;
}


#open_view .swiper-button-next:after,
.swiper-button-prev:after {
    display: block;
    width: 60px;
    height: 60px;
}

#open_view .swiper-button-prev,
#open_view .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -75px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}

#open_view .open_view_Swiper .swiper-slide a img {
    width: 100%;
}

#open_view .view_box .gallery-main-box .control-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 20;
    width: 100%;
    box-sizing: border-box;
}

#open_view .view_box .gallery-main-box .control-wrap > div {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -99999px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
}

/*#open_view .view_box .gallery-main-box .control-wrap .swiper-gallery-prev{left:0;background-image:url(http://sbmedical.co.kr/theme/home/img/prev.png);}
#open_view .view_box .gallery-main-box .control-wrap .swiper-gallery-next{right:0;background-image:url(http://sbmedical.co.kr/theme/home/img/next.png);}*/
#open_view .view_box .gallery-thumb-box .swiper-slide {
    cursor: pointer;
}

#open_view .view_box .gallery-thumb-box .swiper-slide.swiper-slide-active {
    position: relative;
}

#open_view .view_box .gallery-thumb-box .swiper-slide.swiper-slide-active:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px solid #1976d2;
    box-sizing: border-box;
}

#open_view .view_box .gallery-thumb-box .swiper-slide .info-img {
    position: relative;
    padding: 0 0 50%;
    height: 0;
    box-sizing: border-box;
}

#open_view .view_box .gallery-thumb-box .swiper-slide .info-img img {
    position: absolute;
}

.object-fit img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.open_tab {
    margin-bottom: 90px;
    margin-top: 74px;
}

.open_tab ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 1px solid #585858;
}

.open_tab ul li {
    background-color: #f7f8fa;
    flex-grow: 1;
    text-align: center;
    border-right: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    padding: 28px 10px;
    cursor: pointer;
}

.open_tab ul li:last-child {
    border-right: 0;
}

.open_tab ul li h4 {
    color: #585858;
}

.open_tab ul li:hover,
.retinal_disease .open_tab ul li.active {
    background-color: #fff;
    border-right: 1px solid #585858;
    border-top: 1px solid #585858;
    border-left: 1px solid #585858;
}

.open_tab ul li:hover h4,
.open_tab ul li:focus h4,
.retinal_disease .open_tab ul li.active h4 {
    color: #171717;
    font-weight: 700;
}

.tab_con .sub_title {
    margin: 65px 0 60px;
}

.tab_con .image_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.tab_con .image_box .box {
    width: 50%;
    margin-right: 20px;
}

.tab_con .image_box .box:last-child {
    margin-right: 0;
    margin-left: 20px;
}

.tab_con .image_box .box .txt {
    border: 1px solid #888;
    text-align: center;
    padding: 16px 10px 12px;
}

.tab_con .image_box .box p {
    font-weight: 400;
}

.tab_con .image_box .box h4 strong {
    font-weight: 700;
}

.tab_con .image_box .box p.left {
    padding-top: 25px;
    text-align: justify;
}

.bundle {
    text-align: center;
}

.bundle h2 {
    margin-bottom: 25px;
}

.bundle h3 {
    margin-bottom: 25px;
}

.bundle p.explanation {
    margin-bottom: 60px;
    word-break: keep-all;
}

.bundle .circle_con {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 70px;
}

.bundle .circle_con .box {
    padding: 0 65px;
}

.bundle .circle_con .box h4 {
    font-weight: 700;
    padding-top: 20px;
}

.bundle .text_wrap {
    padding: 0 120px;
}

.bundle .text_wrap .txt {
    display: flex;
    align-items: self-start;
    margin-bottom: 20px;
}

.bundle .text_wrap h5 {
    background-color: #79a3dc;
    color: #fff;
    font-weight: 700;
    flex-shrink: 0;
    padding: 5px 10px;
    margin-right: 15px;
}

.bundle .text_wrap h6 {
    text-align: left;
    word-break: keep-all;
    line-height: 3.4rem;
}

.bundle .text_wrap h6 strong {
    font-weight: 700;
}

.bundle .num_list {
    margin: 30px 0 10px;
    display: inline-block;
    padding: 0 360px;
}

.bundle .num_list .important {
    font-size: 2rem;
    color: #333;
    font-weight: 300;
    line-height: 3rem;
    text-align: left;
    word-break: keep-all;
}

.bundle .circle_txt {
    display: flex;
    align-items: center;
    margin-top: 34px;
}

.bundle .circle_txt .txt_box {
    background-color: rgb(121, 163, 220, 0.8);
    width: 275px;
    height: 275px;
    padding: 20px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.bundle .circle_txt .txt_box h4 {
    font-weight: 700;
    color: #fff;
    padding-bottom: 18px;
}

.bundle .circle_txt .txt_box .text {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.8rem;
    color: #fff;
}

.bundle .circle_txt .txt_box:nth-child(1) {
    right: -60px;
}

.bundle .circle_txt .txt_box:nth-child(2) {
    right: -30px;
}

.bundle .circle_txt .txt_box:nth-child(4) {
    left: -30px;
}

.bundle .circle_txt .txt_box:nth-child(5) {
    left: -60px;
    padding-top: 40px;
}

.bundle .open_tab_box01_img {
    margin-top: 30px;
}

.bundle .open_tab_box02_title h3.left {
    margin-bottom: 12px;
    padding-top: 20px;
}

.bundle .open_tab_box02_title h3.left span {
    font-weight: 400;
}

.bundle .open_tab_box02_title p.left {
    font-weight: 400;
    margin-bottom: 55px;
}

.bundle .accordion_wrap {
    border: 1px solid #7da7d9;
    margin-top: 4px;
}

.bundle .accordion_wrap .title {
    background-color: #7da7d9;
    padding: 15px 35px;
    position: relative;
    cursor: pointer;
}

.bundle .accordion_wrap .title h4 {
    color: #fff;
    text-align: left;
}

.bundle .accordion_wrap .title h4 strong {
    font-weight: 700;
}

.bundle .accordion_wrap .title .accordion_btn {
    display: flex;
    align-items: center;
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
}

.bundle .accordion_wrap .title .accordion_btn span {
    display: inline-block;
    width: 18px;
    height: 2px;
    background-color: #fff;
}

.bundle .accordion_wrap .title .accordion_btn span::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 18px;
    background-color: #fff;
    top: 0px;
    left: 8px;
}

.bundle .accordion_wrap.active .title .accordion_btn span::after {
    display: none;
}

.bundle .accordion_wrap .txt {
    border-top: 1px solid #7da7d9;
    padding: 90px 75px;
    width: 100%;
    display: none;
}

.bundle .accordion_wrap.active .txt {
    display: inline-block;
}

.bundle .accordion_wrap .txt ul {
    text-align: left;
}

.bundle .accordion_wrap .txt ul li {
    margin-bottom: 30px;
}

.bundle .accordion_wrap .txt ul li:last-child {
    margin-bottom: 0;
}

.bundle .accordion_wrap .txt ul li p {
    font-weight: 700;
}

.bundle .accordion_wrap .txt ul li p span {
    font-size: 10px;
    vertical-align: middle;
}

.bundle .accordion_wrap .txt p {
    text-align: left;
    font-weight: 400;
}

.bundle .retinal_disease_info {
    position: relative;
    margin-top: 10px;
}

.bundle .retinal_disease_info .info_con {
    display: flex;
    justify-content: space-around;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.bundle .retinal_disease_info .info_con .circle {
    width: 276px;
    height: 280px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.bundle .retinal_disease_info .info_con .circle:nth-child(1) {
    background: url('../images/retinal_disease_info1.png') no-repeat center / cover;
}

.bundle .retinal_disease_info .info_con .circle:nth-child(2) {
    background: url('../images/retinal_disease_info2.png') no-repeat center / cover;
}

.bundle .retinal_disease_info .info_con .circle:nth-child(3) {
    background: url('../images/retinal_disease_info3.png') no-repeat center / cover;
}

.bundle .retinal_disease_info .info_con .circle h3 {
    font-weight: 300;
    line-height: 4rem;
    color: #fff;
    margin-bottom: 15px;
}

.bundle .retinal_disease_info .info_con .circle img {
    max-width: 82px;
}

.bundle .retinal_disease_info .info_con .circle p {
    text-align: center;
    color: #fff;
    font-weight: 700;
    line-height: 2.6rem;
    padding: 10px 0 4px;
}

.bundle .retinal_disease_info .info_con .circle p span {
    font-size: 1.9rem;
    font-weight: 400;
}

.bundle .open_tab_box03_infographic img {
    max-width: 788px;
}

#open_tab_box03 .image_box .box .image {
    border-right: 1px solid #888;
    border-left: 1px solid #888;
    border-bottom: 1px solid #888;
}

#container {
    width: 100%;
    margin: 70px 0 auto;
    background: #FFFFFF;

}

/* padding-bottom:100px;*/

#open_view ul.tabs {
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
    list-style: none;
    width: 100%;
    font-size: 12px;
    border-bottom: 0px solid #eee;
    border-left: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#open_view ul.tabs li {
    background-color: #f7f8fa;
    flex-grow: 1;
    text-align: center;
    padding: 28px 10px;
    cursor: pointer;
    border-left: none;
    background: #fafafa;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    color: #585858;
    font-weight: 300;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 60px 0;
    font-size: 12px;
    display: none;
    height: auto;

}

#open_view ul.tabs li.active {
    background: #FFFFFF;
    border: 1px solid #585858;
    border-bottom: 1px solid #FFFFFF;

    font-size: 16px;
    color: #171717;
    font-weight: 700;
}

#open_view .tab_container {
    border: 0px;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;
}

#open_view .tab_content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 60px 0;
    font-size: 12px;
    display: none;
    height: auto;
}

#open_view .tab_container .tab_content ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#open_view .tab_container .tab_content ul li {
    padding: 0px;
    list-style: none
}

.guide {
    width: 100%;
}

/*table_box*/
#open_view .table_box > table > tbody > tr:nth-child(1) {
    border-top: 1px solid #585858;
}

#open_view .tablebox {
    overflow-x: auto;
}

#open_view .table_box .table_tit {
    margin-top: 90px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #171717;
}

#open_view .table_box table td {
    border-top: 1px solid #58585;
    border-right: 1px solid #585858;
    border-bottom: 1px solid #585858;
    padding: 10px;
    font-size: 15px;
    color: #585858;
}

#open_view .table_box table td:nth-child(2n+1) {
    background: #f7f8fa;
    text-align: center;
    font-weight: 700;
    padding: 22px 0;
}

#open_view .table_box > table > tbody > tr:nth-child(1) > td:nth-child(4),
.table_box > table > tbody > tr:nth-child(2) > td:nth-child(4),
.table_box > table > tbody > tr:nth-child(3) > td:nth-child(2),
.table_box > table > tbody > tr:nth-child(4) > td:nth-child(2),
.table_box > table > tbody > tr:nth-child(5) > td:nth-child(2) {
    border-right: 0px;
}

#open_view .tab_container #tab1 .table_box {
    padding-bottom: 100px;
    border-bottom: 1px solid #e9e9e9;
}

#open_view .tab_container #tab1 .table_box:last-child {
    padding-bottom: 100px;
    border-bottom: 0px;
}

#open_view .table_box > table > tbody > tr > td:last-child {
    border-right: 0px;
}

/*table_box2*/
.table_box2 > table > tbody > tr:nth-child(1) {
    border-top: 1px solid #585858;
}

.tablebox2 {
    overflow-x: auto;
}

.table_box2 .table_tit {
    margin-top: 90px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #171717;
}

.table_box2 table td {
    border-top: 1px solid #58585;
    border-right: 1px solid #585858;
    border-bottom: 1px solid #585858;
    padding: 10px;
    font-size: 15px;
    color: #585858;
}

.table_box2 table td:nth-child(2n+1) {
    background: #f7f8fa;
    text-align: center;
    font-weight: 700;
    padding: 22px 0;
}

.tab_container #tab1 .table_box2:last-child {
    padding-bottom: 100px;
    border-bottom: 0px;
}

.table_box2 > table > tbody > tr > td:last-child {
    border-right: 0px;
}

.detail_txt {
    font-size: 15px;
    display: block;
    font-weight: 400;
    color: #585858;
}

iframe {
    width: 100%;
    height: 500px;
    border-radius: 12px;
    border: 0;
}

#open_view #bo_v_top {
    display: block;
    width: 100%;
    padding-top: 37px;
    padding-bottom: 37px;
    margin-right: 0;
    float: right;
    border-top: 1px solid #e9e9e9;
}

/* border-bottom:1px solid #e9e9e9;*/
.list_button {
    margin-left: 10px;
    display: block;
    font-size: 15px;
    color: #767676;
    font-weight: 500;
    background: #f7f8fa;
    border: 1px solid #e9e9e9;
    width: 86px;
    padding: 10px 0;
    text-align: center;
    border-radius: 6px;
    margin-right: 0;
    float: right;
}

.list_button:hover:active {
    display: block;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    background: #2d92fe;
    border: 1px solid #2d92fe;
    width: 86px;
    padding: 10px 0;
    text-align: center;
    border-radius: 6px;
    margin-right: 0;
    float: right;
}

.list_write {
    display: block;
    font-size: 15px;
    color: #767676;
    font-weight: 500;
    background: #f7f8fa;
    border: 1px solid #e9e9e9;
    width: 86px;
    padding: 10px 0;
    text-align: center;
    border-radius: 6px;
    margin-right: 0;
    float: right;
}

.list_write:hover:active {
    display: block;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    background: #2d92fe;
    border: 1px solid #2d92fe;
    width: 86px;
    padding: 10px 0;
    text-align: center;
    border-radius: 6px;
    margin-right: 0;
    float: right;
}


/*파트너-view*/
.partner_wrap {
    margin-top: 50px;
    width: 100%;
    height: 200px;
    background: #f7f8fa;
    border-radius: 12px;
    display: flex;
}

#partner_view .partner_wrap .logo {
    margin-left: 60px;
    padding: 35px 0;
    width: 10%;
}

#partner_view .partner_wrap .logo img {
    border-radius: 50%;
}

.partner_wrap .view_txt {
    margin-left: 30px;
    padding-top: 70px;
    width: 50%;
}

.partner_wrap .view_txt .txt {
    color: #171717;
    font-size: 24px;
    font-weight: 700;
}

.partner_wrap .view_txt .sub_txt {
    color: #171717;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -1px;
}

#partner_view .view_cont {
    max-width: 234px;
    margin-left: 60px;
    padding-top: 50px;
    width: 40%;
}

#partner_view .view_cont .partner_box.\30 2 {
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    vertical-align: bottom;
    width: 100%;
    display: block;
    max-width: 234px;
    padding: 13px 10px 13px 10px;
    margin-bottom: 6px;
    border-radius: 6px;
    border: 1px solid #585858;
    text-align: center;
}

#partner_view .view_cont > a {
    text-decoration: none;
}

#partner_view .view_cont .partner_box.\30 1 {
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    vertical-align: bottom;
    width: 100%;
    display: block;
    max-width: 234px;
    padding: 4px 10px 12px 10px;
    margin-bottom: 6px;
    border-radius: 6px;
    border: 1px solid #585858;
    text-align: center;
}

#partner_view .view_cont .partner_box:hover {
    color: #fff;
    background-color: #2d92fe;
    border: 1px solid #2d92fe;
}

#partner_view .view_cont .partner_box.\30 1 > span > span {
    width: 100%;
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

#partner_view .view_cont .partner_box.\30 1 > span > span:hover {
    color: #fff;
    background-color: #2d92fe;
    border: 1px solid #2d92fe;
    cursor: pointer;
}

#partner_view .view_cont .partner_box.\30 1 > span {
    width: 100%;
}

#partner_view .view_cont .partner_box.\30 1:hover {
    color: #fff;
    background-color: #2d92fe;
    border: 1px solid #2d92fe;
    cursor: pointer;
}



#partner_view {
    width: 100%;
    margin: 70px 0 auto;
    background: #FFFFFF;
    padding-bottom: 100px;
}

#partner_view ul.tabs {
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
    list-style: none;
    width: 100%;
    font-size: 12px;
    margin-bottom: 0px;
    border-bottom: 1px solid #585858;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#partner_view ul.tabs li {
    flex-grow: 1;
    text-align: center;
    padding: 28px 10px;
    cursor: pointer;
    border-left: none;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    color: #585858;
    font-weight: 200;

}

#partner_view ul.tabs li.active {
    border-bottom: 3px solid #2d92fe;
    font-size: 16px;
    color: #171717;
    font-weight: 700;
}

#partner_view .tab_container {
    border: 0px;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
}

#partner_view .tab_content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 60px 0;
    font-size: 12px;
    display: none;
    height: auto;
}

#partner_view .tab_container .tab_content ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#partner_view .tab_container .tab_content ul li {
    padding: 0px;
    list-style: none
}

/*table_box*/
#partner_view .table_box > table > tbody > tr:nth-child(1) {
    border-top: 1px solid #585858;
}

#partner_view .tablebox {
    overflow-x: auto;
}

#partner_view .table_tit {
    margin-top: 90px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #171717;
    width: 93.5%;
    display: inline-block;
}

#partner_view .table_box .section04 .more {
    width: 6.5%;
    display: contents;
    text-align: right;
    margin-right: 0;
    position: relative;
}

#partner_view .table_box table td {
    border-top: 1px solid #58585;
    border-right: 1px solid #585858;
    border-bottom: 1px solid #585858;
    padding: 10px;
    font-size: 15px;
    color: #585858;
}

#partner_view .table_box table td:nth-child(2n+1) {
    background: #f7f8fa;
    text-align: center;
    font-weight: 700;
    padding: 22px 0;
}

#partner_view .table_box > table > tbody > tr:nth-child(1) > td:nth-child(4),
.table_box > table > tbody > tr:nth-child(2) > td:nth-child(4),
.table_box > table > tbody > tr:nth-child(3) > td:nth-child(2),
.table_box > table > tbody > tr:nth-child(4) > td:nth-child(2),
.table_box > table > tbody > tr:nth-child(5) > td:nth-child(2) {
    border-right: 0px;
}

#partner_view .table_box {
    padding-bottom: 100px;
    border-bottom: 1px solid #e9e9e9;
}

#partner_view .table_box > table > tbody > tr > td:last-child {
    border-right: 0px;
}

#partner_view .table_box:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

#partner_view .section04,
#partner_view .section05 {
    padding-top: 0px;
}

/*table_box3*/
.table_box3 > table > tbody > tr:nth-child(1) {
    border-top: 1px solid #585858;
}

.table_box3 {
    overflow-x: auto;
    padding-bottom: 100px;
    border-bottom: 1px solid #e9e9e9;
}

.table_box3 .table_tit {
    margin-top: 90px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #171717;
}

.table_box3 table td {
    border-top: 1px solid #58585;
    border-right: 1px solid #585858;
    border-bottom: 1px solid #585858;
    padding: 10px;
    font-size: 15px;
    color: #585858;
}

.table_box3 table td:nth-child(2n+1) {
    background: #f7f8fa;
    text-align: center;
    font-weight: 700;
    padding: 22px 0;
}

.table_box3:last-child {
    padding-bottom: 100px;
}

.table_box3 > table > tbody > tr > td:last-child {
    border-right: 0px;
}

.bottom-0 {
    padding-bottom: 0px;
}

.top-0 {
    padding-top: 0px;
}

/*인테리어*/
#interior .section02 {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
    display: inline-block;
}

#interior .title {
    width: 93.5%;
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
    text-align: left;
}

#interior .section02 .box_wrap {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
    display: flex;
}

#interior .section02 .box_wrap a {
    width: 33.3333%;
    z-index: 1;
    box-sizing: content-box;
    font-size: 16px;
    color: #2d92fe;
    font-weight: 800;
    padding-bottom: 34px;
    padding-right: 20px;
    display: inline-block;
}

#interior .section02 .box_wrap > a:nth-child(3) {
    padding-right: 0px;
}

#interior .section02 .box span,
#open .section02 a .box span {
    font-size: 16px;
    color: #2d92fe;
    font-weight: 700;
}

#interior .section02 .box .category {
    padding-top: 18px;
    display: inline-block;
}

#interior .section02 .box .location_txt {
    font-size: 15px;
    color: #171717;
    font-weight: 500;
    letter-spacing: -1.2px;
    padding-top: 8px;
    display: block;
}

#interior .section02 .box .add,
#interior .section02 .box .add a {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #585858;
    padding-top: 7px;
    display: inline-block;
}

#interior .section02 .box .new_icon {
    font-size: 13px;
    font-weight: 600;
    width: 53px;
    height: 26px;
    background-color: #2d92fe;
    color: #fff;
    border-radius: 5px;
    padding: 4px 11px;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin-top: 15px;
    margin-left: 15px;
}

#interior .section02 .box_wrap .box .thum img {
    border-radius: 14px;
    width: 100%;
}

#interior .material-symbols-outlined.bookmark {
    position: absolute;
    z-index: 999;
    display: block;
    width: 100%;
    margin-left: 255px;
    margin-top: 166px;
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}

#interior .material-symbols-outlined.bookmark:hover:active {
    color: #2d92fe;
}

#interior .section05 {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
}

#interior .section05 .box_wrap {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
    display: flex;
}

#interior .section05 .box {
    width: 25%;
    z-index: 1;
    box-sizing: content-box;
    font-size: 16px;
    color: #2d92fe;
    font-weight: 800;
    padding-bottom: 34px;
    padding-right: 20px;
    display: inline-block;
}

#interior .section05 .box_wrap > div:nth-child(4) {
    padding-right: 0px;
}


#interior .section05 .box .category {
    padding-top: 18px;
    display: inline-block;
    letter-spacing: -0.7px;
}

#interior .section05 .box .location_txt {
    font-size: 15px;
    color: #171717;
    font-weight: 500;
    letter-spacing: -1.2px;
    padding-top: 8px;
    display: inline-block;
}

#interior .section05 .box .add {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #585858;
    padding-top: 7px;
    display: inline-block;
}

#interior .section05 .box .new_icon {
    font-size: 13px;
    font-weight: 600;
    width: 53px;
    height: 26px;
    background-color: #2d92fe;
    color: #fff;
    border-radius: 5px;
    padding: 4px 11px;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin-top: 15px;
    margin-left: 15px;
}

#interior .section05 .title {
    width: 93.5%;
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
}

#interior .section05 .more {
    width: 6.5%;
    display: contents;
    font-size: 14px;
    color: #2d92fe;
    font-weight: 700;
    text-align: right;
    margin-right: 0;
    position: relative;
}

#interior .section05 .box_wrap .box .thum img {
    border-radius: 12px;
}

#interior .section04 .box .add {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #585858;
    padding-top: 7px;
    display: block;
}



/*인테리어 리스트 - 시공사진*/
#interior_list .section04 .tit_txt {
    font-size: 18px;
    font-weight: 400;
    color: #585858;
}

#interior_list .interior_multi_select {
    border: 0px;
    margin: 0;
    width: 274px;
    height: 58px;
    padding-right: 10px;
    padding-left: 10px;
    border-style: none;
    border-width: 0;
}


.multi_select_line {
    border-right: 1px solid #a9a9a9;
    height: 10px;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
}

#interior_list .material-symbols-outlined.bookmark {
    position: absolute;
    z-index: 999;
    display: block;
    width: 100%;
    margin-left: 255px;
    margin-top: 166px;
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}

#interior_list .material-symbols-outlined.bookmark:hover:active {
    color: #2d92fe;
}

.search_section_interior {
    width: 100%;
    max-width: 1200px;
    margin: 0px 0px 90px 0px;
    border: 0px;
    display: flex;
    position: relative;
}

#interior_list .section04 .box .add {
    display: block;
}

/*인테리어- 뷰페이지 */

#interior_view ul.tabs {
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
    list-style: none;
    width: 100%;
    font-size: 12px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

#interior_view ul.tabs li {
    background-color: #f7f8fa;
    flex-grow: 1;
    text-align: center;
    padding: 28px 10px;
    cursor: pointer;
    border: 0px solid #eee;
    border-bottom: 1px solid #585858;
    border-left: none;
    background: #fafafa;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    color: #585858;
    font-weight: 300;

}

#interior_view ul.tabs li.active {
    background: #FFFFFF;
    border: 1px solid #585858;
    border-bottom: 1px solid #FFFFFF;
    font-size: 16px;
    color: #171717;
    font-weight: 700;
}

#interior_view .tab_container {
    border: 0px;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;
}

#interior_view .tab_content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 60px 0;
    font-size: 12px;
    display: none;
    height: auto;
}

#interior_view .tab_container .tab_content ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#interior_view .tab_container .tab_content ul li {
    padding: 0px;
    list-style: none
}


/*table_box*/
#interior_view .table_box > table > tbody > tr:nth-child(1) {
    border-top: 1px solid #585858;
}

#interior_view .tablebox {
    overflow-x: auto;
}

#interior_view .table_box .table_tit {
    margin-top: 90px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #171717;
}

#interior_view .table_box table td {
    border-top: 1px solid #58585;
    border-right: 1px solid #585858;
    border-bottom: 1px solid #585858;
    padding: 10px;
    font-size: 15px;
    color: #585858;
}

#interior_view .table_box table td:nth-child(2n+1) {
    background: #f7f8fa;
    text-align: center;
    font-weight: 700;
    padding: 22px 0;
}

#interior_view .tab_container #tab1 .table_box {
    padding-bottom: 100px;
    border-bottom: 1px solid #e9e9e9;
}

#interior_view .tab_container #tab1 .table_box:last-child {
    padding-bottom: 100px;
    border-bottom: 0px;
}

#interior_view .table_box > table > tbody > tr > td:last-child {
    border-right: 0px;
}

#interior_view .container .icon_box .sky_icon:nth-child {
    margin-left: 7px;
}

#interior_view {
    height: auto;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

#interior_view .title_box {
    width: 88%;
    display: inline-block;
    text-align: left;
}

#interior_view .view_comm {
    text-align: right;
    width: 11%;
    height: 33.59px;
    color: #585858;
    font-size: 12px;
    font-weight: 800;
    display: inline-block;
    vertical-align: middle;
}

.hit {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.bookmark {
    margin-top: 5px;
}

.share {
    margin-top: 0px;
}

#interior_view .vinterior_viewew_comm .material-symbols-outlined.bookmark:hover:active {
    color: #2d92fe;
}

#interior_view .view_comm > span:nth-child(2),
#interior_view .view_comm > span:nth-child(3) {
    margin-left: 12px;
}

#interior_view .view_box {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    display: flex;
    height: 620px;
}

#interior_view .view_box .view_cont {
    margin-left: 10px;
    width: 285px;
    height: 596px;
    background-color: #f7f8fa;
    border-radius: 12px;
    padding-top: 20px;
    padding-left: 22px;
}

#interior_view .view_cont .txt {
    font-size: 16px;
    font-weight: 700;
    color: #585858;
    display: inline-block;
    width: 60%;
}



#interior_view .fllow_box {
    width: 40%;
    display: inline-block;
    max-width: 76px;
    height: 37px;
    padding: 3px 10px 7px 6px;
    border-radius: 6px;
    border: 1px solid #2d92fe;
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1.2px;
    border: 1px solid #585858;
    text-align: center;
}

#interior_view .fllow_box:hover {
    background-color: #2d92fe;
    color: #fff;
    border: 1px solid #2d92fe;
}

#interior_view .fllow_box .fllow:hover {
    color: #fff;
}

#interior_view .add {
    font-size: 18px;
    height: 24px;
    vertical-align: middle;
    color: #fff;
}

#interior_view .fllow_box .fllow {
    display: inline-block;
    width: 100%;
    border: 0px;
    font-size: 14px;
    height: 24px;
    vertical-align: middle;
    color: #585858;
    font-weight: 700;
}

#interior_view .view_cont > ul {
    border-top: 1px solid #e9e9e9;
    margin-top: 18px;
    font-size: 16px;
    font-weight: 700;
    color: #585858;
    margin-right: 22px;
    padding-top: 20px;
}

#interior_view .view_cont > ul > li {
    font-size: 14px;
    font-weight: 400;
    color: #585858;
    letter-spacing: -1.2px;
}

#interior_view .view_cont > ul > li:nth-child(1) {
    padding-top: 16px;
}

#interior_view .view_cont > ul:nth-child {
    padding-top: 30px;
}

#interior_view .view_box .view_cont .partner_box {
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    vertical-align: bottom;
    width: 100%;
    display: block;
    max-width: 234px;
    padding: 13px 10px 13px 10px;
    margin-bottom: 6px;
    border-radius: 6px;
    border: 1px solid #585858;
    text-align: center;
}

#interior_view > div > div.view_box > div.view_cont > a {
    text-decoration: none;
}

#interior_view .view_box .view_cont .partner_box.\30 1 {
    margin-top: 20px;
}

#interior_view .view_box .view_cont .partner_box:hover {
    color: #fff;
    background-color: #2d92fe;
    border: 1px solid #2d92fe;
}

#interior_view .swiper-container {
    max-width: 894px;
}

#interior_view .swiper-slide img {
    max-width: 100%;
    border-radius: 12px;
}

#interior_view .swiper {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 894px;
}

/* 위 & 아래 화살표 */
#interior_view .arrows {
    clear: both;
}

#interior_view .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: none !important;
}

#interior_view .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: none !important;
}

#interior_view .swiper-button-next {
    background-image: url("../img/next.png") !important;
    right: 10px !important;
    display: block;
    width: 60px !important;
    height: 60px !important;
    left: auto !important;
}

#interior_view .swiper-button-prev {
    position: absolute;
    background-image: url("../img/prev.png") !important;
    left: 10px !important;
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    right: auto !important;
}


#interior_view .swiper-button-next:after,
.swiper-button-prev:after {
    display: block;
    width: 60px;
    height: 60px;
}

#interior_view .swiper-button-prev,
#interior_view .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -75px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}

#interior_view .open_view_Swiper .swiper-slide a img {
    width: 100%;
}

#interior_view .view_box .gallery-main-box .control-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 20;
    width: 100%;
    box-sizing: border-box;
}

#interior_view .view_box .gallery-main-box .control-wrap > div {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -99999px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
}

/*#open_view .view_box .gallery-main-box .control-wrap .swiper-gallery-prev{left:0;background-image:url(http://sbmedical.co.kr/theme/home/img/prev.png);}
#open_view .view_box .gallery-main-box .control-wrap .swiper-gallery-next{right:0;background-image:url(http://sbmedical.co.kr/theme/home/img/next.png);}*/
#interior_view .view_box .gallery-thumb-box .swiper-slide {
    cursor: pointer;
}

#interior_view .view_box .gallery-thumb-box .swiper-slide.swiper-slide-active {
    position: relative;
}

#interior_view .view_box .gallery-thumb-box .swiper-slide.swiper-slide-active:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px solid #1976d2;
    box-sizing: border-box;
}

#interior_view .view_box .gallery-thumb-box .swiper-slide .info-img {
    position: relative;
    padding: 0 0 50%;
    height: 0;
    box-sizing: border-box;
}

#interior_view .view_box .gallery-thumb-box .swiper-slide .info-img img {
    position: absolute;
}

#interior_view .detail_img > img {
    margin-bottom: 20px;
}

#interior_view .detail_img > img:last-child {
    margin-bottom: 0px;
}


/*인테리어- 스토리 리스트페이지*/
#interior_story_list .material-symbols-outlined.bookmark {
    position: absolute;
    z-index: 999;
    display: block;
    width: 100%;
    margin-left: 255px;
    margin-top: 166px;
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}

#interior_story_list .material-symbols-outlined.bookmark:hover:active {
    color: #2d92fe;
}

#interior_story_list .section04 .box .add {
    display: block;
}

#interior_story_list .section04 .tit_txt {
    font-size: 18px;
    font-weight: 400;
    color: #585858;
}

#interior_story_list .section04 .box .category {
    padding-top: 18px;
    display: inline-block;
    letter-spacing: -0.7px;
}


/*인테리어-스토리 뷰페이지*/
.line {
    border-bottom: 1px solid #585858;
    margin-bottom: 66px;
}

.small_logo {
    width: 5%;
}

.small_logo img {
    border-radius: 50%;
    width: 56px;
    border: 1px solid #a9a9a9;
    margin-top: 27px;
}

.story_partner_wrap {
    background: #fff;
    width: 100%;
    height: 110px;
    display: flex;
}

#interior_view .story_partner_wrap .view_txt {
    margin-top: 27px;
    margin-left: 10px;
    width: 83%;
}

#interior_view .story_partner_wrap .view_comm {
    margin-top: 45px;
}

#interior_view .interior_story_icon > img {
    margin-right: 10px;
}

.interior_story_icon {
    width: 24%;
    font-size: 14px;
    font-weight: 400;
    color: #585858;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}

.icon_4box {
    display: block;
    border-radius: 12px;
    background-color: #f7f8fa;
    padding: 30px;
}

.vertical_line {
    color: #a9a9a9;
    font-size: 11px;
}




/*인테리어-파트너뷰페이지 */

#partner_view {
    overflow-x: hidden;
}

#partner_view .material-symbols-outlined.bookmark {
    position: absolute;
    z-index: 999;
    display: block;
    width: 100%;
    margin-left: 255px;
    margin-top: 166px;
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}

#partner_view .material-symbols-outlined.bookmark:hover:active {
    color: #2d92fe;
}

#partner_view .section05 .box .category {
    padding-top: 18px;
    display: inline-block;
    letter-spacing: -0.7px;
}

#partner_view .section05 .box .location_txt {
    font-size: 15px;
    color: #171717;
    font-weight: 500;
    letter-spacing: -1.2px;
    padding-top: 8px;
    display: inline-block;
}

#partner_view .section05 .box .add {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #585858;
    padding-top: 7px;
    display: inline-block;
}

#partner_view .section05 .box .new_icon {
    font-size: 13px;
    font-weight: 600;
    width: 53px;
    height: 26px;
    background-color: #2d92fe;
    color: #fff;
    border-radius: 5px;
    padding: 4px 11px;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin-top: 15px;
    margin-left: 15px;
}

#partner_view .section05 .title {
    width: 93.5%;
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    display: inline-block;
}

#partner_view .section05 .more {
    width: 6.5%;
    display: contents;
    font-size: 14px;
    color: #2d92fe;
    font-weight: 700;
    text-align: right;
    margin-right: 0;
    position: relative;
}

#partner_view .section05 .box_wrap .box .thum img {
    border-radius: 12px;
}

#partner_view .section04 .box .add {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #585858;
    padding-top: 7px;
    display: block;
}

#partner_view .section05 {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
}

#partner_view .section05 .box_wrap {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
    display: flex;
}

#partner_view .section05 .box {
    width: 25%;
    z-index: 1;
    box-sizing: content-box;
    font-size: 16px;
    color: #2d92fe;
    font-weight: 800;
    padding-bottom: 34px;
    padding-right: 20px;
    display: inline-block;
}

#partner_view .section05 .box_wrap > div:nth-child(4) {
    padding-right: 0px;
}






/*인테리어-파트너 리스트페이지*/
#partner_list .section04 {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
}

#partner_list .section04 a.partner_link .box_wrap {
    width: 100%;
    margin: 0px;
    border: 0px;
    max-width: 1200px;
    display: flex;
}

#partner_list .section04 a.partner_link {
    width: 25%;
    z-index: 1;
    font-size: 16px;
    color: #2d92fe;
    font-weight: 800;
    display: inline-block;
    border-radius: 12px;
    border: 1px solid #e9e9e9;
    padding: 12px 20px;
    max-height: 174px;
    margin-right: 20px;
    margin-bottom: 20px;
}

#partner_list .section04 .box_wrap a.partner_link > div:nth-child(4) {
    margin-right: 0px;
}

#partner_list .section04 a.partner_link .box {
    width: 100%;
    z-index: 1;
    box-sizing: content-box;
    font-size: 16px;
    color: #2d92fe;
    font-weight: 800;
    display: inline-block;
}


#partner_list .section04 a.partner_link .box .category {
    padding-top: 18px;
    display: inline-block;
}

#partner_list .section04 a.partner_link .box .add {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -1.2px;
    color: #585858;
    padding-top: 7px;
    display: inline-block;
}

.gray_line {
    width: 100%;
    display: block;
    margin: 4px 0px;
    border-top: 1px solid #e9e9e9;
}

#partner_list a.partner_link .box .box_txt {
    width: 59%;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 28px;
}

#partner_list a.partner_link .box .logo {
    width: 39%;
    margin-right: 0;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 10px;
    padding-left: 10px;
}

#partner_list .box_wrap a.partner_link .box .logo img {
    border-radius: 50%;
    border: 1px solid #e9e9e9;
    max-width: 80px;
}






/*회원가입-회원가입 유형*/

#register_type .container .section {
    width: 100%;
    height: auto;
    margin: 0px;
    border: 0px;
    display: flex;
    justify-content: center;
    max-width: 1200px;
}

#register_type .container .section01,
.section02 .box_wrap {
    width: 100%;
    padding: 0 10px;
    margin-top: 0px;
    display: inline-block;
    /* background-color: aquamarine; */
}

#register_type .container .section01 .box_wrap .box {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 150px 0;
}

#register_type .section01 .title {
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    padding-bottom: 15px;
}

#register_type .section01 .tit_txt {
    font-size: 14px;
    color: #171717;
    font-weight: 400;
}

#register_type .section01 .tit_txt span {
    display: block;
}

#register_type .section01 .tit_txt span:first-child {
    color: #2d92fe;
    font-weight: 500;
}


#register_type .section01 .info {
    width: 90%;
    height: auto;
    color: #494949;
    border: 1px solid #c9e3ff;
    border-radius: 12px;
    padding: 35px;
    background-color: #f6faff;
    margin-top: 50px;

}

#register_type .section01 .info .info_title {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
}

#register_type .section01 .info .info_txt {
    font-size: 12px;
}

#register_type .section01 .info .info_txt span {
    display: block;
}

#register_type .section02 .type_wrap {
    width: 100%;
    height: 180px;
    background-color: #f7f7f7;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    color: #848484;
    padding: 40px 20px;
    margin: 10px 0;
}

#register_type .section02 .type_wrap:hover {
    background-color: #2d92fe;
    border: 1px solid #2d92fe;
    color: #fff;
}


#register_type .section02 .type_box {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 8px;
}

#register_type .section02 .type_wrap .type_box .type_img {
    width: 70px;
    height: 70px;
    display: block;
}

#register_type .section02 .type_wrap:hover .type_box .type_img {
    display: none;
}

#register_type .section02 .type_wrap .type_box .type_img-hover {
    display: none;
}

#register_type .section02 .type_wrap:hover .type_box .type_img-hover {
    width: 70px;
    height: 70px;
    display: block;
}

#register_type .section02 .type_wrap .type_box .type_title {
    font-size: 24px;
    font-weight: 600;
}

#register_type .section02 .type_wrap .type_sub {
    font-size: 15px;
    line-height: 1.3;
}

#register_type .section02 .type_wrap .type_txt {
    font-size: 13px;
}

#register_type .section02 .type_wrap .join {}

#register_type .section02 .type_wrap .join a {
    font-weight: 800;
    border-radius: 100px;
    background-color: #2d92fe;
    text-align: center;
    color: #fff;
    padding: 8px 32px;
}

#register_type .section02 .type_wrap:hover .join a {
    color: #2d92fe;
    background-color: #fff;
}


#type {}

#type .container {}

#type .container .section01 {
    text-align: center;
    padding-top: 100px;
    border-bottom: 1px solid #e9e9e9;
}

#type .container .section01 .box_wrap {}

#type .container .section01 .box_wrap .box {}

#type .container .section01 .box_wrap .box .title {
    font-size: 28px;
    color: #171717;
    font-weight: 800;
    padding-bottom: 10px;
}

#type .container .section01 .box_wrap .box .tit_txt {
    font-size: 18px;
    font-weight: 400;
    color: #585858;
}

#type .container .section02 {
    padding-top: 0;
    padding-bottom: 0;
}

#type .container .section02 {}

#type .container .section02 .join .join_step {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
    padding-top: 60px;
    border-radius: 12px;
    /* background-color: #f7f8fa;
    border: 1px solid #e9e9e9; */
}

#type .container .section02 .join .join_step li.on {
    color: #2d92fe;
    font-weight: 600;
}

#type .container .section02 .join .join_step li {
    display: -webkit-flexbox;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #585858;
    padding: 0px 30px;
}

.join_step > li {
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #bebebe;
}

.join_step > li:nth-child(1) {
    border-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

#type .section02 .join_box {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 5em;
    border: 1px solid #e9e9e9;
    background-color: #f7f8fa;
    border-radius: 12px;
    margin-bottom: 100px;
}

#type .container .section02 .join_box h3 {
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #bebebe;

}


/*약관동의*/

#type form {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#type .chkInput_all {
    position: absolute;
    top: 5em;
    right: 5em;
}

#type .chkInput {
    line-height: 1.15em;
}

#type .chkInput input[type="checkbox"] {
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
}

#type .chkInput input[type="checkbox"] + label .check_cst_txt {
    margin-right: 10px;
    font-size: 14px;
    color: #585858;
    font-weight: 500;
}

#type .chkInput input[type="checkbox"] + label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    line-height: inherit;
    background: none;
}

#type .chkInput input[type="checkbox"] + label .check_cst_mark {
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 14px;
    border: 2px solid #bebebe;
    background: #fff;
    border-radius: 50em;
    cursor: pointer;
}

#type .chkInput input[type="checkbox"] + label .check_cst_mark:after {
    content: "";
    display: block;
    width: 0.7em;
    height: 0.4em;
    margin-left: calc(51% - 0.4em);
    margin-top: calc(56% - 0.4em);
    border: 2px solid #bebebe;
    border-right: 0;
    border-top: 0;
    transform: rotate(-45deg);
}

#type .chkInput input[type="checkbox"]:checked + label .check_cst_mark {
    border: 2px solid #2d92fe;
    background: #2d92fe;
}

#type .chkInput input[type="checkbox"]:checked + label .check_cst_mark:after {
    border-color: #fff;
}

/*이용약관*/
#type .input_wrap {
    width: 100%;
}

#type .join_box h4 {
    padding: 12px 0;
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
}


#type .input_detail_box {
    height: 30em;
    margin-bottom: 1em;
    font-size: 1.4em;
    padding: 1.5em;
    color: #848484;
    background-color: #fff;
    overflow-y: auto;
}


#type .input_detail_box h5 {
    color: #2d92fe;
    margin-bottom: 10px;
    font-size: 15px;
}

#type .input_detail_box h6 {
    font-size: 14px;
}

#type .input_detail_box {
    font-size: 14px;
}

#type .customer_wrap .cusBox {
    margin-bottom: 15px;
}

#type .chkInput {
    line-height: 1em;
}

#type .chkInput input[type="checkbox"] {
    position: absolute;
}

.chkInput input[type="checkbox"] {
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
}

#type .chkInput input[type="checkbox"] + label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    line-height: inherit;
    background: none;
}

#type .input_btns {
    width: 100%;
    text-align: center;
}

#type .input_btns {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

#type .submitBtn {
    padding: 3px 100px;
    display: block;
    line-height: 3em;
    text-align: center;
    margin: 1em auto 0;
    font-size: 18px;
    background: #2d92fe;
    color: #fff;
    border: 0;
}


/*회원정보 입력*/
#type .join_info .join_box h4 {}

#type .join_info label {
    font-size: 15px;
    margin-bottom: 0px;
}

#type .join_info .join_box .input_wrap .input_list {
    border-top: 1px solid #dedede;
}

#type .join_info .join_box .input_wrap dl {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #bebebe;
    margin: 0 auto;
}

#type .join_info .join_box .input_wrap dt {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 500;
    width: 15%;
    background: #fff;
    margin: 0 auto;
}

#type .join_info .join_box .input_wrap dd {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding: 0.6em 1em;
    font-size: 14px;
    line-height: 2em;
    flex: 1;
    margin: 0 auto;
        border-left: 1px solid #dedede;
}

#type .join_info .input_cst {
    width: 25%;
    height: 40px;
    line-height: 3em;
    border: 1px solid #dedede;
    border-radius: 0;
    padding: 0 0.5em;
    box-sizing: border-box;
}


#type .join_info a.btn_frmline,
button.btn_frmline {
    display: inline-block;
    width: 128px;
    padding: 0 5px;
    height: 40px;
    border: 0;
    background: #585858;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    vertical-align: top;
    margin-left: 10px;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

#type .join_info .join_box span.input_info {
    padding: 0 0 0 10px;
}

#type .join_info .join_box .input_info {
    color: #585858;
    line-height: 1.6em;
    margin-bottom: 0px;
}


#type .join_info .mo_item_540 {
    display: none;
}

#type .join_info #email_id + span {
    display: inline-block;
    margin: 0 10px;
}

#type .join_info .select_cst {
    width: 25% !important;
    height: 40px;
    line-height: 2em;
    padding: 0 3em 0 0.5em;
    max-width: initial;
    border: 1px solid #dedede;
    background-color: #f7f8fa;
    background-size: 16px;
    background-position: 95% center !important;
    margin-left: 10px;
}

#type .join_info select {
    position: relative;
    border: 1px solid #dedede;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: url(/img/chevron-down.svg) no-repeat 94% center;
    background-size: 9px;
}

#type .join_info .radioInp {
    display: inline-block;
    line-height: 2.5em;
}

#type .join_info .radioInp input[type="radio"] {
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
}

#type .join_info .radioInp input[type="radio"] + label {
    margin-right: 1em;
}

#type .join_info .radioInp input[type="radio"] + label {
    /* display: inline-block; */
    position: relative;
    cursor: pointer;
    padding-left: 18px;
    /* display: block; */
    background: url(/img/circle.png) no-repeat left center;
    background-size: 14px;
    line-height: 20px;
}

#type .join_info .radioInp input[type="radio"]:checked + label {
    background: url(/img/circle_check.png) no-repeat left center;
    background-size: 14px;
}

#type .join_info .chkInput input[type="checkbox"] + label {
    /* display: inline-block; */
    position: relative;
    cursor: pointer;
    padding-left: 18px;
    margin-right: 10px;
    /* display: block; */
    background: url(/img/circle.png) no-repeat left center;
    background-size: 14px;
    line-height: 20px;
}

#type .join_info .chkInput input[type="checkbox"]:checked + label {
    background: url(/img/circle_check.png) no-repeat left center;
    background-size: 14px;

}


#type .join_info .w100 {
    width: 100% !important;
}

#type .join_info .input_btns button,
#memJoin_02 .input_btns a {
    margin: 0 0.25em 0;
    padding: 0 3em;
}

#type .join_info .submitDef {
    display: block;
    line-height: 3em;
    text-align: center;
    margin: 0 0.25em 0;
    font-size: 18px;
    background: #585858;
    color: #fff;
    border: 0;
    padding: 0 3em;
}

#type .join_info .input_btns {
    margin-top: 80px;
}

/*가입신청완료*/
#type .join_fin .section02 .join_box {
    text-align: center;
}

#type .join_fin .section02 .join_box h3 {
    width: 100%;
    height: 105px;
    padding: 70px 0 0 0;
    border-bottom: none;
    background: url(/img/join_fin_check.png) no-repeat center;
    background-size: 50px;
    background-position: top;
    color: #2d92fe;
}

#type .join_fin p {
    font-size: 16px;
    color: #585858;
}

#type .w50 {
    width: 50% !important;
}

#type .w20 {
    width: 20% !important;
}

#type .file_ty {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#type .fileInput input[type="file"] + label {
    display: inline-block;
    border: 1px solid #dedede;
    font-size: 14px;
    color: #666;
    text-align: center;
    padding: 10px 20px 10px 15px;
    cursor: pointer;
}

#type .sound_only {
    width: 0;
    height: 0;
    position: absolute;
    overflow: hidden;
    text-indent: -999em;
    z-index: -999;
}

#type .file_name {
    font-size: 14px !important;
    color: #666;
    padding-left: 10px;
}








/*마케팅 공통*/

#online .carousel-caption-text,
#hospital .carousel-caption-text,
#portfolio .carousel-caption-text,
#photo .carousel-caption-text {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    text-align: left;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    padding: 0px;
}

#online .txt,
#hospital .txt,
#portfolio .txt,
#photo .txt {
    letter-spacing: -1.6px;
    color: #232323;
}


#online .sub_txt01,
#hospital .sub_txt01,
#portfolio .sub_txt01,
#photo .sub_txt01 {
    font-size: 46px;
    font-weight: 800;
    letter-spacing: -1.5px;
    margin-bottom: -5px;
}

#online .sub_txt02,
#hospital .sub_txt02,
#portfolio .sub_txt02,
#photo .sub_txt02 {
    font-size: 46px;
    font-weight: 500;
    letter-spacing: -1.5px;
}

#online .sub_txt03,
#hospital .sub_txt03 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 1.4;
}

#online .sub_txt04,
#hospital .sub_txt04 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: -2px;
}

#online .sub_txt07,
#hospital .sub_txt07 {
    font-size: 26px;
    font-weight: 700;
    color: #232323;
    letter-spacing: -1.5px;
}

#online .sub_txt08,
#hospital .sub_txt8 {
    font-size: 20px;
    font-weight: 300;
    color: #232323;
    letter-spacing: -1.6px;
    line-height: 1.4;
}


#online .bold_txt,
#hospital .bold_txt {
    font-weight: 800;
}

#online .back_g,
#hospital .back_g {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #f9fafb;
}

#online .back_w,
#hospital .back_w {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
}

#online .back_b,
#hospital .back_b {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #003abc;
}

#online .main_txt,
#hospital .main_txt {
    font-size: 40px;
    color: #232323;
    font-weight: 500;
    letter-spacing: -1.6px;
    line-height: 1.4;
}

#online .sub_txt,
#hospital .sub_txt {
    font-size: 28px;
    color: #232323;
    font-weight: 400;
    letter-spacing: -1.6px;
    line-height: 1.4;
    padding-top: 30px;
    padding-bottom: 50px;
}


#online .last,
#hospital .last {
    margin-right: 0px !important;
}

#online .pc,
#hospital .pc {
    display: block;
}

#online .mobile,
#hospital .mobile {
    display: none !important;
}

#online .sub_txt_w,
#hospital .sub_txt_w {
    color: #fff;
}

#online .sub_txt_b,
#hospital .sub_txt_b {
    color: #2727d5;
}

/*온라인마케팅*/

#online .con1,
.con2,
.con3,
.con4,
.con5,
.con6,
.con7,
.con8,
.con9 {
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center;
}


#online .about-bg {
    background-image: url('https://www.201company.com/pages/img/online_top.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px
}

#online .box_wrap,
#hospital .box_wrap {
    max-width: 1200px;
    margin: 0 auto;
}



/* 메인 */


#online .sub_txt01,
.sub_txt02,
.sub_txt03,
.sub_txt04 {
    text-align: left;
    color: #232323;
}


/*컨텐츠 시작*/
#online .content {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#online .con_wrap {
    width: 100%;
    height: auto;
    margin: 0 auto;
}


/* 클리어언트 후기 */

#online .con1_box {
    width: 32.4%;
    height: 325px;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 100px;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-top: 100px;
}

#online .con1_box .con1_img {
    position: absolute;
    top: -30%;
    left: 33%;
    margin-bottom: -45px;
}


#online .con1_box h5 {
    font-weight: 600;
    font-size: 16px;
    padding-top: 32px;
    letter-spacing: -1px;
}



/* 시작과 끝 */

#online .con2 {
    height: 700px;
    background-color: #003abc;
    /* padding-bottom: 120px; */
    position: relative;
}

#online .con2_txt {
    width: 50%;
    color: #fff;
    padding: 100px 0px 80px 200px;
}


/* 매출로 증명하는 */

#online .con3 {
    background-color: #fff;
}

#online .con3_graph {
    width: 878px;
    padding-bottom: 60px;
}



/* 분야별 전문가 */

#online .con4_warp {
    margin-top: 50px;
}

#online .con4_box {
    width: 24%;
    height: 226px;
    margin-right: 1%;
    border-radius: 20px;
    background-color: #fff;
    /* float:left; */
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding: 35px 20px 20px 20px;
    position: relative;
}

#online .con4_txt1 {}

#online .con4_txt2 {
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: -1.2px;
    font-size: 16px;
    padding-top: 0px;
}

#online .con4_img {
    position: absolute;
    bottom: 20px;
}


/* 맞춤 솔루션 */

#online .con5_wrap {
    margin-top: 100px;
}

#online .con5_txt1 {
    font-size: 45px;
    padding-top: 90px;
    padding-bottom: 30px;
}

#online .con5_box {
    width: 32.4%;
    height: 690px;
    background-color: #fff;
    border-radius: 20px;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: solid 0.5px #7c7c7c;
}


#online .contact_box {
    border: solid 0.5px #003abc;
    margin: 0 auto;
    background-color: #003abc;
    border-radius: 10px;
    width: 90%;
    padding: 22px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}

#online .contact_box:hover {
    border: solid 0.5px #003abc;
    background-color: #fff;
    color: #003abc;
}


#online .con5_box ul {
    padding-left: 20%;
    padding-top: 33px;
    text-align: left;
    font-weight: 400;
    font-size: 18px;
}

#online .con5_box ul li {
    padding-bottom: 2px;
}

#online .con5_box .feather {
    vertical-align: text-top;
    margin-right: 20px;
}

#online .recom {
    margin: 0 auto;
    margin-top: 34px;
    width: 80px;
    font-size: 20px;
    color: #003abc;
    background-color: #ebf3fc;
    padding: 10px;
    border-radius: 100px;
}

#online .premium {
    padding-top: 6px;
}

/*병원제휴마케팅*/

#hospital .con1,
.con2,
.con3,
.con4,
.con5,
.con6,
.con7,
.con8,
.con9 {
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center;
}

#hospital .about-bg {
    background-image: url('https://www.201company.com/pages/img/hospital_top.png');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px;
}

#hospital .sub_txt01,
.sub_txt02,
.sub_txt03,
.sub_txt04 {
    text-align: left;
    color: #232323;
}


/* 201컴퍼니*/

#hospital .con1_box {
    width: 49.4%;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 80px;
    margin-right: 1%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: left;
    padding: 20px 0px 30px 40px;
}

#hospital .con1_box:last-child {
    margin-right: 0px;
}

#hospital .con1_box h4 {
    font-weight: 400;
    font-size: 19px;
    padding-top: 15px;
    line-height: 1.4;
    letter-spacing: -1.6px;
}


/* 1400 제휴기업 & 대학교전용 */

#hospital .con2 {
    height: auto;
    position: relative;
}

#hospital .con2_box {
    width: 27%;
    height: 300px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 20px;
    display: inline-block;
    margin-right: 4%;
    vertical-align: top;
    position: relative;
}

#hospital .con2_box1 {
    padding: 55px 10px 10px 10px;
}

#hospital .con2_box2 {
    width: 100%;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    background-color: #1c5ef2;
    padding: 15px;
    position: absolute;
    bottom: 0;
}

#hospital .con2_box1 h2 {
    font-size: 28px;
    font-weight: 800;
    color: #003abc;
    padding-bottom: 10px;
}

#hospital .con2_box1 h3 {
    font-size: 21px;
    font-weight: 500;
    color: #5d5d5d;
}

#hospital .con2_box1 h3 b {
    font-weight: 800;
    color: #003abc;
}

#hospital .con2_box1 .up {
    margin: 0 auto;
    width: 45%;
    padding: 4px;
    background-color: #003abc;
    color: #fff;
    font-weight: 600;
    border-radius: 1000px;
    margin-top: 12px;
}


/* 기업제휴 마케팅 장점 */

#hospital .con3_box {
    width: 28.3%;
    height: auto;
    margin-right: 7.3%;
    text-align: left;
    display: inline-block;
    margin-top: 40px;
    vertical-align: top;
}

#hospital .con3_box h2 {
    margin-top: 20px;
}

#hospital .con3_box_txt {
    font-size: 18px;
    margin-top: 10px;
}

#hospital .con3_box_txt li {
    padding-top: 5px;
}


/* 플랜 */

#hospital .con4 {
    padding-top: 100px;
    padding-bottom: 90px;
}

#hospital .con4 .plan_img {
    width: 100%;
}

#hospital .con4_box {
    width: 24%;
    display: inline-block;
    margin-top: 40px;
    vertical-align: top;
}

#hospital .con4_box h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

#hospital .con4_box h4 {
    padding-top: 5px;
    font-size: 18px;
    font-weight: 300;
}


/* 진행 프로세스 */

#hospital .con5_box {
    width: 20%;
    margin-right: 5%;
    display: inline-block;
    margin-top: 60px;
}

#hospital .con5_box:nth-child(4n) {
    margin-right: 0px;
}

#hospital .step_box {
    width: 40%;
    margin: 0 auto;
    background-color: #ebf3fc;
    font-size: 20px;
    color: #003abc;
    font-weight: 800;
    border-radius: 1000px;
    padding: 1%;
    margin-bottom: 20px;
}

#hospital .step_txt {
    font-size: 22px;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 20px;
}


/* 파트너스 */

#hospital .partners {
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 8px;
}

#hospital .main_05_txt {
    font-size: 50px;
    color: #16306b;
    font-weight: 900;
    text-align: center;
    letter-spacing: -1.6px;
    line-height: 1.2;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

#hospital .box5 {
    width: 16.66666667%;
    float: left;
    text-align: center;
    margin: 0px 0 10px;
}

#hospital .box5 > .icon > img {
    border: 1px solid #e4e4e4;
}

#hospital .main_05_point_txt {
    font-size: 24px;
    color: #212121;
    font-weight: 500;
    text-align: center;
    padding-top: 44px;
    margin: 0 auto;
    letter-spacing: -1.6px;
}

#hospital .main_05_point {
    font-size: 24px;
    color: #212121;
    font-weight: 800;
    text-align: center;
    padding-top: 44px;
    margin: 0 auto;
    letter-spacing: -1.6px;
}


/*포트폴리오*/

#portfolio {
    background-color: #fff;
}

#portfolio .carousel-caption-text {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    text-align: left;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    padding-top: 0px;
}

#portfolio .carousel-caption-text .sub_txt03 {
    color: #646464;
    font-size: 22px;
    font-weight: 500;
    line-height: 38px;
}

#portfolio .about-bg {
    background-image: url('https://www.201company.com/pages/img/portfolio_top.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px
}

#portfolio > div.container {
    margin: 0px auto;
    text-align: center;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}

/*스냅사진촬영*/

#photo {
    background-color: #fff;
}

#photo .carousel-caption-text {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    text-align: left;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    padding-top: 0px;
}

#photo .carousel-caption-text .sub_txt03 {
    color: #646464;
    font-size: 22px;
    font-weight: 500;
    line-height: 38px;
}

#photo .about-bg {
    background-image: url('https://www.201company.com/pages/img/portfolio_top.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 792px
}

#photo > div.container {
    margin: 0px auto;
    text-align: center;
    font-family: 'Noto Sans CJK KR', 'Noto Sans CJK KR', 'Noto Sans KR', 'noto-sans-cjk-kr', 'Apple SD Gothic Neo', 'sans-serif';
}




/*의료기기*/

#device {}

.search_section_device {
    width: 100%;
    max-width: 1200px;
    margin: 0px 0px 90px 0px;
    border: 0px;
    display: flex;
    position: relative;
}

#device .device_multi_select {
    border: 0px;
    margin: 0;
    width: 274px;
    height: 58px;
    padding-right: 10px;
    padding-left: 10px;
    border-style: none;
    border-width: 0;
}

#device .section02,
.section03 {
    padding-top: 0px;
}

.box .new_icon.soldout {
    width: 65px;
    padding: 3px 6px;
    background-color: #171717;
}

/*의료기기 뷰페이지*/

#device_view ul.tabs {
    margin: 0;
    padding: 0;
    width: auto;
    float: left;
    list-style: none;
    width: 100%;
    font-size: 12px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

#device_view ul.tabs li {
    background-color: #f7f8fa;
    flex-grow: 1;
    text-align: center;
    padding: 28px 10px;
    cursor: pointer;
    border: 0px solid #eee;
    border-bottom: 1px solid #585858;
    border-left: none;
    background: #fafafa;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    color: #585858;
    font-weight: 300;

}

#device_view ul.tabs li.active {
    background: #FFFFFF;
    border: 1px solid #585858;
    border-bottom: 1px solid #FFFFFF;
    font-size: 16px;
    color: #171717;
    font-weight: 700;
}

#device_view .tab_container {
    border: 0px;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;
}

#device_view .tab_content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 60px 0;
    font-size: 12px;
    display: none;
    height: auto;
}

#device_view .tab_container .tab_content ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#device_view .tab_container .tab_content ul li {
    padding: 0px;
    list-style: none
}


/*table_box*/
#device_view .table_box > table > tbody > tr:nth-child(1) {
    border-top: 1px solid #585858;
}

#device_view .tablebox {
    overflow-x: auto;
}

#device_view .table_box .table_tit {
    margin-top: 90px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #171717;
}

#device_view .table_box table td {
    border-top: 1px solid #58585;
    border-right: 1px solid #585858;
    border-bottom: 1px solid #585858;
    padding: 10px;
    font-size: 15px;
    color: #585858;
}

#device_view .table_box table td:nth-child(2n+1) {
    background: #f7f8fa;
    text-align: center;
    font-weight: 700;
    padding: 22px 0;
}

#device_view .tab_container #tab1 .table_box {
    padding-bottom: 100px;
    border-bottom: 1px solid #e9e9e9;
}

#device_view .tab_container #tab1 .table_box:last-child {
    padding-bottom: 100px;
    border-bottom: 0px;
}

#device_view .table_box > table > tbody > tr > td:last-child {
    border-right: 0px;
}

#device_view .container .icon_box .sky_icon:nth-child {
    margin-left: 7px;
}

#device_view {
    height: auto;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

#device_view .title_box {
    width: 88%;
    display: inline-block;
    text-align: left;
}

#device_view .view_comm {
    text-align: right;
    width: 11%;
    height: 33.59px;
    color: #585858;
    font-size: 12px;
    font-weight: 800;
    display: inline-block;
    vertical-align: middle;
}

.hit {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
}

.bookmark {
    margin-top: 5px;
}

.share {
    margin-top: 0px;
}

#device_view .vinterior_viewew_comm .material-symbols-outlined.bookmark:hover:active {
    color: #2d92fe;
}

#device_view .view_comm > span:nth-child(2),
#interior_view .view_comm > span:nth-child(3) {
    margin-left: 12px;
}

#device_view .view_box {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    display: flex;
    height: 620px;
}

#device_view .view_box .view_cont {
    margin-left: 10px;
    width: 285px;
    height: 596px;
    background-color: #f7f8fa;
    border-radius: 12px;
    padding-top: 20px;
    padding-left: 22px;
}

#device_view .view_cont .txt {
    font-size: 16px;
    font-weight: 700;
    color: #585858;
    display: inline-block;
    width: 60%;
}



#device_view .fllow_box {
    width: 40%;
    display: inline-block;
    max-width: 76px;
    height: 37px;
    padding: 3px 10px 7px 6px;
    border-radius: 6px;
    border: 1px solid #2d92fe;
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1.2px;
    border: 1px solid #585858;
    text-align: center;
}

#device_view .fllow_box:hover {
    background-color: #2d92fe;
    color: #fff;
    border: 1px solid #2d92fe;
}

#device_view .fllow_box .fllow:hover {
    color: #fff;
}

#device_view .add {
    font-size: 18px;
    height: 24px;
    vertical-align: middle;
    color: #fff;
}

#device_view .fllow_box .fllow {
    display: inline-block;
    width: 100%;
    border: 0px;
    font-size: 14px;
    height: 24px;
    vertical-align: middle;
    color: #585858;
    font-weight: 700;
}

#device_view .view_cont > ul {
    border-top: 1px solid #e9e9e9;
    margin-top: 18px;
    font-size: 16px;
    font-weight: 700;
    color: #585858;
    margin-right: 22px;
    padding-top: 20px;
}

#device_view .view_cont > ul > li {
    font-size: 14px;
    font-weight: 400;
    color: #585858;
    letter-spacing: -1.2px;
}

#device_view .view_cont > ul > li:nth-child(1) {
    padding-top: 16px;
}

#device_view .view_cont > ul:nth-child {
    padding-top: 30px;
}

#device_view .view_box .view_cont .partner_box {
    color: #585858;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    vertical-align: bottom;
    width: 100%;
    display: block;
    max-width: 234px;
    padding: 13px 10px 13px 10px;
    margin-bottom: 6px;
    border-radius: 6px;
    border: 1px solid #585858;
    text-align: center;
}

#device_view > div > div.view_box > div.view_cont > a {
    text-decoration: none;
}

#device_view .view_box .view_cont .partner_box.\30 1 {
    margin-top: 20px;
}

#device_view .view_box .view_cont .partner_box:hover {
    color: #fff;
    background-color: #2d92fe;
    border: 1px solid #2d92fe;
}

#device_view .swiper-container {
    max-width: 894px;
}

#device_view .swiper-slide img {
    max-width: 100%;
    border-radius: 12px;
    border: 1px solid #e9e9e9;
}

#device_view .swiper {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 894px;
}

/* 위 & 아래 화살표 */
#device_view .arrows {
    clear: both;
}

#device_view .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: none !important;
}

#device_view .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: none !important;
}

#device_view .swiper-button-next {
    background-image: url("http://sbmedical.co.kr/theme/home/img/next.png") !important;
    right: 10px !important;
    display: block;
    width: 60px !important;
    height: 60px !important;
    left: auto !important;
}

#device_view .swiper-button-prev {
    position: absolute;
    background-image: url("http://sbmedical.co.kr/theme/home/img/prev.png") !important;
    left: 10px !important;
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    right: auto !important;
}


#device_view .swiper-button-next:after,
.swiper-button-prev:after {
    display: block;
    width: 60px;
    height: 60px;
}

#device_view .swiper-button-prev,
#device_view .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -75px;
    z-index: 10;
    cursor: pointer;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}

#device_view .open_view_Swiper .swiper-slide a img {
    width: 100%;
}

#device_view .view_box .gallery-main-box .control-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 20;
    width: 100%;
    box-sizing: border-box;
}

#device_view .view_box .gallery-main-box .control-wrap > div {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -99999px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
}

#device_view .view_box .gallery-thumb-box .swiper-slide {
    cursor: pointer;
}

#device_view .view_box .gallery-thumb-box .swiper-slide.swiper-slide-active {
    position: relative;
}

#device_view .view_box .gallery-thumb-box .swiper-slide.swiper-slide-active:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px solid #1976d2;
    box-sizing: border-box;
}

#device_view .view_box .gallery-thumb-box .swiper-slide .info-img {
    position: relative;
    padding: 0 0 50%;
    height: 0;
    box-sizing: border-box;
}

#device_view .view_box .gallery-thumb-box .swiper-slide .info-img img {
    position: absolute;
}

#device_view .detail_img > img {
    margin-bottom: 20px;
}

#device_view .detail_img > img:last-child {
    margin-bottom: 0px;
}