@charset "utf-8";

@import url(/css/nanum.css);

/* 180420 수정 (S) */
body,
div,
h1,
h2,
dl,
dt,
dd,
ul,
li,
p,
table,
button,
select,
input {
	font-family: '나눔바른고딕', 'Nanum Barun Gothic', sans-serif !important;
	font-size: 14px;
	/*line-height: inherit;*/
	letter-spacing: -0.03em;
	color: #333;
	font-size-adjust: 0.45;
}

/* //180420 수정 (E) */

select {
	/*margin:0px;padding:0px;border:1px solid #d0d0d0;width:100px;height:28px;margin-right:5px;padding-left:10px;font-size:14px;*/
	background-color: #fff !important;
	-webkit-appearance: none;
	/* 화살표 없애기 for chrome*/
	-moz-appearance: none;
	/* 화살표 없애기 for firefox*/
	appearance: none;
	/* 화살표 없애기 공통*/
	background: url(../images/drdw.png) no-repeat 95% 50%;
}

select::-ms-expand {
	display: none;
}

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

	body,
	div,
	h1,
	h2,
	dl,
	dt,
	dd,
	ul,
	li,
	p,
	table,
	button,
	select,
	input {
		font-size: 15px
	}
}

@media all and (max-width:768px) {

	body,
	div,
	h1,
	h2,
	dl,
	dt,
	dd,
	ul,
	li,
	p,
	table,
	button,
	select,
	input {
		font-size: 14px
	}
}

/* Reset */
* {
	margin: 0;
	padding: 0;
}

.hidden {
	text-indent: -9999px;
	overflow: hidden;
	position: absolute
}

ol,
ul,
li {
	list-style: none
}

input,
button,
select,
fieldset {
	border: none;
	outline-width: 0;
	cursor: pointer
}

input[type="text"] {
	cursor: text
}

caption,
legend {
	font-size: 0px;
	line-height: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	/*display:none;*/
}

legend {
	position: absolute;
	top: 0px;
	left: -9999px
}

img {
	border: 0 none
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #000
}

i,
em,
address {
	font-style: normal;
	font-weight: normal
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	table-layout: fixed;
	zoom: 1;
	width: 100%;
	empty-cells: show
}

th,
td {
	word-wrap: break-word
}

strong {
	font-weight: bold
}

.rdus {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px
}

.inB {
	display: inline-block;
	zoom: 1;
	*display: inline;
	_display: inline
}

.lbhidden {
	display: block;
	width: 0;
	bottom: 0;
	position: absolute;
	text-indent: -9000px;
	overflow: hidden
}

.m_more2 {
	display: none;
}

a,
a:link,
a:visited,
a:active,
a:hover,
img,
img:link,
img:visited,
img:active,
img:hover {
	outline: none !important
}

.clfix {
	*zoom: 1
}

.clfix:after,
.clfix:before {
	line-height: 0;
	display: table;
	content: ''
}

.clfix:after {
	clear: both
}

/* skipnavigation */
/* 180418 추가 (S) */
#skipnavigation ul {
	margin: 0;
}

/* //180418 추가 (E) */
#skipnavigation {
	margin: 0
}

#skipnavigation a {
	position: absolute;
	left: -3000%
}

#skipnavigation a:focus {
	display: block;
	left: 0;
	top: 0;
	z-index: 10000000000;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #555;
	color: #fff;
	text-align: center
}


/* 헤더 */
/* 180420 수정 (S) */
#header {
	line-height: 1;
}

/* //180420 수정 (E) */
.btn_totalview {
	display: none;
}

.hdrtop,
.hdrbtm {
	width: 100%;
}

.hdrbtm {
	position: absolute;
	left: 0;
	width: 100%;
}

#container {
	margin-top: 57px;
}

section {
	margin-top: 50px;
}

/* 180419 수정 (S) */
.topinner {
	width: 1280px;
	position: relative;
	margin: 0 auto;
	padding: 37px 0;
}

.topinner h1 {
	width: 300px;
	height: 75px;
	margin: 0 auto;
}

.topinner h1 a {
	display: block;
	height: 100%;
	text-align: center;
}

.topinner h1 img {
	width: auto;
	height: 80%;
}

/* //180419 수정 (E) */
.snslink,
.logowrap,
.lnb {
	display: inline-block;
}

.snslink {
	position: absolute;
	top: 48px;
	left: 0;
}

/* 180418 추가 (S) */
/* 180424 추가 (S) */
.snslink li {
	float: left;
}

/* //180424 추가 (E) */
.snslink .fcb {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/images/common/main_b/crclfb.png) no-repeat;
}

.snslink .twt {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/images/common/main_b/crcltw.png) no-repeat;
}

.snslink .nvb {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/images/common/main_b/crclbl.png) no-repeat;
}

.snslink .kko {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/images/common/main_b/crclkko.png) no-repeat;
}

.snslink .ytb {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/images/common/main_b/crclytb.png) no-repeat;
}

.snslink .ins {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/images/common/main_b/crclins.png) no-repeat;
}

/* //180418 추가 (E) */
.snslink a {
	margin-right: 5px;
}

/* 180424 추가 (S) */
.snslink .topL {
	float: right;
	padding: 3px 15px 8px 45px;
	border-radius: 15px;
	background: #945232 url(/images/common/main_b/togetherM.png) 15px 6px no-repeat;
}

/* //180424 추가 (E) */
.topL span {
	display: inline-block;
	margin-top: 7px;
	font-size: 15px;
	color: #fff;
}

.logowrap h1 {
	margin: 0 auto;
}

.lnb {
	position: absolute;
	top: 56px;
	right: 0;
}

.lnb li {
	float: left;
}

.lnb a {
	padding: 0 9px;
	border-left: 1px solid #d1d1d1;
	font-size: 13px;
	color: #777 !important;
}

.lnb li:first-child a {
	border: none !important;
}

.lnb a:hover {
	text-decoration: none !important;
	font-weight: bold !important;
}

/* 180418 수정 (S) */
#hd_bottom {
	width: 100%;
	height: 59px;
	background-color: #fff;
}

/* //180418 수정 (E) */
#hd_bottom .inner {
	box-sizing: border-box;
}

/* 180418 수정 (S) */
nav {
	position: relative;
	height: 55px;
	z-index: 500;
	box-sizing: initial !important;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

nav.full {
	height: auto;
	background: #fff;
}

nav.full:after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #d1d1d1;
	position: absolute;
	top: 55px;
}

nav .gnb {
	position: relative;
	width: 1280px;
	margin: 0 auto;
	height: 100%;
	/*overflow:hidden;*/
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
	display: flex;
	padding-right: 60px;
	box-sizing: border-box;
}

/* 180516 BOX 수정 (S) */
nav .gnb .allmenu {
	position: absolute;
	right: 0;
	padding: 15.2px 20px;
	border-right: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
}

nav .gnb .tgt_btn {
	display: none;
	background: #945232 url(/images/common/main_b/togetherM.png)no-repeat 15px 14px;
	padding: 16px 15px 17px 45px;
	border: none;
	text-decoration: none;
}

nav .gnb .tgt_btn a {
	color: #fff;
}

nav .gnb .gnbbg {
	position: relative;
	flex: 1 1 auto;
	text-align: center;
	height: 56px;
	border-left: 1px solid #d1d1d1;
	box-sizing: content-box;
}

nav .gnb.ov_active .gnbbg {
	border: 0;
	background-color: #fff;
	height: auto;
}

/* 180516 BOX 수정 (E) */
nav .gnb .gnbbg.me5 {
	display: none;
}

nav .gnb .submenu {
	display: none;
	background: #fff;
	height: 100%;
	border-bottom: 1px solid #ddd;
}

nav .gnb .gnbbg:first-child .submenu {
	border-left: 1px solid #ddd;
}

nav .gnb .submenu li {
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

nav .gnb .submenu li.depth3 {
	display: none;
}

nav .gnb.ov_active .submenu li {
	border: 0;
}

nav .gnb .submenu li:last-child {
	border-bottom: 2px solid;
}

nav .gnb .submenu li a {
	display: block;
	padding: 10px 0;
	font-size: 16px;
	color: #333;
	font-weight: normal;
}

nav .log_area {
	display: none;
}

/* gnb */
nav .menu5 .gnbbg {
	width: 19%
}

nav .menu6 .gnbbg {
	width: 15.8%
}

nav .menu7 .gnbbg {
	width: 13.5%
}

nav .menu8 .gnbbg {
	width: 11.8%
}

nav .menu9 .gnbbg {
	width: 10.5%
}

/* dropdown */
nav .gnb .gnbbg .submenu.menu5 {
	width: 19%
}

nav .gnb .gnbbg .submenu.menu6 {
	width: 15.8%
}

nav .gnb .gnbbg .submenu.menu7 {
	width: 13.5%
}

nav .gnb .gnbbg .submenu.menu8 {
	width: 11.8%
}

nav .gnb .gnbbg .submenu.menu9 {
	width: 10.5%
}

/* 전체보기 */
#totalview .menu5 .gnbbg {
	width: 19.1%
}

#totalview .menu6 .gnbbg {
	width: 15.9%
}

#totalview .menu7 .gnbbg {
	width: 13.583%
}

#totalview .menu8 .gnbbg {
	width: 11.88%
}

#totalview .menu9 .gnbbg {
	width: 10.6%
}

.gnb > li h3 {
	cursor: pointer;
	margin: 0;
}

/* 180516 수정 (S) */
nav .gnb .gnbbg .gnbli {
	color: #333;
	display: block;
	line-height: 55px;
	margin: 0px;
	font-size: 19px;
	font-weight: 400;
	text-align: center;
	letter-spacing: initial;
	transform: rotate(0.1deg);
}

/* //180516 수정 (E) */
nav .gnb .gnbbg .gnbli:hover {
	text-decoration: none;
}

nav .gnb .gnbbg .gnbli:visited {
	text-decoration: none;
}

/* 180516 수정 (S) */
nav .gnb .gnbbg .submenu {
	display: none;
	position: absolute;
	background: #fff;
	box-sizing: border-box;
}

nav .gnb .gnbbg .submenu.m_sub {
	display: block;
}

nav .gnb.ov_active .gnbbg .submenu {
	display: block;
	position: static;
	height: calc(100% - 55px);
	border-right: 1px solid #ddd;
}

nav .gnb.ov_active .submenu li:last-child {
	border-bottom: 0;
}

nav .gnb.ov_active .gnbbg .submenu li:last-child a {
	border-bottom: 1px dashed #ddd;
}

/* //180516 수정 (E) */
nav .gnb .gnbbg .submenu li a:hover {
	text-decoration: none;
}

nav .gnb .gnbbg .submenu {
	display: none;
	position: absolute;
	background: #fff;
	width: 100%;
}

nav .gnb .gnbbg .submenu.on {
	display: block;
}

nav .gnb .gnbbg .submenu li a {
	display: block;
	padding: 13px 0px;
	line-height: 20px;
	color: #000;
	border-top: 1px dashed #ddd;
	font-weight: 300;
	letter-spacing: -0.08em;
	word-break: keep-all;
	font-size: 16px;
}

.allmenu i {
	display: inline-block;
	zoom: 1;
	display: inline-block;
	background: url(/images/common/main_b/menu.png) no-repeat;
	width: 22px;
	height: 22px;
	box-sizing: border-box;
}

/* totalview */
#totalview {
	display: none;
	position: absolute;
	width: 100%;
	background: #fff;
	z-index: 500;
}

/* 180418 수정 (S) */
#totalview .openmenu {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}

/* //180418 수정 (E) */
#totalview .openmenu > ul {
	border-left: 1px solid #e5e5e5;
	overflow: hidden;
	margin: 0
}

/* 180419 수정 (S) */
#totalview .openmenu > ul > li {
	float: left;
	padding: 0;
	border-right: 1px solid #e5e5e5;
	/*width:13.5%;*/
	box-sizing: border-box;
	height: 480px;
}

/*#totalview .openmenu > ul > li:nth-child(2),#totalview .openmenu > ul > li:nth-child(7) {width: 13.66%;}*/
/* //180419 수정 (E) */
#totalview .openmenu dl {
	padding: 0 7px;
	margin: 0;
}

#totalview .openmenu dt {
	margin-top: 5px
}

#totalview .openmenu dt a {
	font-size: 15px;
	font-weight: 700;
	color: #116681;
	display: block;
	padding: 4px 0 3px 0;
	border-bottom: 2px solid #acd5e2;
	line-height: 22px
}

#totalview .openmenu dd {
	border-bottom: 1px solid #ddd;
}

#totalview .openmenu dd > a {
	display: block;
	padding: 10px 0;
	font-size: 16px;
	text-align: center;
	line-height: 19px;
	color: #333;
	word-break: keep-all;
	font-weight: 700;
	letter-spacing: -0.03em;
	background: url(/images/common/main_b/totalmndt.gif)no-repeat 95% 9px;
}

#totalview .openmenu dd > a:hover {
	text-decoration: none;
}

#totalview .openmenu dl ul {
	padding: 5px 0 0 0;
	background-color: #f8f8f8;
	border-top: 1px dashed #ddd
}

#totalview .openmenu dl ul li a {
	padding: 1px 0 5px 14px;
	font-size: 12px;
	display: block;
	line-height: 16px;
	background: url(/images/common/main_b/totalmndd.gif) no-repeat 8px 8px;
}

#totalview .openmenu dl ul li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#totalview .openmenu .dpt3 {
	background: #eaeaea
}

#totalview .openmenu .dpt3 li a {
	background: none;
	padding: 2px 0 3px 25px
}


/* 모바일 전체보기 메뉴 */
.mblock {
	display: none;
}

.mbi_menu_group {
	height: 100%;
	background-color: #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden
}

.mbi_menu_header {
	width: 270px;
	height: 51px;
}

.mbi_menu_header .m_menu_login {
	margin: 0;
}

/* 180424 수정 (S) */
.mbi_menu_header .m_menu_login li {
	float: left;
	font-weight: bold;
	color: #fff;
	padding: 15px 20px;
	font-size: 15px;
}

/* //180424 수정 (E) */
.mbi_menu_header .m_menu_login li:first-child {
	border-right: 1px solid #ccc;
}

.mbi_menu_header .m_menu_login li a {
	color: #fff;
}

.mbi_menu_header .m_menu_login li a img {
	margin-right: 5px;
}

.lst_menu_mbi {
	width: 100%;
}

.lst_menu_mbi li {
	background-color: #1175c6
}

.lst_menu_mbi li a {
	display: block;
	position: relative;
	padding: 10px 20px 8px 15px;
	border-top: 1px solid #ccc;
	font-size: 1.2em;
	color: #666
}

.lst_menu_mbi li a.btn_menu_depth1 {
	padding: 10px 20px 8px 15px;
	border-top: 1px solid #999;
	font-weight: 700;
	font-size: 1.3em;
	color: #fff;
	zoom: 1
}

.btn_menu_open .bu_open {
	display: inline-block;
	zoom: 1;
	*display: inline;
	position: absolute;
	top: 16px;
	right: 20px;
	border: 6px solid #0f99d1;
	border-bottom: 0;
	border-color: #0f99d1 transparent transparent transparent
}

.lst_menu_mbi li a.btn_menu_open {
	background: #f0f0f0
}

.lst_menu_mbi li a.btn_menu_open:hover {
	font-weight: 700
}

.h3_totalview {
	margin-top: -42px;
	border-left: 1px solid #000;
	font-size: 1.5em;
	font-weight: 700;
	color: #fff;
	text-align: center
}

/* .btn_menu_close {display: block; overflow: hidden; float: right; margin-top: 16px; margin-right: 15px; width:18px; height: 18px; background:url(/images/common/main_b/btn_close.png) no-repeat; background-size:100%; text-indent:-9999px;} */
div.modal_mbl {
	background: #000;
	opacity: 0.6;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 900;
	display: none
}

.mbi_menu_group {
	width: 270px;
	height: 100%;
	background-color: #f6f6f6
}

.gnbtab {
	margin: 0
}

.gnbtab li.tgt_btn {
	background: #945232 url(/images/common/main_b/togetherM.png)no-repeat 15px 14px;
	padding: 16px 15px 17px 45px;
	border: none;
	text-decoration: none;
}

.gnbtab li.tgt_btn a {
	font-size: 15px;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

/* 모바일 전체보기 메뉴 스크립트 CSS  */
.cbp_spmenu {
	position: absolute
}

.cbp_spmenu_vertical {
	top: 0;
	z-index: 1000;
	width: 270px
}

.cbp_spmenu_left {
	left: -270px
}

.cbp_spmenu_left.cbp_spmenu_open {
	left: 0px;
	height: 100%;
	position: fixed
}

.cbp_spmenu_push {
	overflow-x: hidden;
	position: relative;
	left: 0
}

.cbp_spmenu_push_toright {
	left: 270px
}

.cbp-spmenu-push-toleft {
	left: -270px
}

.gnbtab > li {
	border-bottom: 1px solid #e8e8e8
}

/* 180109 수정 (S) */
.gnbtab .gnbbt {
	display: block;
	padding: 13px 0 17px 9px;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	background-image: url(/images/common/main_b/m_gnb_off.png);
	background-repeat: no-repeat;
	background-position: 238px 14px;
	font-weight: 700;
	width: 100%
}

/* //180109 수정 (E) */
.gnbtab .gnbbt.current {
	background-color: #fff;
	font-weight: 700;
	background-image: url(/images/common/main_b/m_gnb_off.png)
}

.gnbtab .gnbbt:hover {
	background-color: #fff;
	font-weight: 700;
	background-image: url(/images/common/main_b/m_gnb_on.png)
}

.gnbtab .gnbbt.on {
	background-color: #fff;
	font-weight: 700;
	background-image: url(/images/common/main_b/m_gnb_on.png)
}

.gnbtab a span {
	float: right;
	font-weight: 700
}

.gnbtab .twodep {
	display: none;
	margin: 0
}

.gnbtab .twodep li {
	padding: 15px 0 15px 18px;
	border-top: 1px solid #d6dade
}

.gnbtab .twodep > li a {
	color: #1f2d3a;
	font-size: 13px;
	padding: 0 0 0 18px;
	display: block;
}

.gnbtab li .twodep li a.on {
	font-weight: bold
}

.gnbtab li .twodep li a:hover {
	font-weight: bold;
	background-image: url(../images/common/main_c/m_gnb_back.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.gnbtab li .twodep li a {
	background-image: url(../images/common/main_c/m_gnb_back.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.gnbtab .twodep > li a.mbunder {
	background-image: url(/images/common/main_b/mbpon_on.gif);
	background-repeat: no-repeat;
	background-position: 242px 16px
}

.gnbtab .twodep > li a.mbunder.on {
	background-image: url(/images/common/main_b/mbpon_off.gif);
	background-repeat: no-repeat;
	background-position: 242px 16px
}

.gnbtab li .threedep {
	margin: 15px 0 -15px -33px;
	background: #e2e2e2;
	padding: 0 0 0 15px;
}

.gnbtab li .threedep li {
	padding: 15px 0 15px 35px;
	border-top: 1px solid #bec3c7;
}

.gnbtab li .threedep li a {
	color: #333;
	font-size: 13px;
	padding: 0 0 0 18px;
}

.gnbtab li .threedep li a.on {
	font-weight: bold
}

.gnbtab li .threedep li a:hover {
	font-weight: bold;
	background-image: url(../images/common/smalldot.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

.gnbtab li .threedep li a {
	background-image: url(../images/common/smalldot.gif);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

.gnbtab .lastdepth {
	background-color: #cccccc
}

.gnbtab .lastdepth li a {
	padding: 11px 0 11px 27px
}

.closeTotalView {
	position: absolute;
	bottom: 20px;
	right: 80px
}


/* 푸터 */
/* 180420 수정 (S) */
#footer {
	width: 100%;
	margin-top: 50px;
	line-height: 1;
	background-color: #302e31;
	overflow: hidden;
}

/* //180420 수정 (E) */
/* 180419 수정 (S) */
.ftinner {
	width: 1280px;
	margin: 0 auto;
	padding: 30px 10px;
}

/* //180419 수정 (E) */
.fttop {
	width: 100%;
	padding-bottom: 18px;
	border-bottom: 1px solid #636064;
}

.fttop .clause {
	display: inline-block;
}

.fttop ul li,
.ftbtm ul li,
.copy {
	color: #bababa;
}

.fttop ul li {
	float: left;
	font-weight: normal;
	font-size: 14px;
}

/* 180419 수정 (S) */
.fttop .clause li:nth-of-type(1) {
	padding-left: 0;
	border: none;
	color: #fff;
}

/* //180419 수정 (E) */
.clause li {
	float: left;
	padding-left: 20px;
	border-left: 1px solid #bababa;
	font-size: 14px;
	cursor: pointer;
	padding: 0 8px
}

.fttop .shortCut {
	float: right;
	margin-top: -15px;
	margin-bottom: 0;
}

.fttop .shortCut li.fir {
	margin-right: 8px;
}

/* 180425 수정 (S) */
.fttop .shortCut select {
	width: 214px;
	height: 34px;
	padding-left: 10px;
	border: none;
	background-color: #434143 !important;
	color: #fff;
	background: url(../images/common/main_b/drdw_h.png) no-repeat 95% 50%;
	-moz-appearance: none;
	/* Firefox */
	-webkit-appearance: none;
	/* Safari and Chrome */
	appearance: none;
}

.fttop .shortCut select:focus {
	border: none;
}

/* //180425 수정 (E) */
.ftbtm {
	width: 100%;
	position: relative;
	padding-top: 30px;
}

.ftbtm .logowrp {
	float: left;
}

/* 180417 추가 (S) */
/* 180424 수정 (S) */
.ftbtm .logowrp a {
	display: block;
	width: 270px;
	margin: 0 0 35px 0;
	overflow: hidden;
}

/* //180424 수정 (E) */
.ftbtm .logowrp a img {
	width: 100%;
}

/* //180417 추가 (E) */
/* 180621 수정 (S) */
.ftbtm .copy {
	display: none;
	margin: 0;
	color: #929292;
	font-size: 13px;
}

/* //180621 수정 (E) */
.ftbtm address {
	margin-bottom: 0;
}

.ftbtm address li,
.copy {
	line-height: 25px;
}

/* 180425 수정 (S) */
.cmTopScroll {
	position: fixed;
	right: 3%;
	z-index: 90;
	cursor: pointer;
	bottom: 205px;
}

/* //180425 수정 (E) */
/* 180424 탑버튼 (S) */
.cmTopScroll .top {
	color: #fff;
	line-height: 50px;
	padding: 15px 10px;
	width: 50px;
	height: 50px;
	background: #555;
	opacity: 0.5;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition-property: bottom;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in-out;
}

/* 180424 탑버튼 (E) */


/* 레이어팝업스타일 */
.inquiryBox1 {
	width: 750px;
	overflow: hidden;
	display: none;
	border: 2px solid #949494;
	position: fixed;
	background: #FFFFFF;
	z-index: 999;
}

.inquiryBox1 .pop-head1 {
	position: relative;
	overflow: hidden;
	background-color: #949494;
	height: 50px;
	margin-bottom: 15px;
}

.inquiryBox1 .pop-head1 h2 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 12px 20px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}

.inquiryBox1 .pop-head1 p {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 0;
}

.inquiryBox1 .pop-cont1 {
	margin: 30px;
	border: 1px solid #d9d9d9;
	background: #fff;
	overflow: hidden;
	height: 537px;
	overflow-y: auto;
}

.inquiryBox2 {
	width: 750px;
	overflow: hidden;
	display: none;
	border: 2px solid #949494;
	position: fixed;
	background: #FFFFFF;
	z-index: 999;
}

.inquiryBox2 .pop-head1 {
	position: relative;
	overflow: hidden;
	background-color: #949494;
	height: 50px;
	margin-bottom: 15px;
}

.inquiryBox2 .pop-head1 h2 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 20px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}

.inquiryBox2 .pop-head1 p {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 0;
}

.inquiryBox2 .pop-cont1 {
	margin: 30px;
	border: 1px solid #d9d9d9;
	background: #fff;
	overflow: hidden;
	height: 537px;
	overflow-y: auto;
}

.pop-cont1 .cont1_inner {
	padding: 30px;
	/* overflow-y: auto; */
	height: 100%;
}

.cont1_inner h3 {
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 10px;
}

.cont1_inner .cont1_main {
	font-size: 14px;
	line-height: 170%;
	margin-bottom: 40px;
}

.cont1_inner .cont1_sub {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	background: url(/images/common/main_b/bg_tit_type.gif)no-repeat 0 0;
	padding: 3px 0 0 0;
}

.cont1_inner .cont1_sub2 {
	background: url(/images/common/main_b/dot.gif)no-repeat 0 10px;
	padding: 0 0 0 10px;
	font-size: 14px;
	line-height: 170%;
	margin-bottom: 10px;
}

.cont1_inner .btm {
	margin-bottom: 40px;
}

.cont1_inner .btm2 {
	margin-bottom: 40px;
	margin-top: 10px;
}

.cont1_inner .btm3 {
	margin-bottom: 40px;
}

.cont1_inner .btm4 {
	margin-bottom: 10px;
}

.cont1_inner ul li {
	font-size: 14px;
	line-height: 170%;
}

.cont1_inner ul li.titNon {
	margin-bottom: 10px;
}

.cont1_inner ul li.tit {
	background: url(/images/common/main_b/dot.gif)no-repeat 0 10px;
	padding: 0 0 0 10px;
}

.cont1_inner ul li.tit2 {
	background: url(/images/common/main_b/smalldot.gif)no-repeat 10px 10px;
	padding: 0 0 0 20px;
	margin-bottom: 3px;
	font-size: 13px;
}

.cont1_inner ul li.tit3 {
	background: url(/images/common/main_b/dot.gif)no-repeat 0 10px;
	padding: 0 0 0 10px;
	font-size: 14px;
	line-height: 170%;
}

.cont1_inner ul li.tit2 a {
	text-decoration: underline;
}

/* 테이블 */
.tbl_wrp {
	overflow: hidden;
	margin: 0 0 40px 0;
}

.tbl_lst {
	width: 101%;
	margin: 0 0 0 -1px;
	border-top: 1px solid #454545;
	font-size: 13px;
	color: #666;
	text-align: center;
	table-layout: fixed;
}

.tbl_lst th,
.tbl_lst td {
	padding: 7px 8px 7px;
	border: 1px solid #d9d9d9;
	border-width: 0 1px 1px 1px;
	clear: both;
	line-height: 20px;
	text-align: center;
	word-break: keep-all;
	font-size: 13px;
}

.tbl_lst th {
	padding: 8px 10px 9px;
	border-width: 0 0 1px 0;
	background-color: #f9f9f9;
	background-image: url(/images/common/main_b/bu_tbl_l.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #333;
	font-size: 14px;
	font-weight: 600;
}

.tbl_lst th.line {
	border-left: 1px solid #d9d9d9;
	background-image: none
}

.tbl_lst th:first-child {
	background-image: none
}

.tbl_lst th:nth-child(1) {
	background-image: none
}

.tbl_lst th.first {
	background-image: none
}

.tbl_lst .tr {
	text-align: right !important
}

.tbl_lst td.rgt_line {
	border-left: 1px solid #d9d9d9 !important
}

td.dtltd {
	padding: 25px 40px
}

.tbl_lst.tdleft td {
	text-align: left !important
}

.tbl_lst .rowsp2 {
	background-image: url(/images/common/main_b/bu_tbl_l.gif) !important;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

span.b-close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 21px;
	cursor: pointer;
}

.inq-btnb1 {
	text-align: center;
	margin-bottom: 25px
}

.inq-btnb1 a {
	font-weight: 600;
	font-size: 15px;
}

.inq-btnb1 a span {
	display: inline-block;
	zoom: 1;
	*display: inline;
	_display: inline;
}

.inq-btnb1 .popc-close {
	color: #585858;
}

.inq-btnb1 .popc-close span {
	padding: 8px 20px 10px;
	border: 1px solid #585858;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.inq-btnb1 .popc-close :hover {
	color: #fff;
	background: #585858;
}

@media all and (max-width: 1300px) {

	nav .gnb,
	.ftinner {
		width: 98%;
	}

}

@media all and (max-width: 1280px) {

	/* 헤더 */
	.topinner {
		width: 99%;
	}

	#totalview .openmenu {
		width: 98%;
	}

	/* gnb */
	nav .menu5 .gnbbg {
		width: 18.9%;
	}

	nav .menu6 .gnbbg {
		width: 15.7%;
	}

	nav .menu9 .gnbbg {
		width: 10.46%;
	}

	/* dropdown */
	nav .gnb .gnbbg .submenu.menu5 {
		width: 18.8%;
	}

	nav .gnb .gnbbg .submenu.menu7 {
		width: 13.4%;
	}

	nav .gnb .gnbbg .submenu.menu9 {
		width: 10.4%;
	}

	/* 전체보기 */
	#totalview .menu5 .gnbbg {
		width: 19%;
	}

	#totalview .menu6 .gnbbg {
		width: 15.83%;
	}

	#totalview .menu8 .gnbbg {
		width: 11.88%;
	}

	#totalview .menu9 .gnbbg {
		width: 10.55%;
	}

	/* 푸터 */
	.ftinner {
		width: 95%;
	}
}


@media all and (max-width: 1220px) {
	nav .gnb {
		width: 100%;
	}

	nav .gnb .gnbbg .gnbli {
		font-size: 18px;
	}

	nav .gnb .gnbbg .submenu li a {
		font-size: 14px;
	}

	#totalview .openmenu {
		width: 100%;
	}
}


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

	/* gnb */
	nav .menu5 .gnbbg {
		width: 18.65%;
	}

	nav .menu6 .gnbbg {
		width: 15.5%;
	}

	nav .menu7 .gnbbg {
		width: 13.3%;
	}

	nav .menu8 .gnbbg {
		width: 11.6%;
	}

	nav .menu9 .gnbbg {
		width: 10.3%;
	}

	nav .gnb .gnbbg .gnbli {
		/*line-height: 53px;*/
		font-size: 15px;
	}

	nav .gnb .gnbbg .submenu li a {
		font-size: 13px;
	}

	/* dropdown */
	nav .gnb .gnbbg .submenu.menu5 {
		width: 18.6%;
	}

	nav .gnb .gnbbg .submenu.menu6 {
		width: 15.6%;
	}

	nav .gnb .gnbbg .submenu.menu7 {
		width: 13.2%;
	}

	nav .gnb .gnbbg .submenu.menu8 {
		width: 11.72%;
	}

	nav .gnb .gnbbg .submenu.menu9 {
		width: 10.3%;
	}

	/* 전체보기 */
	#totalview .menu5 .gnbbg {
		width: 18.76%;
	}

	#totalview .menu6 .gnbbg {
		width: 15.64%;
	}

	#totalview .menu7 .gnbbg {
		width: 13.4%;
	}

	#totalview .menu8 .gnbbg {
		width: 11.73%;
	}

	#totalview .menu9 .gnbbg {
		width: 10.4%;
	}

	.inquiryBox1 {
		width: 95%;
		left: 2.5% !important;
	}

	.inquiryBox2 {
		width: 95%;
		left: 2.5% !important;
	}

}


@media all and (max-width: 940px) {
	#container {
		margin-top: 0;
	}

	nav .gnb.ov_active .submenu li {border:0;display:block;}

	.gnb > li h3 {
		border-bottom: 1px solid #ddd;
		position: relative;
		margin: 0;
	}

	#header .gnb h3 span img {
		opacity: 0;
	}

	#header .gnb h3 span {
		background-image: url(/images/common/m_gnb_off.png);
		background-repeat: no-repeat;
		background-position: center;
	}

	#header .gnb h3 span.on {
		background-image: url(/images/common/m_gnb_on.png);
	}

	nav .gnb .gnbbg.me5 {
		display: block;
	}

	.gnb > li h3 span {
		display: block;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}

	nav .menu7 .gnbbg {
		width: 100%;
	}

	/* 헤더 */

	.hdrbtm,
	.snslink,
	.lnb {
		display: none;
	}

	/* 180419 수정 (S) */
	.topinner h1 {
		padding: 0px;
		height: 65px;
		width: 96vw;
	}

	/* //180419 수정 (E) */
	.btn_totalview {
		position: absolute;
		display: inline-block;
		top: 10px;
		left: 10px;
		border: 1px solid #000;
		padding: 8px;
	}

	.btn_menu_close {
		display: block;
		overflow: hidden;
		float: right;
		width: 47px;
		height: 45px;
		background-size: 100%;
		text-indent: -9999px;
	}

	.btn_menu_close span img {
		display: block;
		width: 100%;
	}

	#header .hdrbtm.mo_menu .log_area {
		display: block;
	}

	#header .hdrbtm.mo_menu {
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 99;
		background-color: #fff;
	}

	nav .gnb.ov_active {
		display: block;
		padding: 0;
		position: fixed;
		top: 51px;
		height: calc(100% - 51px);
		overflow: auto;
	}

	nav.full:after {
		display: none;
	}

	#header .hdrbtm.mo_menu nav .mo_btn {
		display: flex;
		position: absolute;
		right: 0;
		top: 0;
		background: transparent;
		width: 50px;
		height: 46px;
		justify-content: center;
		align-items: center;
	}

	#header .hdrbtm.mo_menu nav .log_area {
		display: block;
		height: 50px;
		line-height: 50px;
		padding: 0
	}

	#header .hdrbtm.mo_menu nav .log_area a {
		color: #fff;
		font-size: 15px;
		display: inline-block;
		padding: 0 15px;
		transform: rotate(0.05deg);
		border-right: 1px solid #fff;
	}

	nav .gnb.ov_active .gnbbg .submenu {
		display: none;
	}

	nav .gnb.ov_active .gnbbg .submenu.m_sub {
		display: block;
	}

	nav .gnb .allmenu {
		display: none;
	}

	nav .gnb .tgt_btn {
		display: block;
	}

	nav .gnb .gnbbg .gnbli {
		text-align: left;
		padding: 0 25px;
		font-size: 19px;
	}

	nav .gnb .gnbbg .submenu li.depth2 a {
		border: 0;
		background-color: #f7f7f7;
		text-align: left;
		padding: 15px 25px;
		font-size: 15px;
		border-bottom: 1px solid #ddd;
	}

	nav .gnb .gnbbg .submenu li.depth2 a:before {
		content: '-';
		display: inline-block;
		vertical-align: top;
		margin-right: 10px;
	}

	nav .gnb .gnbbg .submenu li.depth3 a,
	nav .gnb .gnbbg .submenu li.depth2 a:hover {
		font-weight: 500;
	}

	nav .gnb .gnbbg .submenu li.depth3 a {
		border: 0;
		background-color: #eee;
		text-align: left;
		padding: 15px 0 15px 35px;
		font-size: 15px;
		border-bottom: 1px solid #ddd;
	}

	nav .gnb .gnbbg .submenu li.depth3 a:before {
		content: 'ㆍ';
		display: inline-block;
		vertical-align: top;
		margin-right: 10px;
	}

	nav .gnb.ov_active .gnbbg .submenu {
		border-bottom: 0 !important;
	}
}




@media all and (max-width: 900px) {

	/* 180424 헤더 */
	.topinner {
		padding: 0;
	}

	/* 푸터 */
	.ftinner {
		padding: 20px 10px;
	}

	/* 180621 추가 (S) */
	.fttop {
		padding: 0;
		border: none;
	}

	/* //180621 추가 (E) */
	.fttop .clause {
		display: block;
		float: none;
		margin-bottom: 0;
		text-align: center;
	}

	.fttop .clause li {
		display: inline-block;
		float: none;
	}

	/* 180621 수정 (S) */
	.ftbtm {
		padding: 0;
	}

	/* //180621 수정 (E) */
	.shortCut,
	.logowrp {
		display: none;
	}

	/* 180424 수정 (S) */
	.abcadrss {
		display: none;
	}

	/* //180424 수정 (E) */
}



@media all and (max-width: 768px) {
	.mbi_menu_header {
		width: 270px;
		height: 48px !important;
		border-bottom: 1px solid #e8e8e8;
	}

	/*.btn_menu_close{display:block; overflow:hidden; float:right; width:47px; height:45px; background-size:100%; text-indent:-9999px;}
.btn_menu_close span img{display: block; width: 100%;}*/
	/* 로그인 */
	.mbi_menu_header .m_menu_login {
		margin: 0;
	}

	.mbi_menu_header .m_menu_login li {
		float: left;
		font-weight: bold;
		color: #fff;
		padding: 15px 18px;
		font-size: 15px;
	}

	.mbi_menu_header .m_menu_login li:first-child {
		border-right: 1px solid #ccc;
	}

	.mbi_menu_header .m_menu_login a {
		color: #fff;
	}

	.mbi_menu_header .m_menu_login a img {
		margin-top: -2px;
		padding: 0 6px 0 0;
		display: inline-block;
		margin-right: 0 !important;
	}

	/* 로그아웃 */
	.mbi_menu_header .m_menu_logout {
		margin: 0;
	}

	.mbi_menu_header .m_menu_logout li {
		float: left;
		font-weight: bold;
		color: #fff;
		padding: 13px 15px;
		font-size: 15px;
	}

	.mbi_menu_header .m_menu_logout li:first-child {
		border-right: 1px solid #ccc;
	}

	.mbi_menu_header .m_menu_logout a {
		color: #fff;
	}

	.mbi_menu_header .m_menu_logout a img {
		margin-top: -2px;
		padding: 0 6px 0 0;
		display: inline-block;
	}
}



@media all and (max-width: 640px) {
	.ftinner {
		width: 93%;
	}

	.clause li {
		padding: 0 3px;
	}
}

@media all and (max-width: 460px) {
	.topinner h1 a {
		padding-top: 0;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#header h1 a img {
		width: 60%;
		height: auto;
	}

	.fttop .clause li {
		font-size: 12px;
	}

	address ul li {
		font-size: 13px;
	}
}