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

.wrapper.sub .section h3{font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; font-weight: 500;}
.wrapper.theme .section h3{font-size: 70px; font-size: 7.0rem; line-height: 76px; line-height: 7.6rem; letter-spacing: -0.045em; font-weight: 500; color:#000; padding-top: 5px;}

.sub .total_box{display: flex; justify-content: flex-end; align-items: center; margin-bottom: 0;}
.sub .total_box .total_title{position: relative; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; font-weight: 500; margin-right: 19px;}
.sub .total_count{font-size: 0; line-height: 0;}
.sub .total_count .num{display: inline-block; font-size: 48px; font-size: 4.8rem; line-height: 48px; line-height: 4.8rem; font-weight: 500; padding-top: 10px;}

.upgrade .total_box{text-align: right;}
.upgrade .total_box .total_title{display: inline-block; vertical-align: middle; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; margin-right: 19px; padding-right: 0;}
.upgrade .total_box .total_title:after{display: none;}
.upgrade .total_count{display: inline-block; vertical-align: middle; font-size: 39px; font-size: 3.9rem; line-height: 39px; line-height: 3.9rem; letter-spacing: -0.015em; font-weight: 500;}
.upgrade .total_count span{display: table-cell; vertical-align: middle;}
[data-wv-agent="ie"] .upgrade .total_count span:not(.font_roboto){vertical-align: top; padding-top:11px;}
.upgrade .total_count .num{font-size: 44px; font-size: 4.4rem; font-weight: 400; padding-top: 18px; padding-right: 8px;}

.mypage_visual_wrap {height:577px; background-color:#000;}
.mypage_visual_wrap .mypage_visual_contents_wrap{z-index: 2; padding-top:163px;}
.mypage_visual_wrap .mypage_visual_contents_con{font-size: 0; text-align: center;}
.mypage_visual_wrap .member_face{width:127px; height:127px; border-radius:50%; overflow: hidden; margin-right:auto; margin-left:auto; margin-bottom:28px;}
.mypage_visual_wrap .member_id{font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; letter-spacing: 0em; color:#fff; font-weight:400; margin-bottom:18px;}
.mypage_visual_wrap .mypage_visual_img{position: absolute; top:0; left:calc(50% - 100px); background-image: url('../img/new/mypage_visual_img_000.png'); background-repeat: no-repeat; width:1389px; height:100%; z-index: 1;}
.mypage_visual_wrap .mypage_guide_line_con{position: absolute; top:63px; left:0; width:33.33%; text-align: left; overflow: hidden; transform: translateY(-50%);}
.mypage_visual_wrap .mypage_guide_title{font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; color:#fff; font-weight:500;
    position: relative; overflow: hidden; display:inline;}
.mypage_visual_wrap .mypage_guide_line{position: absolute; top:6px; border-bottom:2px solid #fff; left:100%; margin-left:30px; width:400px;}

.mypage_contents_wrap{margin-top:-53px; z-index: 3;}
.mypage_contents_wrap .mypage_section_contents_inner{}

.tab_style_1_con{}
.tab_style_1_con .tab_style_1{overflow: hidden;}
.tab_style_1_con .tab_style_1 > li{width:25%; overflow: hidden; float:left; text-align: center; box-sizing: border-box;}
.tab_style_1_con .tab_style_1 > li > a{font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.01em; color:#fff; font-weight:300;
    display:block; padding-top:14px; padding-bottom:15px; background-color:#302d38; transition:all .3s;}
.tab_style_1_con .tab_style_1 > li:hover > a{background-color:#fff; padding-top:23px; color:#000; font-weight:500; padding-bottom:6px;}
.tab_style_1_con .tab_style_1 > li.active > a{background-color:#fff; padding-top:23px; color:#000; font-weight:500; padding-bottom:6px;}

/* 내사이트 */
.mysite_list_style_con .btn_style_1_con .btn_style_1{width:79px; padding-right: 0px; padding-left: 0px;}
.mysite_list_style_con .btn_style_6_con{display: block; margin-top: 30px;}
.mysite_list_style_con .btn_style_9_con{text-align:right; width:100%; font-size: 0; overflow: hidden; display: none; height: 0;}

.mysite_list_style_con{}
.mysite_list_style_con > li{margin-bottom: 80px;}
.mysite_list_style_con > li:last-child{margin-bottom: 0px;}
.mysite_list_style_con .mysite_list{overflow: hidden; border-radius:25px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 39px;
    max-width: 1034px; margin-left: auto; margin-right: auto; float:none;}
.mysite_list_style_con .mysite_list_inner{padding-top: 47px; padding-bottom: 60px;}
.mysite_list_style_con .title_con{display: flex; margin-bottom: 30px; flex-wrap: wrap;}
.mysite_list_style_con .mysite_kor_name{font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem; letter-spacing: -0.06em; font-weight: 400; color:#fff;}
.mysite_list_style_con .mysite_btn_con{position: absolute; top:0; right:0;}
.mysite_list_style_con .mysite_btn{position: relative; width: 21px; cursor: pointer; padding:10px}
.mysite_list_style_con .mysite_btn > span{display:inline-block; width: 7px; height: 7px; background-color: #fff; border-radius: 50%;}
.mysite_list_style_con .mysite_btn > span::before{content: ''; position:absolute; top:15px; left:0; width: 7px; height: 7px; background-color: #fff; border-radius: 50%;}
.mysite_list_style_con .mysite_btn > span::after{content: ''; position:absolute; top:15px; right:0; width: 7px; height: 7px; background-color: #fff; border-radius: 50%;}
.mysite_list_style_con .mysite_contents_con{}
.mysite_list_style_con .mysite_list_img_box{height:340px; margin-bottom: 40px;}
.mysite_list_style_con .mysite_list_img{position: absolute; top:0; left:50%; transform:translate(-50% , 0); max-width:435px; width:100%; height:100%; overflow:hidden;}
.mysite_list_style_con .mysite_list_img > img{width: 100%;}
.mysite_list_style_con .mysite_list_text_box{text-align: left;}
.mysite_list_style_con .domain_con{position:relative; /*display: flex;*/ padding-bottom: 28px; margin-bottom: 30px; font-size: 0;}
.mysite_list_style_con .domain_con::after{content: ''; position: absolute; bottom:0; left:0; border-bottom:3px solid #fff; width: calc(100% + 60px)}
.mysite_list_style_con .domain_title{margin-bottom: 11px; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; color:#fff; font-weight:400;}
.mysite_list_style_con .mysite_domain{/*padding-top: 3px; margin-right: 11px; */ margin-bottom: 10px; font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; letter-spacing: 0.02em; font-weight: 500; color:#fff;}
.mysite_list_style_con .mysite_eng_name{margin-bottom: 4px; font-size:37px; font-size:3.7rem; line-height:44px; line-height:4.4rem; color:#fff; font-weight:500;}
.mysite_list_style_con .mysite_detail_title{font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; color:#fff; font-weight:400;
    float:left; width:105px; margin-top: 3px;}
[data-wv-agent="ie"] .mysite_list_style_con .mysite_detail_title{margin-top:4px;}
.mysite_list_style_con .mysite_detail_contents_box{float:left; width:calc(100% - 105px); /*margin-top:7px;*/ display: flex; align-items: center;}
.mysite_list_style_con .mysite_detail_contents{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; color:#fff; font-weight:400; font-family:"Helvetica Neue", "Noto Sans KR"; margin-top: 5px;}
[data-wv-agent="ie"] .mysite_list_style_con .mysite_detail_contents{margin-top:7px;}
.mysite_list_style_con .mysite_detail_list{display:flex; overflow: hidden; margin-bottom:15px; height:26px;}
.mysite_list_style_con .mysite_detail_list:last-child{margin-bottom:0;}

.mysite_list_style_con .mysite_desc{margin-bottom: 10px; font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.01em; font-weight: 400; color:#fff;
    height:60px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.mysite_list_btn_wrap{max-width: 1034px; margin-right: auto; margin-left: auto; float:none; overflow: hidden; font-size: 0;}


.free_create_contents_con{text-align: center;}
.free_create_contents_con .free_create_logo_box{margin-bottom:26px;}

/* 결제내역 list */
.board_filter_con{display: flex; align-items: center; overflow: visible;}
.board_filter_con .total_list_title{flex:1; position:relative; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.02em; font-weight: 500; color:#000; padding-left: 33px;}
.board_filter_con .total_list_title:after{content: ''; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 22px; height: 23px; background-image: url('../img/new/total_list_title_icon.png'); background-size: 22px 23px; background-repeat: no-repeat; background-position: center;}

.board_filter_con.type_2{display: block;}
.board_filter_con.type_2 .filter_style_0_wrap{margin-top: 20px; margin-left:auto;}

/* 필터 검색 - filter_style_0 */
.filter_style_0_wrap{flex:1; max-width: 239px; font-size: 0; padding-top: 11px; padding-bottom: 11px; padding-left: 28px; padding-right: 20px; border-radius: 30px; background-color: #6d13ff; box-sizing: border-box;}
.filter_style_0_con{display: inline-block; width: calc(100% - 16px);}
.filter_style_0_con .filter_style_0{width: 100%; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.02em; color:#fff; font-weight: 300; background-color: transparent; border:none;
    appearance:none; -webkit-appearance: none; -moz-appearance: none; padding:0; outline:none; height: auto; padding-right: 10px;}
.filter_style_0_con .filter_style_0::-webkit-input-placeholder{color: #fff;}
.filter_style_0_con .filter_style_0:-moz-placeholder{color: #fff;}
.filter_style_0_con .filter_style_0:-ms-input-placeholder{color: #fff;}
.filter_style_0_wrap .filter_btn_con{display: inline-block;}
.filter_style_0_wrap .filter_btn_con .filter_btn{width: 16px; height: 17px; background-image: url('../img/new/filter_style_0_btn.png'); background-size: 16px 17px; background-repeat: no-repeat; background-position: center; appearance:none; -webkit-appearance: none; -moz-appearance: none;
    padding:0; outline:none; background-color: transparent; border:none; cursor: pointer;}

.table_style_0_con{}
.table_style_0_con .panel_header{font-size: 0; margin-bottom: 77px; text-align: center;}
.table_style_0_con .panel_header .btn_style_1_con{margin-right: 9px;}
.table_style_0_con .panel_header .btn_style_1_con:last-child{margin-right: 0px;}

.table_style_0_con .table_style_0{width: 100%; table-layout: fixed;}
.table_style_0 th{height: 44px; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; letter-spacing: -0.01em; font-weight: 500; color:#000; text-align: center; border-top:3px solid #000; border-bottom:1px solid #b1b1b1;}
.table_style_0 tbody tr{cursor: pointer;}
.table_style_0 td{height: 60px; padding-top: 5px; padding-bottom: 5px; box-sizing:border-box; border-bottom:1px solid #b1b1b1; text-align: center; word-break: keep-all;
    font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.01em; font-weight: 300; color:#000;}
.table_style_0 td.tl{text-align: left;}
.table_style_0 td.tr{text-align: right;}
.table_style_0 td.fontweight400{font-weight: 400;}
.table_style_0 td.fontweight500{font-weight: 500;}
.table_style_0 td.title{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table_style_0 td span.ing{font-weight: 400; color:#6d13ff;}
.table_style_0 td span.complete{font-weight: 400; color:#ec6941;}
.table_style_0 td span.expire{font-weight: 400; color:#ff0000;}
.table_style_0 td span.used{font-weight: 400; color:#a29bb4;}
.table_style_0 td span.font_roboto{line-height: 0; letter-spacing: 0;}
.table_style_0 td.detail{font-size: 0; line-height: 0;}
.table_style_0 td.detail .btn_style_1_con{display: block; margin-bottom: 5px;}
.table_style_0 td.detail .btn_style_1_con:last-child{margin-bottom: 0px;}

.table_style_0_label{margin-bottom: 32px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 500; color:#000;}
.table_style_0.type_2{}
.table_style_0.type_2 th{height: 0; border-bottom:none;}
.table_style_0.type_2 tbody tr{cursor: default;}

.panel_footer{text-align: center;}
.more_btn_con{display: inline-block; margin-top:100px; cursor: pointer;}
.more_btn_arrow{margin-bottom: 15px;}
.more_btn{font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; letter-spacing: -0.01em; font-weight: 500; color:#000;}



/* 공통인 것 같은 더보기 버튼 */
.common_more_btn_con{}
.common_more_btn_con > a{}
.common_more_btn_con > a > .more_btn_arrow{}
.common_more_btn_con > a > .more_btn_arrow{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 400; color:#000;} /* faq */


/* 결제내역 view */
.mw-724{max-width: 724px;}
.receipt_wrap{background-color: #f2f6fd; border-radius: 20px; padding:20px 20px 61px 20px; margin-bottom: 47px;}
.receipt_wrap .receipt_con{overflow: hidden; background-color: #fff;}
.receipt_wrap .receipt_logo_con{background-color:#52319c; padding:20px 20px 50px 20px;}
.receipt_wrap .receipt_logo_con .top_box{display: flex; align-items: center; justify-content:space-between; /*margin-bottom: 64px;*/ margin-bottom: 40px;}
.receipt_wrap .receipt_logo_con .date{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing:0; font-weight: 400; color:#fff;}
.receipt_wrap .receipt_logo_con .date > span.font_roboto{line-height: 0;}
.receipt_wrap .receipt_logo_con .logo_title_text{margin-bottom: 13px; font-size:45px; font-size:4.5rem; line-height:52px; line-height:5.1rem; letter-spacing: -0.06em; font-weight: 400; color:#fff;}
.receipt_wrap .receipt_logo_con .logo_text{font-size:17px; font-size:1.7rem; line-height:32px; line-height:3.2rem; letter-spacing: -0.02em; font-weight: 300; color:#fff; text-align: center;}
.receipt_wrap .receipt_info_con{padding:55px 20px 55px 20px; border-bottom: 2px dashed #d8e3f9;}
.receipt_wrap .receipt_info_con::after{content: ''; position: absolute; left:-15px; bottom:-15px; width: 30px; height: 30px; background-color: #f2f6fd; z-index: 1; border-radius: 50%;}
.receipt_wrap .receipt_info_con::before{content: ''; position: absolute; right:-15px; bottom:-15px; width: 30px; height: 30px; background-color: #f2f6fd; z-index: 1; border-radius: 50%;}
.receipt_wrap .receipt_info_con.type_2{border-bottom:none;}
.receipt_wrap .receipt_info_con.type_2::after{width: 0;left: 0;}
.receipt_wrap .receipt_info_con.type_2::before{width: 0;left: 0;}
.receipt_wrap .receipt_info_con .title{margin-bottom: 5px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#000; word-break: keep-all;}
.receipt_wrap .receipt_info_con .desc{font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.06em; font-weight: 500; color:#000; word-break: keep-all;}
.receipt_wrap .receipt_info_con .desc.font_roboto{letter-spacing: 0.0em;}
.receipt_wrap .receipt_info_con .desc.id{}
.receipt_wrap .receipt_info_con .price_con{display: flex; align-items: center; justify-content: flex-end;}
.receipt_wrap .receipt_info_con .price_con .title{margin-right: 26px; margin-bottom: 7px;}
.receipt_wrap .receipt_info_con .price{font-size:58px; font-size:5.8rem; line-height:64px; line-height:6.4rem; letter-spacing: 0.0em; font-weight: 500; color:#000;}
.receipt_wrap .receipt_rule_con{word-break: keep-all; padding:55px 20px 55px 20px;}
.receipt_wrap .receipt_rule_con .receipt_rule{margin-bottom: 40px;}
.receipt_wrap .receipt_rule_con .receipt_rule:last-child{margin-bottom: 0;}
.receipt_wrap .receipt_rule_con .receipt_rule .list_title{margin-bottom: 18px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 400; color:#000;}
.receipt_wrap .receipt_rule_con .list_style_1{letter-spacing: -0.02em;}
.receipt_wrap .receipt_rule_con .list_style_1 > li{color:#000; margin-bottom: 11px;}
.receipt_wrap .receipt_rule_con .list_style_1 > li:last-child{margin-bottom: 0px;}
.receipt_wrap .receipt_desc_con{padding:57px 68px 0px 68px;}
.receipt_wrap .receipt_desc_con .receipt_desc{margin-bottom: 26px; text-align:center; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#000;}

.box_style_0_wrap{margin-bottom: 55px;}
.box_style_0_con{text-align: left;}
.box_style_0_con th{border-left:1px solid #cbd9f7; padding-bottom: 5px; padding-right: 15px; padding-left: 15px;
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#000;}
.box_style_0_con th:first-child{border-left:none; padding-left: 0px;}
.box_style_0_con th:last-child{padding-right: 0px;}
.box_style_0_con td{border-left:1px solid #cbd9f7; padding-bottom: 10px; padding-right: 15px; padding-left: 15px;
    font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; letter-spacing: -0.06em; font-weight: 500; color:#000; word-break: keep-all;}
.box_style_0_con td:first-child{border-left:none; padding-left: 0px;}
.box_style_0_con td:last-child{padding-right: 0px;}
.box_style_0_con tr:last-child td{padding-bottom: 0;}
.box_style_0_con td > span.font_roboto{letter-spacing: 0.0em; font-weight: 400;}
/*.box_style_0_con{display:table; margin-bottom: 55px;}
.box_style_0_con .box_style_0{float:none; display:table-cell; vertical-align:top; border-left:1px solid #cbd9f7; padding-right: 30px; padding-left: 30px;}
.box_style_0_con .box_style_0:first-child{border-left:none; padding-left: 0px;}
.box_style_0_con .box_style_0:last-child{padding-right: 0px;}*/




/*.box_style_0_con{}
.box_style_0_con .box_style_0{height: 190px; padding-top: 20px; border-top:3px solid #000; box-sizing: border-box;}
.box_style_0_con .title{font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; letter-spacing: -0.01em; font-weight: 400; margin-bottom: 50px;}
.box_style_0_con .title.mb40{margin-bottom: 40px;}
.box_style_0_con .desc{font-size: 36px; font-size: 3.6rem; line-height: 40px; line-height: 4.0rem; letter-spacing: -0.05em; font-weight: 400; text-align: center;}
.box_style_0_con .desc .font_roboto{line-height: 0; letter-spacing: 0;}
.box_style_0_con .desc.id{font-size: 32px; font-size: 3.2rem; line-height: 34px; line-height: 3.4rem; letter-spacing: 0;}
.box_style_0_con .desc.small{font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.01em; font-weight: 400;}
.box_style_0_con .desc.red{color:#ff4f4f;}*/


/* popup */
.popup_wrap{display:none;}
.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);}

.list_style_0_con{}
.list_style_0_con > li{position: relative; padding-left: 11px; margin-bottom: 9px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 300; color:#000;}
.list_style_0_con > li:last-child{margin-bottom: 0;}
.list_style_0_con > li:before{content: ''; position: absolute; top:9px; left:0; width: 3px; height: 3px; background-color:#333;}

.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_table_con{padding-top: 55px; padding-right: 63px; padding-bottom: 61px; padding-left: 68px;}
.popup_table_con .popup_table{table-layout: fixed;}
.popup_table tbody tr th{vertical-align:top; text-align:left; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 500; color:#000;}
*/


/* popup_style_0_con (정보변경 완료 팝업) */
.popup_style_0_wrap{background-color: transparent !important; padding-left: 20px; padding-right: 20px;}
.popup_style_0_con{}
.popup_style_0_con .contents{background-color: #fff; padding-top: 95px; padding-bottom: 77px; padding-right: 27px; padding-left: 27px;border-top-left-radius: 20px; border-top-right-radius: 20px;}
.popup_style_0_con .popup_title_con .title{font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.01em; font-weight: 500; color:#1a172d;}
.popup_style_0_con .popup_title_con .desc{font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.01em; font-weight: 300; color:#1a172d; word-break: keep-all;}
.popup_style_0_con .btn_box{}
.popup_style_0_con .popup_style_0_btn_con > a{position: relative;}
.popup_style_0_con .popup_style_0_btn_con > a:after{content:''; position: absolute; height: 100%; border-right: 1px solid rgba(255,255,255,0.15); top:50%; right: 0; transform: translate(50%,-50%);}
.popup_style_0_con .popup_style_0_btn_con:first-child > a{border-bottom-left-radius: 20px;}
.popup_style_0_con .popup_style_0_btn_con:last-child > a{border-bottom-right-radius: 20px;}
.popup_style_0_con .popup_style_0_btn_con:last-child > a:after{display: none;}
.popup_style_0_btn_con .popup_style_0_btn{display:block; padding-top: 19px; padding-bottom: 19px; background-color: #7553fe; transition: all 0.3s;}
.popup_style_0_btn_con .popup_style_0_btn:hover{background-color: #6d13ff;}
.popup_style_0_btn_con .popup_style_0_btn > span{display:inline-block; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 400; color:#fff;
    background-repeat: no-repeat; background-position: left top 2px;}
.popup_style_0_btn_con .popup_style_0_btn.close > span{background-image: url("../img/new/popup_style_0_close_btn.png");}
.popup_style_0_btn_con .popup_style_0_btn.agree > span{background-image: url("../img/new/popup_style_0_agree_btn.png");}

.popup_style_0_close_btn_con{position: absolute; top:30px; right: 30px;}
.popup_style_0_close_btn_con > a > span{display:inline-block; width: 19px; height: 19px; transition: all 0.2s ease;
    background-image: url('../img/new/popup_style_0_top_close_btn_h.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.popup_style_0_close_btn_con > a:hover > span{background-image: url('../img/new/popup_style_0_top_close_btn.png');}

/* popup_style_0_con type_2 (계산서 발행 팝업) */
.popup_style_0_con.type_2 .contents{overflow: hidden; padding-top: 55px; padding-bottom: 70px; padding-left: 20px; padding-right: 20px;}
.popup_style_0_con.type_2 .popup_title_con .title{position: relative; font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; letter-spacing: -0.06em;}
.popup_style_0_con.type_2 .popup_title_con .title:after{content: ''; position: absolute; width: 100vw; bottom:-25px; left:calc(-100vw + 100%); border-bottom:3px solid #000;}
.popup_style_0_con.type_2 .popup_title_con .desc{font-size: 15px; font-size: 1.5rem; line-height: 26px; line-height: 2.6rem; }

/* popup_style_0_con type_3 (도메인 팝업) */
.popup_style_0_con.type_3 .contents{overflow: hidden; padding-top: 55px; padding-bottom: 60px; padding-left: 30px; padding-right: 30px;}
.popup_style_0_con.type_3 .popup_title_con .title{position: relative; font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; letter-spacing: -0.06em;}
.popup_style_0_con.type_3 .radio_btn_style_0_con{display: inline-block; vertical-align: middle; width: 100%; height: 100%;}
.popup_style_0_con.type_3 .radio_btn_style_0_con .radio_btn_style_0 + label{padding-left: 34px;}


/* qna_view */
.board_style_0_con{}
.board_style_0_con .caption{margin-bottom: 27px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 500; color:#000;}
.board_style_0_con .board_style_0_inner{border-top:3px solid #000; border-bottom:1px solid #dedede;}
.board_style_0_con .board_style_0{box-sizing:border-box; padding-top: 30px; padding-bottom: 30px; border-bottom:1px solid #d1d1d1;}
.board_style_0_con .board_style_0:last-child{border-bottom:none;}
.board_style_0 .text_box{overflow: hidden; text-align: left; margin-bottom: 36px;}
.board_style_0 .title{width:374px; font-size:24px; font-size:2.4rem; line-height:36px; line-height:3.6rem; letter-spacing: -0.045em; font-weight: 400; color:#000; box-sizing: border-box; word-break: keep-all; padding-right: 60px; margin-bottom: 25px;}
.board_style_0 .desc{overflow: hidden; font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.02em; font-weight: 300; color:#000;}
.board_style_0 .info_box{display: flex; align-items: center; float: right; padding-bottom: 3px;}
.board_style_0 .date{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 500; color:#000;}
.board_style_0 .date > span.font_roboto{line-height: 0;}
.board_style_0 .file_box{margin-left: 20px;}
.board_style_0 .file_box .file_title{float:left; margin-right: 11px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 300; color:#000;}
.board_style_0 .file_box .file{float:left; font-size: 0; line-height: 0;}
.board_style_0 .file_box .file > a{position: relative; display: inline-block; word-break:break-all; transition:color 0.3s ease; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; color:#000;}
.board_style_0 .file_box .file > a > span.font_roboto{line-height: 0;}
.board_style_0 .file_box .file > a:after{content: ''; position: absolute; left:0; bottom:-3px; width: 100%; border-bottom:1px solid #666; transition:border-color 0.3s ease;}

.board_style_0 .file_box .file > a:hover{color:#6d13ff;}
.board_style_0 .file_box .file > a:hover::after{border-color:#6d13ff;}

/*my_info*/
.member_info_con{}
.member_info_con .member_profile_img_con{}
.member_info_con .member_profile_img_box{display: inline-block; width: 135px; height: 134px; border-radius: 50%; overflow: hidden;}
.member_info_con .member_profile_img{width: 100%; height: 100%; background-size: cover; background-position: center; background-color: #eee;}
.member_info_con .email_id_title{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 500;}
.member_info_con .email_id{font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; font-weight: 500;}
.mw-845{max-width: 845px;}
/*.info_con{padding-top: 97px; margin-bottom: 170px;}*/

/*
   board_title_con 클래스명이 겹쳐서 검색해보니 myinfo.php에서 member_check_wrap 아래에서 사용하길래 일단
   .member_check_wrap .board_title_con으로 수정했음 -20190426 kej

.board_title_con {padding-bottom: 29px; border-bottom: 3px solid #000;}
.board_title_con .title {font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem;  letter-spacing: -0.01em; font-weight: 500;}
.board_title_con .desc {font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 300;}

*/
.member_check_wrap .board_title_con {padding-bottom: 29px; border-bottom: 3px solid #000;}
.member_check_wrap .board_title_con .title {font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem;  letter-spacing: -0.01em; font-weight: 500;}
.member_check_wrap .board_title_con .desc {font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 300;}
.board_style_1 th{font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem;  letter-spacing: -0.01em; font-weight: 400; text-align: left ;
    padding-top: 25px; padding-bottom: 26px; padding-left: 0px; }
.board_style_1 tr {border-bottom: 1px solid #dedede;}
.input_full {width: 100%; outline: none; border:none; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 400;
padding:0px;}
input.input_full::-webkit-input-placeholder{color:rgba(0,0,0,0.4)}
.info_con .board_style_1 input{ border:none; outline: none; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem;
     height: 42px; padding-left: 10px; padding-right: 0;}
.info_con input.input_160{width: 160px; border: 2px solid #f0f0f0;}
.info_con input.input_250{width: 250px; border: 2px solid #f0f0f0;}

select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
.circle_wrap {display: inline-block; margin-right: 20px;}
.circle_wrap:last-child {margin-right: 0;}
.circle_con {display: table; border:3px solid #000; border-radius: 50%; text-align: center; width: 100px; height: 100px; cursor: pointer; background-color: #fff;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; transition: all 0.2s}
.circle_con .circle_btn{display: table-cell; vertical-align:middle;
font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 700; color:#000;}
col.width90 {width: 90px;}
col.width75 {width: 75px;}
col.width120 {width: 120px;}
col.widthauto {width: auto;}


/* 도메인 현황 */
.domain_con{}
.domain_con .domain_con_inner{max-width: 628px; float:none; overflow: hidden; margin-left:auto; margin-right: auto;}
.domain_con .domain_box{text-align: center;  padding-left:15px; padding-right: 15px;}
.domain_con .domain_box::after{content:''; position:absolute; top:3px; left:0; height:calc(100% - 22px); border-left:1px solid #d0d0d0;}
.domain_con .domain_box:first-child::after{border-left:none;}
.domain_con .domain_box .title{word-break:keep-all; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 400;}
.domain_con .domain_box .count{font-size:58px; font-size:5.8rem; line-height:64px; line-height:6.4rem; letter-spacing: 0.0em; font-weight: 500;}
.domain_con .domain_label{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 500;}
.domain_con .domain_addr{font-size:58px; font-size:5.8rem; line-height:62px; line-height:6.2rem; letter-spacing: -0.025em; font-weight: 500;}
/*.domain_con .table_style_0_con .panel_header .btn_style_1_con.gray .btn_style_1{width: 100%; opacity: 1;}*/

.dns_desc_con{margin-bottom: 34px;}
.dns_desc_con .title{margin-bottom: 14px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 500; color:#000;}
.dns_desc_con .desc{font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.02em; font-weight: 300; color:#000;}

/* 도메인 상세(뷰) */
.table_desc_con .list_style_1 > li{margin-bottom: 7px; color:#000;}
.table_desc_con .list_style_1 > li:last-child{margin-bottom: 0;}
.hr_style_2{width: 100%; border-bottom:3px solid #000;}


/* 새 도메인 구매 */
.domain_purchase_wrap{}
.domain_purchase_wrap .filter_desc{text-align: center;}
.domain_purchase_wrap .filter_desc .domain{margin-bottom: 3px; font-size:43px; font-size:4.3rem; line-height:47px; line-height:4.7rem; letter-spacing: -0.025em; font-weight: 500;}
.domain_purchase_wrap .filter_desc .desc{font-size:21px; font-size:2.1rem; line-height:34px; line-height:3.4rem; letter-spacing: -0.02em; font-weight: 400; }
.domain_purchase_wrap .domain_purchase_con{position: relative; overflow: hidden; margin-bottom: 47px;}
.domain_purchase_wrap .filter_wrap{margin-bottom: 17px;}
.domain_purchase_wrap .filter_wrap .table_style_0_label{float: left; padding-top: 6px; margin-bottom: 0;}
.domain_purchase_wrap .domain_list_con{width: 100%; margin-bottom: 30px;}
.domain_purchase_wrap .domain_fixed_con{width:100%; border-radius: 20px; background-color: #6d13ff; overflow: hidden;}
.domain_fixed_con .top_box{height: 100px; padding:27px 10px 15px 10px; border-bottom:1px solid rgba(255,255,255,0.5); box-sizing: border-box;
    display: flex; align-items: center; justify-content: center;}
.domain_fixed_con .top_box .title{margin-right: 20px; margin-bottom: 13px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 400; color:#fff;}
.domain_fixed_con .top_box .count{font-size:65px; font-size:6.5rem; line-height:69px; line-height:6.9rem; letter-spacing: 0.0em; font-weight: 500; color:#fff;}
.domain_fixed_con .bottom_box{padding-top: 22px; padding-right: 20px; padding-bottom: 30px; padding-left: 19px;}
.domain_fixed_con .domain_list{min-height:50px;margin-bottom: 22px;}
.domain_fixed_con .domain_list > li{overflow: hidden; margin-bottom: 13px;
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#fff; text-align: center;}
.domain_fixed_con .domain_list > li:last-child{margin-bottom: 0px;}
.domain_fixed_con .domain_list > li .domain{float:left; padding-top: 4px; text-align:left; font-size:17px; font-size:1.7rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.0em; font-weight: 400; color:#fff;}
.domain_fixed_con .domain_list > li .cancel_btn{float:right; opacity: 0.5; transition: all 0.3s ease;}
.domain_list_con .nodata_con{height: 481px; display: table; width: 100%;}
.domain_list_con .nodata_con .text{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 300; color:#000;}

/* 도메인 구입 폼 */
.domain_form_wrap .domain_form_con{margin-bottom: 105px;}
.domain_form_wrap .domain_form_con:last-child{margin-bottom: 0px;}
.domain_form .form_style_0_con.type_2 .title_con{width:120px; padding-top: 4px;}
.domain_form .form_style_0_list .title{font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.025em; font-weight: 400; color:#000; text-align: left;}
.domain_form .form_style_0_list .select_style_4_wrap .selected_item.font_roboto{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.0em; font-weight: 500;}
[data-wv-agent="ipad"] .domain_form .form_style_0_list .select_style_4_wrap .selected_item.font_roboto{padding-top: 19px;}
[data-wv-agent="iphone"] .domain_form .form_style_0_list .select_style_4_wrap .selected_item.font_roboto{padding-top: 19px;}
.domain_form .form_style_0_list .select_style_4_wrap .select_style_4 > li > a.font_roboto{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.0em; font-weight: 500;}
.domain_form .form_style_0_list .input_style_3_con .input_style_3.font_roboto{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.0em; font-weight: 500;}
[data-wv-agent="ipad"] .domain_form .form_style_0_list .input_style_3_con .input_style_3.font_roboto{padding-top: 8px;}
[data-wv-agent="iphone"] .domain_form .form_style_0_list .input_style_3_con .input_style_3.font_roboto{padding-top: 8px;}
.select_style_4_wrap .select_style_4.country{/*max-height: 300px; *//*overflow-y: scroll;*/ }/* 나라옵션이 너무 많아서 임시로 스크롤로 해둠 */
.select_style_4_wrap .select_style_4_con{max-height: 300px;}
.board_style_5_list_con .board_style_5_list_desc.mb44{margin-bottom: 44px;} /* 임시 */

/*로그인 및 회원가입*/
.sub_visual_wrap {min-height: 100vh; /*overflow:hidden;*/ /*로그인 회원 가입에 필요하여 over-hidden 속성 추가*/}
.sub_visual_wrap .sub_visual_con{max-width: 870px; margin:0 auto; float:none; width: auto; min-height: 100vh; height: 100%;}
[data-wv-agent="firefox"] .sub_visual_wrap .sub_visual_con{height:0;}
.sub_visual_wrap .text_con{/*overflow: hidden; */margin-bottom: 52px; margin-top: -16px;}
.sub_visual_wrap .text_con .title{font-size:60px; font-size:6.0rem; line-height:66px; line-height:6.6rem; font-weight: 500; letter-spacing: -0.02em !important; padding-top: 16px;}
.sub_visual_wrap .text_con .title .small{font-size: 40px; font-size: 4.0rem; line-height: 0;}
.sub_visual_wrap .text_con .title:after{content: ''; position: absolute; top:50%; left:-100vw; width: calc(100vw - 20px); border-bottom:3px solid #6d13ff; transform: translateY(-50%);}
.sub_visual_wrap .text_con .desc{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; letter-spacing: -0.02em; color: #000;}
.sub_visual_wrap .contents_wrap {max-width: 485px;}
.sub_visual_wrap h1 {color: #fff;}

.sub_visual_wrap .form_wrap{z-index: 3; max-width: 775px; /*overflow:hidden;*/ padding-top: 130px; padding-bottom: 130px;}
.sub_visual_wrap .form_wrap.over-visible{overflow: visible;}
/*.sub_visual_wrap.register .form_wrap{padding-top:130px; padding-bottom: 130px;}*/
.sub_visual_wrap .form_inner{background-image: url('../img/new/login_bg.png'); background-position: top left; background-size: 0px; background-repeat: no-repeat; padding-top: 0px;}
.sub_visual_wrap .form_con.mw-630{max-width: none;}

.member_list_con{margin-bottom: 44px;}
.member_list_con .member_list{margin-bottom: 30px;}
.member_list_con.type_2 .member_list{margin-bottom: 16px;}
.member_list_con .member_list:last-child{margin-bottom: 0px;}
.member_list_con .member_list_inner{display: table; width: 100%;}
.member_list_con .left_con {float: none; margin-bottom: 20px; vertical-align: top;}
.member_list_con .right_con {float: none; width: 100%; vertical-align: middle;}
.member_list_con .right_con.fr {float: right;}
.member_list_con .member_list_icon{display: inline-block; width: 27px; vertical-align: middle; text-align: center; margin-right: 10px;}
.member_list_con .member_list_title{display: inline-block; vertical-align: middle; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.01em; font-weight: 400; color: #000;}
.member_list_con .member_list_title.font_roboto{font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; letter-spacing: -0.02em!important; font-weight: 500; color:#000; padding-top: 3px;}
.member_list_con.type_2 .right_con .btn_style_3_con{position: absolute; top:50%; right: 0; transform: translateY(-50%);}

.checkbox_con {display: inline-block;}
.checkbox_con .check_style0 {position: relative; left: 0; top: 0; width: 34px; height: 34px;  cursor: pointer; margin-right: -34px; margin-left: 0; margin-top: 0; margin-bottom: 0;}
.checkbox_con .check_style0 + label{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;  letter-spacing: -0.01em; font-weight: 500; color: #966cff; cursor: pointer;}
.checkbox_con .check_style0 + label:before { content: ''; display: inline-block; vertical-align: middle;  margin-right: 17px; width: 34px; height: 34px;
    border: none; border-radius: 3px;  background: url("../img/check.png") no-repeat center center; background-color: #7643f7; }
.checkbox_con .check_style0:checked + label{color:#966cff;}
.checkbox_con .check_style0:checked + label:before {background-image: url("../img/check_ok.png"); background-color: #7643f7;}
/* 커스텀 된 select box 때문에 overflow:hidden 주석처리 */

.login_bg{position: absolute; z-index: -1; background-size: contain; background-repeat:no-repeat;}
.login_bg.left{width: 914px; height: 455px; bottom: 0; right: calc(600 / 775 * 100%); background-image: url("../img/login_bottom.png");  background-position: bottom right;}
.login_bg.right{width: 2256px; height: 1131px; top:-5%; left:calc(220 / 775 * 100%); background-image: url("../img/login_top.png"); background-position: top left;}
.sub_visual_wrap .complete_con{text-align: center;}
.complete_con .title{font-size:40px; font-size:4.0rem; line-height:46px; line-height:4.6rem; font-weight: 500; color:#000; margin-bottom: 20px;}
.complete_con .title > span.font_roboto{line-height: 0;}
.complete_con .desc{margin-bottom: 45px; font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem; letter-spacing: -0.01em; font-weight: 300; color:#000;}
.complete_con.id .title{font-size: 30px; font-size: 3.0rem; line-height: 36px; line-height: 3.6rem; margin-bottom: 45px;}
.complete_con.id .desc{margin-bottom: 17px;}
.check_text{font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem; color:#a28ec9; letter-spacing: -0.02em; font-weight: 300; margin-top:13px; padding-left: 0px;}
.check_text.id{font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; color:#f149a7; font-weight: 400;}
.check_text.id > span{display: inline-block; vertical-align: middle;}
.select_num{position: absolute; top: 5px; left: 0; background-color: transparent; outline: none; border:none; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; color: #fff;}
.select_num option{color: #000;}

/* 감상하기 */
.tab_style_2_con {background-color: transparent; margin-bottom: 85px; height: auto;}
.tab_style_2_con ul {display: inline-block; width: auto; font-size:0;}
.tab_style_2_con ul > li{position: relative; display: inline-block; width: auto; height: auto; border:3px solid transparent; border-bottom:none; border-radius: 7px 7px 0 0; padding:0; padding-top: 8px; background-color: transparent; box-sizing: border-box;}
.tab_style_2_con ul > li > a{position: relative; display: inline-block; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 500; color:#1a172d; padding-left: 10px; padding-right: 10px;}
.tab_style_2_con ul > li > a:after{content: ''; position: absolute; height: 20px; border-right:1px solid #d7d7d7; top:50%; right:-4px; transform: translateY(-50%);}
.tab_style_2_con ul > li:last-child > a:after{display: none;}
.tab_style_2_con ul > li.on{border-color: #000; background-color: transparent; width: auto; height: auto;}
.tab_style_2_con ul > li.on > a:after{display: none;}
.tab_style_2_con ul > li:hover {background-color: transparent; color: #000;}

/*감상하기 추가*/
.flex_con{float: none; overflow: hidden; width: calc(100% + 32px); font-size: 0; margin-left: -32px; box-sizing: border-box; margin-bottom:-75px;}
.flex_con .flex_box{display: block; max-width: none; width: 100%; font-size: 0; padding-left: 32px; box-sizing: border-box;}
.theme_box_wrap{width: 50%; font-size: 0; margin-bottom: 75px;}
.theme_box_wrap .theme_box{position: relative; cursor: pointer; font-size: 0; margin-bottom: 20px; border:1px solid rgba(0,0,0,0.06); box-sizing: border-box;}
.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_box_wrap:hover .theme_box{border-color: #000;}
.theme_box_wrap:hover .theme_box:after{opacity: 1;}
.theme_box_wrap .theme_title_box{font-size: 0;}
.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;}

/* 감상하기 - 블록 리스트*/
.block_list_con{width: 100%;}
.block_list_con .block_list_inner{margin-bottom: 80px;}
.block_list_con .block_list{border-radius: 20px; overflow: hidden; height: 350px; margin-bottom: 20px;}
.block_list_con .block_list:last-child{margin-bottom: 0;}
.block_list_con .block_list .bg_box{height: 100%; background-image: url("../img/new/block_dummy_img_000.jpg");
    background-repeat: no-repeat; background-size: cover; background-position: center;}
.block_list_con .block_list.type_video{}
.block_list_con .block_list.type_video .text_box{position:absolute; top:0; left:0; display: flex; flex-flow: column; justify-content: center; align-items: center;
    height:100%; opacity:0; background-color:rgba(0,0,0,0.5); transition: all 0.2s ease;}
.block_list_con .block_list.type_video .title{margin-bottom: 21px; font-size:26px; font-size:2.6rem; line-height:40px; line-height:4.0rem; letter-spacing: -0.06em; font-weight: 300; color:#fff;}


.block_list_con .block_list.type_video:hover .text_box{opacity: 1;}


/* 감상하기 - 블록 우측 fixed 메뉴*/
.block_fixed_menu_wrap{display: none; width: 212px; position: fixed; bottom:127px; left:20px; z-index: 1;}
.block_fixed_menu_wrap .block_fixed_menu_con{border-radius: 20px; background-color: #6d13ff; overflow: hidden;}
.block_fixed_menu_wrap .block_fixed_menu_box{background-color: #6d13ff; box-sizing: border-box; /*height: 108px;*/ overflow: hidden;}
.block_fixed_menu_wrap .total_block_box{padding-top: 40px; margin-bottom: 29px;}
.block_fixed_menu_wrap .total_block_box .title{margin-bottom: 8px; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.02em; font-weight: 500; color:#fff;}
.block_fixed_menu_wrap .total_block_box .count{font-size:34px; font-size:3.4rem; line-height:40px; line-height:4.0rem; letter-spacing: 0.01em; font-weight: 500; color:#fff;}
.block_fixed_menu_wrap .block_category{text-align: left; padding-left: 34px; padding-bottom: 46px;}
.block_fixed_menu_wrap .block_category > li{position: relative; margin-bottom: 9px;}
.block_fixed_menu_wrap .block_category > li:last-child{margin-bottom: 0;}
.block_fixed_menu_wrap .block_category > li > a{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 400; color:#b592ee; transition: all 0.2s ease; display:block;}
.block_fixed_menu_wrap .block_category > li > a > span{padding-right: 16px;}
.block_fixed_menu_wrap .block_category > li.active > a{color:#fff;}
.block_fixed_menu_wrap .block_category > li> a::after{content: ''; position: absolute; top:50%; width:0; border-bottom:2px solid #fff; transform: translateY(-50%); transition: all 0.3s ease;}
.block_fixed_menu_wrap .block_category > li.active > a::after{width:100%;}
.block_fixed_menu_wrap .block_category > li:hover > a{color:#fff;}
.block_fixed_menu_wrap .block_fixed_menu_box.active{height: auto;}

.block_fixed_menu_box .show_block_btn_con{/*height:108px; */background-color: #6d13ff; overflow: hidden;/* box-sizing: border-box;*/ transition: border 0s ease;}
.block_fixed_menu_box.normal .show_block_btn_con.active{border-bottom:1px solid rgba(255,255,255,0.4);}
.block_fixed_menu_box.action .show_block_btn_con.active{border-top:1px solid rgba(255,255,255,0.4);}
.block_fixed_menu_box.normal .show_block_btn_con{border:none;}
.block_fixed_menu_box.action .show_block_btn_con{border:none;}
.block_fixed_menu_box .show_block_btn_con{height:0px;}
.block_fixed_menu_box .show_block_btn_con.active{height:108px;}
.block_fixed_menu_wrap .show_block_btn{display: block; text-align: center; padding:28px 10px 36px 10px; box-sizing: border-box;}
.block_fixed_menu_wrap .show_block_btn .desc{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 500; color:#fff;}
.block_fixed_menu_box .block_menu_inner{overflow: hidden; height: 0;}
.block_fixed_menu_box.active .block_menu_inner{height: auto;}

/* 감상하기 - 블록 우측 fixed 메뉴 오픈 버튼*/
.block_menu_open_btn_con{position: fixed; bottom:30px; left:20px; z-index: 1;}
.block_menu_open_btn_con > a{display: inline-block; width: 67px; height: 67px; border-radius: 50%;
    background-color: #6d13ff; background-image: url(../img/new/go_top_arrow.png); background-position: center; background-repeat: no-repeat;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);}

.editor_btn_con{display: none; overflow: hidden;}
.editor_btn_con .editor_btn{display: inline-block; text-align: center;}
.editor_btn_con .editor_btn .desc{margin-bottom: 12px; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.02em; font-weight: 300; color:#6d13ff;}
.editor_btn_con .editor_btn .over_icon{opacity: 0; transition: all 0.2s ease;}
.editor_btn_con .editor_btn:hover .over_icon{opacity: 1;}
/*.editor_btn_con .editor_btn:hover{padding-bottom: 12px; background-repeat: no-repeat;
    background-image: url("../img/new/block_logo_hover.png"); background-position: center bottom; background-size: 32px 32px;}*/

/* 위시리스트 */
.mypage .flex_con{width: calc(100% + 32px); margin-left:-32px;}
.mypage .flex_con .flex_box{padding-left: 32px;}
.mypage .theme_box_wrap{margin-bottom: 70px;}
.mypage .theme_box_wrap .theme_box{margin-bottom: 24px;}

/* 감상하기 - 테마 이전 작업 (필요없으면 삭제) */
/*.check_box_con{margin-bottom: 30px; text-align: left;}
.check_box_con .check_box {border:1px solid #ebebf0; width: 35px; height: 35px; background-color: #fff; opacity: 0; position: absolute;}
.check_box_con .check_box + label{padding-left: 50px; text-align: left; position: relative; cursor: pointer;}
.check_box_con .check_box + label:before {  content: "";  border: 1px solid #d0d9e4;  width: 35px;  \height: 35px;  background-color: transparent;  box-sizing: border-box;
    position: absolute;  left: 0px;  top: 0px; background-color: #fff;
    background-image: url("../img/check_gray.png"); background-position: center center; background-repeat:no-repeat;}
.check_box_con .check_box:checked + label:before {background-color: #6a3cde; background-image: url("../img/check_ok.png"); background-position: center center; background-repeat:no-repeat;}
.check_box_con .check_title {font-size:18px; font-size:1.8rem; line-height:18px; line-height:1.8rem; font-weight: 500;}
.check_box_con .check_desc {font-size:12px; font-size:1.2rem; line-height:18px; line-height:1.8rem;  color:#a3a3af; letter-spacing: 0.02em; font-weight: 300; padding-left: 50px;}*/
.search_title {font-size:38px; font-size:3.8rem; line-height:55px; line-height:5.5rem; font-weight: 400; letter-spacing: -0.060em;}

/* 추가 - HJK */
/*.page_title_con {padding-top: 130px;}
.page_cts_con {padding-bottom: 130px;}*/

/* 감상하기 - 팝업 */
.view_popup_wrap {position: fixed; z-index: 9999; top: 0; left: 0; overflow-y: auto;}
/*.view_popup_wrap.site_create_complete{overflow: hidden;}*/
.view_popup_wrap .content_wrap {z-index: 10;}
.view_popup_wrap .content_wrap .bg_wrap {position: absolute; z-index: -1; top: 0; left: 0; background-color: transparent; height: 100%;}
.view_popup_wrap .content_wrap .bg_wrap .img_box{position: absolute; top:0; left:50%; max-width: none; transform: translateX(-50%);}
.view_popup_wrap .content_wrap .top_con{position: fixed; top:0; left: 0; z-index: 1;}
.view_popup_wrap.site_open_wrap .content_wrap .top_con{margin-bottom: 74px;}
.view_popup_wrap .content_wrap .top_con .logo{float: left; margin: 48px 0px 0px 51px;}
/*.view_popup_wrap .content_wrap .top_con .close_btn {float: right; margin-top: 30px; margin-right: 20px;}
.view_popup_wrap .content_wrap .top_con .close_btn img{width: 25px; height: 25px;}*/
.view_popup_wrap .content_wrap .top_con .close_btn {float: right;}
.view_popup_wrap .content_wrap .top_con .close_btn > a{display: inline-block; width: 75px; height: 75px; background-color: #000; padding:25px; box-sizing: border-box; transition: all 0.2s ease;}
.view_popup_wrap .content_wrap .top_con .close_btn img{width: 25px; height: 25px;}
.view_popup_wrap .content_wrap .bottom_con {text-align: center;}
.view_popup_wrap .content_wrap .content_con{padding-bottom: 196px;}
.view_popup_wrap .content_wrap .step1,.view_popup_wrap .content_wrap .step2,.view_popup_wrap .content_wrap .step3{overflow: hidden; position: absolute; width: 100%;}
.view_popup_wrap .content_wrap .main_content_con{padding-top: 164px; margin-bottom: 150px;}
.view_popup_wrap .content_wrap .main_content_inner{}
.view_popup_wrap .content_wrap .sub_content_con{padding-top: 110px; margin-bottom: 145px;}
.view_popup_wrap .content_wrap .sub_content_inner{}

.popup_title_desc_con {color: #fff; text-align: left; margin-bottom: 150px;}
.popup_title_desc_con .title_con {width: 100%; margin-bottom: 41px;}
.popup_title_desc_con .title_con .title {font-size: 48px; font-size: 4.8rem; line-height: 56px; line-height: 5.6rem; letter-spacing: -0.045em; font-weight: 400;}
.popup_title_desc_con .title_con .serial_no {margin-top: 20px; font-family: "Helvetica Neue"; font-size: 18px; font-size: 18px; line-height: 1.8px; line-height: 1.8rem; font-weight: 400; letter-spacing: -0.02px;}
.popup_title_desc_con .desc_con{}
.popup_title_desc_con .name_con{display: flex; align-items: center; overflow: hidden; margin-bottom: 39px;}
.popup_title_desc_con .name_con .img{flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; background-color: #eee; background-repeat: no-repeat; background-size: cover; background-position: center; margin-right: 13px;}
.popup_title_desc_con .name_con .name{flex:0 0 auto; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: 0.02em; font-weight: 400; margin-right: 12px; padding-top: 4px;}
.popup_title_desc_con .name_con .line{flex:1; display: block; overflow: hidden; border-bottom: 2px solid #fff;}
.popup_title_desc_con .desc_con > .desc{font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; letter-spacing: -0.01em; font-weight: 300; word-break: keep-all;}
.popup_title_desc_con .desc_con > .desc br{display: none;}

.theme_page_title_wrap{text-align: center; margin-bottom: 98px;}
.theme_page_title_wrap .theme_page_title_inner{position: relative; max-width: 144px; display: inline-block;}
.theme_page_title_wrap .theme_page_logo_con{display: inline-block; padding-top: 34px; padding-bottom: 19px; padding-left: 46px; padding-right: 46px; border:2px solid #fff; border-bottom:none; box-sizing: border-box;}
.theme_page_title_wrap .theme_page_logo{font-size: 49px; font-size: 4.9rem; line-height: 54px; line-height: 5.4rem; letter-spacing: 0; font-weight: 500; color:#fff;}
.theme_page_title_wrap .theme_page_title_con{width: 100%; position: absolute; bottom:0; left:50%; transform: translate(-50%,50%);}
.theme_page_title_wrap .theme_page_title{display: flex; flex-basis: 100%; align-items: center; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 400; color: #fff; letter-spacing: -0.01em;}
.theme_page_title_wrap .theme_page_title:before{content: ""; flex-grow: 1; background: #fff; height: 2px; font-size: 0px; line-height: 0px; margin-right: 12px;}
.theme_page_title_wrap .theme_page_title:after{content: ""; flex-grow: 1; background: #fff; height: 2px; font-size: 0px; line-height: 0px; margin-left: 12px;}

.sub_content_con .theme_page_title_wrap{margin-bottom: 29px;}
.sub_content_con .popup_title_desc_con{margin-bottom: 78px;}

.theme_img_con{}
.theme_img_con .theme_img_box{text-align: center;}
.theme_img_con .theme_img_box > img{max-width: 768px; position: relative; left:50%; transform: translateX(-50%);}
.bottom_con .theme_info_list_con{margin-bottom: 53px;}
.bottom_con .theme_info_list_con .theme_info_list{margin-bottom: 58px;}
.bottom_con .theme_info_list_con .theme_info_list:last-child{margin-bottom: 0px;}
.bottom_con .theme_info_list_con .title{font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; letter-spacing: -0.04em; font-weight: 500; color:#000; margin-bottom: 20px;}
.bottom_con .theme_info_list_con .num{font-size: 80px; font-size: 8.0rem; line-height: 86px; line-height: 8.6rem; letter-spacing: 0em; font-weight: 500; color:#000;}
.bottom_con .theme_info_list_con .desc{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.01em; color:#000; word-break: keep-all;}
.bottom_con .theme_info_list_con .line{width: 138px; border-bottom:2px solid #000; margin-left:auto; margin-right: auto;}
.bottom_con .like_text{font-size: 18px; font-size: 1.8rem; line-height: 32px; line-height: 3.2rem; font-weight: 400; margin-bottom: 16px;}
.bottom_con .like_cnt_con{margin-bottom: 21px;}
.bottom_con .like_cnt_con > span{display: inline-block; vertical-align: middle;}
.bottom_con .like_cnt{font-size: 25px; font-size: 2.5rem; line-height: 31px; line-height: 3.1rem; letter-spacing: 0.02em; font-weight: 500; margin-top: 10px;}
[data-wv-agent="Mac"] .bottom_con .like_cnt{margin-top:8px;}
[data-wv-agent="ipad"] .bottom_con .like_cnt{margin-top:9px;}
.bottom_con .like_btn_con{text-align: center; margin-bottom:86px;}
.bottom_con .like_btn_con .like_btn_inner{display: inline-block; font-size: 0; background-color: #6d13ff; border-radius: 30px; padding-top:11px; padding-bottom:11px; padding-left:23px; padding-right:23px; cursor: pointer;
    background-image: none; background-repeat: no-repeat; background-position: center right 20px; transition: all 0.3s;}
[data-wv-agent="ipad"] .bottom_con .like_btn_con .like_btn_inner{padding-top:10px; padding-bottom:12px;}
[data-wv-agent="iphone"] .bottom_con .like_btn_con .like_btn_inner{padding-top:10px; padding-bottom:12px;}
.bottom_con .like_btn_con .like_btn_inner > span{display: inline-block; vertical-align: middle;}
.bottom_con .like_btn_con .like_btn {font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; color: #fff;}
.bottom_con .bottom_info_list_con{}
.bottom_con .bottom_info_list{margin-bottom: 7px;}
.bottom_con .bottom_info_list:last-child{margin-bottom: 0;}
.bottom_con .bottom_info_list_inner{display: inline-block; overflow: hidden; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; font-weight: 300; letter-spacing: -0.01em; word-break: keep-all;}
.bottom_con .bottom_info_list_inner .line{display:inline-block; width:4px; border-bottom:1px solid #000; vertical-align: middle; height:0; margin-right:6px; margin-bottom:2px;}
[data-wv-agent="Mac"] .bottom_con .bottom_info_list_inner{word-break:normal;}
[data-wv-agent="Mac"] .bottom_con .bottom_info_list_inner .line{margin-bottom:4px;}
[data-wv-agent="ipad"] .bottom_con .bottom_info_list_inner .line{margin-bottom:4px;}
.bottom_btn_con {position: relative;}
.bottom_btn_con .btn_style_2_con{margin-left: 35px; margin-right: 35px;}
.bottom_btn_con .btn_style_2_con:first-child{margin-left: 0px;}
.bottom_btn_con .btn_style_2_con:last-child{margin-right: 0px;}
.bottom_btn_con .btn_style_2_con:after{content: ''; position: absolute; top:50%; right:-35px; transform:translate(50%,-50%); height: 100%; border-right:2px solid #dbdbde;}
.bottom_btn_con .btn_style_2_con:last-child:after{display: none;}
.bottom_btn_con .my_wish_btn_con {margin-top: 30px;}
.bottom_btn_con .my_wish_btn_con .my_wish_btn {display: inline-block; font-size: 15px; font-size: 1.5rem; line-height: 30px; line-height: 3.0rem; font-weight: 500; padding-right: 43px; background: url("../img/my_wish_btn.png") no-repeat right center; cursor: pointer;}

/* 감상하기 - 팝업 - 사이트 개설 */
.site_open_wrap {margin-bottom: 50px;}
.open_info_wrap {}
.open_info_wrap .open_info_con {width: 100%;}
.open_info_wrap .open_info_con .info_wrap {text-align: center;}
.open_info_wrap .open_info_con .info_wrap .info_con {display: inline-block; text-align: left; margin-bottom: 0;}
.open_img_wrap {margin-top: 80px; text-align: center;}
.info_wrap {}
.info_wrap .info_con {color: #fff;}
.info_wrap .info_con .title_container {margin-bottom: 53px;}
.info_wrap .info_con .title_container .title {font-size: 30px; font-size: 3.0rem; line-height: 30px; line-height: 3.0rem; letter-spacing: -0.06em; font-weight: 500; margin-bottom: 17px;}
.info_wrap .info_con .title_container .desc {font-size: 17px; font-size: 1.7rem; line-height: 34px; line-height: 3.4rem;}
.info_wrap .info_con .input_container {}
.info_wrap .info_con .btn_container {margin-top: 50px;}
.info_wrap .info_con .btn_container {margin-top: 46px; margin-left: 104px;}
.info_wrap .info_con .btn_container .border_round_btn {
    display: inline-block; width: 101px; height: 101px; box-sizing: border-box; border: 3px solid #fff; border-radius: 50%; text-align: center; background: url("../img/round_btn_bg.png") no-repeat center 27px;
    padding-top: 55px; font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; font-weight: 500; cursor: pointer;
}

/* 감상하기 - 팝업 - 사이트 개설 하단 fixed 메뉴 */
.theme_util_menu_wrap{position: fixed; z-index: 11; left:0; bottom:0;}
.theme_util_menu_wrap .theme_util_menu{background-color: rgba(0,0,0,0.7); font-size: 0; text-align: center; transition: all 0.2s ease;}
.theme_util_menu_wrap .theme_util_menu:hover{background-color: #6d13ff;}
.theme_util_menu_wrap .theme_util_menu > a {display:block; box-sizing:border-box; height:58px; padding-top: 19px; padding-bottom: 21px; }
.theme_util_menu_wrap .theme_util_menu .menu_icon{display: inline-block; vertical-align: middle; }
.theme_util_menu_wrap .theme_util_menu .menu_title{display: inline-block; vertical-align: middle;
    font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.04em; font-weight: 400; color:#fff;}
.theme_util_menu_wrap .create_site_con{display:none; transform : translateY(100%); padding-top: 45px; padding-bottom: 45px; background-color: #6d13ff;}
.theme_util_menu_wrap .create_site_inner{}
.theme_util_menu_wrap .close_btn_con{position: absolute; top:0; right:0;}
/*.theme_util_menu_wrap .close_btn_con .close_btn{display:inline-block; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 300; color:#fff;
    cursor: pointer; padding-right: 42px; transition: all 0.2s ease;
    background-image:url("../img/new/close_btn_arrow.png"); background-repeat: no-repeat; background-position: right center; background-size: 23px 12px;}
.theme_util_menu_wrap .close_btn_con .close_btn:hover{}*/
.theme_util_menu_wrap .create_site_inner .create_site_title{width:100%; margin-bottom: 35px; font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem; letter-spacing: -0.04em; font-weight: 400; color:#fff;}
.theme_util_menu_wrap .create_site_inner .contents_box{width: 100%;}
.theme_util_menu_wrap .create_site_inner .contents_box .btn_style_2_con{width: 100%;}
.theme_util_menu_wrap .create_site_inner .create_site_desc{margin-bottom: 31px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 400; color:#fff;}
.theme_util_menu_wrap .create_site_inner .contents_box .input_container{margin-bottom: 20px;}
.theme_util_menu_wrap .close_btn_con .close_btn{display:inline-block;}
.theme_util_menu_wrap .close_btn_con .close_btn > .text {display:inline-block; vertical-align:middle; padding-bottom: 10px; transition: all 0.2s ease-in-out;
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 300; color:#fff; padding-right: 11px; }

.theme_util_menu_wrap .close_btn_con .close_btn:hover > .text{padding-bottom: 0px;}
.theme_util_menu_wrap .close_btn_con .close_btn > .arrow{width: 32px; height: 32px; display: inline-block; position: relative;  vertical-align: middle; transform: rotate(45deg); overflow: hidden;}

.theme_util_menu_wrap .close_btn_con .close_btn > .arrow::before{content:''; position: absolute; top:50%; left:0%; transform:translate(-50%,-50%); width: 32px; height: 1px; background-color: #fff; transition: all 0.2s ease;}
.theme_util_menu_wrap .close_btn_con .close_btn > .arrow::after{content:''; position: absolute; top:0%; left:50%; transform:translate(-50%,-50%); width: 1px; height: 32px; background-color: #fff; transition: all 0.2s ease;}
.theme_util_menu_wrap .close_btn_con .close_btn:hover > .arrow::before{left:50%;}
.theme_util_menu_wrap .close_btn_con .close_btn:hover > .arrow::after{top:50%;}


/* 감상하기 - 팝업 - 사이트 개설 완료 */
.site_complete_con{text-align: center;}
.site_complete_con .title{margin-bottom: 17px; font-size:35px; font-size:3.5rem; line-height:41px; line-height:4.1rem; letter-spacing: -0.04em; font-weight: 400; color:#fff;}
.site_complete_con .desc{font-size:15px; font-size:1.5rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.01em; font-weight: 300; color:#fff; word-break: keep-all;}
.site_complete_con .domain_addr{}
.site_complete_con .domain_addr > a{display:inline-block; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: 0.02em; font-weight: 500; color:#fff;
    padding:16px 48px 15px 48px; border-radius:35px; border:2px solid rgba(255,255,255,0.15); transition: all 0.2s ease;}
.site_complete_con .domain_addr > a:hover{background-color: #6d13ff; border-color:#6d13ff;}
.card_style_0_wrap{}
.card_style_0_con .card_style_0_con{}
.card_style_0_con .card_style_0{margin-bottom: 20px;}
.card_style_0_con .card_style_0:last-child{margin-bottom: 0;}
.card_style_0_con .card_style_0 .card_style_0_inner{height:100%; position:relative; padding-right: 10px; padding-left: 10px; padding-bottom:20px; box-sizing: border-box;
    border-bottom:2px solid rgba(255,255,255,0.15); max-width: 400px; margin-left:auto; margin-right:auto;}
.card_style_0_con .card_style_0:last-child .card_style_0_inner{border-bottom:none; padding-bottom: 0;}
.card_style_0_con .card_style_0 .sub_title{margin-bottom: 7px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 400; color:rgba(255,255,255,0.6);}
.card_style_0_con .card_style_0 .title{margin-bottom: 12px; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.01em; font-weight: 400; color:#fff;}
.view_popup_wrap .content_wrap .bg_wrap .img_con{height: 100%; background: url("../img/new/site_complete_dumy_bg_000.jpg"); background-size: cover; background-repeat: no-repeat;}
.view_popup_wrap .content_wrap .step3{}
.view_popup_wrap .content_wrap .step3 .content_con{display: flex; align-items: center; min-height: 100vh; padding-top: 85px; padding-bottom: 85px;}

/*scroll bar css*/
.view_popup_wrap{
    scrollbar-base-color: #000;
    scrollbar-Face-Color: #3d3d3d;
    scrollbar-Highlight-Color: #000;
    scrollbar-arrow-color: #000;
}
.view_popup_wrap::-webkit-scrollbar {width: 0px; border: 4px solid transparent; }
.view_popup_wrap::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 5px; background: transparent}
.view_popup_wrap::-webkit-scrollbar-track { background: transparent; -webkit-box-shadow: inset 0 0 4px transparent}
.view_popup_wrap::-webkit-scrollbar-thumb { background: transparent; border:12px solid transparent; -webkit-box-shadow: inset 0 0 40px #fff;  }

/* input */
input.trans_input {
    font-size:19px; font-size:1.9rem; line-height:25px; line-height:2.5rem; font-weight: 500; letter-spacing: -0.01em; color: #fff; width: 100%; height: 60px;
    background-color: transparent; border: 2px solid rgba(255,255,255,0.2); border-radius: 5px; padding-top: 16px; padding-bottom:19px; padding-right: 20px; padding-left:20px;
    outline: none; appearance:none; -webkit-appearance: none; -moz-appearance:none; transition: all 0.2s ease;
}
input.trans_input::-webkit-input-placeholder {font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; color: rgba(255,255,255,0.6); font-weight: 300;}
input.trans_input::-moz-placeholder {font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; color: rgba(255,255,255,0.6); font-weight: 300;}
input.trans_input:-moz-placeholder {font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; color: rgba(255,255,255,0.6); font-weight: 300;}
input.trans_input:-ms-input-placeholder {font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; color: rgba(255,255,255,0.6); font-weight: 300;}
[data-wv-agent="Mac"] input.trans_input{padding-top:18px; padding-bottom:17px;}
[data-wv-agent="ipad"] input.trans_input{padding-top:19px; padding-bottom:16px;}
[data-wv-agent="iphone"] input.trans_input{padding-top:19px; padding-bottom:16px;}
input.trans_input:focus{border-color:rgba(255,255,255,1);}

/* list_style */
.etc_list_style {}
.etc_list_style > li {overflow: hidden; margin-top: 17px;}
.etc_list_style > li:first-child {margin-top: 0px;}
.etc_list_style > li .title{position: relative; float: left; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.01em; font-weight: 500; margin-right: 48px;}
.etc_list_style > li .title:after{content: ''; position: absolute; top:50%; right: -26px; height: 15px; border-right:1px solid rgba(255,255,255,0.3); transform: translateY(-50%);}
.etc_list_style > li .desc{overflow: hidden;}
.etc_list_style > li .category {font-size: 0; font-weight: 300;}
.etc_list_style > li .category > span {display: inline-block; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.01em; margin-right: 20px;}
.etc_list_style > li .category > span:last-child{margin-right: 0;}

/*
.input_list_style {}
.input_list_style > li {overflow: hidden; margin-top: 67px;}
.input_list_style > li:first-child {margin-top: 0px;}
.input_list_style > li .title {width: 104px; float: left; font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; font-weight: 500;}
.input_list_style > li .desc {overflow: hidden; font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; font-weight: 400;}
.input_list_style > li .desc .sub_title {margin-bottom: 39px;}
*/

.input_list_style {}
.input_list_style > li {margin-bottom: 13px;}
.input_list_style > li:last-child {margin-bottom: 0;}
.input_list_style > li .title {width: 113px; float: left; font-size: 0; padding-top: 19px;}
.input_list_style > li .title > div{display: inline-block; vertical-align: middle;}
.input_list_style > li .title > div.icon{margin-right: 12px;}
.input_list_style > li .title > div.text{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 400; color:#fff;}
.input_list_style > li .desc {width:calc(100% - 113px); overflow: hidden; font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; font-weight: 400; color:#fff;}
.input_list_style > li .desc .sub_title{font-family: 'Helvetica Neue', "Noto Sans KR"; font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: 0.02em; font-weight: 300; /*font-weight: 400;*/ color:#fff;}

/* paymentinfo 업그레이드 - 서비스 선택 */
.card_style_1_con{}
.card_style_1_con .card_style_1{margin-bottom: 70px}
.card_style_1_con .card_style_1:last-child{margin-bottom: 0px}
.card_style_1_con .card_style_1_inner{max-width: 450px; float:none; overflow: hidden; margin-left:auto; margin-right: auto;}
.card_style_1_con .card_style_1 .board_box{margin-bottom: 25px; text-align:center;}
.card_style_1_con .card_style_1 .board_box_inner{
    min-width:285px; height:373px; /*min-height:373px;*/ padding:40px 50px 43px 50px; border-radius:40px;
    background-image: url("../img/new/paymentinfo_type_0_bg.png"); background-repeat: repeat-x; background-size: contain;}
.card_style_1_con .card_style_1:nth-child(1) .board_box_inner{background-image: url("../img/new/paymentinfo_type_0_bg.png");}
.card_style_1_con .card_style_1:nth-child(2) .board_box_inner{background-image: url("../img/new/paymentinfo_type_1_bg.png");}
.card_style_1_con .card_style_1:nth-child(3) .board_box_inner{background-image: url("../img/new/paymentinfo_type_2_bg.png");}
.card_style_1_con .card_style_1 .board_title_con{margin-bottom: 23px; font-size: 0;}
.card_style_1_con .card_style_1 .board_title{display:inline-block; vertical-align:middle; font-size:35px; font-size:3.5rem; line-height:41px; line-height:4.1rem; letter-spacing: -0.065em; font-weight: 500; color:#fff;}
.card_style_1_con .card_style_1 .recommend{display:inline-block; vertical-align:middle; width: 44px; height: 44px;
    border:2px solid  #fff; border-radius: 50%; box-sizing: border-box; padding-top: 10px; margin-top: 1px; margin-left: 10px;
    font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.045em; font-weight: 500; color:#fff;}
/*.card_style_1_con .card_style_1 .recommend::after{content: ''; position: absolute; top:0; right:0; width: 44px; height: 44px;}*/
.card_style_1_con .card_style_1 .orign_price{margin-bottom: 5px;}
.card_style_1_con .card_style_1 .orign_price > div{position:relative; display:inline-block; padding-right: 9px; padding-left: 9px; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.06em; font-weight: 500; color:rgba(255,255,255,0.6);}
.card_style_1_con .card_style_1 .orign_price > div > span.font_roboto{font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem; letter-spacing: 0.0em; font-weight: 300;}
.card_style_1_con .card_style_1 .orign_price > div::after{content: ''; position: absolute; top:43%; left:0; width: 100%; border-bottom:1px solid rgba(255,255,255,0.6);}
.card_style_1_con .card_style_1:nth-child(3) .orign_price{margin-bottom: 11px;}
.card_style_1_con .card_style_1:nth-child(3) .orign_price > div{color:#fff;}
.card_style_1_con .card_style_1:nth-child(3) .orign_price > div::after{border-bottom:none;}
.card_style_1_con .card_style_1 .discount_price{font-size: 0;}
.card_style_1_con .card_style_1 .discount_price > div{display: inline-block; vertical-align:middle;}
.card_style_1_con .card_style_1 .discount_price > div > span.text{display: inline-block; vertical-align:super; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem; letter-spacing: -0.06em; font-weight: 500; color:#fff;}
[data-wv-agent="ie"] .card_style_1_con .card_style_1 .discount_price > div > span.text{transform:translateY(-2px);}
[data-wv-agent="ie"] .card_style_1_con .card_style_1 .discount_price > div > span.text.type_2{transform:translateY(0);}
.card_style_1_con .card_style_1 .discount_price > div > span.font_roboto{font-size:45px; font-size:4.5rem; line-height:45px; line-height:4.5rem; letter-spacing: 0.00em; font-weight: 500; color:#fff;}
.card_style_1_con .card_style_1 .discount_desc{margin-bottom: 20px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 400; color:#fff;}
.card_style_1_con .card_style_1 .board_desc_con{max-width: 186px; float: none; overflow: hidden; margin-left: auto; margin-right: auto;}
.card_style_1_con .card_style_1 .board_desc_con .board_desc{border-bottom:1px solid rgba(255,255,255,0.4); padding-top: 9px; padding-bottom: 9px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 400; color:#fff; }
.card_style_1_con .card_style_1 .board_desc_con .board_desc:first-child{padding-top: 0;}
.card_style_1_con .card_style_1 .board_desc_con .board_desc:last-child{padding-bottom: 0; border-bottom:none;}
.card_style_1_con .card_style_1 .board_card_con{width:calc(100% + 20px); margin-left: -10px; margin-bottom: 25px; text-align: center;}
.card_style_1_con .card_style_1 .board_card{/*padding-left: 4px;*/}
.card_style_1_con .card_style_1 .board_card::after{content: ''; position: absolute; top:3px; left:0; height:calc(100% - 6px); border-left:1px solid #b1b1b1;}
.card_style_1_con .card_style_1 .board_card:first-child::after{border-left:none;}
.card_style_1_con .card_style_1 .board_card .title{margin-bottom: 8px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#000;}
.card_style_1_con .card_style_1 .board_card .desc{font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; letter-spacing: 0.01em; font-weight: 500; color:#000;}
[data-wv-agent="ie"] .card_style_1_con .card_style_1 .board_card .desc{margin-top:2px;}
[data-wv-agent="ie"] .card_style_1_con .card_style_1 .board_card .desc:not(.font_roboto){transform:translateY(-2px);}
.card_style_1_con .card_style_1:nth-child(2) .board_card .desc{color:#6a5ff0;}
.card_style_1_con .card_style_1:nth-child(2) .board_card .title{margin-bottom: 5px;}
.card_style_1_con .card_style_1:nth-child(2) .board_card:last-child .title{margin-bottom: 8px;}

/* 업그레이드 - 결제하기 */
.step_title_wrap{}
.step_title_wrap .step_title_con{}
.step_title_wrap .step_num{position: relative; display: inline-block; font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; letter-spacing: 0; font-weight: 500; color:#000; margin-right: 33px;}
.step_title_wrap .step_num:after{content: ''; position: absolute; height: 18px; border-right: 1px solid #b1b1b1; top:1px; right:-17px;}
.step_title_wrap .step_title{display: inline-block; font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; letter-spacing: -0.045em; font-weight: 400; color:#000;}
.payment_product_wrap{}
.payment_product_wrap .payment_product_inner{max-width: 508px; padding:5px; min-height: 283px; background-image: url('../img/new/payment_product_bg_000.png'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 35px;}
.payment_product_wrap .select_style_1_wrap{width: 100%; position: relative; z-index: 1;}
.payment_product_wrap .payment_product_con{position: absolute; z-index: 0; width: 100%; top:107px; left:0; text-align: center;}
.payment_product_wrap .payment_product_title{position: relative; font-size: 19px; font-size: 1.9rem; line-height: 25px; line-height: 2.5rem; letter-spacing: -0.02em; font-weight: 400; color:#fff; margin-bottom: 20px;}
.payment_product_wrap .payment_product_title_inner{position: relative;  padding-left: 20px; padding-right: 20px;}
.payment_product_wrap .payment_product_title_inner:after{content: ''; position: absolute; width: 100vw; border-bottom: 3px solid #fff; left: 0; top: 50%; transform: translate(-100%,-50%);}
.payment_product_wrap .select_style_1_wrap.active + .payment_product_con .payment_product_title_inner:after{display: none;}
.payment_product_wrap .payment_product_site{font-size: 31px; font-size: 3.1rem; line-height: 37px; line-height: 3.7rem; letter-spacing: 0em; font-weight: 400; color:#fff; margin-bottom: 7px;}
.payment_product_wrap .payment_product_status{font-size: 25px; font-size: 2.5rem; line-height: 31px; line-height: 3.1rem; letter-spacing: -0.045em; font-weight: 500; color:#fff;}
.payment_info_con{overflow: hidden;}
.payment_info_con .payment_info_img_con{float:left; width:calc(100% - 314px); max-width: 436px; height: 229px; border:1px solid rgba(0,0,0,0.1); box-sizing: border-box;}
.payment_info_con .payment_info_img{width: 100%; height: 100%; background-image: url('../img/new/default_payment_img.jpg'); background-position: center top; background-size: cover;}
.payment_info_con .payment_info_list_con{float: left; width: 314px; padding-left: 45px; box-sizing: border-box;}
.payment_info_con .payment_info_list{margin-bottom: 29px;}
.payment_info_con .payment_info_list:last-child{margin-bottom: 0px;}
.payment_info_con .payment_info_list .title{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.02em; font-weight: 400; color:#000;}
.payment_info_con .payment_info_list .desc{font-size: 21px; font-size: 2.1rem; line-height: 27px; line-height: 2.7rem; letter-spacing: -0.02em; font-weight: 500; color:#000;}
.payment_info_con .payment_info_list .num{font-size: 44px; font-size: 4.4rem; line-height: 50px; line-height: 5.0rem; letter-spacing: 0.02em; font-weight: 400; color:#000;}
.payment_amount_con{}
.payment_amount_list_con{}
.payment_amount_list_con .payment_amount_list{display: flex; align-items: center; justify-content: space-between; margin-bottom: 23px;}
.payment_amount_list_con .payment_amount_list:last-child{margin-bottom: 0;}
.payment_amount_list_con .payment_amount_list .title{min-width: 245px; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.02em; font-weight: 400; color:#000; text-align: left; padding-right:20px; box-sizing: border-box;}
.payment_amount_list_con .payment_amount_list .amount{font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.02em; font-weight: 400; color:#000; text-align: right;}
.payment_amount_list_con .payment_amount_list .amount > span.font_roboto{line-height: 0;}

/* 고객센터 - 자주묻는질문 */
/*
.faq_wrap{}
.faq_wrap .faq_con{overflow:hidden; margin-bottom: 90px;}
.faq_wrap .faq_con:last-child{margin-bottom: 0;}
.faq_con .title_con{float:left; width:290px; font-size: 0;}
.faq_con .faq_line{width:290px; height: 3px; background-color: #000; margin-bottom: 66px;}
.faq_con .title_con .title_icon{display: inline-block; vertical-align: middle; margin-right: 13px;}
.faq_con .title{display: inline-block; vertical-align: middle; font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.045em; font-weight: 500; text-align: left; color:#000;}
.faq_con .content{float:none; overflow: hidden;}
*/
.board_style_4_con{}
.board_style_4_con .board_style_4{overflow:hidden; margin-bottom: 90px;}
.board_style_4_con .board_style_4:last-child{margin-bottom: 0;}
.board_style_4 .title_con{font-size: 0; margin-bottom: 36px;}
.board_style_4 .board_style_4_line{width:290px; height: 3px; background-color: #000; margin-bottom: 36px; text-align: left;}
.board_style_4 .title_con .title_icon{display: inline-block; vertical-align: middle; margin-right: 13px;}
.board_style_4 .title{display: inline-block; vertical-align: middle; font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; letter-spacing: -0.045em; font-weight: 500; text-align: left; color:#000;}
.board_style_4 .content{float:none; overflow: hidden;}

/* 자동완성 */
.auto_complete_wrap{position: absolute; z-index: -1; width: 100%; top:50%; left:50%; transform: translateX(-50%);}
.auto_complete_con{position: relative;}
.auto_complete_wrap ul{position: relative; width: 100% !important; top:0px !important; left:0 !important; padding-top: 60px; padding-bottom: 25px; padding-left: 37px; padding-right: 37px; box-sizing: border-box; background-color: #6d13ff; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.auto_complete_wrap ul > li{padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.3); box-sizing: border-box;}
.auto_complete_wrap ul > li:first-child{padding-top: 0;}
.auto_complete_wrap ul > li:last-child{padding-bottom: 0; border-bottom:none;}
.auto_complete_wrap ul > li > div{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#c39eff; cursor: pointer;}
.auto_complete_wrap ul > li > a{display: inline-block; font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#c39eff; cursor: pointer;}

/* type_1은 faq */
.board_style_4.type_1 .board_style_4_line{margin-bottom: 42px;}
.board_style_4.type_1 .title_con{}

.faq_list_con .comment_wrap > li{border-bottom:1px solid #b1b1b1;}
.faq_list_con .comment_wrap > li:last-child{border-bottom:none;}
.faq_list_con .comment_con{overflow: hidden; background-color: transparent; padding:0; display: flex; align-items: center; cursor: pointer;}
.faq_list_con .comment_con .index{float:left; width:50px; text-align:center; transition: all 0.3s; padding-bottom: 1px;
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.00em; font-weight: 500; color:#000;}
.faq_list_con .comment_con .comments{float:left; width:calc(100% - 50px); font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#000;
    padding-top: 19px; padding-bottom: 24px; padding-left: 1px; padding-right: 55px; position: relative; background-image: url('../img/new/circle_more_btn.png'); background-repeat: no-repeat;
    background-position: right 10px center; box-sizing: border-box; transition: all 0.3s;}
.faq_list_con .comment_con .comments.active{font-weight: 500; color:#6d13ff; background-image: url('../img/new/circle_more_btn_active.png');}
.faq_list_con .comment_con.list_on .index{font-weight: 500; color:#6d13ff;}
.faq_list_con .reply_con{padding-left:50px; overflow:hidden; height: 0;}
.faq_list_con .reply{padding-top: 11px; padding-bottom: 55px; padding-right: 70px; position: relative;}
.faq_list_con .reply > div{font-size:15px; font-size:1.5rem; line-height:30px; line-height:3.0rem; letter-spacing: -0.02em; font-weight: 300; color:#000; word-break: keep-all;}
.faq_list_con .comment_con .comments:hover{background-image: url("../img/new/circle_more_btn_hover.png");}
.faq_list_con .comment_con .comments.active:hover{background-image: url("../img/new/circle_more_btn_active.png");}

/* 고객센터 - 고객지원 */
.board_style_4.type_2{}
.card_style_3_con{}
.card_style_3_con .card_style_3{margin-bottom: 40px;}
/*.card_style_3_con .card_style_3:last-child{margin-bottom: 0;}*/


.card_style_3 .card_style_3_inner{display: block;}
.card_style_3 .title_box{padding-bottom: 11px; margin-bottom: 24px; border-bottom:1px solid #b1b1b1;}
.card_style_3 .title_box .card_style_3_title{float:left; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 500; color:#000;}
.card_style_3 .card_style_3_btn_box{float:right;}
.card_style_3_btn_box .card_style_3_btn{display:inline-block; width:21px; height:21px; background-image: url('../img/new/circle_more_btn.png'); background-repeat: no-repeat; background-position: center; transition: all 0.2s ease;}
.card_style_3_btn_box .card_style_3_btn:hover{background-image: url("../img/new/circle_more_btn_hover.png");}
.card_style_3_btn_box .card_style_3_btn.active{background-image: url('../img/new/circle_more_btn_active.png');}
/*.card_style_3_btn_box .card_style_3_btn.active:hover{background-image: url("../img/new/circle_more_btn_active.png");}*/
.card_style_3 .list_style_1{height:94px; overflow:hidden; padding-right: 10px;}
.card_style_3 .list_style_1 > li{color:#000; line-height:24px; line-height:2.4rem; margin-bottom: 8px; word-break: keep-all; transition: all 0.2s ease;}
.card_style_3 .list_style_1 > li:last-child{margin-bottom: 0;}
.card_style_3 .list_style_1 > li:hover{font-weight: 400; color:#6d13ff;}

.card_style_3_con .card_style_3.type_2 .title_box{transition: all 0.2s ease;}
.card_style_3_con .card_style_3.type_2 .card_style_3_title{display:block; float:none; transition: all 0.2s ease;
    background-image: url('../img/new/card_style_3_arrow.png'); background-repeat: no-repeat; background-position: right bottom 7px;}
.card_style_3_con .card_style_3.type_2 .desc{padding-right: 10px; margin-bottom: 29px; word-break:keep-all;
    font-size:15px; font-size:1.5rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 300; color:#000; transition: all 0.2s ease;}

.card_style_3_con .card_style_3.type_2{cursor: pointer;}
.card_style_3_con .card_style_3.type_2:hover .title_box{border-color:#6d13ff;}
.card_style_3_con .card_style_3.type_2:hover .card_style_3_title{color:#6d13ff; background-image: url(../img/new/card_style_3_arrow_active.png);}
.card_style_3_con .card_style_3.type_2:hover .desc{color:#6d13ff;}



/* 고객센터 - 고객지원 뷰 */

.move_top_btn_con{text-align: center; margin-bottom: 130px;}
.move_top_btn_con .move_top_btn{opacity: 0.6; transition: opacity 0.2s ease;}
.move_top_btn_con .move_top_btn > div{font-size:9px; font-size:0.9rem; line-height:15px; line-height:1.5rem; letter-spacing: 0.03em; font-weight: 500; color:#fff;}

.customer_view_close_btn_wrap{/*height: 199px;*/ background-color: #6d13ff; padding-left: 20px; padding-right: 20px;}
.customer_view_close_btn_con{display: block; text-align: right; position: absolute; top:81px; right:0; z-index: 1;}
.customer_view_close_btn_con .customer_view_close_btn{font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; font-weight: 400; color:#fff; transition: all 0.2s ease;
    padding:10px 33px 11px 24px; margin-right: -18px; display: inline-block; border:2px solid #fff; border-right: none;
    background-image: url("../img/new/close_icon_11x10.png"); background-repeat: no-repeat; background-position: right 7px center;
    background-color: #6d13ff; border-top-left-radius:21px; border-bottom-left-radius:21px;}
.customer_view_close_btn_con .customer_view_close_btn:hover{margin-right: 0; background-position: right 14px center;}



.customer_view_con{position: fixed; top:0; right: 0; width: 100%; height: 100vh; background-color: #6d13ff; z-index: 102; transform: translateX(100%);}
.customer_view_con.active{transform: translateX(0%);}
.customer_view_con .contents_scroll_wrap{height:100%;}
.customer_view_con .customer_view_inner{height:100%;}
.customer_view_con .title_top_con{/*height: 294px;*/ margin-bottom: 86px; display: flex; align-items: center;}
.customer_view_con .title_con{position:relative; padding-top: 199px; padding-bottom: 38px; margin-bottom: 38px;}
.customer_view_con .title_con::after{content: ''; position: absolute; bottom:0; left:-55px; width: 189px; border-bottom:3px solid #fff;}
.customer_view_con .title_con .title{font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem; letter-spacing: -0.06em; font-weight: 500; color:#fff;}

.customer_view_con .contents_desc{word-break:keep-all; font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.02em; font-weight: 300; color:#fff;}
.customer_view_con .contents_desc .under_line{position:relative; color:#fdff2f; font-weight: 400;}
.customer_view_con .contents_desc .under_line::after{content: ''; position: absolute; bottom:0; left:0; width:100%; border-bottom:1px solid #fdff2f;}
.customer_view_con .contents_title{position:relative; font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 500; color:#fff;}
.customer_view_con .contents_sub_title{position:relative; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 500; color:#fff;}
.customer_view_con .after_dot{padding-left: 16px;}
.customer_view_con .after_dot::after{content: ''; position: absolute; top:10px; left:0px; width: 5px; height: 5px; background-color: #fff; border-radius: 50%;}
.customer_view_con .after_line{padding-left: 14px;}
.customer_view_con .after_line::after{content: '-'; position: absolute; top:0px; left:0;;}
.customer_view_con .hr_style_1{float:left; width:100%; height:1px; background-color:rgba(255,255,255,0.3);}


.customer_view_con .guide_contents_wrap{/*height:calc(100% - 294px); overflow-y: scroll;*/}
.customer_view_con .contents_box{overflow: hidden;}
/*.customer_view_con .contents_box:last-child{margin-bottom: 70px;}*//* 임시여백 */
.customer_view_con .contents_title_con{display: flex; justify-content: space-between; align-items: center; padding-bottom: 13px; border-bottom:1px solid #b1b1b1;}
.customer_view_con .contents_title_con.border_none{border:none;}
.customer_view_con .contents_title{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; letter-spacing: -0.02em; font-weight: 500; color:#fff;}
.customer_view_con .contents_sub_title{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 500; color:#fff;}
.customer_view_con .contents_sub_title.after_triangle{padding-left: 13px;}
.customer_view_con .contents_sub_title.after_triangle::after{content: ''; position: absolute; top:7px; left:0; width: 0; height: 0; /*top:50%; transform:translateY(-50%);*/
    border-top: 4px solid transparent; border-left: 5px solid #fff; border-bottom: 4px solid transparent;}

.customer_view_con .video_con{display: none;}
.customer_view_con .video_con .video{display:flex; align-items:center; justify-content:center; width:100%; height:351px;
    background-image: url("../img/new/customer_video_thumbnail.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat;}

.customer_view_con .guide_list{}
.customer_view_con .guide_list > li{position: relative; padding-left: 14px; margin-bottom: 8px;}
.customer_view_con .guide_list > li:last-child{margin-bottom: 0;}
.customer_view_con .guide_list > li::after{content:''; position: absolute; top:13px; left:0; width: 5px; border-bottom:1px solid #000;}
.customer_view_con .guide_list > li > a{}

.guide_contents_wrap.type_2 .btn_style_1_con .btn_style_1.type_3{opacity: 0.6; transition: opacity 0.2s ease;}


/* 고객센터 - 위븐소식 news */
.card_style_2_con{margin-bottom: -43px;}
.card_style_2_con .card_style_2{margin-bottom: 43px;}
.card_style_2 .img_box > img{width: 100%;}
.card_style_2 .text_box{padding-top: 26px; padding-bottom: 11px; padding-right: 50px;}
.card_style_2 .text_box .title{margin-bottom: 6px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 500; color:#000; transition: all 0.2s ease;
    height:21px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.card_style_2 .text_box .desc{margin-bottom: 9px; font-size:15px; font-size:1.5rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 300; color:#000;
    height:48px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.card_style_2 .text_box .util_box{}
.card_style_2 .text_box .date{display:inline-block; vertical-align:middle; padding-top: 4px; padding-right: 11px;
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: 0.01em; font-weight: 500; color:#000;}
.card_style_2 .text_box .category::after{content: ''; position: absolute; top:4px; left:0; height:13px; border-left:1px solid #c0c0c0;}
.card_style_2 .text_box .category{position:relative; display:inline-block; vertical-align:middle; padding-bottom: 2px; padding-left: 12px;
    font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; letter-spacing: -0.02em; font-weight: 400; color:#000;}

.card_style_2_con + .nodata{font-size: 20px; font-size: 2.0rem; line-height: 26px; line-height: 2.6rem; font-weight: 400; padding-top: 80px;}

.board_style_3_con{}
.board_style_3_con .board_style_3{width: 100%;}
.board_style_3_con .board_style_3 + .img_box{display: none;}
.board_style_3 .date_box{position:relative; margin-bottom: 44px;}
.board_style_3 .date{position:relative; display:inline-block; padding-right: 17px; z-index: 1;
    font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; letter-spacing: 0.0em; font-weight: 500; color:#000;}
.board_style_3 .date_box::after{content:''; position: absolute; top:48%; right:0; width:calc(100% - 128px); border-bottom:3px solid #000; z-index: 0; transform: translateY(-100%);}
.board_style_3 .title{margin-bottom: 30px;  font-size:40px; font-size:4.0rem; line-height:52px; line-height:5.2rem; letter-spacing: -0.06em; font-weight: 400; color:#000;}
.board_style_3 .category{margin-bottom: 29px; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 500; color:#000;}
.board_style_3 .contents{margin-bottom: 44px; font-size:15px; font-size:1.5rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.02em; font-weight: 300; color:#000;}
.board_style_3 .file_box{margin-bottom: 50px;}
.board_style_3 .file_box .file_title{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.01em; font-weight: 300; color:#000; margin-right: 11px;}
.board_style_3 .file_box .file{}
.board_style_3 .file_box .file > a{display: inline-block; position: relative; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; color:#000; padding-bottom: 3px; transition: all 0.2s ease;}
.board_style_3 .file_box .file > a:after{content: ''; position: absolute; left:0; bottom:0px; width: 100%; border-bottom:1px solid #666; transition: all 0.2s ease;}

.board_style_3 .list_con{margin-bottom: 73px;}
.board_style_3 .list_con .list_box{border-bottom:1px solid #b1b1b1;}
.board_style_3 .list_con .list_box:last-child{border-bottom:none;}
.board_style_3 .list_con .list_box_inner{display:inline-block; padding-top: 15px; padding-bottom: 14px;}
.board_style_3 .list_con .list_box .label{display:block; float:left; position:relative; margin-right: 18px;
    font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 500; color:#000;}
.board_style_3 .list_con .list_box .list_title{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.02em; font-weight: 300; color:#000; transition: all 0.2s ease;
    height:21px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

/* 문의하기 */
.qna_wrap{}
.qna_wrap .qna_info_con{margin-bottom: 50px;}
.qna_wrap .qna_info_title{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.02em; font-weight: 500; color:#000; margin-bottom: 20px;}
.qna_wrap .board_style_6_wrap{max-width: 800px;}

/* 정보변경 */
#myInfo .form_style_0_con .title_con{width: 155px;}
#myInfo .board_style_5_list_con{border-bottom:1px solid #b1b1b1;}

#billPopup .form_style_0_con .form_style_0_list{margin-bottom: 12px;}
#billPopup .form_style_0_con .title_con{display: block; width: 100%; margin-bottom:15px;}
#billPopup .form_style_0_con .desc_con{display: block;}

@media all and (min-width: 768px) {
    /* 감상하기 */
    .theme_box_wrap{width:33.33%;}

    .popup_title_desc_con .desc_con > .desc br{display: block;}

    /* 감상하기 - 블록 */
    .block_fixed_menu_wrap{display: block; position: relative; bottom:auto; left:auto;}
    .block_fixed_menu_wrap .block_fixed_menu_con{margin-bottom: 42px;}
    .block_list_con{width: calc(100% - 242px); /*width: calc(100% - 212px);*/ margin-right: 30px;}
    .block_menu_open_btn_con{display: none;}
    .editor_btn_con{display:block;}/* 모바일에서도 에디터 체험 가능하다면 지우기*/

    /* 결제내역 list */
    .board_filter_con.type_2{display: flex;}
    .board_filter_con.type_2 .filter_style_0_wrap{margin-top: 0px;}

    /* 결제내역 view */

    /* faq */
    .popup_contents_box{padding-top: 55px; padding-right: 63px; padding-bottom: 61px; padding-left: 68px;}
    .popup_contents_box .input_title{width:103px;}
    .popup_contents_box .contents{width: calc(100% - 103px);}

    /* qna */
    .board_style_0_con .board_style_0{padding-top: 52px; padding-bottom: 62px;}

    /* 내사이트 */
    .mysite_list_style_con .mysite_list_img{top:50%; left:0; transform:translate(0 , -50%); max-width: none;}
    .mysite_list_style_con .mysite_list_img_box{margin-bottom: 0;}
    .mysite_list_style_con .mysite_list_text_box{padding-left: 40px;}
    .mysite_list_style_con .btn_style_9_con{width:auto; margin-right: 68px;}
    .mysite_list_style_con .title_con{display: flex; justify-content:space-between; align-items: center; flex-wrap: nowrap; margin-bottom: 48px; height: 41px;}
    .mysite_list_style_con .mysite_contents_con{display: flex; align-items: center;}
    .mysite_list_style_con .btn_style_6_con{display:inline-block; position: absolute; top:50%; right: 0; transform: translateY(-50%); margin-top: 0;}

    /* 새 도메인 구매 */
    .domain_purchase_wrap .domain_list_con{width: calc(100% - 280px); padding-right: 30px; margin-bottom: 0;}
    .domain_purchase_wrap .domain_fixed_con{width: 280px; min-height:543px;}
    .domain_fixed_con .top_box{height: 182px; padding:46px 20px; text-align: center; display: block;}
    .domain_fixed_con .top_box .title{margin-right: 0;}
    .domain_fixed_con .bottom_box{padding-top: 32px; padding-right: 30px; padding-bottom: 70px; padding-left: 29px;}
    .domain_fixed_con .domain_list{min-height: 100px;}

    /* 고객센터*/
    .card_style_3_con{width:-webkit-calc(100% + 30px); width:-moz-calc(100% + 30px); width:calc(100% + 30px); margin-left:-30px;}
    .card_style_3_con .card_style_3{padding-left:30px;}
    .card_style_3_con .card_style_3:nth-child(2n-1){clear: left;}
    .card_style_3_con .card_style_3:nth-last-child(1){margin-bottom: 0;}
    .card_style_3_con .card_style_3:nth-last-child(2){margin-bottom: 0;}

    /* 고객센터 - 위븐소식 news */
    .card_style_2_con{width:-webkit-calc(100% + 43px); width:-moz-calc(100% + 43px); width:calc(100% + 43px); margin-left:-43px;}
    .card_style_2_con .card_style_2{padding-left: 43px;}

    /* popup_style_0_con type_2 (계산서 발행 팝업) */
    #billPopup .form_style_0_con .form_style_0_list{margin-bottom: 9px;}
    #billPopup .form_style_0_con .title_con{display: table-cell; width: 134px; margin-bottom: 0;}
    #billPopup .form_style_0_con .desc_con{display: table-cell;}
    .popup_style_0_con.type_2 .contents{ padding-left: 70px; padding-right: 70px;}

}

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

    .wrapper.sub .section h3{font-size: 50px; font-size: 5.0rem; line-height: 56px; line-height: 5.6rem; font-weight: 400;}
    .wrapper.theme .section h3{font-size: 86px; font-size: 8.6rem; line-height: 92px; line-height: 9.2rem; font-weight: 500;}

    .sub .total_box .total_title{padding-right: 102px;}
    [data-wv-agent="ie"] .sub .total_box .total_title{margin-bottom:10px;}
    .sub .total_box .total_title:after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 83px; border-bottom: 3px solid #6d13ff;}
    [data-wv-agent="ie"] .sub .total_box .total_title:after{margin-top:-1px;}
    .sub .total_count .num{font-size: 58px; font-size: 5.8rem; line-height: 58px; line-height: 5.8rem; padding-top: 14px;}

    /* 기존에 있었음 */
    .exit_btn_con{position: absolute; bottom: 0; right: 0;}
    .board_style_1 th{padding-left: 36px;}

    /* 정보변경 */
    .member_info_con .email_id{font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem;}

    /*로그인*/
    .sub_visual_wrap .text_con{margin-bottom: 120px;}
    .sub_visual_wrap .text_con .title{font-size:82px; font-size:8.2rem; line-height:88px; line-height:8.8rem;}
    .sub_visual_wrap .text_con .title:after{width: calc(100vw - 50px);}

    .sub_visual_wrap .form_wrap{padding-top: 160px; padding-bottom: 104px;}
    .sub_visual_wrap.register .form_wrap{padding-top: 160px; padding-bottom: 160px;}

    .sub_visual_wrap .form_inner{background-size: auto; padding-top: 54px;}

    .member_list_con .member_list{margin-bottom: 10px;}
    .member_list_con.type_2 .member_list{margin-bottom: 23px;}
    .member_list_con .left_con {display: table-cell; width: 147px; margin-bottom: 0; padding-top:19px;}
    .member_list_con .right_con {display: table-cell; width: calc(100% - 147px);}
    .member_list_con .member_list_title{margin-bottom: 0;}
    .register_complete_con .desc{margin-bottom: 45px;}

    .check_text{margin-top: 20px; padding-left: 35px;}

    /* 감상하기 */
    .tab_style_2_con ul > li > a{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; padding-left: 22px; padding-right: 22px;}

    .flex_con{width:calc(100% + 65px); margin-left: -65px;}
    .flex_con .flex_box{padding-left:65px;}

    /* 위시리스트 */
    .mypage .flex_con .flex_box{padding-left: 32px;}

    /* 감상하기 - 팝업 */
    .popup_title_desc_con .title_con {display: table;}
    .popup_title_desc_con .title_con .title {display: table-cell; text-align: left;}
    .popup_title_desc_con .title_con .serial_no {display: table-cell; text-align: right; vertical-align: bottom; margin-top: 0;}
    .popup_title_desc_con .desc_con .etc_con {width: 50%;}
    .bottom_btn_con {position: relative;}
    .bottom_btn_con .my_wish_btn_con {position: absolute; top: 35px; right: 0; margin-top: 0px;}
    .bottom_con .like_btn_con .like_btn_inner:hover{padding-right: 53px; background-image: url('../img/new/like_btn_arrow.png');}
    .bottom_con .like_btn_con.liked .like_btn_inner:hover{background-image: url('../img/new/like_btn_delete_icon.png');}
    .view_popup_wrap .content_wrap .top_con .close_btn:hover > a{background-color: #6d13ff;}
    .view_popup_wrap .content_wrap .top_con .close_btn > a{width: 85px; height: 85px; padding:30px;}

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

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

    /* 감상하기 - 블록 */
    .block_list_con .block_list{height: 602px; margin-bottom: 50px;}

    /* 고객센터 - 고객지원 */
    .board_style_4.type_1 .title_con{padding-top: 24px;}
    .board_style_4 .title_con{float:left; width:230px; margin-bottom: 0;}
    .board_style_4 .board_style_4_line{width:230px; margin-bottom: 66px;}
    .card_style_3_con{width:-webkit-calc(100% + 40px); width:-moz-calc(100% + 40px); width:calc(100% + 40px); margin-left:-40px;}
    .card_style_3_con .card_style_3{padding-left: 40px; margin-bottom: 50px;}
    .guide_contents_wrap.type_2 .btn_style_1_con .btn_style_1.type_3:hover{opacity: 1; border-color:#fff; background-color: transparent;}
    .move_top_btn_con{margin-bottom: 70px;}
    .move_top_btn_con .move_top_btn:hover{opacity: 1;}

    /* faq */
    .faq_list_con .comment_con .index{width:80px;}
    .faq_list_con .comment_con .comments{width:calc(100% - 80px);}
    .faq_list_con .reply_con{padding-left:80px;}

    .customer_view_con{width: 700px;}
    .customer_view_close_btn_wrap{/*padding-top: 199px;*/ padding-right: 55px; padding-left: 55px;}
    .customer_view_con .title_con{padding-bottom: 58px;}
    /* 결제하기 payment */
    .payment_amount_list_con{display: inline-block;}

    /* 결제내역 view */
    .receipt_wrap{padding:25px 24px 61px 24px;}
    .receipt_wrap .receipt_logo_con{/*padding:26px 30px 58px 30px;*/ padding:26px 30px 47px 30px;}
    .receipt_wrap .receipt_info_con{padding:64px 68px 70px 67px;}
    .receipt_wrap .receipt_rule_con{padding:66px 68px 75px 68px;}
    .receipt_wrap .receipt_info_con .title{margin-bottom: 9px;}
    .receipt_wrap .receipt_info_con .desc{/*font-size:23px; font-size:2.3rem; line-height:29px; line-height:2.9rem;*/}
/*    .box_style_0_con{width:-webkit-calc(100% + 96px); width:-moz-calc(100% + 96px); width:calc(100% + 96px); margin-left:-48px;}
    .box_style_0_con .box_style_0{padding-right: 30px; padding-left: 30px;}
    .box_style_0_con .box_style_0:first-child{padding-left: 48px;}*/
    .box_style_0_con td{padding-right: 30px; padding-left: 30px;}
    .box_style_0_con th{padding-bottom: 9px; padding-right: 30px; padding-left: 30px;}

    .card_style_2_con .card_style_2:hover .title{font-weight: 500; color:#6d13ff;}
    .board_style_3 .file_box .file > a:hover{color:#6d13ff;}
    .board_style_3 .file_box .file > a:hover:after{border-color:#6d13ff;}
    .board_style_3 .list_con .list_box .list_title:hover{font-weight: 500; color:#6d13ff;}

    /* 도메인 구입 폼 */
    .domain_form .form_style_0_con.type_2 .title_con{width:145px;}
    .domain_fixed_con .domain_list > li .cancel_btn:hover{opacity: 1;}

    /* 문의내역 */
    .board_style_0 .file_box .file > a:hover{color:#6d13ff;}
    .board_style_0 .file_box .file > a:hover::after{border-color:#6d13ff;}

    col.width-md-149{width:149px;}
    .table_style_0 tbody tr:hover{background-color: #f3f0f9;}
    .table_style_0 td.detail .btn_style_1_con{display: inline-block; margin-right: 5px; margin-bottom: 0px;}
    .table_style_0 td.detail .btn_style_1_con:last-child{margin-right: 0px;}

    .table_style_0.type_2 tbody tr:hover{background-color: transparent;}

    /*  popup_style_0_con type_3 (도메인 팝업) */
    .popup_style_0_con.type_3 .contents{padding-left: 50px; padding-right: 50px;}

    .bottom_con .like_cnt{margin-top: 6px;}

}

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

}

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

    .theme_box_wrap{width: 33.33%;}

    /* 로그인 */
    .sub_visual_wrap .form_con.mw-630{max-width: 630px;}

    /* 문의내역 */
    .board_style_0 .text_box{margin-bottom: 46px;}
    .board_style_0 .title{float:left; margin-bottom: 0;}

    /* 감상하기 - 팝업 - 사이트 개설 */
    .input_list_style > li .desc {width: 406px;}
    .input_list_style > li .title {width: 126px;}
    .theme_util_menu_wrap .create_site_con{padding-top: 78px; padding-bottom: 79px;}
    .theme_util_menu_wrap .create_site_inner{/*display: flex; justify-content: space-between;*/}
    .theme_util_menu_wrap .create_site_inner .contents_box{width:auto; max-width: 822px; float:right;/*float:none; overflow: hidden; */padding-right: 290px; /*flex:1;*/}
    .theme_util_menu_wrap .create_site_inner .contents_box .input_container{margin-bottom: 0px;}
    .theme_util_menu_wrap .create_site_inner .contents_box .btn_style_2_con{width: auto;}
    .theme_util_menu_wrap .create_site_inner .create_site_title{width:auto; margin-bottom: 0; }
    .theme_util_menu_wrap .create_site_inner .create_site_desc{margin-bottom: 41px;}
    .theme_util_menu_wrap .create_site_inner .btn_style_2_con{position: absolute; right:0; bottom:0;}
    .theme_util_menu_wrap .theme_util_menu .menu_title{ font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;}

}

@media all and (min-width:1600px){
    .theme_box_wrap{width: 20%;}
    /* 위시리스트 */
    .mypage .theme_box_wrap{width: 25%;}

    /* paymentinfo 업그레이드 - 서비스 선택 */
    .card_style_1_con{width:-webkit-calc(100% + 103px);  width:-moz-calc(100% + 103px);  width:calc(100% + 103px); margin-left:-103px;}
    .card_style_1_con .card_style_1{padding-left:103px; margin-bottom: 0;}
    .card_style_1_con .card_style_1_inner{float:left; max-width: none; overflow: visible;}
    .card_style_1_con .card_style_1 .board_bottom_box::after{content:''; position:absolute; top:0; left:-52px; height:100%; border-left:1px solid rgba(177,177,177,0.2);}
    .card_style_1_con .card_style_1:first-child .board_bottom_box::after{border-left:none;}
    .card_style_1_con .card_style_1 .board_box{margin-bottom: 42px;}
    .card_style_1_con .card_style_1 .board_card_con{margin-bottom: 35px;}
    .card_style_1_con .card_style_1 .board_bottom_box{min-height: 423px;}
    /*.card_style_1_con .card_style_1 .board_box_inner{float:none; overflow:hidden; margin-left:auto; margin-right:auto;}*/

    /* 고객센터 - 고객지원 */
    .board_style_4 .title_con{width:290px;}
    .board_style_4 .board_style_4_line{width:290px; margin-bottom: 66px;}
    .card_style_3_con{width:-webkit-calc(100% + 60px); width:-moz-calc(100% + 60px); width:calc(100% + 60px); margin-left:-60px;}
    .card_style_3_con .card_style_3{padding-left:60px; margin-bottom: 63px;}
    .card_style_3_con .card_style_3:nth-child(2n-1){clear: none;}
    .card_style_3_con .card_style_3:nth-child(3n-2){clear: left;}
    .card_style_3_con .card_style_3:nth-last-child(1){margin-bottom: 0;}
    .card_style_3_con .card_style_3:nth-last-child(2){margin-bottom: 0;}
    .card_style_3_con .card_style_3:nth-last-child(3){margin-bottom: 0;}


    /* 고객센터 - 위븐소식 news */
    .board_style_3_con .board_style_3{/*width: 660px; margin-right: 78px;*/width: calc(100% - 323px); padding-right: 78px;}
    .board_style_3_con .board_style_3 + .img_box{display:block; float:none; overflow: hidden; margin-top: 11px; width: 323px;}

    /* 문의하기 */
    .qna_wrap .qna_info_con{float:right; max-width: 326px; margin-bottom: 0; padding-top: 8px;}
    .qna_wrap .board_style_6_wrap{float:left; max-width: 660px;}

    /* 문의내역 */
    .board_style_0 .title{width: 404px;}

    /* 새 도메인 구매 */
    .domain_purchase_wrap .domain_list_con{width: calc(100% - 326px); padding-right: 78px;}
    .domain_purchase_wrap .domain_fixed_con{width: 326px;}

    /* 마이페이지 - 내사이트 */
    .mysite_list_style_con .mysite_domain{display: inline-block; vertical-align: middle; padding-top: 3px; margin-right: 11px; margin-bottom: 0;}
    [data-wv-agent="ie"] .mysite_list_style_con .mysite_domain{padding-top:7px;}
    .mysite_list_style_con .mysite_domain + .btn_style_1_wrap{display: inline-block; vertical-align: middle;}



}

@media all and (min-width:1920px){
    /*.theme_box_wrap{width: 16.66%;}*/

    .block_list_con{width: calc(100% - 306px); margin-right: 94px;}

}

@media all and (min-width: 2560px) {
    .theme_box_wrap{width: calc(100% / 7);}

    .view_popup_wrap .content_wrap .bg_wrap .img_box{width: 100%; height: fit-content;}

    .mypage_visual_wrap .mypage_visual_img{left:auto; right:0;}
}