@charset "UTF-8";


/********************************************************

		header

********************************************************/
body {font-family: "Noto Sans KR","Roboto";}

.scrollToTop_wrap_m{display: none; position: absolute; width: 35px; height: 35px; right: 0%; bottom: 208px;}


#skipTo {width: 100%; overflow: hidden; position: relative; z-index: 1000;}
#skipTo a {margin: 0px -1px -1px 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block;}
#skipTo a:focus ,
#skipTo a:hover,
#skipTo a:active {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}


.inner-wrapper{position:relative;width:100%;}
header{position:fixed;top:0;left:0;width:100%;height:70px;z-index:220}
header .inner-wrapper{height:100%;z-index:2}
header::before{position:fixed;top:0;left:0;width:100%;height:0;background:#fff;z-index:0;transition:all .2s ease-in;content:''}
header::after{position:fixed;top:70px;left:0;width:100%;height:1px;background:rgb(255,255,255,.0);content:'';z-index:1}

header .logo{position:absolute;top:50%;left:60px;transform:translate(0,-43%)}
header .logo a{position:relative;}
header .logo a,
header .logo a span{display:inline-flex}
header .logo img{width: 180px;height: 63px;}
header .logo .off{opacity: 1;transition:opacity .3s}
header .logo .on{position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0}

header nav{display:flex;width:100%;align-items: center;justify-content: center; margin-top: 0px; }
header nav .gnb{display:inline-flex;align-items: flex-start;justify-content: center;}
header nav .gnb > li{position:relative;}
header nav .gnb > li > .btn{display:inline-flex;height:70px;padding:0 80px;align-items: center;font-size:17px;font-weight:700;color:#fff;letter-spacing: -1px;}
header nav .gnb > li::after{position:absolute;top:69px;left:10%;width:0;height:3px;background:#317962;transition:width .3s ease-in;content:''}
header nav .gnb > li.active > .btn,
header nav .gnb > li:hover > .btn{color:#317962 !important}
header nav .gnb > li.active::after,
header nav .gnb > li:hover::after{width:80%}
header nav .gnb > li .depth2{position:absolute;top:100%;left:0;width:100%;height:0;max-height:0;padding:34px 0 0;overflow:hidden;transition:max-height .4s ease-in}
header nav .gnb > li .depth2 li {text-align:center;line-height: 16px; margin-bottom:20px;}
header nav .gnb > li .depth2 li a{font-size:14px;color:#222;letter-spacing: -1px;font-weight:700;}
header nav .gnb > li .depth2 li a:hover{color:#317962; font-weight:400;}
header nav .btn-nav{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content: center;width:110px;height:71px;background:#1ab394;border-radius: 0;}
header nav .rnb{position:absolute;top:50%;right:140px;display:flex;align-items: center;justify-content: flex-end;transform:translate(0,-50%)}
header nav .rnb li + li{position:relative;margin-left:17px;padding-left:18px} 
header nav .rnb li + li::before{position:absolute;top:50%;left:0;width:1px;height:14px;background:#bbbb;content:'';transform:translate(0,-50%)}
header nav .rnb li a{font-size:17px;font-weight:600;color:#888}
header nav .rnb .active a{color:#fff;}
header nav .btn-nav-close {display:none}
header nav .btn-nav-close img {width:20px}
/* header.ver2 {box-shadow: 0 0.15rem 1.75rem #21283226 !important;} */

/* header.ver2 .logo .on{opacity:1;}
header.ver2 .logo .off{opacity:0;} */
.openmenu{overflow:visible !important;}
.openmenu header::before{height:280px}  /*메인 2차메뉴 배경 높이 조절(380->280px수정)*/
.openmenu header::after{background:#dadada; z-index: 999;}

.openmenu header nav{box-shadow: 0 0 10px #33333327;background: #fff;}/*메인메뉴 2차메뉴 배경색과 라인 색상정의*/
.openmenu header .inner-wrapper{}

.openmenu header .logo .on{opacity:1 !important;}
.openmenu header .logo .off{opacity:0;}
.openmenu header nav .btn-nav-close {display:inherit}
.openmenu header nav .btn-nav-open {display:none}
.openmenu header nav .gnb{height:420px;}  /*메인 2차메뉴 배경 높이 조절(420px->320px수정)*/
.openmenu header nav .gnb > li > .btn{color:#222}
.openmenu header nav .gnb .btn-nav-close{color:#222}
.openmenu header nav .gnb > li .depth2 {max-height:999px;height:auto}
.openmenu header nav .rnb .active a,.openmenu .language span{color:#222 !important;}



.quick_new{position:fixed; right:0; top:45%; transform: rotate(-90deg); margin-right: -50px; transition: 0.5s; z-index:99;}
.quick_new a{background:#317962; font-size:15px; padding: 14.5px 20px 14.5px 20px; color:#fff;}
.quick_new a:hover{opacity:0.7;}







#contents{position:relative;z-index:0}



@media screen and (max-width:1280px){ /* laptop */
	header nav .gnb > li > .btn{padding:0 28px}
	footer .familySite .list{width:calc(100vw - 120px)}
	footer .familySite .list li{margin:23px 45px}
	
	.quick_new{/*display:none;*/}
    .scrollToTop_wrap_m{/*display: block;*/ bottom: 230px;}   
    
}


@media screen and (max-width:1500px){ /* tablet */
	header{height:70px}
	header::before{position:fixed; top:0;left:auto;right:0; width:0;height:100%;background:#222;opacity: 0;transition:opacity .2s ease-in}
	header::after{top:69px}
	header .logo{left:32px}
	/* header .logo img{width:180px;height:42px} */
	.openmenu header .logo .off,
	header .logo .off{opacity: 1;}
	.openmenu header .logo .on,
	/* header .logo .on{opacity: 0 !important;} */

	header nav{padding-top:70px;align-items:flex-start; }
	header nav .btn-nav-open{width:70px;height:71px !important;}
	header nav .btn-nav-open img{width:20px}

	header nav .btn-nav-close{
		top: 0;
		right: 0;
		width: 70px;
		height: 71px;
		background: none;
		background: #1ab394;}
	header nav .btn-nav-close img{width:20px}

	header nav{position:fixed;height:100%; top:0;left:auto; width:0;right:0;z-index:20;transition: width 0.3s ease-out;transform:translate(0,0);max-width:none;background:#fff;}
	
	header nav .gnb,
	header nav .rnb {width:100%}
	.openmenu header::after{background:rgb(255,255,255,.0);}
	.openmenu header nav .btn-nav-close {display:inherit}
	.openmenu header nav .btn-nav-open {display:none}
	.openmenu header nav .gnb{height:auto;max-height:999px}
	.openmenu header nav .gnb > li > .btn{color:#222}
	.openmenu header nav .gnb > li .depth2 {height:0;max-height:0;}
	.openmenu header nav .rnb .active a{color:#222}

	header nav .gnb{display:flex;flex-flow:row wrap;align-items: flex-start;}
	header nav .gnb > li{width:100%}
	header nav .gnb > li > .btn{position:relative;width:100%;height:56px;padding:0 20px;align-items: center;font-size:18px;font-weight:700;color:#fff;letter-spacing: -1px;}
	header nav .gnb > li > .btn::after{position:absolute;top:50%;right:20px;width:11px;height:7px;}
	header nav .gnb > li::after{display:none}
	header nav .gnb > li li.current > .btn,
	header nav .gnb > li.open > .btn,
	header nav .gnb > li:hover > .btn{color:#317962 !important;border-bottom:2px solid #317962}
	header nav .gnb > li.open > .btn::after{}
	header nav .gnb > li .depth2{position:static;top:0;left:0;width:100%;height:0;max-height:0;padding:0;overflow:hidden;transition:max-height .4s ease-in}
	header nav .gnb > li .depth2 li {text-align:left;line-height: 58px;border-bottom:1px solid #D8D8D8;margin-bottom: 0;}
	header nav .gnb > li .depth2 li a{display:inline-flex;width:100%;padding:0 30px;font-size:14px;}
	header nav .gnb > li.current .depth2 .active,
	header nav .gnb > li .depth2 li a:hover{color:#444;font-weight:700}
	.openmenu header nav .gnb > li.open .depth2{height:auto;max-height:999px}
	header nav .rnb{top:20px;left:23px;right:auto;justify-content: flex-start;transform:none}
	.openmenu header .logo .on{opacity:0 !important;}
	html.fp-enabled,
	.fp-enabled body {
		--vh:unset !important;
	}
	header.ver2{}
	header.ver2::after{}
	header.ver2 nav .gnb > li > .btn{color:#222}
	header.ver2 nav .rnb .active a{color:#222}
	/* header.ver2 .logo .off{opacity:0;} */
	/* header.ver2 .logo .on{opacity:1;} */
	.openmenu header.ver2 .logo .on,
	.openmenu header.ver2 .logo .off,
	.openmenu header nav{width:320px; overflow-y: auto;}
	.openmenu header::before{width:100%;height:100%;opacity: .2;}
	
    .scrollToTop_wrap.add .scrollToTop{right: 10px;}
	/* header nav .btn-nav.btn-nav-open-color {
		top:70px;
	} */
    
}



@media screen and (max-width:768px){ /* tablet */
    
}



@media screen and (max-width:640px){ /* mobile */
    .scrollToTop_wrap_m{bottom: 220px;}
    .scrollToTop_wrap.add{bottom: 40%;}
    .scrollToTop_wrap.add .scrollToTop{right: 10px;}
    .scrollToTop_wrap.add .scrollToTop .arrow{width: 50px;height: 50px;background-size: 18px auto;}
    .scrollToTop_wrap.add .scrollToTop:hover .arrow{background-size: 15px auto;}
    .quick_new{top: 30%;}
    .quick_new a {font-size: 14px; padding: 10px 18px;}

	header .logo{left:16px}
	header nav .btn-nav-close{right:0px;width:70px;height:71px;background-color: #1ab394;height:70px !important;}
	header nav .btn-nav-close img{width:20px;}
	
	.openmenu header nav{width:260px}
	header nav .rnb li a{font-size:16px}
	header nav .gnb > li > .btn{font-size:16px;}
	header nav .gnb > li .depth2 li a{font-size:14px;}
	/* header nav .btn-nav.btn-nav-open-color {
		top:30px;
	} */

}




/*검색 바*/
#header__search {position:relative;margin:29.5px 0;}
#header__search input {width:100%;height:35px;padding-right:15px;background-color:transparent;border:none;border-bottom:1px solid #fff;border-radius:0;box-shadow:none;font-size:14px;color:#fff;box-sizing:border-box;-webkit-box-shadow: none;-webkit-appearance: none;}
#header__search input::-webkit-input-placeholder {color:#fff !important;}
#header__search button {position:absolute;top:14px;right:0;width:11px;height:14px;background:url(../../img/common/btn_search_on.png) no-repeat 0;border:none;text-indent:-9999px;cursor:pointer;}
#header.fixed #header__search input {color:#666;border-bottom:1px solid #999;}
#header.fixed #header__search button {background:url(../../img/common/btn_search.png) no-repeat 0;}
#header.fixed #header__search input::-webkit-input-placeholder {color:#666 !important;}
#header.hover #header__search input {color:#666;border-bottom:1px solid #999;}
#header.hover #header__search button {background:url(../../img/common/btn_search.png) no-repeat 0;}
#header.hover #header__search input::-webkit-input-placeholder {color:#666 !important;}
@media screen and (max-width: 1024px){
	#header__search {width:205px;margin:0 auto;color:#fff !important;}
	#header.hover #header__search button {background:url(../../img/common/btn_search_on.png) no-repeat 0;}
	#header.fixed #header__search button {background:url(../../img/common/btn_search_on.png) no-repeat 0;}
	#header.hover #header__search input::-webkit-input-placeholder,
	#header.fixed #header__search input::-webkit-input-placeholder {color:#fff !important;}
}


/* layout btn */
.header__layoutBtn {position:absolute;top:7px;right:100px;z-index:999999}
.header__layoutBtn select {display:block;width:80px;line-height:20px;background:url(../../img/board/select_bg_off.png) no-repeat 90% center transparent !important;border:none;border-bottom:1px solid #fff;font-size:12px;color:#fff;outline:none;}
.header__layoutBtn select option {padding:5px 0;color:#fff;background-color:transparent;border:none;outline:none;}
#header.fixed .header__layoutBtn select {background:url(../../img/board/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.fixed .header__layoutBtn select option {color:#333;background-color:#fff;}
#header.hover .header__layoutBtn select {background:url(../../img/board/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.hover .header__layoutBtn select option {color:#333;background-color:#fff;}
.header__layoutBtn a {display:inline-block;font-size:12px;color:#ccc;vertical-align:middle;}
.header__layoutBtn a:before {content:'';display:inline-block;width:1px;height:8px;margin:0 10px;background-color:#999;vertical-align:middle;}
.header__layoutBtn a:first-child:before {content:none;}
.header__layoutBtn a.on {font-weight:600;color:#fff;}
#header.fixed .header__layoutBtn a {color:#666;}
#header.fixed .header__layoutBtn a:before {background-color:#666;}
#header.hover .header__layoutBtn a {color:#666;}
#header.fixed .header__layoutBtn a.on {color:#333;}

/* 메인 바로가기 btn */
.header__mainBtn {position:absolute;top:7px;right:0;z-index:999999}
.header__mainBtn select {display:block;width:80px;line-height:20px;background:url(../../img/board/select_bg_off.png) no-repeat 90% center transparent !important;border:none;border-bottom:1px solid #fff;font-size:12px;color:#fff;outline:none;}
.header__mainBtn select option {padding:5px 0;color:#fff;background-color:transparent;border:none;outline:none;}
#header.fixed .header__mainBtn select {background:url(../../img/board/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.fixed .header__mainBtn select option {color:#333;background-color:#fff;}
#header.hover .header__mainBtn select {background:url(../../img/board/select_bg.png) no-repeat 90% center transparent !important;border-bottom:1px solid #333;color:#333;}
#header.hover .header__mainBtn select option {color:#333;background-color:#fff;}
.header__mainBtn a {display:inline-block;font-size:12px;color:#ccc;vertical-align:middle;}
.header__mainBtn a:before {content:'';display:inline-block;width:1px;height:8px;margin:0 10px;background-color:#999;vertical-align:middle;}
.header__mainBtn a:first-child:before {content:none;}
.header__mainBtn a.on {font-weight:600;color:#fff;}
#header.fixed .header__mainBtn a {color:#666;}
#header.fixed .header__mainBtn a:before {background-color:#666;}
#header.hover .header__mainBtn a {color:#666;}
#header.fixed .header__mainBtn a.on {color:#333;}
@media screen and (max-width: 1024px){
	.header__layoutBtn,
	.header__mainBtn {display:inline-block;position:static;margin:0 15px;}
	.header__layoutBtn select,
	.header__mainBtn select {margin:0 auto;}
	.header__layoutBtn select,
	#header.fixed .header__layoutBtn select,
	.header__mainBtn select,
	#header.fixed .header__mainBtn select {background:url(./img/board/select_bg_off.png) no-repeat 90% center transparent !important;border-color:#fff;color:#fff;}
	.header__layoutBtn select option,
	#header.fixed .header__layoutBtn select option,
	.header__mainBtn select option,
	#header.fixed .header__mainBtn select option {color:#333;}
}


.header__sns {position:absolute;top:46px;right:110px;}
.header__sns a {display:inline-block;vertical-align:middle;height:26px;margin:0 10px;background-repeat:no-repeat;background-position:center;}
.header__sns a.sns1 {width:17px;background-image:url(../../img/common/header__sns_1.png);}
.header__sns a.sns2 {width:14px;background-image:url(../../img/common/header__sns_2.png);}
.header__sns a.sns3 {width:25px;background-image:url(../../img/common/header__sns_3.png);}
@media screen and (max-width: 1024px){
	.header__sns {position:static;margin-top:30px;}
}

/* 서브페이지 메뉴 */
.sub-menu-tap {max-width: 1300px;margin: 0 auto;}
.sub-menu-tap ul {padding: 15px 10px 0;margin: 0 auto; overflow: hidden;}
.sub-menu-tap ul li {float: left;width: 24%;}
.sub-menu-tap ul li + li {margin-left: 1.25%;}
.sub-menu-tap ul li a {display: block;max-width: 312px; padding: 19px; font-size: 20px;color: #222;font-weight: 400;text-align: center;line-height: 1;border: 1px solid #E1E1E1;background-color: #eeeeee;}
.sub-menu-tap ul li:hover a {color: #fff;border: 1px solid #0E8BA1;background-color: #0E8BA1;}
.sub-menu-tap ul li a.on {color: #fff;border: 1px solid #29548D;background-color: #2E5C9A;}

.sub-menu-tap.th2 ul li {float: left;width: 49.375%;}
.sub-menu-tap.th2 ul li a {max-width: 632px;}

.sub-menu-tap.th3 ul li {float: left;width: 32.5%;}
.sub-menu-tap.th3 ul li a {max-width: 420px;}

.sub-menu-tap.th6 ul li {float: left;width: 15.625%;}
.sub-menu-tap.th6 ul li a {max-width: 203px;}

@media all and (min-width:1024px) and (max-width:1279px) {  
    .sub-menu-tap ul {padding: 20px 20px 0;}
    .sub-menu-tap ul li a {padding: 12px 0px; font-size: 14px;}
}

@media all and (min-width:768px) and (max-width:1023px) { 
    .sub-menu-tap ul {padding: 20px 20px 0;}
    .sub-menu-tap ul li a {padding: 12px 0px; font-size: 14px;}
}

@media all and (min-width:480px) and (max-width:767px) {
.sub-menu-tap ul {padding: 20px 10px 0;}
.sub-menu-tap ul li a {padding: 8px 2px; font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}

@media all and (max-width:479px) {
.sub-menu-tap ul {padding: 20px 10px 0;}
.sub-menu-tap ul li a {padding: 8px 2px; font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}

/********************************************************

		footer

********************************************************/
#footer {overflow:hidden;background:url(../../img/top_back_img01.jpg) no-repeat center top;background-size: cover;}
#footer footer {position:relative;}
#footer .clear {clear:both}
#footer legend {display:none;}
#footer #layer-file-footer {display:none;position:absolute;padding:20px;border:1px solid #333;background:#fff;z-index:30;top:-250px !important;left:160px !important;}
#footer .btnTop {display:none;}

/*추가css*/
#footer .ft_navi {overflow:hidden;padding:10px 0; }
#footer .ft_navi .inner{width:1300px;margin:auto;}
#footer .ft_navi .inner .left {width:100%;}
#footer .ft_navi .inner .left .ft_depth1 > li {font-size: 14px; color: #fff;}
#footer .ft_navi .inner .left .ft_depth1 > li {display:inline-block; padding:11px;  text-align: left;}
#footer .ft_navi .inner .left .ft_depth1 > li:last-child {margin-right: 0px;}
#footer .ft_navi .inner .left .ft_depth2 {margin-top: 20px;}
#footer .ft_navi .inner .left .ft_depth2 li {margin-top: 10px;}
#footer .ft_navi .inner .left .ft_depth2 li:first-child {margin-top: 0;}
#footer .ft_navi .inner .left .ft_depth2 li a {display: block;font-size: 18px;color: #BDBDBD; font-weight: 400;}
#footer .ft_navi .inner .left .ft_depth2 li a:hover {color: #fff;}


#footer .f_top {overflow:hidden;padding:20px 0;}
#footer .f_top .inner {max-width:1300px;margin:0 auto;}
#footer .f_top .left {float:left;width: 55%;}
#footer .f_top .right {float:right;margin-top:-20px;}
#footer .f_top .site_name {display:block;clear:both;font-weight:500;font-size:18px;color:#fff; font-weight: 600;}
#footer .f_top .d_info {font-size:12px;color:#fff;}
#footer .f_top .d_info strong {font-weight:500;}
#footer .f_top .d_info p {font-weight:300;line-height:1.5}
#footer a {color:#fff;}
#footer .f_top .d_info p span {display:inline-block;margin-right:10px;}

#footer .f_bottom {height:50px;color:#fff;line-height:50px;font-size:12px;letter-spacing:0;text-transform:uppercase; }
#footer .f_bottom .inner {position:relative;max-width:1300px;margin:0 auto; text-align: left;}
#footer .f_bottom .left {font-size:13px;}
#footer .f_bottom .right a {display:inline-block;padding:0 10px;font-weight:bold;font-size:15px;}
#footer .f_bottom .right a:hover {color:#fff;}
#footer .f_bottom .right a:first-child {margin-right:5px;}

#footer .f_quick_bnr {position:fixed;bottom:90px;right:54px;z-index:99999;text-align:right;}
#footer .f_quick_bnr img {max-width:88%;}

@media screen and (max-width:1920px){
	#footer .btnTop {display:none;}
	#footer .f_quick_bnr {right:15px;}
}
@media screen and (max-width:1600px){
	#footer .f_quick_bnr {right:15px;}
	#footer .f_quick_bnr img {height:95px;max-width:100%;}
	#footer .btnTop {display:none;}
}
@media screen and (max-width:1200px){
	#footer .ft_navi .inner{padding: 0 16px 0 16px }
	#footer .ft_navi .inner .left .ft_depth1 li >strong {font-size: 20px; color: #fff;}
	#footer .ft_navi .inner .left .ft_depth2 li a {display: block;font-size: 16px;color: #BDBDBD; font-weight: 400;}
	#footer footer .f_top,
	#footer footer .f_bottom .inner {margin:0 15px;}
	#footer .f_top .d_info {width:calc(100% - 220px);}
	#footer .f_top .left {width: 55%;}
}
@media screen and (max-width:1024px){
	#footer .ft_navi .inner{max-width:100%;margin:auto;}
	#footer .f_top {padding:25px 0;}
	#footer .f_top .site_name {margin-bottom:10px;}
	#footer .f_top .left {width: 550px;}
	#footer .f_top .right {margin-top:0;}
	#footer .f_top .right img {display: none;}
	#footer .f_bottom {font-size:13px; }
	#footer .f_quick_bnr {display:none;}
	#footer .btnTop {display:none;}
	#familySite {right:60px;}
}
@media screen and (max-width:768px){
	#footer .ft_navi{display:none;}
	#footer .f_top .site_name {font-size:16px;}
	#footer .f_top .d_info p {font-size:14px;}
	#footer .f_top .d_info {width:calc(100% - 140px);}
}
@media screen and (max-width:675px){
	#footer .ft_navi{display:none;}
	#footer .f_top .right {display:none;}
	#footer .f_bottom {height:auto;line-height:1.5;padding:15px 0;text-align:center;}
	#footer .f_top .d_info {float:none;width:auto;}
	#familySite {display:block;position:static;width:160px;margin:0 auto;margin-top:15px;}
	#footer .f_top .site_name {font-size:14px;}
	#footer .f_top .d_info p {font-size:13px;}
	#footer .f_bottom {font-size:11px;}
	#footer .btnTop {right:15px;width:40px;height:40px;position:fixed;bottom:15px;background:url("../../img/common/btn_top.png") no-repeat center;background-size:cover !important;text-indent:-9999px;z-index:99999;cursor:pointer;}
}
@media screen and (max-width:375px){
	#footer .ft_navi{display:none;}
	#footer .f_bottom {font-size:10px;}
}



body {background-color:#fff;}


/* 우측배너 */
#floating {background-color: #1d2023;}
#floating .quick_menu {position: absolute;top: 333px;right: 0;width: 80px;text-align: center;z-index: 99;background-color: #205550;}
#floating .quick_menu a {position: relative; display: block;padding: 50px 0 13px; font-size: 14px;color: #fff;font-weight: 300;text-align: center;border-bottom: 1px solid #19423C;}
#floating .quick_menu a::before {content: '';display: block;position: absolute;left: 14px;right: 14px;bottom: 0; }
#floating .quick_menu .download a {background:#2E735E url(../../img/ico-download.png) no-repeat center 15px;background-size:auto 23px;}
#floating .quick_menu .counsel a {background: url(../../img/ico-counsel.png) no-repeat center 15px;background-size:auto 23px;}
#floating .quick_menu .top a {background:#19423C url(../../img/ico-top.png) no-repeat center 15px;background-size:auto 23px;}
#floating .quick_menu .counsel a::before {content: none;}
#floating .quick_menu a:hover {opacity: .6;}

@media all and (min-width:700px) and (max-width:1250px) {
    #floating .quick_menu a {padding: 30px 0 10px;font-size: 13px;}
    #floating .quick_menu {width: 70px;}
    #floating .quick_menu .download a {background:#163A6A url(../../img/ico-download.png) no-repeat center 10px;background-size:auto 15px;}
    #floating .quick_menu .counsel a {background: url(../../img/ico-counsel.png) no-repeat center 10px;background-size:auto 15px;}
    #floating .quick_menu .top a {background:#0E8BA1 url(../../img/ico-top.png) no-repeat center 10px;background-size:auto 15px;}
}


@media only screen and (max-width:700px) {
    #floating {display: none;}
}

/********************************************************

		sub

********************************************************/
#sub {padding-bottom:100px;}

/*#sub {padding-top:80px;}*/
/*#sub {padding-top:135px;padding-bottom:70px;}*/
.sub__menu {position:fixed;top:80px;left:0;width:100%;background-color:#b80b35;z-index:99;}
.sub__menu .menu-inner {max-width:1300px;margin:0 auto;}
.sub__menu h2 {float:left;width:170px;height:55px;background-color:#333;font-weight:800;font-size:15px;color:#fff;text-align:center;line-height:55px;letter-spacing:-0.5px;box-sizing:border-box;}
.sub__menu ul {float:right;}
.about-menu {margin-left:118px;}
.artist-menu {margin-left:412px;}
.irpr-menu {margin-left:526px;}
.partner-menu {float:right !important;}
.sub__menu li {display:inline-block;margin-left:35px;}
.sub__menu a {display:block;padding:19px 0;font-weight:800;font-size:14px;color:#fff;letter-spacing:-0.5px;text-transform:uppercase;}
.sub__menu li.on a {color:#333;}
@media screen and (max-width: 1200px){
	.sub__menu ul {float:right;margin-left:0;margin-right:15px;}
}
@media screen and (max-width: 768px){
	#sub {padding-bottom:50px;}
}





/***********************************************************************
	서브 탭
************************************************************************/
.sub__tab li a {background-color:#f1f1f1;}
.sub__tab li:hover,
.sub__tab li.on {border-bottom-color:#fff;}
.sub__tab li:hover a,
.sub__tab li.on a {background-color:#fff;}
@media screen and (max-width: 640px){
	.sub__tab li:hover,
	.sub__tab li.on {border-bottom-color:#333;}
	.sub__tab li:hover a,
	.sub__tab li.on a {background-color:#333;color:#222;}
}





/********************************************************

		sub__spot

********************************************************/
.sub__spot {position:relative;width:100%;height:210px;text-align:center;}
.sub__spot:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;font-family:'Noto Sans KR','Roboto';font-weight:bold;font-size:200px;color:#f4f4f4;line-height:200px;}
.sub__spot .l-table {position:relative;}
.sub__spot .h-spot {font-family:'Noto Sans KR','Roboto';font-weight:800;font-size:16px;color:#111;line-height:24px;letter-spacing:3px;text-transform:uppercase;}
@media screen and (max-width: 1200px){
	.sub__spot:before {font-size:130px;}
}





/* =================================================================

 	main 공통

 ================================================================= */
 /*#container {padding-bottom:90px;}*/
.main_var1 {padding-bottom:100px;}

@media screen and (max-width: 1200px){
	#container .l-content .maxWidth {margin:0 15px;padding:0;}
}
@media screen and (max-width: 1024px){
	.main_var1 {padding-bottom:50px;}
}





/* =================================================================
 	메인 슬라이드
 ================================================================= */
#main > section#main__slider {position:relative;padding:0 !important;}
#main__slider .slider-inner {height:900px;height:100vmin;padding-top:0;}
#main__slider .slider-scroll a {display:block !important;position:absolute;left:0;right:0;width:60px;height:60px;margin:0 auto;background: url(../../img/main/visual_scroll.png) no-repeat center bottom;font-size:14px;letter-spacing:2px;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;}
@keyframes scrollImage {0%{bottom:15px;}50%{bottom:30px;}100%{bottom:15px;}}
#main__slider .bx-default-pager {display:none;}

@media screen and (max-width: 768px){
	#main__slider .slider-scroll a {height:50px;background-size:25px !important;font-size:12px;}
}
.video-container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
video::-webkit-media-controls {
	display: none;
}

video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button {
	display: none !important;
}

.video_text {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/***********************************************************************
	컬러변경
************************************************************************/
.bx-wrapper .bx-pager.bx-default-pazger a {width:15px;height:15px;border:5px solid transparent;border-radius:50%;background-color:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background-color:transparent;border:2px solid #eee;}
.pointColor {color:#999 !important;}





/*html 정의*/


/***********************************************************************
  서브정의
***********************************************************************/

/*상단타이틀*/

h2.s-tit {padding: 130px 0 40px; border-bottom: 1px solid #0F2038;border-bottom-color: #1B3557;background:url(../../img/top_back_img.jpg) no-repeat center top;background-size: cover;}
h2.s-tit span {display: block;max-width: 1300px; margin: auto;color: #fff;font-size: 40px;font-weight: 200;line-height: 1;text-align:center;}

.sub-tit01 { font-size: 16px;color: #666;text-align: center; line-height: 1;}
.sub-txt01 {padding-top: 45px; font-size: 22px;color: #222;text-indent: -12px; text-align: left;line-height: 1.5;}
.sub-txt02 {padding-top: 45px; font-size: 30px;color: #004ea2;text-align: center;line-height:1.5;font-weight: 500;}
.sub-txt03 {padding-top: 30px; font-size: 22px;color: #222;text-indent: -12px; text-align: left;line-height: 1.5;}

.sub-tit {padding: 0px 0 0px 0; font-size: 40px;color: #222;text-align: center;line-height: 1;font-weight: 500;}
.sub-tit em {font-size: 22px;color: #2E5C9A;text-align: center;line-height: 2;font-weight: 400;}
.sub-txt { font-size: 22px;color: #222;text-align: center;line-height: 1.5;}
.sub-txt-point-01 { font-size: 24px;color: #222;font-weight: 500;text-align:left;line-height: 2.2;margin-top: 20px;}
.sub-txt-point-02 { padding: 40px 0 0px 0;font-size: 24px;color: #222;font-weight: 500;text-align:left;line-height: 2.2;}

.content-box {max-width: 1300px;margin: 0 auto;padding: 40px 0 30px 0;}
.content-box .pint {padding-top: 40px; font-size: 24px;color: #1B3557;font-weight: 500;line-height: 2.2;}
.content-box p {padding-top: 10px; font-size: 16px;color: #444;font-weight: 400;line-height: 2.2;}
.content-box .title{font-size: 30px; font-weight: 500; color: #222; text-align: left; width: 100%; border-bottom:1px solid #e1e1e1;padding:10px 0 20px; }
.content-box .title-01{font-size: 22px; font-weight: 500; color: #222; text-align: left; width: 100%;padding:10px 0 10px; }
.content-box .btn-on{min-width: 130px;padding: 15px;color: #fff;font-size:16px;font-weight:600;float: center; text-align: center; margin: 0px 10px 50px 0px;border-radius: 30px;background-color: #222}
.content-box .btn-off{min-width: 130px;padding: 15px;color: #222;font-size:16px;font-weight:600;float: center; text-align: center; margin: 0px 10px 50px 0px;border-radius: 30px;background-color: #fff; border:1px solid #CFCFCF;}


@media all and (min-width:1024px) and (max-width:1279px) { 
h2.s-tit {padding: 90px 0 16px;}
h2.s-tit span {padding: 0 10px;font-size: 36px;}	
.content-box {padding: 0px 0 10px 0;}
.sub-tit {padding: 60px 0 25px; font-size: 40px;}
.sub-tit em {font-size: 18px;}
.sub-txt-point-01 {font-size: 24px;line-height: 2;}
.sub-txt-point-02 { padding: 30px 0 0px 0;font-size: 22px;line-height: 2;}	
.content-box .pint {padding-top: 40px; font-size: 20px;line-height: 2;}
.content-box p {padding-top: 10px; font-size: 15px;line-height: 2;}
.content-box .title{font-size: 28px; padding:10px 0 20px; }
.content-box .title-01{font-size: 20px;padding:10px 0 10px; }
.content-box .btn-on{min-width: 130px;padding: 15px;font-size:16px;margin: 20px 10px 50px 0px;border-radius: 30px;}
.content-box .btn-off{min-width: 130px;padding: 15px;font-size:16px;margin: 20px 10px 50px 0px;border-radius: 30px;}	
}

@media all and (min-width:768px) and (max-width:1023px) { 
h2.s-tit {padding: 90px 0 15px;}
h2.s-tit span {padding: 0 15px;font-size: 30px;}	
.content-box {padding: 0px 0 10px 0;}
.sub-tit {padding: 60px 0 25px; font-size: 35px;}
.sub-tit em {font-size: 18px;}	
.sub-txt-point-01 {padding: 0px 0 0px 0;font-size: 24px;line-height: 2;}
.sub-txt-point-02 { padding: 30px 0 0px 0;font-size: 22px;line-height: 2;}	
.content-box .pint {padding-top: 40px; font-size: 20px;line-height: 2;}
.content-box p {padding-top: 10px; font-size: 15px;line-height: 2;}
.content-box .title{font-size: 26px;padding:10px 0 20px; }
.content-box .title-01{font-size: 18px;padding:10px 0 10px; }
.content-box .btn-on{min-width: 130px;padding: 15px;margin: 20px 10px 50px 0px;border-radius: 30px;}
.content-box .btn-off{min-width: 130px;padding: 15px;font-size:16px;margin: 20px 10px 50px 0px;border-radius: 30px;}	
}

@media all and (min-width:480px) and (max-width:767px) {
h2.s-tit {padding: 80px 0 15px;}
h2.s-tit span {padding: 0 15px; font-size: 24px;}	
.content-box {padding: 10px 0 10px 0;}
.sub-tit {padding: 60px 0 25px; font-size: 30px;}
.sub-tit em {font-size: 14px;}	
.sub-txt-point-01 { padding-top: 0px;font-size: 20px;line-height: 1.8;}
.sub-txt-point-02 { padding: 20px 0 0px 0;font-size: 20px;line-height: 1.8;}	
.content-box .pint {padding-top: 40px; font-size: 18px;line-height: 1.8;}
.content-box p {padding-top: 10px; font-size: 13px;line-height: 1.8;}
.content-box .title{font-size: 17px;padding:0px 0 20px; }
.content-box .title-01{font-size: 20px;padding:10px 0 10px; }
.content-box .btn-on{min-width: 130px;padding: 15px;font-size:14px;margin: 20px 10px 30px 0px;border-radius: 30px;}
.content-box .btn-off{min-width: 130px;padding: 15px;font-size:14px;margin: 20px 10px 30px 0px;border-radius: 30px;}	
}

@media all and (max-width:479px) {
h2.s-tit {padding: 80px 0 15px;}
h2.s-tit span {padding: 0 15px; font-size: 24px;}	
.content-box {padding: 0px 0 0px 0;}
.sub-tit {padding: 60px 0 20px; font-size: 25px;}
.sub-tit em {font-size: 14px;}	
.sub-txt-point-01 { padding: 0px 0 0px 0;font-size: 18px;line-height: 1.6;}
.sub-txt-point-02 { padding: 20px 0 0px 0;font-size: 20px;line-height: 1.6;}	
.content-box .pint {padding-top: 40px; font-size: 18px;line-height: 1.6;}
.content-box p {padding-top: 10px; font-size: 13px;line-height: 1.6;}
.content-box .title{font-size: 20px;padding:0px 0 10px; line-height: 1.6; }
.content-box .title-01{font-size: 17px;padding:10px 0 10px; }
.content-box .btn-on{min-width: 100px;padding: 6px;font-size:12px;margin: 20px 0px 10px 0px;border-radius: 30px;}
.content-box .btn-off{min-width: 100px;padding: 6px;font-size:12px;margin: 20px 0px 10px 0px;border-radius: 30px;}
}
.clearfix::after{
	clear: both;
	content:"";
	display: block;
}
.float-left{float:left}
.float-right{float:right}
.p-t-sm {padding-top:10px;}
.fp-watermark {
	display: none;
}
a {
	text-decoration: none !important;
}
.btn:focus {box-shadow: none !important;}
.nav-bar {
	display: none;
}