@charset "utf-8";

.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{}
/*.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% + 30px); font-size: 0; margin-left: -30px; box-sizing: border-box; margin-bottom:-75px;}
.flex_con .flex_box{display: block; max-width: none; width: 100%; font-size: 0; padding-left: 30px; box-sizing: border-box;}
.theme_box_wrap{width: 50%; font-size: 0; padding-bottom: 45px; position: absolute; top:0; left:0;}
.theme_box_wrap .theme_box{position: relative; cursor: pointer; font-size: 0; margin-bottom: 3px; box-sizing: border-box;}
.theme_box_wrap .theme_title_box{font-size: 0;}
.theme_box_wrap .theme_title{font-size: 17px; font-size: 1.7rem; line-height: 61px; line-height: 6.1rem; letter-spacing: -0.02em; font-weight: 300; color:#000;
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/* 감상하기 - 블록 리스트*/
.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;}*/



.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;}


/* 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;}


/* 업그레이드 - 결제하기 */
.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;}


/* 자동완성 */
.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;}

.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;}

.section_seperate_line{display:block; border-bottom:1px solid #dfe7f3; height:0;}
.portfolio_contents_wrap{}
.portfolio_contents_wrap .portfolio_bg{position: absolute; z-index:-1; top:240px; left:0; height:100%; background-color:#f0eff8;}

.portfolio_contents_box{max-width: 630px; padding-left: 30px; padding-right: 30px;}

@keyframes bottom_box_first {
    from {
        height: 18px;
    }
    to {
        height: 23px;
    }
}
@keyframes top_box_second {
    from {
        height: 28px;
    }
    to {
        height: 18px;
    }
}
@media all and (min-width: 768px) {
    .portfolio_contents_box{max-width: 945px; padding-left: 50px; padding-right: 50px;}
    .flex_con{width: calc(100% + 30px); margin-left: -30px;}
    .flex_con .flex_box{padding-left: 30px;}

    /* 감상하기 */
    .theme_box_wrap{width:33.33%;}

    /* 감상하기 - 블록 */
    .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){

    .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;}

    .portfolio_contents_box{max-width: 1010px; padding-left: 60px; padding-right: 60px;}
    .flex_con{width: calc(100% + 40px); margin-left: -40px;}
    .flex_con .flex_box{padding-left: 40px;}

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

    .guide_contents_wrap.type_2 .btn_style_1_con .btn_style_1.type_3:hover{opacity: 1; border-color:#fff; background-color: transparent;}


    .theme_box_wrap{transition: padding .2s ease; padding-top:20px;}
    .theme_box_wrap:hover{padding-top:0;}
    .theme_box_wrap:hover .theme_title{font-weight:500;}
}

@media all and (min-width:1280px){
    .portfolio_contents_box{max-width: 1400px; padding-left: 90px; padding-right: 90px;}
    .flex_con{width: calc(100% + 45px); margin-left: -45px;}
    .flex_con .flex_box{padding-left: 45px;}
    .theme_box_wrap{width: 25%;}

    /* 로그인 */
    .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){
    .portfolio_contents_box{max-width: 1730px; padding-left: 110px; padding-right: 110px;}
    .flex_con{width: calc(100% + 50px); margin-left: -50px;}
    .flex_con .flex_box{padding-left: 50px;}
    .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){
    .portfolio_contents_box{max-width: 2200px; padding-left: 150px; padding-right: 150px;}
    .flex_con{width: calc(100% + 60px); margin-left: -60px;}
    .flex_con .flex_box{padding-left: 60px;}
    .theme_box_wrap{width: 16.66%;}


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

}

@media all and (min-width: 2560px) {
    .portfolio_contents_box{max-width: 2750px; padding-left: 250px; padding-right: 250px;}
    .flex_con{width: calc(100% + 70px); margin-left: -70px;}
    .flex_con .flex_box{padding-left: 70px;}
    .theme_box_wrap{width: 14.28%;}

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

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

@media all and (min-width: 3200px){
    .portfolio_contents_box{max-width: 3350px; padding-left: 350px; padding-right: 350px;}
    .flex_con{width: calc(100% + 80px); margin-left: -80px;}
    .flex_con .flex_box{padding-left: 80px;}
    .theme_box_wrap{width: 12.5%;}
}