@charset "euc-kr";
@import url("css_short.css");
/* ############################# �ʼ� ����  ########################### */
.hidden {
    display: none !important;
}
/* ############################# �缳��  ########################### */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 0px !important;
}
/* head */
.h1, .h2, .h3, .h4, .h5, .h6, .h7, h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
}
.h7 {
    font-size: .75rem;
}
.s1, .s2, .s3, .s4, .s5, .s6, s7 {
}
.s7 {
    font-size: 12px;
    line-height: 22px;
}
.s6 {
    font-size: 14px;
    line-height: 25px;
}
.s5 {
    font-size: 16px;
    line-height: 25px;
}
.s4 {
    font-size: 18px;
    line-height: 30px;
}
.s3 {
    font-size: 20px;
    line-height: 35px;
}
.s2 {
    font-size: 24px;
    line-height: 40px;
}
.s1 {
    font-size: 28px;
    line-height: 45px;
}
.display-5 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.1;
}

@media (max-width: 767px) {
.s6 {
    font-size: 12px;
    line-height: 18px;
}
.s5 {
    font-size: 14px;
    line-height: 20px;
}
.s4 {
    font-size: 16px;
    line-height: 28px;
}
.s3 {
    font-size: 18px;
    line-height: 30px;
}
.s2 {
    font-size: 20px;
    line-height: 32px;
}
.s1 {
    font-size: 22px;
    line-height: 34px;
}
}

/* ��Ʈ Į��  �缼�� */
.text-white {
    color: #FFFFFF;
}
.text-black {
    color: #3A3A3A;
}
.text-muted2 {
    color: #777;
}
.text-primary2 {
    color: #337ab7;
}
.text-info2 {
    color: #31708f;
}
.text-success2 {
    color: #3c763d;
}
.text-danger2 {
    color: #a94442;
}
.text-warning2 {
    color: #8a6d3b;
}
.text-muted3 {
    color: #696969;
}
.text-primary3 {
    color: #2C6BA1;
}
.text-info3 {
    color: #295F7A;
}
.text-success3 {
    color: #346735;
}
.text-danger3 {
    color: #943B39;
}
.text-warning3 {
    color: #765D32;
}
/* �ؽ�Ʈ �ٹ̱�*/
.text-transform-none {
  text-transform: none !important;
}
.text-underline {
  text-decoration: underline;
}

.text-decoration-none-hover:focus, .text-decoration-none-hover:hover {
  text-decoration: none;
}

.text-strike {
  text-decoration: line-through;
}
.text-normal {
  font-style: normal;
}

.text-italic {
  font-style: italic;
}
/* ��Ʈ Į�� */
.color-white {
    color: #FFFFFF;
}
.color-black {
    color: #1F1F1F;
}
.color-sea {
    color: #1abc9c;
}
.color-red {
    color: #e74c3c;
}
.color-aqua {
    color: #27d7e7;
}
.color-blue {
    color: #3498db;
}
.color-grey {
    color: #95a5a6;
}
.color-dark {
    color: #555555;
}
.color-darker {
    color: #333333;
}
.color-green {
    color: #7FAD23;
}
.color-brown {
    color: #9c8061;
}
.color-light {
    color: #ffffff;
}
.color-orange {
    color: #F44336;
}
.color-yellow {
    color: #f1c40f;
}
.color-green1 {
    color: #597A18;
}
.color-purple {
    color: #9b6bcc;
}
.color-inherit {
    color: inherit;
}
.color-dark-blue {
    color: #4765a0;
}
.color-light-grey {
    color: #585f69;
}
.color-light-green {
    color: #79d5b3;
}
/* ############################# ��ư ������  ########################### */

/* ��ư ���� */
.btn {
    /*box-shadow: none;
    border-radius: 0;
    background-image: none;*/
    transition: 0.3s;
    cursor: pointer;
}
.btn-outline-light:hover {
    background-color: rgba(255,255,255,0.5);
}
/* BUTTONS - COLOR */
.btn-izi-icon {
    color: #FFFFFF;
    transition: 0.3s;
    opacity: 0.3;
    font-size: 23px;
    width: 26px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 27px;
}
.btn-izi-icon:hover, .btn-izi-icon:focus, .btn-izi-icon:active, .btn-izi-icon.active {
    opacity: 0.8;
}
.btn-green {
    background-color: #56AA1C;
    border-color: #56AA1C;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active {
    background-color: #458816;
    border-color: #458816;
}
.btn-blue {
    background-color: #008BE1;
    border-color: #008BE1;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {
    background-color: #0073BA;
    border-color: #0073BA;
}
.btn-darkblue {
    background-color: #00426B;
    border-color: #00426B;
}
.btn-darkblue:hover, .btn-darkblue:focus, .btn-darkblue:active, .btn-darkblue.active {
    background-color: #002A44;
    border-color: #002A44;
}
.btn-grey {
    background-color: #707070;
    border-color: #9BA5AE;
    color: #FFFFFF;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active {
    background-color: #FFFFFF;
    border-color: #ECECEC;
}
.btn-black {
    background-color: #1F1F1F;
    border-color: #1F1F1F;
    color: #ECECEC;
}
.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active {
    background-color: #FFFFFF;
    border-color: #ECECEC;
    color: #707070;
}
.btn-white {
    background-color: #FFFFFF;
    border-color: #ECECEC;
    color: #707070;
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active {
    background-color: #1F1F1F;
    border-color: #1F1F1F;
    color: #ECECEC;
}
.btn-tran-white {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(255, 255, 255);
    color: #ffffff;
    border-width: 2px;
}
.btn-tran-white:hover, .btn-tran-white:focus, .btn-tran-white:active, .btn-tran-white.active {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgb(255, 255, 255);
    color: #ffffff;
    font-weight: bold
}
.btn-tran-black {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.62);
    color: #707070;
}
.btn-tran-black:hover, .btn-tran-black:focus, .btn-tran-black:active, .btn-tran-black.active {
    background-color: rgba(0, 0, 0, 0.8);
    border-color: rgba(0, 0, 0, 0.62);
    color: #ffffff;
}
.btn-user {
    background-color: #E1002F;
    border-color: #E1002F;
    color: #FFFFFF;
}
.btn-user:hover, .btn-user:focus, .btn-user:active, .btn-user.active {
    background-color: #C60029;
    border-color: #C60029;
    color: #FFFFFF;
}
/* h ��ư */
.hbtn {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font: 600 14px "��������", "Nanum Gothic", sans-serif;
    padding: 10px 10px;
    white-space: nowrap;
    margin-right: 5px;
    text-align: center;
    text-decoration: none;
}
.hbtn i {
    margin-right: 10px;
}
.hbtn-black {
    background-color: #1F1F1F;
    border: 1px solid #1F1F1F;
    color: #FFFFFF;
}
.hbtn-black:hover {
    background-color: #FFFFFF;
    border: 1px solid #1F1F1F;
    color: #434343;
}
.hbtn-grey {
    background-color: #707070;
    border: 1px solid #707070;
    color: #FFFFFF;
}
.hbtn-grey:hover {
    background-color: #FFFFFF;
    border: 1px solid #1F1F1F;
    color: #434343;
}
.hbtn-white {
    background-color: #FFFFFF;
    border: 1px solid #1F1F1F;
    color: #434343;
}
.hbtn-white:hover {
    background-color: #1F1F1F;
    border: 1px solid #1F1F1F;
    color: #FFFFFF;
}
.btn-size100 {
    width: 100px;
}
.btn-size90 {
    width: 90px;
}

@media (max-width:767px) {
.hbtn {
    font: 600 12px "��������", "Nanum Gothic", sans-serif;
}
.hbtn i {
    margin-right: 5px;
}
}



/*공통 css*/
h2{font-size: 5vmin;}

/*4가지원칙*/

.con01{display: flex; 
    flex-direction: column;
    align-items: center;
    padding:10vmin 0;
    width: 80%;
    margin: 0 auto;
}
.con01 ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width:85%
}

.con01 ul li{
    width: calc(100%/4);
    padding:0 0 2rem 1.5rem;
    height:400px;
    font-size: 1.2rem;
}
.con01 ul li span{font-size: 1.9rem;line-height: 3rem;}
.con01 ul li{
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: left;
    
}

.con01 ul li:nth-child(1){background: url('../images/con1_img01.jpg') no-repeat;}
.con01 ul li:nth-child(2){background: url('../images/con1_img02.jpg') no-repeat;}
.con01 ul li:nth-child(3){background: url('../images/con1_img03.jpg') no-repeat;}
.con01 ul li:nth-child(4){background: url('../images/con1_img04.jpg') no-repeat;}
.con01 ul li:nth-child(1),
.con01 ul li:nth-child(2),
.con01 ul li:nth-child(3),
.con01 ul li:nth-child(4){background-size: cover;background-position:center;}
.con01 ul li span{font-weight: 700;}

@media screen and (min-width:320px) and (max-width:767px){

    .con01{padding-top: 4rem;
        width:100%;
    }
    .con01 h2,
    .con01 h3{width: 85%;
        margin: 0 auto;}
    .con01 h2{font-size:2rem;padding-bottom: 1rem;}
    .con01 h3{font-size:1.2rem;line-height: 2rem;}
    
    .con01 ul{margin-top: 20px;width: 100%;}
    .con01 ul li{
        width:50%;
        height:250px;
        padding: 0 0 1rem 1rem;
        font-size: 1rem;
    }
    .con01 ul li span{font-size: 1.5rem;line-height: 2rem;}
}
@media (min-width: 768px) and  (max-width:1023px){
    .con01{width: 90%;}
    .con01 ul{margin-top: 20px;width: 100%;}
    .con01 ul li{width:50%; }
}
@media screen and (min-width:1024px){
    .con01{
       
    }
    .con01 h2{padding-bottom: 1rem;}
    .con01 h3{font-size:1.2rem;}
    .con01 h3:after{
        content: "";
        display: block;
        border: 2px solid #333;
        width: 80px;
        margin:40px auto ;
    }
    
}


/*안심청결*/
.con02{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url('../images/banner04.jpg') no-repeat;
    background-size: cover;
    background-position:center;
    color: aliceblue;
    text-align: center;
    height: 500px;
}
.con02 h2 span.text_w{color: #fff;}
.con02 h3{color:#999; font-weight: 100;letter-spacing:1rem; font-size: 0.8rem; padding:2rem 0;}

.con02 u{text-underline-position:under;}

@media screen and (min-width:320px) and (max-width:767px){
    .con02{padding: 4rem 1rem; }
    .con02 h2{font-size: 2rem;}
    .con02 h3{letter-spacing:0.5rem; font-size: 0.5rem;padding:1rem 0;}
    .con02 h4{font-size: 1.2rem;line-height: 1.8rem;}
}
@media (min-width: 768px) and  (max-width:1023px){
    .con02 h4{width: 85%;font-size: 1.8rem;line-height: 2.5rem; margin: 0 auto;}
}
@media screen and (min-width:1024px){
    .con02 h2 span.text_w{font-size:1.8rem;display: block;}
    .con02 h4{width: 70%; margin: 0 auto;}
    .con02 h4{font-size: 2vmin;line-height: 2.8vmin;}
}

/*키오스크 소개*/

.con13{
    display: flex;
    flex-direction: column;
    background: url('../images/con13_img01.png') no-repeat #7caab9;
    
    color: #ffffff;
    text-align: center;
    justify-content: center; 
}
.con13 .group_tt{
    display: flex;
    flex-direction: column;
    margin-left: 20%;
    }
.con13 h2{line-height: 4rem;}
.con13 h2 span{font-size:1.8rem;line-height:2rem; display:block;}    
.con13 h4{padding-top:2vmin;}

@media screen and (min-width:320px) and (max-width:767px){
    .con13{
        padding: 0 1rem; 
        background: url('../images/con13_img01_mo.png') no-repeat #7caab9;
        background-size:38%;
        background-position: bottom left 1.5%;
        text-align: left;
        height: 300px;
    }
    .con13 .group_tt{margin-left:40%;}
    .con13 .group_tt p{font-size:1.2rem;display: block;}
    .con13 h2{font-size: 2rem;line-height: 2.4rem;}
    .con13 h2 span{font-size:1.2rem;line-height:2rem; display:block;}  
    .con13 h4{font-size: 1.1rem;line-height: 1.5rem;}
}
@media (min-width: 768px) and  (max-width:1023px){
    .con13{
        background-size:38%;
        background-position: bottom 0% left 5%;
        align-items: center;
        height: 350px;
    }
    .con13 .group_tt{margin-left:40%; }
    .con13 .group_tt p{font-size:1.5rem;display: block;}
    .con13 h4{font-size:1.2rem;line-height: 2.8vmin;}
}
@media screen and (min-width:1024px){
    .con13{
        background-size:22%;
        background-position: bottom 0% left 25%;
        align-items: center;
        height: 450px;
    }
    .con13 .group_tt p{font-size:1.5rem;}
    .con13 h4{font-size: 2vmin;line-height: 2.8vmin;}
}




/*의료진소개*/
.con03{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.con03 h3:after{
    content: "";
    display: block;
    border: 2px solid #333;
    width: 80px;
    margin: 40px auto;
}

@media screen and (min-width:320px) and (max-width:767px){
    .con03{
        background-color: #d1d0cc;
        align-items: center;
        padding:4rem 1rem 0 1rem;
    }
    .con03 h2{font-size:1.8rem;}
    .con03 h2 span.text_s{font-size: 1.5rem;line-height:2.2rem;}
    .con03 h3{font-size: 1.2rem;line-height: 1.8rem;}
    .con03 h3:after{
        content: "";
        display: block;
        border: 1px solid #878787;
        width: 80px;
        margin: 40px auto 0;
    }
    .con03 .doc_list{
        display: flex;
        flex-direction: column;
        margin-top:3rem;
        width: 100%;
     }
    .con03 .doc_list .doc01{
        background: url('../images/con3_doc_mo1.png') no-repeat;
        background-position:125% top;
        background-size:55%;
        text-align: left;
        line-height: 1.8rem;
    }
    .con03 .doc_list .doc02{
        background: url('../images/con3_doc_mo2.png') no-repeat;
        background-position:-60px bottom;
        background-size:70%;
        text-align:right;
        line-height: 1.8rem;
        margin-top: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
        border-top: 1px solid #878787;
    }

    .con03 .doc01 h5,
    .con03 .doc02 h5{font-size: 1.5rem;font-weight: 700;padding-bottom: 1rem;}
}
@media (min-width: 768px) and  (max-width:1023px){
    .con03{
        background-color: #d1d0cc;
        align-items: center;
        padding:4rem 1.5rem 0 1.5rem;
    }
    .con03 h3{padding: 0 2rem;}
    .con03 .doc_list{
        display: flex;
        flex-direction: column;
        margin-top:3rem;
        width: 90%;
     }
    .con03 .doc_list .doc01{
        background: url('../images/con3_doc_mo1.png') no-repeat;
        background-position: right top;
        background-size:40%;
        text-align: left;
        line-height: 1.8rem;
        padding-bottom: 50px;
    }
    .con03 .doc_list .doc02{
        background: url('../images/con3_doc_mo2.png') no-repeat;
        background-position:left bottom;
        background-size:45%;
        text-align:right;
        line-height: 1.8rem;
        padding: 50px 0;
        border-top: 1px solid #878787;
    }
    .con03 .doc_list .doc01 li,
    .con03 .doc_list .doc02 li{font-size: 1.3rem;line-height: 2rem;}
    .con03 .doc01 h5,
    .con03 .doc02 h5{font-size: 2rem;font-weight: 700;padding-bottom: 1rem;}
    .con03 .doc01 h6,
    .con03 .doc02 h6{ font-size: 1.5rem;padding-bottom: 15px;}
}
@media screen and (min-width:1024px){
    .con03{
        background:url('../images/con3_doc_pc.png') no-repeat #d1d0cc;
        background-position: center bottom;
        background-size:35rem;
        height: 900px;
        padding-top: 8rem;
        
    }
    .con03 h2{text-align: center; color: #000000;}
    .con03 h2 span.text_s{font-size: 1.8rem;}
    
    .con03 h3{font-size: 1.2rem;padding-bottom: 1rem;}
    .con03 .doc_list{
        display: flex;
        flex-direction: row;
        justify-content: space-between; 
        flex-direction: row;
        width:70%;
        margin-top: 20px;
    }
    .con03 .doc_list .doc01{text-align: left;line-height: 1.8rem;}
    .con03 .doc_list .doc02{text-align: right;line-height: 1.8rem;}

    .con03 .doc01{width:25%; }
    .con03 .doc02{width:25%; }
    .con03 .doc01 h5,
    .con03 .doc02 h5{font-size: 1.8rem;font-weight: 700;padding-bottom: 1.2rem;}
    .con03 .doc01 h5 span.text_s,
    .con03 .doc02 h5 span.text_s{font-size: 1.2rem;line-height: 2.2rem;}
    .con03 .doc01 h6,
    .con03 .doc02 h6{ font-size: 1rem;border-bottom: 2px solid #c0beb8; padding-bottom: 15px;}
    .con03 .doc01 ul,
    .con03 .doc02 ul{margin-top: 15px;}

}


/*임플란트*/
.con04 {
    padding: 8rem 0;
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.con04 img{
    display: block;
    width: 100%;
    margin:0 auto 30px;
}
.con04 ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.con04 h2{
    padding-bottom: 3rem;
    line-height: 4rem;}
.con04 h3{
    margin: 0 auto;
    font-size: 1.2rem;
    padding: 2rem 0;
}
.con04 h3:after{
    content: "";
    display: block;
    border: 1px solid #666666;
    width: 120px;
    margin: 40px auto;
}

.con04 h4{
    display: block;
    font-size: 2rem;
    margin:0 0 0 30px;
    text-decoration-line: underline;
    text-decoration-color:#9dcbf2;
    text-decoration-thickness:10px;
}
.con04 span.text_s{font-size: 1.8rem; padding :2rem 0}
.con04 ul{margin: 50px auto;}
.con04 ul li{
    width: 48%;
    display: flex;
    flex-direction: column;
    border: 1px solid #cbcbcb;
    text-align: left;
    font-size:1.5rem;
    line-height: 35px;
    padding: 20px 0 20px 150px;
    margin: 0 auto 20px;
}
.con04 ul li:nth-child(1),
.con04 ul li:nth-child(3),
.con04 ul li:nth-child(5){margin-right: 20px;}
.con04 ul li:nth-child(1){background: url('../images/con4_icon01.png') no-repeat 40px center;}
.con04 ul li:nth-child(2){background: url('../images/con4_icon02.png') no-repeat 40px center;}
.con04 ul li:nth-child(3){background: url('../images/con4_icon03.png') no-repeat 40px center #f6f6f6;}
.con04 ul li:nth-child(4){background: url('../images/con4_icon04.png') no-repeat 40px center #f6f6f6;}
.con04 ul li:nth-child(5){background: url('../images/con4_icon05.png') no-repeat 40px center;}
.con04 ul li:nth-child(6){background: url('../images/con4_icon06.png') no-repeat 40px center;}

@media screen and (min-width:320px) and (max-width:767px){
    .con04{
        padding: 4rem 0;
        width: 100%;
        margin: 0 auto;}
    .con04 h2{
        font-size:2rem; 
        line-height: 2.4rem;
        padding-bottom:1.8rem;
    }
    .con04 span.text_s{font-size: 1.5rem;line-height:2rem;}
  
    .con04 h3{font-size:1.2rem;line-height:25px;padding-top:20px;}
    .con04 h3:after{
        content: "";
        display: block;
        border: 1px solid #666666;
        width: 120px;
        margin: 40px auto 20px;
    }
    .con04 h4{font-size:1.5rem;
        text-decoration-line: underline;
        text-decoration-color:#9dcbf2;
        text-decoration-thickness:10px;
        margin: 0 auto 10px;
    }
    .con04 ul{
        width:100%;
        justify-content: center;
    }

    
    .con04 ul li{
        width: 46%;
        border: 1px solid #cbcbcb;
        text-align: left;
        font-size:1.2rem;
        line-height: 25px;
        padding: 100px 10px 20px 10px;
        margin-bottom: 20px;
         
    }
.con04 ul li:nth-child(1),
.con04 ul li:nth-child(3),
.con04 ul li:nth-child(5){margin-right: 10px;}
.con04 ul li:nth-child(1){background: url('../images/con4_icon01.png') no-repeat center 20px;background-size:30%;}
.con04 ul li:nth-child(2){background: url('../images/con4_icon02.png') no-repeat center 20px;background-size:30%;}
.con04 ul li:nth-child(3){background: url('../images/con4_icon03.png') no-repeat center 20px #f6f6f6;;background-size:30%; }
.con04 ul li:nth-child(4){background: url('../images/con4_icon04.png') no-repeat center 20px #f6f6f6;;background-size:30%; }
.con04 ul li:nth-child(5){background: url('../images/con4_icon05.png') no-repeat center 20px;background-size:30%;}
.con04 ul li:nth-child(6){background: url('../images/con4_icon06.png') no-repeat center 18px;background-size:25%;}
}
@media (min-width: 768px) and  (max-width:1023px){
    .con04 {
        width: 85%;
        margin: 0 auto;
    }
    .con04 h3{font-size: 1.8rem; }
}
@media screen and (min-width:1024px){
    .con04 {
        width: 70%;
        margin: 0 auto;
    }

}

/* *********************************************무절개임플란트********************************************* */
.con05{
    background-color: #9aa6ad;
    text-align: center;
    display: flex;
    flex-direction: column;
    color: #ffffff;
    justify-content: center;
    padding: 8rem 0;
}
.con05 h3{font-size:1.8rem;}
.con05 h4{font-size:1.2rem;line-height: 30px;width:70%; margin: 0 auto;}
.con05 img{
    display: block;
    width: 70%;
    margin: 2rem auto;
}
.con05 table{
    border: none;
    text-align: center;
    border-collapse:collapse;
}
.con05 thead td{padding: 20px 0;}
.con05 thead td:nth-child(1){background-color:#839199;}
.con05 thead td:nth-child(2){
    padding: 0 10px;
    background:url('../images/logo_table.png') no-repeat center #f1f1f1;
}
.con05 thead td:nth-child(3){background-color:#7caab9;}
.con05 tbody td{ 
    background-color: #ffffff;
    color: #4d5b63;
    border-bottom: 1px dashed #c2c9cd;
    padding: 20px 0;
    font-size: 1.2rem;
}
.con05 tbody td:nth-child(2){color: #333333;background-color: #f1f1f1;}
.con05 tbody td:nth-child(3){color: #7caab9;}
.con05 tbody tr:nth-child(4){border-bottom: none;}
@media screen and (min-width:320px) and (max-width:767px){
    .con05{ padding: 4rem 0;   }
    .con05 h2{font-size: 8vmin;}
    .con05 h3{font-size: 5vmin;}
    .con05 h4{font-size: 4vmin;line-height: 30px;width:72%; margin: 0 auto;}
    .con05 img{
        width: 90%;
        margin: 7vmin auto;
    }
    .con05 h4{width:90%; line-height:25px}
    .con05 table{
        width: 90%;
        margin: 20px auto;
    }
    .con05 thead td{font-size: 1.2rem;}
    .con05 thead td:nth-child(2){background:none #f1f1f1;}
    .con05 tbody td{font-size: 1rem;padding: 5px 10px;}
}
@media (min-width: 768px) and  (max-width:1023px){
    .con05 img,
    .con05 h4, 
    .con05 table {width: 85%;}
    .con05 h4{font-size:1.8rem;line-height: 33px;margin: 0 auto;}
    .con05 table{ margin: 60px auto 0; }
    .con05 thead td{ font-size: 2rem;}
    .con05 thead td:nth-child(2){
        background-size: 70%;
    }
}
@media screen and (min-width:1024px){
    .con05{ padding: 8rem 0;   }
    .con05 table{
        width: 70%;
        margin: 60px auto 0;
    }
    .con05 thead td{font-size: 1.6rem; }
    
}



/* *********************************************치아교정 인트로********************************************* */
.con06{
    display: flex;
    flex-direction: column;
    padding: 8rem 0;
    background-color: #000;
    color: #fff;
    text-align: center;

}
.con06 img{width:10%;margin: 0 auto 30px;}
.con06 h2{
    width: 70%;
    font-size: 5vmin;
    margin: 0 auto;
    line-height: 7vmin;
}
.con06 h3{letter-spacing:1rem; font-size: 0.8rem;padding: 3rem 0;color: #999;}
.con06 h4{font-size: 3vmin;}

@media screen and (min-width:320px) and (max-width:767px){
    .con06{padding: 4rem 0; }
    .con06 h2{
        width: 90%;
        font-size: 5vmin;
        margin: 0 auto;
        line-height: 7vmin;
    }
    .con06 img{width:30%;margin: 0 auto 30px;}
    .con06 h3{display: none;}
    .con06 h4{padding-top: 10px;}
}
@media (min-width: 768px) and  (max-width:1023px){
    .con06 img{width:30%;margin: 0 auto 30px;}
}
/* ********************************************* 인비절라인********************************************* */
.con07 {
    padding: 8rem 0;
    color: #ffffff;
    background:url('../images/con7_img01.png') no-repeat #7caab9;
}

.con07 h3,
.con07 h5{font-size: 1.5rem;}
.con07 h2{
    padding: 0 0 2rem 0;
}
.con07 h4{
    font-size: 0.5rem;
    letter-spacing: 1.15rem;
}

.con07 ul li{
    margin-bottom: 1rem;
    background: url('../images/icon_check.png') no-repeat #fff;
    background-position: 30px center;
    padding: 1rem 0 1rem 3rem;
    border-radius: 2rem;
    color: #7caab9;
    
}
@media screen and (min-width:320px) and (max-width:767px){
    .con07{
        padding:4rem 0;
        background-size: 60%;
        background-position: center 300px;
    }
    .con07 h3,
    .con07 h5{padding-left: 20px;}
    .con07 h3,
    .con07 h5{font-size: 1.1rem;}
    .con07 h3{line-height:25px;}
    .con07 h2{
        font-size: 2rem;
        line-height: 2.3rem;
        padding: 1rem 0 1rem 1.2rem;
    }
    .con07 h4{display: none; }
    .con07 h5{line-height: 1.8rem; }
    .con07 ul{
        width: 85%;
        margin: 0 auto;
        margin-top:21rem;
    }
    .con07 ul li{
        background-size:8%;
        padding-left:50px;
        font-size: 1.2rem;
        background-position: 20px center;
    }
}
@media (min-width: 768px) and  (max-width:1023px){
    .con07{
        background-size: 50%;
        background-position: center 500px;
    }
    .con07 .text_area{
        width: 85%;
        margin: 0 auto;
    }
    .con07 ul{margin-top:650px;}
    .con07 ul li{
        font-size: 1.5rem;
        padding: 1rem 0 1rem 6rem;
        
    }
}
@media screen and (min-width:1024px){
    .con07 {background-position: right bottom; }
    .con07 .text_area{
        width: 70%;
        margin: 0 auto;
    }
    .con07 ul li {
        width: 600px;
        padding-left: 80px;
        font-size: 1.5rem;
    }
    .con07 h3{padding-bottom:20px;}
    .con07 h5{
        padding:2rem 0;
        line-height: 2.3rem;
    }
}

/* ********************************************* MTA교정********************************************* */
.con09{
    display: flex;
    flex-direction: column;
    background-color: #778da9;
    color: #ffffff;
    padding: 8rem 0;
    text-align: center;
}
.con09 ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; 
    width: 80%;
    margin: 40px auto 0;
  }
  
.con09 h3:after{
content: "";
display: block;
border: 1px solid #ffffff;
width: 100px;
margin: 50px auto 30px;
}
.con09 img{width:90%;margin-bottom: 20px;}
.con09 ul li{
    font-size: 1.2rem;
    line-height: 1.7rem;
}    
.con09 .text_tt{font-size: 1.2em;}
.con09-2{
    display: flex;
    flex-direction: column;
    background: url('../images/con9_img01.jpg') no-repeat;
    background-size: cover;
    background-position:center;
    color: #fff;
    padding:8rem 0;
}
.con09-2 .area_tt{
    width: 50%;
    display: flex;
    flex-direction: column;
    text-align: left;
}
.con09-2 ul li{
    width: 50%;
    margin-bottom: 1rem;
    border-radius: 2rem;
    border: 2px solid #fff;
    font-size: 1.2rem;
    padding: 1rem 1.8rem 1rem 1.8rem;
}

@media screen and (min-width:320px) and (max-width:575px){
    .con09{padding: 4rem 1.2rem;}
    .con09 h2{ font-size:2rem;}
    .con09 h3{font-size: 1.4rem;}
    .con09 h3:after{
        content: "";
        display: block;
        border: 1px solid #ffffff;
        width: 100px;
        margin: 30px auto 20px;
        }
    .con09 h4{
        font-size: 1.2rem; 
        line-height: 2rem;
        margin-bottom: 5rem;
        margin: 0 auto;
    }
    .con09 img{width:100%;padding-bottom: 10px;}
    .con09 ul li{margin-bottom: 2rem;}
    .con09 ul li:nth-child(3){margin-bottom: 0;}
    .con09-2{
        display: flex;
        flex-direction: column;
        background-image: none;
        background-color: #a0a9b7;
        color: #fff;
        padding:4rem 0;
    }
    .con09-2 .area_tt{
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .con09-2 ul li {
        width: 100%;
        padding: 1rem 2rem;
        border-radius: 5rem;
    }
}
@media (min-width: 768px) and  (max-width:1023px){
    .con09 h4{
        width: 85%;
        margin: 0 auto;
    }
    .con09 ul{
        width: 90%;
      }
      
    .con09 ul li{
        width:33%;
        font-size: 1.3rem;
        line-height: 2rem;
        padding-bottom: 20px;
    } 
    .con09-2{ align-items: flex-end;}
    .con09-2 .area_tt{ width: 60%;margin-right: 30px;}
    .con09-2 ul li{width: 100%; }
}
@media screen and (min-width:1024px){
    .con09 h3{font-size:1.8rem;}
    .con09 h3:after{
    content: "";
    display: block;
    border: 1px solid #ffffff;
    width: 100px;
    margin: 50px auto 30px;
    }
    .con09 h4{
        font-size: 1.2rem; 
        line-height: 2rem;
        margin-bottom: 5rem;
        width: 70%;
        margin: 0 auto;
    }
    .con09 ul li{width:30%;}  
    .con09 ul li:nth-child(3){margin-right: 0;}
    .con09-2{ align-items: flex-end;}
    .con09-2 h3{
        font-size: 2.5rem;
        margin:0 0 2rem 1.5rem;
    }
    
}

/* *********************************************클리피씨********************************************* */

.con10{
    padding: 8rem 0;
    width: 70%;
    margin: 0 auto;}
.con10 p{font-size: 1.2rem;line-height: 2rem;}
.con10 h3{font-size: 1.8rem;}
.con10 h2:after{
    content: "";
    display: block;
    border: 1px solid #333333;
    width: 100px;
    margin:40px auto;
    }
    
@media screen and (min-width:320px) and (max-width:575px){
    .con10{
        padding: 4rem 0;
        width: 85%;
        margin: 0 auto;}
    .con10 h2{font-size: 2rem;}
    .con10 h3{font-size: 1.5rem;}
}

/* *********************************************진료안내********************************************* */
.con11{
    padding-left: 150px;
    display: flex;
    flex-direction: row; 
}
@media screen and (min-width:320px) and (max-width:575px){
    .con11{
        display: flex;
        flex-direction: row;
        padding-left: 0;
    }
}
@media (min-width: 768px) and  (max-width:1023px){
    .con11{padding-left: 2rem;}
}

/* *********************************************온라인 상담********************************************* */
.con12{
    padding: 8rem 0;
    width: 70%;
    margin: 0 auto;
}
.con12 h3{font-size: 1.2rem;padding-bottom: 2rem;}    


@media screen and (min-width:320px) and (max-width:575px){
    .con12{
        padding: 4rem 0;
        width:95%;
        margin: 0 auto;
    }
    .con12 h2{font-size: 2rem;}
    .con12 h3{font-size: 1rem;}
    .con12 div{width: 90%; margin: 0 auto;}
}
@media (min-width: 768px) and  (max-width:1023px){
    .con12{
        padding: 8rem 0;
        width: 85%;
        margin: 0 auto;
    }
}


/* ���� ��ư */

.tran_btn {
    width: auto;
    height: auto;
    border: 1px solid rgba(255,255,255,1.00);
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    font-size: 1.9vmin;
    margin: 25px auto;
    background-color: rgba(0,0,0,0.25);
    overflow: hidden;
    padding: 0 15px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 100;
}
.tran_btn:hover {
    text-decoration: none;
    background-color: rgba(255,255,255,0.45);
}
/* ���� */
.no-padding {
    padding: 0 !important;
}
.no-margin {
    margin: 0;
}
.content-xs {
    padding-top: 20px;
    padding-bottom: 20px;
}
.content {
    padding-top: 40px;
    padding-bottom: 40px;
}
.content-sm {
    padding-top: 60px;
    padding-bottom: 60px;
}
.content-md {
    padding-top: 80px;
    padding-bottom: 80px;
}
.content-lg {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* ����� ���� ��� Į�� */
.bg-color-dark, .bg-color-darker, .bg-color-sea, .bg-color-red, .bg-color-aqua, .bg-color-blue, .bg-color-grey, .bg-color-light, .bg-color-green, .bg-color-brown, .bg-color-orange, .bg-color-green1, .bg-color-purple, .bg-color-dark-blue, .bg-color-light-grey, .bg-color-light-green {
    color: #fff;
}
.bg-color-grey, .bg-color-white {
    color: #434343;
}
.bg-color-dark {
    background-color: #555 !important;
}
.bg-color-darker {
    background-color: #1F1F1F !important;
}
.bg-color-white {
    background-color: #fff !important;
}
.bg-color-sea {
    background-color: #1abc9c !important;
}
.bg-color-red {
    background-color: #e74c3c !important;
}
.bg-color-aqua {
    background-color: #27d7e7 !important;
}
.bg-color-blue {
    background-color: #3498db !important;
}
.bg-color-grey {
    background-color: #fcfcfc !important;
}
.bg-color-light {
    background-color: #f7f7f7 !important;
}
.bg-color-green {
    background-color: #72c02c !important;
}
.bg-color-brown {
    background-color: #9c8061 !important;
}
.bg-color-orange {
    background-color: #e67e22 !important;
}
.bg-color-green1 {
    background-color: #2ecc71 !important;
}
.bg-color-purple {
    background-color: #9b6bcc !important;
}
.bg-color-dark-blue {
    background-color: #4765a0 !important;
}
.bg-color-light-grey {
    background-color: #585f69 !important;
}
.bg-color-light-green {
    background-color: #79d5b3 !important;
}
/* ############################# �̹��� ���ڴ�  ########################### */
/*  �̹��� ������ ������ ���� �����Ҽ� �ֽ��ϴ�. */
.bg-img01 {
    background-image: url(../images/banner01.jpg);
}
.bg-img02 {
    background-image: url(../images/banner02.jpg);
}
.bg-img03 {
    background-image: url(../images/banner03.jpg);
}
.bg-img04 {
    background-image: url(../images/banner04.jpg);
}
.bg-img05 {
    background-image: url(../images/banner05.jpg);
}
.bg-img06 {
    background-image: url(../images/banner06.jpg);
}
.bg-img07 {
    background-image: url(../images/main_section01.png);
}
.bg-img08 {
    background-image: url(../images/main_section02.png);
}
.bg-img09 {
    background-image: url(../images/banner09.jpg);
}
/* ���� */
.map_grey {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    overflow-y: hidden;
    margin-bottom: -5px;
}
/* ############################# ��ƿ��Ƽ  ########################### */
/* ���� ���� ���̾� ȿ�� */
.after-black {
    z-index: 1;
    overflow: hidden;
    position: relative;
}
.after-black:after {
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    content: " ";
    height: 100%;
    text-align: center;
    position: absolute;
}
/* underbar */
.underbar01 {
    width: 50px;
    height: 3px;
    margin: 15px auto 40px;
    background-color: rgba(31,31,31,1.00);
}
.underbar02 {
    width: 50px;
    height: 3px;
    margin: 15px auto 5px;
    background-color: rgba(255,255,255,1.00);
}
/* ������ */
.heading:before, .heading:after {
    content: "";
    display: block;
}

.heading-bottom::after, .heading-top::before {
    width: 50px;
    border-top-width: 3px;
    border-top-style: solid;
    border-color: inherit;
}
.heading-bottom::after {
    margin-top: 15px;
}
.heading-top::before {
    margin-bottom: 15px;
}
.heading-left::before, .heading-left::after {
    margin-right: auto;
}
.heading-center::before, .heading-center::after {
    margin-left: auto;
    margin-right: auto;
}
.heading-right::before, .heading-right::after {
    margin-left: auto;
}
.heading-color-blue::after, .heading-color-blue::before {
    border-color: red;
}
.heading-color-orange::after, .heading-color-orange::before {
    border-color: orange;
}
.heading-color-yellow::after, .heading-color-yellow::before {
    border-color: yellow;
}
.heading-color-green::after, .heading-color-green::before {
    border-color: green;
}
.heading-color-cyan::after, .heading-color-cyan::before {
    border-color: cyan;
}
.heading-color-blue::after, .heading-color-blue::before {
    border-color: blue;
}
.heading-color-white::after, .heading-color-white::before {
    border-color: white;
}
.heading-color-gray::after, .heading-color-gray::before {
    border-color: gray;
}
.heading-color-dark::after, .heading-color-dark::before {
    border-color: dark;
}
/* ############################# ������ ������ ########################### */

/* ���̾ƿ� ���� */
.wd {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
}
.wd_full {
    width: 100%;
    display: block;
}
/* �ձ۾� */
#sign {
    font: 28px "�����ձ۾� ��", "Nanum Pen Script", cursive !important;
    padding-top: 55px;
}
/* �ܶ��׵θ� ���� */
/*  �ݾƿ� */
.callout {
    border-color: rgba(231,231,231,1.00);
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    padding: 20px;
    margin-top: 25px;
    margin-bottom: 55px;
    border-radius: 3px;
}
.callout-red {
    border-left-color: rgba(199,22,45,1.00);
}
.callout-orage {
    border-left-color: rgba(231,89,76,1.00);
}
.callout-green {
    border-left-color: rgba(127,173,35,1.00);
}
.callout-blue {
    border-left-color: rgba(33,86,165,1.00);
}
.callout-purple {
    border-left-color: rgba(162,67,211,1.00);
}
/* ############################# ���̺� ������ ########################### */

/* ���̺� �극��ũ */
.table-th-center th {
    text-align: center;
    vertical-align: middle !important;
}
.table-td-center td {
    text-align: center;
    vertical-align: middle !important;
}
/* ���̺� */
.htable_left, .htable_cell, .htable_right {
    padding: 15px;
    vertical-align: middle;
}
.htable {
    border-top: 1px solid #ECECEC;
    color: #707070;
    font-family: "��������", "Nanum Gothic", sans-serif;
    line-height: 160%;
}
.htable_row {
    border-bottom: 1px solid #ECECEC;
    overflow-y: hidden;
    display: -webkit-flex;
    display: flex;
}
.htable_left {
    border-right: 1px solid #ECECEC;
    float: left;
    width: 20%;
}
.htable_cell {
    border-right: 1px solid #ECECEC;
    float: left;
}
.htable_right {
    border-right-style: none;
    float: left;
    width: 80%;
}

@media (max-width:767px) {
.htable_left, .htable_cell, .htable_right {
    padding: 15px;
}
.htable {
    border-top: 1px solid #ECECEC;
    color: #707070;
    font-family: "��������", "Nanum Gothic", sans-serif;
}
.htable_row {
    border-bottom: 1px solid #ECECEC;
    overflow-y: hidden;
    display: block;
}
.htable_left, .htable_cell {
    border-right: 1px none #ECECEC;
    float: none;
    width: 100%;
}
.htable_right {
    border-right-style: none;
    float: none;
    width: 100%;
}
}
/* ############################# ����Ʈ ������ ������ �ּ� https://www.utf8icons.com/ ########################### */
.list-styled {
    list-style: disc;
}
/* - ����� ����Ʈ Ÿ�� 01  <ul class="list-design"> <li></li> ---- */
.list-design {
}
.list-design li {
    position: relative;
    margin: 0px 0px 7px;
    padding-left: 25px;
 }
.list-design li:hover:before {
}
.list-design li:before {
    content: "\2713 ";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    text-shadow: 0px -1px 0px #EFEFEF;
    font-size: 12px;
    font-family: "��������", "Nanum Gothic", sans-serif;
    top: 3px;
    left: -5px;
    line-height: 20px;
}
.list-design-black li:before {     
    background-color: #434343;
    color: #fff;
 }
/* - ����� ����Ʈ Ÿ�� 01 small  <ul class="list-small"> <li></li> ---- */

.list-small {
}
.list-small li {
    position: relative;
    margin: 0px 0px 7px;
    padding-left: 18px;
    color: #2c2c2c;
    font-size: 14px;
}
.list-small li:hover:before {
}
.list-small li:before {
    content: "\2713 ";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #434343;
    color: #fff;
    text-align: center;
    text-shadow: 0px -1px 0px #EFEFEF;
    font-size: 5px;
    font-family: "��������", "Nanum Gothic", sans-serif;
    top: 3px;
    left: -5px;
    line-height: 17px;
}
.list-small li a {
    color: #859a31;
    text-decoration: none;
    -moz-transition: all, 500ms;
    -o-transition: all, 500ms;
    -webkit-transition: all, 500ms;
    transition: all, 500ms;
}
.list-small li a:hover {
    border-bottom: .1px solid;
}
/* - ���� ����Ʈ Ÿ�� 01  <ol class="annotation-list"> <li></li> ---- */
.annotation-list {
    counter-reset: annotation-list;
}
.annotation-list li {
    position: relative;
    margin: 0px 0px 7px;
    padding-left: 25px;
}
.annotation-list li:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #4F4F4F;
    content: counter(annotation-list);
    counter-increment: annotation-list;
    color: #fff;
    text-align: center;
    text-shadow: 0px -1px 0px #EFEFEF;
    /* [disabled]font-weight: 600;
*/
    font-size: 12px;
    font-family: "��������", "Nanum Gothic", sans-serif;
    top: 3px;
    left: -5px;
    line-height: 20px;
}
.annotation-list strong {
    font-size: 15px;
    font-weight: 600;
}

@media (max-width:767px) {
.annotation-list {
    margin-top: 25px;
    margin-bottom: 25px;
}
}
/* #############################  ���� Ÿ��Ʋ  ########################### */

/* �ؽ�Ʈ��� ��������� */
.text_banner01_black {
    background-color: rgba(31,31,31,1.00);
    padding: 55px 15px;
    text-align: center;
    color: rgba(255,255,255,0.91);
}
.text_banner01_white {
    background-color: rgba(255,255,255,1.00);
}
/* ���� Ÿ��Ʋ 01  */
.photo_title01 {
    display: table;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    overflow-y: hidden;
    position: relative;
    z-index: 0;
    background-color: #1F1F1F;
    background-image:url("../images/banner06.jpg")
}
.photo_title01:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 10%;
    left: 0px;
    background-color: rgba(0,0,0,0.27);
    z-index: -1;
}
.photo_title01 .subject {
    display: table-cell;
    vertical-align: middle;
    height: 300px;
    text-align: center;
}
.photo_title01 .subject .inner_txt01 {
    font-size: 48px;
    color: #FFFFFF;
    letter-spacing: 5px;
}
.photo_title01 .subject .inner_txt02 {
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 10px;
}
/* �̹��� ��� 01  */
.image_bg01 {
    display: table;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    overflow-y: hidden;
    position: relative;
    z-index: 0;
}
.image_bg01:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.27);
    z-index: -1;
}
/* ############################# ���� Ÿ��Ʋ d_title ########################### */

.d_title_01 {
    color: #8a6d3b;
    line-height: 35px;
    font-size: 25px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    letter-spacing: -1px;
}
.d_title_02 {
    color: #8a6d3b;
    line-height: 35px;
    font-size: 20px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    letter-spacing: -1px;
}
.d_title_03 {
    color: #8a6d3b;
    line-height: 35px;
    font-size: 18px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    letter-spacing: -1px;
}


/* - �� Ÿ��Ʋ --- */
.stitle-v1 {
    padding: 5px 5px 5px 10px;
    -webkit-box-shadow: 1px 1px 1px rgba(228,228,228,1.00);
    box-shadow: 1px 1px 1px rgba(228,228,228,1.00);
    font-size: 16px;
}
.stitle-v1-green {
    background-color: #F0FFE1;
    border-right: 3px solid #5BA622;
    color: #5BA622;
}
.stitle-v1-red {
    background-color: #FFD6DB;
    border-right: 3px solid #C7162D;
    color: #C7162D;
}
.stitle-v1-white {
    background-color: #FFFFFF;
    border-right: 3px solid #434343;
    color: #434343;
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
}
.stitle-v1-black {
    background-color: #434343;
    border-right: 3px solid #1F1F1F;
    color: #FFFFFF;
}
.stitle-v1-orange {
    background-color: #FFEDCF;
    border-right: 3px solid #F90;
    color: #434343;
}

/* ���� �׵θ� */

.short_01 {
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.short_02 {
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: rgba(244,244,244,1.00);
    border-width: 1px;
    border-style: solid;
}
.short_03 {
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: rgba(249,249,249,1.00);
}
.short_04 {
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-top-color: rgba(244,244,244,1.00);
    border-bottom-color: rgba(244,244,244,1.00);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}
.short_05 {
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom-color: rgba(244,244,244,1.00);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top: 1px solid rgba(225,225,225,1.00);
}
/* �̹��� ��������ġ <ul class="img_ul_50"><li> img... </li></ul> */
.img_ul_100 li {
    width: 100%;
    float: left;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.img_ul_50 li {
    width: 50%;
    float: left;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.img_ul_30 li {
    width: 33.33%;
    float: left;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.img_ul_25 li {
    width: 25%;
    float: left;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.img_ul_20 li {
    width: 20%;
    float: left;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width:767px) {
.img_ul_50 li, .img_ul_30 li, .img_ul_25 li, .img_ul_20 li {
    width: 100%;
}
}

@media (min-width:768px) and (max-width:991px) {
.img_ul_50 li, .img_ul_30 li, .img_ul_25 li, .img_ul_20 li {
    width: 50%;
}
}
/* ���� ���� */
.row_space15 {
    height: 15px;
}
.row_space25 {
    height: 25px;
}
.row_space55 {
    height: 55px;
}
.bottom_space15 {
    margin-bottom: 15px;
}
.bottom_space25 {
    margin-bottom: 25px;
}
.bottom_space55 {
    margin-bottom: 55px;
}
/* ���� */

hr.hr_blur {
    opacity: 0.10;
}

/* ############################# ����Ʈ ########################### */
/* �ѿ���  */
.hover-effect {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.para_bg {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 120%;
    background-size: 120%;
}

/* ############################# ��ƿ��Ƽ ########################### */


@media (max-width:991px) {
}

@media (max-width:767px) {
.map_grey {
    display: none;
}
.view_auto {
    overflow-y: auto;
    padding-bottom: 15px;
}
.view_auto_sell {
    min-width: 767px;
}
.view_auto_sell2 {
    min-width: 991px;
}
.view_pc {
    display: none !important;
}
.view_mobile {
}
}

@media (min-width:576px) {
}

@media (min-width:768px) {
.view_pc {
}
.view_mobile {
    display: none !important;
}
}

@media (min-width:992px) {
}

@media (min-width:1024px) {
}