@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;
}

a{
	color: #000;
}

a:link, a:visited {
    color: #fff;
    text-decoration: none;
}

/* pdf BTN */

.ui-btn-list { 
	display: inline-block;
	margin-bottom: 10px;
}
.ui-btn-list li { 
	float: left;
	margin-right: 4px;
}
.ui-btn-list li > a{ 
	color: #333 !important;
}
.ui-btn-list li > a.ui-btn {
    line-height: 100%;
    display: inline-block;
    font-size: 13px;
    padding: 5px 15px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background: #49a5bf;
    border: 1px solid #368da5;
    border-radius: 4px;
    text-decoration: none;
    vertical-align: middle;
}
.ui-btn-list li > a.ui-btn {
    background: transparent;
    border: 1px solid #c5c5c5;
    border-radius: 10px;
    color: #4d4d4d;
    font-size: 0.866em;
}
.ui-btn-list li:last-child {
	margin-right: 0;
}
/* //pdf BTN */

/* 팝업레이어 */
#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: absolute;
	z-index: 200;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ccc;
	height: auto;
}

#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;
	border-bottom: solid 1px #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;
}
#hd .top-block .top-menu ul li a{
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	position: relative;
	color: #666;
	font-size: 16px;
    font-weight: 600;
	display: block;
}

#hd .top-block .top-menu .left_top li:first-child a{
	border-left: solid 1px #ddd;
}

#hd .top-block .top-menu ul li a.on{
	background-color: #ddd;
	color: #333;
}
#hd .top-block .top-menu .right_top{
	float: right;
}
#hd .top-block .top-menu .right_top a{
	padding: 0 15px;
}

#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;
	width: 100%;
}

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

.nav .nav-block #navMenu {
	padding: 0 0 0 23px;
    flex: 1;
    justify-content: space-between;
    display: flex;
	font-size: 0;
}
.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: 17.5px;
    transition: all .2s ease;
    /* height: auto; */
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #333;
    /* height: 58px; */
    /*display: inline-block;*/
    /*padding: 30px 0;*/
    height: 100px;
	display: flex;
	align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
	max-width: 160px;
}

.nav .nav-block #navMenu>li>a>p{
	text-align: center;
	font-weight: 500;
}

.nav .nav-block #navMenu>li>a>p.gnb-title-en {
    font-size: 14px;
}
.nav .nav-block #navMenu>li:first-child>a:hover,
.nav .nav-block #navMenu>li:first-child.on>a{
	color: #f07b9d;
    border-bottom: 4px solid #f07b9d;
	font-weight: 600;
}

.nav .nav-block #navMenu>li:nth-child(2)>a:hover,
.nav .nav-block #navMenu>li:nth-child(2).on>a{
	color: #969ff1;
    border-bottom: 4px solid #969ff1;
	font-weight: 600;
}

.nav .nav-block #navMenu>li:nth-child(3)>a:hover,
.nav .nav-block #navMenu>li:nth-child(3).on>a{
	color: #eea0a0;
    border-bottom: 4px solid #eea0a0;
	font-weight: 600;
}

.nav .nav-block #navMenu>li:nth-child(4)>a:hover,
.nav .nav-block #navMenu>li:nth-child(4).on>a{
	color: #69a669;
    border-bottom: 4px solid #69a669;
	font-weight: 600;
}

.nav .nav-block #navMenu>li:nth-child(5)>a:hover,
.nav .nav-block #navMenu>li:nth-child(5).on>a{
	color: #69a669;
    border-bottom: 4px solid #e6ab4d;
	font-weight: 600;
}

.nav .nav-block #navMenu>li:nth-child(6)>a:hover,
.nav .nav-block #navMenu>li:nth-child(6).on>a{
	color: #a6a89d;
    border-bottom: 4px solid #a6a89d;
	font-weight: 600;
}

.nav .nav-block #navMenu>li:nth-child(7)>a:hover,
.nav .nav-block #navMenu>li:nth-child(7).on>a{
	color: #e97da1;
    border-bottom: 4px solid #e97da1;
	font-weight: 600;
}

.nav .nav-block #navMenu>li:nth-child(8)>a:hover,
.nav .nav-block #navMenu>li:nth-child(8).on>a{
	color: #a8c879;
    border-bottom: 4px solid #a8c879;
	font-weight: 600;
}

.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: #2374c0; */
    background: linear-gradient(to right, #1b74bb 40%, #f4f5f6 40% 100%);
	border-top: 1px solid #6f9ec3;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.02)
}

.nav .nav-block #navMenu>li:first-child .sub_cate{background: linear-gradient(to right, #ffadc5 40%, #f4f5f6 40% 100%);}
.nav .nav-block #navMenu>li:nth-child(2) .sub_cate{background: linear-gradient(to right, #ccd1ff 40%, #f4f5f6 40% 100%);}
.nav .nav-block #navMenu>li:nth-child(3) .sub_cate{background: linear-gradient(to right, #ffcccc 40%, #f4f5f6 40% 100%);}
.nav .nav-block #navMenu>li:nth-child(4) .sub_cate{background: linear-gradient(to right, #8ada8a 40%, #f4f5f6 40% 100%);}
.nav .nav-block #navMenu>li:nth-child(5) .sub_cate{background: linear-gradient(to right, #e6ab4d  40%, #f4f5f6 40% 100%);}
.nav .nav-block #navMenu>li:nth-child(6) .sub_cate{background: linear-gradient(to right, #c8cac0 40%, #f4f5f6 40% 100%);}
.nav .nav-block #navMenu>li:nth-child(7) .sub_cate{background: linear-gradient(to right, #fc9ebd 40%, #f4f5f6 40% 100%);}
.nav .nav-block #navMenu>li:nth-child(8) .sub_cate{background: linear-gradient(to right, #a8c879 40%, #f4f5f6 40% 100%);}
.nav .nav-block #navMenu>li:last-child .sub_cate{background: linear-gradient(to right, #edaa7d 40%, #f4f5f6 40% 100%);}

.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: 275px;
	color: #fff;
	/*height: 484px;*/
	padding-right: 97px;
	/* text-align: right; */
	background: #1b74bb;
	transition: all 0.5s ease;
	display: flex;
}

.nav .nav-block #navMenu .menu-item:first-child .sub_cate .sub-02box>div{background: #ffadc5;}
.nav .nav-block #navMenu .menu-item:nth-child(2) .sub_cate .sub-02box>div{background: #ccd1ff;}
.nav .nav-block #navMenu .menu-item:nth-child(3) .sub_cate .sub-02box>div{background: #ffcccc;}
.nav .nav-block #navMenu .menu-item:nth-child(4) .sub_cate .sub-02box>div{background: #8ada8a;}
.nav .nav-block #navMenu .menu-item:nth-child(5) .sub_cate .sub-02box>div{background: #e6ab4d;}
.nav .nav-block #navMenu .menu-item:nth-child(6) .sub_cate .sub-02box>div{background: #c8cac0;}
.nav .nav-block #navMenu .menu-item:nth-child(7) .sub_cate .sub-02box>div{background: #fc9ebd;}
.nav .nav-block #navMenu .menu-item:nth-child(8) .sub_cate .sub-02box>div{background: #a8c879;}
.nav .nav-block #navMenu .menu-item:last-child .sub_cate .sub-02box>div{background: #edaa7d;}

.nav .nav-block #navMenu .sub_cate .sub-02box>div:before {
	position: absolute;
    content: '';
    background-image: url(../../images/ipsi/menu_bg_logo.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 52%;
    height: 130%;
    bottom: -35px;
    right: -18px;
    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(../../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: 50px 0 0px;*/
	font-size: 34px;
	font-weight: 700;
	/*font-family: "GmarketSans";*/
	display: flex;
	align-items: center;
}
/*.nav .nav-block #navMenu .sub_cate .sub-02box>div p::after {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	background-color: #fff; 
	/* position:realative;
	top: 20px; 
	margin: 20px 0;
}*/

.nav .nav-block #navMenu .sub_cate .sub-02box>div span {
	display: inline-block;
	width: 240px;
	font-size: 16px;
	line-height: 140%;
	word-break: keep-all;
	word-wrap: break-word
}

.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: 25px 0px 25px 40px;
	background: #f4f5f6;
	min-height: 170px;
	/* overflow-y: auto; */
}

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

.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;
	color: #333;
	line-height: 1.4;
	
	
}
.nav .nav-block #navMenu .sub_cate .sub-mn>li>a:before{
	content:'';
	display: block;
	position: absolute;
	top:15px;
	left: 0;
	width: 3px; 
	height: 15px;
	background: #666;
	border-radius: 10px;
}
.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: #679f33;
	font-weight: 700;
}

.nav .nav-block #navMenu .menu-item:first-child .sub_cate .sub-mn>li>a.active,
.nav .nav-block #navMenu .menu-item:first-child .sub_cate .sub-mn>li>a:hover,
.nav .nav-block #navMenu .menu-item:first-child .sub_cate .sub-mn>li:hover>a {
	color: #f07b9d;
	font-weight: 700;
}

.nav .nav-block #navMenu .menu-item:nth-child(2) .sub_cate .sub-mn>li>a.active,
.nav .nav-block #navMenu .menu-item:nth-child(2) .sub_cate .sub-mn>li>a:hover,
.nav .nav-block #navMenu .menu-item:nth-child(2) .sub_cate .sub-mn>li:hover>a {
	color: #969ff1;
	font-weight: 700;
}

.nav .nav-block #navMenu .menu-item:nth-child(3) .sub_cate .sub-mn>li>a.active,
.nav .nav-block #navMenu .menu-item:nth-child(3) .sub_cate .sub-mn>li>a:hover,
.nav .nav-block #navMenu .menu-item:nth-child(3) .sub_cate .sub-mn>li:hover>a {
	color: #eea0a0;
	font-weight: 700;
}

.nav .nav-block #navMenu .menu-item:nth-child(4) .sub_cate .sub-mn>li>a.active,
.nav .nav-block #navMenu .menu-item:nth-child(4) .sub_cate .sub-mn>li>a:hover,
.nav .nav-block #navMenu .menu-item:nth-child(4) .sub_cate .sub-mn>li:hover>a {
	color: #69a669;
	font-weight: 700;
}

.nav .nav-block #navMenu .menu-item:nth-child(5) .sub_cate .sub-mn>li>a.active,
.nav .nav-block #navMenu .menu-item:nth-child(5) .sub_cate .sub-mn>li>a:hover,
.nav .nav-block #navMenu .menu-item:nth-child(5) .sub_cate .sub-mn>li:hover>a {
	color: #e6ab4d;
	font-weight: 700;
}

.nav .nav-block #navMenu .menu-item:nth-child(6) .sub_cate .sub-mn>li>a.active,
.nav .nav-block #navMenu .menu-item:nth-child(6) .sub_cate .sub-mn>li>a:hover,
.nav .nav-block #navMenu .menu-item:nth-child(6) .sub_cate .sub-mn>li:hover>a {
	color: #a6a89d;
	font-weight: 700;
}

.nav .nav-block #navMenu .menu-item:nth-child(7) .sub_cate .sub-mn>li>a.active,
.nav .nav-block #navMenu .menu-item:nth-child(7) .sub_cate .sub-mn>li>a:hover,
.nav .nav-block #navMenu .menu-item:nth-child(7) .sub_cate .sub-mn>li:hover>a {
	color: #e97da1;
	font-weight: 700;
}

.nav .nav-block #navMenu .menu-item:nth-child(8) .sub_cate .sub-mn>li>a.active,
.nav .nav-block #navMenu .menu-item:nth-child(8) .sub_cate .sub-mn>li>a:hover,
.nav .nav-block #navMenu .menu-item:nth-child(8) .sub_cate .sub-mn>li:hover>a {
	color: #a8c879;
	font-weight: 700;
}

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

/*gnb 서브메뉴 숨김*/
.nav .nav-block #navMenu .sub_cate .sub-mn ul.gnb-sub-depth {
	display: none;
}

.nav .nav-block #navMenu .sub_cate .sub-mn ul.gnb-sub-depth > li > a{
	display:inline-block;
	font-size: 16px;
	color: #666;
	margin-left: 24px;
	padding-top: 18px;
	position: relative;
}
.nav .nav-block #navMenu .sub_cate .sub-mn ul.gnb-sub-depth > li > a::before{
	content:'';
	width: 6px;
	height: 6px;
	background-color: #666;
	position: absolute;
	/* left: 10px; */
    left: -13px;
	top: 24px;
}

.nav .nav-block #navMenu .sub_cate .sub-mn ul.gnb-sub-depth > li > a:hover{
	border-bottom: 1px solid #666;
}

/* .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;
	max-width: 313px;
	margin-top: 26px;
}

#logo img {
	padding: 0 0 0 0%;
	width: 100%;
}
#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;
}

/** 20230224 추가 */
/* .gnb-sub-depth{
	display: none;
} */

.nav .nav-block #navMenu .sub_cate .sub-mn>li>.gnb-sub{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}

.nav_bg{
	display: none;
	background-color: rgba(0,0,0,.2);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
/* 헤더 레이아웃 끝 */

/*모바일 메뉴 시작*/
#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: 24px;
    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: 18px 20px;
	position:relative;
}
#siteTit h1 a > span {
    font-size: 24px;
    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;
}
#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="schStr"]{
	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.depart_sec{
	padding: 120px 0 20px;
}

.section_block.depart_sec .content_box::before{
	content: "";
	display: block;
	position: absolute;
	background-image: url(../../images/ipsi/bg-depart-right.png);
	background-repeat: no-repeat;
	width: 1091px;
	height: 445px;
	top: -120px;
	right: -235px;
	background-size: contain;
	opacity: .2;
	z-index: -1;
}
.section_block.board_sec{
	padding: 120px 0 120px;
}
.section_block.board_sec .cont_block,
.section_block.quick_sec .cont_block{
	width: 100%;
	position: relative;
	display: flex;
}
.section_block.board_sec .content_box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: -1;
    left: 0;
    top: 40px;
}
.section_block.board_sec .content_box::after{
	content: "";
	position: absolute;
	left: calc(100% + 50px);
	width: 155px;
	height: 473px;
	top: -309px;
	background-image: url(../../images/ipsi/bg-right-logo.png);
	display: block;
}
.section_block.quick_sec {
    padding: 140px 0 0;
}
.section_block.main_visual_sec{
	background-color: #eaf6fc;
	background-image: url(../../images/ipsi/bg-left-logo.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
}
.section_block.main_visual_sec::before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
	max-height: 95px;
	bottom: 0;
    left: 0;
    z-index: 0;
}
.section_block .flex_block {
	display: flex;
	position: relative;
	padding: 0;
	padding: 75px 0 0;
	justify-content: space-between;
}

.section_block.main_visual_sec .flex_block .idx_contents {
	display: inline-block;
	width: 50%;
	position: relative;
	z-index: 1;
}

.section_block.main_visual_sec .flex_block .idx_contents.popup_zone{
	margin: 0;
    max-width: 928px;
    width: 66.3%;
}
.section_block.main_visual_sec .flex_block .idx_contents.inquiry_view{
	margin: 0;
	max-width: 456px;
	width: 32.6%;
}

.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(../../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(../../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: 1;
	max-width: 1400px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0;
}
.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;
   /* font-family: GmarketSans;*/
}
.tit-small{
	font-size: 16px;
	color: #333;
	line-height: 30px;
	display: inline-block;
}
.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 .button_block{
	position: relative;
	font-size: 0px;
	display: flex;
}
.board_sec .content_box .button_block,
.depart_sec .content_box .button_block{
	position: absolute;
	right: 0;
	top: 18px;
	width: 161px;
	background-color: #fff;
}
.depart_sec .content_box .button_block{
	width: 108px;
}
.calendar_sec .content_box .button_block{
	position: absolute;
	right: 0;
	top: -16px;
	width: 150px;
}
.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: 220px;
	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;
}

.swiper-slide.no-data > p {
    color: #fff;
}

/* 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(../../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;
	font-size: 18px;
}
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(../../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 {
	height: 236px;
}
.board_sec .content_box .desc_block p.desc{
	color: #333;
	padding: 40px 0 50px;
}
.board_sec .board_tit a{
	padding: 0 10px;
	color: #666;
	display: inline-block;
	line-height: 50px;
}
.board_sec .board_tit a span{
	transition: all .3s ease;
	position: relative;
	font-size: 18px;
}
.board_sec .board_tit a span::before{
	content: "#";
}
.board_sec .board_tit a:hover span,
.board_sec .board_tit a.on span{
	font-weight: 700;
	color: #333;
	font-size: 24px;
}

.board_sec .board_tit a:hover span::after,
.board_sec .board_tit a.on span::after{
	content: "";
	position: absolute;
	background-color: #d5ecf8;
	width: calc(100% + 20px);
	height: 16px;
	border-radius: 10px;
	left: -10px;
	z-index: -1;
	transition: all .3s ease;
	bottom: -3px;
}
#boardSwiper {
	width: calc(100% - 220px);
	display: inline-block;
	padding-bottom: 10px;
	min-height: 286px;
}
#boardSwiper .swiper-slide a.item_wrap{
	display: block;
	width: calc(100% - 1px);
	margin-left: 1px;
	height: 100%;
	background-image: url(../../images/ipsi/icon-board-quote.png);
	background-repeat: no-repeat;
	background-position: 30px 39px;
	background-color: #f1f2f3;
	border: 2px solid #f1f2f3;
	border-radius: 10px;
	position: relative;
	color: #333;
}
#boardSwiper .swiper-slide a.item_wrap:hover{
	background-image: url(../../images/ipsi/icon-board-quote-on.png);
	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{
	padding: 110px 30px 90px;
	text-align: left;
	font-weight: 700;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
#boardSwiper .swiper-slide .date{
	font-size: 15px;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 22px;
	left: 0;
}
#boardSwiper .swiper-slide .date::before{
	content: "";
	background-image: url(../../images/ipsi/icon-board-clock.png);
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 7px;
	vertical-align: bottom;
}
#boardSwiper .swiper-slide .day{
	font-size: 15px;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 22px;
	left: 0;
}
#boardSwiper .swiper-slide .day::before{
	content: "";
	background-image: url(../../images/ipsi/icon-board-clock.png);
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 7px;
	vertical-align: bottom;
}
/* board_sec 끝 */

/* quick_sec 시작 */
.quick_sec .content_box{
	padding: 50px 0;
}
.content_box #quickMenuBox.swiper-container {
	width: calc(100% - 220px);
	display: inline-block;
	max-width: 1000px;
}
.content_box .desc_block.bts {
	width: 130px;
	display: flex;
}
.content_box .desc_block.bts.flag_img{
	width: 137px;
	display: flex;
	margin-left: 40px;
}
.content_box .desc_block.bts.flag_img i{
	position: relative;
}
.content_box .desc_block.bts.flag_img i::before{
	content: "";
	position: absolute;
	width: 137px;
	height: 213px;
	background-image: url(../../images/ipsi/img-flag.png);
	z-index: 100;
	left: 0;
	top: 4px;
}
.content_box .desc_block.bts .button_block{
	align-self: flex-end;
	padding-bottom: 5px;
	display: flex;
	width: 103px;
}
.content_box .desc_block.bts.flag_img .button_block{
	align-self: flex-start;
	width: 137px;
}
.content_box #quickMenuBox{
	width: 100%;
	display: flex;
	max-width: 1000px;
}
.content_box #quickMenuBox > div{
	justify-content: space-between;
	flex: 1;
	display: flex;
}
.content_box #quickMenuBox .swiper-pagination{
	top: auto;
}
.content_box #quickMenuBox .swiper-slide{
	display: inline-block;
	width: auto;
}
.content_box #quickMenuBox .text_block{
	padding: 0px;
	text-align: center;
	color: #333;
}
.content_box #quickMenuBox .text_block p{
	padding-top: 16px;
	font-size: 18px;
	font-weight: 500;
}
.content_box #quickMenuBox .text_block i{
	width: 95px;
	height: 95px;
	background-color: #f2f3f8;
	display: block;
    margin: 0 auto;
    border-radius: 20px;
    transition: all 0.6s ease;
	position: relative;
}
.content_box #quickMenuBox .swiper-slide:hover .text_block i{
	background-color: #1b74bb;
	border-radius: 100%;
}
.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-slide .text_block.quick-01 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-01.png);
}
.content_box #quickMenuBox .swiper-slide .text_block.quick-02 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-02.png);
}
.content_box #quickMenuBox .swiper-slide .text_block.quick-03 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-03.png);
}
.content_box #quickMenuBox .swiper-slide .text_block.quick-04 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-04.png);
}
.content_box #quickMenuBox .swiper-slide .text_block.quick-05 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-05.png);
}
.content_box #quickMenuBox .swiper-slide .text_block.quick-06 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-06.png);
}

.content_box #quickMenuBox .swiper-slide:hover .text_block.quick-01 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-01-on.png);
}
.content_box #quickMenuBox .swiper-slide:hover .text_block.quick-02 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-02-on.png);
}
.content_box #quickMenuBox .swiper-slide:hover .text_block.quick-03 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-03-on.png);
}
.content_box #quickMenuBox .swiper-slide:hover .text_block.quick-04 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-04-on.png);
}
.content_box #quickMenuBox .swiper-slide:hover .text_block.quick-05 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-05-on.png);
}
.content_box #quickMenuBox .swiper-slide:hover .text_block.quick-06 i::before{
	background-image: url(../../images/ipsi/icon-quick-menu-06-on.png);
}
/* quick_sec 끝 */
/* popup_zone 시작 */
#popupSwiper{
	margin: 0;
	max-width: 928px;
	width: 100%;
	border-radius: 20px;
	position: relative;
}
#popupSwiper .swiper-slide .img_block{
	background-size: auto 100%;
	background-position: center;
	width: 100%;
	min-height: 180px;
}
#popupSwiper .swiper-slide .img_block::after{
	content: "";
	padding-bottom: calc(420 / 928 * 100%);
	display: block;
}
/*
#popupSwiper .swiper-slide,
#popupSwiper .swiper-slide img{
	width: 100% !important;
	height: auto !important;
}
*/
.popup_zone .button_popup_block{
	position: absolute;
	width: 180px;
	text-align: center;
	z-index: 100;
	background-color: rgba(0,0,0,.8);
	color: #fff;
	bottom: 25px;
	left: calc(50% - 90px);
	padding: 9px;
	border-radius: 25px;
}
.popup_zone .button_popup_block .swiper-pagination{
	position: relative;
    left: auto;
    bottom: auto;
    width: auto;
    font-size: 16px;
    text-indent: unset;
    z-index: auto;
    height: auto;
    overflow: auto;
}
.popup_zone .button_popup_block a{
	padding: 0 9px;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
}
.popup_zone .button_popup_block a::before{
	font-family: 'FontAwesome';
}
.popup_zone .button_popup_block a.swiper-prev::before{
    content: '\f104';
}
.popup_zone .button_popup_block a.swiper-next::before{
    content: '\f105';
}
.popup_zone .button_popup_block a.swiper-puase::before{
    content: '\f04c';
}
.popup_zone .button_popup_block a.swiper-play::before{
    content: '\f04b';
}
.popup_zone .button_popup_block > *{
	display: inline-block;
	vertical-align: middle;
}
.popup_zone .button_popup_block .swiper-pagination{
	font-size: 16px;
	color: #aaa;
	letter-spacing: 0em;
	padding: 0 9px;
}
.popup_zone .button_popup_block .swiper-pagination-current{
	color: #fff;
}
/* popup_zone 끝 */
/* inquiry_view 시작 */
#inquiryBlock{
	height: 100%;
	background-image: url(../../images/ipsi/bg-inquiry-visual.jpg);
	border-radius: 20px;
	background-size: 120% auto;
	background-position: top center;
	position: relative;
	overflow: hidden;
}
#inquiryBlock .text_block{
	display: block;
	width: 100%;
	text-align: center;
}
#inquiryBlock .text_block .tit-inquiry{
	font-size: 36px;
	color: #1f4ea2;
	padding: 6% 0 0;
	line-height: normal;
	display: block;
}
#inquiryBlock .text_block .tit-inquiry::before{
	content: "";
	display: block;
	width: 35px;
	height: 32px;
	background-image: url(../../images/ipsi/icon-inquiry-top.png);
	margin: 0 auto 15px;
}
#inquiryBlock .text_block .tit-small{
	line-height: normal;
	font-weight: 500;
}
#inquiryBlock .text_block hr.line{
	display: block;
	width: 85%;
	height: 2px;
	border: none;
	border-bottom: 2px dotted #1f4ea2;
	padding: 5% 0 0;
	margin: 0 auto;
}
#inquiryBlock .text_block p.time{
	padding: 5% 0;
	color: #333;
	font-weight: 500;
}
#inquiryBlock .text_block p.time::before{
	content: "";
	width: 17px;
    height: 15px;
    background-image: url(../../images/ipsi/icon-inquiry-clock.png);
    display: inline-block;
    margin-right: 10px;
    margin-top: -2px;
    vertical-align: middle;
    line-height: 16px;
}
#inquiryBlock .img_block{
	padding: 0 5%;
	text-align: right;
}
#inquiryBlock .img_block img{
	width: 100%;
	max-width: 320px;
}
#inquiryBlock .kakao_block{
	display: block;
	width: 100%;
	min-height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fae100;
	padding: 10px 6%;
}
#inquiryBlock .kakao_block > div{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
#inquiryBlock .kakao_block span{
	display: inline-block;
	line-height: 44px;
	color: #351b20;
	font-size: 18px;
	font-weight: 500;
	position: relative;
}
#inquiryBlock .kakao_block span.first{
	padding-left: 55px;
}
#inquiryBlock .kakao_block span.first::before{
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	width: 50px;
	height: 50px;
	top: -4px;
	background-image: url(../../images/ipsi/icon-inquiry-kakao-logo.png);
}
#inquiryBlock .kakao_block span.second{
	background-color: rgba(53,27,32,.1);
	border-radius: 44px;
	padding: 0 25px;
}
/* inquiry_view 끝 */
/* social_sec 시작 */
.social_sec .sec_top_box{
	padding: 0 0 10px;
}
.social_sec .sec_top_box .tit-big {
    padding: 0;
}
.social_sec .sec_top_box > *{
    vertical-align: middle;
}
.social_sec .sec_top_box > span{
	padding-left: 20px;
	font-size: 18px;
	color: #666;
}
/* social_sec 끝 */
/* calendar_sec 시작 */

.calendar_sec .tit-big{
	color: #fff;
}
.calendar_sec .cal_opt{
	display: inline-block;
	width: 100%;
	max-width: 420px;
	padding-left: 65px;
	vertical-align: top;
}
.calendar_sec .cal_opt .opt_tit{
	display: flex;
	justify-content: space-between;
}
.calendar_sec .cal_opt .opt_tit a{
	color: rgba(255,255,255,.5);
	vertical-align: -webkit-baseline-middle;
	padding: 0 15px;
	position: relative;
	font-size: 18px;
}
.calendar_sec .cal_opt .opt_tit a,
.calendar_sec .cal_opt .opt_tit a span{
	transition: all .3s ease;
}
.calendar_sec .cal_opt .opt_tit a:hover span,
.calendar_sec .cal_opt .opt_tit a.on span{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
.calendar_sec .cal_opt .opt_tit a:hover span::after,
.calendar_sec .cal_opt .opt_tit a.on span::after {
    content: "";
    position: absolute;
    background-color: rgba(255,255,255,.15);
    width: 80%;
    height: 16px;
    border-radius: 10px;
    left: 10px;
    z-index: -1;
    bottom: -3px;
}
.calendar_sec .item_wrap{
	display: flex;
	text-align: left;
	width: 100%;
	padding: 1px 0;
	justify-content: center;
}
#calendarSwiper{
	min-height: 92px;
}
#calendarSwiper .img_block{
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background-color: #062060;
	display: flex;
	margin: 0 25px 0 1px;
	flex-direction: column;
	text-align: center;
}
#calendarSwiper .img_block{
	background-position: center;
	background-repeat: no-repeat;
}

#calendarSwiper .img_block img{
	display: none;
}
#calendarSwiper .img_block h2,
#calendarSwiper .img_block h3{
	color: #fff;
	flex: 1;
}
#calendarSwiper .img_block h2{
	font-size: 34px;
	font-weight: 700;
	min-height: 56px;
	line-height: 200%;
}
#calendarSwiper .img_block h3{
	font-size: 16px;
	font-weight: 300;
}
#calendarSwiper .text_block{
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 200px;
}
#calendarSwiper .text_block h1{
	color: #ffd06b;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 5px;
}
#calendarSwiper .text_block p{
	font-size: 18px;
	color: #fff;
}
.calendar_sec .content_box .desc_block.bts{
	display: none;
}
.calendar_sec .content_box .desc_block.bts,
.calendar_sec .content_box .desc_block.bts .button_block{
	width: 165px;
	text-align: center;
	margin: 0 auto;
}

.calendar_sec .content_box .desc_block.bts a.swiper-next{
	justify-content: flex-end;
}
.calendar_sec .swiper-paging{
	line-height: 25px;
	font-size: 16px;
}
.calendar_sec .swiper-paging span {
	display: inline-block;
}
.calendar_sec .swiper-paging .swiper-pagination-current{
	position: relative;
	padding: 0 6px 0 0;
	font-size: 30px;
	transition: all 0.3s ease;
	width: 20px;
	color: #333;
}
/* calendar_sec 끝 */
/* video_zone 시작 */
#videoView a{
	display: block;
    position: relative;
	z-index: 1;
	background: #000;
}
#videoView a img{
	width: 100%;
	height: auto;
	opacity: .7;
}
#videoView a:hover img{
	opacity: .85;
	transition: all .3s ease;
}
#videoView a::before{
	content: "";
	background-image: url(../../images/ipsi/icon-video.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
#videoView a:hover::before{
	background-image: url(../../images/ipsi/icon-video-on.png);
}
/* video_zone 끝 */
/* banner_zone 시작 */
#bannerBlock{
	background-color: #fff;
	position: absolute;
	width: calc(100% - 32px);
	height: calc(100% - 32px);
	top: 16px;
	left: 16px;
	border-radius: 10px;
}
#bannerBlock::before{
	content: "";
	background-image: url(../../images/ipsi/bg-banner-01.png);
	background-repeat: no-repeat;
	width: 88px;
	height: 85px;
	position: absolute;
	z-index: 0;
	top: 32px;
	right: 12px;
}
#bannerBlock::after{
	content: "";
	background-image: url(../../images/ipsi/bg-banner-02.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 179px;
	height: 156px;
	position: absolute;
	z-index: 0;
	bottom: 10px;
	right: 10px;
}
#bannerBlock > div {
	padding: 40px 0 0 30px;
}
#bannerBlock h1{
	font-size: 28px;
	font-weight: 900;
	color: #ea4c8f;
	padding: 0 0 14px;
}
#bannerBlock p{
	font-size: 18px;
	font-weight: 400;
	color: #666;
}
/* banner_zone 끝 */
/* sns_zone 시작 */
#snsBlock{
	width: 100%;
	height: 100%;
	position: relative;
}
.sns_zone .tit-big{
	background-color: #fff;
	padding-right: 30px;
	padding-bottom: 20px;
}
#snsBlock::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-index: -1;
	left: 0;
    top: 22px;
}
.button_sns_block{
	background-color: #ccc;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
	grid-gap: 1px;
    width: 100%;
    height: 100%;
}
.button_sns_block a.sns-view{
	display: inline-block;
	background-color: #fff;
}
.button_sns_block a.sns-view:hover{
	background-color: #eee;
	transition: all .3s ease;
}
.button_sns_block a.sns-view span{
	font-size: 16px;
	font-weight: 500;
	display: flex;
	height: 110%;
	line-height: 50px;
	color: #333;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.button_sns_block a.sns-view span::before{
	content: "";
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: 0 auto;
}
.button_sns_block a.sns-view[data-sns="facebook"] span::before{
	background-image: url(../../images/ipsi/icon-sns-facebook.png);
}
.button_sns_block a.sns-view[data-sns="instagram"] span::before{
	background-image: url(../../images/ipsi/icon-sns-instagram.png);
}
.button_sns_block a.sns-view[data-sns="youtube"] span::before{
	background-image: url(../../images/ipsi/icon-sns-youtube.png);
}
.button_sns_block a.sns-view[data-sns="naver"] span::before{
	background-image: url(../../images/ipsi/icon-sns-naver.png);
}

/* sns_zone 끝 */
/* 위로 버튼 시작 */
#bottomSet {
	position: fixed;
	bottom: -150px;
	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;
}
#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#ft {
	margin: 0;
	position: relative;
	z-index: 2;
	text-align: left;
	background-color: #404040;
	padding: 0;
	margin-top: 20px;
}
.ft_wr{
	background-color: #575757;
}
.ft_lr{
	border-top: 1px solid #666;
}
.family_block,
.ft_lr_bts,
.ft_lr_block{
	display: flex;
	max-width: 1400px;
	margin: 0 auto;
	color: #fff;
	width: 100%;
	position: relative;
}
.ft_wr .family_link{
	display: flex;
	flex: 1;
	border-right: 1px solid rgba(255,255,255,.5);
	padding: 0 30px;
	position: relative;
	cursor: pointer;
	font-size: 18px;
}
.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: 30px;
}
.ft_wr .family_link:first-child{
	border-left: 1px solid rgba(255,255,255,.5);
}
.family_link ul{
	position: absolute;
	bottom: 60px;
	width: calc(100% + 2px);
	background-color: #575757;
	left: -1px;
	display: none;
}
.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_lr_block{
	padding: 25px 0 35px;
}
.ft_lr_bts a.on,
.ft_lr_bts a:hover{
	color: #efd523;
	cursor: pointer;
}
.ft_lr_bts a{
	padding: 20px;
	position: relative;
	color: #fff;
}
.ft_lr_bts a:first-child{
	padding-left: 0;
}
.ft_lr_bts a:nth-child(n+2):before{
	content: "";
	position: absolute;
	width: 2px;
	height: 2px;
	background-color: #fff;
	left: 0;
	top: calc(50% - 2px);
}
.foot_logo{
	opacity: .6;
	padding-right: 42px;
}
#ft_addr{
	line-height: 24px;
}
#ft_addr span{
	font-size: 15px;
	font-weight: 300;
	margin-right: 25px;
}
#ft_addr .copyright,
#ft_addr .copyright a{
	color: #919191;
}
#footSnsBlock{
	position: absolute;
	right: 0;
	top: -48px;
}
#footSnsBlock a.sns_btn{
	width: 35px;
	height: 35px;
	display: inline-block;
	background-color: #666;
	border-radius: 100%;
	margin: 0 5px;
	position: relative;
    transition: all 0.3s ease;
}
#footSnsBlock a.sns_btn:hover{
	background-color: #666;
	border-radius: 5px;
}
#footSnsBlock a.sns_btn::before{
	content: "";
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
    top: 0;
}
#footSnsBlock a.sns_btn.youtube::before{
	background-image: url(../../images/main/icon-sns-foot-youtube.png);
}
#footSnsBlock a.sns_btn.naver::before{
	background-image: url(../../images/main/icon-sns-foot-naver.png);
}
#footSnsBlock a.sns_btn.instagram::before{
	background-image: url(../../images/main/icon-sns-foot-instagram.png);
}
#footSnsBlock a.sns_btn.facebook::before{
	background-image: url(../../images/main/icon-sns-foot-facebook.png);
}
br.br_none {
    display: none;
}
/* footer 끝 */




/* 언어선택 */
#hd .top-block .top-menu ul li.lang{
	position: relative;
}
.language{
	height: 38px;
}
.language button{
	height: 100%;
	line-height: 40px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    padding: 0 14px 0 24px;
    position: relative;
}
button.caster::before {
    content: "ㆍ";
    position: absolute;
    left: 0;
}

.langSet{
	min-width: 85px;
    position: absolute;
    background: #fff;
    /*  
    top: 40px; 
    top: 35px;*/
    display: none;
	/*  left: 0;
    transform: translateX(-10%);
    border: 1px solid #333; */
	border-top: 0;
	z-index: 99999;
	width: 90%;
	right: 0;
}
.translation-links{
	position: relative;
	border: 1px solid #ccc;
	border-top: 0;
}
.translation-links li{
	width: 100%;
	/* border-top: 0.1px solid rgb(255,255,255); */
	border-top: 1px solid #ccc;
}
.translation-links a{
	color: #fff;
	display: block;
	width: 100%;
	padding: 6px 0px !important;
	height: auto !important;
}
.translation-links a:before{
	display: none;
}
.translation-links a span{
	color: #333;
    font-size: 14px;
    display: block;
    text-align: center;
}
/* //언어선택 */

/* 사이트맵 */
.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:before{
	content: '';
	width: 304px;
	height: 2px;
	background-color: #2374c0;
	position: absolute;
	bottom: -1px;
	left: 0;
}

/** 사이트맵 문구추가 */

.sub_inner .first > a.main_cate:after{
	opacity:0;
    content:'';
    transition: opacity 0.5s ease-out;
}
.sub_inner .first > a.main_cate:hover:after{
	font-size: 17px;
	color: #333;
	padding-left: 15px;
	opacity:1;
	/* float:right; */
}

.sub_inner .first > a#SITEMAP_IPSI01:hover:after{
	content: '수시1차모집에 대한 전형, 일정, 성적반영 방법 등 주요사항 안내';
}

.sub_inner .first > a#SITEMAP_IPSI02:hover:after{
	content: '수시2차모집에 대한 전형, 일정, 성적반영 방법 등 주요사항 안내';
}

.sub_inner .first > a#SITEMAP_IPSI03:hover:after{
	content: '정시/자율모집에 대한 전형, 일정, 성적반영 방법 등 주요사항 안내';
}

.sub_inner .first > a#SITEMAP_IPSI04:hover:after{
	content: '전문대학 졸업(예정) 또는 동등 이상의 학력이 있다고 인정된 분들에 한하여 4년제 학사학위를 취득할 수 있는 과정 운영';
}

.sub_inner .first > a#SITEMAP_IPSI05:hover:after{
	content: '편입학(간호학과) – 학사학위를 취득한 사람 또는 이와 같은 수준 이상의 학력이 인정되는 사람으로서 3학년에 편입';
}

.sub_inner .first > a#SITEMAP_IPSI10:hover:after{
	content: '부모가 모두 외국인인 외국인(6호), 외국에서 초중등교육과정을 모두 이수한 자(7호)';
}

.sub_inner .first > a#SITEMAP_IPSI06:hover:after{
	content: '원서접수부터 성적산출까지 모두 확인';
}

.sub_inner .first > a#SITEMAP_IPSI07:hover:after{
	content: '강동대를 입학하기 위한 필요 정보';
}

.sub_inner .first > a#SITEMAP_IPSI08:hover:after{
	content: '궁금하신 학과를 선택하세요!';
}
/** //사이트맵 문구추가 */


.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;
	color: #333 !important;
}

.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;    
	color: #333 !important;
}
.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);
}	
/* //사이트맵 */