@charset "utf-8";
/*
 * File       : main.css
 * Author     : STUDIO-JT (KMS,NICO)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) GLOBAL
 * 2) VISUAL
 * 3) PRODUCT
 * 4) INFO
 */

/* **************************************** *
 * GLOBAL
 * **************************************** */
.home .main_container {padding-bottom: 0;}
.main_inner_container {overflow-x: hidden;}
.main_button {display: block;width: 180px;padding: 13px 22px;position: relative;text-align: center;background: #fff;border: 2px solid #ddd;border-radius: 4px;-webkit-transition: all 300ms;transition: all 300ms;}
.main_button span {z-index: 1;position: relative;font-size: 15px;font-weight: 400;color: #222;-webkit-transition: all 300ms;transition: all 300ms;}
.main_button:hover {background: #e72e35;border-color: #e72e35;}
.main_button:hover span {color: #fff;}
/*
.main_button:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #ddd;transform: translateX(-100%);transition: all 300ms;}
.main_button:hover:before {-webkit-transform: translateX(0);transform: translateX(0);}
*/




/* **************************************** *
 * VISUAL
 * **************************************** */
.main_visual {width: 100%;height: 834px;position: relative;background: #f9f9f9;}
.main_visual_slider {width: 100%;height: 100%;position: relative;}
.main_visual_item {width: 100%;height: 100%;visibility: hidden;}
.main_visual_item:first-child {display: block;}
.main_visual_item_inner {float: left;width: 50%;height: 100%;background: no-repeat center center;background-size: cover;}
.main_visual_item_bg {}
.main_visual_item_txt {padding: 0 170px 0 90px;}
.main_visual_table {display: table;width: 100%;height: 100%;}
.main_visual_cell {display: table-cell;width: 100%;vertical-align: middle;}

.main_visual_title {font-size: 55px;font-weight: 300;color: #fff; max-width: 570px;}
.main_visual_sub {display: block;padding-bottom: 5px;font-size: 27px;font-weight: 300;color: #fff;}
.main_visual_desc { padding-top: 7px; font-size: 18px;font-weight: 300;line-height: 1.55;color: #fff; max-width: 570px;}
.main_visual_list {max-width: 655px;margin-top: 30px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: stretch;-ms-flex-align: stretch;-webkit-align-items: stretch;align-items: stretch;}
.main_visual_list li { display: inline-block; padding: 0 32px; margin-bottom: 20px; position: relative; }
.main_visual_list li:after {content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;right: 0;background: #ffffff;background: rgba(255, 255, 255, .2);}
.main_visual_list li:nth-child(5n+1) {padding-left: 0;}
.main_visual_list li:nth-child(5n) {padding-right: 0;}
.main_visual_list li:last-child:after,
.main_visual_list li:nth-child(5n):after {display: none;}

.main_visual_list figure { height: 100px; width: 78px; background: #026c2e; }
.main_visual_list img {display: block;max-width: 100%;height: auto; background:#026c2e}
.main_visual_list p {max-width: 78px;padding-top: 15px;font-size: 11px;font-weight: 400;line-height: 1.63;letter-spacing: -0.025em;white-space: nowrap;color: #fff;}
.main_visual_button {margin-top: 57px;background: transparent;border-color: #fff;}
.main_visual_button span {color: #fff;}
.main_visual_button:hover {background: #fff;border-color: #fff;} 
.main_visual_button:hover span {color: #e72e35;}

/*
.main_visual_item_01 .main_visual_item_bg {background-image: url(../images/main/visual-01-bg.jpg);}
.main_visual_item_01 .main_visual_item_txt {background-image: url(../images/main/visual-01-txt.jpg);}

.main_visual_item_02 .main_visual_item_bg {background-image: url(../images/main/visual-02-bg.jpg);}
.main_visual_item_02 .main_visual_item_txt {background-image: url(../images/main/visual-02-txt.jpg);}
*/
.main_visual_item_02 .main_visual_title {font-size: 40px;}
.main_visual_item_02 .main_visual_sub {padding-bottom: 12px;font-size: 18px;font-weight: 300;}
.main_visual_item_02 b {display: block;padding-top: 4px;font-size: 95px;font-weight: 600;color: #fff;}

.main_visual_item_03 .main_visual_title {font-size: 40px;}  
.main_visual_item_03 .main_visual_sub {padding-bottom: 12px;font-size: 18px;font-weight: 300;}
.main_visual_item_03 b {display: block;padding-top: 4px;font-size: 95px;font-weight: 600;color: #fff;}

.main_visual_item_04 .main_visual_title {font-size: 40px; }  
.main_visual_item_04 .main_visual_sub {padding-bottom: 12px;font-size: 18px;font-weight: 300;}
.main_visual_item_04 b {display: block;padding-top: 4px;font-size: 95px;font-weight: 600;color: #fff;}

.main_visual_item_01 { background-color: #009d42;}
.main_visual_item_02 { background-color: #4F76A9;}
.main_visual_item_03 { background-color: #139C4A;}
.main_visual_item_04 { background-color: #b35744;}



/* **************************************** *
 * PRODUCT
 * **************************************** */
.main_product {padding-top: 190px;}
.main_product_wrap {max-width: 1200px;margin: 0 auto;}
.main_product_wide_wrap {max-width: 1920px;margin: 0 auto;}
.main_product_wide_wrap_row_ellipse {max-width:1466px;}
.main_product_item {margin-bottom: 170px;position: relative;}
.main_product_item:after {content: '';display: table;clear: both;}
.main_product_item_figure {width: 57.5%;position: relative;}
.main_product_item_figure img {display: block;max-width: 100%;height: auto;}
.main_product_item_content {position: absolute;width: 42.5%;height: 100%;}
.main_product_item_table {display: table;width: 100%;height: 100%;}
.main_product_item_cell {display: table-cell;width: 100%;vertical-align: middle;}
.main_product_title {font-size: 30px;font-weight: 400;letter-spacing: 0.01em;color: #222;}
.main_product_title span {padding-right: 10px;color: #e72e35;}
.main_product_title_shape {display: inline-block;vertical-align: text-bottom;padding: 7px 18px;font-size: 16px;font-weight: 400;text-decoration: none;color: #fff;background: #aaa;border-radius: 3px;}
.main_product_desc {min-height: 3.72em;margin-top: 25px;font-size: 15px;font-weight: 400;line-height: 1.86;color: #666;}
.main_product_size {padding-top: 50px;}
.main_product_size b {font-size: 18px;font-weight: 400;color: #e72e35;}
.main_product_size ul {width: 100%;margin-top: 8px;}
.main_product_size li {float: left;margin-top: 10px;padding-right: 37px;position: relative;font-size: 16px;font-weight: 400;color: #222;}
.main_product_size li:after {content: '/';display: block;position: absolute;right: 15px;top: 0;}
.main_product_size li:last-child {padding-right: 0;}
.main_product_size li:last-child:after {display: none;}
.main_product_size li * {display: inline-block;vertical-align: middle;}
.main_product_size li i {width: 8px;height: 8px;margin: 0 7px;position: relative;top: -1px;font-size: 0;background: #fff;border: 2px solid #aaa;border-radius: 3px;}
.main_product_size.secondary ul { width: 95%; }
.main_product_item_content .main_button {margin-top: 39px;}
.main_product_item_primary .main_product_item_figure {float: right;}
.main_product_item_primary .main_product_item_content {left: 0;padding-right: 95px;}
.main_product_item_secondary .main_product_item_figure {float: left;}
.main_product_item_secondary .main_product_item_content {right: 0;padding-left: 95px;}
.main_product_wide .main_product_item_figure { width:57.06%; }
.main_product_wide .main_product_item_content { width:42.94%; }
.main_product_typo {position: absolute;font-size: 500px;font-weight: 200;font-style: normal;line-height: 1;color: #f1f1f1;}
.main_product_pic {position: absolute;}
.main_product_pic img {display: block;max-width: 100%;}

.main_product_baby_a .main_product_typo {top: 24.5%;left: 22%;color: #c3efd5;}

.main_product_kids_a .main_product_typo {right: -19.5%;bottom: 4%;color: #f3e9d4;}
.main_product_kids_a .main_product_pic {left: -12%;top: 0;}
.main_product_kids_a .main_product_item_figure img{border-radius: 100%;}
.main_product_kids_b .main_product_typo {bottom: -13.5%;left: 20.5%;color: #f2eae7;z-index: 1;}
.main_product_kids_b .main_product_pic {right: -9.5%;top: -7%;}
.main_product_kids_b .main_product_item_content{ z-index:2}
.main_product_kids_c .main_product_typo {right: 8.5%;bottom: 10%;color: #d6ecda;}
.main_product_kids_d .main_product_typo {bottom: -13.5%;left: 20.5%;color: #f3e9d4;z-index: 1;}
.main_product_kids_d .main_product_pic {left: 10.5%;top: -7%;}
.main_product_kids_d .main_product_item_content{ z-index:2}
.main_product_kids_e .main_product_typo { bottom: -1.3%; right: -18.7%; color: #D6ECDA; }
.main_product_kids_f .main_product_typo { left: -11.7%; bottom: -21.3%; color: #F3E9D4; }
.main_product_kids_f .main_product_pic { right: 0.2%; top: -29.9%; }

.main_product_junior_a .main_product_item_content {padding-left: 95px;}
.main_product_junior_a .main_product_typo { left:auto; right:6.5%; bottom: -13%; }
.main_product_junior_a .main_product_pic { left:auto; right:25.2%; top:-0%; }
.main_product_junior_b .main_product_typo { right:auto; left:21%; bottom:-3.5%; color: #f4f4f4; }
.main_product_junior_b .main_product_pic { right:auto; left: -4%; top:5%; }
.main_product_junior_c .main_product_typo { left:auto; right:-20%; bottom:-36%; color: #f2c5b2; }
.main_product_junior_c .main_product_pic { left: auto; right: -10%; top: -15%; }
.main_product_junior_d .main_product_typo { left:-16.3%; bottom:-12.5%; color:#f2eae7; }

.main_product_young_a .main_product_typo {bottom: -17.6%;right: 24.5%;color: #c8d1bc;}
.main_product_young_a .main_product_pic {right: -9.5%;top: -7%;}
.main_product_young_b:not(.main_product_wide) .main_product_typo { left:-12.5%; bottom: 10%; }
.main_product_young_b:not(.main_product_wide) .main_product_pic {left:-18.5%;}
.main_product_young_b:not(.main_product_wide) .main_product_item_content { padding-right:80px; }
.main_product_young_b.main_product_wide .main_product_item_content {padding-left:15.15%;}
.main_product_young_b.main_product_wide .main_product_typo {left: 6.5%;bottom: 3%;}
.main_product_young_c .main_product_typo { bottom: -6.6%; right: -9.5%; color: #f2eae7; }
.main_product_young_c .main_product_pic { right: -5.8%; top: -8%; }

.main_product_adult_a .main_product_typo { bottom: -17.6%; left: 21%; color: #f3e9d4; }
.main_product_adult_a .main_product_pic { left: -9.5%; top: -7%;}
.main_product_adult_b .main_product_typo { right: -11%; bottom: 4.5%; color: #f1f1f1; }
.main_product_adult_b .main_product_pic { right: -6.1%; top: 6.4%; }

/* improve lazyload rendering ux + fix skrollR lazyload issue */
.main_product_item_figure { position: relative; background: #f5f5f5;}
.main_product_item_figure img{ position: absolute; top: 0;left: 0;}
.main_product_baby_a .main_product_item_figure    { padding-top: 53%;}
.main_product_kids_a .main_product_item_figure    { padding-top: 68.6%; border-radius: 100%;}
.main_product_kids_b .main_product_item_figure    { padding-top: 57.6%; border-radius: 50%;}
.main_product_kids_c .main_product_item_figure    { padding-top: 33.42%; }
.main_product_kids_d .main_product_item_figure    { padding-top: 53%;}
.main_product_kids_e .main_product_item_figure { padding-top: 57.6%; border-radius: 50%; }
.main_product_kids_f .main_product_item_figure { padding-top: 68.6%; border-radius: 100%; }
.main_product_junior_a .main_product_item_figure  { padding-top: 33.42%; }
.main_product_junior_b .main_product_item_figure  { padding-top: 68.6%; border-radius: 100%;} 
.main_product_junior_c .main_product_item_figure  { padding-top: 53%;}
.main_product_junior_d .main_product_item_figure  { padding-top: 57.6%; border-radius: 50%; }
.main_product_young_a .main_product_item_figure   { border-radius: 50%;width: 56.14%;padding-top: 47.067%;}
.main_product_young_a .main_product_item_content  { width:43.86%;}
.main_product_young_b:not(.main_product_wide) .main_product_item_figure   { padding-top: 53%; }
.main_product_young_b.main_product_wide .main_product_item_figure   { padding-top: 33.42%; }
.main_product_young_c .main_product_item_figure   { padding-top: 57.6%; border-radius: 50%; }
.main_product_adult_a .main_product_item_figure   { padding-top: 53%; }
.main_product_adult_b .main_product_item_figure   { padding-top: 68.6%; border-radius: 100%;}



/* **************************************** *
 * INFO
 * **************************************** */
.main_info {padding: 130px 0 400px;background: url(../images/main/main-info-bg.png) no-repeat center bottom;}
.main_info .wrap {position: relative;}
.main_info_pic {position: absolute;}
.main_info_pic img {display: block;max-width: 100%;}
.main_info_pic_cloud {right: 7.5%;top: 29%;}
.main_info_pic_balloon01 {left: -8.5%;top: 65%;}
.main_info_pic_balloon02 {right: 8%;bottom: -6%;}
.main_info_content {position: relative;}
.main_info_typo {margin-left: 30px;}
.main_info_typo img {display: block;max-width: 100%;}
.main_info_list {max-width: 1000px;margin: 145px auto 0;}
.main_info_list li {float: left;width: 50%;margin-bottom: 63px;}
.main_info_list li:nth-child(odd) {clear: both;padding-right: 5px;}
.main_info_list li:nth-child(even) {padding-left: 5px;}
.main_info_list li b {display: block;padding-bottom: 13px;font-size: 30px;font-weight: 400;color: #222;}
.main_info_list li p {display: block;position: relative;margin-bottom: 5px;padding-left: 12px;font-size: 15px;font-weight: 400;line-height: 1.86;color: #666;}
.main_info_list li p:before {content: '';display: block;width: 4px;height: 4px;position: absolute;top: 11px;left: 0;background: #009d42;border-radius: 50%;}

@media (min-width: 1921px) {
    /* PRODUCT */
    .main_product_wide .main_product_item_figure { max-width:1086px; }
	.main_product_kids_c .main_product_item_figure,
	.main_product_junior_a .main_product_item_figure,
	.main_product_young_b.main_product_wide .main_product_item_figure { padding-top:33.12%; }
	.main_product_wide .main_product_item_content { width: calc(100% - 1086px); }
}

@media (min-width: 1900px) {
    /* INFO */
    .main_info {background-size: 100% auto;}
}

@media (min-width:1281px){
    /* 이미지의 width가 690px이어야 하지만 실제로는 688~689px이다. 이로인해 영역의 BG가 노출된다. 베스트는 이미지를 편집하는 것이지만 대체 방법으로 처리. */
    .main_product_baby_a .main_product_item_figure { width: 57.33%; }
    .main_product_baby_a .main_product_item_content { width: 42.77%; }
    .main_product_kids_d .main_product_item_figure { width: 57.33%; }
    .main_product_kids_d .main_product_item_content { width: 42.77%; }
    .main_product_junior_c .main_product_item_figure { width: 57.33%; }
    .main_product_junior_c .main_product_item_content { width: 42.77%; }
    .main_product_young_b:not(.main_product_wide) .main_product_item_figure { width: 57.33%; }
    .main_product_young_b:not(.main_product_wide) .main_product_item_content { width: 42.77%; }
}

@media (max-width: 1820px) {
    /* VISUAL */
    .main_visual_item_txt {padding: 0 120px 0 90px;}
    .cycle_control {max-width: inherit;padding: 0 35px;left: 0;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}

    /* PRODUCT */
    .main_product_junior_a .main_product_item_content {padding-left: 14%;}
}

@media (max-width: 1500px) {
    /* PRODUCT */
    .main_product {padding-top: 10%;}
    .main_product_wrap {max-width: 1100px;}

    .main_product_item {margin-bottom: 12%;}
    .main_product_item_primary .main_product_item_content {padding-right: 5%;}
    .main_product_item_secondary .main_product_item_content {padding-left: 5%;}

    .main_product_typo {font-size: 450px;}

    .main_product_junior_a .main_product_item_content { padding-left:5%; }
    .main_product_young_b:not(.main_product_wide) .main_product_item_content { padding-right:5%; }

    /* INFO */
    .main_info {padding-top: 8%;}
    .main_info_list {margin-top: 10%;}
}

@media (max-width: 1280px) {
    /* PRODUCT */
    .main_product_wrap {max-width: 900px;}

    .main_product_item_figure {width: 47%;}
    .main_product_item_content {width: 53%;}

    .main_product_item_secondary.main_product_wide .main_product_item_content {padding-right: 50px;}
    .main_product_item_primary.main_product_wide .main_product_item_content {padding-left: 50px;}

    .main_product_desc {margin-top: 20px;}
    .main_product_size {padding-top: 30px;}
    .main_product_size.secondary ul { width: 90%; }
    .main_product_item_content .main_button {margin-top: 30px;}
    
    .main_product_typo {font-size: 380px;}
    .main_product_baby_a .main_product_typo {top: 15%;left: 29%;}
    .main_product_kids_b .main_product_typo {bottom: -19.5%;left: 27.5%;}
    .main_product_kids_c .main_product_typo {right: 2.5%;bottom: 4%;}
	.main_product_kids_d .main_product_typo {bottom: -19.5%;left: 27.5%;}
	.main_product_kids_e .main_product_typo { bottom: -25.5%; right: -3%; }
    .main_product_junior_c .main_product_typo {bottom: -19.5%;right: 27.5%;}
	.main_product_young_a .main_product_typo {bottom: -25.5%;right: 7.2%;}
	.main_product_young_c .main_product_typo { bottom: -25.5%; right: -3%; }
	.main_product_adult_a .main_product_typo { bottom: -25.5%; left: 30%; }
	.main_product_adult_b .main_product_typo { bottom: 3%; right: -13%; }

    .main_product_pic img {max-width: 80%;}

    /* improve lazyload rendering ux + fix skrollR lazyload issue */
    .main_product_baby_a .main_product_item_figure    {padding-top: 43.4%;}
    .main_product_kids_a .main_product_item_figure    {padding-top: 56.3%;}
    .main_product_kids_b .main_product_item_figure    {padding-top: 47.2%;}
	.main_product_kids_d .main_product_item_figure    {padding-top: 43.6%;}
    .main_product_kids_e .main_product_item_figure   { padding-top: 47.2%; }
    .main_product_kids_f .main_product_item_figure  {padding-top: 56.2%;} 
    .main_product_junior_b .main_product_item_figure  {padding-top: 56.2%;} 
    .main_product_junior_c .main_product_item_figure  {padding-top: 43.6%;}
    .main_product_junior_d .main_product_item_figure  {padding-top: 47.2%; }
    .main_product_young_a .main_product_item_figure   {padding-top: 47.2%;}
    .main_product_young_b:not(.main_product_wide) .main_product_item_figure {padding-top: 43.6%;}
    .main_product_young_c .main_product_item_figure   { padding-top: 47.2%; }
    .main_product_adult_a .main_product_item_figure   { padding-top: 43% ;}
    .main_product_adult_b .main_product_item_figure   { padding-top: 56% ;}
    
    /* INFO */
    .main_info_typo {max-width: 70%;}
    .main_info_list li {margin-bottom: 50px;}
}

@media (max-width: 1023px) {
    /* PRODUCT */
    .main_product_size.secondary ul { width: 100%; }
}