.mobile_enter {display:inline-block;}


/*¶óÀ̺êÄ¿¸Ó½º*/
.phone_wrap { position:relative; overflow:hidden;  margin:0 auto; padding:0 50px; width:1300px; }
.phone_wrap li {position:relative; float:left; margin:20px;width:350px; height:620px;  padding:20px;background: url("/customized/imgs/phone_bg.png") 50% 10% no-repeat; background-size:cover;}
.phone_wrap li img {width:310px; height:585px; border-radius:30px;}

.phone_wrap li::before {
    content: '';
    display: block;
    position: absolute;
     top: 7px;
    left: 50%;
    transform: translate(-50%,0);
	width:200px;
	height:34px;
	z-index:999;
    background: url("/customized/imgs/phone_top.png") top center no-repeat ;
}


.phone_wrap  .icon-bg span.heart {
    width: 50px;
    height: 50px;
    background: url("/customized/images/heart.png") no-repeat;
    background-size: 100%;

}

.phone_wrap  .icon-bg span.face {
    width: 50px;
    height: 50px;
    background: url("/customized/images/face.png") no-repeat;
    background-size: 100%;
}

.phone_wrap  .icon-bg span.like {
    width: 50px;
    height: 50px;
    background: url("/customized/images/like.png") no-repeat;
    background-size: 100%;
}

 
.phone_wrap  .icon-bg span {
    position: absolute;
}

.phone_wrap  .icon-bg span:nth-of-type(1) {
    top: 150px;
    left: 160px;
    animation: bubble 3s ease-in-out infinite;
    -webkit-animation: bubble 3s ease-in-out infinite;
    -moz-animation: bubble 3s ease-in-out infinite;
}

.phone_wrap .icon-bg span:nth-of-type(2) {
    width: 40px;
    height: 40px;
    top: 180px;
    right: 150px;

}

.phone_wrap  .icon-bg span:nth-of-type(3) {
    width: 60px;
    height: 60px;
    top: 250px;
    left: 0px;
}

.phone_wrap  .icon-bg span:nth-of-type(4) {
    width: 40px;
    height: 40px;
    top: 520px;
    left: 20px;
}

.phone_wrap  .icon-bg span:nth-of-type(5) {
    width: 60px;
    height: 60px;
    top: 570px;
    left: 280px;
    opacity: 0;
    animation: bubble 3s ease-in-out infinite 1.5s;
    -webkit-animation: bubble 3s ease-in-out infinite 1.5s;
    -moz-animation: bubble 3s ease-in-out infinite 1.5s;
}

.phone_wrap  .icon-bg span:nth-of-type(6) {
    width: 32px;
    height: 32px;
    top: 680px;
    left: 360px;
}

.phone_wrap  .icon-bg span:nth-of-type(7) {
    top: 550px;
    right: 10px;
}

.phone_wrap  .icon-bg span:nth-of-type(8) {
    width: 32px;
    height: 32px;
    top: 140px;
    right: 300px;
    opacity: 0;
    animation: bubble 2.5s ease-in-out infinite 2s;
    -webkit-animation: bubble 2.5s ease-in-out infinite 2s;
    -moz-animation: bubble 2.5s ease-in-out infinite 2s;
}

.phone_wrap  .icon-bg span:nth-of-type(9) {
    width: 54px;
    height: 54px;
    top: 400px;
    right: 45px;
}

.phone_wrap  .icon-bg span:nth-of-type(10) {
    width: 60px;
    height: 60px;
    top: 490px;
    right: 280px;
    opacity: 0;
    animation: bubble 3s ease-in-out infinite 1.5s;
    -webkit-animation: bubble 3s ease-in-out infinite 1.5s;
    -moz-animation: bubble 3s ease-in-out infinite 1.5s;
}
 

@keyframes bubble {
    0% { margin-top: 15px; opacity: 0;}
    50% { margin-top: 0; opacity: 1;}
    100% { margin-top: -15; opacity: 0;}
}

@-webkit-keyframes bubble {
    0% { margin-top: 15px; opacity: 0;}
    50% { margin-top: 0; opacity: 1;}
    100% { margin-top: -15; opacity: 0;}
}

@-moz-keyframes bubble {
    0% { margin-top: 15px; opacity: 0;}
    50% { margin-top: 0; opacity: 1;}
    100% { margin-top: -15; opacity: 0;}
}









.phone_wrap02  {overflow:hidden; margin:0 auto; width:100%;  background-color:#35527D;  padding:80px 0 50px 0; }
.phone_wrap02 h4 {position:relative; display:inline-block; font-size:40px; color:#fff; font-family: "GmarketSansBold";}
.phone_wrap02 .p_tag {font-size:20px; line-height:150%; color:#C0CFE4; margin:20px 0 30px 0;}

 

.phone_wrap03  {overflow:hidden;background: url("/customized/images/phone_wrap03_bg.jpg") top center no-repeat ; margin:0 auto; width:100%;  background-color:#e6e6e6;  padding:120px 0; }
.phone_wrap03 h4 {font-size:40px; color:#222; font-family: "GmarketSansBold";}
.phone_wrap03 .p_tag {font-size:20px; line-height:150%; color:#555; margin:20px 0 30px 0;}

 

.point_yellow {color:#FFDD39;}

 .live_1000 {text-align:center; overflow:hidden; clear:both; position:relative; margin:100px 0;}

#touchSlider5 {  position:relative; overflow:hidden; }
#touchSlider5 ul { position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider5 ul li { height:570px;   font-size:14px; color:#fff; }
#touchSlider5 ul li img {width:1000px;height:570px; border-radius:20px; }

#touchSlider11 {   position:relative; overflow:hidden; }
#touchSlider11 ul { position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider11 ul li { height:400px;  ; font-size:14px; color:#fff;   }
#touchSlider11 ul li img {width:100%; height:367px; border-radius:20px; }

.phone_1200 {width:1000px; margin:0 auto;}


/*À̹ÌÁö ½½¶óÀÌ´õ ÄÁÆ®·Ñ*/
.phone_1200 .ts-controls  {  top:-300px!important;    }
.phone_1200 .ts-paging {  top:320px!important;  }


.ts-controls { height: 36px; top:-280px;  position: relative;   }
.ts-prev { opacity:0.8;box-shadow: 0 0 15px rgba(0,0,0,0.5); font-family: 'Gulim';display:block;  border-radius:50%; width:60px;  height:60px;border:0;  font-size:40px!important; background:#fff; font-size:16px; color:#CA0000; font-weight:bold; position:absolute; top:50%; left:3%;  }
.ts-next { opacity:0.8;box-shadow: 0 0 15px rgba(0,0,0,0.5);font-family: 'Gulim'; display:block; border-radius:50%; width:60px;  height:60px; border:0; font-size:40px!important;background:#fff; font-size:16px; color:#CA0000; font-weight:bold; position:absolute; top:50%; right:3%; }

 

.ts-paging { width:100%; text-align:center; position:absolute; top:280px; left:0; }
.ts-paging-btn { display:inline-block; width:10px; height:10px;  border-radius:50%; border:0; padding-top:10px; margin-left:7px; border-radius:5px; background:#f9f9f9; overflow: hidden; }
.ts-paging-btn:first-child { margin-left: 0; }
.ts-paging-active { background:#CA0000; }



.lc_icon {overflow:hidden; margin-top:40px;}
.lc_icon li {float:left; text-align:left; font-size:18px;  border:1px solid #ddd; width:23%; height:350px; margin: 0 1%; padding:220px 20px 20px 95px; border-radius:20px; line-height:150%; }
.lc_icon li:hover { border:1px solid #D31414; }
.lc_icon li:nth-child(1) {background: url("/customized/imgs/icon_lc_01.png") 50% 20% no-repeat ;}
.lc_icon li:nth-child(2) {background: url("/customized/imgs/icon_lc_02.png") 50% 20% no-repeat ;}
.lc_icon li:nth-child(3) {background: url("/customized/imgs/icon_lc_03.png") 50% 20% no-repeat ;}
.lc_icon li:nth-child(4) {background: url("/customized/imgs/icon_lc_04.png") 50% 20% no-repeat ;}

.phone_wrap h4 {font-size:40px;  font-family: "GmarketSansBold";}
.phone_wrap .p_tag {font-size:25px; line-height:150%; color:#000;}


 #content5 {
    padding: 80px 0;
    position: relative;
    background: #333;
    z-index: 1;
}

#content5 .inquiry-wrap {
    text-align: center;
    margin: 50px auto 0;
    background: #fff;
    border-radius: 50px;
    padding: 80px;
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
	width:1200px;
}

#content5  h4 {color:#fff; font-size:40px;  font-family: "GmarketSansBold";}
#content5 .inquiry_p {color:#999; font-size:20px; }
#content5 .inquiry-wrap .con-txt2{
    color: #333;
    text-align: center;
}

.p_h5 {font-size:40px; line-height:130%; color:#222;  font-family: "GmarketSansBold";}
.p_h6 {font-size:18px; line-height:130%;  }


#content5 .in-box {
    margin: 40px 0 0;
}

#content5 .in-box:after {
    content: '';
    display: block;
    clear: both;
}

#content5 .in-box .cs-left-box {
    width: 500px;
    float: left;
}

#content5 .in-box .cs-right-box {
    width: 500px;
    float: right;
}

#content5 .in-box .cs-down-box:after {
    content: '';
    display: block;
    clear: both;
}

#content5 .in-box .input-title {
    text-align: left;
    font-size: 22px;
    font-weight: 500;
}

#content5 .in-box .input-title span {
    font-size: 600;
    color: #D31414;
}

#content5 .in-box .st-1,#content5 .in-box .st-2 {
    margin-bottom: 20px;
}

#content5 .in-box .st-1 input {
    margin: 8px 0 0;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background: #f0f0f0;
    padding: 0 20px;
    border: none;
}

#content5 .in-box .st-2 input {
    margin: 8px 0 0;
    width: 49%;
    height: 50px;
    border-radius: 10px;
    background: #f0f0f0;
    padding: 0 20px;
    border: none;
}

#content5 .in-box .st-2 input:nth-child(2n) {
    margin: 8px 0 0 1%;
}

#content5 .in-box input::placeholder {
    font-size: 18px;
    color: #888;
    font-weight: 300;
}

#content5 .in-box input:focus{
    color: #333;
    border: none;
}

#content5 .in-box .st-1 select {
    background: url("/customized/images/select.png") 95% 50% no-repeat #f0f0f0;
    margin: 5px 0 0;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    padding: 0 20px;
    border: none;
    font-size: 18px;
    color: #888;
    font-weight: 300;
	  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


#content5 .in-box .st-2 textarea {
    margin: 8px 0 0;
    width: 100%;
    height: 200px;
    border-radius: 10px;
    background: #f0f0f0;
    padding: 20px;
    border: none;
}

#content5 .in-box .st-2 textarea::placeholder {
    font-family: 'Pretendard';
    font-size: 18px;
    color: #888;
    font-weight: 300;
}

#content5 .in-box .cs-agree {
    margin: 40px 0 0;
    text-align: center;
}

#content5 .in-box .cs-agree:before {
    content: '';
    display: block;
    clear: both;
}

.cs-check {
    position: relative;
}

.cs-check input[type="checkbox"] {
    display:none;
}

.cs-check input[type="checkbox"] + label {
    cursor: pointer;
    color: #999;
}

.cs-check input[type="checkbox"] + label span{
    display:inline-block;
    width:16px;
    height:16px;
    background: #f0f0f0;
    margin-right: 5px;
    border-radius: 3px;
    position: relative;
    top: 3px;
}

.cs-check input[type="checkbox"]:checked + label span {
    background:url("/customized/images/check.png") center center no-repeat #D31414;
}



/*°³ÀÎÁ¤º¸*/
.agreeview_btn {margin-top:10px; font-size:1em; text-align:center; padding:2px 10px; border:2px solid #484848;background-color:#484848; color:#fff; border-radius:5px; cursor:pointer}
.agreeview_btn:hover{background-color:#fff; color:#484848; border:2px solid #484848;}
.check_p {font-size:17px;}


#agreebox1 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agreebox2 {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0px; left:0px; z-index:4}
#agree {position:absolute; top:20%; left:50%; width:600px; margin-left:-300px; display:block;height:50%; background-color:#ffffff; border:1px solid #484848; border-radius:10px;}
#agree h1 {text-align:center; color:#000000; font-size:20px; margin:20px 20px 20px 20px; padding-bottom:10px; border-bottom:1px solid #f6f6f6;}
#agree h1:after {display:none}
#agree h2 {color:#da291c; font-size:15px; margin:20px 0px 10px 0px;}
#agree b {font-size:15px; line-height:20px; color:#000000; display:block; margin:20px 0px 5px 0px;}
#agree button {position:absolute; bottom:0px; left:0;width:100%; height:50px; background-color:#484848; font-size:17px; color:#ffffff; text-align:center; border-radius:0 0 8px 8px}
#agree div {width:100%; height:100%; overflow:auto; padding:0px 20px 20px 20px;}
#agree div p {font-size:14px; line-height:25px;  color:#999999}






#content5 .link-btn {
    display: inline-block;
    color: #999;
    font-weight: 300;
    position: relative;
    top: 1px;
}

#content5 .cs-submit {
    margin: 20px 0 0;
}

#content5 .cs-submit a {
    border-radius: 40px;
    display: inline-block;
    width: 240px;
    height: 60px;
    line-height: 60px;
    background: #D31414;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}


.modal {
    z-index: 1001 !important;
    max-width: 1000px !important;
    height: 500px;
    overflow-x: hidden;
    padding: 30px !important;
}

.modal::-webkit-scrollbar {
    width: 6px;
}

.modal::-webkit-scrollbar-thumb {
    background: #6728ff;
    border-radius: 5px;
}

.modal::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #ededed;
}

.blocker {
    background: rgba(0,0,0,0.3) !important;
}

.modal a.close-modal {
    top: 15px !important;
    right: 15px !important;
}


.personal {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
}

.personal div {
    margin-bottom: 30px;
}

.personal h5 {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
    color: #121212;
}

#content5 .bg-wrap span {
    overflow: visible;
    display: inline-block;
    color: #20294a;
    font-style: italic;
    font-family: "GmarketSansBold";
}

#content5 .bg-wrap span.left {
    position: absolute;
    top: 750px;
    z-index: -1;
    left:-50px;
    font-size: 210px;
}

#content5 .bg-wrap span.right {
    position: absolute;
    top: 880px;
    z-index: -1;
    right:-50px;
    font-size: 210px;
}




#content1 .circle-bg .circle1 {
    width: 500px;
    height: 500px;
    border-radius: 100%;
    background: #ededed;
    opacity: 1;
    position: absolute;
    z-index: 1;
    top: 430px;
    left: 50%;
    transform: translate(-50%,0);
}

#content1 .circle-bg .circle2 {
    width: 600px;
    height: 600px;
    border-radius: 100%;
    background: #efefef;
    opacity: 0.8;
    position: absolute;
    z-index: 0;
    top: 380px;
    left: 50%;
    transform: translate(-50%,0);
}

#content1 .circle-bg .circle2:after {
    display: block;
    content: '';
    animation: scale1 2s infinite linear;
    -webkit-animation: scale1 2s infinite linear;
    -moz-animation: scale1 2s infinite linear;
    width: 600px;
    height: 600px;
    border-radius: 100%;
    background: #f0f0f0;
    opacity: 1;
    position: absolute;
    z-index: 0;
    top: -10px;
    left: 0;
}

@keyframes scale1 {
	0%   { transform: scale(1); opacity:0.8; }
	100%  { transform: scale(1.3); opacity:0 }
}

@-webkit-keyframes scale1 {
	0%   { transform: scale(1); opacity:0.8; }
	100%  { transform: scale(1.3); opacity:0 }
}

@-moz-keyframes scale1 {
	0%   { transform: scale(1); opacity:0.8; }
	100%  { transform: scale(1.3); opacity:0 }
}







/* Mobile Device 1200 */
@media (max-width:1200px) {
.phone_1200 {width:100%; }
.phone_wrap {width:100%; padding:0;}
.phone_wrap03 {width: 100%;  padding: 60px 0;}
#content5 .inquiry-wrap {
    padding: 15px;
	width:94%;
	margin:10px 2%;
}

#touchSlider5 ul li img { width:100%;  height:570px; }

.lc_icon li { padding:220px 20px 20px 25px; }


/*¶óÀ̺êÄ¿¸Ó½º*/
.phone_wrap ul { width:690px; margin:0 auto;}
.phone_wrap li { margin:5px;width:220px; height:400px;  padding:10px;background: url("/customized/imgs/phone_bg.png") 50% 10% no-repeat; background-size:cover;}
.phone_wrap li img {width:200px; height:375px;  }

.phone_wrap li::before { width: 110px;background-size: 100%;}



#content5 .in-box .cs-left-box {width: 48%;}
#content5 .in-box .cs-right-box { width: 48%;}



}


/* Mobile Device 1000 */
@media (max-width:1000px) {

 #touchSlider11 {width:94%; margin: 0 auto;}
 #touchSlider11 ul li img {  height:230px; }
 #touchSlider11 ul li {height: auto;}
.ts-prev { left:0%;  width: 40px; height: 40px;font-size: 30px!important;}
.ts-next {right:0%;  width: 40px; height: 40px;font-size: 30px!important;}
 

#touchSlider5 {width:94%; margin: 0 auto;}
#touchSlider5 ul li img { width:100%;  height:450px; }

.phone_wrap02 .ts-controls { top: -150px;}
.phone_wrap02 .ts-paging { top: 170px;}


.phone_1200 .ts-controls {top: -400px!important;}

.icon-bg {display:none;}
}






/* Mobile Device 900 */
@media (max-width:900px) {


.lc_icon {margin-top:20px;}
.lc_icon li { font-size:16px;  width:48%; height:350px; margin: 15px 1%; padding:220px 20px 20px 20px; text-align:center;}
.lc_icon li:nth-child(1) {background: url("/customized/imgs/icon_lc_01.png") 50% 20% no-repeat ;}
.lc_icon li:nth-child(2) {background: url("/customized/imgs/icon_lc_02.png") 50% 20% no-repeat ;}
.lc_icon li:nth-child(3) {background: url("/customized/imgs/icon_lc_03.png") 50% 20% no-repeat ;}
.lc_icon li:nth-child(4) {background: url("/customized/imgs/icon_lc_04.png") 50% 20% no-repeat ;}

.p_h5 { font-size: 25px;}

#content5  h4 { font-size: 25px;}
#content5 .inquiry_p { font-size: 15px; margin:15px 0;}


.phone_wrap h4 {font-size:25px;   }
.phone_wrap .p_tag {font-size:15px;  }

.phone_wrap02 {padding: 40px 0 30px 0;}
.phone_wrap02 h4 { font-size: 25px;}
.phone_wrap02 .p_tag {font-size:15px;  }
 
.phone_wrap03 h4{ font-size: 25px;}
.phone_wrap03 .p_tag {font-size:15px;  }


#content5 .in-box .cs-left-box { width: 100%;}
#content5 .in-box .cs-right-box { width: 100%;}
#content5 .in-box .input-title {font-size: 18px;}
#content5 .in-box .st-1 input { height: 40px; padding: 0 10px; }
#content5 .in-box .st-1 select {    padding: 0 20px; }
#content5 .in-box .st-2 input {
    margin: 8px 0 0;
    width: 100%;
    height: 40px;
    padding: 0 10px;}
#content5 .in-box .st-2 input:nth-child(2n) { margin: 8px 0 0 0;}

#content5 .cs-submit a {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
 



}









/* Mobile Device 690 */
@media (max-width:690px) {
/*¶óÀ̺êÄ¿¸Ó½º*/
.phone_wrap ul {width:320px; margin:0 auto;}
.phone_wrap li { margin:20px 0;width:320px; height:560px;  padding:15px;background: url("/customized/imgs/phone_bg.png") 50% 10% no-repeat; background-size:cover;}
.phone_wrap li img {width:280px; height:535px;  }

.phone_wrap li::before { width: 180px; }


#agree {position:absolute; top:20%; left:5%; width:90%!important; margin-left:0; }




}











/* Mobile Device 575 */
@media (max-width:575px) {

.mobile_enter {display:block;}
h4 {line-height:130%;}
.p_h6 { font-size: 16px;}

.inquiry_p {line-height:130%;}
.phone_wrap03 .p_tag{line-height:130%;}

 #touchSlider11 {width:94%; margin: 0 auto;}
 #touchSlider11 ul li { height: 250px;}
 #touchSlider11 ul li img {  height:250px; }
.ts-controls {top: -170px;}


 #touchSlider5 {width:94%; margin: 0 auto;}
 #touchSlider5 ul li {height: 250px;}
 #touchSlider5 ul li img {  height:250px; }
.phone_1200 .ts-controls {top: -160px!important;}
.phone_1200 .ts-paging { top: 180px!important;}

.phone_wrap02 { padding: 40px 20px 40px 20px; }
.phone_wrap03 { padding: 40px 20px 20px 20px; }
#content5 { padding: 40px 10px 20px 10px; }

#content5 .inquiry-wrap { border-radius: 20px;}
 

.lc_icon {margin-top:20px;}
.lc_icon li { font-size:14px;  width:48%; height:210px; margin: 5px 1%; padding:110px 10px 20px 10px; text-align:center;}
.lc_icon li:nth-child(1) {background-position:50% 10%; background-size:80px;}
.lc_icon li:nth-child(2) {background-position:50% 10%; background-size:80px;}
.lc_icon li:nth-child(3) {background-position:50% 10%; background-size:80px;}
.lc_icon li:nth-child(4) {background-position:50% 10%; background-size:80px;}


.live_1000 { margin: 70px 0 0 0;}

#agree {position:absolute; top:20%; left:5%; width:90%!important; margin-left:0; }





}