@charset "utf-8";
@import url('/cubersc/gangdong/css/fonts/GmarketSans/GmarketSans.css');
/* 초기화 */

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc !important;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc !important;
}
/* 팝업레이어 */
#hd_pop {
	z-index: 1000;
	position: relative;
	margin: 0 auto;
	width: 100%;
}

#hd_pop h2 {
	position: absolute;
	font-size: 0;
	text-indent: -9999em;
	line-height: 0;
	overflow: hidden
}

.hd_pops {
	position: fixed;
	border: 1px solid #e9e9e9;
	background: #fff
}

.hd_pops_con {
	
}

.hd_pops_footer {
	padding: 10px 0;
	background: #000;
	color: #fff;
	text-align: right
}

.hd_pops_footer button {
	margin-right: 5px;
	padding: 5px 10px;
	border: 0;
	background: #393939;
	color: #fff
}
.many-lines{
	width: 100%;
	display: block;
	height: 15px;
}
.many-lines.line-5{
	height: 5px;
}
.many-lines > div{
	float: left;
	background-color: #aaa;
	width: 20%;
	height: 100%;
}
.many-lines .line-01{
	background-color: rgba(238,204,135,1);
}
.many-lines .line-02{
	background-color: rgba(1,58,72,1);
}
.many-lines .line-03{
	background-color: #0981c6;
}
.many-lines .line-04{
	background-color: rgba(108,119,118,1);
}
.many-lines .line-05{
	background-color: #1f5a98;
}
/* 헤더 레이아웃 시작 */
#hd {
	margin: 0;
	padding: 0;
	/* position: fixed; */
	z-index: 200;
	width: 100%;
	background: #fff;
	border-bottom: 0px solid transparent;
}
#hd.scroll_active{
	border-bottom: 1px solid #ddd;
}
#hd-tnb {
	/* background: #0981c6; */
	text-align: right;
	line-height: 30px;
	font-size: 12px;
	position: absolute;
	width: 100%;
	z-index: 1;
	background-color: transparent;
	display: none;
}

#hd-tnb .hd-tnb-inner {
	width: 100%;
	height: 30px;
	margin: 0 auto;
	max-width: 1150px;
}
#hd .top-block{
	width: 100%;
	position: relative;
	background-color: #f7f8f9;
	border-bottom: 1px solid #ddd;
}
#hd .top-block .top-menu{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
#hd .top-block .top-menu ul,
#hd .top-block .top-menu ul li{
	display: inline-block;
	font-size: 0px;
}
#hd .top-block .top-menu ul li{
	position: relative;
}
#hd .top-block .top-menu ul li > a{
	height: 45px;
	line-height: 45px;
	padding: 0 23px;
	position: relative;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	display: block;
	border-right: 1px solid #ddd;
	cursor: pointer;
}
#hd .top-block .top-menu ul li:first-child > a{
	border-left: 1px solid #ddd;
}
#hd .top-block .top-menu ul li > a.on{
	background-color: #2374c0;
	color: #fff;
}
#hd .top-block .top-menu ul li > a.arrow::after{
	content: "▼";
	font-size: 10px;
	padding-left: 25px;
	vertical-align: top;
}
#hd .top-block .top-menu dl{
	position: absolute;
	width: calc(100% - 1px);
	left: 0;
	background-color: #2374c0;
	border-top: 1px solid rgba(255,255,255,.3);
	font-size: 15px;
	display: none;
	z-index:11;
}
#hd .top-block .top-menu dl dd a{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid rgba(255,255,255,.3);
	display: block;
	color: rgba(255,255,255,.8);
}
#hd .top-block .top-menu dl dd .hak_name{
	color: #fff;
	font-weight: 500;
}
#hd .top-block .top-menu dl dd a:hover{
	color: #fff;
	background-color: #1b67b2;
}
#hd .top-block .top-menu dl dd a.child::before{
	content: "·";
	padding-right: 8px;
}
#hd .top-block .top-menu dl dd:last-child a{
	border: none;
}
#hd .top-block .top-menu .right_top{
	float: right;
}
#hd .top-block .top-menu .right_top a{
	background-color: #e4e5e5;
	padding: 0 28px;
	transition: all .3s ease;
}
#hd .top-block .top-menu .right_top a.login::before{
	content: "";
	display: inline-block;
	background-image: url(/cubersc/gangdong/images/tem01/icon-top-login.png);
	width: 13px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 10px;
	vertical-align: text-top;
}
#hd .top-block .top-menu .right_top a:hover{
	background-color: #ccc;
}
#hd-tnb .hd-tnb-inner .bookmark {
	display: inline-block;
}

#hd-tnb .hd-tnb-inner .bookmark a {
	padding-right: 10px;
}

#hd-tnb .hd-tnb-inner:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#hd-tnb li {
	display: inline-block;
	padding: 0 10px;
}

#hd-tnb li a {
	color: rgba(255,255,255,.85);
}
#hd-tnb li a.lan-bt {
	width: 25px;
	height: 17px;
	background-size: 100%;
	display: block;
	font-size: 0px;
	border: 1px solid #aaa;
	opacity: .85;
	background-color: #fff;
    transition: all .2s ease;
}
#hd-tnb li a.lan-bt.kor{
	background-image: url(../img/icon_kor.jpg);
}
#hd-tnb li a.lan-bt.eng{
	background-image: url(../img/icon_eng.jpg);
}
#hd-tnb li a.lan-bt.chn{
	background-image: url(../img/icon_chn.jpg);
}
#hd-tnb li a.lan-bt.jpn{
	background-image: url(../img/icon_jpn.jpg);
}
#hd-tnb li a.lan-bt:hover{
	opacity: 1;
	border-color: #888;
}
#gd_bg {
	height: 540px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1
}

.nav {
    /* position: relative; */
    width: 100%;
    height: auto;
    max-width: 1400px;
    margin: 0 auto;
}

.nav .nav-inner {
	display: flex;
	justify-content: space-between;    
	align-items: center;
}

.nav .nav-block {
	background-color: #fff;
	flex: 1;
	display: flex;
	justify-content: space-between;
}

.nav .nav-block #navMenu {
	/*padding: 41px 0 0 28%;*/
	padding: 0 0 0 22%;
    flex: 1;
    /*justify-content: space-between;*/
	justify-content: flex-end;
    display: flex;
	font-size: 0;
	z-index: 10;
}
.nav .nav-block #navMenu > li {
    float: none;
    width: auto;
    /* position: relative; */
    display: inline-block;
    padding: 0;
    z-index: 0;
}
.nav .nav-block #navMenu > li.on {
    z-index: 1;
}
.nav .nav-block #navMenu .all-menu {
	width: 30px !important;
}

.nav .nav-block #navMenu>li>a {
	background-repeat: no-repeat;
    background-position: center left;
    font-size: 19px;
    transition: all .2s ease;
    height: auto;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #333;
    /*height: 58px;*/
	height: 100px;
	line-height: 100px;
    /* display: inline-block; */
	position: relative;
	padding: 0 30px;
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}
.nav .nav-block #navMenu>li:last-child >a{
	padding-right: 0;
}
.nav .nav-block #navMenu>li>a:hover,
.nav .nav-block #navMenu>li.on>a{
	color: #2374c0;
}
.nav .nav-block #navMenu>li>a::before{
	content: "";
	/*
	width: calc(100% + 30px);
	left: -15px;
	*/
    left: 0;
    right: 0;
	width: 90%;
	bottom: 0;
	position: absolute;
	border-bottom: 0px solid transparent;
	transition: all .3s ease;
	margin: 0 auto;
}
.nav .nav-block #navMenu>li:last-child >a::before{
	left: 0;
    right: -30px;
}
.nav .nav-block #navMenu>li>a:hover::before,
.nav .nav-block #navMenu>li.on>a::before{
	border-color: #2374c0;
	border-width: 4px;
}
.nav .nav-block #navMenu>li>a::after{
	content: "";
	background-image: url(/cubersc/gangdong/images/tem01/icon-menu-arrow.png);
	position: absolute;
	width: 14px;
	height: 10px;
	bottom: -10px;
	left: calc(50% - 7px);
	transition: all .3s ease;
	opacity: 0;
}
.nav .nav-block #navMenu>li.on>a::after{
	bottom: 4px;
	opacity: 1;
}
.nav .nav-block #navMenu>li>a>p {
	text-align: center;	
}
.nav .nav-block #navMenu>li>a>p.gnb-title-en{
	font-size: 16px;
}
/* #menuWrap{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 199;
	background-color: rgba(0,0,0,.3);
	display: none;
} */
.nav .nav-block #navMenu li.gnb_3dli a{
	font-size: 13px;
	border-top: 1px solid rgba(255,255,255,.1) !important;
	text-align: left;
	padding: 15px 5px 15px 0px !important;
	position: relative;
	opacity: .85;
	background-color: rgba(255,255,255,.17);
}
.nav .nav-block #navMenu li.gnb_3dli a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    padding: 0 5px 0 8px;
    opacity: .45;
    font-size: 9px;
}

.nav .nav-block #navMenu>li .sub_cate {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.nav .nav-block #navMenu>li a.no-link{
	background-color: #1f5a98 !important;
	cursor: default !important;
}
.nav .nav-block #navMenu>li .sub_cate::after{
	top:0;
    left:0;
    position:absolute;
    opacity:0.02 !important;
    filter:alpha(opacity=50);
    z-index:-1;
    content:"";
    width:100%;
    height:100%;
}
.nav .nav-block #navMenu li a:hover {
	cursor: pointer;
}

.nav .nav-block #navMenu .sub_cate {
	position: absolute;
	z-index: 100;
	width: 100%;
	left: 0;
	display: none;
	overflow: hidden;
}

.nav .nav-block #navMenu .sub_cate .sub-mn-box {
	display: none;
	position: absolute;
	left: 0;
	top: 11em;
	width: 100%;
	border-top: 1px solid #b5bfe1;
	box-shadow: 0 .7em 1em rgba(0, 0, 0, .04);
	z-index: 100;
	background: #fff;
	background-size: 50%;
}

.nav .nav-block #navMenu .sub_cate .sub-02box {
	position: relative;
	display: flex;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
}

.nav .nav-block #navMenu .sub_cate .sub-02box>div {
	position: relative;
	width: 325px;
	color: #174f93;
	height: 270px;
	padding-right: 97px;
	transition: all 0.5s ease
}

.nav .nav-block #navMenu .sub_cate .sub-02box>div:before {
	position: absolute;
	content: '';
	/*background-image: url(/cubersc/gangdong/images/tem01/bg-menu-img.png);*/
	background-image: url(/cubersc/gangdong/images/tem01/gnb_down_bg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	/*width: 65%;*/
	width: 100%;
	height: 100%;
	bottom: 14px;
	right: 0;
	background-size: 100%;
	z-index: 0;
}
/*.nav .nav-block #navMenu .sub_cate .sub-02box>div:after,
.nav .nav-block #navMenu>li .sub_cate::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/cubersc/gangdong/images/main/bg-head-menu.png);
    background-repeat: repeat;
    top: 0;
    left: 0;
    z-index: 0;
}*/
.nav .nav-block #navMenu .sub_cate .sub-02box>div p {
	padding: 44px 0 0;
	font-size: 24px;
	font-weight: 700;
	display: none;
}

.nav .nav-block #navMenu .sub_cate .sub-02box>div span {
	/*display: inline-block;
	font-size: 24px;
	word-break: keep-all;
	word-wrap: break-word*/
	display: none;
}

.nav .nav-block #navMenu .sub_cate .sub-mn {
	width: calc(100% - 275px);
	/*display: flex;*/
	flex-wrap: wrap;
	align-items: stretch;
	/* height: 484px; */
	height: auto;
	/* padding: 0 90px 50px .50px; */
	padding: 35px 0px 0 44px;
	background: #fff;
	/* overflow-y: auto; */
}

.nav .nav-block #navMenu .sub_cate .sub-mn>li {
	width: calc(88% / 4);
	margin-left: 30px;
	float: left;
	padding-bottom: 30px;
}

.nav .nav-block #navMenu .sub_cate .sub-mn>li>a {
	display: block;
	/* font-size: 16px; */
	font-size: 18px;
	font-weight: 500;
	position: relative;
	padding: 10px 15px;
	color: #333;
	line-height: 1.4;
	border-bottom: 1px solid #ccc;	
	min-height: 62px;
	max-height: 62px;
}

.nav .nav-block #navMenu .sub_cate .sub-mn>li>a>p.gnb-title-en {
	font-size: 16px;
}

.nav .nav-block #navMenu .sub_cate .sub-mn>li>a.active,
.nav .nav-block #navMenu .sub_cate .sub-mn>li>a:hover,
.nav .nav-block #navMenu .sub_cate .sub-mn>li:hover>a {
	color: #1b74bb;
	border-bottom: 1px solid #1b74bb;
	font-weight: 700;

}

.nav .nav-block #navMenu .sub_cate .sub-mn ul li a {
	position: relative;
	display: block;
	padding: 7px 0 0 15px;
	font-size: 18px;
	color: #555;
	line-height: 1.4;
	font-weight: 300;
}

.nav .nav-block #navMenu .sub_cate .sub-mn ul li a:before {
	position: absolute;
	left: 5px;
	top: 18px;
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: #555;
	vertical-align: top;
}

.nav .nav-block #navMenu .sub_cate .sub-mn::-webkit-scrollbar {
	width: 12px;
}

.nav .nav-block #navMenu .sub_cate .sub-mn::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .1);
	border-radius: 2em;
	background-clip: padding-box;
	border-style: 2em 0em;
	border-style: solid;
	border-color: transparent;
	transition: all 0.8s ease;
}

.nav .nav-block #navMenu .sub_cate .sub-mn::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 0, 0, .2);
}

.nav .nav-block #navMenu .sub_cate .sub-mn::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, .05);
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px white;
}

.nav .nav-block #navMenu .sub_cate .btn_nav_close {
    position: absolute;
    right: -44px;
    top: 0px;
    width: 44px;
    height: 44px;
    font-size: 0;
    background: #ccc;
    text-align: center;
    transition: all 0.4s ease;
}
.nav .nav-block #navMenu .sub_cate .btn_nav_close:hover{
	background: #888;
}
.nav .nav-block #navMenu .sub_cate .btn_nav_close::before{
	font-family: 'FontAwesome';
    content: '\f00d';
    position: relative;
    color: #fff;
    line-height: 44px;
    text-align: center;
    z-index: 1;
	font-size: 20px;
}
.nav #hdMenuRight{
	display: none;
	width: 40px;
	position: relative;
	z-index: 1;
}
.nav #hdMenuRight .menu-item{
	display: inline;
}
.nav #hdMenuRight .menu-item a{
	color: #fff;
	padding: 0 14px;
	position: relative;
}
.nav #hdMenuRight .menu-item a::after{
	content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background-color: rgba(255,255,255,1);
    right: -1px;
    top: 3px;
}
.nav #hdMenuRight .menu-item:last-child a::after{
	display: none;
}
#logo {
	display: inline-block;
	padding-right: 10px;
}
#logo img {
	padding: 0 0 0 0%;
	/* width: 100%; */
}
#logo a > span {
	font-size: 26px;
	color: #222;
	font-weight: 700;
	display: inline-block;
    vertical-align: middle;
}
/*#logo a > span:before {
	content: '';
	width: 2px;
	height: 22px;
	background-color: #cecece;
	display: inline-block;
    vertical-align: -2.5px;
    margin: 0 15px;
}*/

#logo2{
	display: none;
}
.fixed #logo{
	display: none;
}
.fixed #logo2 img {
	vertical-align: baseline;
	height: 54px;
	padding: 25px 0 0;
	transition: width .2s ease;
}

.fixed #logo2 {
	margin: 0;
	display: block;
	text-align: center;
}

.gnb-wrap {
	background: #fff
}

#hdIcon {
	position: absolute;
	right: 0;
	top: 20px;
	z-index: 1;
}

#hdIcon_left {
	position: absolute;
	left: 0;
	top: 0;
}

#hdIcon:after, #hdIcon_left:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#hdIcon li, #hdIcon_left li {
	float: left;
	position: relative
}

#hdIcon li a, #hdIcon li button, #hdIcon_left li a, #hdIcon_left li button {
    background: none;
    border: 0;
    display: inline-block;
    width: auto;
    text-align: center;
    font-size: 28px;
    vertical-align: top;
    height: 53px;
}

#hdIcon li button,
#hdIcon_left li button,
#hdIcon li a,
#hdIcon_left li a {
	padding: 10px 0;
	color: #fff;
}
#hdIcon li:first-child button{
	margin-right: 25px;
}
#hdIcon a .cart-count, #hdIcon_left a .cart-count {
	position: absolute;
	top: 20px;
	right: 0;
	height: 13px;
	line-height: 13px;
	background: #000;
	color: #fff;
	font-size: 10px;
	border-radius: 7px;
	padding: 0 3px;
}
/* 헤더 레이아웃 끝 */

/*모바일 메뉴 시작*/
#category {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

#category .tabsTit {
	border-bottom: 1px solid #ddd;
	margin: 20px 20px 0
}

#category .tabsTit:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#category .tabsTit li {
	float: left;
	text-align: center;
	width: 50%;
	line-height: 30px;
	color: #C3C3C3;
	border-bottom: 3px solid #fff;
	text-transform: uppercase;
	cursor: pointer
}

#category .tabsTit .tabsHover {
	border-color: #000;
	color: #000;
	font-weight: 400;
}

#category h2 {
	position: absolute;
	font-size: 0;
	text-indent: -9999em;
	line-height: 0;
	overflow: hidden;
	background: transparent
}
#siteTit h1 a > img {
	padding: 0 0 0 0%;
    /* width: 100%;*/
}
#siteTit h1 a > span {
    font-size: 26px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}
/*#siteTit h1 a > span:before {
    content: '';
    width: 2px;
    height: 22px;
    background-color: #cecece;
    display: inline-block;
    vertical-align: -2.5px;
    margin: 0 15px;
}*/
#allCategory{
	width: 1400px;
    min-height: 200px;
    background-color: #fff;
    position: relative;
	font-size: .6em; 
	/* border-radius: 25px; */
}
#siteTit {
	display: block;
	background-color: #2374c0;
	padding: 0 20px;
	position:relative;
	min-height: 80px;
    display: flex;
    align-items: center;
}
#siteMap {
	display: block;
	/* max-height: calc(100vh - 105px); */
	height: auto;
	/* padding: 50px;
    overflow-y: auto; */
}
#siteBtnBox{
	width: 100%;
    display: none;
    padding: 10px 0;
}
#siteBtnBox > div{
    display: flex;
    justify-content: space-between;
    flex: 1;
}
#siteBtnBox a{
	display: inline-block;
    border: 2px solid #1458b4;
    padding: 10px;
    font-size: 17px;
    border-radius: 10px;
    width: 100%;
    text-align: center;
    color: #1458b4;
    margin: 0 10px 0 0;
}
.all-nav-box {
	/* overflow-y: auto;
		height: calc(100% - 8em); 
		margin-right: -3em;
		padding-right: 3em;
		max-height: 600px;
	 */
}

#allCategory .first>a {
	color: #333;
	font-weight: 700;
	font-size: 16px;
	display: block; 
	width: 100%;
	padding: 18px 20px;
}
/* #allCategory .first>a {
	width: 12em;
	line-height: 3em;
	font-size: 2.2em;
	color: #fff;
	text-align: center;
	font-weight: 400;
	background: #1458b4;
	border-radius: .6em;
	margin-right: 4.5em;
	transition: all .5s
} */

#allCategory .sub-mn-box {
	flex: 1;
	display:none;
	/* border-top: .1em solid #dbdbdb */
}

#allCategory .sub-mn-box>div {
	display: none
}

#allCategory .sub-mn {
	/* display: none; */
	/* display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	padding: 2.5em 2.5em 0 */
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 22px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background-color: #f1f1f1;
}

#allCategory .sub-mn>li {
	width: calc(100% / 4);
	/* margin-bottom: 4em; */
}

#allCategory .sub-mn>li>a {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	padding-top: 22px;
	
	/*
	font-size: 1.8em;
	color: #0981c6;
	 margin-bottom: 2em */
}

#allCategory .sub-mn ul.sitemapDp3{
	background-color: #fff;
	border-radius: 10px;
	margin-top: 16px;
	padding: 0px 28px;
	display: none;
}
#allCategory .sub-mn ul.sitemapDp3 > li+li{
	border-top: 1px solid #e5e5e5;
}
#allCategory .sub-mn ul a {
	position: relative;
	display: block;
	padding: 15px 0;
	padding-left: 16px;
	/* margin-bottom: 1.5em; */
	font-size: 16px;
	color: #333;
}

#allCategory .sub-mn ul a:before {
	position: absolute;
    left: 4px;
    /* top: 50%; */
    top: 23px;
    content: '';
    width: 2px;
    height: 2px;
    background-color: #333;
    border-radius: 50%;
}

#searchBox{
	max-width: 500px;
    min-height: 100px;
    position: relative;
	border-radius: 25px;
	width: 100%;
}
#searchForm{
	display: flex;
	width: 100%;
}
#searchBlock h1{
	color: #1b74bb;
	display: block;
	text-align: center;
	font-size: 25px;
	padding: 0 0 10px;
}
#searchBlock .search_area.search_text > input[name="searchText"]{
	border: 2px solid #1b74bb;
	display: block;
	width: 100%;
	height: 60px;
	max-width: 438px;
}
#searchBlock .search_area.search_bt #summit{
	width: 62px;
	height: 60px;
	background-color: #1b74bb;
	display: block;
	background-image: url(/cubersc/gangdong/images/sub_ipsi01/icon_search.png);
	background-repeat: no-repeat;
	background-position: center;
}
#searchBlock .search_tag{
	padding: 10px 0;
}
#searchBlock .search_tag span{
	padding: 10px 10px 0 0;
}
#searchBlock .search_tag span::before{
	content: "#";
}
.cate_bg {
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0, 0, 0, 0.76);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000
}

.ct_wr {
	width: 80%;
	height: 100%;
	overflow-y: auto;
	position: absolute;
	top: 0;
	left: -80%;
	z-index: 1002;
	background: #f4f4f4;
	transition: all 0.3s ease;
}
.ct_wr.animate-left{
	left: 0;
	transition: all 0.3s ease;
}
#category ul.cate {
	text-align: left;
	font-family: 'Pretendard', sans-serif;
}

#category ul.cate>li {
	line-height: 65px;
	/* border-bottom: 1px solid rgba(0, 0, 0, 0.15); */
}

#category ul.cate li {
	position: relative;
	font-size: 15px;
}

#category ul.cate li a {
	color: #454545;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-right: 30px;
	padding-left: 10px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 17px;
	border-bottom: 1px solid #ddd;
}
#category ul.sub_cate li.gnb_2dli {
}
#category ul.sub_cate li.gnb_2dli a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138";
	padding: 0 5px 0 8px;
	opacity: .45;
}
#category ul.sub_cate li.gnb_3dli a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0da";
	padding: 0 5px 0 25px;
	opacity: .45;
}
#category ul.cate li .ct_op {
	display: inline-block;
	overflow: hidden;
	font-size: 0px;
	/*background: url('../img/cate-bg.png') no-repeat 50% 27px;*/
	background-color: transparent;
	height: 45px;
	width: 45px;
	position: absolute;
	top: 10px;
	right: 0;
	border: none;
	transition: all 0.3s ease;
}
#category ul.cate li .ct_op::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
	font-size: 25px;
	color: #888;
}
#category ul.cate li .ct_cl {
	background-position: 50% -20px
}
#category ul.cate li .ct_op.ct_cl{
	transform: rotate(90deg);
}
#category ul.sub_cate {
	display: none;
	background: rgba(0,0,0,0.08);
}

#category ul.sub_cate li {
	border-bottom: 1px solid rgba(255,255,255,0.15);
}
#category ul.sub_cate li:last-child {
	border-bottom: none;
}

#category ul.sub_cate li a {
	color: #777;
	font-size: 1em;
	margin-right: 5px;
}

.ct_bl {
	display: inline-block;
	background: #999;
	width: 6px;
	height: 6px
}

#category ul.sub_cate2 li {
	text-indent: 15px
}

#category ul.sub_cate3 li {
	text-indent: 30px;
}

#category ul.sub_cate4 li {
	text-indent: 45px;
}

.category_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border: 0;
    z-index: 1005;
    font-size: 0px;
    color: #ddd;
    background-color: transparent;
    background-image: url(../img/close-bt.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
#category .hd-tnb-inner{
	width: 100%;
	display: inline-block;
	padding: 5% 15%;
}
#category .hd-tnb-inner li{
	width: 33.33%;
	float: left;
	text-align: center;
}
#category .hd-tnb-inner li a{
    width: 40px;
    height: 27px;
    background-size: 100%;
    display: block;
    font-size: 0px;
    border: 1px solid #aaa;
    opacity: .85;
    background-color: #fff;
    transition: all .2s ease;
    margin: 0 auto;
}
#category .hd-tnb-inner li a.lan-bt.kor {
    background-image: url(../img/icon_kor.jpg);
}
#category .hd-tnb-inner li a.lan-bt.eng {
    background-image: url(../img/icon_eng.jpg);
}
#category .hd-tnb-inner li a.lan-bt.chn {
    background-image: url(../img/icon_chn.jpg);
}
#category .hd-tnb-inner li a.lan-bt.jpn {
    background-image: url(../img/icon_jpn.jpg);
}
.category_close:hover {
	opacity: 1;
}

/* 중간 레이아웃 */
h1#listtype-title {
	/*font-size: 2.5em;*/
	
}

#container {
	position: relative;
	width: 100%;
	/* text-align: center; */
	background: #fff;
}

#container:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#container_wr {
	position: relative;
	margin: 0 auto;
}

#container_wr:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#container_bg {
	height: 300px;
	background-color: #65a1b5;
	position: relative;
	background-position: bottom center;
}
#container_bg .container_sub{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}
#container_bg .container_sub .text-block {
    display: block;
    position: absolute;
    right: 0px;
    color: #fff;
    top: 0px;
    width: 100%;
    text-align: center;
}
#container_bg .container_sub .titleCell{
    /*padding-top: 150px;*/
}

#container_bg .container_sub h1{
    color: rgba(255, 255, 255, 1);
    font-size: 48px;
    font-family: "Pretendard", serif;
    letter-spacing: 0px;
    line-height: 100%;
    position: relative;
    padding: 180px 0 10px;
    text-transform: capitalize;
    font-weight: 300;
    text-shadow: 2px 2px 2px #000000;
}

#container_bg .container_sub h3{
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 100%;
    position: relative;
    display: none;
}

#container_bg .container_sub h1.font-playfair{
	font-family:"Playfair Display", serif;
}
#container_bg .container_sub h3.font-up{
    font-size: 30px;
}
#container_bg .container_sub img{
    display: inline-block;
    vertical-align: top;
}
#container_bg .container_sub span {
    display: block;
    padding: 15px 0 0;
    font-weight: 400;
    font-size: 15px;
    opacity: 0.9;
    width: 100%;
    letter-spacing: -0.03em;
}


#container_s {
	max-width: 1400px;
	margin: 0 auto;
	padding: 10px 0;
}
#container_s.sub-fullwidth {
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0 0;
}
.ct_bg {
	background: #efefef;
	height: 98%;
	width: 100%;
	position: absolute;
	top: 225px
}

div.location1 {
	font-family: "돋움";
	font-size: 12px;
	display: block;
	text-align: left;
	font-weight: 300;
	color: #8b8b8b;
	padding: 30px 0 20px;
	border-bottom: 1px solid #b6b6b6;
}

div.location1>span {
	padding: 0 10px;
}

div.location1>b {
	color: #000;
	font-weight: 300;
}


#idx_hot .con_tit a {
	background-color: #f6f7f5;
}

.con_tit:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#idx_wp_section {
	position: relative;
}

#color-box-block {
	position: relative;
    display: inline-block;
    width: 100%;
}
#color-box-block .line{
	background-color: rgba(14,12,17,.7);
	display: block;
	width: 100%;
	height: 205px;
	position: absolute;
	top: 20%;
}
#color-box-block .color-box{
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
	position: relative;
}
#color-box-block .color-box .item{
	/*float: left;
	width: 20%;*/
	position: relative;
	height: 370px;
}
#color-box-block .color-box .item > div{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 0;
	cursor: pointer;
}
#color-box-block .color-box .item.s1 > div{
	background-color: rgba(238,204,135,1);
}
#color-box-block .color-box .item.s2 > div{
	background-color: rgba(1,58,72,1);
}
#color-box-block .color-box .item.s3 > div{
	background-color: #0981c6;
}
#color-box-block .color-box .item.s4 > div{
	background-color: rgba(108,119,118,1);
}
#color-box-block .color-box .item.s5 > div{
	background-color: rgba(172,171,159,1);
}
#color-box-block .color-box .item.s6 > div{
	background-color: #1f5a98;
}
#color-box-block .color-box .item.slick-center > div{
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#color-box-block .color-box .item > div > i{
	width: 100%;
	height: 132px;
	position: relative;
	display: block;
	margin: 30% 0 10px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .15;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.item.s1 > div > i{
	background-image: url(../img/main-pt-01.png);
}
.item.s2 > div > i{
	background-image: url(../img/main-pt-02.png);
}
.item.s3 > div > i{
	background-image: url(../img/main-pt-03.png);
}
.item.s4 > div > i{
	background-image: url(../img/main-pt-04.png);
}
.item.s5 > div > i{
	background-image: url(../img/main-pt-05.png);
}
.item.s6 > div > i{
	background-image: url(../img/main-pt-06.png);
}
#color-box-block .color-box .item.slick-center > div > i{
	opacity: .85;
	margin: 13% 0 10px;
	webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.item h2.item-text{
	text-align: center;
	font-size: 21px;
	color: rgba(255,255,255,.65);
	padding: 10%;
	font-weight: 200;
	font-family: 'NanumSquare', sans-serif;
}
.item.slick-center h2.item-text{
	color: rgba(255,255,255,1);
	font-weight: 700;
	webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.color-box .slick-dots li button:before
{
    font-size: 0px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    border: 4px solid #aaa;
    background-color: transparent;
    border-radius: 20px;
}
.color-box .slick-dots li.slick-active button:before
{
    opacity: 1;
    color: black;
    width: 70px;
    border: 10px solid #aaa;
    background-color: #aaa;
	webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}
.color-box .slick-dots li.slick-active{
    width: 70px;
	webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}
.color-box .slick-dots {
    bottom: -50px;
}
.color-box .item span{
	display: block;
	padding: 0 5%;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	opacity: 0;
    letter-spacing: -0.02em;
    text-align: justify;
	webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.color-box .item.slick-center span{
	opacity: 1;
	webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#idx_wp_section:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}
#mainArea .main-text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 300px;
    z-index: 90;
}
#mainArea .main-text img{
	height: 100%;
}
#mainArea .main-text.mobile-size{
	height: 120px;
}
#idx_wp_section .idx_section_inner {
	/*max-width: 1296px;*/
	margin: 0 auto
}

#idx_wp_section .idx_section_outer {
	/*background-color: #0064a4;*/
	background-color: #008ac2;
	width: 100%;
}

#idx_wp_section .idx_section_outer .text-block {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	color: #fff;
	text-align: justify;
	font-size: 17px;
	padding: 15px 0;
	display: block;
	text-align: center;
}

#idx_wp_section .idx_section_outer .text-block h1 {
	font-size: 25px;
	font-weight: 300;
}

#idx_wp_section .idx_section_outer .text-block h1 strong {
	font-size: 35px;
	font-weight: 600;
	padding: 0 0 0 9px;
}

#idx_bn_right {
	float: left
}

#idx_bn_right:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#idx_bn_bottom {
	margin-top: 20px;
}

.shop-main {
	width: 300px;
	background: #fff
}

.idx_section:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.content_box, #idx_shop, #idx_hot>div, .idx_contents {
	margin: 0 auto;
}

.section_block {
	width: 100%;
	position: relative;
}

.section_block.board_sec{
	padding: 120px 0 135px;
}
.section_block.service_sec{
	padding: 95px 0 130px;
}
.section_block.board_sec .cont_block,
.section_block.service_sec .cont_block,
.section_block.quick_sec .cont_block{
	width: 100%;
	position: relative;
	display: flex;
}
.section_block.board_sec .cont_block,
.section_block.service_sec .cont_block{
	flex-direction: column;
}
.section_block.tile_sec{
	background-image: url(/cubersc/gangdong/images/tem01/menu_bg.png);
	height: 620px;
	background-size: cover;
	background-position: center;
}
.section_block.board_sec .content_box::before{
	content: "";
	position: absolute;
	left: -122px;
	width: 14px;
	height: 135px;
	top: calc(50% - 62px);
	background-image: url(/cubersc/gangdong/images/tem01/bg-board-left.png);
	display: block;
}
.section_block.board_sec .content_box::after{
	content: "";
	position: absolute;
	right: -122px;
	width: 14px;
	height: 135px;
	top: calc(50% - 62px);
	background-image: url(/cubersc/gangdong/images/tem01/bg-board-left.png);
	display: block;
	transform: rotate(180deg);
}
.section_block.service_sec .content_box::before{
	content: "";
	position: absolute;
	left: -122px;
	width: 14px;
	height: 158px;
	top: calc(50% - 79px);
	background-image: url(/cubersc/gangdong/images/tem01/bg-service-left.png);
	display: block;
}
.section_block.service_sec .content_box::after{
	content: "";
	position: absolute;
	right: -122px;
	width: 14px;
	height: 158px;
	top: calc(50% - 79px);
	background-image: url(/cubersc/gangdong/images/tem01/bg-service-left.png);
	display: block;
	transform: rotate(180deg);
}
.section_block.tile_sec .cont_block{
	display: flex;
	height: 100%;
	justify-content: space-between;
}
/* .section_block.quick_sec {
    padding: 145px 0 0;
} */
.section_block .flex_block {
	display: flex;
	position: relative;
	padding: 0;
	padding: 75px 0 0;
	justify-content: space-between;
}

.section_block.main_visual_sec .content_box {
	position: absolute;
    max-width: unset;
    top: 0;
}
.section_block.main_visual_sec .content_box .cont_block{
	max-width: 1400px;
    position: relative;
    margin: 0 auto;
}

.section_block.calendar_sec {
    background: #1b74bb;
	padding: 50px 0 37px;
}

.section_block.calendar_sec::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(/cubersc/gangdong/images/main/bg-head-menu.png);
	background-repeat: repeat;
	top: 0;
	left: 0;
	z-index: 0;
}

.section_block.calendar_sec .content_box.title_block::after{
	content: "";
	position: absolute;
	left: -275px;
	width: 261px;
	height: 212px;
	top: 12px;
	background-image: url(/cubersc/gangdong/images/ipsi/bg-calendar-left.png);
	display: block;
}
.section_block.icon_block{
	background-color: rgba(0,0,0,.65);
	bottom: 0;
    position: absolute;
    display: block;
    z-index: 100;
}
.section_block.icon_block .icon-area{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.section_block.icon_block .icon-area ul{
	width: 100%;
}
.section_block.icon_block .icon-area ul li{
	float: left;
	width: 14.285%;
	text-align: center;
}
.section_block.icon_block .icon-area ul li a{
	padding: 10px;
	display: block;
	color: #fff;
	cursor: pointer;
    webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.section_block.icon_block .icon-area ul li a i{
	width: 100%;
	height: 80px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
}
.section_block.icon_block .icon-area ul li a.icon-01 i{
	background-image: url(../img/icon-01.png);
}
.section_block.icon_block .icon-area ul li a.icon-02 i{
	background-image: url(../img/icon-02.png);
}
.section_block.icon_block .icon-area ul li a.icon-03 i{
	background-image: url(../img/icon-03.png);
}
.section_block.icon_block .icon-area ul li a.icon-04 i{
	background-image: url(../img/icon-04.png);
}
.section_block.icon_block .icon-area ul li a.icon-05 i{
	background-image: url(../img/icon-05.png);
}
.section_block.icon_block .icon-area ul li a.icon-06 i{
	background-image: url(../img/icon-06.png);
}
.section_block.icon_block .icon-area ul li a.icon-07 i{
	background-image: url(../img/icon-07.png);
}
.section_block.icon_block .icon-area ul li a:hover{
	background-color: #1f5a98;
}
.section_block.social_sec {
	padding: 80px 0 120px 0;
}
.section_block.social_sec .flex_block{
	padding: 0;
}
.section_block.social_sec .flex_block .idx_contents {
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 1;
}
.section_block.social_sec .flex_block .idx_contents{
	border-radius: 10px;
    overflow: hidden;
}
.section_block.social_sec .flex_block .idx_contents.video_zone{
	max-width: 692px;
	margin: 0;
	width: 51%;
}
.section_block.social_sec .flex_block .idx_contents.banner_zone,
.section_block.social_sec .flex_block .idx_contents.sns_zone{
	margin: 0;
	background-color: #fff;
	margin-left: 1.1%;
	max-width: 338px;
	width: 25%;
}
.section_block.social_sec .flex_block .idx_contents.banner_zone{
	background: #8db9dd;
    background: linear-gradient(180deg, #8db9dd 0%, #bed79b 100%);
	/*
	border: 15px solid transparent;
    background-image: linear-gradient(#fff, #fff), 
    linear-gradient(to top,  #8db9dd 0%, #bed79b 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
	*/
}
.section_block.social_sec .flex_block .idx_contents.sns_zone{
	border: 1px solid #ccc;
}

.content_box{
	display: block;
	width: 100%;
	position: relative;
	z-index: 2;
	/* max-width: 1400px; */
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0;
	height: 100%;
}
.content_box02{
	max-width: 1400px;
}
.tit-line{
	color: #333;
    border-bottom: 1px solid #333;
    display: inline-block;
    margin: 70px 0 4px 0;
    font-weight: 300;
    padding: 0 12px 0 0;
    height: 29px;
}
.tit-big{
	font-size: 36px;
	color: #333;
	padding: 0 0 30px 0;
	line-height: 44px;
	display: inline-block;
	font-weight: 100;
}
.tit-small{
	font-size: 16px;
	color: #2374c0;
	line-height: 30px;
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 700;
}
.tit-mid{
	font-size: 30px;
	color: #333;
	padding: 0 0 30px 0;
	line-height: 35px;
	display: inline-block;
}
.tit-gm{
	font-family: GmarketSans;
}

.content_box .desc_block.tit_box{
	padding-top: 20px;
	padding-bottom: 83px;
	width: 100%;
	text-align: center;
}
.tit_block{
	display: inline-block;
	background-color: #f1f5f9;
	padding: 0 70px 0 20px;
	border-radius: 30px;
	position: relative;
}
.tit_block .top_tit{
	display: flex;
	justify-content: center;
}
.tit_block .top_tit a{
	padding: 0 30px;
	color: #666;
	display: inline-block;
	position: relative;
	transition: all .3s ease;
}
.tit_block .top_tit a.on{
	padding: 0 60px;
}
.tit_block .top_tit a span{
	position: relative;
	font-size: 24px;
	color: #bac4ce;
	z-index: 1;
	line-height: 60px;
	transition: all .3s ease;
}
.tit_block .top_tit a:hover span{
	color: #2374c0;
	font-weight: 700;
}
.tit_block .top_tit a.on span{
	font-weight: 700;
	color: #fff;
	font-size: 24px;
	z-index: 1;
}

.tit_block .top_tit a::before{
	content: "";
	background-color: transparent;
	position: absolute;
	width: calc(100%);
	height: calc(100% + 10px);
	left: 0px;
	z-index: 0;
	top: -5px;
	border-radius: 50px;
	transition: all .3s ease;
}
.tit_block .top_tit a.on::before{
	background-color: #2374c0;
}
.tit_block .top_tit a::after{
	content: "";
	background-image: url(/cubersc/gangdong/images/tem01/icon-board-arrow.png);
	width: 20px;
	height: 14px;
	position: absolute;
	bottom: -27px;
	left: calc(50% - 10px);
	opacity: 0;
	transition: all .3s ease;
}
.tit_block .top_tit a.on::after{
	opacity: 1;
}
.tit_block .list-more{
	position: absolute;
	width: 60px;
	height: 60px;
	display: block;
	right: 0;
	background-color: #bac4ce;
	border-radius: 100%;
	top: 0;
}
.tit_block .list-more::before{
	font-family: 'FontAwesome';
    content: '\f067';
    position: absolute;
    color: #fff;
    line-height: 60px;
	font-size: 20px;
    text-align: center;
    z-index: 1;
    width: 60px;
	right: 0;
	transition: all .3s ease;
}
.tit_block .list-more:hover::before{
	transform: rotate(180deg);
}
.content_box .button_block{
	position: relative;
	font-size: 0px;
	display: flex;
}
.board_sec .content_box .button_block{
	position: absolute;
	right: 0;
	top: 18px;
	width: 161px;
	background-color: #fff;
}
.content_box .button_block > a{
	position: relative;
	width: 40px;
	height: 40px;
	display: flex;
	vertical-align: middle;
	/* margin-left: 7px; */
	cursor: pointer;
	font-size: 17px;
	flex: 1;
	justify-content: flex-start;
}
.content_box .desc_block {
	width: 150px;
	display: inline-block;
}
.content_box .button_block.button_right > a{
	position: relative;
	display: flex;
	vertical-align: middle;
	/* margin-left: 7px; */
	cursor: pointer;
	font-size: 17px;
	flex: 1;
	justify-content: flex-end;
}
.content_box .button_block > a::before {
    font-family: 'FontAwesome';
    content: '\f104';
    position: absolute;
    color: #a1a2a3;
    line-height: 40px;
    text-align: center;
    z-index: 1;
    width: 40px;
}
.content_box .button_block.button_right > a::before {
    font-family: 'FontAwesome';
    content: '\f104';
    position: absolute;
    color: #a1a2a3;
    line-height: 40px;
    text-align: center;
    z-index: 1;
    width: 40px;
	right: 0;
}
.content_box .button_block.button_right.button_big > a::before {
    color: #fff;
    line-height: 50px;
    width: 50px;
}
.content_box .button_block > a.swiper-next::before{
    content: '\f105';
}
.content_box .button_block > a.list-more::before{
    content: '\f067';
}
.content_box .button_block > a.weget-more::before{
	font-family: "Font Awesome 5 Free";
    content: '\f009';
	font-weight: 900;
}
.content_box .button_block > a::after {
	content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid #a1a2a3;
    border-radius: 5px;
}
.content_box .button_block > a:hover::before {
    color: #fff;
}
.content_box .button_block > a:hover::after {
	content: '';
	position: absolute;
	border: 1px solid #2374c0;
	background-color: #2374c0;
}

.content_box .button_block.button_big > a{
	width: 50px;
	height: 50px;
}
.content_box .button_block.button_big > a::after {
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 0;
}
.content_box .button_block.button_big > a:first-child:after{
	border-radius: 5px 0 0 5px;
	border-right: none;
}
.content_box .button_block.button_big > a:last-child:after{
	border-radius: 0 5px 5px 0;
	border-left: none;
}
.content_box .button_block.button_big > a:hover::before {
    color: #1b74bb;
	transition: all 0.3s ease;
}
.content_box .button_block.button_big > a:hover::after {
    background-color: #fff;
	transition: all 0.3s ease;
}
.content_box .button_etc_block{
	padding: 14px 0 0;
}
.content_box .button_etc_block a{
	border: 1px solid #2374c0;
	display: inline-block;
	padding: 16px 36px;
	color: #2374c0;
}
.content_box .button_etc_block a:hover{
	background-color: #2374c0;
	color: #fff;
    transition: all 0.3s ease;
}
.content_box .idx_new {
	float: none;
	text-align: center;
}

.content_box .idx_left {
	width: 100%;
	float: left;
	max-width: 670px;
}
.content_box .sec_top_box{
	position: relative;
	display: block;
}

/* depart_sec 시작 */
.depart_sec .sec_top_box{
	padding: 0 0 24px;
	text-align: center;
}
.depart_sec .sec_top_box::before{
	content: "";
	width: 177px;
	height: 153px;
	position: absolute;
	left: 20%;
	bottom: -45px;
	background-image: url(/cubersc/gangdong/images/ipsi/img-depart-middle.png);
	display: block;
	transition: all .3s ease;
}
.depart_sec .sec_top_box .tit-big{
	padding: 0;
}
.depart_sec .sec_top_box p{
	color: #666;
}
ul.depart_list{
	display: block;
	width: 100%;
	min-height: 205px;
}
ul.depart_list li a{
	line-height: 40px;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #eee;
	text-align: left;
	padding: 0 30px 0 16px;
	display: block;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
ul.depart_list li a::after{
	content: "";
	width: 14px;
	height: 14px;
	position: absolute;
	right: 16px;
	top: calc(50% - 7px);
	background-image: url(/cubersc/gangdong/images/ipsi/icon-depart-home-link.png);
	display: block;
}
ul.depart_list li a:hover{
	background-color: #eee;
	transition: all .3s ease;
	border-radius: 10px;
}
#departSwiper .swiper-slide {
	padding: 0 0 20px;
}
#departSwiper .swiper-slide>div {
    transition: margin .3s ease;
    margin: 0 8px 85px 0;
    box-shadow: 4px 4px 8px 0px rgb(0 0 0 / 10%);
}
#departSwiper .swiper-slide.swiper-slide-active>div{
	margin: 76px 8px 0 0;
}
#departSwiper .swiper-slide.swiper-slide-prev>div,
#departSwiper .swiper-slide.swiper-slide-next>div{
	margin: 38px 8px 38px 0;
}
#departSwiper .swiper-slide .img_block{
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}
#departSwiper .swiper-slide .img_block > img{
	width: 100%;
}
#departSwiper .swiper-slide .text_block{
	position: relative;
	background-color: #fff;
	width: 100%;
	padding: 16px 16px 0 16px;
}
#departSwiper .swiper-slide .text_block h1{
	color: #333;
	font-weight: 600;
	font-size: 24px;
	padding: 6px 0 14px;
}
#departSwiper .swiper-slide .text_block p{
	font-size: 16px;
	color: #666;
	height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.depart_sec .swiper-paging{
	width: 200px;
    display: flex;
    justify-content: space-around;
	display: none;
}

.depart_sec .swiper-pagination-bullet{
	width: 15px;
    height: 15px;
    display: block;
    border-radius: 100%;
    border: 3px solid #bbb;
    background-color: transparent;
}
.depart_sec .swiper-pagination-bullet-active {
    opacity: 1;
    background: #2071b8;
    border: 3px solid #2071b8;
}
/* depart_sec 끝 */

/* board_sec 시작 */
.board_sec .tit-big{
	background-color: #fff;
	padding-right: 44px;
}
.board_sec .content_box .desc_block p.desc{
	color: #333;
	padding: 40px 0 50px;
}
#boardSwiper {
	width: 100%;
	display: inline-block;
	padding-bottom: 10px;
	min-height: 286px;
}
#boardSwiper .swiper-slide a.item_wrap{
	display: block;
	width: calc(100% - 1px);
	margin-left: 1px;
	background-color: #fff;
	border: 2px solid #cecece;
	border-radius: 20px;
	position: relative;
	color: #333;
}
#boardSwiper .swiper-slide .item_wrap::after{
	content: "";
	padding-bottom: calc(280 / 320 * 100%);
	display: block;
}
#boardSwiper .swiper-slide a.item_wrap:hover{
	background-color: #fff;
	border: 2px solid #1b74bb;
	box-shadow: 4px 4px 8px 0px rgb(0 0 0 / 10%);
	transition: all .3s ease;
}
#boardSwiper .swiper-slide .text_block{
	text-align: left;
	font-weight: 600;
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	position: absolute;
	width: 70%;
	left: 15%;
	top: 20%;
	line-height: 30px;
}
#boardSwiper .swiper-slide .date{
	font-size: 18px;
	position: absolute;
	width: 50%;
	text-align: left;
	bottom: 20%;
	left: 50%;
	color: #999;
}
#boardSwiper .swiper-slide .date::before{
	content: "";
	background-image: url(/cubersc/gangdong/images/tem01/icon-board-clock.png);
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 7px;
}
/* board_sec 끝 */
/* introBox 시작 */

.content_box #introBox{
	width: 67.71%;
	display: inline-block;
	max-width: 740px;
	padding-top: 7px;
	position: relative;
}
.content_box #introBox .swiper-slide{
	text-align: left;
}
.content_box #introBox .swiper-slide h1{
	font-size: 36px;
	color: #333;
	font-weight: 700;
	padding-bottom: 24px;
	word-break: keep-all;
}
.content_box #introBox .swiper-slide .text_block{
	width: 100%;
}
.content_box #introBox .swiper-slide p{
	font-size: 18px;
	color: #999;
	line-height: 24px;
	max-width: 554px;
	height: 85px;
	word-break: keep-all;
}
#introBox .swiper-pagination{
	left: 0;
	bottom: 0;
	height: 12px;
}
#introBox .swiper-pagination .swiper-pagination-bullet{
	border: 2px solid #cecece;
	background-color: #fff;
	width: 10px;
	height: 10px;
}
#introBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #cecece;
}
/* introBox 끝 */
/* quick_sec 시작 */
.quick_sec .content_box{
	padding: 63px 0 60px;
	background-image: url(/cubersc/gangdong/images/tem01/icon-quick-middle.png);
	background-position: 63% 30px;
	background-repeat: no-repeat;
}
.quick_sec .circle_box i{
	background-color: #2374c0;
	width: 100px;
	height: 100px;
	display: flex;
	border-radius: 100%;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	position: relative;
}
.quick_sec .circle_box i::before{
	content: "GDU";
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	font-style: normal;
}
.quick_sec .circle_box i::after{
	content: "";
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	top: 50%;
	left: 0;
	border: 1px solid #2374c0;
	position: absolute;
	display: block;
	border-radius: 100%;
	z-index: -1;
}
.content_box #quickMenuBox{
	width: 100%;
	display: flex;
	max-width: 512px;
	background-color: #2374c0;
	height: 200px;
	border-radius: 20px 20px 0 0;
	position: absolute;
	top: -200px;
	right: 0;
}
.content_box #quickMenuBox::before{
	content: "";
    position: absolute;
    width: 148px;
	height: 20px;
    right: 20px;
    top: -18px;
	background-image: url(/cubersc/gangdong/images/tem01/bg-quick-menu-top.png);
}
.content_box #quickMenuSwiper{
	width: 100%;
	margin: 0 35px;
}
.content_box #quickMenuBox .text_block{
	padding: 0px;
	text-align: center;
	color: #fff;
}
.content_box #quickMenuBox .text_block p{
	font-size: 16px;
}
.content_box #quickMenuBox .text_block i{
	width: 95px;
	height: 95px;
	display: block;
    margin: 0 auto;
    border-radius: 20px;
    transition: all 0.6s ease;
	position: relative;
}
.content_box #quickMenuBox .swiper-slide .text_block i::before{
	content: "";
	background-position: center;
	background-repeat: no-repeat;
	width: 95px;
	height: 95px;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.content_box #quickMenuBox .swiper-button-next, 
.content_box #quickMenuBox .swiper-button-prev{
	height: 20px;
	top: calc(50% + 20px);
}
.content_box #quickMenuBox .swiper-button-prev{
	left: 0;
}
.content_box #quickMenuBox .swiper-button-next{
	right: 0;
}
.content_box #quickMenuBox .swiper-slide .text_block.quick-01 i::before{
	background-image: url(/cubersc/gangdong/images/tem01/icon-quick-menu-01.png);
}
.content_box #quickMenuBox .swiper-slide .text_block.quick-02 i::before{
	background-image: url(/cubersc/gangdong/images/tem01/icon-quick-menu-02.png);
}
.content_box #quickMenuBox .swiper-slide .text_block.quick-03 i::before{
	background-image: url(/cubersc/gangdong/images/tem01/icon-quick-menu-03.png);
}
#quickMenuBox .quick_bottom{
	position: absolute;
	bottom: -84px;
	border: 3px solid #2374c0;
	border-top: none;
	border-radius: 0 0 20px 20px;
	height: 84px;
	width: 100%;
	background-color: #fff;
	display: flex;
	justify-content: center;
    flex-direction: column;
}
#quickMenuBox .quick_bottom .location_block{
	display: flex;
	width: 100%;
	justify-content: space-around;
}
#quickMenuBox .quick_bottom .location_block h2{
	display: flex;
	line-height: 34px;
}
#quickMenuBox .quick_bottom .location_block h2::before{
	content: "";
	width: 34px;
	height: 34px;
	border: 1px solid #cecece;
	border-radius: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 12px;
	display: inline-block;
}
#quickMenuBox .quick_bottom .location_block h2.ho_sil::before{
	background-image: url(/cubersc/gangdong/images/tem01/icon-quick-location.png);
}
#quickMenuBox .quick_bottom .location_block h2.tel_number::before{
	background-image: url(/cubersc/gangdong/images/tem01/icon-quick-tel.png);
}
/* quick_sec 끝 */
/* popup_zone 시작 */
#popupBlock{
	position: relative;
}
/*
#popupBlock::after{
	content: "";
	position: absolute;
	background-color: rgba(0,0,0,.3);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
*/
#popupSwiper{
	margin: 0;
	width: 100%;
	position: relative;
}
#popupSwiper .swiper-slide .img_block{
	background-size: 100%;
	background-position: center;
	width: 100%;
	min-height: 385px;
}

#popupSwiper .swiper-slide .img_block::after{
	content: "";
	padding-bottom: 524px;
	/*padding-bottom: calc(524 / 1920 * 100%);*/
	display: block;
}
/*
#popupSwiper .swiper-slide,
#popupSwiper .swiper-slide img{
	width: 100% !important;
	height: auto !important;
}
*/

/* popup_zone 끝 */
/* tile_sec 시작 */
#tileBlock{
	width: 630px;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}
#tileBlock ul{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	overflow: hidden;
	border-radius: 20px;
}
#tileBlock ul .item{
	position: relative;
	display: block;
	background-color: #2a2f3c;
	background-size: cover;
}
#tileBlock ul .item::after{
	content: "";
	padding-bottom: 100%;
	display: block;
}
#tileBlock ul .item .text_block{
	position: absolute;
	width: 100%;
    height: 100%;
    color: #fff;
    padding: 19% 8% 0 16%;
}
#tileBlock ul .item .text_block h1{
	font-size: 19px;
	font-weight: 700;
}
#tileBlock ul .item .text_block p{
	font-size: 16px;
	opacity: .4;
	padding-top: 12%;
}
#tileBlock ul .item.link-01{
}
#tileBlock ul .item.link-02{
	background-color: #8fbc42;
}
#tileBlock ul .item.link-03{
	background-color: #2374c0;
}
#tileBlock ul .item.img-01{
	background-image: url(/cubersc/gangdong/images/tem01/menu_img01.png);
}
#tileBlock ul .item.img-02{
	background-image: url(/cubersc/gangdong/images/tem01/menu_img02.png);
}
#tileBlock ul .item.img-03{
	background-image: url(/cubersc/gangdong/images/tem01/menu_img03.png);
}
#tileBlock ul a.item::before {
    font-family: 'FontAwesome';
    content: '\f061';
    position: absolute;
    color: #fff;
    line-height: 36px;
    font-size: 15px;
    text-align: center;
    z-index: 1;
    width: 40px;
    right: 12%;
    bottom: 13%;
    transition: all .3s ease;
    border: 2px solid #fff;
    border-radius: 100%;
}
.tile_sec .cont_block .text_box{
	padding: 15% 0 0;
}
.tile_sec .cont_block .text_box h1{
	font-size: 40px;
	text-align: right;
	color: #fff;
	font-style: italic;
	font-weight: 700;
}
/* tile_sec 끝 */
/* service_sec 시작 */
.section_block.service_sec .tit_block {
	padding: 0 20px;
}
#serviceBlock{
	border: 1px solid #cecece;
	border-radius: 20px;
	padding: 3.35% 4.28%;
}
#serviceBlock h1.service-tit{
	color: #2374c0;
	font-weight: 600;
	font-size: 24px;
	display: block;
	padding-bottom: 25px;
	border-bottom: 1px solid #cecece;
	position: relative;
}
#serviceBlock h1.service-tit::before{
	content: "";
	background-image: url(/cubersc/gangdong/images/tem01/user_service.png);
	display: inline-block;
	width: 25px;
	height: 28px;
	margin-right: 10px;
	vertical-align: sub;
}
#serviceBlock h1.service-tit::after{
	content: "해당 서비스로 이동합니다.";
	position: absolute;
	display: inline-block;
	width: auto;
	right: 0;
	text-decoration: underline;
	color: #999;
	font-size: 18px;
	font-weight: 300;
	bottom: 26px;
}
#serviceBlock .service_box{
	display: block;
	width: 100%;
	padding-top: 24px;
}
#serviceBlock .service_box ul{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	row-gap: 28px;
	column-gap: 28px;
}
#serviceBlock .service_box a{
	display: flex;
	height: 48px;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	background-color: #f1f1f1;
	border-radius: 5px;
	color: #333;
	transition: all .3s ease;
}
#serviceBlock .service_box a:hover{
	background-color: #bac4ce;
	color: #fff;
}
/* service_sec 끝 */
/* 위로 버튼 시작 */
#bottomSet {
	position: fixed;
	bottom: -250px;
	right: 30px;
	z-index: 9999;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#bottomLink{
	width: 85px;
    height: 85px;
    background-image: url(/cubersc/gangdong/images/tem03/icon_ipsi.png);
	background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; margin-bottom: 30px;
	color: #fff;
}
#bottomLink span{
	font-size: 19px;
	font-weight: 600;
}
#bottomSet a{
	cursor: pointer;
}
#bottomSet a.bottomTop{
	color: rgba(255,255,255,1);
    border: 9px solid #bbb;
    width: 85px;
    height: 85px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    font-size: 35px;
    background: #bbb;
    line-height: 10px;
    padding: 4px;
    transition: all 0.3s ease;
}
#bottomSet a.bottomTop:hover{
	background: #1f5a98;
	border: 9px solid #1f5a98;
}
#bottomSet a.bottomTop span{
	font-size: 18px;
    font-weight: 300;
    display: block;
}
/* 위로 버튼 끝 */
/* footer 시작 */
footer{
    background-color: #2a2f3c;
}
.ft_wr {
	margin: 0 auto;
	max-width: 1400px;
	padding: 0px 0px;
	position: relative;
}
.ft_wr:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}
.ft_wr .family_block{
    float: right;
    background-color: #1f2124;
    color:#ffffff;
    display: flex;
}

.ft_wr .family_link{
	display: flex;
    flex: 1;
    border-right: 1px solid #575d6f;
    padding: 0 18px;
    position: relative;
    cursor: pointer;
    font-size: 18px;
    min-width: 180px;
}
.ft_wr .family_link::after{
	font-family: 'FontAwesome';
    content: '\f067';
    position: absolute;
    line-height: 60px;
    text-align: center;
    z-index: 1;
    width: auto;
	font-size: 14px;
    right: 18px;
}
.ft_wr .family_link:first-child{
    border-left: 1px solid #575d6f;
}
.family_link ul{
	position: absolute;
	bottom: 60px;
	width: 100%;
	background-color: #575757;
	left: 0;
	display: none;
    z-index: 2;
}
.family_link ul a{
	padding: 15px 30px;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,.05);
	color: rgba(255,255,255,.75);
	font-size: 16px;
	position: relative;
}
.family_link ul a.child{
	padding: 15px 30px 15px 45px;
	font-size: 15px;
}
.family_link ul a.child::before{
	content: "";
	position: absolute;
	width: 2px;
	height: 2px;
	background-color: rgba(255,255,255,.75);
	top: calc(50% - 2px);
	left: 32px;
}
.ft_wr .family_link span{
	line-height: 60px;
	height: 60px;
}

.ft_wr .footer_link{
    float: left;
}

.ft_wr .footer_link span{
    border-right:1px solid #575d6f;   
    display: block;
    float: left;
}
.ft_wr .footer_link span:first-child{
    border-left:1px solid #575d6f;   
}

.ft_wr .footer_link span a{
    color:#fff;
    padding:0 18px;
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    display: block;
}
.ft_line{
    border-bottom:1px solid #575d6f;   
    margin-bottom:50px;
}

.footer_bottom{
    width: 1400px;
    margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.footer_bottom .foot_logo{
    display: block;
    opacity: 0.6;
    width: auto;
	margin-left: 20px;
	min-width: 161px;
	width: 161px;
}
#ft_addr,
#ft_addr *
{
	color: #999;
}

#ft_addr span{
	margin-right: 20px;
}
#ft_addr .copyright{
	margin: 8px 0 0;
    display: inline-block;
}
#footSnsBlock{
    padding:55px 0 50px 0;
    text-align: center;
}


#footSnsBlock a.sns_btn{
	width: 45px;
	height: 45px;
	display: inline-block;
	border-radius: 100%;
	margin: 0 8px;
	position: relative;
    transition: all 0.3s ease;
    border:1px solid #575d6f;
}
#footSnsBlock a.sns_btn:hover{
	background-color: #666;
	border-radius: 5px;
}
#footSnsBlock a.sns_btn::before{
	content: "";
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
    top: 0;
    opacity: 0.3;
    transition: all 0.3s ease;
}
#footSnsBlock a.sns_btn:hover::before{
	opacity: 1;
}
#footSnsBlock a.sns_btn.youtube::before{
	background-image: url(/cubersc/gangdong/images/main/icon-sns-foot-youtube.png);
}
#footSnsBlock a.sns_btn.naver::before{
	background-image: url(/cubersc/gangdong/images/main/icon-sns-foot-naver.png);
}
#footSnsBlock a.sns_btn.instagram::before{
	background-image: url(/cubersc/gangdong/images/main/icon-sns-foot-instagram.png);
}
#footSnsBlock a.sns_btn.facebook::before{
	background-image: url(/cubersc/gangdong/images/main/icon-sns-foot-facebook.png);
}
br.br_none {
    display: none;
}
/* footer 끝 */

/* 사이트맵 */
.sub_inner .all-nav-box{
	max-width: 1200px;
	margin: 0 auto;
	padding-right: 0;
}
.sub_inner li.first{
	text-align: left;	
}
.sub_inner .first > a.main_cate{
	display: block;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px 10px;
	font-size: 30px;
	font-weight: 700;
	color: #2374c0;
	position: relative;
/* 	border-bottom: 3px solid transparent;
	border-image: linear-gradient(to right, #2374c0 20%, #ccc 20% 80%);
	border-image-slice: 1; */
}
.sub_inner .first > a.main_cate:after{
	content: '';
	width: 304px;
	height: 2px;
	background-color: #2374c0;
	position: absolute;
	bottom: -1px;
	left: 0;
}

.sub_inner .first .sitemapSub  {
	overflow: hidden;
	width: 100%;
	padding: 0px 0 80px;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sub_inner .first .sitemapSub  > li{
	float: left;
	width: 100%;
	max-width: 284px;
/* 	height: 48px; */
	/* margin-right: 18px; */
	margin-top: 35px;
	box-sizing: border-box;
}
.sub_inner .first .sitemapSub  > li:nth-of-type(1)
, .sub_inner .first .sitemapSub  > li:nth-of-type(2)
, .sub_inner .first .sitemapSub  > li:nth-of-type(3)
, .sub_inner .first .sitemapSub  > li:nth-of-type(4){
	margin-top: 20px;
}
.sub_inner .first .sitemapSub > li.last{
	margin-right: 0px;
}
.sub_inner .first .sitemapSub > li > a{
	display:block;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	border: 1px solid #ccc;
}

.sub_inner .first .sitemapDp3 {
	padding-top: 20px;
	
}
.sub_inner .first .sitemapDp3 a{
	display:block;
	width: 100%;
	padding-left: 14px;
	position: relative;
	padding-bottom: 14px;
	font-size: 16px;
}
.sub_inner .first .sitemapDp3 a:before{
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: #2374c0;
	border-radius: 50%;
	left: 0;
	top: 8px;
	
}
.bottom_menu{
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;	
}
.bottom_menu > .menu-list01
, .bottom_menu > .menu-list02{
    overflow: hidden;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.bottom_menu > .menu-list02{
	border-top: 1px solid #e5e5e5;
}

.bottom_menu > .menu-list01 > li+li
, .bottom_menu > .menu-list02 > li+li{
	border-left: 1px solid #e5e5e5;
}

.bottom_menu > .menu-list01 > li
, .bottom_menu > .menu-list02 > li{
} 

.bottom_menu > .menu-list01 > li > a
, .bottom_menu > .menu-list02 > li > a{
	font-size: 14px;
	font-weight: 500;
	color: #333;
	display:block;
	padding: 20px 0 18px;
	text-align: center;
}

.bottom_menu > .menu-list01 > li > a > i
, .bottom_menu > .menu-list02 > li > a > i{
    background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto 12px;
	display:block;
	width: 40px;
	height: 36px;
}
.bottom_menu > .menu-list01 > li > a > i.login{
	background-image: url(/cubersc/templete/common/img/common/icon/menu_i01.png);
}
.bottom_menu > .menu-list01 > li > a > i.ipsi{
	background-image: url(/cubersc/templete/common/img/common/icon/menu_i02.png);
}
.bottom_menu > .menu-list01 > li > a > i.office{
	background-image: url(/cubersc/templete/common/img/common/icon/menu_i03.png);
}
.bottom_menu > .menu-list01 > li > a > i.intranet{
	background-image: url(/cubersc/templete/common/img/common/icon/menu_i04.png);
}
.bottom_menu > .menu-list02 > li > a > i.stuPortal{
	background-image: url(/cubersc/templete/common/img/common/icon/menu_i05.png);
}
.bottom_menu > .menu-list02 > li > a > i.workSystem{
	background-image: url(/cubersc/templete/common/img/common/icon/menu_i06.png);
}
.bottom_menu > .menu-list02 > li > a > i.empPortal{
	background-image: url(/cubersc/templete/common/img/common/icon/menu_i07.png);
}
.bottom_menu > .menu-list02 > li > a > i.chul{
	background-image: url(/cubersc/templete/common/img/common/icon/menu_i08.png);
}	
/* //사이트맵 */