.container {width:100%!important;/*min-width:1920px!important;*/margin-right:0!important;margin-left:0!important;padding-right:0!important;padding-left:0!important;}
/*.container {overflow:hidden;}*/
#about_left div ul:first-child li:first-child {margin-top:130px;}
#about_ul {margin-top:60px!important}
#about_left {justify-content:normal!important}
#pinpl_middle {display:inline-block;width:500px;margin:0 auto}
/*#arpayo_middle {display:inline-block;width:500px;margin:0 auto}*/
br {display:none}

.btn_download {z-index:2000;font-size:20px;position:fixed;right:104px;top:45px;font-weight:bold;text-align:center;line-height:2}
.btn_download2 {z-index:2000;font-size:20px;position:fixed;right:104px;top:45px;font-weight:bold;text-align:center;line-height:2}
.careerContents {
	width:100%;
	height:100%;
	/* min-height:2700px; */
}
.bg_welfare {position: relative;top:85px;width:100%;margin-top:62px;background:#F5F5F5}
.bg_welfare .welfare {display:flex; max-width:1200px; width: 100%;margin:0 auto;}
.bg_welfare .welfareContent {display:flex;margin-top:32px;margin-bottom:32px;}
.bg_welfare .welfare .welfareTitle {margin-top:32px;width:166px;font-weight:700;font-size:26px}
.bg_welfare .welfareContent li {width:212px; border-left:2px solid #fff; font-size:15.5px}
.bg_welfare .welfareContent li:last-child {width:179px}
.bg_welfare .welfareContent li .tit_welfare {display:inline-block;margin-bottom:3px;font-size:18px;font-weight:700;color:#000}
.bg_welfare .welfareContent li ul li {padding-left:10px;border-left:none}

#career {position:relative;background:#fff}
.career_outbox {width:1200px;margin-top:50px;background:white;border-radius:0px 15px 15px 15px;margin-right:50px;}
.tab ul.title li {background:#fff;color:#727272;cursor:pointer}
.tab ul.title li.show {display:flex!important;font-weight:700;background: #F5F5F5;color:#000;}
.panel {height:400px;background: #F5F5F5!important;border-radius:5px;border-top-left-radius:0!important;border-top-right-radius:0!important;}
.panel ul {display:none}

#career_image {width: 100%;display: flex;justify-content: center;margin-top:80px!important;}

.career_box {flex-direction: column; font-size: 22px; position: relative; top: 50px; left: 20px;width:70%;}
.career_box li {line-height:2;}
.title {display:flex;justify-content:center;position:relative;align-items:center;}
.careerTitle {width:1200px;display:flex;flex-direction:row;position:relative;top:80px;left:50%;transform:translate(-50%);}
.career_inimg, .career_inimg2, .career_inimg3, .career_inimg4, .career_inimg5 {margin:0 10px;cursor:pointer}
.commonCondition {display:block;width:1200px;margin:0 auto;padding-left:20px;padding-bottom:116px;}
.commonTitle {margin-top:90px;margin-bottom:20px;font-weight:700;font-size:22px;}
.commonTitle:first-child {margin-top:0!important}
.commonText li {font-size:22px;line-height:2}
.orange {color:#FF4E31}
.blue {color:#135DFF}
.inbtnText, .inbtnText2, .inbtnText3, .inbtnText4, .inbtnText5 {display:none;margin-top:28px;font-weight:700;font-size:18px;color:#F6C143;text-align:center}
.movieCareer {display:block;position:absolute;right: -306px;top: 15px;border:5px solid #fff;width:488px;height:273px}
#career #footer_ex {padding:20px 0;text-align:center;line-height:2}
#cancel_career {z-index:2000;position:fixed;font-size:50px;top:30px;right:35px;cursor:pointer;}
#arpayo_ee_img, #arpayo_er_img, #pinpl_ee_img, #pinpl_er_img {width:309px;}
.dott li p {display:inline-block}
.snbSwiper {display:none}
.title_career {display:none}
/* .setUpDocument {display:none;margin-top:40px}
.setUpDocument2 {display:none;margin-top:40px}
.setUpDocument3 {display:none;margin-top:40px} */
.img_approch {display:none;}
.dott li { margin-left: 5px; padding-left:28px;background:url('../image/img_dott.svg') no-repeat 9px 20px;word-break:keep-all}
.career_box li:last-child {padding-left:0!important;background:none!important;}
.titBr {display:none}
.swiper-slide div {display:flex;width:100%;cursor:pointer;justify-content:center;margin-bottom:0}
.slick-list {overflow:auto!important;}
.btn_prev {z-index:2000;position:fixed;left:25px;bottom:12px}
.btn_next {z-index:2000;position:fixed;right:25px;bottom:12px}
.text-time {overflow:hidden;background:#000}
.career_inbtn7, .career_inbtn8, .career_inbtn9, .career_inbtn10 {display:none;}
.career_inbtn6 {display:block;}
.career_image li img {vertical-align:bottom}
.movieCareer iframe {width:488px;height:273px}

.footer_main .slick-list {overflow:hidden!important}
@media screen and (min-width: 1024px) and (max-width: 1280px) and (hover: none) and (pointer: coarse){
	/*#about {width:1280px!important}*/
	#cancel_about {right:20px!important}
	#about{min-height:820px!important}
	#about_left {min-height:820px!important;justify-content:normal!important;}
	#about_left div ul:first-child li:first-child {margin-top:70px;}
	#about_left_none {width:22%!important}
	#about_ul {margin-top:50px!important;margin-right:0!important;right:0.5vw!important}
	#about_ul li:first-child {margin-top:0!important}
	#about_right {min-height:820px!important;justify-content:normal!important;}
	.not_li ul li {max-width:430px;}
	br {display:block}
}

@media screen and (min-width: 1280px) and (max-width: 1445px) {
	#cancel_about {right:20px!important}
	#about{min-height:1100px!important}E
	#about_left {min-height:1100px!important;justify-content:normal!important;}
	#about_left div ul:first-child li:first-child {margin-top:130px;}
	#about_left_none {width:22%!important;min-height:1100px!important}
	#about_left_content {margin-left:2.5vw!important}
	#about_left_content2 {margin-left:2.5vw!important}
	#about_ul {margin-top:130px!important;margin-right:0!important;right:0.5vw!important}
	#about_ul li:first-child {margin-top:0!important}
	#about_right {min-height:1100px!important;justify-content:normal!important;}
}

@media screen and (min-width: 1450px) and (max-width: 1680px) {
	#cancel_about {right:20px!important}
	#about_left {justify-content:normal!important;}
	#about_left div ul:first-child li:first-child {margin-top:130px;}
	#about_left_content {margin-left:2.5vw!important}
	#about_left_content2 {margin-left:2.5vw!important}
	#about_ul {margin-top:130px!important;margin-right:0!important;right:0.5vw!important}
	#about_ul li:first-child {margin-top:0!important}
	#about_right {justify-content:normal!important;}
}

@media screen and (max-width: 1924px) {
	#about_ul {right:2vw!important}
}

#right_arpayo_ul {
	-webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* @-webkit-keyframes #right_arpayo_ul {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(15vw)!important;
            transform: translateX(15vw)!important;
  }
}
@keyframes #right_arpayo_ul {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(15vw)!important;
            transform: translateX(15vw)!important;
  }
} */

/* ������ ������ �۾� */
@media screen and (max-width: 1024px) and (hover: none) and (pointer: coarse) {
	.Medium_14_main {font-size:10.5px!important;word-break:keep-all;}
	.Light_12_main {font-size:10px!important}
}
@media screen and (max-width: 912px) and (min-width: 570px) and (hover: none) and (pointer: coarse) {
    /*#right_text {width:70%!important;margin:0 auto!important;}*/
	.border {margin-top:5px!important;margin-bottom:2.5px!important;margin-left:0!important;margin-right:0!important;}
	.w375 {margin-top:2.5px!important;font-size:17px!important}
	.w375_2 {margin-top:4px!important;font-size:13px!important}
	.w375_21 {margin-top:5px!important;font-size:13px!important}
	.mt15 {margin-top:15px!important}
	#arpayo_ee_img, #arpayo_er_img,  #pinpl_ee_img, #pinpl_er_img {width:54%;}
}

@media screen and (max-width: 570px) and (hover: none) and (pointer: coarse){
	#arpayo_ee_img, #arpayo_er_img,  #pinpl_ee_img, #pinpl_er_img {width:84%;}
}
.arpayo_middle_1 img {margin-bottom:30px}

@media screen and (max-width: 750px) and (hover: none) and (pointer: coarse){
	/*#crush_border {margin-bottom:19px!important}*/
	.w375 {display:none!important}
	.w375_2 {display:none!important}
	.w375_21 {display:none!important}

}

@media screen and (max-width: 570px) and (min-width: 450px) and (hover: none) and (pointer: coarse) {
	#lottie svg {width:25vw!important}
    #left_text {top:100px!important;left:50%!important;transform:translate(-50%)!important}
	#right_text {bottom: 140px!important;right:0%!important;width:100%!important;margin-right:0!important;}
	.Bold_40_main {margin-top:10px!important;font-size:20px!important}
    .Bold_40_main2 {font-size:20px!important}
	.w375 {margin-top:4px!important;}
	.font072 {font-size:0.8vw!important}

	#circle_icon {width: 12.8vw!important;height: 12.8vw!important;}
	#l_icon {width: 14.5vw!important;height: auto;margin-top:-15px}
	#crush_img { width: 40.5vw!important;margin-bottom:8px!important}
	/* #circle_in {width: 29.5vw!important; height: auto;margin-top:-15px} */

	#right_ul {height:300px}
	#right_ul li:nth-child(2) {margin-top:10px!important;}

	#footer_icon {height: 13vw!important;}
	.slick-slider {margin-bottom:80px!important}
	.slick-initialized .slick-slide {margin-left:-20px!important}
}
@media screen and (max-width: 570px) and (min-width:500px) {
    #right_ul {height: 170px!important;}
    .slick-slide {margin-bottom:-5px!important}
	.item img {width: 42%!important;margin-left:52%!important}
}
@media screen and (max-width: 450px) and (min-width:380px) {
	/*#circle_icon {margin-top:-5px!important;}*/
	/*#crush_border {margin-top: -8px!important;}*/
	/*#circle_in {margin-top:35px!important}*/
	#header_right {top:25px!important}
	.btn {top:5px!important}
	/*.w375 {display:none!important}*/
	.bottom_border {height:5px!important;bottom:90px!important;/*bottom:65px!important*/}
	#footer_point {bottom:90px!important}
	#header_right {right:20px!important}
	#left_ul {margin-right:0!important}
	#left_text {top: 100px!important;}
	#right_ul {height:80px!important}
	#right_ul li {/*margin-top:2.5px!important;*//*margin-bottom:0!important;/*border-bottom:none!important;/*font-size:13px!important/*/}
	#crush_img {width:160px!important;/*margin-top:-1px!important;*/margin-top:2px!important;}
	#section_logo {top:282px!important}

}
@media screen and (max-width: 450px) and (min-width:380px) {
	#right_text {bottom: 200px!important;}
	#right_ul li {margin-top: 3px!important;margin-bottom:0!important}
	.mt_50 {padding-top:10px!important}
}
@media screen and (max-width: 380px) {
	/*#circle_icon {margin-top:-5px!important;}*/
	/*#crush_border {margin-top: -8px!important;}*/
	/*#circle_in {margin-top:35px!important}*/
	#header_right {top:25px!important}
	.btn {top:5px!important}
	/*#footer_point {bottom:90px!important}*/
	#header_right {right:20px!important}
	#left_ul {margin-right:0!important}
	#left_text {top: 70px!important;}
	#right_ul {height:210px!important}
	#right_text {bottom: 170px!important;}
}
@media screen and (max-width: 450px) {
	.w375 {display:none!important}
	.w375_2 {display:none!important}
	.w375_21 {display:none!important}
}

@media screen and (max-width: 380px) {
	#right_ul {/*height: 170px!important;*/height: 100px!important;}
	#main_left_text {margin-top:-5px!important;font-size:18px!important}
  /*#circle_icon {margin-top: -4px!important;}*/
	/*#crush_border { margin-top:-4px!important;margin-bottom:20px!important}*/
	#circle_icon {width: 11vw; height: 11vw;}
}


@media screen and (max-width: 800px) and (hover: none) and (pointer: coarse) {
	/* .careerContents {min-height:2600px} */

	#career_image {justify-content:center;z-index:1000;position:fixed;bottom:0;}


	.career_inimg, .career_inimg2, .career_inimg3, .career_inimg4, .career_inimg5 {margin: 0 0 40px;}
	.inbtnText, .inbtnText2, .inbtnText3, .inbtnText4, .inbtnText5{display:block;position:relative;left:50%;transform:translate(-50%);bottom:0;width:100%;padding:12.5px 0; margin-top: 28px;margin-bottom:0!important; font-weight: 700; font-size: 18px; background: #F6C143; color: #fff; text-align: center;z-index:1000}
	.snbSwiper {width:100%;background:url('../image/bg_bottom.png') repeat-x!important;background-position:0 bottom!important;}

	.dott li:last-child {padding-right:0!important}

	.career_box {padding-top:50px;}

    .video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}

	/*.career_image {margin-left:300px!important}*/
    .snbSwiper .swiper-wrapper .swiper-slide img {width:120px;margin-top:75px;z-index:100000}
    .snbSwiper .swiper-wrapper .swiper-slide-active img {width:120px!important}

	.big {width: 22%!important; margin-bottom: 45px;}
	.slick-track .small {width:27%!important}
	.slick-slide {margin-bottom:5px;}
	.btn_download2 img {width: 20px;}
	.swiper-slide div {display:inline-block!important;text-align:center}
}
/* @media screen and (max-width: 800px) and (hover: none) and (pointer: coarse) { */
@media screen and (max-device-width : 1000px) {
	/* .careerContents {min-height:2580px;} */
	.btn_download {position:relative;display:none;top: 15px;left: 30px;text-align: left;}
	.btn_download a {text-align:center}
	.btn_download2 {position:relative;top:0;left:0;margin:0 auto 40px;}
	.careerTitle {width:100%;top:0;margin-top:0;padding-top:10px;margin-bottom:20px;text-align:center;top:0;}
/* 	.careerTitle li ul li:first-child {font-size:26px!important}
	.careerTitle li ul li:last-child {font-size:18px!important} */
	.bg_welfare {display:none}
	.img_approch_pc {display:none}
	.img_approch {display:block!important;margin-left:-20px;width:calc(100% + 40px);}
	.img_approch {margin-bottom:20px;}
	.commonCondition {width:calc(100% - 40px);padding-left:0;margin:40px auto 0}
	#detailCondition1, #detailCondition2, #detailCondition3, #detailCondition4, #detailCondition5 {width:calc(100% - 40px)!important; margin:40px auto 0!important}
	.movieCareer {display:block;position:relative;right:0;top:auto;border:5px solid #fff;width:100%;height:auto;margin-top:25px;line-height:0!important;}
	.panel {height:calc(100% - 70px)!important;padding-bottom:15px;}
	.panel li br {display:none!important}
	.career_box {width:calc(100% - 40px);word-break:keep-all}
	.career_outbtn, .career_outbtn2, .career_outbtn3 {width:calc(100% / 3)!important}
	.career_outbtn4, .career_outbtn5 {display:none!important}
	#career_image {z-index:1000;position:fixed;bottom:0;left:0;background:url('../image/bg_bottom.png') repeat-x!important;background-position:0 bottom!important;}
	#cancel_career {position: relative;top: 0; width: 27px; height: 27px; top: -58px; right: 12px; float: right; text-align: center;}
    #cancel_career img {width:100%;height:100%;}
	.title_career {display:block!important;padding-top:11px;padding-left:20px}
    .titBr {display:block!important}
	.career_outbox {width:100%;margin-top:0!important;margin-right:0!important;}
	.career_inimg, .career_inimg2, .career_inimg3, .career_inimg4, .career_inimg5 {margin: 0 0 14px;}
	.inbtnText, .inbtnText2, .inbtnText3, .inbtnText4, .inbtnText5{display:block;position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;padding:12.5px 0; margin-top: 28px;margin-bottom:0!important; font-weight: 700; font-size: 16px; background: #F6C143; color: #fff; text-align: center;z-index:1000}
	.snbSwiper {width:100%;}
	.career_outbtn, .career_outbtn2, .career_outbtn3 {font-size:18px;}
	.career_box {font-size:16px!important}
	.dott li {padding-left: 22px!important;padding-right:10px!important;background: url(../image/img_dott.svg) no-repeat 9px 14px;background-size:3.6px;}
	.commonCondition li {background: url(../image/img_dott.svg) no-repeat 9px 11px;background-size:3.6px;}

	.dott li:last-child {padding-right:0!important}
	.dott li p {display:inline-block;margin:2px 0!important;line-height:1.5;vertical-align:top}
	.dott li p:last-child {width:70%;}
	.commonText li {line-height:1.5;font-size:16px!important}
	.career_box {top:0!important;left:15px!important;padding-top:25px;}
	/* .setUpDocument {margin-top:40px}
	.setUpDocument2 {margin-top:40px} */
	.commonTitle {margin-top:40px;font-size:18px}
    .video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
	.video-wrap iframe,
	.video-wrap object,
	.video-wrap embed {position:absolute; top:0; left:0; width:100%!important; height:100%!important;}
	.divisionPcVer {display:none!important}
	/*.career_image {margin-left:300px!important}*/
    .snbSwiper .swiper-wrapper .swiper-slide img {width:105px;margin-top:70px;height:135px}
    .snbSwiper .swiper-wrapper .swiper-slide-active img {width:105px!important}
    .snbSwiper .swiper-wrapper .swiper-slide-active.on img {width:190px!important}
	.snbSwiper { padding: 0 3px;box-sizing: border-box;background: powderblue; display:block!important}
	.swiper-slide img { display: block; text-align: center; }
	.swiper-wrapper li:first-child {margin-left:500px!important}
	.btn_download2 {font-size:18px!important;line-height:1!important}

	.btn_download2 a {height:auto!important}
    .btn_download2 span {margin:16px 0}
	.tab ul.title li {height:50px!important}
	.big {width: 19%!important;height:auto!important}
	.small {margin-top:100px!important}
}
@media screen and (max-width: 930px) and (min-width: 910px) and (hover: none) and (pointer: coarse) {
	.careerContents {min-height: 2800px;}
}
@media screen and (max-width: 830px) and (min-width: 810px) and (hover: none) and (pointer: coarse) {
	.small {margin-top:120px!important;margin-bottom:30px!important}
	.big {width:17%!important;margin-bottom: 30px;}
	.careerContents {min-height: 2720px;}
}
@media screen and (max-width: 770px) and (min-width: 750px) and (hover: none) and (pointer: coarse) {
	.snbSwiper .swiper-wrapper .swiper-slide img {height: 135px!important;}
	.small {margin-top: 90px!important;}
	.careerContents {min-height: 2660px;}
}
@media screen and (max-width: 770px) and (hover: none) and (pointer: coarse) {
	.big {width: 17.5%!important;margin-bottom: 50.5px!important;}
	.pcVer {display:none!important;}
}
@media screen and (min-width: 600px) and (max-width: 770px) and (hover: none) and (pointer: coarse) {
	#career_image {width: 100%;display: flex;justify-content: center;margin-top: 80px!important;}
	.snbSwiper .swiper-wrapper .swiper-slide img {width: 105px;margin-top: 70px; height: 115px;}
}
@media screen and (max-width: 600px) and (hover: none) and (pointer: coarse) {
	.small {margin-top:100px!important;}
}
@media screen and (min-width: 500px) and (max-width: 550px) {
	.small {margin-top: 92px!important;}
	.big {width: 26%!important;height:auto!important}
	.snbSwiper .swiper-wrapper .swiper-slide img {/*margin-top:75px!important;*/height:auto!important}
	.careerContents {min-height: 2520px;}
}
@media screen and (max-width: 440px) {
	.small {margin-top:110px!important;}
	.big {width: 37%!important;height:auto!important;margin-bottom: 40px!important;}
	#career_image {bottom: 5px; -webkit-overflow-scrolling: touch;}
	/* .careerContents {min-height: 2510px;} */
	#crush_border {margin-top: 0;margin-bottom:0!important}
}
@media screen and (max-width: 395px) {
	.small {margin-top: 100px!important;}
	.big {margin-bottom: 40px!important;}
}
@media screen and (max-width: 380px) {
	.small {margin-top:85px!important;}
	.big {width: 37.9%!important;height:auto!important;margin-bottom:43px!important;}
	.snbSwiper .swiper-wrapper .swiper-slide img {height:auto!important;}
}
@media screen and (max-width: 365px) {
	.small {margin-top:81px!important;}
	.big {width: 38.9%!important;height:auto!important;margin-bottom:43px!important;}
}
@media screen and (max-width: 920px) and (min-width: 910px) and (hover: none) and (pointer: coarse) {
	.snbSwiper .swiper-wrapper .swiper-slide img {height:auto!important;}
	.big {width: 17%!important;}
	.small {margin-top: 100px!important;}
}
/*@media screen and (max-width: 1030px) and (min-width: 1000px) {
	.small {margin-top: 100px!important;width: 105px!important;}
	.big {width: 14%!important; height: auto!important;}
}*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.footer_main .slick-list {overflow:hidden!important}
}
/* neaga iruckke heaya hanyago */
.slick-slider {margin-right:0!important;/*padding-right:3.29%*/padding-right:0!important}
.slider-nav {padding-top:80vh;}
.slick-list {padding:0 80px 0 0!important}
@media screen and (max-width: 2070px) {
	.slick-list {padding:0 80px 0 0!important}
}
#crush_border {animation-iteration-count:1}

/* When in 1600px, Bottom icon's posiition is wrong, So I fixed icon's margin */
@media screen and (max-width: 1600px) {
	.slick-slide img {margin-left:-5px;}
}

@media screen and (max-width: 770px) and (hover: none) and (pointer: coarse) {
	.mt4 {margin-top:5px!important}
	.mt32 {margin-top:32px!important}
	.mb25 {margin-bottom:25px!important}
	.mt18 {margin-top:18px!important}
}
.pcVer {display:block;}
.item img {margin-left:5.45%}

/* When in 2000px, item's margin fix */
/*@media screen and (max-width: 2060px) {
	.item img {margin-left:30.20%}
}*/
/*@media screen and (max-width: 2000px) {
	.item img {margin-left:25.20%}
}*/
/* When in 2000px, item's margin fix */
@media screen and (max-width: 1900px) {
	.item img {margin-left:3%}
}

/* When in 1600px, item's margin fix */
@media screen and (max-width: 1800px) {
	.item img {margin-left:4%}
}
/* When in 1600px, item's margin fix */
@media screen and (max-width: 1650px) {
	.item img {margin-left:4.5%}
}
/* When in 1600px, item's margin fix */
@media screen and (max-width: 1600px) {
	.item img {margin-left:5%}
}
/* When in 1600px, item's margin fix */
@media screen and (max-width: 1450px) {
	.item img {margin-left:6%}
}
/* When in 1600px, item's margin fix */
@media screen and (max-width: 1200px) and (hover: none) and (pointer: coarse) {
	.item img {margin-left:7.5%}
}

/* When in 1024px, item's margin fix */
@media screen and (max-width: 1024px) and (hover: none) and (pointer: coarse) {
	.item img {margin-left:8%!important}
}
/* When in 1024px, item's margin fix */
@media screen and (max-width: 920px) and (hover: none) and (pointer: coarse) {
	.item img {margin-left:24%!important}
}
@media screen and (max-width: 450px) {
	.item img {margin-left:55%!important}
}
@media screen and (max-width: 380px) {
	.item img {margin-left:63%!important}
}
@media screen and (max-width: 414px) {
	.bottom_border {width:45px!important}
    /* #circle_in{bottom:-70px;} */
}
@media screen and (max-width: 414px) and (min-width: 400px) {
	#l_icon{margin-bottom:0!important;}
}

@media screen and (max-width: 768px) and (hover: none) and (pointer: coarse) {
	.bottomGo {margin-top:5px!important}
}

/* When in 375px, circle animation fix*/
@media screen and (max-width: 380px) {
	/* #circle_in{bottom:-63px;} */
	#l_icon{margin-bottom:40px!important;}
	#crush_border {margin-top:20px;margin-bottom:-40px!important;}
	#crush_img {width:136.8px!important}
	#section_logo {top:36.5vh!important}
	#right_ul li {margin-top: 3px!important;margin-bottom:0!important}
    .Bold_40_main {font-size:18px!important}
	.viewDetail {font-size: 14px!important; font-weight: 300;}
	.viewDetail img {height:60%!important;}
	#right_text {width: 65%!important;/*bottom:55px!important*/bottom:145px!important}
	.border {margin-bottom: 1.5px!important;}
	#footer_point {bottom: 66px!important;}
	.footer_main .slick-slider {margin-bottom: 45px!important;}
	.item img{height:100%;}
	.item {height:56.5px}
	.bottom_border {height:5px!important;bottom:66px!important;/*bottom:42px!important*/}
	.Bold_40_main {letter-spacing:0!important}
	.footer_main {bottom: 10.8px!important;}
}
@media only screen and (max-device-height: 900px) and (min-device-height: 895px) and (-webkit-min-device-pixel-ratio : 3) {
    /* only ipnone 12 pro max */
	#circle_icon{margin-top:20px!important;}
}
@media screen and (max-width: 365px) {
	#circle_icon{margin-bottom:0px!important;}
	#l_icon {width: 11.5vw!important; height: auto;margin-bottom: 10px!important;}
}
@media screen and (max-width: 768px) and (hover: none) and (pointer: coarse) {
	/*#crush_border {margin-bottom:19px!important}*/
	.mt_50 {padding-top:30px!important}
}
@media screen and (max-width: 414px) {
	#pinpl_er_img, #pinpl_ee_img {z-index: 1000!important;	width: 75%!important;}
}

@media screen and (max-width: 392px) and (min-width: 389px) {
	/* #circle_in {bottom: auto!important;} */
}
/* @media screen and (max-width:768px) and (hover: none) and (pointer: coarse) {
	.setUpDocument2 {padding-bottom:80px}
}
@media screen and (max-width:1100px) and (hover: none) and (pointer: coarse) {
	.setUpDocument2 {display:block}
} */
@media screen and (max-device-width:761px) and (min-device-height: 759px){
	.Medium_14_main {font-size: 11px!important;word-break:keep-all!important}
	.Light_12_main {font-size: 9px!important;}
	#l_icon { width:12.5vw !important;}
}

/*Galaxy S7 and S8 */
@media only screen and (min-device-width : 360px) and (max-device-width : 385px){
	#circle_icon {
		width: 13vw!important;
		height: 13vw!important;
		position: relative;
		bottom:-30px;
	}
	#circle_in{
		width:35vw!important;
		height:35vw!important;
		position: relative;
		top:-113px;
	}
	#crush_img{
			transform: scale(0.82)!important;
	}
	#crush_border{
		bottom:-125px;
	}

	#l_icon{
		position: relative;
		bottom:-60px!important;
	}

	#right_ul{
		position: relative;
		bottom:40px!important;
	}

	#footer_icon{
		height:16vw!important;
		position:relative;
		top:5px!important;
	}

	.item{
		transform: scale(0.82)!important;
		position: relative;
		top:12px;
	}

	.bottom_border{
		position: absolute;
		top:487px;
		left:177px!important;
	}

	#bottom_text2{
		font-size:12px;
	}

	#footer_copy{
		font-size:10px!important;
	}
	#pinpl_er{
		position:relative;
		top:470px!important;
	}

	#pinpl_ee_img{
		position:relative;
		right:5px!important;
		bottom:90px!important;
	}

	#pinpl_middle_mobile3 img{
		position:relative;
		bottom:50px!important;
	}

	#pinpl_middle_mobile3 li:nth-child(2), #pinpl_middle_mobile3 li:nth-child(3), #pinpl_middle_mobile3 li:nth-child(4), #pinpl_middle_mobile3 li:nth-child(5), #pinpl_middle_mobile3 li:nth-child(6), #pinpl_middle_mobile3 li:nth-child(7){
		position:relative;
		bottom:60px!important;
	}

	#pinpl_middle_mobile4 li:nth-child(1), #pinpl_middle_mobile4 li:nth-child(2), #pinpl_middle_mobile4 li:nth-child(3), #pinpl_middle_mobile4 li:nth-child(4){
		position:relative;
		bottom:50px!important;
	}

	#pinpl_middle_mobile5 img{
		position:relative;
		bottom:100px!important;
	}

	#pinpl_middle_mobile5 li:nth-child(2), #pinpl_middle_mobile5 li:nth-child(3), #pinpl_middle_mobile5 li:nth-child(4), #pinpl_middle_mobile5 li:nth-child(5), #pinpl_middle_mobile5 li:nth-child(6){
		position:relative;
		bottom:100px!important;
	}



}
/* 갤럭시 A53 */
@media only screen and (min-device-width : 380px) and (max-device-width : 384px){
	#circle_icon {
		margin-bottom:110px!important;
	}
	#circle_in{
		margin-bottom:60px!important;
	}
	#crush_border{
		bottom:-92px;
	}
	#l_icon{
		bottom:-20px!important;
	}
	.bottom_border{
		position: absolute;
		left:186px!important;
	}
}

/* 갤럭시 S20 */
@media (min-height:660px) and (max-height:668px){
	#right_text{
		margin-top:30px;
	}
	.bottom_border{
		margin-top:110px!important;
	}
	.item{
		margin-bottom:27px!important;
	}
	#pinpl_er{
		margin-left:5px;
	}
	#pinpl_ee_img{
		position:relative;
		right:5px!important;
		bottom:45px!important;
	}
	#pinpl_middle_mobile3{
		top:1200px!important;
	}
}

/* 갤럭시 노트 20 울트라 5G */
@media (min-height:750px) and (max-height:760px){
	#circle_icon {
		width:17vw!important;
		height:17vw!important;
		margin-bottom:90px!important;
	}

	#circle_in{
			width:42vw!important;
			margin-bottom:35px!important;
	}

	#crush_border{
		bottom:-110px;
	}

	#l_icon{
		bottom:-35px!important;
	}

	#crush_img{
		transform: scale(1.03)!important;
	}

	#right_text{
		top:450px;
	}
	#right_ul{
		font-size:16px!important;
	}
	#lottie{
		transform: scale(0.9);
	}
	#main_left_text{
		font-size:20px!important;
		font-weight:450;
		position:relative;
		bottom:10px!important;
	}

	/* about 페이지 */
	#mt_top40{
		margin-top:20px!important;
	}
	.text2{
		font-size:4.5vw!important;
		position:relative;
		bottom:5px;
	}
	#m_contact li:nth-child(3){
		margin-top:5px;
	}
	.text3{
		font-size:7vw!important;
	}
	.text4{
		font-size:4.8vw!important;
	}
	.text5{
		font-size:3.5vw!important;
		margin-top:20px!important;
	}
	.text6{
		font-size:6vw!important;
	}
	#top_about_m{
		height:265px;
	}
	.text7{
		font-size:4.5vw!important;
	}
	.text7 p{
		margin:6px 0px!important;
	}
	.text7_1{
		margin-top:40px!important;
	}
	.text7_2{
		position:relative;
		top:10px;
		margin-bottom:30px!important;
	}
	.about_bottom{
		display:none!important;
	}
	.about_bottom2{
		display:block!important;
		height:100px!important;
	}
	.text8{
		font-size:4vw!important;
		font-weight:400!important;
	}
	.text8_1{
		margin-top:30px!important;
	}
	.text5_1{
		margin-top:60px!important;
		position:relative;
		right:10px;
	}
	.text9{
		font-size:4vw!important;
		position:relative;
		top:10px;
		right:30px;
		white-space:nowrap;
	}
	.about_img{
		margin-left:30px!important;
		margin-top:10px!important;
		transform:scale(0.94);
	}
	#about_border{
		margin:0px -19px!important;
	}
	.text_weight{
		position:relative;
		top:5px;
	}
	.text_weight p{
		font-weight:420!important;
		margin:4px 0px;
	}
	.text10_1{
		margin-top:200px!important;
	}
	/* Contact 페이지 */
	#top_about_c{
		height:265px;
	}
	.display_ul li:nth-child(3){
		margin-top:5px;
	}
	.text10{
		font-size:5.2vw!important;
		position:relative;
		top:15px!important;
		margin-bottom:10px!important;
	}
	.contact_icon{
		transform:scale(0.95);
	}

	/* footer */
	#footer_copy{
		font-size:12px!important;
	}
	#bottom_text1{
		font-size:13px!important;
	}
	#bottom_text2{
		font-size:13px!important;
		margin-bottom:5px;
	}
	#footer_point{
		margin-bottom:17px!important;
	}
	.item{
		margin-bottom:13px;
		transform:scale(0.93);
	}
	.bottom_border{
		margin-bottom:17.5px!important;
		margin-left:1px;
	}
	#footer_icon{
		height:65px!important;
	}


}

/* 갤럭시 노트 8 */
@media (min-height:718px) and (max-height:730px){
	#circle_icon {
		width:15vw!important;
		height:15vw!important;
		margin-bottom:100px!important;
	}

	#circle_in{
			width:39vw!important;
			margin-bottom:50px!important;
	}

	#l_icon{
		top:-60px!important;
	}

	#crush_img{
		transform: scale(0.94)!important;
	}
	#crush_border{
		bottom:-105px!important;
	}
	#right_text{
		top:95vw;
	}
	#left_text{
		bottom:100px!important;
	}

}

/* 태블릿 PC */
@media screen and (max-width: 1024px) and (hover: none) and (pointer: coarse) {
/* When mobile view, circle animation is very weird, so I modified only circle animation and bottom icon's position */
	#section_logo img {top: auto!important;}
	/*.bottom_border {width: 50px!important;}*/
	.slick-slide img {margin-left:8px!important}
	#left_text{
		bottom:130px!important;
	}
	#lottie{
		transform: scale(0.4);
	}

	#crush_img {
		 transform: scale(0.52)!important;
	 }

	 #crush_border{
			right:1230px!important;
			bottom:333px!important;
	 }

	#circle_icon {
		right:1475px;
		width:13vw!important;
		height:13vw!important;
	}
	#circle_in {
		right:1390px;
		bottom:-213px;
	}
	#l_icon{
		right:1468px;
		bottom:-80px;
		width:14vw!important;
	}
	#header_right{
		position: absolute;
		left:500px!important;
	}
	#main_left_text{
		position: relative;
		bottom:60px!important;
		font-size:25px;
	}
	#footer_icon{
		height:100px!important;
	}
	.item{
		position:relative;
		top:50px;
		right:645px;
	}
	.bottom_border{
		left:380px!important;
		bottom:66px!important;
	}
	#footer_ex {
		right:570px;
	}
	#footer_point{
		bottom:60px!important;
	}
	.slick-list{
		padding:0 400px!important;
	}

	/* 핀플 페이지 */
	#pinpl{
		height:4000px!important;
		background: #F7F7FA;
		overflow-x: hidden;
	}
	#pinpl_middle{
		position: relative;
		bottom:190px!important;
	}
	#pinpl_ee_img{
		margin-left:29vw;
		margin-top:2100px;
	}
	#pinpl_er_img{
		margin-left:9vw;
		margin-bottom:732px!important;
	}
	#pinpl_visible1, #pinpl_visible2{
		position:relative;
		top:70vw;
	}
	#pinpl_middle_mobile{
		display:block!important;
		position:relative;
		bottom:150px!important;
	}
	#pinpl_middle_mobile2{
		display:block!important;
		position:relative;
		top:60vw!important;
	}
	#pinpl_middle_mobile3{
		display:block!important;
		position:relative;
		top:160vw!important;
	}
	#pinpl_middle_mobile4{
		display:block!important;
		position:relative;
		top:175vw!important;
	}
	#pinpl_middle_mobile5{
		display:block!important;
		position:relative;
		top:270vw!important;
	}
	#pinpl_middle_mobile6{
		display:block!important;
		position:relative;
		top:290vw!important;
		height:100px;
	}
	#pinpl_visible3{
		margin-top:-132vw!important;
	}
	#cancel_pinpl{
		z-index: 5000!important;
	}

	/* 알파요 페이지 */
	#arpayo{
		height:4000px!important;
		background: #F7F7FA;
		overflow-x: hidden;
	}
	#arpayo_middle{
		position: relative;
		bottom:190px!important;
	}
	#arpayo_ee_img{
		margin-left:29vw;
		margin-top:2166px;
	}
	#arpayo_er_img{
		margin-left:9vw;
		margin-bottom:687px!important;
	}
	#arpayo_visible1, #arpayo_visible2{
		position:relative;
		top:70vw;
	}
	#arpayo_middle_mobile{
		display:block!important;
		position:relative;
		bottom:150px!important;
	}
	#arpayo_middle_mobile2{
		display:block!important;
		position:relative;
		top:60vw!important;
	}
	#arpayo_middle_mobile3{
		display:block!important;
		position:relative;
		top:160vw!important;
	}
	#arpayo_middle_mobile4{
		display:block!important;
		position:relative;
		top:175vw!important;
	}
	#arpayo_middle_mobile5{
		display:block!important;
		position:relative;
		top:270vw!important;
	}
	#arpayo_middle_mobile6{
		display:block!important;
		position:relative;
		top:290vw!important;
		height:100px;
	}
	#arpayo_visible3{
		margin-top:-148vw!important;
	}
	#cancel_arpayo{
		z-index: 5000!important;
	}
}