@charset "utf-8";

/** sub common ------------------------- */
.sub_container{position:relative; width:1200px; min-height:300px; margin:0 auto; padding:55px 0}
.sub_container.sub_container_main{min-height:auto; }
.sub_flex{display:flex; justify-content:space-between;}
    /* sub layout */
.sub_aside{width:270px;}
.sub_content{width:880px;}
.aside_tit_wrap{position:relative;}
.aside_tit{margin:30px 0 10px; font-size:18px; line-height:1.4; font-weight:300; color:var(--darkblue); }

.sub_tit_wrap{position:relative; width:100%; margin:55px 0 20px; padding:0 12px }
.sub_container h2{font-size:24px; line-height:25px; font-weight:200; color:var(--darkblue) }
.sub_container h3{font-size:18px; line-height:20px; font-weight:300; color:var(--darkblue)}

.page_tit_wrap{display:flex; justify-content:space-between; margin:0 0 30px}
.page_tit_wrap h2.page_tit{font-weight:700; color:var(--darkgray)}
.page_tit_wrap h2.page_tit::after{display:block; width:30px; height:2px; margin-top:15px; background:var(--darkgray); content:"" }
.page_tit_wrap .page_loca{margin-right:5px; font-size:12px; line-height:30px; font-weight:300; color:var(--gray)}

.sub_content h3{margin:40px 0 10px; font-size:20px; line-height:1.4}
.sub_content h4{margin:20px 0 8px; font-size:16px; line-height:1.4; font-weight:700; color:#363a3b}

.btn_ad{display:block; position:absolute; top:3px; right:12px; width:60px; height:20px; border:1px solid #e4e6e7; font-size:12px; line-height:18px; font-weight:200; color:#7e8486; text-align:center; transition:all 0.3s}
.btn_ad:hover{background:#e4e6e7; color:#363a3b}

.info_box{width:100%; padding:30px; background:#f3f7f9; border-radius:30px 0; font-size:14px; line-height:1.7}
.info_box .sub_info{margin-top:10px; font-size:13px; line-height:1.5; color:#787878 }

.info_list li{display:flex; justify-content:space-between; padding:5px 20px;}
.info_list li .tit{position:relative; width:120px; line-height:20px; color:#757b7c }
.info_list li .tit::after{position:absolute; top:3px; right:0; width:1px; height:15px; background:#d6dcdf; content:"" }
.info_list li .con{width:630px; line-height:20px }

.btn_guide{display:inline-block; padding:2px 0 0 6px; vertical-align:top; cursor:pointer; }
.btn_guide > span{display:block; width:14px; height:14px; background:var(--lightsky); border-radius:50%; font-size:11px; line-height:14px; font-weight:600; color:var(--darkblue); text-align:center; }
.btn_guide_info{display:none; position:absolute; top:25px; left:0; z-index:1000; width:300px; height:auto; padding:10px; background:#fafafa; border:1px solid #eaeaea; border-radius:5px; transition:all 0.3s }
.btn_guide_info span{display:block; font-size:12px; line-height:1.3; color:var(--darkgray)}
.btn_guide_info span.fb{margin:5px 0 3px}
.btn_guide_info span.fb:first-child{margin-top:0}
.btn_guide:hover ~ .btn_guide_info{display:block;}

.tit_thum_wrap{position:relative; text-align:left !important}
.tit_thum_wrap .tit_thum{position:absolute; top:50%; left:0; width:80px; transform:translateY(-50%)}
.tit_thum_wrap .tit_thum img{width:100%}
.tit_thum_wrap .tit_name{display:block; width:310px; margin-left:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
	/* form_list */
.form_list{margin:20px 0}
.form_list > li{display:flex; justify-content:space-between; padding:20px; border-bottom:1px solid #f1f1f1;}
.form_list li .tit{display:block; position:relative; width:120px; padding:5px 0; line-height:25px; color:var(--gray) }
.form_list li .tit::after{position:absolute; top:9px; right:0; width:1px; height:15px; background:#dedede; content:"" }
.form_list li .con{display:block; width:680px; line-height:35px }
.form_list li .con.flex{display:flex}
.form_list li .con input[type="text"],
.form_list li .con input[type="password"],
.form_list li .con input[type="num"]{display:block; width:100%; height:35px; padding:0 12px; border:1px solid #dbdbdb; border-radius:5px; line-height:33px; }
.form_list li .con input.width_40{width:40%;}
.form_list li .con input.width_50{width:50%;}
.form_list li .con input.width_80{display:inline-block; width:80%;}
.form_list li .con .add_50{width:50%; padding-left:10px; font-size:12px; color:var(--gray)}
.form_list li .con .add_60{width:60%; padding-left:10px; font-size:12px; color:var(--gray)}
.form_list li .con input:focus{border:1px soild var(--darkblue)}
.form_list li .con textarea{display:block; width:100%; height:120px; padding:12px; border:1px solid #dbdbdb; border-radius:5px; line-height:1.4;}
.form_list li .con .h_80{height:80px;}
.form_list li .con .h_200{height:200px;}
.form_list li .con .question_area{height:220px;}
.form_list li .form_price{text-align:right}
.form_list li .unit{display:inline-block; margin-left:2px; font-size:12px; line-height:35px; color:#989898; vertical-align:top}
.form_list li .info{display:inline-block; margin-top:5px; margin-left:2px; font-size:13px; line-height:20px; color:#565656; vertical-align:top}
.form_list li .info_block{display:block; }
.form_list li .bullet_dot{display:inline-block; margin-left:5px; line-height:35px;}

.form_2ea_wrap{display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start;}
.form_2ea_wrap .form_list{width:49%}
.form_2ea_wrap .form_list li .tit{width:150px;}
.form_2ea_wrap .form_list li .con{width:230px}

.form_list li .bullet_dot{margin-left:5px;}
.form_list li .bullet_dot li{font-size:12px; line-height:15px; color:var(--gray)}
.form_list li .bullet_dot li::before{top:5px}
.form_list li .file_link{display:block; margin:5px 0; padding:5px 10px; background:#eaeaea; border-radius:4px; font-size:13px; line-height:1.2; color:var(--gray); transition:all 0.3s}
.form_list li .file_link:hover{background:#dedede}

.form_list .ui-selectmenu-button.ui-button{background:#fff; border:1px solid #dbdbdb}


.checkbox_area{display:inline-block; position:relative; width:auto; height:35px; margin-right:15px; vertical-align:top; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none}
.checkbox_area input{position:absolute; opacity:0; cursor:pointer}
.checkbox_area .checkmark{display:inline-block; position:absolute; top:8px; left:0; width:20px; height:20px; background:#eaeaea; border-radius:3px; transition:all 0.3s}
.checkbox_area .checkmark::after{display:none; position:absolute; top:2px; left:6px; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); content:"" }
.checkbox_area .checkbox_info{padding-left:28px; line-height:35px;}
.checkbox_area:hover input ~ .checkmark{background:#bdbdbd}
.checkbox_area input:checked ~ .checkmark{background:var(--sky)}
.checkbox_area input:checked ~ .checkmark::after{display:block}

.radio_area{display:inline-block; position:relative; height:auto; margin-left:40px; padding-left:30px; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; vertical-align:top}
.radio_area:first-of-type{margin-left:0}
.radio_area .radio_tit{display:inline-block; line-height:35px; vertical-align:top }
.radio_area input{position:absolute; opacity:0; cursor:pointer}
.radio_area .checkmark{display:inline-block; position:absolute; top:8px; left:0; width:20px; height:20px; background:#eaeaea; border:1px solid #eaeaea; border-radius:50%; transition:all 0.3s}
.radio_area .checkmark::after{display:none; position:absolute; top:4px; left:4px; width:10px; height:10px; background:var(--sky); border-radius:50%; content:"" }

.radio_area:hover input ~ .checkmark{background:#bdbdbd; border-color:#bdbdbd}
.radio_area input:checked ~ .checkmark{background:#fff; border-color:var(--sky)}
.radio_area input:checked ~ .checkmark::after{display:block}


.input_file_wrap{position:relative; width:100%; height:35px; border:1px solid #dbdbdb; border-radius:5px;}
.input_file_wrap label{position:absolute; top:0; left:0; width:100%; height:35px; padding:0 10px; background:0 none; border-radius:4px; line-height:35px; cursor:pointer; transition:all 0.3s}
.input_file_wrap label i{display:block; font-size:20px; line-height:35px;}
.input_file_wrap label span{position:absolute; left:-99999px;}
.input_file_wrap label:hover{background:rgba(0,0,0,0.1);}
.input_file_wrap input[type="file"]{position:absolute; width:0 !important; height:0 !important; padding:0 !important; border:0 !important; overflow:hidden; }
.input_file_wrap .upload_name{display:inline-block; width:100%; height:35px; padding:0 0 0 42px; border:0; background:0 none; line-height:35px;}


.form_list li .form_email,
.form_list li .form_tel{display:flex;}
.form_list li .form_tel.width_40{width:40%}
.form_list li .form_tel_inline{display:flex; width:480px;}
.form_list li .form_tel .bullet_dot{width:170px}

.form_list li .form_email input,
.form_list li .form_tel input{width:30%;}
.form_list li .form_tel_inline input{width:30% !important;}
.form_list li .form_email .form_text,
.form_list li .form_tel .form_text{margin:0 10px;}

.form_list li .form_email .ui-selectmenu-button.ui-button{margin-left:5px;}
.form_list li .form_tel .ui-selectmenu-button.ui-button{width:26%;}
.form_list li .form_tel.form_tel_50 .ui-selectmenu-button.ui-button{width:13%;}
.form_list li .form_tel.form_tel_50 input{width:16%;}

.join_agree_wrap{display:flex; justify-content:space-between}
.join_agree_wrap p{}
.join_agree_wrap .tar{}

.submit_btn_wrap{width:100%; margin:30px auto; text-align:center}
.submit_btn_wrap .btn{min-width:140px; margin-left:10px; padding:0 40px; font-size:15px; line-height:45px; }
.submit_btn_wrap .btn:first-child{margin-left:0}

.join_auth_page{position:absolute; top:50%; left:50%; width:500px; transform:translate(-50%, -60%)}
.join_auth_logo{display:block; text-align:center; }
.join_auth_wrap .title{margin-top:60px;font-size:24px; line-height:1.2; font-weight:500; text-align:Center; }
.join_auth_wrap .title::after{display:block; width:1px; height:20px; margin:20px auto 0; background:var(--darkblue);  content:""}
.join_auth_list{width:500px; margin:0 auto; padding:30px 0}
.join_auth_list li{flex-wrap:wrap; padding:5px 20px 15px; border:0;}
.join_auth_list li form{display:block; width:100%}
.join_auth_list li .tit{width:100%; margin:0 0 8px; color:#363a3b}
.join_auth_list li .tit::after{display:none}
.join_auth_list li .form_wrap{display:flex; justify-content:space-between; width:100%;}
.join_auth_list li .form_wrap .input_area{width:66%;  }
.join_auth_list li .form_wrap .input_area input{height:50px; line-height:48px; }
.join_auth_list li .form_wrap .btn_area{width:30%;}
.join_auth_list li .form_wrap .btn_area .btn {width:100%; padding:0; line-height:48px;}
.join_auth_list li .form_wrap .btn_area .btn_gray{opacity:0.6;}
.auth_info{margin-top:20px; font-size:0.87em; line-height:1.3; color:#999; text-align:center}
.auth_info a{display:inline-block; padding:2px 5px; background:#eaeaea; border-radius:3px; transition:background 0.3s, color 0.3s}
.auth_info a:hover{background:var(--lightgray); color:#fff; text-decoration:underline;}

	/* paging */
.sub_paging_wrap{padding:40px 0 100px; text-align:center}
.sub_paging_wrap a{display:inline-block; height:40px; vertical-align:top; transition:all 0.3s; cursor:pointer }
.sub_paging_wrap a.paging_arr{padding:13px 7px; vertical-align:middle}
.sub_paging_wrap a.paging_arr:hover{opacity:0.8;}
.sub_paging_wrap ul{display:inline-block; margin:0 30px; vertical-align:top}
.sub_paging_wrap ul li{display:inline-block; vertical-align:top }
.sub_paging_wrap ul li a{display:block; width:40px; height:40px; border-radius:50%; line-height:40px; }
.sub_paging_wrap ul li a.on{background:var(--darkblue); color:#fff;}
.sub_paging_wrap ul li a:hover{background:var(--lightsky)}
	/* aside */
.aside_quick_wrap{position:absolute; top:55px; right:-115px; width:100px;  }
.aside_quick_wrap ul li{display:block; margin:0 0 5px}
.aside_quick_wrap .aside_list{}
.aside_quick_wrap .aside_guide_list{position:relative; margin-top:40px;}
.aside_quick_wrap .aside_guide_list::before{display:block; position:absolute; top:-20px; left:10px; width:80px; height:1px; background:#e2edf2; content:"" }
	/* top_btn */
.top_btn_wrap{position:fixed; right:10px; bottom:10px; z-index:90000; }
.top_btn_wrap a{display:block; width:70px; height:70px; margin:10px 0; border-radius:50%; text-align:center; transition:all 0.3s}
.top_btn_wrap a.today_view{display:table; background:var(--lightsky); font-size:12px; line-height:13px;}
.top_btn_wrap a.today_view:hover{background:#d5edf7}
.top_btn_wrap a.today_view .cell{display:table-cell; width:100%; height:100%; vertical-align:middle}
.top_btn_wrap a.today_view .view_tit{display:block; color:var(--darkblue)}
.top_btn_wrap a.today_view .view_num{display:block; margin-top:4px; font-size:16px; line-height:1; font-weight:600; color:#fe3745}
.top_btn_wrap a.btn_top{padding-top:37px; border:1px solid var(--gray_line); background:#fff url('../img/common/top_arr.png') no-repeat 50% 20px; font-size:14px; line-height:1; color:#363a3b; text-transform:uppercase; }
.top_btn_wrap a.btn_top:hover{border-color:#cdcdcd;}
.top_btn_wrap a.btn_curation{padding-top:37px; border:1px solid var(--gray_line); background: #2DB1E3 url('../img/common/top_arr.png') no-repeat 50% 20px; font-size:14px; line-height:1; color:#363a3b; text-transform:uppercase; }
.top_btn_wrap a.btn_curation:hover{border-color:#cdcdcd;}
	/* info_list */
.info_list{}
.info_list dl{position:relative; padding:5px 0;  }
.info_list dl dt{display:block; position:absolute; top:5px; left:0; width:110px; padding:3px 0; background:#ebf2f5; border-radius:15px; font-size:14px; line-height:1.4; text-align:center; }
.info_list dl dd{display:block; min-height:25px; margin-left:140px; font-size:14px; line-height:1.4; }


/****************************************************************************
서브 레이아웃
****************************************************************************/

/** sub visual -------------------------*/
.sub_list_visual{width:100%; height:345px; padding-top:75px; background-position:50% 75px !important;}

	/* sub cate nav :: list 1depth cate */
.list_cate{width:100%; border-bottom:1px solid var(--lightsky)}
.list_cate .cate_list{width:1200px; margin:0 auto}
.list_cate .cate_list li{float:left; }
.list_cate .cate_list li a{display:block; width:109px; padding:20px 0; text-align:center;}
.list_cate .cate_list li a.on{background:var(--lightsky);}
.list_cate .cate_list li a .icon{display:block; width:100%; height:45px; transition:all 0.3s}
.list_cate .cate_list li a .name{display:block; margin-top:15px; font-size:13px; color:var(--gray); transition:all 0.2s }
.list_cate .cate_list li a.on .name,
.list_cate .cate_list li a:hover .name{color:var(--darkblue)}
.list_cate .cate_list li a.icon_cate01 .icon{background:url('../img/list/list_cate.png') no-repeat 0 0; }
.list_cate .cate_list li a.icon_cate01.on .icon,
.list_cate .cate_list li a.icon_cate01:hover .icon{background-position:0 -45px;}
.list_cate .cate_list li a.icon_cate02 .icon{background:url('../img/list/list_cate.png') no-repeat -109px 0; }
.list_cate .cate_list li a.icon_cate02.on .icon,
.list_cate .cate_list li a.icon_cate02:hover .icon{background-position:-109px -45px;}
.list_cate .cate_list li a.icon_cate03 .icon{background:url('../img/list/list_cate.png') no-repeat -218px 0; }
.list_cate .cate_list li a.icon_cate03.on .icon,
.list_cate .cate_list li a.icon_cate03:hover .icon{background-position:-218px -45px;}
.list_cate .cate_list li a.icon_cate04 .icon{background:url('../img/list/list_cate.png') no-repeat -321px 0; }
.list_cate .cate_list li a.icon_cate04.on .icon,
.list_cate .cate_list li a.icon_cate04:hover .icon{background-position:-321px -45px;}
.list_cate .cate_list li a.icon_cate05 .icon{background:url('../img/list/list_cate.png') no-repeat -436px 0; }
.list_cate .cate_list li a.icon_cate05.on .icon,
.list_cate .cate_list li a.icon_cate05:hover .icon{background-position:-436px -45px;}
.list_cate .cate_list li a.icon_cate06 .icon{background:url('../img/list/list_cate.png') no-repeat -545px 0; }
.list_cate .cate_list li a.icon_cate06.on .icon,
.list_cate .cate_list li a.icon_cate06:hover .icon{background-position:-545px -45px;}
.list_cate .cate_list li a.icon_cate07 .icon{background:url('../img/list/list_cate.png') no-repeat -654px 0; }
.list_cate .cate_list li a.icon_cate07.on .icon,
.list_cate .cate_list li a.icon_cate07:hover .icon{background-position:-654px -45px;}
.list_cate .cate_list li a.icon_cate08 .icon{background:url('../img/list/list_cate.png') no-repeat -763px 0; }
.list_cate .cate_list li a.icon_cate08.on .icon,
.list_cate .cate_list li a.icon_cate08:hover .icon{background-position:-763px -45px;}
.list_cate .cate_list li a.icon_cate09 .icon{background:url('../img/list/list_cate.png') no-repeat -872px 0; }
.list_cate .cate_list li a.icon_cate09.on .icon,
.list_cate .cate_list li a.icon_cate09:hover .icon{background-position:-872px -45px;}
.list_cate .cate_list li a.icon_cate10 .icon{background:url('../img/list/list_cate.png') no-repeat -981px 0; }
.list_cate .cate_list li a.icon_cate10.on .icon,
.list_cate .cate_list li a.icon_cate10:hover .icon{background-position:-981px -45px;}
.list_cate .cate_list li a.icon_cate11 .icon{background:url('../img/list/list_cate.png') no-repeat -1090px 0; }
.list_cate .cate_list li a.icon_cate11.on .icon,
.list_cate .cate_list li a.icon_cate11:hover .icon{background-position:-1090px -45px;}

	/* sub cate nav :: list 2depth cate */
.list_cate_2depth_wrap{width:100%; padding:20px 0; background:var(--lightsky) }
.list_cate_2depth_wrap .sub_container{padding:0}
.list_cate_2depth_wrap .cate_2dep_list{}
.list_cate_2depth_wrap .cate_2dep_list li{display:block; float:left; width:25%; padding:2px;}
.list_cate_2depth_wrap .cate_2dep_list li a{display:block; position:relative; width:100%; padding:0 5px 0 25px; border:1px solid #bbd5df; border-radius:5px; font-size:13px; line-height:33px; color:#7e8486; transition:all 0.3s }
.list_cate_2depth_wrap .cate_2dep_list li a:hover{background:#fff; border-color:#fff;}
.list_cate_2depth_wrap .cate_2dep_list li a.on{background:var(--sky); border-color:var(--sky); color:#fff}
.list_cate_2depth_wrap .cate_2dep_list li a.on ::before{display:block; position:absolute; top:9px; left:10px; width:5px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); content:""}
.list_cate_2depth_wrap .cate_2dep_list li a .num{display:inline-block; margin-left:3px; padding:0 4px; background:#fff; border-radius:7px; font-size:10px; line-height:14px;  transition:all 0.3s }
.list_cate_2depth_wrap .cate_2dep_list li a:hover .num{background:var(--lightsky)}
.list_cate_2depth_wrap .cate_2dep_list li a.on .num{color:#7e8486;}
.list_cate_2depth_wrap .btn_wrap{margin:10px 0 0}
.list_cate_2depth_wrap .btn_wrap .btn{font-size:14px;}

.item_list_wrap{padding:0}
.item_list_wrap .aside_quick_wrap{top:0}

/****************************************************************************
상품 리스트 : product > list
****************************************************************************/
	/* new item */
.sub_new_item{width:100%; margin:15px 0; padding:0 50px; background:#f7f7f7; border-radius:5px; }
.sub_new_item h2{float:left; position:relative; width:100px; font-size:13px; line-height:30px; color:var(--sky);}
.sub_new_item h2::after{display:block; position:absolute; top:8px; right:0; width:1px; height:13px; background:var(--sky); content:"" }
.sub_new_item .sub_new_item_list{float:right; width:910px }
.sub_new_item .sub_new_item_list li{}
.sub_new_item .sub_new_item_list li a{display:block;  }
.sub_new_item .sub_new_item_list li a span{display:block; float:left; marign-left:10px; font-size:13px; line-height:30px; color:var(--darkgray);   }
.sub_new_item .sub_new_item_list li a .tit{width:700px; margin-left:0 }
.sub_new_item .sub_new_item_list li a .id{width:100px;  font-size:11px; text-align:right;  }
.sub_new_item .sub_new_item_list li a .price{width:100px; color:var(--darkblue); text-align:right;  }

	/* sort item */
.item_sort_wrap{margin:75px 0 45px; padding:0 12px; }
.item_sort_wrap .sort_list{border:solid var(--gray_line); border-width:1px 0; }
.item_sort_wrap .sort_list li{float:left; position:relative; width:16.66%; }
.item_sort_wrap .sort_list li::before{display:block; position:absolute; top:13px; left:0; width:1px; height:14px; background:var(--gray_line); content:""}
.item_sort_wrap .sort_list li:first-child::before{display:none}
.item_sort_wrap .sort_list li a{display:block; font-size:14px; line-height:40px; color:var(--darkgray); text-align:center;}
.item_sort_wrap .sort_list li a.on{background:var(--lightsky); color:var(--darkblue);}
.item_sort_wrap .sort_list li a .sort_new{display:inline-block; width:16px; height:16px; margin-left:5px; background:var(--sky); border-radius:50%; font-size:10px; line-height:16px; color:#fff; text-align:center }


.sub_item_list .item_box{position:relative; z-index:1; width:20%; margin:0 0 35px}

.item_list .item_box .like{position:absolute; top:5px; right:15px; z-index:90000; width:30px; height:30px; background:rgba(255,255,255,0.5); border-radius:50%; font-size:20px; line-height:24px; color:#ff5a66; text-align:center }
.item_list .item_box .like i{display:inline-block; line-height:31px; }
.item_list .item_box .power{position:absolute; top:7px; left:4px; z-index:8500; width:89px; height:43px; background:url('../img/list/power.png') no-repeat;}
.item_list .item_box .plus{position:absolute; top:7px; left:4px; z-index:8500; width:89px; height:43px; background:url('../img/list/plus.png') no-repeat;}
.item_list .item_box .choice{position:absolute; top:7px; left:4px; z-index:90000; width:89px; height:43px; background:url('../img/list/choice.png') no-repeat;}
.item_list .item_box .myitem{position:absolute; top:170px; left:20px; z-index:90000; width:40px; height:40px; padding:6px 0; background:#e9fc0c; border-radius:50%; font-size:13px; line-height:14px; color:var(--darkblue); text-align:center  }
.item_list .item_box .attest{position:absolute; top:184px; right:20px; z-index:90000; width:87px; height:22px; padding-left:16px; background:#09ac6c; border-radius:11px; font-size:11px; line-height:22px; color:#fff; text-align:center; }
.item_list .item_box .attest::before{display:block; position:absolute; top:5px; left:11px; width:4px; height:7px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); content:"" }

.sub_item_list .item_box .power{position:absolute; top:7px; left:4px; z-index:90000; width:89px; height:43px; background:url('../img/list/power.png') no-repeat;}
.sub_item_list .item_box .plus{position:absolute; top:7px; left:4px; z-index:90000; width:89px; height:43px; background:url('../img/list/plus.png') no-repeat;}
.sub_item_list .item_box .choice{position:absolute; top:7px; left:4px; z-index:90000; width:89px; height:43px; background:url('../img/list/choice.png') no-repeat;}
.sub_item_list .item_box .myitem{position:absolute; top:126px; left:20px; z-index:90000; width:40px; height:40px; padding:6px 0; background:#e9fc0c; border-radius:50%; font-size:13px; line-height:14px; color:var(--darkblue); text-align:center  }
.sub_item_list .item_box .attest{position:absolute; top:144px; right:20px; z-index:90000; width:87px; height:22px; padding-left:16px; background:#09ac6c; border-radius:11px; font-size:11px; line-height:22px; color:#fff; text-align:center; }
.sub_item_list .item_box .attest::before{display:block; position:absolute; top:5px; left:11px; width:4px; height:7px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); content:"" }
.sub_item_list .item_box .tax{position:absolute; top:125px; right:18px; z-index:9000; padding:3px 5px; background:#aaa; border-radius:10px; font-size:10px; color:#fff}
.sub_item_list .item_box .item_thum{z-index:0; height:155px; min-height:150px;}
.item_list .item_box .item_thum img{}
/* search list */
.item_list_sear_wrap{}
.item_list_sear_wrap .list_search_result{position:relative; margin:75px 0 0; padding:0 10px; font-size:18px; line-height:1.2; color:var(--darkblue)}
.item_list_sear_wrap .list_search_result::before{display:block; position:absolute; top:-3px; left:3px; width:6px; height:6px; background:var(--darkblue); border-radius:50%; content:""}
.item_list_sear_wrap .item_sort_wrap{margin:25px 0 45px;}

/** SUB item view -------------------------*/
.btn_buy{display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 0 5px; padding:0 30px; background:var(--sky); border-radius:10px; }
.btn_message span{display:block; }
.btn_buy:hover{}
.btn_message{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; width:100%; border-radius:10px; text-align:center; }
.btn_message span{display:block; width:100% }
.btn_message:hover{}



.item_viwe_page{position:relative; }
.item_viwe_page .aside_quick_wrap{top:55px;}
    /* left profile */
.item_profile_wrap{position:relative; padding:25px 20px; background:#fff; border-radius:30px 0; box-shadow:0 0 5px rgba(0,0,0,0.1)}
.item_profile_wrap .profile_top{display:flex; justify-content:space-between; align-items:flex-end; width:100%;}
.item_profile_wrap .profile_top .profile_thum{width:100px; height:100px; border-radius:15px 0; overflow:hidden; }
.item_profile_wrap .profile_top .profile_info{width:120px; }
.item_profile_wrap .profile_top .profile_info .id{font-size:15px; line-height:1.4; font-weight:500; color:var(--darkblue);}
.item_profile_wrap .profile_top .profile_info .add{margin:5px 0; font-size:12px; line-height:1.2; color:var(--gray)}
.item_profile_wrap .profile_top .attest{position:absolute; top:25px; right:-4px; width:99px; height:28px; padding:0 5px 0 13px; background:url("../img/list/profile_attest.png") no-repeat; }
.item_profile_wrap .profile_top .attest .tit{font-size:12px; line-height:25px; color:#fff; text-shadow:1.5px 2px 0 rgba(0,0,0,0.81);}
.item_profile_wrap .profile_top .attest .btn_guide{margin:3px 0 0; padding-left:4px;}
.item_profile_wrap .profile_top .attest .btn_guide span{text-indent:-0.5px}
.item_profile_wrap .profile_top .attest .btn_guide_info span.con{margin-left:3px;}

.item_profile_wrap .attest_wrap{display:flex; justify-content:space-between; margin:20px 0; }
.item_profile_wrap .attest_wrap p{display:block; width:49%; height:24px; background:var(--lightgray); border:1px solid var(--lightgray); border-radius:12px; font-size:12px; line-height:22px; color:#fff; text-align:center }
.item_profile_wrap .attest_wrap p.name_attest{background:#fff; border-color:#ff5a66; color:#ff5a66}
.item_profile_wrap .attest_wrap p.email_attest{background:#fff; border-color:#fc7c14; color:#fc7c14}
.item_profile_wrap .buy_info_list{margin:20px 0}
.item_profile_wrap .buy_info_list li{display:flex; justify-content:space-between; padding:10px; border-top:1px solid var(--lightsky); font-size:13px; line-height:1.4; }
.item_profile_wrap .buy_info_list li:first-child{border-top:0}
.item_profile_wrap .buy_info_list li .tit{position:relative; }
.item_profile_wrap .buy_info_list li .info{font-weight:500; text-align:right }
.item_profile_wrap .buy_info_list li .info .refer{display:block; font-size:11px; font-weight:400; color:#bcbcbc }
.item_profile_wrap .btn_buy{height:50px; font-size:16px; line-height:1.1; font-weight:600; }
.item_profile_wrap .btn_buy .tit span{display:block; font-size:13.5px; line-height:1.2; font-weight:400; }
.item_profile_wrap .btn_message{height:50px; font-size:14px; line-height:1.1; }
.item_profile_wrap .btn_message{}

.btn_bot_wrap{display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:20px; }
.btn_bot_wrap .btn{display:flex; justify-content:center; flex-wrap:wrap; width:49%; margin:3px 0; background:#f8f9f9; border-color:#f8f9f9; border-radius:10px; padding:10px 0; font-size:13px; line-height:1; color:#363a3b; text-align:center;  }
.btn_bot_wrap .btn:hover{background:#eaeaea; border-color:#eaeaea; }
.btn_bot_wrap .btn .tit{display:block; width:100%; margin-top:5px; }
.btn_bot_wrap .btn_like{background:#f0f0f0; border-color:#f0f0f0; }
.btn_bot_wrap .btn_like:hover{background:#dedede; border-color:#dedede}
.btn_bot_wrap .btn_info{background:#ddec22; border-color:#ddec22; color:var(--darkblue)}
.btn_bot_wrap .btn_info:hover{background:#c6d513; border-color:#c6d513}
.btn_bot_wrap .btn_share{position:relative; height:30px; padding:8px 0; padding-left:20px; font-size:11px; line-height:14px; }
.btn_bot_wrap .btn_share::before{display:block; position:absolute; top:8px; left:12px; width:14px; height:14px; background:url(../img/list/item_share.png) no-repeat; content:""}
.btn_bot_wrap .btn_share_sns{position:relative; height:30px; padding:8px 0; padding-left:20px; font-size:11px; line-height:14px; }
.btn_bot_wrap .btn_share_sns::before{display:block; position:absolute; top:8px; left:8px; width:14px; height:14px; background:url(../img/list/item_share_sns.png) no-repeat; content:""}

.item_catecory_wrap{margin:30px 0;}
.item_catecory_wrap > ul{width:100%; border:1px solid #e8e8e8; border-radius:30px 0; overflow:hidden;}
.item_catecory_wrap ul li a{display:block; padding:0 30px; background:#fff url(/img/main/cate_arr.png) no-repeat 230px 50%; border-top:1px solid #f2f2f1; font-size:14px; line-height:50px; transition:all 0.3s}
.item_catecory_wrap ul li a:hover,
.item_catecory_wrap ul li a.on{background:var(--darkblue) url(/img/main/cate_arr_hover.png) no-repeat 230px 50%; color:#fff}
.item_catecory_wrap ul li:first-of-type a{border-top:0}
.item_catecory_wrap .main_cate{}
.item_catecory_wrap .main_cate li a{color:var(--darkblue)}
.item_catecory_wrap .main_cate li:last-child a{background:#ebf2f5 url(/img/main/cate_blank.png) no-repeat 220px 50%; border-radius:0 0 20px 0; color:#01a1dd;}
.item_catecory_wrap .main_cate li:last-child a:hover{background:#01a1dd url(/img/main/cate_blank_hover.png) no-repeat 220px 50%; color:#fff;}
.item_catecory_wrap .board_cate{margin-top:20px; background:#fafafa}
.item_catecory_wrap .board_cate li a{background:#fff url(/img/list/cate_arr_gray.png) no-repeat 230px 50%;}
.item_catecory_wrap .board_cate li a:hover,
.item_catecory_wrap .board_cate li a.on{background:var(--gray) url(/img/main/cate_arr_hover.png) no-repeat 230px 50%; color:#fff}

.aside_review_box{width:100%; padding:25px 20px; border:1px solid #e8e8e8; border-radius:30px 0; }
.aside_review_box .write_info{display:flex; }
.aside_review_box .write_info .write_thum{display:block; width:28px; height:28px; border-radius:50%; overflow:hidden;  }
.aside_review_box .write_info .id{display:inline-block; margin-left:15px; font-size:13px; line-height:28px; color:var(--gray) }
.aside_review_box .star{height:8px; margin:7px 0 7px 10px}
.aside_review_box .star img{height:8px;}
.aside_review_box .review_con{display:block; margin:0 0 20px 10px; font-size:13px;  }

.aside_recomm_item.item_list .item_box{width:100%; margin-top:0; margin-bottom:20px}
.aside_recomm_item.item_list .item_box .item_tit{margin:10px 0 8px;}
.aside_recomm_item.item_list .item_box .item_info_wrap{padding-top:8px}

/* view right */
    /* item title */
.item_tit_wrap{display:flex; justify-content:space-between;}
.item_tit_wrap h2{font-size:22px; line-height:26px; font-weight:600; color:var(--darkblue);}
.item_tit_wrap .view_conunt{display:flex; justify-content:flex-end; padding:4px 0; font-size:11px; line-height:18px;}
.item_tit_wrap .view_conunt dt{display:block; padding:0 6px; background:#f4f4f4; border-radius:9px; color:var(--gray) }
.item_tit_wrap .view_conunt dd{display:block; margin-left:5px; color:#7e8486 }
    /* item_top */
.item_top_wrap{display:flex; justify-content:space-between; margin-top:20px;}
.item_top_wrap .item_thum{width:690px; height:485px; }
.item_top_wrap .item_thum img{width:690px; height:485px;}
.item_top_wrap .item_top_info_list{display:flex; flex-direction:column; justify-content:space-between; width:180px;  }
.item_top_wrap .item_top_info_list dl{display:flex; flex-direction:column; justify-content:space-between; width:180px; height:115px; padding:20px; background:#f8f9f9; border:1px solid #e2edf2}
.item_top_wrap .item_top_info_list dl dt{position:relative;}
.item_top_wrap .item_top_info_list dl dt .btn_guide{padding-top:4px;}
.item_top_wrap .item_top_info_list dl dd{font-size:13px; color:var(--gray); text-align:right;}
.item_top_wrap .item_top_info_list dl dd .sky{font-size:24px; line-height:1; color:var(--sky) }
.item_top_wrap .item_top_info_list dl dd .star{display:inline-block; height:15px; margin-right:5px; vertical-align:bottom}

.item_option_wrap{display:flex; justify-content:space-between; margin-top:40px; }
.item_option_wrap h3{width:100px; margin:0; font-size:24px; line-height:1.2; font-weight:300; color:var(--darkblue)}
.item_option_wrap h3 span{display:block; }
.item_option_wrap .item_option_list{width:730px; }
    /* checkbox */
.option_checkbox_area{display:block; position:relative; width:100%; margin-top:5px; cursor:pointer; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none}
.option_checkbox_area:first-child{margin:0}
.option_checkbox_area .checkbox_info{display:flex; justify-content:space-between; z-index:5; padding:0 20px 0 40px; font-size:13px; line-height:35px; vertical-align:top}
.option_checkbox_area input{position:absolute; opacity:0; cursor:pointer}
.option_checkbox_area .checkmark{display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; width:100%; height:100%; background:#f0f0f0; border-radius:5px; transition:all 0.3s}
.option_checkbox_area:hover input ~ .checkmark{background:#eaeaea;}
.option_checkbox_area input:checked ~ .checkbox_info{color:#fff}
.option_checkbox_area input:checked ~ .checkmark{background:var(--sky);}
.option_checkbox_area input:checked ~ .checkmark::before{display:block; position:absolute; top:10px; left:22px; width:5px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); content:""}

.item_option_wrap .item_option_count{display:flex; justify-content:space-between}
.item_option_wrap .item_option_count .info{font-size:12px; line-height:35px; color:var(--gray)}
.item_option_wrap .item_option_count .select{width:180px; }

.item_price_wrap{display:flex; justify-content:space-between; align-items:flex-end; width:100%; height:100px; margin:50px 0 30px; padding:20px 30px; background:#f8f9f9; border-radius:30px 0; font-size:13px; }
.item_price_wrap .cir{display:inline-block; width:16px; height:16px; margin:0 10px; background:#bfd5df; border-radius:50%; font-size:12px; line-height:15px; color:var(--darkblue); text-align:center; }
.item_price_wrap .cir{}
.item_price_wrap .price_left{}
.item_price_wrap .price_left .gray{color:#c9cccd; }
.item_price_wrap .price_left .num{margin:0 5px; font-size:18px; font-weight:700; color:#363a3b}
.item_price_wrap .price_left .count{display:inline-block; width:130px; text-align:right}
.item_price_wrap .price_left .delivery_charge{display:inline-block; width:134px; text-align:right}
.item_price_wrap .price_right{}
.item_price_wrap .price_right .all_price{font-size:30px; font-weight:600; color:var(--darkblue)}

.item_price_info{}
.item_price_info li{font-size:12px; line-height:18px; font-weight:500; }

.item_btn_wrap{display:flex; justify-content:space-between; margin:40px 0 70px; }
.item_btn_wrap .btn{display:flex; justify-content:center; flex-wrap:wrap; align-content:center; height:75px; margin:0}
.item_btn_wrap .btn .tit{font-size:19.5px; line-height:1.1; font-weight:700; }
.item_btn_wrap .btn .tit_info{font-size:11px; line-height:1.1; font-weight:400;  opacity:0.8}
.item_btn_wrap .btn_message{width:270px;}
.item_btn_wrap .btn_message .tit{margin:5px 0; font-size:17.5px;}
.item_btn_wrap .btn_message img{padding-top:3px}
.item_btn_wrap .btn_buy{width:300px;}
.item_btn_wrap .btn_buy span{display:block; font-size:16.5px; line-height:1.3; font-weight:300;}
.item_btn_wrap .btn_buy .icon{margin-left:15px;}
.item_btn_wrap .btn_buy .tit_info{width:100%; margin-top:3px; }
#item_btn_fix.fixed{position:fixed; top:75px; left:0; z-index:10000; width:100%; padding:10px 0; background:var(--lightsky);}
#item_btn_fix.fixed .item_btn_wrap{width:1200px; margin:0 auto; padding-left:320px }
/* item_detail -------------------------*/
.item_view_tab li{width:24.7%; }

.item_detail_content{width:100%; height:auto}
.item_detail_content img{max-width:100%}

.item_review_content{padding:10px 15px; }
.item_review_content .review_box{margin-top:30px; border-bottom:1px dashed var(--lightsky)}
.item_review_content .review_box .write_info{display:flex; }
.item_review_content .review_box .write_info .write_thum{display:block; width:35px; height:35px; border-radius:50%; overflow:hidden; }
.item_review_content .review_box .write_info .write_thum img{width:100%;}
.item_review_content .review_box .write_info .id{margin:0 30px 0 15px; font-size:13px; line-height:35px; color:var(--gray) }
.item_review_content .review_box .write_info .time{position:relative; font-size:12px; line-height:35px; color:var(--lightgray)}
.item_review_content .review_box .write_info .time::before{display:block; position:absolute; top:12px; left:-15px; width:1px; height:11px; background:#e9eced; content:""}
.item_review_content .review_box .star{height:10px; margin:15px 0 0 10px; }
.item_review_content .review_box .review_con{margin:5px 10px; font-size:14px; line-height:1.4; }

.item_review_content .review_box .reply_form_wrap{display:flex; justify-content:space-between; padding:20px 0 15px; }
.item_review_content .review_box .reply_form textarea{width:730px; height:40px; line-height:24px; }
.item_review_content .review_box .reply_form .btn{}

/* krg: 퍼블리싱 디자인 원본 */
/*.item_review_content .review_box .review_reply{position:relative; width:800px; margin:20px 0 0 50px; padding:15px 20px; border:1px solid var(--gray_line)}*/
/*.item_review_content .review_box .review_reply::before{display:block; position:absolute; top:5px; left:-40px; width:20px; height:22px; background:url(../img/list/reply.png) no-repeat; content:""}*/
/*.item_review_content .review_box .review_reply .id_cate{display:inline-block; margin-right:10px; padding:0 10px; border:1px solid #a9afb1; font-size:11px; line-height:20px; color:#a9afb1; }*/
/*.item_review_content .review_box .review_reply .id{font-size:13px; line-height:20px; }*/
/*.item_review_content .review_box .review_reply .reply_con{margin-top:10px; font-size:14px; line-height:1.4;}*/

/* krg: iframe 형태의 댓글로 인한 선택자 변경 */
.review_reply{position:relative; width:800px; margin:20px 0 0 35px; padding:15px 20px; border:1px solid var(--gray_line)}
.review_reply::before{display:block; position:absolute; top:5px; left:-40px; width:20px; height:22px; background:url(../img/list/reply.png) no-repeat; content:""}
.review_reply .id_cate{display:inline-block; margin-right:10px; padding:0 10px; border:1px solid #a9afb1; font-size:11px; line-height:20px; color:#a9afb1; }
.review_reply .id{font-size:13px; line-height:20px; }
.review_reply .reply_con{margin-top:10px; font-size:14px; line-height:1.4;}
.review_reply .reply_time{position:relative; font-size:12px; line-height:35px; color:var(--lightgray)}


.item_use_content{}
.item_use_content .use_list{display:flex; justify-content:space-between;}
.item_use_content .use_list li{display:block; width:205px; height:250px; padding:20px; background:var(--lightsky); border-radius:15px;}
.item_use_content .use_list li .img{display:block; width:80px; height:80px; border-radius:50%; overflow:hidden; }
.item_use_content .use_list li .info{display:block; width:100%; margin-top:20px; font-size:13px; line-height:20px; letter-spacing:-0.01em; }
.item_use_content .use_list li .info .red{display:block; position:relative; margin-top:5px; padding-left:15px; font-size:12px; line-height:1.4; }
.item_use_content .use_list li .info .red::before{display:block; position:absolute; top:0; left:0; content:"※" }
.item_use_content .item_buy_info{width:100%; margin:30px 0 0; padding:30px 50px; background:#f5f5f5; border-radius:15px; }
.item_use_content .item_buy_info dl{display:flex;}
.item_use_content .item_buy_info dl:first-child{margin:0 0 45px}
.item_use_content .item_buy_info dl dt{display:block; position:relative; width:130px; font-size:14px; line-height:22px; font-weight:600; color:var(--darkblue) }
.item_use_content .item_buy_info dl dt::after{display:block; position:absolute; top:3px; right:20px; width:1px; height:14px; background:var(--darkblue); content:""}
.item_use_content .item_buy_info dl dd{font-size:13px; line-height:22px; }
.item_use_content .item_buy_info dl dd .btn_link_min{display:inline-block; margin-left:10px; padding:0 10px; background:#fff; border:1px solid #fff; font-size:12px; line-height:20px; transition:all 0.3s }
.item_use_content .item_buy_info dl dd .btn_link_min:hover{border:1px solid #cdcdcd;}

.item_recomm_list{display:flex; flex-wrap:wrap;}
.item_recomm_list.item_list .item_box{width:280px; margin:0 0 30px 20px; padding:0}
.item_recomm_list.item_list .item_box:nth-child(3n+1){margin-left:0}
.item_detail_content{}


/****************************************************************************
order
****************************************************************************/
.oredr_top_wrap{display:flex; align-items:center; margin:0 0 30px; padding:20px; }
.oredr_top_wrap .order_img{width:150px; border-radius:10px; overflow:hidden; }
.oredr_top_wrap .order_img img{display:block; }
.oredr_top_wrap .order_tit{flex:1; margin-left:30px;}

.form_list li .con .order_deal_input{display:flex; justify-content:space-between}
.form_list li .con .order_deal_input input{width:60%; text-align:right;}
.form_list li .con .order_deal_input .won{margin:0 5px; }
.form_list li .con .order_deal_input .vat{font-size:12px; color:var(--gray)}

.form_list li .order_deal_input .btn,
.form_list li .order_tel .btn{width:120px; margin-left:10px; line-height:33px;}

.order_option_list{}
.order_option_list li{display:flex; justify-content:space-between; width:100%; padding:8px 0; border-top:1px dotted #eaeaea}
.order_option_list li.no_con_align{justify-content:center}
.order_option_list li.no_con_align i{margin-right:5px; line-height:21px;}
.order_option_list li:first-child{border-top:0;}
.order_option_list li .option_tit{}
.order_option_list li .option_price{font-size:14px; font-weight:700;}

.order_price_wrap{display:flex; flex-wrap:wrap; width:100%; margin:30px 0 20px; padding:20px 30px; background:#f8f9f9; border-radius:30px 0; font-size:13px; }
.order_price_wrap .cir{display:inline-block; width:16px; height:16px; margin:0 10px; background:var(--lightsky); border-radius:50%; font-size:12px; line-height:16px; color:var(--darkblue); text-align:center; }
.order_price_wrap .cir:first-child{margin-left:0}
.order_price_wrap .price_left{}
.order_price_wrap .price_left .gray{color:#c9cccd; }
.order_price_wrap .price_left .num{margin:0 5px; font-size:18px; font-weight:700; color:#363a3b}
.order_price_wrap .price_left .count{display:inline-block; width:130px; text-align:right}
.order_price_wrap .price_total{width:100%; margin-top:-15px; text-align:right}
.order_price_wrap .price_left .delivery_charge{display:inline-block; width:130px; text-align:right}
.order_price_wrap .price_total .all_price{font-size:30px; line-height:1; font-weight:600; color:var(--darkblue)}
.order_price_wrap .price_total .vat{display:block; font-size:12px; line-height:1.1; color:var(--gray)}

.pay_form_list li.flex{display:flex; justify-content:space-between; padding:20px; border-bottom:1px solid #f1f1f1;}

/****************************************************************************
관심재능
****************************************************************************/


/****************************************************************************
ad about
****************************************************************************/
.ad_top_point{font-size:16px; line-height:20px;  font-weight:500; text-align:center}
.ad_top_point i{margin-right:5px; font-size:18px; line-height:20px;  }
.ad_about_wrap{padding:40px 20px 0;}

.ad_kind_wrap{}
.ad_kind_wrap .tab_nav{display:flex; justify-content:space-between; width:1000px; margin:0 auto 15px;}
.ad_kind_wrap .tab_nav li {width:32%; }
.ad_kind_wrap .tab_nav li a{display:block; width:100%; padding:20px 0; background:var(--lightsky); border-radius:20px 0 20px 0; font-size:18px; line-height:30px; font-weight:300; color:var(--gray); text-align:center; transition:all 0.3s  }
.ad_kind_wrap ul li a:hover{color:var(--darkblue)}
.ad_kind_wrap ul li a.on{background:var(--darkblue); font-weight:700; color:#eafa41;  }

.ad_content{padding:20px 0; }
.ad_content .ad_info{display:flex; justify-content:space-between; width:980px; margin:0 auto 15px; }
.ad_content .ad_info .info_wrap{width:47%; }
.ad_content .ad_info .info_wrap .tit{margin:0 0 10px; border-bottom:1px solid var(--darkblue); font-size:18px; line-height:30px; font-weight:700; color:var(--darkblue)  }
.ad_content .ad_info .info_wrap .con{line-height:1.4; }

.ad_price_list{display:flex; flex-wrap:wrap; }
.ad_price_list li{display:flex; width:50%; margin:0 0 8px }
.ad_price_list li .price_tit{display:block; width:80px; background:var(--lightsky); border-radius:20px; font-size:15px; line-height:24px; text-align:center;  }
.ad_price_list li .price_info{margin-left:10px; line-height:24px;  }

.ad_regi_wrap{}
.ad_regi_wrap .info_box{width:1050px; margin:0 auto 15px; }
.ad_regi_wrap .form_list{width:1050px; margin:0 auto 15px; }

.ad_form_list.form_list li .tit{width:200px;}
.ad_form_list.form_list li .con{width:750px}
.ad_form_list.form_list li .con .ui-selectmenu-button.ui-button{width:100% !important;}

.question_link{display:block; width:420px; height:20px; line-height:20px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; transition:all 0.3s}

/****************************************************************************
재능 홍보하기 팝업
****************************************************************************/
.popup_inner{padding:20px}
.pop_pr_view{height:470px; border:1px solid #eaeaea; overflow-y:auto; }

.pop_item_header{position:relative; padding:15px 20px; background:var(--lightsky)}
.pop_item_header h2{font-size:16px; line-height:1.2; font-weight:500; }
.pop_item_header .pop_item_info{display:flex; margin-top:10px;}
.pop_item_header .pop_item_info li{margin-right:20px; font-size:13px }
.pop_item_header .pop_item_info li .tit{margin-right:5px; font-weight:500; color:var(--darkblue); }
.pop_item_header .pop_item_info li .info{color:var(--darkgray)}
.pop_item_header .item_link{position:absolute; top:30px; right:20px; }