.img-repsonsive
{
    display: block;

    max-width: 100%;
    height: auto;
}

.img-repsonsive-inblock
{
    display: inline-block !important;
}


.btn_ie8
{
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 1.7em;
    font-weight: bold;

    padding: 1% 10%;

    color: #fff;
    border: none;
    background-color: #d90000;
}

.screen_out
{
    position: absolute;

    display: none;
    visibility: hidden;
}

.display_inline_block
{
    display: inline-block;

    vertical-align: middle;
}

.float_left
{
    float: left;
}

.float_right
{
    float: right;
}

#modal-ie
{
    /*  max-width: 60%;
   min-width: 50%; */
    width: 60% !important;
}
#modal-ie p
{
    font-size: 1.3em;
    line-height: 1.8em;

    padding: 3% 20%;
}

#divPopupNotice
{
    display: none;
}

.popImg a
{
    margin: 0;
    padding: 0;
}


.popImg .popImgT
{
    padding: .5em 1em;

    text-align: right;

    color: #fff;
    background-color: #444;
}

.popImg div.popImgT a
{
    color: #fff;
}





.icon-hamburger
{
    position: relative;
    top: 13px;
    right: 0;

    display: inline-block;
    /*margin-left: 20px;*/
    /*margin-top: 16px;*/

    width: 30px;
    height: 30px;
    padding: 0;

    cursor: pointer;
    transition: .5s ease-in-out;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    /*border: 1px solid #000;*/
}
.icon-hamburger .c-button__text span
{
    position: absolute;

    display: block;

    width: 50%;
    height: 3px;

    transition: .5s ease-in-out;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);

    opacity: 1;
    color: #000;
    background: #fff;
}
.icon-hamburger span:nth-child(even)
{
    left: 50%;
}
.icon-hamburger span:nth-child(odd)
{
    left: 0;
}
.icon-hamburger span:nth-child(1),
.icon-hamburger span:nth-child(2)
{
    top: 0;
}
.icon-hamburger span:nth-child(3),
.icon-hamburger span:nth-child(4)
{
    top: 9px;
}
.icon-hamburger span:nth-child(5),
.icon-hamburger span:nth-child(6)
{
    top: 18px;
}



.container
{
    min-width: 1000px;
    /*min-width: 1200px;*/
    margin-top: 60px;

    border-top: 1px solid #d0cfce;
}

.container:before,
.container:after
{
    clear: both;
    /*display: block;*/

    height: 0;

    content: '';
}


.container > section
{
    /*min-width: 1200px;*/
}


.meteors
{
    position: absolute;
    z-index: 100;
    z-index: 999;

    width: 100%;
    height: 100%;
}

.meteor
{
    position: absolute;
    top: 50px;
    left: 280px;

    width: 300px;
    height: 1px;

    -webkit-transform: rotate(-45deg);

    background-image: -webkit-linear-gradient(left, white, rgba(255,255,255,0));
}

.meteor:before
{
    position: absolute;

    width: 4px;
    height: 5px;
    margin-top: -2px;

    content: ' ';

    border-radius: 50%;
    background-color: white;
    box-shadow: 0 0 14px 4px white;
}

@-webkit-keyframes meteor
{
    0%
    {
        margin-top: -300px;
        margin-right: -300px;

        opacity: 1;
    }
    8%
    {
        opacity: 0;
    }
    10%
    {
        margin-top: 300px;
        margin-left: -600px;

        opacity: 0;
    }
    100%
    {
        opacity: 0;
    }
}

.meteor:nth-child(1)
{
    top: 100px;
    left: 480px;

    -webkit-animation: meteor 10s linear infinite;
}
.meteor:nth-child(2)
{
    top: 300px;
    left: 680px;

    -webkit-animation: meteor 13s linear infinite;
}
.meteor:nth-child(3)
{
    top: 250px;
    left: 790px;

    -webkit-animation: meteor 12s linear infinite;
}
.meteor:nth-child(4)
{
    top: 350px;
    left: 1200px;

    -webkit-animation: meteor 16s linear infinite;
}
.meteor:nth-child(5)
{
    top: 450px;
    left: 1600px;

    -webkit-animation: meteor 14s linear infinite;
}
.meteor:nth-child(6)
{
    top: 200px;
    left: 1300px;

    -webkit-animation: meteor 14s linear infinite;
}


.mainCanvas
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;
}

.meteors
{
    position: absolute;
    z-index: 100;

    width: 100%;
    height: 100%;
}
.sceneWrap
{
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;

    overflow: hidden;

    /*width: 100%;*/
   /*  max-width: 1200px;
   min-width: 1000px;
   width: auto; */
    height: 800px;
    /*border: 5px solid blue; */
}
.layer
{
    display: block;

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.mainCanvas .sky
{
    position: absolute;
    top: -5%;
    bottom: -2%;
    left: -5%;

    width: 110%;

    background: url(../img/main/background.jpg) no-repeat center bottom;
    background-size: cover;
    /*-webkit-backface-visibility: hidden;*/

    -webkit-transform-style: preserve-3d;
}

.scene
{
    position: relative;
    z-index: 100;

    height: 700px;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

.layer
{
    position: absolute;
    z-index: 30;
}
.layer div
{
    /* -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
               backface-visibility: hidden;  */
}



.twinkle
{
    position: absolute;
    top: -5%;
    bottom: -2%;
    left: -5%;

    width: 110%;

    background: url(../img/main/twinkle.png) no-repeat center bottom;
    background-size: cover;
}

.earth
{
    max-width: 1400px;
    min-width: 1200px;
    position: absolute;
    z-index: 11;
    bottom: -4%;
    /*visibility: hidden;*/
}

.earth img {
    min-width: 1200px;
    /*max-width: auto !important;*/
}

.earthM
{
    display: none;
}

.miniEarth
{
    position: absolute;
    top: 17%;
    right: 17%;
}


.cloud01
{
    position: absolute;
    z-index: 10;
    top: 20%;
    left: 22%;

    overflow: hidden;

    width: 178px;
    height: 100px;

    background: url(../img/main/cloud01.png) no-repeat 0 0;
}

.cloud02
{
    position: absolute;
    z-index: 10;
    top: 22%;
    right: 7%;

    overflow: hidden;

    width: 462px;
    height: 197px;

    opacity: .8;
    background: url(../img/main/cloud02.png) no-repeat 0 0;
}


.cloud03
{
    position: absolute;
    z-index: 2;
    top: 5%;
    right: -5%;

    overflow: hidden;

    width: 1252px;
    height: 527px;

    opacity: .7;
    background: url(../img/main/cloud03.png) no-repeat 0 0;
}

.cloud04
{
    position: absolute;
    /*z-index: 2;*/
    right: -5%;
    bottom: -2%;

    overflow: hidden;
}

.cloud05
{
    position: absolute;
    z-index: 2;
    bottom: -2%;
    left: -15%;

    overflow: hidden;

    width: 677px;
    height: 277px;

    opacity: .7;
    background: url(../img/main/cloud05.png) no-repeat 0 0;

    mix-blend-mode: lighten;
}

.cloud06
{
    position: absolute;
    z-index: 2;
    top: 35%;
    right: 20%;

    overflow: hidden;

    width: 459px;
    height: 206px;

    opacity: .7;
    background: url(../img/main/cloud06.png) no-repeat 0 0;

    mix-blend-mode: lighten;
}

.cloud07
{
    position: absolute;
    z-index: 2;
    top: 40%;
    left: 0;

    overflow: hidden;

    width: 639px;
    height: 288px;

    background: url(../img/main/cloud07.png) no-repeat 0 0;
}

.cloud09
{
    position: absolute;
    z-index: 2;
    top: 60%;
    left: 50%;

    overflow: hidden;

    width: 275px;
    height: 110px;
    margin-left: 200px;

    background: url(../img/main/cloud09.png) no-repeat 0 0;
}

.cloudMain
{
    position: absolute;
    z-index: 2;
    top: 17%;
    left: 3%;
}
.cloudMain img {
    max-width: 800px;
    min-width: 300px;
}

.cloudMini
{
    position: absolute;
    top: 40%;
    left: 11%;

    overflow: hidden;
}

.bbsTab
{
    min-height: 100%;
    margin: 0;
    padding: 0;
}

.bbsTab li.tabs-1 > a
{
    background-color: #fbadaf;
}

.bbsTab li.tabs-2 > a
{
    background-color: #d799bb;
}

.bbsTab li.tabs-3 > a
{
    background-color: #91d4e1;
}

.bbsTab li.tabs-4 > a
{
    background-color: #91afe1;
}


.bbsTab.ui-tabs .ui-tabs-nav
{
    font-size: 1.2em;
    font-weight: 700;

    clear: both;

    padding: 0;
    /*margin-bottom: 10px;*/
    /*border: 1px solid #000;*/
}

.bbsTab.ui-tabs .ui-tabs-nav > li
{
    display: inline-block;
    float: left;

    width: 25%;
    /*padding:10px 0;*/
    margin: 0;

    text-align: center;
    /*width: 20%;*/
}

.bbsTab.ui-tabs .ui-tabs-nav > li > a
{
    font-weight: 500;
    line-height: 70px;

    display: block;

    width: 100%;
    height: 70px;
    margin: 0;
    /*padding: 0;*/
    /*padding: 10px 0;*/
    /*float: left;*/

    color: #6f6c6c;
    box-shadow: inset 0 -10px 20px  0 rgba(0,0,0,.2);
    /*border: 1px solid #000;*/
    /*width: 100%;*/
    /*height: 100%;*/
}



.bbsTab.ui-tabs .ui-tabs-nav > li:hover > a
{
    color: #fff;
}

.bbsTab.ui-tabs .ui-tabs-nav > li.ui-tabs-active
{
    font-weight: 700;

    border-bottom: none;
}

.bbsTab.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.bbsTab.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.bbsTab.ui-tabs .ui-tabs-nav li.ui-tabs-loading a
{
    cursor: pointer;
    text-decoration: none;

    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.bbsTab.ui-tabs .ui-tabs-nav li a,
.bbsTab.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a
{
    cursor: pointer;
}

.bbsTab.ui-tabs .ui-tabs-panel
{
    display: block;
    clear: both;
    overflow: hidden;

    padding: 70px 0 30px;

    border-width: 0;
    background-color: #fff;
    /*cursor: move;*/
}

.bbsTab.ui-tabs .ui-tabs-panel section
{
    position: relative;

    width: 1400px;
    /*max-width: 1400px;*/
    min-width: 1200px;
    margin: auto;
    /*border: 1px solid #000;*/
}

.bbsTab.ui-tabs .ui-tabs-panel section:after
{
    display: block;
    clear: both;

    height: 0;

    content: '';
}

.bbsTab.ui-tabs .ui-tabs-panel section > figure
{
    position: relative;

    float: left;
}


.bbsTab.ui-tabs .ui-tabs-panel section .poster_content
{
    float: right;

    width: 620px;
}

.ui-tabs-panel#tabs-1
{
    background-color: #fbadaf;
}

.ui-tabs-panel#tabs-2
{
    background-color: #d799bb;
}

.ui-tabs-panel#tabs-3
{
    background-color: #91d4e1;
}

.ui-tabs-panel#tabs-4
{
    background-color: #91afe1;
}



.bxslider1_bg
{
    position: relative;

    width: 710px;

    text-align: center;

    background: url(../img/bxslider1_bg.png) top center no-repeat;
    /*height: 660px;*/
}



.bxslider2_bg
{
    width: 745px;

    text-align: center;

    background: url(../img/bxslider2_bg.png) top center no-repeat;
    /*height: 605px;*/
}

.bxslider3_bg
{
    width: 686px;

    text-align: center;

    background: url(../img/bxslider3_bg.png) top center no-repeat;
    /*height: 605px;*/
}

.bxslider4_bg
{
    width: 686px;

    text-align: center;

    background: url(../img/bxslider4_bg.png) top center no-repeat;
    /*height: 605px;*/
}


.bxslider1_bg .bx-wrapper
{
    position: relative;
    top: 33px;

    width: 432px;
    height: 599px;
}


.bxslider2_bg .bx-wrapper
{
    /*border: 1px solid #000;*/
    position: relative;
    top: 33px;

    width: 584px;
    height: 599px;
}

.bxslider3_bg .bx-wrapper
{
    /*border: 1px solid #000;*/
    position: relative;
    top: 33px;

    width: 432px;
    height: 599px;
}

.bxslider4_bg .bx-wrapper
{
    /*border: 1px solid #000;*/
    position: relative;
    top: 33px;

    width: 432px;
    height: 599px;
}


.poster_bg .bx-wrapper .bx-pager
{
    font-family: 'Nanum Barun Gothic','나눔바른고딕','Nanum Gothic','나눔고딕', '맑은 고딕', 'Malgun Gothic', 'Dotum' , '돋움',  '굴림', sans-serif;
}

.poster_bg .bx-wrapper .bx-viewport
{
    border: none !important;
    background: none !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    /* -webkit-box-shadow: 12px 12px 30px rgba(243,127,130,.75);
            box-shadow: 12px 12px 30px rgba(243,127,130,.75); */
}

/* .poster_bg .bx-wrapper .bx-pager.bx-default-pager a
{
    width: 16px;
    height: 16px;
    margin: 0 15px;

    border-radius: 50%;
    background: #fff;
    box-shadow: 2px 2px 7px 6px rgba(234,141,144,.75);
} */


.poster_bg .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto
{
    bottom: 0;
}

.poster_bg .bx-wrapper .bx-pager.bx-default-pager a:hover,
.poster_bg .bx-wrapper .bx-pager.bx-default-pager a.active
{
    -webkit-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    /*position: relative;*/
    /*bottom: 0;*/
    /*   width: 9px !important;
  height: 9px !important;
  
  border: 4px solid #fff !important; */

    background: none !important;
    box-shadow: inset 0 0 0 4px #fff;
}


.bxslider2_bg .bx-wrapper .bx-viewport
{
    position: relative;
    left: 80px;

    border: none !important;
    background: none !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    /* -webkit-box-shadow: 12px 12px 30px rgba(243,127,130,.75);
            box-shadow: 12px 12px 30px rgba(243,127,130,.75); */
}

.poster_bg .bx-wrapper .bx-pager.bx-default-pager a
{
    width: 16px;
    height: 16px;
    margin: 0 10px;

    border-radius: 50%;
    background: #fff;
    box-shadow: 1px 1px 5px 2px rgba(234,141,144,.75);
}

#tabs-2 .poster_bg .bx-wrapper .bx-pager.bx-default-pager a
{
    box-shadow: inset 0 0 0 4px #fff, 1px 1px 5px 2px rgba(192,115,158,.75) !important;
}

#tabs-3 .poster_bg .bx-wrapper .bx-pager.bx-default-pager a
{
    box-shadow: inset 0 0 0 4px #fff, 1px 1px 5px 2px rgba(100,184,203,.75) !important;
}

#tabs-4 .poster_bg .bx-wrapper .bx-pager.bx-default-pager a
{
    box-shadow: inset 0 0 0 4px #fff, 1px 1px 5px 2px rgba(94,130,198,.75) !important;
}


.poster_content > h2
{
    font-family: 'dinmedium',  sans-serif;
    font-size: 35pt;

    margin-top: 40px;

    color: #fff;
}
.poster_content > h2 small
{
    margin-left: 20px;
}

.poster_content:before
{
    position: relative;
    top: 20px;
    left: 0;

    display: block;
    clear: both;

    width: 5%;
    height: 1px;

    content: '';

    background-color: #fff;
}

.poster_content > p.poster_text
{
    font-size: 13pt;
    line-height: 2.0em;

    margin-top: 20px;

    letter-spacing: -.1em;

    color: #fff;
}

.poster_content > p.icon_wrap
{
    font-size: 1.3em;

    margin-top: 20px;

    color: #e95364;
}

.poster_content > p.icon_wrap > span
{
    margin-right: 20px;
}

#tabs-2 .poster_content > p.icon_wrap
{
    color: #984874;
}

#tabs-2 .poster_content  .icon > span
{
    color: #984874;
    border: 1px solid #984874;
}

#tabs-3 .poster_content > p.icon_wrap
{
    color: #148398;
}

#tabs-3 .poster_content  .icon > span
{
    color: #148398;
    border: 1px solid #148398;
}

#tabs-4 .poster_content > p.icon_wrap
{
    color: #255fbf;
}

#tabs-4 .poster_content  .icon > span
{
    color: #255fbf;
    border: 1px solid #255fbf;
}


.poster_content > p.icon_wrap a
{
    color: #e95364;
}

#tabs-2 .poster_content > p.icon_wrap > a
{
    color: #984874;
}

#tabs-3 .poster_content > p.icon_wrap > a
{
    color: #148398;
}

#tabs-4 .poster_content > p.icon_wrap > a
{
    color: #255fbf;
}

.icon
{
    font-weight: 600;

    position: relative;

    margin-right: 20px;

    background: none;
}


.icon > span
{
    line-height: 20px;
    line-height: 20px;

    display: inline-block;

    width: 20px;
    padding: 0 2px;

    text-align: center;
    /*font-size: .8em;*/
    /*height: 50px;*/

    color: #e95364;
    border: 1px solid #f3777a;
    border-radius: 3px;
}

.icon > span > i
{
    position: relative;
    top: 2px;
}

.bxslider_thum_wrap
{
    /*border: 1px solid #000;*/
    /*border-bottom: 1px solid #f18083;*/
    position: relative;

    visibility: visible;
    overflow: auto;

    height: 210px;
}

.bxslider_thum_wrap:after
{
    position: absolute;
    bottom: 30px;
    left: 0;

    display: block;

    width: 100%;
    height: 0;

    content: '';

    border-bottom: 1px solid #f18083;
}

#tabs-2 .bxslider_thum_wrap:after
{
    border-bottom: 1px solid #c27ea3;
}

#tabs-3 .bxslider_thum_wrap
{
    margin-top: 40px;
}

#tabs-3 .bxslider_thum_wrap:after
{
    border-bottom: 1px solid #3db8d0;
}

#tabs-4 .bxslider_thum_wrap:after
{
    border-bottom: 1px solid #6a97e3;
}

.bx_pager
{
    /*position: relative;*/
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 0;
    /*border: 1px solid #000;*/
}

.bx_pager img
{
    /*width: 80px;*/
    /*height: 55px;*/
    /*height: 6vh;*/
    width: 44px;
}
/* 
.bxslider_thum_wrap .bx_pager a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.bxslider_thum_wrap .bx_pager a.active img {
    -webkit-filter: none !important;
   filter: none !important;
} */

.bx_pager
{
    /*margin-bottom: 20px;*/
    /*text-align: center;*/
    /*margin: auto;*/
    /*border: 1px solid #000;*/
}

.bx_pager > a
{
    display: inline-block;

    margin: 0 .3em;
    /*margin: 5px;*/
    /*border: 1px solid #AAAAAA;*/
    /*opacity: .9;*/
}

#bx-pager > a.active
{
    /*border: 1px solid red;*/
    /*opacity: 1;*/
}

.bxslider_thum
{
    bottom: 31px;
    /*position: relative;*/
}

.bxslider_thum_wrap .bx-wrapper
{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 210px;
    margin: 0;
    /*position: relative;*/
    padding: 0;

    background: none;
}

.bxslider_thum_wrap .bx-wrapper .bx-viewport
{
    border: none !important;
    background: none !important;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.bxslider_thum li
{
    width: 200px;
    /*height: 100%;*/
    height: 210px;

    text-align: center;
    /*border: 1px solid #000;*/
    /*position: relative;*/
    /*display: table-cell;*/
    /*bottom: 0;*/
}

.bxslider_thum li img
{
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 0;

    visibility: visible;
    /*width: 100%;*/

    text-align: center;
    /*left: 50%;*/
    /*margin-left: -50%;*/
}

.btn_main_wrap
{
    margin-top: 5px;
}

.btn_main
{
    font-weight: 600;

    margin-right: 15px;
    padding: 12px 20px;

    border: none;
    border-radius: 20px;
    background-color: #fff;
}

.footer_wrap
{
    height: 200px;

    border-top: 1px solid #e3e3e3;
}

footer
{
    position: relative;

    min-width: 1000px;
    /*width: 1700px;*/
    /*width: 90%;*/
    max-width: 1200px;
    /*height: 100px;*/
    /*min-height: 50px;*/
    margin: 30px auto 0;
    /*border: 1px solid red;*/
}

footer:before,
footer:after
{
    display: block;
    clear: both;

    height: 0;

    content: '';
}


footer > ul > li
{
    /*width: 25%;*/
    float: left;

    padding: 0 10px;
    /*border: 1px solid #000;*/
}

footer > ul > li .footer_logo
{
    display: block;

    max-width: 100%;
}

footer > ul > li:first-of-type
{
    /*width: 12%;*/
    /*width: 22%;*/
}

footer > ul > li:nth-of-type(2)
{
    /*width: 38%;*/
}



footer > ul > li:last-of-type
{
    line-height: 1.7em;
    /*clear: left;*/
    /*width: 13%;*/
    /*border: 1px solid #000;*/
}
footer > ul > li:last-of-type address
{
    font-style: normal;
}

footer .dl_horizontal dt
{
    float: left;
    clear: left;
    overflow: hidden;

    width: 140px;

    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

footer .dl_horizontal dd
{
    font-family: 'dinregular', sans-serif;

    margin-left: 150px;
}

footer .dl_horizontal.news_letter dt
{
    width: 120px;
}

footer .dl_horizontal.news_letter dd
{
    margin-left: 130px;
}

footer .dl_horizontal .btn_footer
{
    font-family: 'dinregular', sans-serif;
    font-size: 1.1em;
    font-weight: 500;

    padding: 5px 20px;

    text-transform: uppercase;

    color: #888;
    border: 1px solid #888;
    border-radius: none;
    background-color: #fff;
}

footer .table-contact
{
    width: 100%;
}

footer .table-contact tr th
{
    font-weight: normal;

    width: 25%;
    padding: 0;

    border: none;
}

footer .table-contact tr td
{
    padding: 5px 0;

    border: none;
}

footer .table-contact tr td a
{
    font-weight: normal;

    color: #575757;
}

footer .news_text
{
    line-height: 1.7em;

    float: left;

    width: 40%;
}
footer .form_inline
{
    display: inline-block;
    float: left;

    width: 50%;
    margin-left: 20px;

    vertical-align: middle;
}
footer .form_inline .form_group
{
    display: inline-block;

    margin-bottom: 0;

    vertical-align: middle;
}
footer .form_inline .form_group input
{
    font-size: .9em;

    padding: 5px 10px;

    color: #fff;
    border-radius: 0;
    background-color: #c1c1c1;
}
footer input::-webkit-input-placeholder
{
    color: #fff;
}
footer .form_inline .form_group:first-of-type input
{
    width: auto;
}
footer .form_inline .form_group:last-of-type input
{
    /*margin-left: 20px;*/
}

footer .news_letter button
{
    line-height: 24px;

    height: 24px;
    margin: 0;
    padding: 0 10px !important;
}

footer .footer_copy
{
    line-height: 1.7em;
}
footer .footer_copy address
{
    display: inline-block;
}

.right_quick_sns
{
    position: fixed;
    z-index: 100;
    top: 50%;
    right: 1%;

    margin-top: -100px;
}

.right_quick_sns li
{
    /*border: 1px solid #000;*/
    padding: 10px 0;
}

.right_quick_sns li a
{
    line-height: 55px;

    display: inline-block;

    width: 55px;
    height: 55px;

    text-align: center;

    border: 1px solid #888;
    border-radius: 50%;
}

.ui-widget-overlay
{
    opacity: .5 !important;
    background-color: #000 !important;
}

.ui-widget-overlay
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.ui-front
{
    z-index: 100;
}
.remodal
{
    max-width: 1200px !important;
    padding: 50px 20px !important;
}


.ie8 .remodal-overlay
{
    background-color: #000;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
}



.remodal-close
{
    top: -80px !important;
    right: 0 !important;
    left: auto !important;

    width: 70px !important;
    height: 70px !important;

    text-indent: 999px;

    color: #fff;
    background-image: url(../img/btn-x.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.remodal-wrapper
{
    padding: 80px 10px 0 !important;
}

.modal_inquiry.remodal
{
    width: 980px;
    padding: 0 !important;
}

.modal_inquiry hgroup
{
    position: relative;
    top: 0;
    left: 0;
    /*width: 100%;*/
    /*height: 150px;*/

    margin: 0;
    padding: 40px 60px;

    text-align: left;

    color: #fff;
    background-color: #bc121a;
    background-image: url(../img/modal_inquiry_bg.png);
    background-repeat: no-repeat;
    background-position: 103% center;
}
.modal_inquiry hgroup.licenseHgroup
{
    background-image: url(../img/modal_license_bg.png) !important;
}

.modal_inquiry hgroup:after
{
    display: table;
    clear: both;

    height: 0;

    content: '';
}

.modal_inquiry hgroup h1
{
    font-size: 3.0em;
    /*margin: 50px 70px;*/
    /*float: left;*/
    /*width: 100%;*/

    padding-left: 20px;

    text-align: left;

    border-left: 1px solid #fff;
}

.modal_inquiry hgroup h1 samll
{
    font-size: .8em;

    display: block;
}

.modal_inquiry hgroup p
{
    font-size: 1.3em;
    line-height: 1.5em;

    float: left;

    width: 50%;
    margin-top: 20px;
}

.modal_inquiry .btn_modial_inquiry
{
    font-size: 1.3em;
    font-weight: 600;

    position: absolute;
    right: 60px;
    bottom: 40px;

    float: right;
    /* margin-top: 20px; */

    padding: 10px 30px;

    cursor: pointer;

    color: #bc121a;
    border: none;
    border-radius: 3px;
    background-color: #fff;
}

.modal_inquiry .modal_inquiry_content
{
    padding: 20px  90px ;
}

.modal_inquiry .modal_inquiry_content:after
{
    display: block;
    clear: both;

    height: 0;

    content: '';
}
.modal_inquiry .modal_inquiry_content address
{
    font-size: 1.3em;
    font-style: normal;
    line-height: 1.6em;
}

.modal_inquiry .modal_inquiry_content dt:not(:first-of-type)
{
    padding-top: 20px;
}

.modal_inquiry .modal_inquiry_content  h3
{
    font-size: 1.4em;
    font-weight: 600;
    line-height: 30px;

    text-align: left;

    color: #444;
}
.modal_inquiry .modal_inquiry_content  h3 > span
{
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 34px;

    display: inline-block;

    width: 35px;
    height: 35px;
    margin-right: 10px;

    text-align: center;

    color: #bc121a;
    border: 3px solid #bc121a;
    border-radius: 50%;
}

.modal_inquiry .modal_inquiry_content  dl > dd
{
    padding: 15px 0;

    text-align: left;
}

.modal_inquiry .modal_inquiry_content  dl > dd p
{
    font-size: 1.2em;
    line-height: 1.7em;

    color: #555;
}

.modal_inquiry .modal_inquiry_content  dl > dd p strong
{
    color: #bc121a;
}

.modal_inquiry .modal_inquiry_content  dl > dd:after
{
    display: block;
    clear: both;

    height: 0;

    content: '';
}

.modal_inquiry_content  .icheckbox_line-red,
.modal_inquiry_content  .iradio_line-red
{
    display: inline-block;

    padding: 8px 30px 8px 45px;

    color: #fff;
    border-radius: 20px;
    background-color: #bdbdbd;
}


.modal_inquiry_content .icheckbox_line-red.checked,
.modal_inquiry_content .iradio_line-red.checked
{
    background-color: #bc121a;
}
.modal_inquiry_content  form input,
.modal_inquiry_content  textarea
{
    float: left;

    width: 350px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 9px 20px;

    border-radius: 5px;
    background-color: #bdbdbd;
}

.modal_inquiry_content  textarea
{
    width: 750px;
}

.modal_inquiry_content  form input::-webkit-input-placeholder
{
    font-weight: 600;

    color: #787878;
}

.mainLicense
{
    overflow: hidden;
    /*display: table;*/

    width: 100%;
}
.mainLicense > li
{
    display: inline-block;
    float: left;

    width: 25%;

    text-align: center;
}

.mainLicense > li:first-of-type > figure
{
    border-left: 1px dashed rgb(150,150,150);
}

.mainLicense > li > figure
{
    border-right: 1px dashed rgb(150,150,150);
}

.mainLicense > li figcaption
{
    font-size: 1.3em;
    font-weight: 500;

    margin-top: 1em;

    color: #333;
}
.mainLicense > li figcaption > small
{
    font-size: .9em;

    display: block;

    color: #888;
}

.sub_aboutus_section
{
    height: 770px;

    background: url(../img/sub_aboutus_section.jpg) center 0 no-repeat;
    /* -webkit-background-size: cover;
    background-size: cover; */
}

.subcontent
{
    /*width: 90%;*/
    position: relative;
    /*width: 1600px;*/

    min-width: 1000px;
    max-width: 1200px;
    height: 100%;
    margin: auto;
    /*border: 1px solid #000;*/
}

.subcontent:after
{
    display: block;
    clear: both;

    height: 0;

    content: '';
}

.subcontent section
{
    /*margin-top: 60px;*/
}

.subcontent section:after
{
    display: block;
    clear: both;

    height: 0;

    content: '';
}

.aboutus_title
{
    /*width: 25%;*/
    display: inline-block;
    float: left;
}

.aboutus_title h3
{
    font-size: 2em;
    font-weight: 300;
    line-height: 1.5em;
    /*font-family: 'Nanum Barun Gothic', sans-serif;*/

    color: #474747;
}

.aboutus_title strong
{
    /*font-family: 'Nanum Barun Gothic Bold', sans-serif;*/
    font-weight: 500;
}

.aboutus_text
{
    position: relative;

    display: inline-block;
    float: right;
    /*width: 65%;*/

    width: 60%;
    /*right: 10vw;*/
}



.aboutus_text p
{
    font-size: 1.1em;
    line-height: 2.0em;

    padding-top: 10px;
    /*font-weight: 500;*/
}

.aboutus_text:before
{
    display: block;

    width: 30px;
    height: 1px;

    content: '';

    background-color: #000;
}


/* **************************************************************
    => 서브 swiper 
************************************************************** */

.swiper-container
{
    width: 100%;
    height: 300px;
    margin-right: auto;
    margin-left: auto;
}
.swiper-slide
{
    background-position: center;
    background-size: cover;
}



h3.aboutus_sub_h3
{
    /*font-family: 'dinmedium',  sans-serif;*/
    font-size: 2.0em;
    font-weight: 500;

    position: relative;
    /*left: 6%;*/

    float: left;
    /*width: 415px;*/

    width: 25%;

    text-indent: 60px;

    color: #474747;
    /*border: 1px solid #000;*/
}

h3.aboutus_sub_h3:before
{
    position: absolute;
    top: 50%;
    /*left: -6%;*/

    display: block;
    /*left: 0;*/

    width: 50px;
    height: 1px;

    content: '';

    background-color: #bababa;
}
hgroup.aboutus_sub_title
{
    font-family: 'dinmedium', 'Nanum Barun Gothic','나눔바른고딕','Nanum Gothic','나눔고딕', '맑은 고딕', 'Malgun Gothic', 'Dotum' , '돋움',  '굴림', sans-serif;
    /*left: 2%;*/
    line-height: 1.9em;

    position: relative;

    float: left;

    width: 70%;
    /*border: 1px solid #000;*/
}

hgroup.aboutus_sub_title h4
{
    font-size: 1.5em;
    line-height: 2.0em;

    color: #474747;
}

hgroup.aboutus_sub_title p
{
    font-size: 1.3em;
    line-height: 2.0em;

    width: 60%;
}

hgroup.aboutus_sub_title p  span
{
    font-family: 'dinmedium',  sans-serif;
}

.gallery-content
{
    border-top: 1px solid lightgray;
    /* background: #eee; */
    border-bottom: 1px solid lightgray;
    /*border: 1px solid red;*/
}
.gallery-thumbs
{
    box-sizing: border-box;
    /*width: 110%;*/
    /*right: -5%;*/
    width: 100%;
    padding: 1em 0;
    /*height: 300px;*/
    /*background: #eee;*/
}
.gallery-thumbs .swiper-slide
{
    position: relative;

    display: inline-block;
    float: left;
    overflow: hidden;

    width: 300px;
    height: 300px;
    /*margin-left: 20px;*/

    border: 1px solid #d1d1d1;
}

.gallery-thumbs .swiper-slide-active
{
    opacity: 1;
    /*border-bottom: 13px solid red;*/
}

.gallery-thumbs .swiper-slide-active:after
{
    /*position: relative;*/
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 8px;

    content: '';
    -webkit-transition: background-color .8s ease-in-out;
         -o-transition: background-color .8s ease-in-out;
            transition: background-color .8s ease-in-out;

    background-color: #c00;
}
.swiper-bg
{
    background-color: #eee;
}

.swiper-control-wrap
{
    /*position: relative;*/
    position: absolute;
    /*border: 1px solid #000;*/
    z-index: 10;
    top: 40px;
    right: 0;
    /*width: 300px;*/

    float: left;

    width: 20%;
}

.swiper-control-wrap > div
{
    float: left;

    cursor: pointer;
}

.swiper-control-wrap .swiper-ne
{
    float: left;

    margin-left: 20px;
}


.aboutus_sub_locaton
{
    /*position: absolute;*/
    /*left: 415px;*/
    position: relative;
    /*width: 100%;*/
    /*max-width: 1700px;*/

    min-width: 1200px;
    height: 60vh;
    /*padding: 60px 0;*/
    /*background-color: #eee;*/
}

#aboutus_map
{
    position: relative;

    float: left;
    /*  position: relative;
   left: 2%;
   width: 68% !important;
   float: left;
   height:60vh; */

    width: 70%;
    /*left: 2%;*/
    height: 60vh;
}

.aboutus_loc_detail
{
    position: absolute;
    /*right: 0;*/
    z-index: 10;
    bottom: 0;
    /*width: 1386px;*/
    /*width: 100%;*/

    height: 140px;
    /*left: 407px;*/
}

.aboutus_loc_detail > figure
{
    position: absolute;
    z-index: 11;
    top: -165px;
    left: 80px;
}

.aboutus_loc_detail ul:before
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: inline-block;

    width: 32px;
    height: 100%;

    content: '';

    background: url(../img/aboutus_loc_detail_left.jpg) 0 0 no-repeat;
}

.aboutus_loc_detail ul:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    display: inline-block;

    width: 32px;
    height: 100%;

    content: '';

    background: #fff url(../img/aboutus_loc_detail_right.jpg) 0 0 no-repeat;
}

.aboutus_loc_detail ul li
{
    position: relative;

    float: left;

    width: 33.3%;
    height: 140px;
}

.aboutus_loc_detail ul li dl
{
    position: relative;
    z-index: 10;

    margin: 30px 30px 5px;

    color: #fff;
    /*border: 1px solid #000;*/
}

.aboutus_loc_detail ul li dl dt
{
    font-family: 'dinmedium', 'Nanum Barun Gothic','나눔바른고딕','Nanum Gothic','나눔고딕', '맑은 고딕', 'Malgun Gothic', 'Dotum' , '돋움',  '굴림', sans-serif;
    font-size: 1.3em;
    font-weight: 600;

    color: #aa5182;
}

.aboutus_loc_detail ul li:nth-of-type(2) dl dt
{
    color: #3690a1;
}

.aboutus_loc_detail ul li:last-of-type dl dt
{
    color: #3260ac;
}

.aboutus_loc_detail ul li dl dd
{
    line-height: 1.5em;

    padding-top: 10px;
}

.aboutus_loc_detail ul li:first-of-type
{
    background: url(../img/aboutus_loc_detail_pattern_1.jpg) 0 0 repeat-x;
}

.aboutus_loc_detail ul li:nth-of-type(2)
{
    background: url(../img/aboutus_loc_detail_pattern_2.jpg) 0 0 repeat-x;
}

.aboutus_loc_detail ul li:nth-of-type(2):before
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: inline-block;

    width: 24px;
    height: 100%;

    content: '';

    background: url(../img/aboutus_loc_detail_left_01.jpg) 0 0 repeat-x;
}

.aboutus_loc_detail ul li:last-of-type
{
    background: url(../img/aboutus_loc_detail_pattern_3.jpg) right top repeat-x;
}


.aboutus_loc_detail ul li:last-of-type:before
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    display: inline-block;

    width: 24px;
    height: 100%;

    content: '';

    background: #fff url(../img/aboutus_loc_detail_left_02.jpg) 0 0 repeat-x;
}

.aboutus_loc_detail ul li dl dd p
{
    /*display: inline-block;*/
    /*float: left;*/
    letter-spacing: .01em;
}

.aboutus_loc_detail ul li dl dd p a
{
    color: #fff;
}

.aboutus_loc_detail .aboutus_button_wrap
{
    /*float: right;*/
    /*display: inline-block;*/
    /*margin-left: 20px;*/
    margin-top: 10px;
}
.aboutus_loc_detail .aboutus_button_wrap button
{
    font-family: 'Nanum Barun Gothic','나눔바른고딕', sans-serif;
    font-size: 1.05em;
    font-weight: 600;
    line-height: 20px;

    position: relative;

    width: 105px;
    margin-bottom: 5px;

    cursor: pointer;

    color: #5c89d4;
    /*display: block;*/
    border: none;
    background-color: #fffee0;
    /*top: -10px;*/
}

.sub_character_section
{
    position: relative;
    /*padding-top: 100px;*/

    height: 120px;
}

.sub_character_section h3
{
    font-family: 'dinlight', 'Nanum Barun Gothic','나눔바른고딕','Nanum Gothic', sans-serif;
    font-size: 2.0em;

    position: relative;

    text-align: left;

    color: #787878;
    /*top: 120px;*/
}


.character_tab_content
{
    border: 1px solid #000;
}


.character_tab.ui-tabs
{
    position: relative;
}

.character_tab.ui-tabs:before
{
    position: absolute;
    z-index: 11;
    top: 225px;
    left: 0;

    display: block;

    width: 100%;
    height: 65px;

    content: '';

    background-color: #e5e5e5;
}


.character_tab.ui-tabs .ui-tabs-nav
{
    font-size: 1.2em;
    font-weight: 700;

    position: relative;
    z-index: 12;
    top: 225px;

    clear: both;

    min-width: 1000px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}



.character_tab.ui-tabs .ui-tabs-nav > li
{
    position: relative;
    z-index: 2;

    display: inline-block;
    float: left;

    width: 24.9%;
    margin: 0;

    text-align: center;

    border-right: 1px solid #a5a5a5;
}

.character_tab.ui-tabs .ui-tabs-nav > li:last-of-type
{
    border-right: none;
}

.character_tab.ui-tabs .ui-tabs-nav > li > a
{
    font-weight: 500;
    line-height: 65px;

    display: block;

    width: 100%;
    margin: 0;

    color: #6f6c6c;
    background-color: #cbcbcb;
}

.character_tab.ui-tabs .ui-tabs-nav > li > a img
{
    max-width: 60%;
}

.character_tab.ui-tabs .ui-tabs-nav > li.ui-tabs-active > a
{
    background-color: #fed900;
}

.character_tab.ui-tabs .ui-tabs-panel
{
    position: relative;
    top: -65px;

    display: block;
    clear: both;

    border-width: 0;
    background-color: #fff;
}


.character_tab.ui-tabs .ui-tabs-panel section.bxslider_section
{
    position: relative;
    z-index: 5;
    /*top: -160px;*/

    height: 225px;
}
.character_tab.ui-tabs .ui-tabs-panel > article
{
    position: relative;
    top: 100px;
    /*margin:50px auto 10px;*/

    text-align: center;
}

.character_tab.ui-tabs .ui-tabs-panel > article > figure
{
    min-width: 1100px;

    text-align: center;
}

.character_tab.ui-tabs .ui-tabs-panel > article figure img
{
    width: auto;
    max-width: 100%;
    height: auto;
}


.character_tab_content .bxslider_section:before
{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 225px;

    content: '';
}

#character_tabs_1 .bxslider_section:before
{
    background-color: #e95364;
}

#character_tabs_2 .bxslider_section:before
{
    background-color: #1580d3;
}

#character_tabs_3 .bxslider_section:before
{
    background-color: #6c6eca;
}

#character_tabs_4 .bxslider_section:before
{
    /*background-color: #ffae11;*/
    background-color: #cc7c5e;
}

.character_bxslider_wrap
{
    position: relative;
    z-index: 2;
}
.swiper-container1,
.swiper-container2,
.swiper-container3,
.swiper-container4
{
    overflow: hidden;

    min-width: 1000px;
    /*width: 90%;*/
    max-width: 1200px;
    /* max-width: 1600px;
       min-width: 1000px; */
    height: 225px;
    margin: 0 auto;
}
.swiper-slide
{
    position: relative;

    height: 100%;
}

.swiper-slide h4
{
    position: relative;
    top: 40px;
}
.swiper-slide h4 img
{
    max-width: 30%;
}

.character_bxslider_wrap .swiper-pagination
{
    right: 7%;
    bottom: 25% !important;
    left: auto !important;

    width: auto !important;
}

.character_bxslider_wrap .swiper-pagination-bullets .swiper-pagination-bullet
{
    display: block;

    margin: 10px 0 !important;
}



.character_bxslider_wrap  .swiper-pagination-bullet
{
    display: block;

    width: 15px;
    height: 15px;

    opacity: 1;
    background-color: #fff;
}

.character_bxslider_wrap .swiper-pagination-bullet-active
{
    width: 9px;
    height: 9px;

    border: 3px solid #fff;
    background: transparent;
}



.swiper-container4 .swiper-slide h4
{
    top: 7px;
}

.swiper-container4 .swiper-slide dl
{
    top: 25px;
}

.swiper-slide  dl
{
    position: relative;
    top: 60px;
}

#character_bxslider1 .swiper-slide h4
{
    top: 20px;
}

#character_bxslider1 .swiper-slide dl
{
    top: 30px;
}


.swiper-slide dd
{
    line-height: 1.7em;

    margin-top: 10px;

    color: #fff;
    /*letter-spacing: .0005em;*/
}

figure.character_bxslider_main_img
{
    position: absolute;
    z-index: 20;
    right: 0;
    bottom: 0;
}
figure.character_bxslider_sub_img
{
    position: absolute;
    right: 20%;
    bottom: 10%;
}



.sub_community_section
{
    height: 548px;

    background: url(../img/sub_community_section.jpg) center center no-repeat;
    /*background: url(../img/sub_community_section2.jpg) center center no-repeat;*/
    -webkit-background-size: cover;
            background-size: cover;
}


.community_sub_title
{
    margin-bottom: 40px;
}
.community_sub_title:after
{
    display: block;
    clear: both;

    height: 0;

    content: '';
}

.community_sub_title > p
{
    font-size: 1.3em;
    /*width: 50%;*/
    font-weight: 500;

    padding-top: 10px;
}

.community_tab_content
{
    /*border: 1px solid #000;*/
}


.community_tab.ui-tabs
{
    position: relative;
    /*top: 350px;*/
}



.community_tab.ui-tabs .ui-tabs-nav
{
    font-size: 1.2em;
    font-weight: 700;

    position: absolute;
    z-index: 12;
    top: -80px;
    right: 0;

    clear: both;
    /*width: 1580px;*/

    margin: auto;
    padding: 0;
    /*margin-bottom: 10px;*/
    /*border: 1px solid #000;*/
}



.community_tab.ui-tabs .ui-tabs-nav > li
{
    position: relative;
    z-index: 2;

    display: inline-block;
    float: left;
    /*border-right: 1px solid #a5a5a5;*/
    /*width: 24.5%;*/
    /*padding:10px 0;*/

    margin: 0;

    text-align: center;
    /*width: 20%;*/
}



.community_tab.ui-tabs .ui-tabs-nav > li > a
{
    /*line-height: 75px;*/
    font-family: 'dinmedium', 'Nanum Barun Gothic','나눔바른고딕','Nanum Gothic', sans-serif;
    font-size: 1.9em;
    font-weight: 500;

    display: block;

    width: 100%;
    /*height: 100%;*/
    margin: 0;
    /*background-color: #cbcbcb;*/
    /*padding: 0;*/
    /*padding: 10px 0;*/
    /*float: left;*/

    color: #d0d0d0;
    /*box-shadow: inset 0 -10px 20px  0 rgba(0,0,0,.2);*/
    /*border: 1px solid #000;*/
    /*width: 100%;*/
    /*height: 100%;*/
}

.community_tab.ui-tabs .ui-tabs-nav > li > span
{
    font-family: 'dinlight', 'Nanum Barun Gothic','나눔바른고딕','Nanum Gothic', sans-serif;
    font-size: 1.9em;

    display: inline-block;

    margin: 0 20px;
    /*display: block;*/
}

.community_tab.ui-tabs .ui-tabs-nav > li.ui-tabs-active a
{
    color: red;
}



.community_tab.ui-tabs .ui-tabs-panel
{
    /*overflow: hidden;*/
    position: relative;

    display: block;
    clear: both;

    min-height: 50vh;
    /*position: absolute;*/
    /*top: 0;*/
    /*top: -365px;*/
    /*padding: 70px 0 30px;*/

    border-width: 0;
    background-color: #fff;
    /*cursor: move;*/
    /*border: 1px solid #000;*/
}


.community_tab.ui-tabs .ui-tabs-panel section.bxslider_section
{
    position: relative;
    z-index: 5;
    /*top: -365px;*/

    height: 365px;
    /*width: 1400px;*/
    /*margin: auto;*/
    /*border: 1px solid #000;*/
}
.community_tab.ui-tabs .ui-tabs-panel > article
{
    /*width: 1600px;*/
    margin: 50px auto 10px;

    text-align: center;
}


#community_tabs_1
{
    /*background-color: #eee;*/
}


.flexslider_wrap
{
    position: relative;

    min-width: 1200px;
    /*width: 1600px;*/
    max-width: 1700px;
    margin: auto;
    /*border: 1px solid #000;*/
}
#carousel.flexslider
{
    min-width: 1200px;
    max-width: 1700px;
    margin: 0 !important;

    border: none !important;
    /*background: none !important;*/
}
#carousel .flex-viewport li img
{
    display: inline !important;
    /*width: 80% !important;*/
    /*border: 1px solid #000;*/

    width: auto !important;
}

#carousel .flex-viewport
{
    /*width: 80% !important;*/
    /*border: 1px solid #000;*/
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
}



/* .flexslider .end {
        margin-left: -15px;
    } */

.flexslider-slider
{
    width: 1350px;
    /*border: 1px solid #000;*/
}

#slides.flexslider .slides img
{
    display: inline !important;

    width: auto !important;
}

#wheel-tab
{
    position: absolute;
    z-index: 100;
    right: 0;

    width: 320px;
    /*border: 1px solid #000;*/
}
#wheel-tab > li
{
    float: right;

    width: 49.5%;
}

#wheel-tab > li a
{
    line-height: 160px;
    /* width: 100%;
            height: 100%; */

    display: block;

    text-align: center;

    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
}

#wheel-tab > li a:last-of-type
{
    border-right: 1px solid #b2b2b2;
}

.flexslider .flexslider-slider > li
{
    position: relative;

    display: block;
    float: left;
    /*margin-right: 15px;*/

    padding: 0;

    cursor: pointer;
    text-align: center;
    text-align: center;
}
.flexslider .flexslider-slider > li a
{
    line-height: 130px;

    display: block;

    width: 100%;
    height: 160px;

    text-align: center;

    /*border-top: 1px solid #b2b2b2;*/
    /*border-bottom: 1px solid #b2b2b2;*/
    /*border-left: 1px solid #b2b2b2;*/
    background-color: #e3e3e3;
}
.flexslider .flexslider-slider > li:last-of-type a
{
    border-right: 1px solid #b2b2b2;
}

.flexslider .flexslider-slider > li.flex-active-slide a
{
    border-bottom: none;
    background-color: #fff;
}
.flexslider .flexslider-slider > li a h5
{
    font-size: 1.3em;
    /*border: 1px solid #000;*/
    line-height: 1.0em;

    position: absolute;
    bottom: 15px;
    left: 0;

    display: block;

    width: 100%;

    text-align: center;
    text-align: center;

    color: #727272;
}

#slider
{
    /*padding-bottom: 3em;*/
    margin-top: -1px;
    margin-bottom: 0;

    border-top-width: 0;
    /*border: 1px solid #000;*/
    border-right: 1px solid #b2b2b2 !important;
    border-bottom: 1px solid #b2b2b2 !important;
    border-left: 1px solid #b2b2b2 !important;
    border-radius: 0;
}
/* .flexslider img {
    
    } */

.headingSub
{
    font-family: 'dinregular', sans-serif;
    font-size: 2.0em;

    margin: 2.5em 0 1.4em;

    text-align: center;
}

.headingSub h1
{
    font-size: 1.4em;
    line-height: 1.3em;
}

.headingSub h1:after
{
    position: relative;
    left: 50%;

    display: block;
    clear: both;

    width: 40px;
    height: 2px;
    margin-top: 15px;
    margin-left: -20px;

    content: '';

    background: rgba(0,0,0,.5);
}

.headingSub h1 span
{
    font-family: 'Nanum Barun Gothic','나눔바른고딕', sans-serif;
    font-weight: 300;
    /*font-size: 1.em;*/
}

.flexslider-contents-wrap
{
    padding: 2em 5em;
}

.flexslider-contents-wrap:after
{
    display: block;
    clear: both;

    height: 0;

    content: '';
}

.flexslider-contents-wrap > figure
{
    float: left;

    width: 30%;
}
.flexslider-contents
{
    float: right;

    width: 60%;

    text-align: left;
}
.flexslider-contents > h4
{
    font-size: 2.0em;
    line-height: 2.0em;

    color: #1f1f1f;
}

.flexslider-contents > ul,
.flexslider-contents > p
{
    font-size: 1.3em;
    line-height: 2.0em;

    margin-left: 2px;

    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space:   -o-pre-wrap;
    white-space:  -ms-pre-wrap;
    word-wrap: break-word;
    word-break: keep-all;
}

.golink
{
    font-size: 11pt;
    font-weight: 600;

    display: inline-block;
    /*float: right;*/
    /*margin-top: 50px;*/

    padding: 10px 30px;

    cursor: pointer;

    color: #bc121a;
    border: 1px solid #bc121a;
    /*border: none;*/
    border-radius: 3px;
    background-color: #fff;
}




.pagination
{
    display: table;

    margin: 40px auto;
    padding-left: 0;

    text-align: center;

    border-radius: 4px;
}

.pagination > li
{
    display: inline;
}

.pagination > li > a,
.pagination > li > span
{
    /*font-size: 1.3em;*/
    line-height: 1.3em;

    position: relative;

    float: left;

    margin-left: -1px;
    margin-left: 3px;
    padding: 7px 12px;

    text-decoration: none;

    color: #444;
    border: 1px solid #ddd;
    background-color: #fff;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span
{
    margin-left: 0;
    /* border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; */
}

.pagination > li:last-child > a,
.pagination > li:last-child > span
{
    /* border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; */
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    z-index: 3;

    color: rgb(120,120,120);
    border-color: #ddd;
    background-color: #eee;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover
{
    z-index: 2;

    cursor: default;

    color: #fff;
    border-color: rgb(120,120,120);
    background-color: rgb(120,120,120);
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover
{
    cursor: not-allowed;

    color: #777;
    border-color: #ddd;
    background-color: #fff;
}


/* ------------------------------
    기본 게시판
------------------------------ */


#comment-list
{
    margin: 0;
    padding: 0;
}
#comment-list li
{
    overflow: hidden;
}

#comment-list li:first-of-type
{
    margin: 0;
}

#comment-list li div.commentWrap
{
    position: relative;

    margin: 8px 0;
    padding: 3% 4%;

    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;

    border-radius: 5px;
    background-color: hsl(0 ,0%, 90%);
    background-color: #e6e6e6;
}

#comment-list li div.commentWrap.notice
{
    background-color: hsla(46, 44%, 90%, 1);
    background-color: #f1ebda;
}

#comment-list li div.commentWrap:hover
{
    color: #fff;
    background: #2cb6bc;
}

#comment-list li div.commentWrap:hover > a
{
    display: block;

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

    color: #fff !important;
}
#comment-list li div.commentWrap:hover > a h4.comment-author
{
    color: #fff;
}

.comment-notice
{
    position: absolute;
    /*border: 1px solid #000;*/
    z-index: 30;
    top: 0;
    left: 0;

    width: 65px;
    height: 65px;

    background: transparent url(../img/icon_notice.png) -35px -35px no-repeat;
}

#comment-list ul.children
{
    margin-left: 94px;
    padding: 0;
}

.comment-container
{
    position: relative;

    box-sizing: content;
    margin: 0 0 15px 15%;
}

.comment-body p
{
    display: inline-block;

    width: 85%;
    margin: 0;
}
.avatar
{
    position: absolute;
    top: 50%;

    margin-top: -37px;

    text-align: center;

    color: #fff;
    background-color: hsl(0, 0%, 70%);
    background-color: #b3b3b3;
}

.avatar.notice
{
    background-color: hsla(329, 72%, 75%, 1);
    background-color: #ed91c1;
}

.avatar > h4
{
    display: table-cell !important;

    width: 74px;
    height: 74px;
    margin: 0;
    padding: 0;

    vertical-align: middle;
}

h4.comment-author
{
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;

    overflow: hidden;

    width: 85%;
    margin: 10px 0;
}

h4.comment-author.comment-write
{
    width: 100%;
}


#comment-list .comment-meta
{
    margin-top: 10px;
}

#comment-list .comment-date
{
    display: inline-block;

    color: hsl(0, 0%, 20%);
    color: #333;
}

#comment-list .comment-date > span
{
    color: #c14786;
}

#comment-list .comment-date > strong
{
    margin-right: 20px;
}

#comment-list li .comment-container:hover h4
{
    color: #727cb6;
}
.comment-count
{
    position: absolute;
    top: -10px;
    right: 0;

    display: block;
    float: right;

    width: 54px;
    height: 80px;
    padding-top: 60px;

    text-align: center;

    background: transparent url(../img/icon_count.png) 0 0 no-repeat;
}

.comment_form > input
{
    width: 31.1%;
    margin-right: 20px;
    margin-bottom: 20px;
}
#comments
{
    margin-bottom: 20px;
}
.comment_form > input:last-child
{
    margin-right: 0;
}



.panel
{
    margin-bottom: 20px;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
            box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default
{
    text-align: center;

    border-color: #ddd;
}

.panel-body
{
    padding: 15px;
}

.search_input
{
    display: table-cell;

    width: 30%;
    height: 38px;
    margin: 0;
    padding: 0;

    border: 1px solid #aaa;
}


@media all and (-ms-high-contrast:none)
{
    *::-ms-backdrop,
    .my_elements_with_border_radius
    {
        border-radius: 0;
    }
}

@media only screen and (max-width: 1600px)
{
    .aboutus_text
    {
        /*width: 65%;*/
        width: 60%;
        /*right: 10vw;*/
    }
    .cloudMain
    {
        top: 17%;
        left: 4%;
    }

    .cloud04
    {
        right: -13%;
        bottom: 8%;
    }

    .cloud04 img {
      width: 95%;
    }
}

@media only screen and (max-width: 1400px)
{
    .aboutus_loc_detail .aboutus_button_wrap
    {
        margin-left: 0;
    }

    .aboutus_loc_detail ul li dl
    {
        margin: 30px 20px 5px;
    }

    .aboutus_text
    {
        /*width: 65%;*/
        /*width: 55%;*/
        /*right: 10vw;*/
    }

    .cloudMain
    {
        top: 12%;
        left: 0%;
    }

    .cloud04 {
        right: -20%;
        bottom: 4%;

    }
    .cloud04 img {
    }
}


@media only screen and (max-width: 1300px)
{
    .poster_bg
    {
        position: relative;
        left: -50px;
        /*border: 1px solid #000;*/
    }

    .bbsTab.ui-tabs .ui-tabs-panel section
    {
        width: 1200px;
    }

    .bbsTab.ui-tabs .ui-tabs-panel section .poster_content
    {
        position: absolute;
        right: 130px;

        width: 500px;
    }

    footer > ul > li:nth-of-type(2)
    {
        width: 26%;
    }
    footer > ul > li:nth-of-type(3)
    {
        width: 32%;
    }
    .cloudMain
    {
        top: 15%;
        left: -10%;
        width: 50vw;
    }

   /*  .cloud04 {
       right: -33%;
       top: 32%;
   
   }
   .cloud04 img {
   
   } */
}


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


  .cloudMain {
      top: 19%;
      left: 0%;
  }

  .cloudMain img {
    /*width: 100%;*/
  }

}