@charset "utf-8";
/* layoutmaincss */
.font_roboto{font-family: 'Roboto' !important;}
.font_playfair{font-family: 'Playfair Display' !important;}

/* btn_style_0 */
.btn_style_0_con{display: table; margin-left:auto; margin-right: auto;}
.btn_style_0_con .btn_style_0{display:table-cell; vertical-align:middle; text-align: center;
    width: 143px; height: 143px; box-sizing: border-box; border: 3px solid #000; border-radius: 50%;
    font-size:20px; font-size:2.0rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.01em; font-weight: 700; color:#000;}
.btn_style_0_con .btn_style_0.white{border-color:#fff; color:#fff;}
.btn_style_0_con .btn_style_0.type_2{width:100px; height: 100px;
    font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em;}

/* section */
.section h3{font-size:53px; font-size:5.3rem; line-height:59px; line-height:5.9rem; letter-spacing: -0.06em; color:#000; font-weight:400;}
.section.color_white h3{color:#fff;}
.main .section h3{font-size:39px; font-size:3.9rem; line-height:48px; line-height:4.8rem; letter-spacing: -0.06em; word-spacing: -0.05em; font-weight: 300; margin-bottom: 10px;}
.section h3 .font_roboto{font-weight: 100 !important; line-height: 0; letter-spacing: 0;}
.section .h_desc3{font-size: 17px; font-size: 1.7rem; line-height: 32px; line-height: 3.2rem; letter-spacing: -0.02em; font-weight: 300; color:#000; word-break: keep-all;}
.section.color_white .h_desc3{color:#fff;}
.section .h_subtitle3{font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; color:#000; font-weight:500;}
.section.color_white .h_subtitle3{color:#fff;}
.main .section .h_desc3{font-size:16px; font-size:1.6rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.01em; word-spacing: -0.05em; font-weight: 300; word-break: keep-all;}
.section .h_desc3.font_roboto{font-weight:500 !important; letter-spacing: 0;}
.section .h_line3{display:inline-block; float:none; width:auto; margin-left: auto; margin-right: auto; height: 90px; border-left:3px solid #000;}
.section.function .h_line3{height:100px;}
.section.color_white .h_line3{border-color:#fff;}
.section .section_sub_title{font-size: 27px; font-size: 2.7rem; line-height: 33px; line-height: 3.3rem; letter-spacing: -0.06em; font-weight: 500; color:#000;}
.section .total_box{margin-bottom:70px;}
.section.total_sites .total_box{margin-bottom:18px;}


.total_box .total_count{font-size:96px; font-size:9.6rem; line-height:102px; line-height:10.2rem; font-weight: 500; color:#000;}
.total_box .total_count > span{line-height: 0;}

/* section2 showcase */
.section.showcase{padding-top: 180px; padding-bottom: 160px; background-color: #f0f1f4;}
.section.showcase .section_title_con{margin-bottom: 102px;}

.theme_list{text-align: center; overflow: hidden;}
.theme_list .theme_con{position:relative; display: inline-block; width:100%; height:100%; overflow: hidden; transition: all 0.4s;}
.theme_list .theme_con > li{position:absolute; top:0; cursor:pointer; float:left; /*padding-right: 42px; width: 261px;*/
    padding-right: 42px; width: 303px; box-sizing: border-box;
    -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.theme_list .theme_con > li > a{display: block; width:261px;}
.theme_list .theme_con > li > a .img_box{margin-bottom:30px;}
.theme_list .theme_con > li > a .text_box{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; color:#000; font-weight:500;}
.pagination .page_wrap{margin-bottom: 15px; height: 3px; padding: 3.5px 0px; /*overflow: hidden; background-color: #d8d8db;*/ background: url("../img/new/theme_list_bg.png") repeat-x left center;}
.pagination .page_wrap > .bar {position: absolute; left: 0; top: 2px; width: 20%; height: 3px; background-color: #000; float: left; /*overflow: hidden;*/ transition: all 0.3s;}
.pagination .page_wrap > .bar span {display: none;line-height: 3px;}
.pagination .page_wrap > .bar.dragging {transition: none;}
.pagination .page_wrap > .bar.dragging {top: 0px; height: 7px; cursor: pointer;}
.pagination .page_wrap:hover > .bar {top: 0px; height: 7px; cursor: pointer;}
.pagination .page_wrap:active > .bar:after{content:''; position:absolute; top:28px; left:50%; width: 0px; height: 0px; transform: translateX(-50%);
    border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-bottom: 8px solid #000; background-color: transparent; box-sizing: border-box;}
.pagination .page_wrap:hover > .bar:after{content:''; position:absolute; top:28px; left:50%; width: 0px; height: 0px; transform: translateX(-50%);
    border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; border-bottom: 8px solid #000; background-color: transparent; box-sizing: border-box;}
.pagination .btn{cursor:pointer; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 500; color:#000;}

/* section now_sites */
.section.showcase.type_2{background-color: #000; padding-top: 346px;}
.section.showcase.type_2 > div{z-index: 2;}
.section.showcase.type_2 h2{color:#fff; font-weight: 200;}
.section.showcase.type_2 .h_desc2{color:#fff;}
.section.showcase.type_2 .h_line2{border-color:#fff;}
.section.showcase.type_2 .total_box .total_count{color:#fff;}
.section.showcase.type_2 .pagination .page_wrap > .bar{background-color: #fff;}
.section.showcase.type_2 .pagination .page_wrap:active > .bar:after{border-bottom-color:#fff;}
.section.showcase.type_2 .pagination .page_wrap:hover > .bar:after{border-bottom-color:#fff;}
.section.showcase.type_2 .pagination .btn{color:#fff;}
.section.showcase.type_2 .pagination .page_wrap{background: url("../img/new/theme_list_bg_2.png") repeat-x left center;}
.title_img_box{margin-bottom: 90px;}
.title_img{width:337px; height:208px; margin-left:auto; margin-right: auto;
    background-image: url("../img/new/section2_back_logo2.png"); background-repeat: no-repeat; background-position: center bottom;}
 .title_img:after{content: ''; width:338px; height:120px; position: absolute; bottom:-59%; left:50%; transform: translateX(-50%);
    background-image: url("../img/new/section2_back_logo2_shadow.png"); background-repeat: no-repeat; background-position: center;}


.section.total_sites{padding-top:100px; overflow: hidden;}
.section.total_sites .article{z-index: 2;}
/* 리뷰전체보기 버튼 숨기면서 임시로 이미지 위로 당김 */
.section.total_sites .total_site_bg_img{position: absolute; /*top:0;*/ top:-270px; left:0; width:2560px; height:1815px; z-index: 1;
    background-image:url('../img/new/total_sites_bg_img.jpg'); background-repeat: no-repeat; background-position: left top;}

.interview_card_list_con{max-width:580px; margin-right:auto; margin-left:auto; overflow: hidden; margin-bottom:3px;}
.interview_card_list_con .interview_card_list_container{}
.interview_card_list_con .interview_card_list_wrap{}
.interview_card_list_con .interview_card_list{}
.interview_card_list_con .interview_card_list_inner{padding-right:57px; padding-left:57px; padding-bottom:189px; text-align: center; display:block;}
.interview_card_list_con .interview_card_list:hover .img_box:after{opacity: 1; filter:alpha(opacity=100);}
.interview_card_list_con .interview_card_list.active .img_box:after{opacity: 1; filter:alpha(opacity=100);}
.interview_card_list_con .img_box{margin-bottom:30px; position: relative;}
.interview_card_list_con .img_box:after{content:""; position: absolute; bottom:0; right:0; background-image: url('../img/new/interview_h_icon.png'); background-repeat: no-repeat; background-size: 36px 36px; width:36px; height:36px; opacity: 0; filter:alpha(opacity=0); transition:all .3s;}
.interview_card_list_con .text_box{position: absolute; top:163px; left:50%; transform:translateX(-50%); width:100%;}
.interview_card_list_con .user_type{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.045em; color:#000; font-weight:500; margin-bottom:2px;}
.interview_card_list_con .user_name{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.045em; color:#000; font-weight:500; margin-bottom:9px;}
.interview_card_list_con .user_desc{font-size:15px; font-size:1.5rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.045em; color:#000; font-weight:300;}
.interview_card_list_con .interview_card_rolling_arrow{position: absolute; width:36px; height:36px; background-repeat: no-repeat; background-position: center center; background-size: 36px 36px; top:50%; margin-top:-130px; outline:none; z-index: 3;}
.interview_card_list_con .interview_card_rolling_arrow.left{background-image: url('../img/new/interview_card_left_arrow.png'); left:0;}
.interview_card_list_con .interview_card_rolling_arrow.right{background-image: url('../img/new/interview_card_right_arrow.png'); right:0;}
/* 버튼 숨기느라 margin-bottom:100px에 주석처리해놓음 */
.interview_card_pagination_con{height:10px; line-height:0; text-align: center; /*margin-bottom:100px;*/}
.interview_card_pagination_con .interview_card_pagination{position: relative;}
.interview_card_pagination_con .interview_card_pagination > span{width:10px; height:10px; background-color:#000; opacity: 0.2; filter:alpha(opacity=20); margin-right:7px; margin-left:7px;}
.interview_card_pagination_con .interview_card_pagination > span.swiper-pagination-bullet-active{opacity: 1; filter:alpha(opacity=100); background-color:#000;}

.input_style_0_con{width:100%; padding-bottom: 26px; margin-bottom: 25px; border-bottom:3px solid #000; box-sizing: border-box;}
.input_style_0_con .input_style_0{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.01em; font-weight: 500; color:#000;
    background-color: transparent; width:100%; height: auto; padding:0;
    appearance:none; -webkit-appearance: none; -moz-appearance: none; border:none; outline: none; border:none;}
.input_style_0::placeholder{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 300; color:#000;}
.input_style_0::-ms-input-placeholder{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 300; color:#000;}
.input_style_0::-webkit-input-placeholder{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 300; color:#000;}
.input_style_0::-moz-placeholder{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 300; color:#000;}
.input_style_0_con .input_style_0_desc{margin-bottom: 2px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500; color:#000;}
.input_style_0_con .input_style_0_desc > span.font_roboto{line-height: 0;}
.input_style_0_con .input_style_0_desc > span.font_roboto > span{color:#6838e2;}


/* popup */
.popup_con{max-width: 630px;}
.popup_con .popup_contents_box{background-color: #fff;}
.popup_con .popup_header{display:table; width:100%; height:65px; padding-left: 30px; box-sizing:border-box;
    background-color: #000; background-image: url("../img/new/popup_header_bg.png"); background-repeat: no-repeat; background-position: right 65px center;}
.popup_con .popup_header .title{display:table-cell; vertical-align:middle; font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.06em; font-weight: 500; color:#fff;}
.popup_con .popup_header .close_btn{display:table-cell; vertical-align:middle; width: 65px; height:65px; background-color: #000;
    cursor:pointer; background-image: url("../img/new/popup_close_btn.png"); background-repeat: no-repeat; background-position: center;}
.popup_contents_box{padding-top: 35px; padding-right: 19px; padding-bottom: 41px; padding-left: 30px;}
.popup_contents_box .input_title{float:left; width:83px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 500; color:#000;}
.popup_contents_box .contents{overflow: hidden; width: calc(100% - 83px);}

/* btn_style_4_con */
.btn_style_4_con{}
.btn_style_4_con .btn_style_4{display: inline-block; vertical-align: middle; padding-top: 8px; padding-right: 24px; padding-bottom: 9px; padding-left: 24px;
    font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 500; color:#000;
    border:3px solid #000; border-radius: 5px; width: 123px; height:46px; background-color: #fff; box-sizing: border-box; cursor: pointer;}

.input_style_0_con .btn_style_4{display: inline-block; vertical-align: middle; padding-top: 8px; padding-right: 24px; padding-bottom: 9px; padding-left: 24px;
    font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 500; color:#000;
    border:3px solid #000; border-radius: 5px; width: 123px; height:46px; background-color: #fff; box-sizing: border-box; cursor: pointer;}

/* list_style_0_con */
.list_style_0_wrap{font-size:0; line-height:0; text-align: center; margin-bottom:20px;}
.list_style_0_con{}
.list_style_0_con > li{display:inline-block; vertical-align: middle;}
.list_style_0_con > li > a{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; color:#fff; font-weight:500;
    display:block; padding-top:5px; padding-bottom:5px; padding-right:20px; padding-left:18px; position: relative;}
.list_style_0_con > li > a:after{content:""; position: absolute; right:0; top:9px; height:18px; border-right:2px solid #fff; opacity: 0.2; filter:alpha(opacity=20);}
.list_style_0_con > li:nth-child(5) > a{padding-right:0;}
.list_style_0_con > li:nth-child(5) > a:after{display:none;}
.list_style_0_con > li:nth-child(6){display:none;}
.list_style_0_con > li:nth-child(7){display:none;}
.list_style_0_con > li:nth-child(8){display:none;}
.list_style_0_con > li:nth-child(9){display:none;}
.list_style_0_con > li:nth-child(10){display:none;}
.list_style_0_con > li:first-child > a{padding-left:0;}
.list_style_0_con > li:last-child > a{padding-right:0;}
.list_style_0_con > li:last-child > a:after{display:none;}

.section.theme{padding-top:100px;}
.section.easy_use{height:600px;}
.section.feature{padding-top:95px; padding-bottom:110px; background-image: url('../img/new/feature_bg_img.jpg'); background-repeat: no-repeat; background-position: center bottom;}
.section.reviewer{height:650px; background-color:#000; overflow: hidden;}

/* device_wrap */
.device_wrap{}
.device_wrap .device_con{margin-right:auto; margin-left:auto; margin-bottom:55px; box-sizing: border-box; position: relative; padding-bottom:24px; transition:all .3s;}
.device_wrap.pc .device_con{width:100%; padding-right:30px; padding-left:30px;}
.device_wrap.tablet .device_con{width:calc(100% - 100px);}
.device_wrap.mobile .device_con{width:calc(100% - 150px);}
.device_wrap .device_inner{background-color:#000; border-radius:14px; overflow: hidden; height:491px;}
.device_wrap .device_inner_box{padding-top:21px; padding-bottom:21px; padding-right:21px; padding-left:21px; position: relative; width:100%; height:100%; box-sizing: border-box;}
.device_wrap .device_contents_wrap{position: relative; width:100%; height:100%; overflow: hidden;}
.device_wrap .device_contents_con{position: absolute; top:0; left:0; width:calc(100% + 17px); height:100%; overflow-y: auto;}
.device_wrap.pc .device_bottom{width:100%; height:24px; position: absolute; bottom:0; left:0; opacity: 1;
    background-image: url('../img/new/device_pc_bottom.png'); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.device_wrap .device_bottom{opacity: 0; transition:all .3s;}
.device_wrap .device_list_con{font-size:0; line-height:0; text-align: center; }
.device_wrap .device_line_con{width:423px; margin-right:auto; margin-left:auto; background-color:#dfdfe9; position: relative; height:3px;}
.device_wrap .device_line{position: absolute; top:0; width:141px; height:100%; background-color:#000;}
.device_wrap.pc .device_line{left:0;}
.device_wrap.tablet .device_line{left:33.33%;}
.device_wrap.mobile .device_line{left:66.66%;}
.device_wrap .device_list{display:inline-block;}
.device_wrap .device_list > li{width:141px; display:inline-block; vertical-align: top;}
.device_wrap .device_list > li > a{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; color:#c2c2d3; font-weight:500;
    display:block; padding-top:12px; padding-bottom:12px; transition:all .3s;}
/*.device_wrap .device_list > li:hover > a{color:#000;}*/
.device_wrap .device_list > li.active > a{color:#000;}

/* 테마 12개 보여주는 부분 */
.grid_list_con_wrap{margin-bottom:100px;}
/*.theme_list_wrap .grid_list_con{!*max-width: 1775px; *!margin-left:-42px; width: calc(100% + 42px); display:none;}*/
.theme_list_wrap .grid_list_con{/*max-width: 1775px; */margin-left:-42px; width: calc(100% + 42px); display:none; margin-bottom:-67px;}
.theme_list_container{display:block; max-width:380px; margin-right:auto; margin-left:auto; float:none; text-align: center;}
.theme_list_wrap .grid_list{width: 303px; padding-left:42px; padding-bottom: 67px; /*box-sizing: content-box;*/ /*overflow: hidden;*/ box-sizing: border-box; transition: all 0.2s ease;}
.theme_list_wrap .grid_list .img_box{margin-bottom: 22px;}
.theme_list_wrap .grid_list .theme_subject{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 400; color:#000;}
.theme_list_container .theme_list_list{padding-bottom: 67px;}
.theme_list_container .img_box{margin-bottom: 22px;}
.theme_list_container .theme_subject{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 400; color:#000; transition: all 0.2s ease;}
.total_sites .theme_list_wrap .grid_list_con{text-align: center;}
.total_sites .theme_list_wrap .grid_list{float:none; display:inline-block; vertical-align: top; transform: translateY(0px);}
.total_sites .theme_list_wrap .grid_list .theme_subject{color:#fff;}
.total_sites .theme_list_container .theme_subject{color:#fff;}

.theme_list_wrap .grid_list:hover{transform: translateY(-8px);}
.theme_list_wrap .grid_list:hover .theme_subject{color:#6d13ff; font-weight:500;}
.total_sites .theme_list_wrap .grid_list:hover .theme_subject{color:#7b7efe; font-weight:400;}

.theme .theme_title_wrap{margin-bottom:80px;}
.theme .theme_list_wrap{background-color:#f3f3f8; padding-bottom:80px; padding-top:80px; background-image: url('../img/new/theme_bg_repeat_line.png'); background-repeat: repeat-x; background-position: center top -130px;}
.theme .theme_list_wrap .section{}
.theme .theme_list_wrap #crudList{margin-bottom:25px;}
.theme .theme_list_wrap .section_title_con{display:none;}
.theme .theme_list_wrap .tab_style_2_con{display:none;}
.section .theme_more_con{}
.section .theme_more_desc{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; color:#000; font-weight:500;}
.section.total_sites .theme_more_desc{color:#fff;}
.theme .theme_list_wrap .paging{display:none;}


.theme .theme_list_wrap .flex_con{float: none; overflow: hidden; font-size: 0; box-sizing: border-box; margin-right:auto; margin-left:auto;}
.theme .theme_list_wrap .flex_con .flex_box{display: block; max-width: none; width: 100%; font-size: 0; padding-left: 21px; padding-right:21px; box-sizing: border-box;}
.theme .theme_list_wrap .theme_box_wrap{width: 303px; font-size: 0; margin-bottom: 66px;}
.theme .theme_list_wrap .theme_box_wrap .theme_box{position: relative; cursor: pointer; font-size: 0; margin-bottom: 20px; box-sizing: border-box;}
.theme .theme_list_wrap .theme_box_wrap .theme_box:after{content: ''; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:48px; height: 48px; border-radius: 50%; background-color: rgba(0,0,0,0.7); opacity: 0;
    background-image: url('../img/icon_search.png'); background-repeat: no-repeat; background-position: center center; background-size: 15px 15px; transition: opacity 0.3s;}
.theme .theme_list_wrap .theme_box_wrap:hover .theme_box{border-color: #000;}
.theme .theme_list_wrap .theme_box_wrap:hover .theme_box:after{opacity: 1;}
.theme .theme_list_wrap .theme_box_wrap .theme_title_box{font-size: 0;}
.theme .theme_list_wrap .theme_box_wrap .theme_title{font-size: 15px; font-size: 1.5rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.02em; font-weight: 400; color:#000;}

.theme .theme_list_wrap .popup_wrap{display:none;}
.theme .theme_list_wrap .popup_con{max-width: 630px;}
.theme .theme_list_wrap .popup_con .popup_contents_box{background-color: #fff;}
.theme .theme_list_wrap .popup_con .popup_header{display:table; width:100%; height:65px; padding-left: 30px; box-sizing:border-box;
    background-color: #000; background-image: url("../img/new/popup_header_bg.png"); background-repeat: no-repeat; background-position: right 65px center;}
.theme .theme_list_wrap .popup_con .popup_header .title{display:table-cell; vertical-align:middle; font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.06em; font-weight: 500; color:#fff;}
.theme .theme_list_wrap .popup_con .popup_header .close_btn{display:table-cell; vertical-align:middle; width: 65px; height:65px; background-color: #000;
    cursor:pointer; background-image: url("../img/new/popup_close_btn.png"); background-repeat: no-repeat; background-position: center;}
.theme .theme_list_wrap .popup_contents_box{padding-top: 35px; padding-right: 19px; padding-bottom: 41px; padding-left: 30px;}
.theme .theme_list_wrap .popup_contents_box .input_title{float:left; width:83px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 500; color:#000;}
.theme .theme_list_wrap .popup_contents_box .contents{overflow: hidden; width: calc(100% - 83px);}


/* easy & convenient use */
.easy_use .section_title_con{z-index: 3;}
.easy_use .easy_use_title_list{display:none;}
.easy_use .easy_use_title_list:first-child{display:block;}
.easy_use .easy_use_bg_wrap{position: absolute; top:0; left:0; z-index: 1; height:100%;}
.easy_use .easy_use_bg_container{}
.easy_use .easy_use_bg_inner{}
.easy_use .easy_use_bg_list{background-repeat: no-repeat; background-position: center center; background-size: cover; background-size: scale;}
.easy_use .easy_use_bg_list.first{background-image: url('../img/new/easy_use_bg_img_000.jpg');}
.easy_use .easy_use_bg_list.second{background-image: url('../img/new/easy_use_bg_img_000.jpg');}
.easy_use .easy_use_bg_list.third{background-image: url('../img/new/easy_use_bg_img_000.jpg');}
.easy_use .easy_use_bg_list.forth{background-image: url('../img/new/easy_use_bg_img_000.jpg');}
.easy_use .easy_use_bg_list.fifth{background-image: url('../img/new/easy_use_bg_img_000.jpg');}
.easy_tab_wrap{text-align: center; position: absolute; bottom:50px; left:0;}
.tab_style_1_wrap{}
.tab_style_1_wrap .tab_style_1_con{overflow: hidden;}
.tab_style_1_wrap .tab_style_1_con > li{float:left; width:20%;}
.tab_style_1_wrap .tab_style_1_con > li > a{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.025em; color:#fff; font-weight:500;
    display:block; padding-top:20px; padding-bottom:20px;}


/* 메인 기능부분 */
.feature .feature_device_wrap{width:259px; height:496px; margin-right:auto; margin-left:auto; border-radius:39px; margin-bottom:39px; position: relative; overflow: hidden;}
.feature .feature_device_img_con{height:100%;}
.feature .feature_device_img_list{position: absolute; left:100%; width:100%;}
.feature .feature_device_img_list:first-child{left:0;}
.feature .feature_device_wrap:after{content:""; width:100%; height:100%; position: absolute; top:0; left:0; z-index: 3;
    background-image: url('../img/new/feature_device_img.png'); background-repeat: no-repeat; background-position: center center;}
.feature .feature_list_con{margin-bottom:83px; height:109px;}
.feature_list_con .feature_list_inner{position: relative; height:100%; width:100%;}
.feature_list_con .feature_list{text-align: center; display:none;}
.feature_list_con .feature_list.active{display:block;}
.feature_list_con .feature_list:first-child > *{top:0; opacity: 1;}
.feature_list_con .feature_list > *{position: relative; top:20px; opacity: 0;}
.feature_list_con .feature_list_title{font-size:34px; font-size:3.4rem; line-height:40px; line-height:4.0rem; letter-spacing: -0.06em; color:#fff; font-weight:500; margin-bottom:13px;}
.feature_list_con .feature_list_desc{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.01em; color:#fff; font-weight:300;}
.feature .feature_rolling_list_container{max-width:380px; overflow: hidden; margin-right:auto; margin-left:auto;}
.feature .feature_rolling_list_wrap{}
.feature .feature_rolling_list_con{}
.feature_rolling_list_wrap .feature_rolling_list{float:left; padding-right:27px; padding-left:27px; box-sizing: border-box; padding-bottom:56px; cursor: pointer;}
.feature_rolling_list_wrap .feature_rolling_list.active{}
.feature_rolling_list_wrap .feature_rolling_list:hover .feature_icon_box{background-color:#fff;}
.feature_rolling_list_wrap .feature_rolling_list:hover .feature_icon_box .default_img{display:none;}
.feature_rolling_list_wrap .feature_rolling_list:hover .feature_icon_box .hover_img{display:inline;}
.feature_rolling_list_wrap .feature_rolling_list.active .feature_icon_box{background-color:#fff;}
.feature_rolling_list_wrap .feature_rolling_list.active .feature_icon_box .default_img{display:none;}
.feature_rolling_list_wrap .feature_rolling_list.active .feature_icon_box .hover_img{display:inline;}
.feature_rolling_list_wrap .feature_icon_box{width:75px; height:75px; border-radius:50%; background-color:transparent; line-height:69px; text-align: center; transition:all .3s; margin-right:auto; margin-left:auto;}
.feature_rolling_list_wrap .feature_icon_box .default_img{display:inline;}
.feature_rolling_list_wrap .feature_icon_box .hover_img{display:none;}
.feature_rolling_list_wrap .feature_desc{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.045em; color:#fff; font-weight:500;
    position: absolute; top:89px; left:50%; transform:translateX(-50%); width:100%;}

.feature_rolling_list_box{position: relative; margin-bottom:74px;}
.feature_rolling_list_box .feature_rolling_arrow{position: absolute; width:36px; height:36px; background-repeat: no-repeat; background-position: center center; background-size: 36px 36px; top:50%; margin-top:-46px; outline:none; transition: all 0.3sl}
.feature_rolling_list_box .feature_rolling_arrow.left{background-image: url('../img/new/feature_list_left_arrow.png'); left:0;}
.feature_rolling_list_box .feature_rolling_arrow.right{background-image: url('../img/new/feature_list_right_arrow.png'); right:0;}

.feature_rolling_pagination_con{height:10px; line-height:0; text-align: center; margin-bottom:105px;}
.feature_rolling_pagination_con .feature_rolling_pagination{position: relative;}
.feature_rolling_pagination_con .feature_rolling_pagination > span{width:10px; height:10px; background-color:#fff; opacity: 0.2; filter:alpha(opacity=20); margin-right:7px; margin-left:7px;}
.feature_rolling_pagination_con .feature_rolling_pagination > span.swiper-pagination-bullet-active{opacity: 1; filter:alpha(opacity=100); background-color:#fff;}

.feature_bg_sun{position: absolute; bottom:0; left:50%; transform:translate(-50%, 50%);}


/* reviewer */
.main .section.reviewer h3{font-size:39px; font-size:3.9rem; line-height:48px; line-height:4.8rem; font-weight:200; margin-bottom:17px;}
.main .section.reviewer .h_desc3{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem;}
.section.reviewer .h_line3{height:109px;}
.reviewer .contents_con{padding-top:70px; position: absolute; top:50%; transform:translateY(-50%); left:0; z-index: 4;}
.reviewer .contents_con.active{z-index: 5;}
.reviewer .contents_con > *{position: relative; opacity: 0; top:20px;}
.reviewer .contents_con > .h_subtitle3{opacity: 0;}
.reviewer .contents_con:first-child > *{opacity: 1; top:0;}
.reviewer .contents_con:first-child > .h_subtitle3{opacity: 1; position: static;}
.reviewer .section_title_con{z-index: 3;}
.reviewer .reviewer_bg_img_con{position: absolute; bottom:0; left:0; width:100%; height:100%; z-index: 1;}
.reviewer .reviewer_bg_img_list{position: absolute; top:0; left:0; width:100%; height:100%; overflow: hidden;}
.reviewer .reviewer_bg_img{position: absolute; bottom:0; left:50%; margin-left:-255px; width:895px;}
.video_play_btn_con{}
.video_play_btn_con img{width:50px;}


/* partner */
.section.partner{padding-top:90px; padding-bottom:80px;}
.tab_style_0_con{overflow: hidden; margin-bottom:0; margin-top:0;}
.tab_style_0_con > li{width:25%; float:left;}
.tab_style_0_con > li > a{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.045em; color:rgba(0, 0, 0, 0.2); font-weight:500;
    display:block; padding-top:15px; padding-bottom:17px; transition:all .2s;}
.tab_style_0_con > li > a.font_roboto{padding-top:19px; padding-bottom:13px; letter-spacing: 0;}
.tab_style_0_con > li.active > a{color:rgba(0, 0, 0, 1);}
.tab_style_0_line_con{position: relative; height:3px; background-color:rgba(0, 0, 0, 0.2);}
.tab_style_0_line_con .tab_style_0_line{position: absolute; top:0; left:0; background-color:#000; width:25%; height:100%;}
.tab_style_0_child_con{position: relative; overflow: hidden;}
.tab_style_0_child_con > li{position: absolute; top:0; left:100%; width:100%;}
.tab_style_0_child_con > li:first-child{left:0;}
.tab_style_0_child_con .tab_style_0_child_inner{text-align: center; padding-top:100px; padding-bottom:13px;}
.partner .partner_logo{margin-bottom:37px;}
.partner .partner_subtitle{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.01em; color:#000; font-weight:500; margin-bottom:20px;}
.partner .partner_desc{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem; letter-spacing: -0.01em; color:#000; font-weight:200; margin-bottom:28px;}
.partner .partner_list_con{font-size:0; line-height:0; text-align: center; margin-bottom:35px;}
.partner .partner_list_con > li{padding-right:17px; padding-left:17px; display:inline-block; vertical-align: middle; padding-top:5px; padding-bottom:5px;}
.partner .partner_list_con > li > a{display:block; padding-top:5px; padding-bottom:5px;}

/* section easy_use */
section.section_bg_wrap {position: relative; width: 100%; height: 100%; background-repeat: no-repeat; z-index: 4; background-position: 0% 0%;}
.section_bg {clip: rect(0, auto, auto, 0); height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 2; background-color:#000;}
.section_bg_img {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.section.easy_use .section_con{z-index: 3; height: 100%;}
.feature_wrap{height: 100%;}
.feature_wrap .feature_con{display:table; width: 100%; height: 100%; position: relative;}
.feature_wrap .feature_slide_arrow{position: absolute; width:36px; height:36px; background-repeat: no-repeat; background-position: center center; background-size: 36px 36px; top:50%; transform:translateY(-50%); outline:none; transition: all 0.3s; z-index: 4;}
.feature_wrap .feature_slide_arrow.left{background-image: url('../img/new/feature_list_left_arrow.png'); left:0;}
.feature_wrap .feature_slide_arrow.right{background-image: url('../img/new/feature_list_right_arrow.png'); right:0;}
.feature_wrap .feature_inner{display:block; position: absolute; top:50%; left: 0; transform: translateY(-50%); text-align: center; width: 100%; z-index: -1;}
.feature_wrap .feature_inner.active{z-index: 2;}
.feature_wrap .play_btn{display: inline-block;}
.feature_wrap .play_btn img{width:50px;}
.feature_wrap .feature_list{display: none; padding: 0px;}
.feature_wrap .feature_list.active{display: inline-block;}
.feature_wrap .feature_box{display: inline-block; padding:40px; box-sizing: border-box;}
.feature_wrap .feature_box > *{top:20px; opacity: 0; position: relative;}
.feature_wrap .feature_box > .h_subtitle3{position: static;}
.feature_wrap .feature_inner:first-child .feature_box > *{top:0; opacity: 1;}
.feature_wrap .feature_inner:first-child .feature_box > .h_subtitle3{opacity: 1;}
/*.feature_wrap .feature_box > div{position: relative;}*/
/*.feature_wrap .feature_box > h3{position: relative;}*/
.feature_wrap .feature_tab_list_wrap{position: absolute; bottom:59px;}
.feature_wrap .feature_line_list_con{position: relative; height: 3px; background-color: rgba(255,255,255,0.3);}
.feature_wrap .feature_line{position:absolute; top:0; left:0; width: 20%; border-top:3px solid rgba(255,255,255,1);}
.feature_wrap .feature_tab_list > a{display: block; text-align: center; padding-top: 21px; padding-bottom: 21px; padding-left:5px; padding-right:5px;}
.feature_wrap .feature_tab_list span{font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; letter-spacing: -0.01em; font-weight: 300; color:rgba(255,255,255,0.3); overflow: hidden; word-break: keep-all;}
.feature_wrap .feature_tab_list.active span{color:#fff;}


@media all and (min-width: 768px) {
    .list_style_0_wrap{margin-bottom:36px;}
    .list_style_0_con{}
    .list_style_0_con > li > a{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem;
        padding-right:30px; padding-left:28px;}

    .theme_list_wrap .grid_list_con{display:block;}
    .theme_list_wrap .theme_list_container{display:none;}

    .feature .feature_rolling_list_container{max-width:600px;}

    .interview_card_list_con{max-width:680px;}

    /* 감상하기 */
    .theme .theme_list_wrap .popup_title_desc_con .desc_con > .desc br{display: block;}
}

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

    .section.theme{padding-top:178px;}
    .section.feature{padding-top:197px; padding-bottom:163px;}
    .section.reviewer{height:774px;}

    .main .section h3{font-size:55px; font-size:5.5rem; line-height:70px; line-height:7.0rem; margin-bottom: 13px;}
    .section .h_subtitle3{font-size:29px; font-size:2.9rem; line-height:35px; line-height:3.5rem;}
    .main .section .h_desc3{font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem;}

    .section .section_sub_title{font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem;}

    .theme .theme_title_wrap{margin-bottom:143px;}
    .theme .theme_list_wrap{margin-top:282px; padding-bottom:160px; padding-top:0;}
    .theme .theme_list_wrap .section{margin-top:-282px;}

    .feature .feature_rolling_list_container{max-width:903px;}
    .feature_wrap .feature_slide_arrow.left:hover{background-image: url('../img/new/feature_list_left_arrow_h.png');}
    .feature_wrap .feature_slide_arrow.right:hover{background-image: url('../img/new/feature_list_right_arrow_h.png');}

    .reviewer .contents_con{padding-top:159px;}
    .reviewer .reviewer_bg_img{margin-left:145px;}

    .interview_card_list_con{max-width:1000px;}

    .section.showcase.type_2{padding-top: 436px;}

    .section.partner{padding-top:177px; padding-bottom:144px;}

    .partner .partner_list_con > li{padding-top:0; padding-bottom:0;}

    /* 감상하기 - 팝업 */
    .theme .theme_list_wrap .popup_title_desc_con .title_con {display: table;}
    .theme .theme_list_wrap .popup_title_desc_con .title_con .title {display: table-cell; text-align: left;}
    .theme .theme_list_wrap .popup_title_desc_con .title_con .serial_no {display: table-cell; text-align: right; vertical-align: bottom; margin-top: 0;}
    .theme .theme_list_wrap .popup_title_desc_con .desc_con .etc_con {width: 50%;}
    .theme .theme_list_wrap .bottom_btn_con {position: relative;}
    .theme .theme_list_wrap .bottom_btn_con .my_wish_btn_con {position: absolute; top: 35px; right: 0; margin-top: 0px;}

    /* 감상하기 - 팝업 - 사이트 개설 */
    .theme .theme_list_wrap .open_info_wrap {position: absolute; top: 0; right: 0; width: calc(50% + 184px); height: 100%;}
    .theme .theme_list_wrap .open_info_wrap .open_info_con {display: table; height: 100%;}
    .theme .theme_list_wrap .open_info_wrap .open_info_con .info_wrap {display: table-cell; vertical-align: middle; text-align: right;}
    .theme .theme_list_wrap .open_info_wrap .open_info_con .info_wrap .info_con {}
    .theme .theme_list_wrap .open_img_wrap {position: relative; width: calc(50% - 184px); margin-top: 0;}

    /* 감상하기 - 팝업 - 사이트 개설 완료 */
    .theme .theme_list_wrap .card_style_0_wrap{float:none; overflow: hidden; max-width: 660px; margin-left:auto; margin-right:auto;}
    .theme .theme_list_wrap .card_style_0_wrap .card_style_0_con{display: flex;}
    .theme .theme_list_wrap .card_style_0_con .card_style_0{border-left:2px solid rgba(255,255,255,0.15);  margin-bottom: 0;}
    .theme .theme_list_wrap .card_style_0_con .card_style_0:first-child{border-left:none;}
    .theme .theme_list_wrap .card_style_0_con .card_style_0 .card_style_0_inner{border-bottom:none; padding-bottom:26px;}
    .theme .theme_list_wrap .card_style_0_con .card_style_0:last-child .card_style_0_inner{border-bottom:none; padding-bottom: 26px;}
    .theme .theme_list_wrap .card_style_0_con .card_style_0 .btn_style_1_con{position: absolute; bottom:0; left:50%; transform: translateX(-50%);}

    /* 감상하기 - 팝업 - 사이트 개설 */
    .theme .theme_list_wrap .flex_con{max-width:calc(303px * 3);}

    .section.easy_use{height:920px;}

    .device_wrap.pc .device_con{width:952px; padding-right:55px; padding-left:55px;}
    .device_wrap.tablet .device_con{width:768px;}
    .device_wrap.mobile .device_con{width:480px;}

    .main .section.reviewer h3{font-size:44px; font-size:4.4rem; line-height:60px; line-height:6.0rem;}
    .main .section.reviewer .h_desc3{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem;}
}

@media all and (min-width:1200px){
    .theme .theme_list_wrap .view_popup_wrap .content_wrap .top_con .close_btn{margin-right: 30px;}
}

@media all and (min-width:1252px){
    /* 감상하기 - 팝업 - 사이트 개설 */
    .theme .theme_list_wrap .flex_con{max-width:calc(303px * 4);}
}

@media all and (min-width:1280px){
    /* 감상하기 - 팝업 - 사이트 개설 */
    .theme .theme_list_wrap .theme_util_menu_wrap .create_site_inner .contents_box{padding-right: 290px;}
}

@media all and (min-width:1555px){
    /* 감상하기 - 팝업 - 사이트 개설 */
    .theme .theme_list_wrap .flex_con{max-width:calc(303px * 5);}
}

@media all and (min-width:1858px){
    /* 감상하기 - 팝업 - 사이트 개설 */
    .theme .theme_list_wrap .flex_con{max-width:calc(303px * 6);}
}

@media all and (min-width: 2560px) {
    .theme .theme_list_wrap .view_popup_wrap .content_wrap .bg_wrap .img_box{width: 100%; height: fit-content;}
}