@charset "utf-8";

/* 비주얼텍스트 */
#multipleContentsDiv_factory1_29 ._obj:nth-child(2){position: absolute; width: 100% !important; left: 0; top: 43%; z-index: 100;}
.main-slogan {z-index:1; width:100%; text-align:center; color:#fff; line-height:1.3; padding: 0 20px;}
.main-slogan p {display: inline-block; font-size:20px; line-height: 28px; font-family:'S-CoreDream-3Light'; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 0; letter-spacing: 2px;}
.main-slogan strong {display:block; padding:15px 0 45px 0; font-size: 54px; font-weight:normal; font-family:'S-CoreDream-5Medium'; letter-spacing: -0.5px; line-height:1.2;}
@media all and (max-width:1023px) {
	#multipleContentsDiv_factory1_29 ._obj:nth-child(2){top: 35%;}
	.main-slogan p {font-size: 18px; line-height: 24px;}
	.main-slogan strong {font-size: 40px;}
}
@media all and (max-width: 768px){
	#multipleContentsDiv_factory1_29 ._obj:nth-child(2){margin-left: 0; margin-top: 35px;}
	.main-slogan p {font-size: 15px; line-height: 20px;}
	.main-slogan strong {font-size: 30px;}
}


/* 컨텐츠감싸기 */
#multipleContentsDiv_base_47,
#multipleContentsDiv_temp_org_5_13,
#multipleContentsDiv_temp_org_5_19{overflow: hidden; max-width: 1440px; margin: 0 auto; padding:50px 20px 0 20px;}


/* 컨텐츠3단 */
#multipleDiv_temp_org_5_19{padding: 50px 0; background: url("/sites/t_orga_4/images/main/main_freq_bg.jpg") no-repeat; background-size: cover; margin-top: 60px;}
#multipleContentsDiv_temp_org_5_19,
#multipleContentsDiv_temp_org_5_19 ._obj{position: static;}
@media all and (max-width: 768px){
	#multipleContentsDiv_temp_org_5_19,
	#multipleContentsDiv_temp_org_5_19 ._obj{position: relative;}
}


/* 상단 링크 */
.main-link-list ul li {display: table; width: 100%; height: 100%; margin-top: 30px;}
.main-link-list ul li:first-child {margin-top: 0;}
.main-link-list ul li a {position: relative; display: table-cell; width: 100%; height: 100px; vertical-align: middle; padding-left: 40%; padding-right: 10px;}
.main-link-list ul li a::before {content: ""; position: absolute; left: 8%; top: 50%; margin-top: -12.5%; width: 26%; max-width: 75px; height: 75%; transition: margin 0.3s;}
.main-link-list ul li a p {position: relative; display: inline-block; font-size: 18px; line-height: 26px; letter-spacing: -0.5px; color: #fff; word-break: break-all;}
.main-link-list ul li a p::after {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff; transition: width 0.3s;}
.main-link-list ul li.link1 a {background: #56C4C5;}
.main-link-list ul li.link1 a::before {background: url("/sites/t_orga_4/images/main/main_link_1.png") no-repeat; background-size: 100% auto;}
.main-link-list ul li.link2 a {background: #0B89E1;}
.main-link-list ul li.link2 a::before {background: url("/sites/t_orga_4/images/main/main_link_2.png") no-repeat; background-size: 100% auto;}
.main-link-list ul li.link3 a {background: #3D5AA8;}
.main-link-list ul li.link3 a::before {background: url("/sites/t_orga_4/images/main/main_link_3.png") no-repeat; background-size: 100% auto;}
.main-link-list ul li.link4 a {background: #1C385C;}
.main-link-list ul li.link4 a::before {background: url("/sites/t_orga_4/images/main/main_link_4.png") no-repeat; background-size: 100% auto;}
@media all and (min-width: 1024px){
	.main-link-list ul li a:hover::before {margin-top: -15%;}
	.main-link-list ul li a:hover p::after {width: 100%;}
}
@media all and (max-width: 1023px){
	.main-link-list {margin-bottom: 20px;}
	.main-link-list ul {overflow: hidden; margin: 0 -1%;}
	.main-link-list ul li {float: left; width: 25%; padding: 0 1%; margin-top: 0;}
}
@media all and (max-width: 768px){
	.main-link-list ul {margin: 0;}
	.main-link-list ul li {width:50%;padding:1%;}
	.main-link-list ul li a {display: block; padding-left: 0; padding: 10px; padding-top: 80px; text-align: center; height: auto;}
	.main-link-list ul li a::before {left: 50%; top: 10px; margin-top: 0; margin-left: -30px; width: 60px; }
}
@media all and (max-width: 400px){
	.main-link-list ul {display: block;}
	.main-link-list ul li {display: table; width: 100%;}
	.main-link-list ul li a {display: table-cell; vertical-align: middle; height: 60px; padding-left: 80px; padding-top: 10px; text-align: left;}
	.main-link-list ul li a::before {left: 10px; top: 50%; margin-top: -25px; margin-left: 0; width: 50px;}
}


/* 메인 이용안내 슬라이드 */
.main-info-img {max-width: 68%;}
.main-info-img .info-img-inner {height: 490px;}
.main-info-btn {position: absolute; left: 0; bottom: 0;}
.main-info-btn > button {float: left; display: inline-block; width: 70px; height: 70px; text-indent: -99999px;}
.main-info-btn > button.btn-prev {background: #0B89E1 url("/sites/t_orga_4/images/button/btn_info_prev.png") no-repeat center;}
.main-info-btn > button.btn-next {background: #1C385C url("/sites/t_orga_4/images/button/btn_info_next.png") no-repeat center;}
.status-btn {float: left;}
.status-btn > button {display: none; width: 70px; height: 70px; text-indent: -99999px;}
.status-btn > button.active {display: inline-block;}
.status-btn > button.btn-pause {background: #F5862D url("/sites/t_orga_4/images/button/btn_info_pause.png") no-repeat center;}
.status-btn > button.btn-play {background: #F5862D url("/sites/t_orga_4/images/button/btn_info_play.png") no-repeat center;}
.main-info-txt {position: absolute; width: 50%; right: 0; top: 16%; background: #fff;}
.main-info-txt .info-txt-bx {background: url("/sites/t_orga_4/images/main/main_info_bg.png") no-repeat right bottom;}
.main-info-txt .info-txt-inner {padding: 30px 40px; min-height: 340px; box-sizing: border-box;}
.info-txt-more {position: absolute; right: 0; top: 0px;}
.info-txt-more a {display: block; width: 55px; height: 55px; background: #CCCCCC url("/sites/t_orga_4/images/button/btn_link_more.png") no-repeat center;}
.main-info-txt .info-txt-bx .info-txt-title span {font-size: 18px; line-height: 28px; letter-spacing: -0.5px; color: #888888;}
.main-info-txt .info-txt-bx .info-txt-title p {font-size: 26px; line-height: 32px; letter-spacing: -0.5px; color: #222222; font-family: "Noto Medium";}
.main-info-txt .info-txt {border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-top: 25px;}
.main-info-txt .info-txt dl {display: table; width: 100%;}
.main-info-txt .info-txt dl:first-child {border-bottom: 1px solid #DDDDDD;}
.main-info-txt .info-txt dt {display: table-cell; width: 140px; vertical-align: top; padding: 20px 2%;}
.main-info-txt .info-txt dt p {padding-left: 50px;}
.main-info-txt .info-txt dt.location p {background: url("/sites/t_orga_4/images/icon/ic_location.png") no-repeat 15px center;}
.main-info-txt .info-txt dt.time p {background: url("/sites/t_orga_4/images/icon/ic_time.png") no-repeat 15px center;}
.main-info-txt .info-txt dt.tel p {background: url("/sites/t_orga_4/images/icon/ic_tel.png") no-repeat 15px center;}
.main-info-txt .info-txt dd {display: table-cell; width: calc(100% - 140px); vertical-align: top; padding: 20px 2%; font-size: 16px; line-height: 26px; letter-spacing: -0.5px; color: #666666;}
@media all and (max-width: 1023px){
	.main-info-img {max-width: 70%;}
	.main-info-txt {width: 50%; top: auto; bottom: 0;}
	.main-info-txt .info-txt-inner {padding: 30px;}
}
@media all and (max-width: 768px){
	.main-info-img {position: relative; width: 100%; max-width: 100%;}
	.main-info-img .info-img-inner {height: 355px;}
	.main-info-btn > button {width: 60px; height: 60px;}
	.status-btn > button {width: 60px; height: 60px;}
	.main-info-txt {position: static; width: 100%;}
	.main-info-txt .info-txt-inner {padding: 30px 0px;}
}


/* 메인 자주찾기 바로가기 */
.main-freq-wrap {}
.main-freq-title {position: relative; width: 28%; height: 325px; float:left;}
.main-freq-title .title {font-size: 36px; line-height: 46px; letter-spacing: -0.5px; color: #fff; font-family:'S-CoreDream-5Medium';}
.main-freq-title .info {font-size: 22px; line-height: 30px; letter-spacing: -0.5px; color: #fff; font-family:'S-CoreDream-2ExtraLight'; margin-top: 20px;}
.main-freq-btn {position: absolute; left: 0; bottom: 0;}
.main-freq-btn button {display: inline-block; width: 47px; font-size: 13px; color: rgba(255, 255, 255, 0.5); padding-bottom: 25px; cursor: pointer; transition: all 0.3s;}
.main-freq-btn button:hover {color: #fff;}
.main-freq-btn .prev {margin-right: 50px; background: url("/sites/t_orga_4/images/button/btn_freq_prev.png") no-repeat left bottom;}
.main-freq-btn .next {background: url("/sites/t_orga_4/images/button/btn_freq_next.png") no-repeat left bottom;}
.main-freq-btn .prev:hover {background: url("/sites/t_orga_4/images/button/btn_freq_prev_on.png") no-repeat left bottom;}
.main-freq-btn .next:hover {background: url("/sites/t_orga_4/images/button/btn_freq_next_on.png") no-repeat left bottom;}
.main-freq-bx {position: absolute; width: 70%; right: 0;}
.main-freq-bx .main-freq-slider .freq-inner {float: left; background: #fff;}
.main-freq-slider .freq-inner {margin-right: 30px;}
.main-freq-slider .freq-inner a {display: block; width: 260px; height: 325px; padding: 25px 20px; box-sizing: border-box;}
.main-freq-slider .freq-inner a img {margin: 20px auto 30px;}
.main-freq-slider .freq-inner .num {display: block; font-size: 15px; line-height: 20px; color: #000000; font-weight: 500; font-family:'Mont Bold'; text-align: right;}
.main-freq-slider .freq-inner .title {position: relative; display: inline-block; font-size: 20px; line-height: 24px; letter-spacing: -0.5px; color: #111111; font-family: "Noto Medium"; margin-bottom: 10px; max-width: 100%;}
.main-freq-slider .freq-inner .title span {position: relative; display: block; z-index: 4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;}
.main-freq-slider .freq-inner .title::before {content: ""; position: absolute; left: 0; bottom: 0px; width: 0; height: 10px; background: #FFE600; transition: width 0.3s; opacity: 0.5; z-index: 1;}
.main-freq-slider .freq-inner .info {font-size: 16px; line-height: 24px; letter-spacing: -0.5px; color: #666666; height: 48px; overflow: hidden;}
.main-freq-slider .freq-inner a:hover .title::before {width: 100%;}
@media all and (max-width: 1420px){
	.main-freq-title .title {font-size: 28px; line-height: 40px;}
	.main-freq-btn {left: 20px;}
}
@media all and (max-width: 768px){
	.main-freq-title {float: none; width: 100%; height: auto;}
	.main-freq-title .info {display: none;}
	.main-freq-btn {left: auto; right: 20px; top: 15px;}
	.main-freq-bx {position: static; width: 100%; padding: 0 20px; margin-top: 30px;}
	.main-freq-slider {margin: 0 -15px; }
	.main-freq-bx .main-freq-slider .freq-inner {padding: 0 15px; margin-right: 0; background: none;}
	.main-freq-slider .freq-inner a {width: 100%; height: auto; min-height: 325px; background: #fff;}
}