@charset "utf-8";
/* layout */
#wrap {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}
/* ****************** HEADER ********************** */
#header {
	position: relative;
	height: 160px;
	background: #192857;
	-webkit-transition: top 0.4s;
	-moz-transition: top 0.4s;
	-o-transition: top 0.4s;
	-ms-transition: top 0.4s;
	transition: top 0.4s;
}
#header.fixed #gnb {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
#headerInnerWrap {
	width: 100%;
	z-index: 99;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}
#headerInner {
	position: relative;
	max-width: 1600px;
	margin: 0px auto;
	padding: 0 15px;
}
#header .logo {
	text-align: center;
	padding: 20px 0;
}
#header .logo img {
	display: block;
	vertical-align: middle;
	max-width: 100%;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s
}
#header .logo a {
	display: block;
}
/* -------- Header :: UTIL BOX -------- */
#gnb .header-util-box {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -16px;
}
#gnb .header-util {
	float: left;
	margin-right: 15px;
}
#gnb .header-util ul li {
	float: left;
}
#gnb .header-util ul li a {
	display: block;
	font-size: 1em;
	line-height: 30px;
	color: #fff;
}
#gnb .header-util ul li:first-child a::after {
	content: "|";
	text-align: right;
	color: rgba(255, 255, 255, 0.47);
	margin: 0 10px;
}
#gnb .header-util ul.logout li {}
#gnb .header-util ul.logout li.login_info {margin-right:5px;background:#25954a;color:#fff;font-size:0.9em;border-radius:20px;padding:0 15px 0 20px;line-height:30px;vertical-align: middle;}
#gnb .header-util ul.logout li.login_info span {vertical-align: top;}
#gnb .header-util ul.logout li.login_info a {margin-left:10px;vertical-align: middle;line-height:27px;background:none;padding:0;border-radius:0;}
#gnb .header-util ul.logout li.login_info a i {vertical-align: middle;line-height:30px;}
#gnb .header-util ul.logout li a {display:inline-block;}
    #gnb .header-util ul.logout li a {
        background: #25954a;
        color: #fff;
        border-radius: 50%;
        font-size: 0.9em;
        padding: 0 4px 0 6px;
        margin-right: 3px;
    }
#gnb .header-util ul.logout li:first-child a::after {
	content: "";
	margin: 0 0px;
	display:none;
}
/* Header :: 언어선택 */
#gnb .header-lang {
	position: relative;
	float: left;
	width: 100px;
	height: 30px;
	background: #192857;
	border-radius: 30px;
	-webkit-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.45);
	box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.45);
}
#gnb .header-lang .lang-open-btn {
	overflow: hidden;
	position: relative;
	display: block;
	height: 100%;
	padding: 0 20px;
	line-height: 30px;
	color: #fff;
}
#gnb .header-lang .lang-open-btn i {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	margin-top: -2px;
}
#gnb .header-lang .lang-open-btn .arrow {
	position: absolute;
	top: 0px;
	right: 0px;
	background: #0d173a;
	border-radius: 50%;
	padding: 0 7px;
}
#gnb .header-lang .lang-open-btn .arrow i {
	font-size: 16px;
}
#gnb .header-lang > ul {
	position: absolute;
	top: 30px;
	left: -1px;
	z-index: 9999;
	width: 100%;
	opacity: 0;
	filter: Alpha(opacity=0);
	visibility: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#gnb .header-lang > ul > li {
	margin: 3px 0;
}
#gnb .header-lang > ul > li > a {
	display: block;
	padding: 0 20px;
	line-height: 30px;
	color: #fff;
	background: #192857;
	border-radius: 30px;
	-webkit-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.45);
	box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.45);
}
#gnb .header-lang > ul > li > a:hover {
	background-color: #0d173a;
}
#gnb .header-lang.open .lang-open-btn .arrow i {
	transform: rotate(180deg);
	margin-top: -3px;
}
#gnb .header-lang.open > ul {
	opacity: 1;
	filter: Alpha(opacity=100);
	visibility: visible;
}
.nav-open-btn {
	display: none;
}
.header-line-btn {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 9998;
	margin-top: -15px;
	height: 30px;
	padding: 0px;
	cursor: pointer;
	border: 0px;
	background: none;
	transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	-webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	-oz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	-ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.header-line-btn .line {
	display: block;
	width: 28px;
	height: 3px;
	background-color: #3db166;
	border-radius: 5px;
	margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header-line-btn.active .line {
	background-color: #fff;
}
.header-line-btn.active .line:nth-child(2) {
	opacity: 0;
}
.header-line-btn.active .line:nth-child(1) {
	-webkit-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	-o-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
}
.header-line-btn.active .line:nth-child(3) {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	-ms-transform: translateY(-8px) rotate(-45deg);
	-o-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
}
/* -------- Header :: GNB(PC) -------- */
.gnb-overlay-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 97;
}	/* gnb overlay BG */
#gnb {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 100%;
    z-index: 99;
    background: #0d173a;
    background: -moz-linear-gradient(-45deg, #0d173a 0%, #0d173a 60% #3db166 60%, #3db166 100%);
    background: -webkit-linear-gradient(-45deg, #0d173a 0%, #0d173a 60%, #3db166 60%, #3db166 100%);
    background: linear-gradient(135deg, #0d173a 0%, #0d173a 60%, #3db166 60%, #3db166 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d173a', endColorstr='#3db166', GradientType=1 );
    border-top: 1px solid #262f4e;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.2);
}
#gnb > div > ul {
	width: 65%;
}
#gnb > div > ul > li {
	float: left;
}
#gnb > div > ul.menu4 > li {
	/*width: 20%;*/
	padding:0 1.2%
}
#gnb > div > ul > li > a {
	z-index: 100;
	position: relative;
	display: block;
	height: 59px;
	line-height: 59px;
	text-align: center;
	color: #ffffff;
	font-size: 17px;
	letter-spacing: -0.1px;
	font-weight: 600;
	-webkit-transition: font-size 0.4s;
	-moz-transition: font-size 0.4s;
	-o-transition: font-size 0.4s;
	-ms-transition: font-size 0.4s;
	transition: font-size 0.4s
}
#gnb > div > ul > li > a:hover, #gnb > div > ul > li.on > a {
	color: #3db166;
}
#gnb > div > ul > li a:after {
	height: 5px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0);
	content: ""
}
#gnb > div > ul > li > a:hover:after, #gnb > div > ul > li.on > a:after {
	background: #3db166;
}
/* GNB :: 2차 각각메뉴 */
#gnb.each-menu > div > ul > li .gnb-2dep {
	display: none;
	position: absolute;
	top: 59px;
	left: 0px;
	z-index: 99;
	width: 100%;
}
.gnb-2dep-bg.active {
	height: 50px;
	-webkit-transition: all 0.3s;
	-moz-transition: prop time;
	-ms-transition: prop time;
	-o-transition: prop time;
	transition: prop time;
	border-bottom: 1px solid #d9dcda;
}
.gnb-2dep-bg {
	position: absolute;
	width: 100%;
	background: #f4f4f4;
	height: 0;
	top: 59px;
	
}
#gnb > div > ul > li .gnb-2dep {
	position: absolute;
	width: 100%;
}
#gnb > div > ul > li.gnb02 .gnb-2dep ul {
	margin-left: 10%
}
#gnb > div > ul > li.gnb03 .gnb-2dep ul {
	margin-left: 23%
}
#gnb > div > ul > li.gnb04 .gnb-2dep ul {
	margin-left: 30%
}
#gnb > div > ul > li.gnb05 .gnb-2dep ul {
	margin-left: 35%
}
#gnb > div > ul > li.gnb06 .gnb-2dep ul {
	margin-left: 40%
}
#gnb > div > ul > li .gnb-2dep ul {
	padding: 0px;
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	display: block;
}
#gnb > div > ul > li .gnb-2dep ul li {
	position: relative;
	padding: 16px 0;
	display: inline-block;
}
#gnb > div > ul > li .gnb-2dep ul li a {
	display: block;
	text-align: center;
	color: #848485;
	font-size: 16px;
	letter-spacing: -0.1px;
	height: 17px;
	line-height: 17px;
	padding: 0 5px;
	position: relative;
	padding-left: 30px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#gnb > div > ul > li .gnb-2dep ul li a:hover {
	text-decoration: underline;
	color: #3db166;
}
/* -------- Header :: GNB(Mobile) -------- */
#gnbM {
	display: none
}
#container {
	clear: both;
}
#container.subContainer {
	margin: 100px auto;
	line-height: 1.6em;
}
#container > h3 {
	text-align: center;
	font-size: 2em;
	color: #0d173a;
	margin-bottom: 50px;
}
#container img {
	max-width: 100%;
}
table.fixed {
	table-layout: fixed;
}
.tableA {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #48a067;
	border-bottom: 1px solid #48a067;
	border-left: none;
	display: table;
}
.tableA thead th {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #8599a8 !important;
	background: #f6f8fa;
	color: #384452;
	text-align: left;
}
.tableA tbody th {
	border-bottom: 1px solid #8599a8;
	padding: 10px;
	position: relative;
	color: #384452;
	background: #f6f8fa;
	text-align: left;
	font-weight: 600;
	font-size:0.9em;
}
.tableA tbody td {
	border-bottom: 1px solid #e3e8ec;
	padding: 10px;
	position: relative;
	color: #384452;
	background: #fff;
	font-size:0.9em;
}
.tableA tbody td label.check_label {margin-right:15px;}
.tableA tbody td textarea {
	width: 100%;
	height: 200px;
}
.tableA tbody td input[type="button"].sms_send {background:#64c787;border-radius:5px;padding:0 15px;line-height:30px;color:#fff;border:none;margin-right:5px;font-size:0.8em;}
.tableA tbody td input[type="button"].blue_send {background:#192857;border-radius:5px;padding:0 15px;line-height:30px;color:#fff;border:none;font-size:0.8em;}


/* -------- FOOTER :: 레이아웃 -------- */
#footer {
	background-color: #f4f4f4;
}
#footerInner {
	position: relative;
}
.footer-area {
	position: relative
}
.footer-left-con {
	float: left;
	/*width: calc(100% - 40%);*/
}
.footer-right-con {
	float: right;
	text-align: right;
	/*width: 35%*/
}
/* -------- FOOTER :: 상단 -------- */
#footerTop {
	background-color: #f2f2f2;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}
/* Footer :: TOP버튼 */
.to-top-btn {
	position: fixed;
	bottom: -100px;
	right: 15px; /*display:block;*/
	display: table;
	width: 60px;
	height: 60px;
	background-color: #454545;
	text-align: center; /*line-height:60px;*/
	color: #fff;
	z-index: 999;
	opacity: 0;
	filter: Alpha(opacity=0);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s/* -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; */
}
.to-top-btn.fixed {
	bottom: 15px;
	opacity: 1.0;
	filter: Alpha(opacity=100);
}
.to-top-btn-inner {
	display: table-cell;
	vertical-align: middle
}
.to-top-btn strong {
	display: block;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 0;
	padding-top: 5px
}
/* Footer :: 푸터메뉴 */
.footer-link-menu {
	position: absolute;
	right: 0;
	top: 0
}
/* -------- FOOTER :: 하단 -------- */
#footerBottom {
	padding: 43px 0;
}
/* Footer :: 푸터로고 */
.foot-logo {
	display: inline-block;
}
/* Footer :: 왼쪽정보 */
.footer-address {
	letter-spacing: -0.5px;
	display: inline-block;
	color: #55565a;
	font-size: 12px;
	border-left: 1px solid #e3e6e4;
	padding-left: 20px;
	margin-left: 20px;
}
/* Footer :: Copyright */
.footer-copyright {
	padding-top: 4px;
}
.footer-right-con p {
	display: inline-block;
}
.footer-right-con p a {
	background: #888888;
	color: #fff;
	border-radius: 5px;
	line-height: 38px;
	display: block;
	padding: 0 20px;
	margin: 0 3px;
}
/* Footer :: 오른쪽정보 :: 패밀리사이트 */
.family-site-box {
	position: relative;
	display: inline-block;
	width: 150px;
	text-align: left;
	letter-spacing: -0.25px;
}
.family-site-box .family-site-open-btn {
	display: block;
	height: 38px;
	line-height: 38px;
	text-indent: 12px;
	border: 1px solid #e3e6e4;
	border-radius: 5px;
	background-color: #fff;
	color: rgba(0,0,0,0.5);
}
.family-site-box .family-site-open-btn i {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -6px;
}
.family-site-box.open .family-site-open-btn i {
	transform: rotate(180deg);
	right: 2px
}
.family-site-list {
	position: absolute;
	bottom: 40px;
	left: 0px;
	width: 100%;
	padding: 10px 0;
	background-color: #fff;
	border: 1px solid #e3e6e4;
	border-radius: 5px;
	z-index: 11;
	display: none;
	box-sizing: border-box;
}
.family-site-list a {
	display: block;
	padding: 10px;
	color: #333;
	font-size: 12px;
}
.family-site-list a:hover {
	color: #000;
	text-decoration: underline;
}
.area {
	max-width: 1320px;
	margin: 0px auto;
	position: relative;
}

.tabs-container {
	padding: 20px 20px;
}
.tab-area {
	border-bottom: 2px solid #fff;
	margin: 0px 0 30px 0;
}
ul.tabs {
	clear: both;
	border-bottom: 1px solid #dbe3e2;
	margin: 0;
}
ul.tabs:after {
	content: " ";
	display: block;
	clear: both;
}
ul.tabs li {
	float: left;
}
ul.tabs li a {
	display: block;
	padding: 8px 20px;
	border: 1px solid #dbe3e2;
	border-bottom: none;
	background: #f6f8fa;
	color: #8599a8;
	margin-right: 2px;
	font-weight: 600;
	font-size:0.9em;
}
ul.tabs li.active a {
	border: 1px solid #dbe3e2;
	border-bottom: none;
	background: #fff;
	color: #384452;
}


@media screen and (max-width:1700px) {
    #gnb {
        background: -moz-linear-gradient(-45deg, #0d173a 0%, #0d173a 61% #3db166 61%, #3db166 100%);
        background: -webkit-linear-gradient(-45deg, #0d173a 0%, #0d173a 61%, #3db166 61%, #3db166 100%);
        background: linear-gradient(135deg, #0d173a 0%, #0d173a 61%, #3db166 61%, #3db166 100%);
    }
}
    /* desktop 1440 */
    @media screen and (max-width:1440px) {
        #gnb {
            background: -moz-linear-gradient(-45deg, #0d173a 0%, #0d173a 63% #3db166 63%, #3db166 100%);
            background: -webkit-linear-gradient(-45deg, #0d173a 0%, #0d173a 63%, #3db166 63%, #3db166 100%);
            background: linear-gradient(135deg, #0d173a 0%, #0d173a 63%, #3db166 63%, #3db166 100%);
        }
    }

    @media screen and (max-width:1220px) {
        #gnb > div > ul.menu4 > li {
            /*width: 20%;*/
            padding: 0 2%
        }
    }
    /* desktop 1200 */
    @media screen and (max-width:1200px) {
        .area {
            max-width: 98%;
        }

        .footer-right-con p a {
            padding: 0 10px;
        }

        #gnb > div > ul.menu4 > li {
            padding: 0 1.5%
        }

        #gnb > div > ul > li > a {
            font-size: 15px;
        }

        #gnb .header-util ul.logout li.login_info {
            padding: 0 5px 0 10px;
            letter-spacing: -1px;
        }

            #gnb .header-util ul.logout li.login_info a {
                margin-left: 5px;
            }
    }

    /* desktop 1024 */
    @media screen and (max-width:1024px) {
        #gnb > div > ul.menu4 > li {
            padding: 0 1%
        }

        #gnb > div > ul > li > a {
            font-size: 14.5px;
        }

        #gnb .header-util ul li a {
            font-size: 1em;
        }

        #gnb {
            background: -moz-linear-gradient(-45deg, #0d173a 0%, #0d173a 60% #3db166 60%, #3db166 100%);
            background: -webkit-linear-gradient(-45deg, #0d173a 0%, #0d173a 60%, #3db166 60%, #3db166 100%);
            background: linear-gradient(135deg, #0d173a 0%, #0d173a 60%, #3db166 60%, #3db166 100%);
        }

        .footer-left-con {
            float: none;
            width: 100%;
            margin-top: 20px;
            text-align: center;
        }

        .footer-address {
            text-align: left;
        }

        .footer-right-con {
            float: none;
            width: 100%;
            text-align: center;
        }

        #container > h3 {
            margin-bottom: 30px;
        }
    }

    @media screen and (max-width:980px) {
        #gnb {
            background: -moz-linear-gradient(-45deg, #0d173a 0%, #0d173a 64% #3db166 64%, #3db166 100%);
            background: -webkit-linear-gradient(-45deg, #0d173a 0%, #0d173a 64%, #3db166 64%, #3db166 100%);
            background: linear-gradient(135deg, #0d173a 0%, #0d173a 64%, #3db166 64%, #3db166 100%);
        }

            #gnb .header-util ul.logout span {
                display: none;
            }
    }
    /* desktop 768 */
    @media screen and (max-width:900px) {
        #header, #headerInnerWrap, #headerInner {
            height: auto;
        }

            #header .logo {
                padding: 15px 0;
            }

                #header .logo img {
                    max-width: 60%;
                }

        .nav-open-btn {
            display: block;
            right: 15px;
        }
        /* -------- Header :: GNB(Pc) -------- */
        #gnb {
            display: none;
        }
        /* -------- Header :: GNB(Mobile) -------- */
        #gnbM {
            display: block;
            overflow-y: auto;
            position: fixed;
            top: 0px;
            right: -82%;
            width: 80%;
            height: 100%;
            max-width: 280px;
            background-color: #192857;
            z-index: 999;
            box-shadow: -2px 1px 11px rgba(0, 0, 0, .3);
            transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
            -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
            -oz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
            -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); /* gnb OPEN 속도 */
            visibility: hidden;
        }

            #gnbM.open {
                right: 0px;
                visibility: visible;
            }

            #gnbM h2 {
                position: absolute;
                font-weight: 100;
                color: #ffffff;
                top: 30px;
                left: 15px;
                font-size: 1.7em;
            }

            #gnbM #navigation {
                margin-top: 90px;
                background: #0d173b;
            }
                /* Header 높이값 */
                /* GNB Mobile :: 1차 */
                #gnbM #navigation > li {
                    border-bottom: 1px solid #192857;
                }

                    #gnbM #navigation > li > a {
                        position: relative;
                        display: block;
                        padding: 18px 15px;
                        color: #fff;
                        font-size: 1.1em;
                    }

                    #gnbM #navigation > li.active > a {
                        color: #fff;
                    }

                    #gnbM #navigation > li.has-2dep > a {
                    }

                    #gnbM #navigation > li.has-2dep.active > a {
                        color: #3db166
                    }

                        #gnbM #navigation > li.has-2dep.active > a i {
                            color: #fff;
                        }

                    #gnbM #navigation > li .gnb-icon {
                        position: absolute;
                        top: 50%;
                        right: 10px;
                        margin-top: -8px;
                    }

                        #gnbM #navigation > li .gnb-icon i {
                            font-size: 24px;
                        }
                    /* GNB Mobile :: 2차 */
                    #gnbM #navigation > li .gnb-2dep {
                        display: none;
                        padding: 15px 0;
                        background-color: #f4f4f4;
                        box-shadow: inset 0px 3px 9px rgba(0, 0, 0, .3);
                    }

                        #gnbM #navigation > li .gnb-2dep > li {
                        }

                            #gnbM #navigation > li .gnb-2dep > li > a {
                                display: block;
                                color: #555;
                                padding: 10px 15px;
                                opacity: 0.7;
                                filter: Alpha(opacity=70);
                            }

                            #gnbM #navigation > li .gnb-2dep > li.active > a {
                                opacity: 1.0;
                                filter: Alpha(opacity=100);
                            }
                            /* GNB Mobile :: 3차 */
                            #gnbM #navigation > li .gnb-2dep > li > .gnb-3dep {
                                display: none;
                                padding: 10px 20px;
                                background-color: #aaa;
                                box-shadow: inset 0px 3px 9px rgba(0, 0, 0, .3);
                            }

                                #gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a {
                                    display: block;
                                    padding: 8px 0;
                                    color: #fff;
                                }

                                    #gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before {
                                        display: inline-block;
                                        content: "-";
                                        margin-right: 5px;
                                    }

            #gnbM .util-box {
                padding: 10px;
                margin: 10px 0;
            }

                #gnbM .util-box p {
                    margin: 5px 0;
                }

                    #gnbM .util-box p.name {
                        color: #fff;
                        text-align: center;
                        margin-bottom: 10px;
                    }

                    #gnbM .util-box p a {
                        display: block;
                        padding: 10px;
                        text-align: center;
                        background: #3db166;
                        color: #fff;
                        font-size: 1em;
                    }

            #gnbM .header-lang {
                margin: 0 15px;
                background: #0d173b;
                border-radius: 10px;
                display: block;
                padding: 15px 40px;
            }

                #gnbM .header-lang p {
                    margin: 5px 0;
                }

                    #gnbM .header-lang p a {
                        display: block;
                        padding: 8px;
                        text-align: center;
                        background: #192857;
                        color: #fff;
                        font-size: 0.9em;
                        border-radius: 30px;
                    }

        .foot-logo {
            display: block;
        }

        .footer-address {
            display: block;
            border-left: 0px solid #e3e6e4;
            padding-left: 0px;
            margin-left: 0px;
            margin-top: 20px;
            text-align: center;
        }

        .tab-area {
            border-bottom: 0px solid #fff;
            margin: 0px 0 15px 0;
        }

        ul.tabs {
            border-bottom: 0px solid #dbe3e2;
        }

            ul.tabs li {
                width: 33.333%;
                margin-bottom: 2px;
            }

                ul.tabs li a {
                    padding: 5px 10px;
                    text-align: center;
                    border-bottom: 1px solid #dbe3e2;
                }

                ul.tabs li.active a {
                    border-bottom: 1px solid #dbe3e2;
                }
    }

    /* mobie 640 */
    @media screen and (max-width:640px) {
        body {
            font-size: 12px;
        }

        #gnbM #navigation {
            margin-top: 75px;
        }

        #gnbM h2 {
            top: 25px;
        }

        .tableA.response th,
        .tableA.response td {
            display: block;
        }
    }

    /* mobie 414 */
    @media screen and (max-width:414px) {
        #gnbM #navigation {
            margin-top: 67px;
        }
    }

    @media screen and (max-width:320px) {
        .footer-right-con p a {
            margin-bottom: 10px;
        }
    }