@charset "utf-8";
#multipleContentsDiv_base_47 {overflow: hidden; max-width: 1400px; margin: 0 auto; padding: 60px 0 40px;}
#multipleContentsDiv_pr_22, #multipleContentsDiv_pr_27, #multipleContentsDiv_pr_29 {overflow: hidden; max-width: 1440px; margin: 0 auto; padding: 0 20px;}


@media all and (max-width: 1023px){
	#multipleContentsDiv_base_47 {padding: 50px 30px 40px;}
  #multipleContentsDiv_pr_27, #multipleContentsDiv_pr_29 {padding: 0 30px;}
	#multipleContentsDiv_pr_22 {padding: 0;}
	#menu1436_obj25 {padding: 0 30px;}
}

@media all and (max-width: 768px){
	#multipleContentsDiv_base_47 {padding: 30px 20px;}
	#multipleContentsDiv_pr_27, #multipleContentsDiv_pr_29 {padding: 0 20px;}
	#multipleContentsDiv_pr_22 {padding: 0;}
	#menu1436_obj25 {padding: 0 20px;}
}

.wrap-main-con, #multipleDiv_factory1_37 {display:inline-block; width:100%; background:#f5f5f5; margin-top:-50px; padding:0 0 60px 0;}

#menu1436_obj4 {position: absolute; width: 100% !important; left: 0; top: 42%; z-index: 100;}
.main-slogan {z-index:1; width:100%; text-align:center; color:#fff; line-height:1.3; text-shadow:0px 3px 7px rgba(0, 0, 0, 0.5);}
.main-slogan strong {display:block; padding:15px 0 0 0; font-size: 44px; line-height: 48px; font-weight:normal; font-family: 'Gmarket Sans'; letter-spacing: 0px; font-weight: 600;}
.main-slogan p {font-size:30px; line-height: 35px; letter-spacing: -0.5px; font-family: 'Gmarket Sans'; font-weight: 400;}

@media all and (min-width:1921px) {

}

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

}

@media all and (max-width: 768px){
	.main-slogan strong {font-size: 26px; line-height: 30px;}
	.main-slogan p {font-size: 20px; line-height: 25px;}
}

.pr-gachon-link {background: url("../../images/main/main_link_bg.jpg") no-repeat center;}
.pr-gachon-link .pr-table {display: table; width: 100%;}
.pr-gachon-link .pr-table-cell {display: table-cell; height: 460px; vertical-align: middle; text-align: center;}
.pr-gachon-title .title {font-size: 30px; line-height: 38px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium";}
.pr-gachon-title .title strong {display: block;}
.pr-gachon-title .info {font-size: 18px; line-height: 24px; letter-spacing: -0.5px; color: rgba(255, 255, 255, 0.5); margin: 20px 0 55px;}
.pr-gachon-link .pr-table-cell ul {max-width: 300px; margin: 0 auto; overflow: hidden; padding: 0 10px;}
.pr-gachon-link .pr-table-cell ul li {float: left; width: 47%; }
.pr-gachon-link .pr-table-cell ul li:first-child {margin-right: 6%;}
.pr-gachon-link .pr-table-cell ul li a {display: block; border-radius: 25px; padding: 11px 10px; font-size: 16px; letter-spacing: -0.5px; color: #fff; background: #0279F3; border: 2px solid #0279F3; transition: all 0.3s;}
.pr-gachon-link .pr-table-cell ul li:first-child a {background: #0E53A4; border: 2px solid #0E53A4;}
.pr-gachon-link .pr-table-cell ul li a:hover {background: #fff; color: #0279F3; font-family: "Noto Regular";}
.pr-gachon-link .pr-table-cell ul li:first-child a:hover {color: #0E53A4;}

@media all and (max-width: 1023px){
	.pr-gachon-link {background: url("../../images/main/main_link_bg_t.png") no-repeat center; background-size: cover; margin-top: 30px;}
	.pr-gachon-link .pr-table-cell {height: 250px;}
	.pr-gachon-title {display: inline-block; width: 50%; vertical-align: middle;}
	.pr-gachon-title .info {margin-bottom: 0;}
	.pr-gachon-link .pr-table-cell ul {display: inline-block; width: 50%; vertical-align: middle;}
}

@media all and (max-width: 768px){
	.pr-gachon-link {background: url("../../images/main/main_link_bg_m.jpg") no-repeat center; background-size: cover;}
	.pr-gachon-link .pr-table-cell {height: 300px;}
	.pr-gachon-title {display: block; width: 100%;}
	.pr-gachon-title .info {margin-bottom: 25px;}
	.pr-gachon-link .pr-table-cell ul {display: block; width: 100%;}
}

.pr-gachon-list {position: relative; padding: 40px 0; margin-bottom: 40px;}
.pr-gachon-list::after {content: ""; position: absolute; width: 100%; height: 5px; background: url("../../images/main/main_line_bg.jpg"); left: 0; bottom: 0;}
.pr-gachon-list ul li {float: left; width: 12.5%; text-align: center;}
.pr-gachon-list ul li a {display: inline-block;}
.pr-gachon-list ul li a > p {position: relative; display: inline-block; font-size: 16px; line-height: 20px; letter-spacing: -0.5px; color: #333333; margin-top: 10px; padding-bottom: 3px;}
.pr-gachon-list ul li a > p::after {content: ""; position: absolute; width: 0; height: 1px; background: #949494; left: 0; bottom: 0px; transition: width 0.3s;}
.pr-gachon-list .pr-link-icon {width: 70px; height: 70px; transition: all 0.3s; margin: 0 auto; border-radius: 50%;}
.pr-gachon-list .pr-link-icon img {display: inline-block;}

.pr-gachon-list ul li a:hover .pr-link-icon {box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.25);}
.pr-gachon-list ul li.facebook .pr-link-icon {background: url("../../images/main/main_facebook.png") no-repeat center;}
.pr-gachon-list ul li.youtube .pr-link-icon {background: url("../../images/main/main_youtube.png") no-repeat center;}
.pr-gachon-list ul li.insta .pr-link-icon {background: url("../../images/main/main_insta.png") no-repeat center;}
.pr-gachon-list ul li.blog .pr-link-icon {background: url("../../images/main/main_blog.png") no-repeat center;}

.pr-gachon-list ul li.facebook:hover .pr-link-icon {background: url("../../images/main/main_facebook_on.png") no-repeat center;}
.pr-gachon-list ul li.youtube:hover .pr-link-icon {background: url("../../images/main/main_youtube_on.png") no-repeat center;}
.pr-gachon-list ul li.insta:hover .pr-link-icon {background: url("../../images/main/main_insta_on.png") no-repeat center;}
.pr-gachon-list ul li.blog:hover .pr-link-icon {background: url("../../images/main/main_blog_on.png") no-repeat center;}

.pr-gachon-list ul li a:hover > p {font-family: "Noto Medium";}
.pr-gachon-list ul li a:hover > p::after {width: 100%;}

@media all and (max-width: 1023px){
	.pr-gachon-list .slick-arrow {position: absolute; width: 40px; height: 55px; cursor: pointer; top: 50%; margin-top: -22.5px; text-indent: -99999px; z-index: 10;}
	.pr-gachon-list .slick-prev {left: 0; background: #7F7F7F url("../../images/button/btn_main_sns_prev.png") no-repeat center;}
	.pr-gachon-list .slick-prev:hover {background: #0E53A4 url("../../images/button/btn_main_sns_prev.png") no-repeat center;}
	.pr-gachon-list .slick-next {right: 0; background: #7F7F7F url("../../images/button/btn_main_sns_next.png") no-repeat center;}
	.pr-gachon-list .slick-next:hover {background: #0E53A4 url("../../images/button/btn_main_sns_next.png") no-repeat center;}
}

@media all and (max-width: 768px){
	.pr-gachon-list {padding: 30px 0 5px; margin-bottom: 30px;}
	.pr-gachon-list ul li {margin-bottom: 25px;}
}

.pr-video-tab ul {margin-left: 10px;}
.pr-video-tab ul li {position: relative; float: left; width: 100px; height: 55px; margin-right: 5px; padding: 0 20px;}
.pr-video-tab ul li[data-index="2"]{width: 120px;}
.pr-video-tab ul li::before {content: ""; position: absolute; background: #9FB4CA; left: 0; bottom: 0; right: 0; top: 0;  transform: skew(-20deg); transition: background 0.3s;}
.pr-video-tab ul li button {position: relative; display: block; width: 100%; cursor: pointer; font-size: 18px; line-height: 55px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium"; text-align: left;}
.pr-video-tab ul li button::after {content: ""; position: absolute; width: 7px; height: 7px; background: rgba(255, 255, 255, 0.5); right: 0px; top: 50%; margin-top: -3.5px; border-radius: 50%;}

.pr-video-tab ul li.selected::before, .pr-video-tab ul li:hover::before {background: #0279F3;}

.pr-video-content .pr-video-inner {display: none;}
.pr-video-content .pr-video-inner.on {display: block;}
.pr-video-content .pr-video-bx {position: relative; display: block; height: 335px;}
.pr-video-content .pr-video-title {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5);}
.pr-video-content .pr-video-table {display: table; width: 100%; height: 100%;}
.pr-video-content .pr-video-cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.pr-video-content .pr-video-cell > p {font-size: 22px; line-height: 30px; letter-spacing: -0.5px; color: #fff; margin-bottom: 20px;}

@media all and (max-width: 768px){
	.pr-video-content .pr-video-bx {height: 265px;}
}

@media all and (max-width: 450px){
	.pr-video-tab ul li {width: 85px;}
}