@charset "utf-8";

.container, #multipleContentsDiv_factory1_37 {width:100%; max-width:1400px; margin:0 auto;}

@media all and (max-width:1023px) {
	.container, #multipleContentsDiv_factory1_37 {padding:0 30px;}
}

@media all and (max-width:768px) {
	.container, #multipleContentsDiv_factory1_37 {padding:0 20px;}
}

.wrap-header{position: relative;}
.wrap-header .menu-background{position: absolute; width: 100%; top: 100%; background-color: white; z-index: 3; border-top: 1px solid #eeeeee; height: 0; overflow: hidden; transition: all .3s;}
.wrap-header .menu-background::after {content: ""; position: absolute; width: 472px; height: 100%; background: url("../../images/common/fund_right_bg.jpg") no-repeat; right: 0; bottom: 0;}
.wrap-header .menu-background.on{height: 300px; padding-top: 30px; border-bottom: 2px solid #004E96}
.wrap-header .menu-back-text{max-width: 1400px; margin: 0 auto; height: 270px;}
.wrap-header .menu-background p{font-size: 24px; line-height: 35px; font-family: 'Noto DemiLight'; height: 270px; width: 25.5%; background: url(../../images/common/gnb_background.png) no-repeat right bottom;}
.wrap-header .container {display:table; table-layout:fixed; width:100%;}
.wrap-header .gcu-box{float: right; height: 100px; width: 140px; background: url(../../images/common/gcu_background.png) no-repeat right 15px bottom 20px, linear-gradient(to top, #00a49f, #00bdb7); }
.wrap-header .gcu-box.mobile{display: none;}
.wrap-header .gcu-box a{display: block; width: 100%; height: 100%;}
.wrap-header .gcu-box h1{color: white; font-family: 'Noto DemiLight'; font-size: 16px; line-height: 25px; padding: 18px 0 0 14px;}
.wrap-header .gcu-box h1 span{font-family: 'Montserrat'; font-weight: 900; display: block; font-size: 22px;}

.wrap-header .head-logo {width:280px; float: left; padding: 29.5px 0;}
.wrap-header .head-logo::after{content:""; display: table; clear: both;}
.wrap-header .head-logo a{display: block; width: 100%; height: 100%;}
.wrap-header .head-logo img{float: left;}
.wrap-header .head-logo .logo-line{display: block; width: 1px; height: 23px; background-color: #cccccc; margin: 0 14px; float: left; margin-top: 9px;}
.wrap-header .head-logo p{font-family:'S-CoreDream-5Medium'; font-size: 22px; color: #333333; float: left; line-height: 41px;}

.wrap-header .head-navi {text-align:right; float: left; margin-left: 5.3%;}
.wrap-header .head-navi .div_1 .ul_1 {}
.wrap-header .head-navi .div_1 .ul_1::after {content: ""; display: block; clear: both;}
.wrap-header .head-navi .div_1 .li_1 {position: relative; float: left;}
.wrap-header .head-navi .div_1 .li_1:nth-of-type(6) {display: none;}
.wrap-header .head-navi .div_1 .li_1:last-child {display: none;}
/*
ujpark 2022.04.15 가천바자회
.wrap-header .head-navi .div_1 .a_1 {display:block; padding:35px 30px; font-family:'Noto Medium'; font-size:20px;}
*/
.wrap-header .head-navi .div_1 .a_1 {display:block; padding:35px 19px; font-family:'Noto Medium'; font-size:20px;}
.wrap-header .head-navi .div_2 {position: absolute; overflow:hidden; z-index: 100; width: 100%; background: white; text-align: left; width: 100%;  height: 0; transition: all .3s;}
.wrap-header .head-navi .div_2.on{height: 296px;}

/* .wrap-header .head-navi .div_2.on {max-height:400px;} */
.wrap-header .head-navi .div_2 .ul_2 {padding:15px 0;}
.wrap-header .head-navi .div_2 .a_2 {position:relative; display:block; padding:6px 20px; font-family:'Noto Demilight'; color:#888888; font-size: 15px;}
.wrap-header .head-navi .div_2 .a_2 span {position:relative; display: block; font-family: 'Noto Demilight'; font-size: 15px; color: #888888;}
.wrap-header .head-navi .div_2 .a_2[target="_blank"] span:before{content:""; display: block; position: absolute; width: 12px; height: 12px; background: url(../../images/common/new_win_gray.png); right: 5px; top: 6px;}
.wrap-header .head-navi .div_2 .a_2:hover{background-color: #f8f9fa;}
.wrap-header .head-navi .div_2 .menu-wrap{max-width: 1400px; margin: 0 auto;}
.wrap-header .head-navi .div_2 .menu-wrap::after{content:""; display: table; clear: both;}
.wrap-header .head-navi .div_2 .gnb-menu-title{float: left; background: url(../../images/common/menu_background.png) no-repeat right bottom; padding: 20px 0; height: 240px; width: 360px; border-right: 1px solid #eeeeee;}
.wrap-header .head-navi .div_2 .gnb-menu-title h1{font-family: 'Noto DemiLight'; font-size: 29px; color: #333333;}
.wrap-header .head-navi .div_2 .gnb-menu-title p{color: #888888; margin-top: 5px;}
.wrap-header .head-navi .div_2 .ul_2{float: right; padding: 20px 0; height: 100%; width: 100%; position: relative; border-right: 1px solid #eee; border-top: 1px solid #eeeeee;}
.wrap-header .head-navi .ul_1 li:nth-child(1) .div_2 .ul_2{border-left: 1px solid #eee;}
.wrap-header .head-navi .div_2 .ul_2::after{content:""; display: table; clear: both;}
.wrap-header .head-navi .div_2 .ul_2 h1{display: none; font-size: 20px; font-family: 'Noto Medium'; color: #111111; padding: 0 20px; margin-bottom: 20px;}
.wrap-header .head-navi .div_2 .ul_2 h1.hover{color: #004e96;}
/* .wrap-header .head-navi .div_2 .li_2{width: calc(100%/4); float: left;} */
.wrap-header .head-navi .div_2 .line_1{position: absolute; width: 1px; height: 100%; background-color: #eeeeee; top: 0; left: 25%;}
.wrap-header .head-navi .div_2 .line_2{position: absolute; width: 1px; height: 100%; background-color: #eeeeee; top: 0; left: 50%;}
.wrap-header .head-navi .div_2 .line_3{position: absolute; width: 1px; height: 100%; background-color: #eeeeee; top: 0; left: 75%;}

.wrap-header .head-navi .div_3 {display:none;}

/* ujpark 2022-04-15 가천바자회
.wrap-header .head-util {position: relative; width:140px; float: right; padding: 15px 0;}
.wrap-header .head-util li {float:left; width: 70px; height: 70px;}
*/
.wrap-header .head-util {position: relative; width:120px; float: right; padding: 15px 0;}
.wrap-header .head-util li {float:left; width: 60px; height: 70px;}
.wrap-header .head-util li a,
.wrap-header .head-util li button {display: block; width:100%; height:100%; text-indent:-99999px; position: relative;}
.wrap-header .head-util li.head-alert{background: url(../../images/common/alert.png) no-repeat center center;}
.wrap-header .head-util li.head-alert button{text-indent: 0;}
.wrap-header .head-util li.head-alert button::after{content:""; display: block; position: absolute; width: 1px; height: 20px; background-color: #979797; right: 0; top: 50%; margin-top: -10px;}
.wrap-header .head-util li.head-alert span{width: 20px; height: 20px; background-color: #ff6c00; line-height: 20px; text-align: center; color: white; border-radius: 50%; position: absolute; z-index: 10; top: 13px; right: 13px; font-size: 10px; font-family: 'Montserrat'; font-weight:700;}
.wrap-header .head-util li.head-sitemap {background: url(../../images/common/sitemap.png) no-repeat center center;}
.wrap-header .head-util li.head-global {display: none; position: relative; background:rgba(196,38,5,0.75) url('../../images/common/ic-head-util2.png') no-repeat center center;}
.wrap-header .head-util li.head-global .btn-global {overflow: hidden; position:absolute; left:0px; top:100%; z-index:1; width:100%; max-height: 0px; transition: all 0.8s;}
.wrap-header .head-util li.head-global .btn-global.on {max-height: 150px;}
.wrap-header .head-util li.head-global .btn-global a {padding:10px 0; background:#43505d; font-size:16px; text-align:center; text-indent:0px; color:#fff; transition: all 0.5s;}
.wrap-header .head-util li.head-global .btn-global a:hover {background: #0c2c67;}
.wrap-header .head-util li.head-global .btn-global .close {display: block; width:30px; height:30px; margin:0 auto; background:url('../../images/main/global-close.png') no-repeat center center;}
.wrap-header .head-util li.head-uhs {background:rgba(12,44,103,0.75) url('../../images/common/ic-head-util3.png') no-repeat center center;}
.wrap-header .container .btn-mgnb {display: none;}
.wrap-header .container .btn-mgnb-close {display:none;}
.wrap-header .container .mobile-global {display:none;}
.wrap-header .container .black-bg {display:none;}

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

}

@media all and (max-width: 1400px) {
	.wrap-header .head-navi{margin-left: 3%;}
	.wrap-header .head-navi .div_1 .a_1{padding: 35px 0px;}
    /* ujpark 20220415 가천바자회
  .wrap-header .head-navi .div_1 .a_1 span.inner{padding: 0 17px;}
  */
	.wrap-header .head-navi .div_1 .a_1{font-size: 18px;}
	.wrap-header .head-navi .div_1 .a_1 span.inner{padding: 0 15px;}
	.wrap-header .head-navi .div_2 .a_2[target="_blank"] span:before{}
	.wrap-header .head-navi .div_1 .li_1 {position: static;}

	/*220719 메뉴 조정 추가*/
	.wrap-header .menu-background p{font-size: 20px; width: 20%;}
	.wrap-header .head-navi .div_2 {width: 8.5%;}
	.wrap-header .head-navi .div_2 .a_2{font-size: 14px; padding: 6px 10px;}
	.wrap-header .head-navi .div_2 .a_2 span{font-size: 14px;}
	.wrap-header .head-navi .ul_1 li:nth-child(1) .div_2 {left: 23.7%;}
	.wrap-header .head-navi .ul_1 li:nth-child(2) .div_2 {left: 32.2%;}
	.wrap-header .head-navi .ul_1 li:nth-child(3) .div_2 {left: 40.7%;}
	.wrap-header .head-navi .ul_1 li:nth-child(4) .div_2 {left: 49.2%;}
	.wrap-header .head-navi .ul_1 li:nth-child(5) .div_2 {left: 57.7%;}
	.wrap-header .head-navi .ul_1 li:nth-child(6) .div_2 {left: 66.2%;}
	/*.wrap-header .head-navi .div_1 .li_1 {position: static;}
	.wrap-header .head-navi .div_2 {width: 12%;}
	.wrap-header .head-navi .ul_1 li:nth-child(2) .div_2 {left: 37.2%;}
	.wrap-header .head-navi .ul_1 li:nth-child(3) .div_2 {left: 49.2%;}
	.wrap-header .head-navi .ul_1 li:nth-child(4) .div_2 {left: 61.2%;}
	.wrap-header .head-navi .ul_1 li:nth-child(5) .div_2 {left: 73.2%;}
	.wrap-header .head-navi .ul_1 li:nth-child(6) .div_2 {left: 85.2%;}*/
	/* ujpark 20220415 가천바자회
	.wrap-header .head-navi .div_2 {width: 12%;}
	.wrap-header .head-navi .ul_1 li:nth-child(2) .div_2 {left: 36.7%;}
	.wrap-header .head-navi .ul_1 li:nth-child(3) .div_2 {left: 48.7%;}
	.wrap-header .head-navi .ul_1 li:nth-child(4) .div_2 {left: 60.7%;}
	.wrap-header .head-navi .ul_1 li:nth-child(5) .div_2 {left: 72.7%;}
	.wrap-header .head-navi .ul_1 li:nth-child(6) .div_2 추가 */

}

@media all and (max-width:1250px) {
	.wrap-header .head-navi{margin-left: 15px;}
  /* ujpark 20220415 가천바자회
	.wrap-header .head-navi .div_1 .a_1{padding: 36.5px 0px; font-size: 18px;}
  */
	.wrap-header .head-navi .div_1 .a_1{padding: 36.5px 0px; font-size: 16px;}

	/*ujpark 20220415 가천바자회
	.wrap-header .gcu-box{width: 100px;}
	*/
	.wrap-header .gcu-box h1{font-size: 14px;}
	.wrap-header .head-navi .div_1 .a_1 span.inner{padding: 0 8.5px;}
  /* ujpark 20220415 가천바자회
  .wrap-header .head-util{width: 120px; padding: 20px 0;}
  .wrap-header .head-util li{width: 60px; height: 60px;}
  */
	.wrap-header .head-util{width: 91px; padding: 20px 0;}
	.wrap-header .head-util li{width: 43px; height: 60px;}
	.wrap-header .head-navi .div_2 .a_2[target="_blank"] span:before{top: 50%; margin-top: -6px;}
	.wrap-header .gcu-box{width: 95px;}
	.wrap-header .gcu-box{background: url(../../images/common/gcu_background.png) no-repeat right 5px bottom 20px, linear-gradient(to top, #00a49f, #00bdb7)}
	.wrap-header .menu-background{bottom: -296px;}
	/* ujpark 20220415 가천바자회
	.wrap-header .head-navi .div_2{left: auto; width: 15%; right: calc(20px + 60%);}
	.wrap-header .head-navi .ul_1 li:nth-child(2) .div_2{left: auto; right: calc(20px + 45%);}
	.wrap-header .head-navi .ul_1 li:nth-child(3) .div_2{left: auto; right: calc(20px + 30%);}
	.wrap-header .head-navi .ul_1 li:nth-child(4) .div_2{left: auto; right: calc(20px + 15%);}
	.wrap-header .head-navi .ul_1 li:nth-child(5) .div_2{left: auto; right: 20px;}
	.wrap-header .head-navi .ul_1 li:nth-child(6) .div_2{left: auto; right: calc(20px + 9%);} -추가
	.wrap-header .head-navi .div_2 .ul_2 h1{padding: 0 10px; font-size: 18px;}
	.wrap-header .head-navi .div_2 .a_2{padding: 5px 10px;}
	.wrap-header .head-navi .div_2 .a_2 span{font-size: 14px;} -추가
	*/
	.wrap-header .head-navi .div_2{left: auto; width: 9%;}
	.wrap-header .head-navi .ul_1 li:nth-child(1) .div_2{left: auto; right: calc(20px + 62%);}
	.wrap-header .head-navi .ul_1 li:nth-child(2) .div_2{left: auto; right: calc(20px + 53%);}
	.wrap-header .head-navi .ul_1 li:nth-child(3) .div_2{left: auto; right: calc(20px + 44%);}
	.wrap-header .head-navi .ul_1 li:nth-child(4) .div_2{left: auto; right: calc(20px + 35%);}
	.wrap-header .head-navi .ul_1 li:nth-child(5) .div_2{left: auto; right: calc(20px + 26%);}
	.wrap-header .head-navi .ul_1 li:nth-child(6) .div_2{left: auto; right: calc(20px + 17%);}
	.wrap-header .head-navi .div_2 .ul_2 h1{padding: 0 10px; font-size: 18px;}
	.wrap-header .head-navi .div_2 .a_2{padding: 5px;}
	.wrap-header .head-navi .div_2 .a_2 span{font-size: 13px;}
	.wrap-header .head-navi .div_2 .a_2[target="_blank"] span:before{right: -4px;}
	/* ujpark 20220415 가천바자회
	.wrap-header .menu-background p 추가
	*/
	.wrap-header .menu-background p{font-size: 24px; width: 23%;}
}

@media all and (max-width:1023px) {
	.wrap-header {padding:0;}
	/* .wrap-header .container  {padding:0 0 20px 0;} */
	.wrap-header .container .head-sitemap {display:none;}
	.wrap-header .container .btn-mgnb {display: block; background: url(../../images/common/sitemap.png) no-repeat center center;}
	.wrap-header .container .btn-mgnb-close.on {display:block; position:absolute; right:20px; top:12px;  width:45px; height:45px; background:url('../../images/common/ic-navi-close.png') no-repeat center center;}
	.wrap-header .container .btn-mgnb-close button {text-indent:-9999px; display:block; width:100%; height:100%;}

    .wrap-header .head-navi {position:fixed; right: -100%; top: 0; z-index: 10000; width: 100%; max-width: 450px; height: 100%; max-height: 650px; background: #272727 url(../../images/common/gnb-logo.png) no-repeat left bottom; background-size: 38% auto; opacity: 0; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1); padding: 0 20px; box-sizing: border-box; margin-right: 0;}
    .wrap-header .head-navi.on {right: 0; opacity: 1; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-header .head-navi .menuUItop {position: relative; height: calc(100% - 70px);}
    .wrap-header .head-navi .div_1 {margin-top: 70px;}
    .wrap-header .head-navi .div_1 .li_1 {position: static; display: block; width: 100%; padding:0px;}
    .wrap-header .head-navi .div_1 .a_1 {width:40%; height: auto; padding: 9px 0 9px 9px; background-image: none; background-position: right center; text-align: left; font-size: 16px; color: #fff; line-height: 30px;}
    .wrap-header .head-navi .div_1 .a_1:after {display:none;}
		.wrap-header .head-navi .div_1 .a_1 span.inner{padding: 0;}
	.wrap-header .head-navi .div_1 .a_1:hover {color:#fff; background: #666;}
	.wrap-header .head-navi .div_1 .a_1.on span:after {display:none;}
    .wrap-header .head-navi .div_1 .a_1.on span:before {display:none;}
    .wrap-header .head-navi .div_1 .a_1.on {color:#fff; background: #666;}
    .wrap-header .head-navi .div_2 {right:0px !important; left:auto !important; width:60% !important; transition-property:none}
    .wrap-header .head-navi .div_2.on {top:0 ;bottom: 20px; max-height: none; background-color: #fff; transition-property: none; height: auto;}
    .wrap-header .head-navi .div_2 .container {padding: 0px;}
		.wrap-header .head-navi .div_2 .ul_2 h1{display: none;}
		.wrap-header .menu-background{display: none;}
    .wrap-header .head-navi .div_2 .ul_2 {padding:0; border: 0; margin-top: 8px; float: none; width: 100%; height: auto;}
    .wrap-header .head-navi .div_2 .li_2 {display:block; padding:0px; border:0px; width: 100%; float: none;}
		.wrap-header .head-navi .div_2 .line_1{display: none;}
		.wrap-header .head-navi .div_2 .line_2{display: none;}
		.wrap-header .head-navi .div_2 .line_3{display: none;}
		.wrap-header .head-navi .div_2 .a_2:hover span{background-color: white; color: #333;}
    .wrap-header .head-navi .div_2 .li_2 .a_2:after {display:none;}
    .wrap-header .head-navi .div_2 .a_2 {width:100%; padding: 10px 15px 10px 20px; margin:0; font-size: 16px; color:#666; text-align: left;}
		.wrap-header .head-navi .div_2 .a_2:hover{background-color: transparent;}
    .wrap-header .head-navi .div_2 .a_2.plus {position: relative; background:url('../../images/common/arrow_a2.png') no-repeat 90% center}
    .wrap-header .head-navi .div_2 .a_2.plus.on {background:url('../../images/common/arrow_a2_hover.png') no-repeat 90% center; border-bottom:1px solid #fff; color:#0c2c67;}
     .wrap-header .head-navi .div_2 .a_2[target=_blank] span:before {content: ''; position: absolute; left: 90%; top: 9px; width: 14px; height: 14px; background: url(../../images/common/new_win_gray.png) no-repeat center center;}
		 .wrap-header .head-navi .div_2 .a_2 span{background-color: white; padding: 0; font-size: 14px;}
		 .wrap-header .head-navi .div_2 .a_2 span:after{display: none;}
     .wrap-header .head-navi .div_3 {overflow:hidden; display:block; max-height:0px; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-header .head-navi .div_3.on {max-height: 500px; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-header .head-navi .div_3 .li_3 {position:relative; margin: 0px;}
    .wrap-header .head-navi .div_3 .a_3 {display:inline-block; padding:4px 0 4px 40px; font-size:14px; color:#999;}
    .wrap-header .head-navi .div_3 .a_3[target=_blank] {position:relative;}
    .wrap-header .head-navi .div_3 .a_3[target=_blank]:before {content:''; position:absolute; left:110%; top:10px; width:10px; height:10px; background:url('../../images/common/ico_blank.png') no-repeat center center;}
    .wrap-header .head-navi .div_3 .a_3:after {content:''; position:absolute; left:25px; top:13px; width:6px; height:2px; background:#808080;}
    .wrap-header .head-navi .div_3 .a_3:hover:after {width:6px; background:#018cff;}
    .wrap-header .head-navi .div_3 .a_3:hover {color:#0c2c67;}
    .wrap-header .head-navi .div_3 .a_3._active {color:#0c2c67;}
    .wrap-header .container .black-bg {display: none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1200;}
    .wrap-header .container .black-bg.on {display:block;}

		.wrap-header .head-navi .div_2 .gnb-menu-title{display: none;}

		.wrap-header .gcu-box{right: 20px; width: 140px;}
		.wrap-header .head-util{float: right; right: 0;}
}

@media all and (max-width:768px) {
	.wrap-header .container{padding: 0;}
    .wrap-header .gcu-box{position: relative; top: auto; right: auto; width: 100%; height: 35px; background: none; background-color: #262930;}
		.wrap-header .gcu-box.web{display: none;}
		.wrap-header .gcu-box.mobile{display: block;}
		.wrap-header .gcu-box::after{content:""; display: table; clear: both;}
		.wrap-header .gcu-box a{width: 140px; height: 100%; float: right; background: #00bab4 url(../../images/common/gcu_background.png) no-repeat right 15px center;}
		.wrap-header .gcu-box h1{padding: 0; line-height: 35px; padding-left: 15px;}
		.wrap-header .gcu-box h1 span{display: none;}
		.wrap-header .head-logo{margin-left:20px; width: 220px; padding: 29px 0;}
		.wrap-header .head-logo img{width: 132px;}
		.wrap-header .head-logo .logo-line{margin: 0 9px; margin-top: 4.5px;}
		.wrap-header .head-logo p{font-size: 18px; line-height: 32px;}
		.wrap-header .head-util{margin-right: 20px; width: 100px;}
		.wrap-header .head-util li{width: 50px; height: 50px;}
		.wrap-header .head-util li.head-alert span{top: 5px; right: 5px;}
}
/*
@media all and (max-width: 420px) {
	.wrap-header .head-logo{width: 190px; padding: 30.5px 0;}
	.wrap-header .head-logo img{width: 120px;}
	.wrap-header .head-logo p{font-size: 14px; line-height: 29px;}
	.wrap-header .head-logo .logo-line{height: 15px; margin: 0 4px; margin-top: 2.5px;}
} */

.wrap-sub-visual {position:relative; display:table; width:100%; background:url('../../images/common/sub_visual.png') no-repeat top center; background-size:cover;}
/*.eQ06 .wrap-sub-visual {position:relative; display:table; width:100%; background:url('../../images/common/sub_visual_bazaar.png') no-repeat top center; background-size:cover;}*/
.wrap-sub-visual:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('../../images/common/pattern.png');}
.wrap-sub-visual .wrap-sub-cell {display:table-cell; height:350px; text-align:center; vertical-align: top; padding-top: 50px; color:#fff;}
.wrap-sub-visual .container {position:relative; z-index:1;}
.wrap-sub-visual .slogan-big {position:relative; display:inline-block; font-family:'Noto Bold'; font-size:50px; line-height:1.2;}

.wrap-sub-visual .slogan {display: table; width: 42%; height: 185px; background: rgba(0, 0, 0, 0.4); margin: 0 auto;}
.wrap-sub-visual .slogan-inner {display: table-cell; vertical-align: middle;}
.wrap-sub-visual .slogan-inner strong { display: block; font-size: 30px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Bold"; }
.wrap-sub-visual .slogan-inner strong::after {content: ""; display: block; margin: 15px auto; width: 27px; height: 1px; background: #fff;}
.wrap-sub-visual .slogan-inner p {font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: rgba(255, 255, 255, 0.5);}

.wrap-sub-visual .slogan-small {font-family:'Noto DemiLight'; font-size:18px;}
.wrap-sub-visual .page-move {position:absolute; left:0px; top:30px; width:100%; height:0px;}
.wrap-sub-visual .page-move a {position:relative; display:block; width:70px; height:70px; border:1px solid rgba(255,255,255,0.5); border-radius:100%;}
.wrap-sub-visual .page-move a.prev {float:left; background:url('../../images/common/ico_prev_menu.png') no-repeat left center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.prev {background-position:right center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.next {float:right; background:url('../../images/common/ico_next_menu.png') no-repeat right center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.next {background-position:left center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a span {position:absolute;}
.wrap-sub-visual .page-move a.prev span {position:absolute; left:90%; top:50%;  margin:0 0 0 30px; color:rgba(255,255,255,0.5); white-space:nowrap;  transform: translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:0;}
.wrap-sub-visual .page-move a:hover.prev span {left:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:1;}
.wrap-sub-visual .page-move a.prev span:after {content:''; position:absolute; left:0px; bottom:-5px; width:0%; height:1px; background:rgba(255,255,255,0.5);  transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.prev span:after {width:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.next span {position:absolute; right:90%; top:50%; margin:0 30px 0 0; color:rgba(255,255,255,0.5); white-space:nowrap; transform: translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:0; }
.wrap-sub-visual .page-move a:hover.next span {right:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:1;}
.wrap-sub-visual .page-move a.next span:after {content:''; position:absolute; right:0px; bottom:-5px; width:0%; height:1px; background:rgba(255,255,255,0.5);  transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.next span:after {width:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }

@media all and (max-width:1023px) {
    .wrap-sub-visual .wrap-sub-cell {height:265px;}
		.wrap-sub-visual .slogan {width: 70%; padding: 34px 15px; height: auto; word-break: break-all;}
    .wrap-sub-visual .page-move {display:none;}
}

@media all and (max-width:768px) {
	.wrap-sub-visual .slogan-inner p{display: none;}
	.wrap-sub-visual .slogan-inner strong::after{display: none;}
	.wrap-sub-visual .slogan{background: transparent; padding: 52px 0;}
	.wrap-sub-visual .wrap-sub-cell{padding: 0; height: 140px;}
}

.wrap-sub-navi {position:relative; margin-top: -65px; }
.wrap-sub-navi .container {position:relative; max-width:1400px; height:65px; background: #fff; margin: 0 auto; padding: 0; border-bottom: 1px solid #E5E5E5;}


.wrap-sub-navi .sub-navi .home {min-width:auto; padding:0px; background-image:none;}
.wrap-sub-navi .sub-navi .home a {width:65px; background: #383838 url('../../images/common/btn_home.png') no-repeat center center; text-indent:-9999px;}

.wrap-sub-navi .sub-navi .navUl {overflow:hidden;position:absolute; right:0px; top: calc(100% - 2px); width: 100%; max-height:0px; border:1px solid #fff; opacity:0; z-index: 5;}
.wrap-sub-navi .sub-navi .navUl.on {overflow:hidden; max-height:10000px; background:#fff; border:1px solid #111; transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1); opacity:1;}
.wrap-sub-navi .sub-navi .navUl:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:4px; background:#111;}
.wrap-sub-navi .sub-navi .navUl a {display:block; padding:10px 15px; color:#333; word-break: keep-all; position: relative;}
.wrap-sub-navi .sub-navi .navUl a[target="_blank"] span:before{content:""; display: block; position: absolute; width: 12px; height: 12px; background: url(../../images/common/new_win_gray.png);right: 15px; top: 15px;}
.wrap-sub-navi .sub-navi .navUl a:hover {background:#f5f5f5;}

.wrap-sub-navi .sub-util {position:absolute; right:25px; top:0px;}
.wrap-sub-navi .sub-util > ul > li {float:left; position:relative;}
.wrap-sub-navi .sub-util > ul > li > button {width:50px; height:65px; text-indent:-9999px;}
.wrap-sub-navi .sub-util .sub-favo { background: url('../../images/common/btn_favorite.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-favo.on {}
.wrap-sub-navi .sub-util .sub-favo:hover {}
.wrap-sub-navi .sub-util .sub-share { background: url('../../images/common/btn_share.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-share:hover.wrap-sub-navi .sub-util .box-sub-share {transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-print { background: url('../../images/common/btn_print.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-print:hover {transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-sub-navi .sub-util .box-sub-favo {overflow:hidden; position:absolute; right:0px; top:100%; width:210px; max-height:0px; background:#fff; border:1px solid #cdcdcd; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:0; z-index: 5;}
.wrap-sub-navi .sub-util .box-sub-favo.on {max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:1;}
.wrap-sub-navi .sub-util .box-sub-favo  > strong {display:block; padding:10px 20px; border-bottom:1px solid #cdcdcd; font-family:'Noto Medium'; font-size:16px;}
.wrap-sub-navi .sub-util .box-sub-favo ul li {padding:10px 20px;}
.wrap-sub-navi .sub-util .box-sub-favo ul li:hover {background:#f5f5f5;}
.wrap-sub-navi .sub-util .box-sub-favo ul li a span {display:none;}
.wrap-sub-navi .sub-util .box-sub-favo .close {position:absolute; right:0px; top:0px; width:47px; height:47px; background:url('../../images/common/btn_favo_close.png') no-repeat center center; text-indent:-9999px;}
.wrap-sub-navi .sub-util .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .box-sub-favo .del {width:17px; height:17px; margin:0 0 0 10px; background:url('../../images/common/btn-favo-del.png') no-repeat center center; text-indent:-9999px;}
.wrap-sub-navi .sub-util .box-sub-favo .favo-content-box{background-color: #f0f0f0; text-align: center; border-bottom: 1px solid #cdcdcd; padding: 10px 0;}
.wrap-sub-navi .sub-util .box-sub-favo .favo-content-box strong{display: block; font-size: 14px; line-height: 20px; padding: 0 10px; word-break: keep-all;}
.wrap-sub-navi .sub-util .box-sub-favo .favo-content-box .add{border-radius: 5px; color: white; display: inline-block; font-size: 14px; font-family: 'Noto Regular'; padding: 5px 35px 5px 15px; background: #1678e2 url(../../images/common/menu-more.png) no-repeat right 15px center; margin-top: 10px;}
.wrap-sub-navi .sub-util .box-sub-favo .list{border-bottom: 1px solid #cdcdcd;}
.wrap-sub-navi .sub-util .box-sub-favo .reset{border: 1px solid #50555d; text-align: center; padding: 5px 0; border-radius: 5px; margin: 15px auto; width: 80px; display: block;}




.wrap-sub-navi .sub-util .box-sub-share {overflow:hidden; position:absolute; left:0px; top:65px; width:70px; max-height:0px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:0; left: -10px; z-index: 200;}
.wrap-sub-navi .sub-util .box-sub-share.on {max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:1;}
.wrap-sub-navi .sub-util .box-sub-share .close {width:100%; height: 70px; background: #d9d9d9 url('../../images/common/btn_share_close.png') no-repeat center center; text-indent: -9999px; border: 1px solid #3e454c; border-bottom: 0;}
.wrap-sub-navi .sub-util .box-sub-share ul {background:#fff; padding:5px 0; border:1px solid #3e454c;}
.wrap-sub-navi .sub-util .box-sub-share ul button {position:relative; display:block; width:100%; height:50px; text-indent:-9999px;}
.wrap-sub-navi .sub-util .box-sub-share ul button:after {content:''; position:absolute; bottom:0px; left:50%; width:30px; height:1px; background:#e5e5e5; transform: translate(-50%,0);}
.wrap-sub-navi .sub-util .box-sub-share ul li:last-child button:after {display:none;}
.wrap-sub-navi .sub-util .box-sub-share .fb {background: url('../../images/common/ico_sns_fb.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .tw {background: url('../../images/common/ico_sns_tw.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .pin {background: url('../../images/common/ico_sns_pin.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .band{background: url(../../images/common/ico_band.png) no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .insta {background: url('../../images/common/ico_insta.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .kakao {background: url('../../images/common/ico_sns_kakao.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .addr {background: url('../../images/common/ico_sns_addr.png') no-repeat center center;}

@media all and (min-width: 769px){
	.wrap-sub-navi .sub-navi > ul > li {float:left; position:relative; background:url('../../images/sub/arrow-page-nav.png') no-repeat left center;}
.wrap-sub-navi .sub-navi > ul > li > .inner {position: relative; padding: 0 30px; min-width: 175px; border-right: 1px solid #E5E5E5;}
.wrap-sub-navi .sub-navi > ul > li > .inner::after {content: ""; position: absolute; left: 50%; bottom: 0px; height: 2px; width: 0; background: #111; transition: width 0.5s, left 0.5s;}
.wrap-sub-navi .sub-navi > ul > li > .inner:hover::after {width: 100%; left: 0}
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {display:block;  height:65px; font-size:16px; color:#666666; line-height:65px;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {width:100%; padding:0 15px 0 0 ; background:url('../../images/common/btn_submenu.png') no-repeat center right; font-family:'Noto Light'; text-align:left; transition:background 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {color: #111111; background:url('../../images/common/btn_submenu_on.png') no-repeat center right; transition:background 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
}

@media all and (max-width: 1023px){
	.wrap-sub-navi {margin-top: 0;}
}

@media all and (max-width:768px) {
    .wrap-sub-navi {position: relative; z-index: 100; top: 0px; right: 0;}
		.wrap-sub-navi .container {max-width: 100%; padding: 0; background: transparent; height: 50px; border-bottom: 0;}
		.wrap-sub-navi .sub-navi > ul::after {content:""; display: block; clear:both;}
		.wrap-sub-navi .sub-navi > ul > li {position: relative; float: left; border: 1px solid #ddd; border-right: 0; }
		.wrap-sub-navi .sub-navi > ul > li.home {display: none;}
		.wrap-sub-navi .sub-navi > ul > li > .inner {padding: 0; min-width: auto;}
		.wrap-sub-navi .sub-navi.third > ul > li {width: 33.33%;}
		.wrap-sub-navi .sub-navi.third > ul > li:nth-child(5) {border:0;}
		.wrap-sub-navi .sub-navi.second > ul > li {width: 50%;}
		.wrap-sub-navi .sub-navi.second > ul > li:nth-child(4), .wrap-sub-navi .sub-navi.second > ul > li:nth-child(5) {border:0;}
		.wrap-sub-navi .sub-navi > ul > li > .inner > button {position:relative; display: inline-block; padding: 5px 20px 5px 10px; width: 100%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; min-width: auto; height: auto; line-height: 30px; background: none; text-align: left;}
		.wrap-sub-navi .sub-navi > ul > li > .inner > button::after {content: ""; position: absolute; height: 100%; width: 11px; margin-top: 0; right: 10px;     background: url(../../images/common/btn_submenu.png) no-repeat center; top: 0;}
		.wrap-sub-navi .sub-navi .navUl {top: 100%; border: 1px solid #ddd; border-top: 0;}
		.wrap-sub-navi .sub-navi .navUl:after {display: none;}
		.wrap-sub-navi .sub-navi .navUl a {font-size: 14px; padding: 5px 10px;}
		.wrap-sub-navi .sub-navi .navUl.on {border: 1px solid #ddd;}
		.wrap-sub-navi .sub-navi .navUl a[target="_blank"] {padding: 5px 30px 5px 10px;}
		.wrap-sub-navi .sub-navi .navUl a[target="_blank"] span:before {top: 10px;}


		.wrap-sub-navi .sub-util{display: none; right: 5px;}
		.wrap-sub-navi .sub-util .box-sub-share{top: 50px; left: -10px; width: 50px;}
		.wrap-sub-navi .sub-util .sub-share{height: 50px;}
		.wrap-sub-navi .sub-util > ul > li{display: none}
		.wrap-sub-navi .sub-util > ul > li:nth-child(1){display: block;}
		.wrap-sub-navi .sub-util .box-sub-share .close {height: 50px;}


}

#_pageNavigation{display: none;}
@media all and (max-width: 768px ){
	#_pageNavigation{display: none; padding: 12px 20px 17px; border-bottom: 1px solid rgba(0,0,0,0.1);}
	#_pageNavigation::after{content:"";display: table;clear: both}
	#_pageNavigation li:first-child{margin-left: 0;}
	#_pageNavigation li:last-child{color: black;}
	#_pageNavigation li.home{width: 14px; height: 15px; background: url(../../images/common/pageNavhome.png) no-repeat center center; text-indent: -9999px; padding-right: 0}
	#_pageNavigation li{font-size: 14px; font-family: 'Noto Light'; color: #666666; line-height: 15px; position: relative; padding-right: 15px; margin-top: 5px;}
	#_pageNavigation li .gt{text-indent: -9999px; width: 6px; height: 11px; display: inline-block; background: url(../../images/common/pageNavGT.png) no-repeat center center; margin-top: 2px; position: absolute; right: 0;}
	#_pageNavigation li:last-child .gt{background: url(../../images/common/pageNavGT_on.png)};
}

.wrap-contents .con-rating {margin:90px 0 0 0;}
.wrap-contents .con-rating .info {overflow:hidden; width:100%; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.wrap-contents .con-rating .people {float:left; padding:22px 0 22px 60px; background:url('../../images/common/ico_people.png') no-repeat 20px center; color:#666;}
.wrap-contents .con-rating .mody-time {float:right; padding:25px 0 25px 0; color:#666;}
.wrap-contents .con-rating .vote {display:table; width:100%; padding:25px 30px; background:#fbfbfb; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display:table-cell; vertical-align:middle;}
.wrap-contents .con-rating .question {width:37%; padding:0 0  0 30px; background:url('../../images/common/ico_question.png') no-repeat 0px 4px; color:#3f3f3f;}
.wrap-contents .con-rating .radio {width:40%; font-size:14px;}
.wrap-contents .con-rating .radio > div {float:left; padding:0 4% 0 0;}
.wrap-contents .con-rating .radio input:checked + label {color: #ff4200;}
.wrap-contents .con-rating .radio input {position:relative; top:2px;}
.wrap-contents .con-rating .comment input, .wrap-contents .con-rating .comment button {float:left;}
.wrap-contents .con-rating .comment input {width:78%; height:35px; border:1px solid #b1b1b1; line-height:35px;}
.wrap-contents .con-rating .comment button  {width:20%; height:35px; margin:0 0 0 2%; background:#0178dd; color:#fff; font-size:12px; line-height:35px; text-align:center;}

@media all and (max-width:1250px) {
    .wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display:inline-block; width:100%;}
    .wrap-contents .con-rating .question {margin:0 0 20px 0;}
    .wrap-contents .con-rating .radio {width:68%;}
    .wrap-contents .con-rating .comment {width:30%;}
    .wrap-contents .con-rating .comment input {width:68%;}
    .wrap-contents .con-rating .comment button {width:30%;}
}

@media all and (max-width:655px) {
    .wrap-contents .con-rating .radio {width:100%; margin: 0 0 15px 0;}
    .wrap-contents .con-rating .comment {width:100%;}
    .wrap-contents .con-rating .question {margin: 0 0 10px 0;}
}

@media all and (max-width:555px) {
    .wrap-contents .con-rating .people, .wrap-contents .con-rating .mody-time {width:100%; float:none;}
    .wrap-contents .con-rating .people {padding:0 0 0 60px; background-image:none;}
    .wrap-contents .con-rating .mody-time {padding: 0 0 0 60px;}
    .wrap-contents .con-rating .info {padding:20px 0; background: url(../../images/common/ico_people.png) no-repeat 20px center;}
    .wrap-contents .con-rating .radio > div {padding:0 4% 2% 0;}
}

.wrap-footer{margin-top: 70px; background-color: #3c434d; padding: 45px 0 75px 0;}
.wrap-footer .container{max-width: 1400px; margin: 0 auto;}
.wrap-footer .footer-site-inner{padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.1);}
.wrap-footer .footer-site-inner::after{content:""; display: table; clear: both;}
.wrap-footer .footer-site-box{width: calc(100%/5); float: left;}
.wrap-footer .footer-site-box h1{font-size: 16px; color: white; font-family: 'Noto Medium'; margin-bottom: 20px;}
.wrap-footer .footer-site-box li{margin-bottom: 10px;}
.wrap-footer .footer-site-box li:last-child{margin-bottom: 0;}
.wrap-footer .footer-site-box li a{font-family: 'Noto Light'; color: #b1b1b1; display: inline-block;}
.wrap-footer .footer-site-box li a:hover{text-decoration: underline;}

.wrap-footer .address-box{margin-top: 15px;}
.wrap-footer .address-box::after{content:""; display: table; clear: both;}
.wrap-footer .address{float: left;}
.wrap-footer .address-text::after{content:""; display: table; clear: both;}
.wrap-footer .address-text p{float: left; color: #b1b1b1;}
.wrap-footer .address-text p{margin-right: 15px;}
.wrap-footer .address-text p:last-child{margin-right: 0;}
.wrap-footer .address-text p span{font-family: 'Noto Medium'; color: white; display: inline-block; margin-right: 5px;}
.wrap-footer .copyright{font-family: 'Montserrat'; font-weight: 200; color: #b1b1b1; margin-top: 5px;}
.wrap-footer .privacy{float: right;}
.wrap-footer .privacy a{background-color: #212936; font-family: 'Noto DemiLight'; color: white; display: block; width: 100%; height: 100%; padding: 10.5px 22.5px 10.5px 22.5px;transition: all .3s;}
.wrap-footer .privacy a:hover{background: white; color: #212936}

@media all and (max-width: 1250px) {
	.wrap-footer .address-text p{float: none; margin-right: 0;}
}

@media all and (max-width: 1023px) {
	.wrap-footer{margin-top: 50px; padding: 25px 0 50px 0;}
	.wrap-footer .footer-site-inner{display: none;}
	.wrap-footer .address-box{margin-top: 0;}
}

@media all and (max-width: 768px) {
	.wrap-footer{padding: 20px 0 40px 0; margin-top: 30px;}
	.wrap-footer .address{float: none;}
	.wrap-footer .privacy{float: none;}
	.wrap-footer .address-text p span{display: block;}
	.wrap-footer .copyright{font-size: 14px;}
	.wrap-footer .privacy{margin-top: 15px;}
	.wrap-footer .privacy a{width: 140px; font-size: 14px; text-align: center; padding: 12px 0; }
}

/* left menu */
.left-layout .sub-content {float: right; width: calc(96% - 310px);}
.left-layout .left-menu {float: left; width: 310px; margin-right: 4%;}
.left-layout .left-menu #menuUIsub .sub_div {border-bottom: 3px solid #111111; border-top: 3px solid #111111;}
.left-layout .left-menu #menuUIsub h2 {padding: 49px 0;  font-family: "Noto Medium"; font-size: 26px; font-weight: 500; text-align: left; line-height: 1.2; letter-spacing: -0.5px; color: #010101; }
.left-layout .left-menu #menuUIsub ul li.li_2._active {}
.left-layout .left-menu #menuUIsub ul li.li_2:first-child .a_2 {border-top: 0;}
.left-layout .left-menu #menuUIsub .a_2 {position: relative; display: block; padding: 20px 25px 20px 20px; border-top: 1px solid #d6d6d6; font-size: 18px; color:#666666; font-family: "Noto DemiLight";}
.left-layout .left-menu #menuUIsub .a_2 span {position: relative; z-index: 3;}
.left-layout .left-menu #menuUIsub .a_2[target="_blank"] span:before{content:""; display: block; position: absolute; width: 12px; height: 12px; background: url(../../images/common/new_win_gray.png); right: -20px; top: 7px;}
.left-layout .left-menu #menuUIsub .a_2[target="_blank"]:hover span:before{background: url(../../images/common/new_win_white.png);}
.left-layout .left-menu #menuUIsub .a_2._active, .left-layout .left-menu #menuUIsub .a_2:hover {color: #fff;}
.left-layout .left-menu #menuUIsub .a_2::before {content: ""; position: absolute; width: calc(100% + 20px); height: 100%; left: -10px; top: 0; background: #53606F; z-index: 2; opacity: 0; transition: opacity 0.3s; box-shadow: 10px 10px 9px rgba(0, 0, 0, 0.2);}
.left-layout .left-menu #menuUIsub .a_2._active::before, .left-layout .left-menu #menuUIsub .a_2:hover::before {opacity: 1;}

.left-layout .left-menu #menuUIsub .a_2::after {content: ""; position: absolute; width: 19px; height: 11px; background: url("../../images/common/ic_leftmenu.png") no-repeat; transform: rotate(0); transition: background 0.5s, transform 0.5s; left: 85%; top: 50%; margin-top: -5.5px; z-index: 2;}
.left-layout .left-menu #menuUIsub .a_2._active::after, .left-layout .left-menu #menuUIsub .a_2:hover::after {background: url("../../images/common/ic_leftmenu_on.png") no-repeat; transform: rotate(360deg);}

.left-layout .left-menu #menuUIsub .div_3 {position: relative; overflow: hidden; max-height: 0; z-index: 1;}
.left-layout .left-menu #menuUIsub .li_2._active .div_3 { max-height: 1000px;}
.left-layout .left-menu #menuUIsub .ul_3 {padding: 5px 0; background: #efefef; }
.left-layout .left-menu #menuUIsub .a_3 {display: block; position: relative; padding: 7px 25px 7px 40px; font-size: 16px; color: #999999;}
.left-layout .left-menu #menuUIsub .a_3[target="_blank"] {background: url("../../images/common/ic_leftmenu_link.png") no-repeat 90% 17px;}
.left-layout .left-menu #menuUIsub .a_3:hover, .left-layout .left-menu #menuUIsub .a_3._active { color: #111111;}
.left-layout .left-menu #menuUIsub .a_3:hover:before,.left-layout .left-menu #menuUIsub .a_3._active::before {content: ""; position: absolute; left: 20px; top: 20px; width: 10px; height: 2px; background-color: #111111;}

@media all and (max-width: 1023px){
	.left-layout .sub-content {float: none; width: 100%;}
	.left-layout .left-menu {display: none;}
}

.sub-content .subject {margin-bottom: 50px;}
.sub-content .subject h2 {font-size: 36px; line-height: 36px; letter-spacing: -0.5px; color: #1e242e; font-family: "Noto Regular"; padding: 45px 0; border-bottom: 3px solid #DDDDDD;}

@media all and (max-width: 1023px) {
	.sub-content .subject {margin-bottom: 30px;}
	.sub-content .subject h2{font-size: 30px; padding: 25px 0;}
}


/* quickMenu*/
.quick-link-box{position: absolute; top: 60%; right: 105px; z-index: 100; width: 110px;}
.quick-link-box.fixed{position: fixed; top: 38.2%;}
.quick-link-box.bottom{top: 224%;}
.quick-link-header{background: url(../../images/main/quick_background.png) no-repeat top center; background-size: cover; display: table; height: 90px; width: 100%;}
.quick-link-header h1{display: table-cell; vertical-align: middle; width: 100%; font-size: 16px; line-height: 20px; color: white; font-family: 'Montserrat'; font-weight: 800; text-align: center;}
.quick-link-box ul{border: 1px solid #bdbdbd;}
.quick-link-box li{border-bottom: 1px solid #bdbdbd;}
.quick-link-box li:last-child{border-bottom: 0;}
.quick-link-box li a{width: 100%; height: 100%; display: block; text-align: center; font-size: 14px; color: #666666; padding: 12.5px 0; font-family: 'Noto Regular'; background-color: white;}
.quick-link-box button{text-align: center; position: relative;font-family: 'Montserrat'; font-weight: 600; color: #6e6e6e; width: 100%;}
.quick-link-box button::before{content:""; display: block; width: 40px; height: 40px; background: url(../../images/main/top_logo.png) no-repeat top center; margin: 20px auto 10px; }

@media all and (max-width: 1420px) {
	.quick-link-header{cursor: pointer;}
	.quick-link-box{right: 30px;}
}

@media all and (max-width: 1023px) {
	.quick-link-box{top: auto !important; bottom: 20px !important; position: fixed !important;}
	.quick-link-header {display: none;}
	.quick-link-box ul{display: none; overflow: hidden; max-height: 0; border: 0; transition: all .3s;}
	.quick-link-box ul.on{max-height: 190px; border: 1px solid #dbdbdb;}
}

@media all and (max-width: 768px) {
	.quick-link-box{right: 20px;}
}