@charset "UTF-8";

/* -------------------------------------------------------------------------------------------------------------------
    ## RENEWAL STYLE SHEET
       Date.   19.07.28
       Update. 19.07.31
       Author. Interfo - Park Young Hyeuk

    ## STYLE LIST
       1. COMMON
       2. HEADER
       3. FOOTER
       4. VISUAL
       5. INDEX
       6. PAGE MENU
       7. COLOR BOX
       8. CLEAR FIX
------------------------------------------------------------------------------------------------------------------- */

/* ============================================================================================
    ## 1. COMMON
============================================================================================ */
/* 세로 스크롤은 G5 기본 CSS의 html 설정을 사용한다. */
.main,.main:before,.main:after,
.main *,.main *:before,.main *:after,
#header,#header:before,#header:after,
#header *,#header *:before,#header *:after,
#wrapMenu,#wrapMenu:before,#wrapMenu:after,
#wrapMenu *,#wrapMenu *:before,#wrapMenu *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    box-sizing:         border-box;
}

.inner {
    position: relative;
    width: 1000px;
    margin-left:  auto;
    margin-right: auto;
}
#header #menu .inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align:   center;
    -moz-box-align:      center;
    -ms-flex-align:      center;
    -webkit-align-items: center;
    align-items:         center;
}
.hide_overflow {
    overflow: hidden !important;
}


/* ============================================================================================
    ## 2. HEADER
============================================================================================ */
/* --------------------------------------------------------
    -- HEADER 공통
-------------------------------------------------------- */
#header {
    position: relative;
    width: 100%;
    height: 125px;
    z-index: 997;
    background: #fff;
    border-top: 5px solid #006276;
}
#header .inner {
    height: 100%;
}
#header h1 {
    position: absolute;
    width: 228px;
    height: 40px;
    top: 20px;
    left: 0;
    z-index: 997;
}
#header ul,
#header li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


/* --------------------------------------------------------
    -- HEADER TOP
-------------------------------------------------------- */
#header .top {
    height: 60px;
}
#header .top .colspan {
    width: 50%;
    float: left;
}
#header .top .other_area {
    position: absolute;
    height: 30px;
    margin-top: -15px;
    padding: 0;
    top: 50%;
    right: 0;
    overflow: hidden;
    color: #006276;
    font-size: 14px;
    font-weight: 700;
    line-height: 0;
}
#header .top .other_area ul {
    float: right;
}
#header .top .other_area li {
    position: relative;
    height: 32px;
    margin-right: 14px;
    padding-right: 15px;
    float: left;
    line-height: 32px;
}
#header .top .other_area li:first-child:after {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    margin-top: -7px;
    top: 50%;
    right: 0;
    background: #dcdcdc;
}
#header .top .other_area .top_search {
    position: relative;
    margin-right: 0;
    padding-right: 0;
}
#header .top .other_area li a {
    color: #aaa;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: color 250ms ease;
    -moz-transition:    color 250ms ease;
    transition:         color 250ms ease;
}
#header .top .other_area li a:hover {
    color: #006276;
}
#header .top .other_area .top_search span,
#header .top .other_area .top_search form {
    display: inline-block;
    float: left;
    line-height: 30px;
}
#header .top .other_area .top_search span {
    margin-right: 10px;
    font-weight: 500;
}
#header .top .other_area .top_search form {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 180px;
    height: 30px;
    overflow: hidden;
    line-height: 26px;
    border: 2px solid #006276;
}
#header .top .other_area .top_search .stx {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 32px 0 10px;
    border: 0;
}
#header .top .other_area .top_search .btn_top_search {
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1;
    text-indent: -9999px;
    background: url('../img/btn_search_ico.png') 50% 50% no-repeat;
    border: 0;
}
#header .top .other_area .top_search input {
    outline: 0;
}



/* --------------------------------------------------------
    -- HEADER BOTTOM - MENU
-------------------------------------------------------- */
#header #menu {
    position: relative;
    min-height: 60px;
    background: rgba(0,0,0,0.75) url('../img/header.gif') 0 0 repeat-x;
}
#header #menu .gnbline {
    position: absolute;
    display: none;
    width: 100%;
    height: 2px;
    top: 60px;
    background: #e5e5e5;
}
#header #menu #gnb {
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
}
#header #menu #gnb > ul {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
#header #menu #gnb > ul > .dep1 {
    position: relative;
    width: 14.28571428571429%;
    float: left;
}
#header #menu #gnb a {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-decoration: none;
    -webkit-transition: color 250ms ease, background 250ms ease, border 250ms ease;
    -moz-transition:    color 250ms ease, background 250ms ease, border 250ms ease;
    transition:         color 250ms ease, background 250ms ease, border 250ms ease;
}
#header #menu #gnb .dep1 h3 {
    position: relative;
    overflow: hidden;
}
#header #menu #gnb li h3 a {
    display: block;
    height: 60px;
    color: #313131;
    font-size: 18px;
    font-weight: 500;
    line-height: 60px;
    text-transform: uppercase;
    /*
    border-bottom: 3px solid rgba(255,255,255,0);
    */
}
#header #menu #gnb li:hover h3 a,
#header #menu #gnb li.active h3 a {
    color: #006276;
    /*
    border-color: #006276;
    */
}
#header #menu #gnb li h3 .toggle_gnb {
    display: none;
}
#header #menu #gnb .dep2 {
    display: none;
    width: 100%;
    padding: 10px 0 25px;
}
#header #menu #gnb li li {
    width: 100%;
    float: none;
}
#header #menu #gnb li li a {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
    color: #cfcfcf;
    font-size: 14px;
    font-weight: 300;
    line-height: 34px;
}
#header #menu #gnb li li a:hover,
#header #menu #gnb li li.active a {
    color: #fff;
}
#header #menu #gnb li li.active a {
    font-weight: 700;
}



/* ============================================================================================
    ## 3. FOOTER
============================================================================================ */
#banner {
    position: absolute;
    width: 418px;
    height: 44px;
    margin-top: -22px;
    top: 50%;
    left: auto;
    right: 0;
    bottom: auto;
    line-height: 1;
}
#banner ul,
#banner li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#banner .banner_area {
    position: relative;
    width: 100%;
    height: 100%;
}
#banner .banner {
    width: 320px;
    height: 100%;
    margin: 0 auto;
}
#banner li {
    width: 160px;
    float: left;
    text-align: center;
}
#banner li img {
    display: block;
    width: auto;
    height: 44px;
    margin: 0 auto;
}
#banner .owl-theme .owl-nav.disabled+.owl-dots {
    display: none;
}
#banner .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0 7px;
    background: #dcdcdc;
}
#banner .owl-theme .owl-dots .active span {
    background: #006276;
}
#banner .slider-nav {
    position: absolute;
    margin-top: -15px;
    top: 50%;
    cursor: pointer;
    color: #e5e5e5;
    font-size: 30px;
    line-height: 30px;
    z-index: 10;
    -webkit-transition: color 300ms ease;
    -moz-transition:    color 300ms ease;
    transition:         color 300ms ease;
}
#banner .slider-nav:hover {
    color: #002e73;
}
#banner .banner_prev {
    left: 0;
}
#banner .banner_next {
    right: 0;
}



/* ============================================================================================
    ## 4. VISUAL
============================================================================================ */
#visual {
    width: 100%;
    min-width: 1000px;
    height: 280px;
    margin-bottom: 40px;
	background: none 50% 50% no-repeat;
    background-size: cover;
    -webkit-transition: background 300ms ease;
    -moz-transition:    background 300ms ease;
    transition:         background 300ms ease;
}
#visual .inner {
    height: 100%;
}
.main #visual,
.main #visual #slide_wrap,
.main #visual .swiper-container {
    height: 540px;
    background-image: none;
}
.main #visual {
    margin-bottom: 40px;
}
.main #visual .swiper-slide {
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
#visual .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
#visual .swiper-slide .inner {
    height: 100%;
}


/* Bullets */
#visual .swiper-pagination-bullet {
    display: inline-block;
    width: 15px;
    height: 15px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    background: #dcdcdc;
    border-radius: 50%;
    -webkit-transition: width 300ms ease, background 300ms ease;
    -moz-transition:    width 300ms ease, background 300ms ease;
    transition:         width 300ms ease, background 300ms ease;
}
#visual .swiper-pagination-bullet {
    background: #dcdcdc;
}
#visual .swiper-pagination-bullet-active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    background: #006276;
}
#visual .swiper-pagination-bullet:hover,
#visual .swiper-pagination-bullet-active:hover {
    background: #006276;
}
#visual .swiper-pagination-fraction,
#visual .swiper-pagination-custom,
#visual .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 20px;
}
/* Arrows */
#visual .swiper-button-prev,
#visual .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    overflow: hidden;
    z-index: 10;
    color: #000;
    cursor: pointer;
    background: rgba(255,255,255,0.25);
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
    -webkit-transition: all 300ms ease;
    -moz-transition:    all 300ms ease;
    transition:         all 300ms ease;
}
#visual .swiper-button-prev.swiper-button-disabled,
#visual .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: alpha(opacity=35);
    cursor: auto;
    pointer-events: none;
}
#visual .swiper-button-prev,
#visual .swiper-container-rtl .swiper-button-next {
    left: -80px;
    right: auto;
}
#visual .swiper-button-next,
#visual .swiper-container-rtl .swiper-button-prev {
    right: -80px;
    left: auto;
}
#visual:hover .swiper-button-prev,
#visual:hover .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}
#visual:hover .swiper-button-next,
#visual:hover .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

#visual .swiper-button-prev,
#visual .swiper-container-rtl .swiper-button-next,
#visual .swiper-button-next,
#visual .swiper-container-rtl .swiper-button-prev,
#visual .swiper-button-prev.swiper-button-black,
#visual .swiper-container-rtl .swiper-button-next.swiper-button-black,
#visual .swiper-button-prev.swiper-button-white,
#visual .swiper-container-rtl .swiper-button-next.swiper-button-white,
#visual .swiper-button-next.swiper-button-black,
#visual .swiper-container-rtl .swiper-button-prev.swiper-button-black,
#visual .swiper-button-next.swiper-button-white,
#visual .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: none;
}
#visual .arrow-icon-position {
    position: relative;
    width: 100%;
    height: 100%;
}
#visual .arrow-icon-position span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: 40px;
    text-align: center;
    line-height: 60px;
    -webkit-transition: color 300ms ease;
    -moz-transition:    color 300ms ease;
    transition:         color 300ms ease;
}
#visual .swiper-button-prev span {margin-left: -2px;}
#visual .swiper-button-next span {margin-left: 2px;}
#visual .swiper-button-prev:hover,
#visual .swiper-button-next:hover {
    background: #006276;
}
#visual .swiper-button-prev:hover span,
#visual .swiper-button-next:hover span {
    color: #fff;
}



/* ============================================================================================
    ## 5. INDEX
============================================================================================ */
.main [class*='section'] {
    padding: 40px 0;
}
.main [class*='section'] .mstitle {
    margin: 0 auto 40px;
    font-size: 40px;
    text-align: center;
    line-height: 1;
}
.main [class*='section'] .mstitle strong {
    display: inline-block;
    padding-bottom: 20px;
    font-weight: 500;
    border-bottom: 2px solid #006276;
}

/* Slider Theme */
.slider-nav {
    position: absolute;
    margin-top: -30px;
    top: 50%;
    cursor: pointer;
    color: #e5e5e5;
    font-size: 60px;
    line-height: 1;
    z-index: 10;
    -webkit-transition: color 300ms ease;
    -moz-transition:    color 300ms ease;
    transition:         color 300ms ease;
}
.slider-nav:hover {
    color: #002e73;
}
.slider-nav.ow_slide_03_prev,
.slider-nav.ow_slide_03_prev {
    left: 0;
}
.slider-nav.ow_slide_02_next,
.slider-nav.ow_slide_03_next {
    right: 0;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    width: 100%;
    margin-top: 0;
    left: 0;
    bottom: -76px;
}


.main .section01 {
   
}
.main .section01 a {
    text-decoration: none;
}
.main .section01 h4 {
    position: relative;
    height: 60px;
    font-size: 35px;
    font-weight: 500;
    line-height: 60px;
    border-bottom: 2px solid #006276;
}
.main .section01 h4 a {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    -webkit-transition: color 250ms ease;
    -moz-transition:    color 250ms ease;
    transition:         color 250ms ease;
}
.main .section01 h4 a:hover {
    color: #006276;
}
.main .section01 .latest_list {
    position: relative;
    font-size: 17px;
    overflow: hidden;
}
.main .section01 .top .right h4 {
    border-bottom: 1px solid #fff;
}
.main .section01 .left,
.main .section01 .right {
    width: 480px;
    padding: 30px;
    float: left;
    border: 1px solid #dcdcdc;
}
.main .section01 .latest_list ul,
.main .section01 .latest_list li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.main .section01 .top .left,
.main .section01 .top .right {
    padding: 30px 30px 20px 30px;
}
.main .section01 .left {
    margin-right: 40px;
}
.main .section01 .top {
    margin-bottom: 40px;
}
.main .section01 .tab_menu:before,
.main .section01 .tab_menu:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    line-height: 0;
}
.main .section01 .tab_menu:after {
    clear: both;
}
.main .section01 .tab_menu {
    zoom: 1;
    border-bottom: 2px solid #006276;
}
.main .section01 .tab_menu button {
	color: #000;
    display: block;
    width: 20%;
    height: 60px;
    padding: 10px 5px;
    float: left;
    outline: 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -1px;
    background: transparent;
    border: 0;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    -webkit-transition: color 250ms ease, background 250ms ease;
    -moz-transition:    color 250ms ease, background 250ms ease;
    transition:         color 250ms ease, background 250ms ease;
}
.main .section01 .tab_menu button:first-child {
    border-left: 1px solid #dcdcdc;
}
.main .section01 .tab_menu button:hover {
    color: #006276;
}
.main .section01 .tab_menu button.active {
    color: #fff;
    background: #006276;
}
.main .section01 .top li {
    position: relative;
    height: 60px;
    border-top: 1px solid #dcdcdc;
}
.main .section01 .top li:first-child {
    border-top: 0;
}
.main .section01 .top li a {
    position: relative;
    display: block;
    color: #666;
    font-weight: 300;
    text-align: left;
}
.main .section01 .top li a p {
    width: 100%;
    padding-right: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 60px;
    white-space: nowrap;
}
.main .section01 .top li a span {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    line-height: 60px;
}
.main .section01 .bottom {
    height: 355px;
}
.main .section01 .bottom .left,
.main .section01 .bottom .right {
    height: 100%;
}
.main .section01 .bottom .left li {
    margin-top: 10px;
}
.main .section01 .bottom .left li:first-child {
    margin-top: 30px;
}
.main .section01 .bottom .left li .lnk01 {background-image: url('../img/ms01_01.jpg');}
.main .section01 .bottom .left li .lnk02 {background-image: url('../img/ms01_02.jpg');}
.main .section01 .bottom .left li a {
    display: block;
    height: 96px;
    text-indent: -9999px;
    background-position: 50% left;
    background-repeat: no-repeat;
}

.main .section01 .owl-carousel {
    width: auto;
    margin-left: 50px;
    margin-right: 50px;
}
.main .section01 .item .image_area {
    margin: 25px auto 15px;
    text-align: center;
}
.main .section01 .item img {
    width: 230px;
    margin: 0 auto;
}
.main .section01 .item p {
    width: 100%;
    padding: 0 50px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main .section01 .item a p {
    color: #3d4042;
    font-weight: 300;
    -webkit-transition: color 250ms ease;
    -moz-transition:    color 250ms ease;
    transition:         color 250ms ease;
}
.main .section01 .item a:hover p {
    color: #006276;
}
.main .section01 .owl-theme .owl-dots .owl-dot span {
    display: block;
    width: 16px;
    height: 16px;
    margin: 5px 7px;
    background: #e5e5e5;
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
    -webkit-transition: background 300ms ease;
    -moz-transition:    background 300ms ease;
    transition:         background 300ms ease;
}
.main .section01 .owl-theme .owl-dots .owl-dot.active span,
.main .section01 .owl-theme .owl-dots .owl-dot:hover span {
    background: #002e73;
}


.main .section02 {
    padding: 20px 0;
    line-height: 0;
    background: #eee;
}
.main .section02 .colspan {
    width: 18.4%;
    margin-left: 2%;
    float: left;
}
.main .section02 .colspan:first-child {
    margin-left: 0;
}
.main .section02 .colspan .mlnk01 {background-image: url('../img/ms02_01.png');}
.main .section02 .colspan .mlnk02 {background-image: url('../img/ms02_02.png');}
.main .section02 .colspan .mlnk03 {background-image: url('../img/ms02_03.png');}
.main .section02 .colspan .mlnk04 {background-image: url('../img/ms02_04.png');}
.main .section02 .colspan .mlnk05 {background-image: url('../img/ms02_05.png');}
.main .section02 .colspan a {
    display: block;
    width: 100%;
    height: 65px;
    text-align: center;
    text-indent: -9999px;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: 1px solid #dcdcdc;
    -webkit-transition: background 250ms ease, border 250ms ease;
    -moz-transition:    background 250ms ease, border 250ms ease;
    transition:         background 250ms ease, border 250ms ease;
}
.main .section02 .colspan a:hover {
    background-color: #f3f3f3;
    border-color: #c0c0c0;
}



.main .section03 .inner {
    padding: 0 50px;
}
.main .section03 ul,
.main .section03 li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.main .section03 li:before,
.main .section03 li:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}
.main .section03 li:after {
    clear: both;
}
.main .section03 li {
    position: relative;
    zoom: 1;
}
.main .section03 .image_area,
.main .section03 .text_area {
    float: left;
}
.main .section03 .image_area {
    width: 420px;
    height: 280px;
    margin-right: 30px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.main .section03 .text_area {
    width: 450px;
    color: #7d7d7d;
    font-size: 17px;
}
.main .section03 .text_area h4 {
    margin-bottom: 25px;
    color: #006276;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
}
.main .section03 .text_area p {
    margin-bottom: 35px;
    font-weight: 300;
    line-height: 1.5;
}
.main .section03 .text_area a {
    display: block;
    width: 260px;
    height: 60px;
    color: #006276;
    text-indent: -9999px;
    background: url('../img/ms03_btn.png') 50% 50% no-repeat;
    border: 2px solid #006276;
}
.main .section03 .owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    width: 100%;
    margin: 0;
    top: -105px;
    left: auto;
    right: 0;
    bottom: auto;
    text-align: right;
}
.main .section03 .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0 7px;
    background: #dcdcdc;
}
.main .section03 .owl-theme .owl-dots .active span {
    background: #006276;
}



/* ============================================================================================
    ## 6. PAGE MENU
============================================================================================ */
#menuSub {
    margin-top: 25px;
    padding: 0;
}
#snb {
    
}
#snb .snb_title {
    height: 50px;
    color: #fff;
    font-size: 17px;
    font-weight: 100;
    text-align: center;
    line-height: 50px;
    background: url('../img/snb_top_bg.png') 50% 50% no-repeat;
}
#snb nav {
    border-bottom: 2px solid #006276;
}
#snb nav li {
    border-top: 1px solid #dcdcdc;
}
#snb nav li:first-child {
    border-top: none;
}
#snb nav li a {
    display: block;
    height: 35px;
    padding: 0 20px;
    color: #454545;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    line-height: 35px;
    -webkit-transition: color 250ms ease;
    -moz-transition:    color 250ms ease;
    transition:         color 250ms ease;
}
#snb nav li:hover a,
#snb nav li.active a {
    color: #006276;
}
#snb nav li.active a {
    font-weight: 700;
}



/* ============================================================================================
    ## 7. COLOR BOX
============================================================================================ */
#colorbox,
#colorbox *,
.cboxElement {
    outline: 0;
    border: 0;
}
#cboxContent button,
#cboxContent button:before,
#cboxContent button:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    box-sizing:         border-box;
}
#cboxContent button {
    width: 23px;
    height: 23px;
    border: 1px solid #dcdcdc;
}
#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose {
    margin-top: -3px;
}
#cboxTitle {
    top: -24px !important;
    font-size: 16px;
}



/* ============================================================================================
    ## 8. CLEAR FIX
============================================================================================ */
header:before,
header:after,
nav:before,
nav:after,
footer:before,
footer:after,
#header:before,
#header:after,
#nav:before,
#nav:after,
#gnb:before,
#gnb:after,
#container:before,
#container:after,
#content:before,
#content:after,
#footer:before,
#footer:after,
.row:before,
.row:after {
    display: block;
    content: '';
    height: 0;
    overflow: hidden;
    visibility: hidden;
    line-height: 0;
}
header:after,
nav:after,
footer:after,
#header:after,
#nav:after,
#gnb:after,
#container:after,
#content:after,
#footer:after,
.row:after,
.clear {
    clear: both;
}
header,
nav,
footer,
#header,
#nav,
#gnb,
#container,
#content,
#footer,
#container,
#content,
.row {
    zoom: 1;
}