@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500&subset=korean');


/*ESG 경영원칙 */
#ethic_esg_bg{ position: absolute; z-index: -1;height: 450px; overflow: hidden; border-radius: 0 0 50px 0; top: 384px;}
#ethic_esg_bg img{width: 100vw;}
#ethic_esg, #ethic_ethical{padding: 80px 0 0 0;width: 1140px;margin: 0 auto;}
#ethic_esg h1, #ethic_ethical h1{font-size: 36px;font-weight: 600; padding-bottom: 60px;}
#ethic_esg .ethic_tab{}
#ethic_esg .ethic_tab ul, #ethic_ethical .ethic_tab ul{display: flex;/* margin: 0 -20px; */}
#ethic_esg .ethic_tab ul li, #ethic_ethical .ethic_tab ul li{margin-right: 40px;}
#ethic_esg .ethic_tab ul li.on{}
#ethic_esg .ethic_tab ul li a, #ethic_ethical .ethic_tab ul li a{box-sizing: border-box;font-size: 18px;display: block;font-weight: 600;letter-spacing: -0.18px; color: #aaa;height:47px;border-bottom:2px solid transparent}
#ethic_esg .ethic_tab ul li.on a, #ethic_ethical .ethic_tab ul li.on a{border-bottom:2px solid #222;color: #222;}

#ethic_esg .wrap{}
#ethic_esg .wrap .con{}
#ethic_esg .wrap .con .tit_wrap{ display: flex; justify-content: center; text-align: center; padding: 130px 0 125px 0;}
#ethic_esg .wrap .con .tit_wrap .tit{font-size: 36px; font-weight: 600; color: #fff; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);}
#ethic_esg .wrap .con .tit_wrap .tit span{}

#ethic_esg .wrap .con ul{display: flex; flex-wrap: wrap;justify-content: space-between;}
#ethic_esg .wrap .con ul li{margin-bottom: 20px;}
#ethic_esg .wrap .con ul li .list_bg{width: 560px;height: 200px;border-radius: 10px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.07);background-color: #fff;padding: 40px 0 40px 40px;box-sizing: border-box;display: flex;flex-direction: column;}
#ethic_esg .wrap .con ul li .list_bg .tit{font-size: 24px; font-weight: 600; padding-bottom: 15px;}
#ethic_esg .wrap .con ul li .list_bg .txt{/* word-break: keep-all; */font-size: 16px;font-weight: 500;color: #707070;}

#ethic_ethical .ethic_tab ul{border-bottom: 1px solid #e5e5e5;}
#ethic_ethical .wrap{padding-top: 40px;}
#ethic_ethical .wrap .principle_list > ul > li{display: flex; flex-direction: column;}
#ethic_ethical .wrap .tit{font-size: 18px;font-weight: 600;color: #222;padding-bottom: 15px;}
#ethic_ethical .wrap .txt{color: #707070;line-height: 1.8;padding-bottom: 30px;}
#ethic_ethical .wrap .sub_list{}
#ethic_ethical .wrap .sub_list li{ display: flex; flex-direction: column;}
#ethic_ethical .wrap .sub_list li .sub_tit{color: #707070; letter-spacing: -0.14px;line-height: 1.8;}
#ethic_ethical .wrap .sub_list li .sub_txt{ color: #707070; line-height: 1.8; letter-spacing: -0.14px; padding-bottom: 30px;}

/* 온라인  윤리경영실 */
#contents{float:left;width:800px;text-align:left} /* 왼쪽메뉴 있을 때 */
#contents100{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:0 50px;text-align:left} /* 왼쪽메뉴 없을 때 */
#contents100:after{content:"";display:block;clear:both}

#contents100 > #location{position:absolute;top:47px;left:50%;margin:0 0 0 -590px}
#contents100 > #location li{position:relative;float:left;height:10px;margin:0 0 0 17px}
#contents100 > #location li:before{content:"";position:absolute;top:3px;left:-10px;width:0;height:0;border:2.5px solid transparent;border-left:4px solid black}
#contents100 > #location li:first-child{margin:0}
#contents100 > #location li:first-child:before{display:none}
#contents100 > #location li a{float:left;margin:-4px 0 0;font-size:13px;color:#888;line-height:17px;font-weight:300;font-family:'Noto Sans KR';text-indent: 0;background-size: 0;}
#contents100 > #location li strong{float:left;margin:-4px 0 0;font-size:13px;color:#222;line-height:17px;font-weight:300;font-family:'Noto Sans KR'}

#contents100 .leftcontent {float:left;width:210px}
#contents100 .leftcontent .ethic {padding:107px 0 0}
#contents100 .leftcontent .ethic:after {content:"";display:block;clear:both}
#contents100 .leftcontent .ethic h2 {float:left;font-size:25px;color:#222;font-weight:500;font-family: 'Noto Sans KR';}
#contents100 .leftcontent .ethic ul li,
#contents100 .leftcontent .ethic ul li a {word-wrap:break-word}
#contents100 .leftcontent .ethic>ul {clear:both;padding:10px 0}
#contents100 .leftcontent .ethic>ul>li {padding:5px 0;color:#666}
#contents100 .leftcontent .ethic>ul>li>a {display:inline-block;position:relative;vertical-align:top;font-size:15px;color:#666;line-height:26px;font-family:'hk_nova_regular','Noto Sans KR'}
#contents100 .leftcontent .ethic>ul>li.active>a {color:#222;}
#contents100 .leftcontent .ethic>ul>li.active>a:after {content:'';position:absolute;left:0;bottom:2px;width:100%;height:1px;background:#222;}

#contents100 .rightcontent {float:right;width:930px}
#contents100 .rightcontent .ethic {position:relative;clear:both;border-top:107px solid transparent}
#contents100 .rightcontent .ethic:after {content:"";display:block;clear:both}
#contents100 .rightcontent .ethic h2 {padding:0 0 40px;font-size:25px;color:#222;font-family: 'Noto Sans KR';font-weight: 400;}
#contents100 .rightcontent .ethic h3 {padding:0 0 40px;font-size:19px;color:#222;font-weight: 400;}
#contents100 .rightcontent .ethic .title {font-size:15px;line-height:27px;color:#222;font-family:'hk_nova_regular','Noto Sans KR'}
#contents100 .rightcontent .ethic .content {font-size:15px;line-height:30px;color:#666;font-family:'hk_nova_regular','Noto Sans KR'}
#contents100 .rightcontent .ethic .complete {margin-bottom:40px}
#contents100 .rightcontent .ethic .complete .titleComment {font-size:19px;line-height:35px;color:#222;margin-bottom:40px;font-family:'hk_nova_regular','Noto Sans KR'}
#contents100 .rightcontent .ethic .complete .certNo {float:left}
#contents100 .rightcontent .ethic .complete .certNo p {font-size:15px;color:#222;margin:10px 0 0 0;font-family:'hk_nova_regular','Noto Sans KR'}
#contents100 .rightcontent .ethic .complete .comment {margin-bottom: 5px}
#contents100 .rightcontent .ethic .complete .comment p {font-size:13px;color:#666;line-height:23px;font-family:'hk_nova_regular','Noto Sans KR'}
#contents100 .rightcontent .ethic .complete .certNo button {float:left; width:75px; height:40px; margin:0 20px 0 10px; font-size:15px;  text-align:center; color:#fff; background:#222;}
#contents100 .rightcontent .ethic .information {background: #f5f5f5;font-size:13px;color:#666;padding: 30px;}
#contents100 .rightcontent .ethic .dot:before {content:"\00B7\00a0\00a0"}
#contents100 .rightcontent .ethic .insertcont {position:relative}
#contents100 .rightcontent .ethic .insertcont:after {content:"";display:block;clear:both}
#contents100 .rightcontent .ethic .insertcont table.form {border-bottom:none}
#contents100 .rightcontent .ethic .insertcont table.form tbody th,
#contents100 .rightcontent .ethic .insertcont table.form tbody td {padding:15px 0 16px;border-bottom:1px solid #d6d6d6;font-family:'hk_nova_regular','Noto Sans KR'}
#contents100 .rightcontent .ethic .insertcont table.form tbody .none th,
#contents100 .rightcontent .ethic .insertcont table.form tbody .none td {border-bottom: none}
#contents100 .rightcontent .ethic .insertcont table.form tbody .example th {font-size:15px;color:#666;padding:14px 0 30px;font-family:'hk_nova_regular','Noto Sans KR'}
#contents100 .rightcontent .ethic .insertcont table.form tbody .example td {font-size:15px;padding:14px 0 30px;line-height:27px;font-family:'hk_nova_regular','Noto Sans KR'}
#contents100 .rightcontent .ethic .insertcont table.form tbody .example td p {color:#666}
#contents100 .rightcontent .ethic .insertcont table.form tbody td .selectDummy span:after {opacity:1;filter:alpha(opacity=100)}
#contents100 .rightcontent .ethic .insertcont table.form tbody td .fileBoxWrap .summary {padding:9px 0 11px;line-height:15px}
#contents100 .rightcontent .ethic .insertcont table.form tbody td .fileBoxWrap .photolist li:last-child {margin-bottom:8px}
#contents100 .rightcontent .ethic .insertcont table.form tbody td .agree_check {margin: 50px 0 0 0}
#contents100 .rightcontent .ethic .insertcont table.form tbody td .checkboxDummy {float:left;right:0;margin-top:8px}
#contents100 .rightcontent .ethic .insertcont table.form tbody td .checkboxDummy + label {float:none}
#contents100 .rightcontent .ethic .insertcont table.form tbody td .button {float:right; width:180px; height:40px; margin:0 60px 0 0; font-size:15px; font-weight:400; text-align:center; color:#222; border:1px solid #222;}
#contents100 .rightcontent .ethic .insertcont table.form tbody td .type .selectDummy {margin:0 5px 0 0;}
#contents100 .rightcontent .ethic .insertcont .wrap_buttons {padding:60px 0 0}
#contents100 .rightcontent .ethic .checkboxDummy {float:right;right:90px;margin-top: 3px}
#contents100 .rightcontent .ethic .agreeCheck {overflow: hidden;margin-bottom:30px}
#contents100 .rightcontent .ethic .agreeCheck label {float:right;font-size:15px;color:#666;margin:2px -20px 0 10px;font-family:'hk_nova_regular','Noto Sans KR'}
#contents100 .rightcontent .ethic .agreeCheck .left {float:left;width:730px;/*margin-bottom:30px*/}
#contents100 .rightcontent .ethic .agreeCheck .right {float:right;width:200px;/*margin-bottom:30px*/}
#contents100 .rightcontent .ethic .checkAll {float:left;left:320px;margin-top:0}
#contents100 .rightcontent .ethic .checkAll+label {float:none;font-size:15px;color:#222;margin-top:3px;font-family:'hk_nova_regular','Noto Sans KR'}
#contents100 .rightcontent .ethic .all_check .chkbox {text-align:center}
#contents100 .rightcontent .ethic .wrap_buttons {padding: 60px 0 0 0;}
#contents100 .rightcontent .ethic .box_guide {/*margin:0 0 40px 0;*/padding:30px;font-size:13px;color:#666;border:none;font-family:'hk_nova_regular','Noto Sans KR';width:100%;box-sizing: border-box;}
#contents100 .rightcontent .ethic .box_guide .dash {line-height:23px}
#contents100 .rightcontent .ethic .box_guide .dash:before {content:"\00a0\00a0\00a0\00a0-\00a0"}

#contents100 input[type=text],
#contents100 input[type=password]{float:left;width:100%;height:40px;padding:0 14px 2px;box-sizing:border-box;font-size:15px;color:#666;font-weight:300;letter-spacing:-0.02em;line-height:37px;border:1px solid #d6d6d6;background:white}
#contents100 input[type=radio]{float:left;opacity:0;filter:alpha(opacity=0)}
#contents100 .radioDummy{position:relative;float:left;width:18px;height:18px;margin:3px 0;box-sizing:border-box;border:1px solid #d6d6d6;border-radius:100%}
#contents100 .radioDummy input[type=radio]{position:absolute;top:-1px;left:-1px;z-index:2;width:18px;height:18px;opacity:0;filter:alpha(opacity=0);cursor:pointer}
#contents100 .radioDummy.active{border:1px solid #222}
#contents100 .radioDummy.active:after{content:"";position:absolute;top:3px;left:3px;z-index:1;width:10px;height:10px;border-radius:100%;background:#222}
#contents100 .radioDummy.disabled:before{content:"";position:absolute;top:-1px;left:-1px;z-index:3;width:18px;height:18px;opacity:0.2;filter:alpha(opacity=20);border-radius:100%;background:#222}
#contents100 input[type=checkbox]{float:left;opacity:0;filter:alpha(opacity=0)}
#contents100 .checkboxDummy{position:relative;float:left;width:24px;height:24px;box-sizing:border-box;border:1px solid #d6d6d6;background:white}
#contents100 .checkboxDummy input[type=checkbox]{position:absolute;top:-1px;left:-1px;z-index:2;width:24px;height:24px;opacity:0;filter:alpha(opacity=0);cursor:pointer}
#contents100 .checkboxDummy.active:after{content:"";position:absolute;top:5px;left:4px;z-index:1;width:14px;height:11px;background:url(/ux/imgs/web/callcenter/checkbox1.png) 0 0 no-repeat}
#contents100 .checkboxDummy.disabled:before{content:"";position:absolute;top:-1px;left:-1px;z-index:3;width:24px;height:24px;opacity:0.2;filter:alpha(opacity=20);background:#222}
#contents100 .inputDummy+label{float:left;margin:0 0 0 10px;padding:1px 0;font-size:15px;color:#666;line-height:22px;font-weight:300;font-family:'Noto Sans KR'}
#contents100 select{float:left;opacity:0;filter:alpha(opacity=0)}
#contents100 .selectDummy{position:relative;float:left;width:100%;min-width:80px;height:40px;background:white}
#contents100 .selectDummy select{position:absolute;top:0;left:-9999px;z-index:-1}
#contents100 .selectDummy span{position:relative;z-index:2;float:left;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;width:100%;height:40px;padding:0 43px 0 14px;box-sizing:border-box;white-space:nowrap;text-align:left;font-size:15px;color:#666;font-weight:300;line-height:37px;cursor:pointer;border:1px solid #d6d6d6}
#contents100 .selectDummy span:before{content:"";position:absolute;top:0;right:0;z-index:1;width:43px;height:38px;background:white}
#contents100 .selectDummy span:after{content:"";position:absolute;top:15px;right:15px;z-index:2;width:13px;height:8px;opacity:0.69;filter:alpha(opacity=69);background:url(/ux/imgs/web/callcenter/select1.png) 0 0 no-repeat}
#contents100 .selectDummy ul{position:absolute;left:0;z-index:4;overflow-y:hidden;max-height:200px;clear:both;width:100%;height:0;box-sizing:border-box;border:1px solid #d6d6d6;background:white}
#contents100 .selectDummy ul li:after{content:"";display:block;clear:both}
#contents100 .selectDummy ul li span{height:30px;padding:0 14px;color:#a8a8a8;line-height:27px;border:none}
#contents100 .selectDummy ul li span:hover{color:#666}
#contents100 .selectDummy ul li span:before,
#contents100 .selectDummy ul li span:after{display:none}
#contents100 .selectDummy ul li.selected span{background-color:#f5f5f5; color:#222} /* 쿠폰선택박스 선택표시 추가 20191126 */
#contents100 .selectDummy.active span:after{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#contents100 .selectDummy.disabled:before{content:"";position:absolute;top:0;left:0;z-index:5;width:100%;height:100%}
#contents100 .selectDummy.disabled span{color:#a8a8a8 !important}
#contents100 .selectDummy.disabled span:after{opacity:0.2 !important;filter:alpha(opacity=20) !important}
#contents100 textarea{float:left;width:100%;padding:9px 14px 10px;box-sizing:border-box;font-size:15px;color:#666;font-weight:300;line-height:19px;resize:none;border:1px solid #d6d6d6;background:white}
#contents100 input[type=text]:disabled,
#contents100 input[type=password]:disabled,
#contents100 textarea:disabled{opacity:0.5;filter:alpha(opacity=50)}
::-webkit-input-placeholder{color:#a8a8a8}
::-webkit-textarea-placeholder{color:#a8a8a8}
#contents100 .wrap_buttons{clear:both;padding:40px 0 0;text-align:center}
#contents100 .wrap_buttons:after{content:"";display:block;clear:both}
#contents100 .wrap_buttons ul{display:inline-block;vertical-align:top}
#contents100 .wrap_buttons ul:after{content:"";display:block;clear:both}
#contents100 .wrap_buttons ul li{float:left;margin:0 5px}
#contents100 .wrap_buttons a,
#contents100 .wrap_buttons button{display:block;float:left;clear:both;width:180px;padding:18px 0 20px;box-sizing:border-box;text-align:center;font-size:17px;color:#222;line-height:20px;font-weight:400;border:1px solid #222;background:white}
#contents100 .wrap_buttons .fill{color:white;background:#222}

#contents100 table.form{clear:both;width:100%;border-bottom:1px solid #d6d6d6}
#contents100 table.form caption{overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
#contents100 table.form tbody th{padding:5px 0 6px;vertical-align:top;text-align:left;font-size:15px;color:#222;line-height:39px;font-weight:400}
#contents100 table.form tbody th.ghost{text-indent:-9999px}
#contents100 table.form tbody th.another1{padding:12px 0 13px}
#contents100 table.form tbody th .essential{display:inline-block;position:relative;overflow:hidden;width:10px;height:39px;vertical-align:top;text-indent:-9999px}
#contents100 table.form tbody th .essential:after{content:"*";position:absolute;top:3px;left:0;text-indent:0;color:#f96430}
#contents100 table.form tbody td{padding:5px 0 6px;vertical-align:top;text-align:left;font-size:15px;color:#666;line-height:39px;font-weight:300}
#contents100 table.form tbody td input[type=text],
#contents100 table.form tbody td input[type=password],
#contents100 table.form tbody td .selectDummy{margin-bottom:-1px}
#contents100 table.form tbody td .inputlist1{margin:0 -40px 0 0;padding:0 0 7px}
#contents100 table.form tbody td .inputlist1:after{content:"";display:block;clear:both}
#contents100 table.form tbody td .inputlist1 li{float:left;margin:8px 40px 0 0}
#contents100 table.form tbody td .inputlist1 li .inputDummy.active+label{color:#222;font-weight:400}
#contents100 table.form tbody td .inputlist2{clear:both;padding:5px 0 4px}
#contents100 table.form tbody td .inputlist2:after{content:"";display:block;clear:both}
#contents100 table.form tbody td .inputlist2 li{float:left;margin:10px 30px 10px 0}
#contents100 table.form tbody td .inputlist2 li .inputDummy+label{margin:0 0 0 8px}
#contents100 table.form tbody td .inputlistnote{clear:both;padding:2px 0 7px;font-size:13px;color:#f96430;line-height:17px;font-weight:300}
#contents100 table.form tbody td .warninglist{margin:0;padding:10px 0 7px}
#contents100 table.form tbody td .warninglist li{font-size:13px;color:#888;line-height:17px;font-weight:300}
#contents100 table.form tbody td .button1{float:left;height:40px;margin:0 0 -1px 5px;padding:0 0 2px;box-sizing:border-box;text-align:center;font-size:15px;color:#222;line-height:37px;border:1px solid #222;background:white}
#contents100 table.form tbody td .button2{float:left;height:40px;margin:0 5px -1px 0;padding:0 0 2px;box-sizing:border-box;text-align:center;font-size:15px;color:#222;line-height:37px;font-weight:400;border:1px solid #222;background:white}
#contents100 table.form tbody td .button2.fill{color:white;background:#222}
#contents100 table.form tbody td .hyphen1{position:relative;float:left;overflow:hidden;width:20px;height:39px;text-indent:-9999px}
#contents100 table.form tbody td .hyphen1:after{content:"";position:absolute;top:20px;left:50%;width:4px;height:1px;margin:0 0 0 -2px;background:#a8a8a8}
#contents100 table.form tbody td .hyphen2{position:relative;float:left;overflow:hidden;width:17px;height:39px;text-indent:-9999px}
#contents100 table.form tbody td .hyphen2:after{content:"";position:absolute;top:20px;left:50%;width:4px;height:1px;margin:0 0 0 -2px;background:#a8a8a8}
#contents100 table.form tbody td .at1{float:left;width:25px;height:39px;text-align:center;font-size:15px;color:#a8a8a8;line-height:39px;font-weight:300;font-family:'Noto Sans KR'}
#contents100 table.form tbody td .checklabel1{float:left;margin:0 0 -1px 20px;padding:8px 0 8px}
#contents100 table.form tbody td .checklabel2{float:left;margin:0 0 -1px 15px;padding:8px 0 8px}
#contents100 table.form tbody td .none1{float:left;margin:0 5px -1px;padding:8px 0 9px;text-align:center;font-size:15px;color:#a8a8a8;line-height:23px;background:#f5f5f5}
#contents100 table.form tbody td.dealercell{color:#f96430}
#contents100 table.form tbody td.demandcell input[type=text]{padding:0 43px 2px 14px}
#contents100 table.form tbody td.demandcell .demandlist{position:relative;z-index:10;clear:both;width:100%;height:0}
#contents100 table.form tbody td.demandcell .demandlist:before{content:"";position:absolute;top:-23px;right:16px;width:13px;height:8px;opacity:0.69;filter:alpha(opacity=69);background:url(/ux/imgs/web/callcenter/select1.png) 0 0 no-repeat}
#contents100 table.form tbody td.demandcell .demandlist:after{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:1px;background:#d6d6d6}
#contents100 table.form tbody td.demandcell .demandlist ul{position:absolute;top:0;left:0;z-index:1;overflow:hidden;width:100%;height:0;box-sizing:border-box;border:1px solid #d6d6d6;border-top:none;background:white}
#contents100 table.form tbody td.demandcell .demandlist ul li:after{content:"";display:block;clear:both}
#contents100 table.form tbody td.demandcell .demandlist ul li span{position:relative;float:left;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;max-width:100%;padding:5px 0;box-sizing:border-box;white-space:nowrap;font-size:15px;color:#a8a8a8;line-height:25px;font-weight:300;cursor:pointer;border-left:14px solid transparent;border-right:14px solid transparent}
#contents100 table.form tbody td.demandcell .demandlist ul li span:hover{color:#666}
#contents100 table.form tbody td.demandcell .demandlist ul li span:hover:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:#666}
#contents100 table.form tbody td.demandcell .demandlist ul li.recently span:before{content:"(최근) "}
#contents100 table.form tbody td.demandcell input[type=text]:focus+.demandlist:before{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#contents100 table.form tbody tr.first th,
#contents100 table.form tbody tr.first td,
#contents100 table.form tbody tr:first-child th,
#contents100 table.form tbody tr:first-child td{padding-top:30px}
#contents100 table.form tbody tr.last th,
#contents100 table.form tbody tr.last td,
#contents100 table.form tbody tr:last-child th,
#contents100 table.form tbody tr:last-child td{padding-bottom:31px}

#contents100 table.data{clear:both;width:100%;border-bottom:1px solid #d6d6d6}
#contents100 table.data caption{overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
#contents100 table.data tbody th{padding:5px 0 6px;vertical-align:top;text-align:left;font-size:15px;color:#222;line-height:29px;font-weight:400}
#contents100 table.data tbody td{padding:5px 0 6px;vertical-align:top;text-align:left;font-size:15px;color:#666;line-height:29px;font-weight:300}
#contents100 table.data tbody td .button1{display:inline-block;margin:0 0 -1px 10px;padding:2px 11px 3px;box-sizing:border-box;vertical-align:top;color:#666;line-height:23px;font-weight:300;border-radius:15px;border:1px solid #d6d6d6}
#contents100 table.data tbody td .button1:hover{border:1px solid #666}
#contents100 table.data tbody tr.first th,
#contents100 table.data tbody tr.first td,
#contents100 table.data tbody tr:first-child th,
#contents100 table.data tbody tr:first-child td{padding-top:21px}
#contents100 table.data tbody tr.last th,
#contents100 table.data tbody tr.last td,
#contents100 table.data tbody tr:last-child th,
#contents100 table.data tbody tr:last-child td{padding-bottom:23px}

#contents100 table.column{clear:both;width:100%;border-top:2px solid #222}
#contents100 table.column caption{overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
#contents100 table.column thead th{padding:12px 20px 13px;white-space:nowrap;text-align:center;font-size:15px;color:#222;line-height:25px;font-weight:400;border-bottom:1px solid #d6d6d6}
#contents100 table.column tbody td{padding:10px 20px 11px;vertical-align:middle;text-align:center;font-size:15px;color:#666;line-height:39px;font-weight:300;border-bottom:1px solid #d6d6d6}
#contents100 table.column thead tr.another th{padding:12px 5px 13px}
#contents100 table.column tbody tr.another td{padding:10px 5px 11px}
#contents100 table.column tbody td strong{color:#222;font-weight:400}
#contents100 table.column tbody td input[type=text],
#contents100 table.column tbody td input[type=password],
#contents100 table.column tbody td .selectDummy{margin:10px 0 9px}
#contents100 table.column tbody td .button1{float:left;width:100%;height:40px;margin:10px 0 9px;padding:0 0 2px;box-sizing:border-box;text-align:center;font-size:15px;color:white;line-height:37px;border:1px solid #222;background:#222}
#contents100 table.column tbody td .button2{display:block;width:70px;height:35px;margin:3px auto 1px;padding:0 0 2px;box-sizing:border-box;text-align:center;font-size:15px;color:#222;line-height:32px;border:1px solid #222;background:white}
#contents100 table.column tbody td .label1{display:inline-block;position:relative;top:-1px;padding:0 8px 2px;font-size:13px;color:white;line-height:23px;font-weight:300;border-radius:15px;background:#a8a8a8}
#contents100 table.column tbody td.none{color:#a8a8a8}
#contents100 table.column tbody tr.first th,
#contents100 table.column tbody tr.first td,
#contents100 table.column thead tr th:first-child,
#contents100 table.column tbody tr td:first-child{padding-left:20px}
#contents100 table.column tbody tr.last th,
#contents100 table.column tbody tr.last td,
#contents100 table.column thead tr th:last-child,
#contents100 table.column tbody tr td:last-child{padding-right:20px}

.fileBoxWrap{position:relative;padding:0 125px 0 0}
.fileBoxWrap:after{content:"";display:block;clear:both}
.fileBoxWrap .filelist{position:absolute;top:0;right:0;width:120px;height:40px}
.fileBoxWrap .filelist li{position:absolute;top:0;left:0;z-index:0;width:100%;height:40px}
.fileBoxWrap input[type=file]{width:0;height:0;opacity:0;filter:alpha(opacity=0)}
.fileBoxWrap label.filelabel{position:absolute;left:0;top:0;width:120px;height:40px;padding:5px 0 0;box-sizing:border-box;text-align:center;font-size:15px;color:#666;font-weight:300;border:1px solid #d6d6d6;background:white;display: flex;align-items: end;justify-content: center;}
.fileBoxWrap .summary{clear:both;padding:10px 0 0;font-size:13px;color:#a8a8a8;font-weight:300;}
.fileBoxWrap .namelist{clear:both;margin:0 -125px 0 0}
.fileBoxWrap .namelist:after{content:"";display:block;clear:both}
.fileBoxWrap .namelist li {position:relative;float:left;clear:both;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;max-width:100%;padding:2px 25px 0 0;box-sizing:border-box;white-space:nowrap;font-size:13px;font-weight:300;color:#666;}
.fileBoxWrap .namelist li:first-child{padding:6px 25px 0 0;}
.fileBoxWrap .namelist li:first-child button{top: 19px;}
.fileBoxWrap .namelist li button {position:absolute;top:4px;right:0;width:19px; height:19px; margin:0 0 0 6px; font-size:0; line-height:0; text-indent:-9999em; background:url(/ux/imgs/web/callcenter/ico_trash.png) no-repeat left top;}
.fileBoxWrap .photolist{clear:both;margin:0 -140px 0 0}
.fileBoxWrap .photolist li{display:inline-block;position:relative;margin:15px 15px 0 0;vertical-align:top}
.fileBoxWrap .photolist li img{display:block;width:78px;height:78px;border:1px solid #d6d6d6}
.fileBoxWrap .photolist li button{position:absolute;top:-6px;right:-6px;width:19px; height:19px;text-indent:-9999em;font-size:0;line-height:0;background:url(/ux/imgs/web/callcenter/ico_trash.png) no-repeat left top}
.fileBoxWrap label.delbutton{position:absolute;top:-6px;right:-6px;width:19px; height:19px;text-indent:-9999em;font-size:0;line-height:0;background:url(/ux/imgs/web/callcenter/ico_trash.png) no-repeat left top;}

/* 고객센터 - location  */
#callcenter .hd_root{position: absolute;left: 0;top: 20px;}
#callcenter .hd_root ul{display: flex;align-items: center;}
#callcenter .hd_root ul li{display: flex;align-items: center;}
#callcenter .hd_root ul li:after{margin:0 5px;display:block;content:'';width:12px;height:12px;background: url(/ux/imgs/web/global/input_arrow_black2@3x.png) center no-repeat; background-size: 12px;}
#callcenter .hd_root ul li:last-child:after{display:none}
#callcenter .hd_root ul li .home{text-indent:-99999em;display:block;width:13px;height:13px;background: url(/ux/imgs/web/display/icon_location_home@3x.png) center no-repeat; background-size: 13px;}
#callcenter .hd_root ul li a{display:block;font-size: 13px;font-weight: 500;color: #222; letter-spacing: -0.13px}

/* 고객센터 메인 */
#callcenter{position:relative;width: 1720px;margin: auto;}
#callcenter .wrap{padding-top: 80px; width: 1140px; margin: 0 auto;}
#callcenter .wrap .con{}
#callcenter .wrap .con.main{padding: 0;}
#callcenter .wrap .con h1{font-size: 36px;font-weight: 500;margin-bottom:60px;}
.sort01 {border-bottom: 1px solid #e5e5e5;width: 100%;box-sizing: border-box;background-color: #fff;}
.sort01 ul{ padding-right: 11px;display: flex;overflow-x: scroll; }
.sort01 ul li{ margin-right: 40px;}
.sort01 ul {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.sort01 ul::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.sort01 ul li {flex: 0 0 auto;}
.sort01 li button p {padding: 0 0 10px;font-size: 18px;font-weight: 500;letter-spacing: -0.16px;color: #aaaaaa;padding-bottom: 18px;}
.sort01 li.on button p {border-bottom: 3px solid #222222; color: #222222; font-weight: 600;}

#callcenter .wrap .search_wrap{margin: 60px 0;border: solid 2px #e5e5e5;padding: 20px 290px 30px;border-radius: 10px 10px 50px;}
#callcenter .wrap .search_wrap.return{display: none;}
#callcenter .wrap .search_return{padding-bottom:40px}
#callcenter .wrap .search_return .tit{font-size: 24px;font-weight: 600;display: block;}
#callcenter .wrap .search_return .tit .color{color: #38AFF5;}
#callcenter .wrap .search_wrap input ~ .btn_input{right: 64px;height: 70px;}
#callcenter .wrap .search_wrap .btn_input.show{/* opacity:1; *//* right:12px */}
#callcenter .wrap .search_wrap .btn_input.on{}
#callcenter .wrap .search_wrap .btn_input.on + .search_btn{}
#callcenter .wrap .con .search_wrap .faq_search{position: relative;}
#callcenter .wrap .con .search_wrap .faq_search input{width: 100%;height: 70px;border: none;border-bottom: 2px solid;font-size: 20px;font-weight: 500;}
#callcenter .wrap .con .search_wrap .faq_search .search_btn{position: absolute;right: 10px;top: 50%;width: 36px;height: 36px;font-size: 0;text-indent: -9999em;background: #ffffff url(/ux/imgs/web/callcenter/icon_search@3x.png) no-repeat center center;background-size: 36px;/* margin: 0 10px 0 5px; */z-index: 1;transform: translateY(-50%);}
#callcenter .wrap .con .search_wrap .faq_search .close_btn{/* position: absolute; *//* right: 47px; *//* top: 10px; */width:20px;height: 20px;font-size: 0;text-indent: -9999em;background: #ffffff url(/ux/imgs/callcenter/icon_input_del@3x.png) no-repeat center center;background-size: 20px;/* display: none; */}
#callcenter .wrap .search_return .tit .point{color: #38AFF5;}
#callcenter .wrap .search_return .tit .sm{font-size: 18px;font-weight: 500;margin-left: 5px;}

#callcenter .wrap .con .search_wrap .faq_search .search_a_list{display:none;position: absolute;background-color: #fff;left: 0;right: 0;border-radius: 0 0 5px 5px;padding: 20px 0 10px 0;z-index: 3;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);}
#callcenter .wrap .con .search_wrap .faq_search .search_a_list.active{display:block}
#callcenter .wrap .con .search_wrap .faq_search .search_a_list ul{}
#callcenter .wrap .con .search_wrap .faq_search .search_a_list ul li button{text-align:left;padding: 10px 20px;box-sizing: border-box;width: 100%;}
#callcenter .wrap .con .search_wrap .faq_search .search_a_list ul li:last-child button{/* padding:0 */}
#callcenter .wrap .con .search_wrap .faq_search .search_a_list ul li span{font-weight: 500;color: #aaaaaa;font-size: 16px;}
#callcenter .wrap .con .search_wrap .faq_search .search_a_list ul li .point{color: #222222;}

#callcenter .wrap .con .hashtag_wrap{padding-top: 20px;}
#callcenter .wrap .con .hashtag_wrap .hashtag_list{display: flex;flex-wrap: wrap;margin: 0 -2.5px}
#callcenter .wrap .con .hashtag_wrap .hashtag_list li{}
#callcenter .wrap .con .hashtag_wrap .hashtag_list li button{font-size: 12px;font-weight: 500;padding: 0 12px;border-radius: 60px;border: solid 1px #e5e5e5;height: 30px;box-sizing: border-box;display: flex;align-items: center;margin: 0px 2.5px 8px 2.5px;}

#callcenter .wrap .goods_qna{}
#callcenter .wrap .goods_qna .goods_qna_slide .tit_box{ padding-bottom: 30px;}
#callcenter .wrap .goods_qna .tit{font-size: 18px; font-weight: 600;}

#callcenter .wrap .goods_qna .goods_qna_list{position:relative;width: 1140px;}
#callcenter .wrap .goods_qna .flag{border-radius: 20px 20px 20px 5px;background-color: #222222;padding: 7px 16px 7px 15px;position: absolute;z-index: 2;top: -20px;left: 15px;display: flex;align-items: center;}
#callcenter .wrap .goods_qna .flag span{color: #ffffff;letter-spacing: -0.14px;font-weight: 500;}
#callcenter .wrap .goods_qna .flag .close_btn{margin-left: 5px;width: 20px;height: 20px;/*background: url(/ux/imgs/web/global/delete@3x.png) center no-repeat;*/background-size: 20px;text-indent: -99999px;margin-bottom: -17px;}

#callcenter .wrap .goods_qna .goods_qna_list .item_list{ margin: 0 -50px;}
#callcenter .wrap .goods_qna .goods_qna_list .qna_item_slide{ overflow-x: clip; overflow-y: hidden; width: 1140px;}
#callcenter .wrap .goods_qna .goods_qna_list .qna_item_slide .swiper-slide{width: 270px !important;}
#callcenter .wrap .goods_qna .goods_qna_list .item{display: flex;position: relative;width: 270px;height: 270px;overflow: hidden;border-radius: 10px;border: solid 1px #f5f5f5;box-sizing: border-box;}
#callcenter .wrap .goods_qna .goods_qna_list .item.on + .item_info{display:block}
#callcenter .wrap .goods_qna .goods_qna_list li{flex: 0 0 auto;padding: 0 5px;}
#callcenter .wrap .goods_qna .goods_qna_list input{width: 0;height: 0;visibility: hidden;}
#callcenter .wrap .goods_qna .goods_qna_list input + label{position:relative;display: block;width: 270px;height: 270px;}
#callcenter .wrap .goods_qna .goods_qna_list input + label img{display: block;}
#callcenter .wrap .goods_qna .goods_qna_list input:checked + label .icon_checkded{z-index: 1;position: absolute;top: 15px;left: 15px;width: 23px;height: 23px;background: url(/ux/imgs/web/member/checked_on@3x.png) center no-repeat;background-size: 23px;} 
#callcenter .wrap .goods_qna .goods_qna_list input + label .icon_checkded{position: absolute;top: 15px;left: 15px;width: 23px;height: 23px;background: url(/ux/imgs/web/member/checked_off@3x.png) center no-repeat;background-size: 23px;z-index: 1;} 
#callcenter .wrap .goods_qna .goods_qna_list .qna_item_slide_pagination{display: flex;justify-content: center;margin-top: 20px;}
#callcenter .wrap .goods_qna .goods_qna_list .qna_item_slide_pagination .swiper-pagination-bullet{margin-right: 10px;height: 8px;background-color: #e5e5e5;width: 8px;opacity: 1;}
#callcenter .wrap .goods_qna .goods_qna_list .qna_item_slide_pagination .swiper-pagination-bullet-active{height: 8px;background-color: #000;width: 8px;}

#callcenter .wrap .goods_qna .goods_qna_list .qna_item_slide_prev{cursor: pointer;position: absolute;left: -64px;z-index: 1;width: 44px;height: 44px;background: url(/ux/imgs/web/display/list_slider_prev@3x.png) center no-repeat;background-size: 44px;display: none;top: 110px;}
#callcenter .wrap .goods_qna .goods_qna_list .qna_item_slide_next{cursor: pointer;position: absolute;right: -64px;z-index: 1;width: 44px;height: 44px;background: url(/ux/imgs/web/display/list_slider_next@3x.png) center no-repeat;background-size: 44px;display: none;top: 110px;}
#callcenter .wrap .goods_qna .goods_qna_list:hover .qna_item_slide_prev:not(.swiper-button-disabled){display:block;}
#callcenter .wrap .goods_qna .goods_qna_list:hover .qna_item_slide_next:not(.swiper-button-disabled){display:block;}

#callcenter .wrap .goods_qna .goods_qna_list .item_info{position: absolute;top: 0;left: 0;width: 270px;height: 270px;padding: 15px 20px 20px 20px;box-sizing: border-box;background-color: rgba(0, 0, 0, 0.5);border-radius: 10px;border: 1px solid #00000005;display: flex;flex-direction: column;justify-content: space-between;display:none}
#callcenter .wrap .goods_qna .goods_qna_list input[type=checkbox]:checked + label + .item_info{display:block;}
#callcenter .wrap .goods_qna_list .item_info .state{ position: absolute; right: 20px; top: 15px; font-size: 18px; color: #fff; letter-spacing: -0.18px; font-weight: 600;}
#callcenter .wrap .goods_qna_list .item_info .con_wrap{display: flex;flex-direction: column;padding: 74px 0 0 0;}
#callcenter .wrap .goods_qna_list .item_info  span{color:#fff}
#callcenter .wrap .goods_qna_list .item_info .brand_nm{ font-weight: 500;}
#callcenter .wrap .goods_qna_list .item_info .item_nm{font-size: 17px;white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis; padding: 5px 0 10px 0;}
#callcenter .wrap .goods_qna_list .item_info .con_wrap div{display: flex; align-items: center;}
#callcenter .wrap .goods_qna_list .item_info .con_wrap div .option{letter-spacing: -0.14px;font-weight: 500;}
#callcenter .wrap .goods_qna_list .item_info .con_wrap div .price{padding-left: 10px;font-weight: 700;font-size: 16px;}
#callcenter .wrap .goods_qna_list .item_info .bottom_wrap{ display: flex; align-items: center;}
#callcenter .wrap .goods_qna_list .item_info .bottom_wrap .date{}
#callcenter .wrap .goods_qna_list .item_info .bottom_wrap .bar{ width: 1px;height: 10px;background-color: #fff; display: block; margin: 0 10px;}
#callcenter .wrap .goods_qna_list .item_info .bottom_wrap .oreder_num{}

#callcenter .wrap .goods_qna .btn{display: flex;justify-content: center;padding: 30px 0 0 0;}
#callcenter .wrap .goods_qna .goods_qnabtn.off{background-color: #00000050;}

#callcenter .wrap .goods_qna .myorder_info{padding: 25px 0;border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
#callcenter .wrap .goods_qna .myorder_info > div{padding: 0 20px}
#callcenter .wrap .goods_qna .myorder_info .tit_box a{font-size: 12px; font-weight: 500; display: flex;align-items: center;}
#callcenter .wrap .goods_qna .myorder_info .tit_box a:after { width: 12px; height: 12px;background-size: cover;}
#callcenter .wrap .goods_qna .myorder_info .myorder_con{padding-top: 20px;}
#callcenter .wrap .goods_qna .myorder_info .myorder_con .top_box{display: flex;align-items: center;}
#callcenter .wrap .goods_qna .myorder_info .myorder_con .top_box .date{font-size: 15px;font-weight: 600;}
#callcenter .wrap .goods_qna .myorder_info .myorder_con .top_box .bar{width:1px; height:13px;background-color: #dddddd;display: block;margin:0 10px}
#callcenter .wrap .goods_qna .myorder_info .myorder_con .top_box .order_no{font-size: 15px;font-weight: 500;color: #aaaaaa;}
#callcenter .wrap .goods_qna .myorder_info .myorder_con .state{font-size: 15px;font-weight: 600; padding: 15px 0 12px 0; display: block;}
#callcenter .wrap .goods_qna .myorder_info .myorder_con .item_info{display: flex; flex-direction: column;}
#callcenter .wrap .goods_qna .myorder_info .myorder_con .brand_nm{font-size: 12px;color: #aaaaaa;}
#callcenter .wrap .goods_qna .myorder_info .myorder_con .item_nm{ font-weight: 500;padding: 5px 0 10px 0;}
#callcenter .wrap .goods_qna .myorder_info .myorder_con .option_box{display: flex;align-items: center;}
#callcenter .wrap .goods_qna .myorder_info .myorder_con .option_box .option{ font-size: 12px;font-weight: 500;color: #aaaaaa;}
#callcenter .wrap .goods_qna .myorder_info .myorder_con .option_box .price{font-weight: 600;padding-left: 15px;}

#callcenter .wrap .goods_qna{}
#callcenter .wrap .goods_qna .btns{}
#callcenter .wrap .goods_qna .btns ul{margin-top: 30px;display: flex;justify-content: space-between;}
#callcenter .wrap .goods_qna .btns ul li{border-radius: 5px;display: flex;align-items: center;justify-content: space-between;padding: 0 30px 0 34px;box-sizing: border-box;height: 75px;width: calc(50% - 10px);}
#callcenter .wrap .goods_qna .btns ul li:last-child{margin-bottom:0}
#callcenter .wrap .goods_qna .btns ul li .tit{font-weight: 500;color: #fff;font-size: 18px;}
#callcenter .wrap .goods_qna .btns ul li a{display:block}
#callcenter .wrap .goods_qna .btns ul li a span{font-size: 16px;font-weight: 500;color: #fff;border-bottom: 1px solid;}
#callcenter .wrap .goods_qna .btns ul .qnabtn_wrap{background-color: #222222;}
#callcenter .wrap .goods_qna .btns ul .shopbtn_wrap{ background-color: #38AFF5;}

#callcenter .wrap .goods_qna .rel_faq{padding: 40px 0;}
#callcenter .wrap .goods_qna .rel_faq:not(.goods_rel_faq) .faq_tab ul li:nth-child(3){border-radius:0 10px 0 0;border-right:1px solid #e5e5e5}
#callcenter .wrap .goods_qna .rel_faq .faq_tab ul li:nth-child(4){border-top:0;border-left:0}
#callcenter .wrap .goods_qna .rel_faq .faq_tab ul li:nth-child(5){border-top:0;border-left:0}
#callcenter .wrap .goods_qna .rel_faq:not(.goods_rel_faq) .faq_tab ul li:last-child{border-top:0;border-left:0;border-right:0}
#callcenter .wrap .goods_qna .rel_faq .tit_box{padding-bottom:20px}

#callcenter .wrap .shopping_faq{}
#callcenter .wrap #empty_faq .tit_box{border-bottom:2px solid}
#callcenter .wrap .shopping_faq .tit_box{padding-bottom: 30px;}
#callcenter .wrap .tit_box{display: flex; align-items: center;justify-content: space-between;}
#callcenter .wrap .tit_box .tit{font-size: 24px;font-weight: 600;}
#callcenter .wrap .tit_box .tit .color{color:#38AFF5}
#callcenter .wrap .tit_box .subtit{font-size: 16px;font-weight: 500;color: #aaa;letter-spacing: -0.16px;margin-top: auto;}
#callcenter .wrap .tit_box a{display: flex;align-items: center;font-size: 16px;font-weight: 500;}
#callcenter .wrap .tit_box a:after {content: '';display: block;width: 20px;height: 20px;background: url(/ux/imgs/web/global/input_arrow_black2@3x.png) no-repeat center;background-size: 20px;margin-left: 3px;}
#callcenter .wrap .faq_tab{}
#callcenter .wrap .faq_tab ul{display: flex;}
#callcenter .wrap .faq_tab ul li{border-top: solid 1px #e5e5e5;border-left: solid 1px #e5e5e5;width: calc(100% / 6);border-bottom: 2px solid;}
#callcenter .wrap .faq_tab ul li:first-child{border-radius: 10px 0 0 0;}
#callcenter .wrap .faq_tab ul li:last-child{ border-radius: 0 10px 0 0; border-right: 1px solid #e5e5e5;}
#callcenter .wrap .faq_tab ul li button{height: 54px;width: 100%;}
#callcenter .wrap .faq_tab ul li.active{border: solid 2px #222;border-bottom: 0;}
#callcenter .wrap .faq_tab ul li button span{font-weight: 500;font-size: 16px;}
#callcenter .wrap .goods_rel_faq .faq_tab ul{border-bottom:2px solid #222;}
#callcenter .wrap .goods_rel_faq .faq_tab ul li{margin-bottom:-2px;}
#callcenter .wrap .goods_rel_faq .faq_tab ul li.active{border-bottom:2px solid #fff}
#callcenter .wrap .no_return{display: flex;flex-direction: column;align-items: center;height: 360px;justify-content: center;border-bottom: 1px solid #e5e5e5;}
#callcenter .wrap .no_return span{font-weight: 500;color: #aaaaaa;text-align: center;font-size: 20px;letter-spacing: -0.2px;}
#callcenter .wrap .no_return span .color{color: #222;}

#callcenter .wrap #faqList.border{border-top: 2px solid}
#callcenter .wrap #faqList.on{border-top: 0}
#callcenter .wrap #faqList dl{border-bottom: 1px solid #e5e5e5;padding: 33px 0;}
#callcenter .wrap #faqList dl dt{}
#callcenter .wrap #faqList dl .faq_q{display: flex;justify-content: space-between;}
#callcenter .wrap #faqList dl .faq_q .top_wrap{display: flex;align-items: center;cursor: context-menu;}
#callcenter .wrap #faqList dl .faq_q .top_wrap .tit_cate{font-size: 16px;font-weight: 500;color: #aaaaaa;width: 145px;justify-content: center;display: flex;}
#callcenter .wrap #faqList dl .faq_q .top_wrap + button{text-indent:-9999px;width: 30px;height: 30px;background: url(/ux/imgs/web/global/input_arrow_down_black2@3x.png) no-repeat center;background-size: 30px;}
#callcenter .wrap #faqList dl .faq_q.active .top_wrap + button{transform: rotate(180deg);}

#callcenter .wrap #faqList dl .faq_q  .q_tit{font-size: 18px;font-weight: 500;position:relative;}
#callcenter .wrap #faqList dl.new .faq_q .q_tit:after{content:'';display:block;position: absolute;right: -10px;top: 7px;width: 5px;height: 5px;border-radius: 50%;background: #38aff5;text-indent: -9999px;overflow: hidden;}
#callcenter .wrap #faqList dl .faq_q .q_tit .color{color: #38AFF5;}

#callcenter .wrap #faqList dl .faq_a{display:none}
#callcenter .wrap #faqList dl .faq_a > div{border-radius: 5px;background-color: #f8f8f8;margin: 30px 0 0 0;padding: 30px 26px 30px 30px;}
/* #callcenter .wrap #faqList dl .faq_a > div > span{font-weight: 500;font-size: 16px;letter-spacing: -0.16px;line-height: 1.7;} */

#callcenter .wrap #goods_faqList.border{border-top: 2px solid}
#callcenter .wrap #goods_faqList.on{border-top: 0}
#callcenter .wrap #goods_faqList dl{border-bottom: 1px solid #e5e5e5;padding: 33px 0;}
#callcenter .wrap #goods_faqList dl dt{}
#callcenter .wrap #goods_faqList dl .faq_q{display: flex;justify-content: space-between;}
#callcenter .wrap #goods_faqList dl .faq_q .top_wrap{display: flex;align-items: center;cursor: context-menu;}
#callcenter .wrap #goods_faqList dl .faq_q .top_wrap .tit_cate{font-size: 16px;font-weight: 500;color: #aaaaaa;width: 145px;justify-content: center;display: flex;}
#callcenter .wrap #goods_faqList dl .faq_q .top_wrap + button{text-indent:-9999px;width: 30px;height: 30px;background: url(/ux/imgs/web/global/input_arrow_down_black2@3x.png) no-repeat center;background-size: 30px;}
#callcenter .wrap #goods_faqList dl .faq_q.active .top_wrap + button{transform: rotate(180deg);}

#callcenter .wrap #goods_faqList dl .faq_q  .q_tit{font-size: 18px;font-weight: 500;position:relative;}
#callcenter .wrap #goods_faqList dl.new .faq_q .q_tit:after{content:'';display:block;position: absolute;right: -10px;top: 7px;width: 5px;height: 5px;border-radius: 50%;background: #38aff5;text-indent: -9999px;overflow: hidden;}
#callcenter .wrap #goods_faqList dl .faq_q .q_tit .color{color: #38AFF5;}

#callcenter .wrap #goods_faqList dl .faq_a{display:none}
#callcenter .wrap #goods_faqList dl .faq_a div{border-radius: 5px;background-color: #f8f8f8;margin: 30px 0 0 0;padding: 30px 26px 30px 30px;}
#callcenter .wrap #goods_faqList dl .faq_a div span{font-weight: 500;font-size: 16px;letter-spacing: -0.16px;line-height: 1.7;}

#callcenter .wrap .con.notice{padding-top: 60px;}
#callcenter .wrap .con.notice .tit_box{padding-bottom: 30px;border-bottom: 2px solid;}
#callcenter .wrap .con.notice .noticelist li{padding: 30px 0;border-bottom: 1px solid #e5e5e5;}
#callcenter .wrap .con.notice .noticelist li a{ display: flex; justify-content: space-between; padding-right: 20px;}
#callcenter .wrap .con.notice .noticelist li a > div{display: flex;justify-content: space-between;width: 100%;}
#callcenter .wrap .notice .noticelist li a > div .category{font-size:0;display: none;}
#callcenter .wrap .con.notice .noticelist .tit{position:relative}
#callcenter .wrap .con.notice .noticelist .tit .color{color: #38AFF5;}

#callcenter .wrap .con.notice .noticelist li.new .tit:after{content:''; display:block;position: absolute; right: -6px; top:4px;width: 3px; height: 3px;border-radius: 50%; background: #38aff5; text-indent: -9999px; overflow: hidden;}
 
#callcenter .wrap .notice .noticelist li.notice a > div .tit:before{content:'공지';border: solid 1px #222222;border-radius: 24px;font-weight: 500;width: 64px;height: 27px;display: flex;justify-content: center;align-items: center;margin: 0 50px 0 30px;font-size: 14px;}
#callcenter .wrap .notice .noticelist li.event a > div .tit:before{content:'이벤트';border: solid 1px #222222;border-radius: 24px;font-weight: 500;width: 64px;height: 27px;letter-spacing: -0.14px;display: flex;justify-content: center;align-items: center;margin: 0 50px 0 30px;font-size: 14px;}
#callcenter .wrap .notice .noticelist li a > div .tit{font-size: 18px;font-weight: 500;letter-spacing: -0.15px;position:relative;display: flex;align-items: center;}
#callcenter .wrap .notice .noticelist li a .date{font-size: 18px;font-weight: 500;color: #aaaaaa;letter-spacing: -0.18px;}

#callcenter .wrap #empty_notice{padding-top:60px}

#callcenter .wrap .service_info{padding: 60px 0 50px 0;margin-bottom: 0;}
#callcenter .wrap .service_info ul{display: flex;justify-content: space-between;padding-top: 30px;}
#callcenter .wrap .service_info ul li{width: 270px;box-sizing: border-box;height: 75px; border-radius: 10px;border: solid 2px #e5e5e5; /* display: flex;align-items: center;justify-content: center; */}
#callcenter .wrap .service_info ul li:hover{background-color: #38AFF5;border: solid 2px #38AFF5;  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);}
#callcenter .wrap .service_info ul li a{display:block;font-weight: 500;font-size: 18px;border-radius: 10px;letter-spacing: -0.18px; text-align: center; line-height:70px;}
#callcenter .wrap .service_info ul li:hover a{color:#fff}

#callcenter .wrap .paging_wrap{padding-top:40px}

#callcenter .wrap .banner img{ display: block;}
#callcenter .wrap .no_return_box{padding:60px 0 90px 0; margin-bottom:0}

#wrap{position:relative}
.callcenter_layer_bg{display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;/* z-index: 2; */}
.callcenter_layer_bg.on{display:block;background-color: #22222260;z-index: 10;}

/* 고객센터 - 공지사항 메인*/
#callcenter.notice .wrap .faq_tab ul li.on{border: solid 2px #222 !important; border-bottom: 0 !important;}
#callcenter.notice .wrap .faq_tab ul li:nth-child(3){border-radius: 0 10px 0 0;border-right: 1px solid #e5e5e5;}
#callcenter.notice .wrap .faq_tab ul li:nth-child(4){border-top: 0;border-left: 0;}
#callcenter.notice .wrap .faq_tab ul li:nth-child(5){ border-top: 0; border-left: 0;}
#callcenter.notice .wrap .faq_tab ul li:last-child{ border-top: 0; border-right: 0; border-left: 0;}
#callcenter.notice .wrap .faq_tab ul li button{}
#callcenter.notice .wrap .faq_tab ul li p{ font-size: 16px; font-weight: 500;}
#callcenter.notice .wrap .faq_tab ul li .color{ color: #38AFF5; font-weight: 600;}

/* 고객센터 상세 - 공지사항 상세*/
.notice_detail{ padding-bottom: 50px;}
.notice_detail .wrap .con{}
.notice_detail .wrap .con .tit_box{padding: 30px 20px;border-bottom: 1px solid #e5e5e5;border-top: 2px solid;}
#callcenter.notice_detail .wrap .con .tit_box .tit{ font-size: 18px;font-weight: 500;font-weight: 500;}
.notice_detail .wrap .con .tit_box .date{font-size: 18px; font-weight: 500; color: #aaa;}
.notice_detail .wrap .con .category{border: solid 1px #222222;display: flex;border-radius: 24px;font-weight: 500;box-sizing: border-box;width: 64px;height: 27px;align-items: center;justify-content: center;margin-right: 22px;}
.notice_detail .wrap .con .tit{font-size: 15px; font-weight: 500;letter-spacing: -0.15px;position:relative}
.notice_detail .wrap .con .tit.new:after{position: absolute; right: -6px; top:4px; display: inline-block; width: 3px; height: 3px;border-radius: 50%; background: #38aff5; text-indent: -9999px; overflow: hidden;}

.notice_detail .wrap .con .con_box{padding: 40px;border-bottom: 1px solid #e5e5e5;}
.notice_detail .wrap .con .con_box > img{display:block}
.notice_detail .wrap .con .con_box .txt{}
.notice_detail .wrap .con .con_box .txt span{line-height: 1.6;letter-spacing: -0.14px;}

.notice_detail .wrap .con .contentnavi ul{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.notice_detail .wrap .con .contentnavi ul li{display: flex;align-items: center;overflow: hidden;border-bottom: 1px solid #e5e5e5;padding: 30px 20px;}
.notice_detail .wrap .con .contentnavi ul li:last-child{border-bottom: 0;}
.notice_detail .wrap .con .contentnavi ul li .btn_wrap{display: flex;align-items: center;}
.notice_detail .wrap .con .contentnavi ul li .btn_wrap button{flex: 0 0 auto;text-indent: -9999px;width: 30px;height: 30px;background: url(/ux/imgs/web/global/input_arrow_down_black2@3x.png) no-repeat center;background-size: 30px;}
.notice_detail .wrap .con .contentnavi ul li .btn_wrap .prev{transform: rotate(180deg);}
.notice_detail .wrap .con .contentnavi ul li .btn_wrap .next{}
.notice_detail .wrap .con .contentnavi ul li .btn_wrap span{flex: 0 0 auto;font-size: 16px;font-weight: 500;color: #aaaaaa;letter-spacing: -0.13px;margin: 0 67px 0 15px;}
.notice_detail .wrap .con .contentnavi ul li .btn_wrap .no_post{font-size: 15px; font-weight: 500;letter-spacing: -0.15px;color: #aaaaaa;}
.notice_detail .wrap .con .contentnavi ul li a{display: flex;align-items: center;width: 100%;justify-content: space-between;}
.notice_detail .wrap .con .contentnavi ul li a div{display: flex;}
.notice_detail .wrap .con .contentnavi ul li a div .tit{text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;font-size: 18px;font-weight: 500;letter-spacing: -0.18px;}
.notice_detail .wrap .con .contentnavi ul li a .date{ font-size: 18px; font-weight: 500; color: #aaa; letter-spacing: -0.18px;}

.notice_detail .wrap .bottom_btn{display: flex;align-items: center;justify-content: center;padding: 40px 0 60px 0;}
.notice_detail .wrap .bottom_btn .btn_small1{ width: 140px; height: 44px;border: solid 1px #e5e5e5;}
.notice_detail .wrap .bottom_btn .btn_small1 p{font-weight: 600;}

/* 고객센터 상세 - 배송/반품/교환안내 상세*/
#callcenter.delivery_guide{ padding-bottom: 50px;}
#callcenter.delivery_guide .con{margin-bottom: 0; box-shadow: none}
#callcenter.tab .tab_menu{padding: 60px 0;}
#callcenter.tab .tab_menu .tab_small{overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none;}
#callcenter.tab .tab_menu .tab_small::-webkit-scrollbar {display: none;}
#callcenter.tab .tab_menu .tab_small li{flex: 0 0 auto;}
#callcenter.tab .tab_menu .tab_small li button{padding: 10px 20px;height: 40px;}
#callcenter.tab .tab_menu .tab_small li span{font-weight: 500;font-size: 14px;}
#callcenter.delivery_guide .con_txt > .tit{font-size: 24px;font-weight: 600;margin-bottom: 30px;display: block;}
#callcenter.delivery_guide .con_txt .notice li{padding-bottom: 20px;position: relative;padding-left: 9px;}
#callcenter.delivery_guide .con_txt .notice li:before {position: absolute;left: 0;top: 8px;content: '';width: 3px;height: 3px;background-color: #707070;border-radius: 50%;display: block;}
#callcenter.delivery_guide .con_txt .notice li:last-child{padding-bottom:0}
#callcenter.delivery_guide .con_txt .notice li span{font-size: 16px;font-weight: 500;color: #707070;position: relative;word-break: keep-all;}

#callcenter.delivery_guide .con_txt .brand{border-top: 2px solid;border-bottom: 1px solid #e3e3e3;display: flex;align-items: center;height: 86px;margin-top: 20px;}
#callcenter.delivery_guide .con_txt .brand .tit{font-size: 16px;font-weight: 600;width: 260px;display: flex;justify-content: center;margin-right: 20px;}
#callcenter.delivery_guide .con_txt .brand .txt{font-weight: 500;letter-spacing: -0.16px;color: #707070;font-size: 16px;}
#callcenter.delivery_guide .con_txt .brand + .notice{ padding: 20px 0 0 0;}
#callcenter.delivery_guide .con_txt .delivery_fee{border-radius: 5px;background-color: #f5f5f5;height: 84px;display: flex;align-items: center;margin-top: 20px;}
#callcenter.delivery_guide .con_txt .delivery_fee .tit{font-weight: 500;font-size: 16px;width: 260px;display: flex;justify-content: center;margin-right: 20px;}
#callcenter.delivery_guide .con_txt .delivery_fee .txt{font-weight: 500;color: #707070;letter-spacing: -0.16px;font-size: 16px;}
#callcenter.delivery_guide .order_info_box {padding-bottom: 30px;}
#callcenter.delivery_guide .order_info_box .step_info{padding-top: 40px;}
#callcenter.delivery_guide .step_info > .tit{font-size: 24px;font-weight: 600;padding-bottom: 30px;border-bottom: 2px solid;display: block;}
#callcenter.delivery_guide .step_info .step_list{padding-top: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;border-bottom: 1px solid #e5e5e5;}
#callcenter.delivery_guide .step_info .step_list li{display: flex;align-items: center;width: calc(50% - 35px);padding-bottom: 30px;}
#callcenter.delivery_guide .step_info .step_list li:last-child{margin-bottom:0;}
#callcenter.delivery_guide .step_info .step_list li .img_wrap{width: 100px;height: 100px;flex: 0 0 auto;background-color: #f5f5f5;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
#callcenter.delivery_guide .step_info .step_list li img{display: block;}
#callcenter.delivery_guide .step_info .step_list li .txt_box{display: flex;flex-direction: column;margin-left: 30px;}
#callcenter.delivery_guide .step_info .step_list li .txt_box .tit{font-size: 18px;font-weight: 600;padding-bottom: 10px;}
#callcenter.delivery_guide .step_info .step_list li .txt_box .tit > span{font-weight:700}
#callcenter.delivery_guide .step_info .step_list li .txt_box .txt{word-break: keep-all;font-weight: 500;letter-spacing: -0.16px;color: #aaaaaa;font-size: 16px;}
#callcenter.delivery_guide .step_info .step_list + .notice{padding: 20px 0 0 0;}

#callcenter.delivery_guide .step_info .step_list + .notice li:before{background-color: #f25758;}
#callcenter.delivery_guide .step_info .step_list + .notice li > span{color: #f25758;/* font-weight: 600; */}
#callcenter.delivery_guide .step_info .step_list + .notice li > span > span{color: #f25758;font-weight: 600;}
#callcenter.delivery_guide .cancel_info_box .step_list{border: 0;}
#callcenter.delivery_guide .cancel_info_box > .notice{padding-bottom: 30px;}
#callcenter.delivery_guide .cancel_info_box .return_fee{padding: 20px 0 10px 0;border-top: 1px solid;border-bottom: 1px solid #e3e3e3;}
#callcenter.delivery_guide.tab .cancel_info_box .return_fee{border-top: 1px solid #e5e5e5;display: flex;align-items: center;padding: 30px 0;}
#callcenter.delivery_guide .cancel_info_box .return_fee .tit{font-size: 16px;font-weight: 600;width: 270px;margin-right: 20px;display: flex;justify-content: center;}

#callcenter.delivery_guide .cancel_info_box .info_list li{padding-bottom: 10px;position: relative;padding-left: 9px;display: flex;}
#callcenter.delivery_guide .cancel_info_box .info_list li:before { position: absolute; left: 0;top: 8px;content: ''; width: 3px; height: 3px;background-color: #222; border-radius: 50%;}
#callcenter.delivery_guide .cancel_info_box .info_list li:last-child{padding-bottom:0}
#callcenter.delivery_guide .cancel_info_box .info_list li span{font-size: 16px;font-weight: 500;position: relative;}
#callcenter.delivery_guide .cancel_info_box .info_list li .txt2{ color: #707070;letter-spacing: -0.14px;word-break: keep-all;}

#callcenter.delivery_guide .cancel_info_box .return_address{display: flex;align-items: center; padding: 30px 0;}
#callcenter.delivery_guide .cancel_info_box .return_address .tit{font-size: 16px;font-weight: 600;width: 270px;margin-right: 20px;display: flex;justify-content: center;}

#callcenter.delivery_guide .cancel_info_box .info_list li span{display: flex;align-items: center;margin-right: 10px;}
#callcenter.delivery_guide .cancel_info_box .info_list li .first:after{content:'1'; width: 12px;height: 12px; border-radius: 50%; border: 1px solid #222;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;display: flex; align-items: center;justify-content: center;font-size: 10px; margin-left: 3px;}
#callcenter.delivery_guide .cancel_info_box .info_list li .second:after{content:'2'; width: 12px;height: 12px; border-radius: 50%; border: 1px solid #222;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;display: flex; align-items: center;justify-content: center;font-size: 10px; margin-left: 3px;}

#callcenter.delivery_guide .cancel_info_box .unavailable{padding: 30px 0;border-bottom: 1px solid #e3e3e3;border-top: 1px solid #e3e3e3;display: flex;align-items: center;}
#callcenter.delivery_guide .cancel_info_box .unavailable .tit{font-size: 16px;font-weight: 600;width: 270px;margin-right: 20px;display: flex;justify-content: center;}


/* 고객센터 상세 - 멤버십/포인트 안내 */
#callcenter.benefit_guide{ padding-bottom: 50px;}
#callcenter.benefit_guide .con_txt > .tit{font-size: 24px;padding-bottom: 30px;font-weight: 600;display: block;}
#callcenter.benefit_guide .con_txt .info_list{border-top: 2px solid #222;}
#callcenter.benefit_guide .con_txt .info_list > ul > li{font-size: 16px;font-weight: 600;padding: 30px 20px 30px 0;display: flex;border-bottom: 1px solid #e3e3e3;}
#callcenter.benefit_guide .con_txt .info_list ul li .subtit{width: 270px;margin-right: 20px;display: flex;align-items: center;justify-content: center;flex: 0 0 auto;}
#callcenter.benefit_guide .con_txt .info_list ul li .notice li{padding-bottom: 10px;position: relative; padding-left: 9px;}
#callcenter.benefit_guide .con_txt .info_list ul li .notice li:last-child{padding-bottom:0}
#callcenter.benefit_guide .con_txt .info_list ul li .notice li:before {position: absolute;left: 0;top: 12px;content: '';width: 4px;height: 4px;background-color: #707070;border-radius: 50%;}
#callcenter.benefit_guide .con_txt .info_list ul li .notice li span{font-size: 16px;font-weight: 500;color: #707070;position: relative;word-break: keep-all;letter-spacing: -0.16px;}
#callcenter.benefit_guide .con_txt .info_list ul li .notice li.note:before{background-color: #222; top: 22px;}
#callcenter.benefit_guide .con_txt .info_list ul li .notice li.note > span{padding: 10px 0;display: block;color: #222;}
#callcenter.benefit_guide .con_txt .info_list ul li .notice li.note li{}
#callcenter.benefit_guide .con_txt .info_list ul li .notice li.note li:before{width: 5px;height: 1px;border-radius: 0;}
#callcenter.benefit_guide.as_guide .con_txt .info_list ul li .notice li.note li:before{width: 0;height: 1px;border-radius: 0;}

#callcenter.benefit_guide .con_txt .note_box{margin-top: 30px;padding: 20px 0;border-radius: 5px;background-color: #f5f5f5;display: flex;align-items: center;}
#callcenter.benefit_guide .con_txt .note_box .tit{font-size: 16px;font-weight: 600;width: 270px;margin-right: 20px;display: flex;justify-content: center;}
#callcenter.benefit_guide .con_txt .note_box .notice li{padding-bottom: 10px;position: relative; padding-left: 9px;}
#callcenter.benefit_guide .con_txt .note_box .notice li:before {position: absolute;left: 0;top: 12px;content: '';width: 4px;height: 4px;background-color: #707070;border-radius: 50%;}
#callcenter.benefit_guide .con_txt .note_box .notice li:last-child{padding-bottom:0}
#callcenter.benefit_guide .con_txt .note_box .notice li span{font-size: 16px;font-weight: 500;color: #707070;position: relative;word-break: keep-all;letter-spacing: -0.14px;}

#callcenter.benefit_guide .point_use .info_list ul li{display: flex;padding: 30px 20px 30px;}
#callcenter.benefit_guide .point_use .info_list ul li .txt{font-size: 16px;color: #707070;letter-spacing: -0.14px;font-weight: 500;word-break: keep-all;}

#callcenter.benefit_guide .point_notice .info_list ul li{display: flex;padding: 30px 20px 30px 0;}
#callcenter.benefit_guide .point_notice .info_list ul li .txt{font-size: 16px;color: #707070;letter-spacing: -0.16px;font-weight: 500;word-break: keep-all;}
#callcenter.benefit_guide .point_notice .info_list .list{padding-right: 20px;}
#callcenter.benefit_guide .point_notice .info_list .list li{padding: 0 0 10px 9px;position: relative;}
#callcenter.benefit_guide .point_notice .info_list .list li:last-child{padding-bottom:0}
#callcenter.benefit_guide .point_notice .info_list .list li:before {position: absolute;left: 0;top: 10px;content: '';width: 4px;height: 4px;background-color: #707070;border-radius: 50%;}
#callcenter.benefit_guide .point_notice .info_list .list li span{font-size: 16px;font-weight: 500;color: #707070;position: relative;word-break: keep-all;letter-spacing: -0.14px;}

/* 고객센터 상세 - 품절보상제도 */
#callcenter.reward_guide{ padding-bottom: 50px;}
#callcenter.reward_guide .con_txt > .tit{font-size: 20px;font-weight: 600;padding-bottom: 30px;display: block;}
#callcenter.reward_guide .reward .info_list ul{ padding-bottom: 20px;}
#callcenter.reward_guide .reward .con_box{ border-top: 2px solid; display: flex; align-items: center; border-bottom: 1px solid #e3e3e3; padding: 30px 20px 30px 0;}
#callcenter.reward_guide .reward .con_box > div{width:280px;display: flex;justify-content: center;}
#callcenter.reward_guide .reward .con_box img{width: 120px;display: block;}

#callcenter.reward_guide .info_list li{padding-bottom: 20px;position: relative;padding-left: 9px;}
#callcenter.reward_guide .info_list li:last-child{padding-bottom:0}
#callcenter.reward_guide .info_list li:before { position: absolute; left: 0;top: 10px;content: ''; width: 3px; height: 3px;background-color: #707070; border-radius: 50%;}
#callcenter.reward_guide .info_list li span{font-size: 16px;font-weight: 500;color: #707070;position: relative;word-break: keep-all;letter-spacing: -0.14px;}

#callcenter.reward_guide .reward .con_box .info_list li{display: flex;}
#callcenter.reward_guide .reward .con_box .info_list li:last-child{padding-bottom:0}
#callcenter.reward_guide .reward .con_box .info_list li:before {background-color: #222;}
#callcenter.reward_guide .reward .con_box .info_list li .txt1{color: #222222;padding-right: 10px;}

/* 고객센터 상세 - 제휴문의 */
#callcenter.cooperation{}
#callcenter.cooperation .wrap{}
#callcenter.cooperation .wrap .con{background-color:none;margin-bottom: 0;box-shadow: none;}
#callcenter.cooperation .wrap .con.main{padding-top: 10px;}
#callcenter.cooperation .wrap .con .main_tit{font-size: 20px; font-weight:600}
#callcenter.cooperation .wrap .con .select_box{width:435px}

#callcenter.cooperation .wrap .con.main > div{padding-top: 20px;display: flex;align-items: center;}
#callcenter.cooperation .wrap .con.main > div .tit{font-size: 16px;font-weight: 600;}
#callcenter.cooperation .wrap .con.main .tit_wrap{width: 240px;}
#callcenter.cooperation .wrap .con.main .tit_wrap .tit{position: relative;}


#callcenter.cooperation .wrap type .valid_box{ width: 435px;}
#callcenter.cooperation .wrap .input_text_wrap{}
#callcenter.cooperation .wrap .input_text_wrap input{ width: 435px;}

#callcenter.cooperation .wrap .con .type .box.black button{color:#222;font-size:15px;font-weight:600}
#callcenter.cooperation .wrap .con .essential{position: relative;}
/* #callcenter.cooperation .wrap .con .essential:after{content:'';position: absolute; right: -6px;top: 6px; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #b7a286; text-indent: -9999px;overflow: hidden;} */
#callcenter.cooperation .wrap .con .select_type{position: relative;height: 40px;font-weight: 500;border-bottom: 1px solid #e5e5e5;display: flex;align-items: center;color: #aaa;width: 435px;font-size: 16px;padding: 0;}
#callcenter.cooperation .wrap .con .select_type:after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: block;width: 24px;height: 24px;content: '';background: url(/ux/imgs/web/global/input_arrow_down_black2@3x.png) center no-repeat;background-size: 24px;}
#callcenter.cooperation .wrap .con .valid_box.error .select_type{border-bottom: 1px solid #f25758;}

#callcenter.cooperation .wrap .con .errortxt{display:none;font-weight: 500;color: #f25758;letter-spacing: -0.12px;padding-top: 10px;font-size: 14px;}
#callcenter.cooperation .valid_box.error .errortxt{display:block}
#callcenter.cooperation .valid_box.error .input_text_wrap{border-bottom: 1px solid #f25758;}
#callcenter.cooperation .wrap .con.main .title{ padding-top: 30px;}
#callcenter.cooperation .wrap .con.main .title .input_text_wrap{width: 900px;}
#callcenter.cooperation .wrap .con.main .title .input_text{ width: 100%;}

#callcenter.cooperation .wrap .email{}
#callcenter.cooperation .wrap .email .input_email_wrap{width:435px}

#callcenter.cooperation .phone_num .input_wrap{display: flex;justify-content: space-between;width: 435px;}
#callcenter.cooperation .phone_num .selectCellList {position: relative; width:135px; height: 40px; background-color: transparent; color: #222222; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; box-shadow: none; border-radius: 0; webkit-border-radius: 0; -webkit-appearance: none;}
#callcenter.cooperation .phone_num .selectCellList .select_box{width:135px}
#callcenter.cooperation .phone_num .selectCellList input {width: 100%; height: 40px; border: none; border-bottom: 1px solid #e5e5e5; color: #222222; font-weight: 500; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
#callcenter.cooperation .phone_num .selectCellList input::placeholder {color: #222222; font-weight: 500;}
#callcenter.cooperation .phone_num .input_text_wrap {width: calc(33.3% - 10px);}
#callcenter.cooperation .phone_num .input_text_wrap .input_text {font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 500;width: 135px;}
#callcenter.cooperation .phone_num .input_text_wrap .input_text::placeholder {font-weight: 500;}

#callcenter.cooperation .wrap .con.main .con_box{ align-items: flex-start;}
#callcenter.cooperation .wrap .con .con_box .tit_wrap{display: flex;}
#callcenter.cooperation .wrap .con .con_box .comment_box{position:relative;border-radius: 5px;background-color: #f5f5f5;box-sizing: border-box;width: 900px;}
#callcenter.cooperation .wrap .con .con_box .comment_box p{text-align: right;padding: 20px;box-sizing: border-box;line-height: 1;position: absolute;right: 0;bottom: 0;}
#callcenter.cooperation .wrap .con .con_box .comment_box p .color{color:#aaa;}
#callcenter.cooperation .wrap .con .con_box .comment_box textarea{width:100%;height: 240px;padding: 20px;box-sizing: border-box;font-size: 16px;}

#callcenter.cooperation .wrap .con .file_add_wrap .file_add .add_btn{width: 77px; height: 77px; border-radius: 5px;}
#callcenter.cooperation .wrap .con .file_add_wrap .file_con{}

#callcenter.cooperation .wrap .con .notice{padding:10px 0 0 0}
#callcenter.cooperation .wrap .con .notice li{padding-bottom: 10px;position: relative; padding-left: 9px;}
#callcenter.cooperation .wrap .con .notice li:last-child{padding-bottom:0}
#callcenter.cooperation .wrap .con .notice li:before { position: absolute; left: 0;top: 8px;content: ''; width: 3px; height: 3px;background-color: #707070; border-radius: 50%;}
#callcenter.cooperation .wrap .con .notice li span{color: #707070;position: relative;font-weight: 500;}

#callcenter.cooperation .con.privacy_pol_wrap{margin: 30px 0 50px 0;    border-top: 1px solid #e5e5e5;}
#callcenter.cooperation .con.privacy_pol_wrap .privacy_agree{ padding: 30px 0; display: flex;}
#callcenter.cooperation .con.privacy_pol_wrap .privacy_agree .tit_wrap{ width: 240px;}
#callcenter.cooperation .con.privacy_pol_wrap .privacy_agree .tit{ font-size: 16px; font-weight: 600;}
#callcenter.cooperation .con.privacy_pol_wrap .privacy_agree .privacy{}
#callcenter.cooperation .con.privacy_pol_wrap .privacy_agree .privacy input{display: none;}
#callcenter.cooperation .con.privacy_pol_wrap .privacy_agree .privacy input + label{display: flex;align-items: center;font-weight: 500;letter-spacing: -0.14px;cursor: pointer;}
#callcenter.cooperation .con.privacy_pol_wrap .privacy_agree .privacy label .icon_checkded{flex:0 0 auto;background: url(/ux/imgs/web/display/check_box_off@3x.png) center no-repeat;background-size: 23px;width: 23px;height: 23px;margin-right: 10px;}
#callcenter.cooperation .con.privacy_pol_wrap .privacy_agree .privacy input + label.agree{font-size: 16px;}
#callcenter.cooperation .con.privacy_pol_wrap .privacy_agree .privacy input[type='checkbox']:checked + label{} 
#callcenter.cooperation .con.privacy_pol_wrap .privacy_agree .privacy input[type='checkbox']:checked + label .icon_checkded{width: 23px; height: 23px;background: url(/ux/imgs/web/display/check_box_on@3x.png) center no-repeat;background-size:cover} 
#callcenter.cooperation .con.privacy_pol_wrap .privacyessential{ margin-top: 20px;}
#callcenter.cooperation .con.privacy_pol_wrap .privacyessential span{position: relative;font-size: 16px;}
#callcenter.cooperation .con.privacy_pol_wrap .privacyessential span:after{content:''; display:block;width:100%; height:1px;background-color:#222;position: absolute; bottom: 2px;}
#callcenter.cooperation .con.privacy_pol_wrap .privacyessential .icon_checkded{margin-left:0}

#callcenter.cooperation .con.privacy_pol_wrap .btn_large2_wrap{padding: 40px 0 0 0;border-top: 1px solid #e5e5e5;justify-content: center;}
#callcenter.cooperation .con.privacy_pol_wrap .btn_large2_wrap button{width: 180px; margin: 0 5px; height: 54px;}
#callcenter.cooperation .con.privacy_pol_wrap .btn_large2_wrap .btn_large2_1{border: solid 1px #e5e5e5;}

#callcenter.cooperation .wrap .con  .attach_file{align-items: flex-start;}
#callcenter.cooperation .wrap .con  .attach_file .photo_add{ margin: 0;}
#callcenter.cooperation .wrap .con  .file_add_wrap .file_add{padding-bottom: 10px;}
#callcenter.cooperation .wrap .con  .file_add_wrap .file_add .add_btn{width: 77px; height: 77px; border-radius: 5px;}
#callcenter.cooperation .wrap .con  .attach_file .info li:before{top:11px}
#callcenter.cooperation .wrap .con  .attach_file .info li:last-child{padding-bottom:0}
#callcenter.cooperation .wrap .con  .attach_file .info li span{ font-size: 14px;}
#callcenter.cooperation .wrap .con  .notice{padding-top: 10px;}
#callcenter.cooperation .wrap .con  .notice li{padding-bottom: 10px;position: relative; padding-left: 9px;}
#callcenter.cooperation .wrap .con  .notice li:last-child{padding-bottom:0}
#callcenter.cooperation .wrap .con  .notice li:before {position: absolute;left: 0;top: 10px;content: '';width: 3px;height: 3px;background-color: #707070;border-radius: 50%;}
#callcenter.cooperation .wrap .con  .notice li span{color: #707070;position: relative;}

/* 고객센터 상세 - 쇼핑 FAQ */
#callcenter.shopping_faq .wrap #faqList.on{border-top: 0}
#callcenter.shopping_faq .wrap #faqList dl{border-bottom: 1px solid #e5e5e5;padding: 33px 0;}
#callcenter.shopping_faq .wrap #faqList dl .faq_q{display: flex;justify-content: space-between;}
#callcenter.shopping_faq .wrap #faqList dl .faq_q .top_wrap{display: flex;align-items: center;cursor: context-menu;}
#callcenter.shopping_faq .wrap #faqList dl .faq_q .top_wrap .tit_cate{font-size: 16px;font-weight: 500;color: #aaaaaa;width: 145px;justify-content: center;display: flex;}
#callcenter.shopping_faq .wrap #faqList dl .faq_q .top_wrap + button{text-indent:-9999px;width: 30px;height: 30px;background: url(/ux/imgs/web/global/input_arrow_down_black2@3x.png) no-repeat center;background-size: 30px;}
#callcenter.shopping_faq .wrap #faqList dl .faq_q.active .top_wrap + button{transform: rotate(180deg);}
#callcenter.shopping_faq .wrap #faqList dl .faq_q  .q_tit{font-size: 18px;font-weight: 500;position:relative;}
#callcenter.shopping_faq .wrap #faqList dl.new .faq_q .q_tit:after{content:'';display:block;position: absolute;right: -10px;top: 7px;width: 5px;height: 5px;border-radius: 50%;background: #38aff5;text-indent: -9999px;overflow: hidden;}
#callcenter.shopping_faq .wrap #faqList dl .faq_q .q_tit .color{color: #38AFF5;}
#callcenter.shopping_faq .wrap #faqList dl .faq_a{display:none}

/* 고객센터 상세 - 1:1문의 */
#callcenter.counsel_reg .wrap .con .con_write{ padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
#callcenter.counsel_reg .wrap .con .con_write .main_tit{font-size: 20px;font-weight: 600;}
#callcenter.counsel_reg .con_write .title{}
#callcenter.counsel_reg .wrap .con .con_write .tit{position: relative;font-size: 16px;font-weight: 600;}
#callcenter.counsel_reg .con_write .title .tit_wrap{ width: 240px;}
#callcenter.counsel_reg .con_write .title .essential{position: relative;}
#callcenter.counsel_reg .con_write .title .essential:after{content:'';position: absolute; right: -6px;top: 6px; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #b7a286; text-indent: -9999px;overflow: hidden;}

#callcenter.counsel_reg .wrap .con .con_write form > div{padding-top: 30px;display: flex;align-items: center;justify-content: flex-start;}
#callcenter.counsel_reg .wrap .con .errortxt{display:none;font-size: 14px;font-weight: 500;color: #f25758;letter-spacing: -0.12px;padding-top: 10px;}

#callcenter.counsel_reg .wrap .con .con_write .nm_box{display: flex;align-items: center;}
#callcenter.counsel_reg .wrap .con .con_write .nm_box .con{font-weight: 500;font-size: 16px;}
#callcenter.counsel_reg .wrap .con .con_write .type{padding-top: 20px;}

#callcenter.counsel_reg .wrap .con .con_write .valid_box{ width: 435px;}
#callcenter.counsel_reg .wrap .con .con_write .valid_box .box.black button{color:#222; font-size: 15px; font-weight:600}
#callcenter.counsel_reg .wrap .con .con_write .valid_box .select_type{position: relative;height: 40px;font-weight: 500;border-bottom: 1px solid #e5e5e5;display: flex;width: 100%;align-items: center;color: #aaa;padding: 0;}
#callcenter.counsel_reg .wrap .con .con_write .valid_box .select_type:after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: block;width: 24px;height: 24px;content: '';background: url(/ux/imgs/web/global/input_arrow_down_black2@3x.png) center no-repeat;background-size: 24px;}
#callcenter.counsel_reg .wrap .con .con_write .valid_box.error .select_type{border-bottom: 1px solid #f25758;}
#callcenter.counsel_reg .wrap .con .con_write .valid_box.error .select_type + .errortxt{display:block}

#callcenter.counsel_reg .wrap .con .con_write .tit_box{}
#callcenter.counsel_reg .wrap .con .con_write .tit_box input{width: 900px;}

#callcenter.counsel_reg .wrap .con .con_write .con_box{align-items: flex-start;}
#callcenter.counsel_reg .wrap .con .con_write .con_box .tit_wrap{display: flex;}
#callcenter.counsel_reg .wrap .con .con_write .con_box .tit_wrap .tit{}
#callcenter.counsel_reg .wrap .con .con_write .con_box .comment_box{position:relative;border-radius: 5px;background-color: #f5f5f5;box-sizing: border-box;width: 900px;}
#callcenter.counsel_reg .wrap .con .con_write .con_box .comment_box.error{border:1px solid #f25758}
#callcenter.counsel_reg .wrap .con .con_write .con_box .comment_box.error + .errortxt{display:block}
#callcenter.counsel_reg .wrap .con .con_write .con_box .comment_box p{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;text-align: right;padding: 12px;box-sizing: border-box;line-height: 1;}
#callcenter.counsel_reg .wrap .con .con_write .con_box .comment_box p .color{color:#aaa;font-size: 16px;}
#callcenter.counsel_reg .wrap .con .con_write .con_box .comment_box textarea{width:100%;height: 240px;padding: 20px;box-sizing:border-box;font-size: 16px;}

#callcenter.counsel_reg .wrap .con .con_write .attach_file{align-items: flex-start;}
#callcenter.counsel_reg .wrap .con .con_write .attach_file .photo_add{ margin: 0;}
#callcenter.counsel_reg .wrap .con .con_write .file_add_wrap .file_add{padding-bottom: 10px;}
#callcenter.counsel_reg .wrap .con .con_write .file_add_wrap .file_add .add_btn{width: 77px; height: 77px; border-radius: 5px;}
#callcenter.counsel_reg .wrap .con .con_write .file_add_wrap .file_add .add_btn label{}
#callcenter.counsel_reg .wrap .con .con_write .file_add_wrap .file_add .add_btn label img{}
#callcenter.counsel_reg .wrap .con .con_write .file_add_wrap .file_add .add_btn input{}
#callcenter.counsel_reg .wrap .con .con_write .attach_file .info li:before{top:11px}
#callcenter.counsel_reg .wrap .con .con_write .attach_file .info li:last-child{padding-bottom:0}
#callcenter.counsel_reg .wrap .con .con_write .attach_file .info li span{ font-size: 14px;}
#callcenter.counsel_reg .wrap .con .con_write .notice{padding-top: 10px;}
#callcenter.counsel_reg .wrap .con .con_write .notice li{padding-bottom: 10px;position: relative; padding-left: 9px;}
#callcenter.counsel_reg .wrap .con .con_write .notice li:last-child{padding-bottom:0}
#callcenter.counsel_reg .wrap .con .con_write .notice li:before {position: absolute;left: 0;top: 10px;content: '';width: 3px;height: 3px;background-color: #707070;border-radius: 50%;}
#callcenter.counsel_reg .wrap .con .con_write .notice li span{color: #707070;position: relative;}

#callcenter.counsel_reg .wrap .con .con_write .alarm_box{padding-top:20px;align-items: flex-start;}
#callcenter.counsel_reg .wrap .con .con_write .alarm_box .btns{ display: flex;}
#callcenter.counsel_reg .wrap .con .con_write .alarm_box .btns .chk_btn{position:relative;margin-right: 10px;}
#callcenter.counsel_reg .wrap .con .con_write .alarm_box .btns .chk_btn input{display: none;}
#callcenter.counsel_reg .wrap .con .con_write .alarm_box .btns .chk_btn input + label{font-weight: 500;height: 50px;padding: 0 35px;border: solid 1px #e5e5e5;border-radius: 5px;display: flex;align-items: center;cursor: pointer;}
#callcenter.counsel_reg .wrap .con .con_write .alarm_box .btns .chk_btn input:checked + label{background-color: #222;color: #fff}
#callcenter.counsel_reg .wrap .con .con_write .alarm_box .btns .btn_small2_wrap{}
#callcenter.counsel_reg .wrap .con .con_write .alarm_box .btns .btn_small2_wrap button{height: 61px; font-weight: 500;display: flex;align-items: center; justify-content: center;}
#callcenter.counsel_reg .wrap .con .con_write .alarm_box .btns .btn_small2_wrap button.active{background-color: #222;color: #fff;}
#callcenter.counsel_reg .wrap .con .con_write .alarm_return{display: flex;}
#callcenter.counsel_reg .wrap .con .con_write .alarm_return .con{font-weight: 500;font-size: 16px;}

#callcenter.counsel_reg .wrap .con .btn_large2_wrap{padding: 30px 20px 60px 20px;justify-content: center;}
#callcenter.counsel_reg .wrap .con .btn_large2_wrap button{ width: 180px; height: 54px; margin: 0 10px;}
#callcenter.counsel_reg .wrap .con .btn_large2_wrap .btn_large2_1{border:1px solid #e5e5e5}
#callcenter.counsel_reg .wrap .con .con_write .counsel_product{ width: auto; display: flex;}
#callcenter.counsel_reg .wrap .counsel_product.error .errortxt{display:block}
#callcenter.counsel_reg .wrap .counsel_product .tit_wrap{display: flex;}
#callcenter.counsel_reg .wrap .counsel_product .inquire_item{border-radius: 5px;border: solid 1px #e5e5e5;font-size: 16px;font-weight: 500;width: 206px;height: 44px;margin: 0 auto;}
#callcenter.counsel_reg .wrap .counsel_product .con_wrap{width: 900px; display: flex; flex-direction: column;}


/* #callcenter.counsel_reg .wrap .counsel_product .item_list li{flex: 0 0 auto;padding: 0 4.5px;position: relative;}
#callcenter.counsel_reg .wrap .counsel_product .item_list input{width: 0;height: 0;font-size: 0;visibility: hidden;position: absolute;opacity: 0;}
#callcenter.counsel_reg .wrap .counsel_product .item_list input + label{position:relative;display: block;}
#callcenter.counsel_reg .wrap .counsel_product .item_list input + label img{width: 77px;display: block;}
#callcenter.counsel_reg .wrap .counsel_product .item_list input:checked + label .icon_checkded{position: absolute;top: 5px;left: 5px;width: 23px; height: 23px; background: url(/ux/imgs/svg/checked_on.svg) center no-repeat; background-size: cover}
#callcenter.counsel_reg .wrap .counsel_product .item_list input + label .icon_checkded{position: absolute;top: 5px;left: 5px;width: 23px; height: 23px; background: url(/ux/imgs/member/checked_off@3x.png) center no-repeat;background-size: 23px;} 
 */

#callcenter.counsel_reg .wrap .counsel_product .item_list{ position: relative;}
#callcenter.counsel_reg .wrap .counsel_product .qna_item_slide{}
#callcenter.counsel_reg .wrap .counsel_product .qna_item_slide .swiper-wrapper{margin: 0 -5px;}
#callcenter.counsel_reg .wrap .counsel_product .qna_item_slide .swiper-slide{width: 217.5px !important;margin: 0 5px !important;;}
#callcenter.counsel_reg .wrap .counsel_product .item{display: flex;position: relative;width: 217.5px;height: 217.5px;overflow: hidden;border-radius: 10px;border: solid 1px #f5f5f5;box-sizing: border-box;}
#callcenter.counsel_reg .wrap .counsel_product li{flex: 0 0 auto;padding: 0 5px;}
#callcenter.counsel_reg .wrap .counsel_product input{ display: none;}
#callcenter.counsel_reg .wrap .counsel_product input + label{position:relative;display: block;}
#callcenter.counsel_reg .wrap .counsel_product input + label img{display: block;}
#callcenter.counsel_reg .wrap .counsel_product input:checked + label .icon_checkded{z-index: 1;position: absolute;top: 15px;left: 15px;width: 23px;height: 23px;background: url(/ux/imgs/web/member/checked_on@3x.png) center no-repeat;background-size: 23px;} 
#callcenter.counsel_reg .wrap .counsel_product input + label .icon_checkded{position: absolute;top: 15px;left: 15px;width: 23px;height: 23px;background: url(/ux/imgs/web/member/checked_off@3x.png) center no-repeat;background-size: 23px;z-index: 1;cursor: pointer;} 
#callcenter.counsel_reg .wrap .counsel_product .qna_item_slide_pagination{display: flex;justify-content: center;margin: 15px 0 30px 0;}
#callcenter.counsel_reg .wrap .counsel_product .qna_item_slide_pagination .swiper-pagination-bullet{margin-right: 10px;height: 8px;background-color: #e5e5e5;width: 8px;opacity: 1;}
#callcenter.counsel_reg .wrap .counsel_product .qna_item_slide_pagination .swiper-pagination-bullet-active{height: 8px;background-color: #000;width: 8px;}
#callcenter.counsel_reg .wrap .counsel_product .qna_item_slide_prev{cursor: pointer;position: absolute;top: 87px;left: -64px;z-index: 1;width: 44px;height: 44px;background: url(/ux/imgs/web/display/list_slider_prev@3x.png) center no-repeat;background-size: 44px;}
#callcenter.counsel_reg .wrap .counsel_product .qna_item_slide_next{cursor: pointer;position: absolute;top: 87px;right: -64px;z-index: 1;width: 44px;height: 44px;background: url(/ux/imgs/web/display/list_slider_next@3x.png) center no-repeat;background-size: 44px;}
 
#callcenter.counsel_reg .wrap .counsel_product_info{padding-top: 20px;display: flex;margin-bottom: -10px;}
#callcenter.counsel_reg .wrap .counsel_product_info .con_wrap{}
#callcenter.counsel_reg .wrap .counsel_product_info .con_wrap .input_text_wrap{}
#callcenter.counsel_reg .wrap .counsel_product_info .con_wrap .input_text_wrap:first-child{margin-bottom:10px}
#callcenter.counsel_reg .wrap .counsel_product_info .con_wrap .input_text{width:435px}
#callcenter.counsel_reg .wrap .con .counsel_product_info .notice{padding-top:10px}
#callcenter.counsel_reg .wrap .counsel_product_info .notice li{padding-bottom: 0;}

/* 고객센터 상세 - 1:1문의 - 주문상품조회 팝업 */
.full_popup#product_inquiry{width: 1000px;height: 617px ;overflow: hidden;}
.full_popup#product_inquiry .full_head{padding: 40px 40px 20px 40px;}
.product_inquiry .date_wrap{border-top: 2px solid;padding: 20px 0 15px 0;display: flex; justify-content: space-between;align-items: center;border-bottom: 1px solid #e5e5e5;}
.product_inquiry .date_wrap .tab_small{}
.product_inquiry .date_wrap .tab_small li{width: 100%;}
.product_inquiry .date_wrap .tab_small li input{ display: none;}
.product_inquiry .date_wrap .tab_small li label{width: 100%;justify-content: center;padding: 0;height: 32px;border-radius: 60px;border: solid 1px #dddddd;display: flex;align-items: center;font-weight: 500;letter-spacing: -0.14px;margin-right: 10px;width: 80px;height: 35px;}
.product_inquiry .date_wrap .tab_small li input[type=radio]:checked+label{background-color: #222;border: solid 1px #222; color:#fff}
.product_inquiry .date_wrap .tab_small li label span{}
.product_inquiry .date_wrap .date_select{display: flex; justify-content: space-between;align-items: center;padding-top: 10px;}
.product_inquiry .date_wrap .date_select div{position: relative;width: 150px;}
.product_inquiry .date_wrap .date_select .start{ margin-right: 20px;}
.product_inquiry .date_wrap .date_select .end{}
.product_inquiry .date_wrap .date_select div input{width: 100%;box-sizing: border-box;border: none;height: 40px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;border-bottom: 1px solid #e5e5e5;color: #aaaaaa;font-weight: 500;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;}
.product_inquiry .date_wrap .date_select div button{position: absolute;bottom: 11px;right: 0;text-indent:-99999px;background: url(/ux/imgs/web/mypage/icon_calendar@3x.png) center no-repeat;background-size: 20px;width: 20px;height: 20px;}
.product_inquiry .date_wrap .date_select div + button{border: solid 1px #e5e5e5;height: 44px;width: 140px;border-radius: 5px;font-weight: 500;flex: 0 0 auto;font-size: 16px;margin-left: 40px;}

.product_inquiry .product_list{padding-top: 20px;}
.product_inquiry .product_list .date_box{border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;margin-top: 40px;}
.product_inquiry .product_list .date_box .date{font-size: 16px;font-weight: 600;}
.product_inquiry .product_list .date_box .bar{height: 13px; background-color: #dddddd; width: 1px; margin: 0 10px;display: inline-block;}
.product_inquiry .product_list .date_box .order_no{font-size: 16px;color: #aaaaaa;font-weight: 500;}

.product_inquiry .product_list .order_list{border-bottom: 1px solid #e5e5e5;}
.product_inquiry .product_list .order_list li{border-bottom: 1px solid #e5e5e5;padding: 20px 30px 20px 0;}
.product_inquiry .product_list .order_list li:last-child{border-bottom:0}
.product_inquiry .product_list .product{display: flex;}
.product_inquiry .product_list .product .state{font-size: 15px;font-weight: 600;width: 125px;display: flex;justify-content: center;align-items: center;letter-spacing: -0.15px;}
.product_inquiry .product_list .product a{display: flex;align-items: center;}
.product_inquiry .product_list .product .item_img{ width: 100px; height: 100px;flex: 0 0 auto;border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden;}
.product_inquiry .product_list .product .item_img img{display: block;}
.product_inquiry .product_list .product .text_con{ display: flex; flex-direction: column; margin-left: 20px;}
.product_inquiry .product_list .product .text_con span{}
.product_inquiry .product_list .product .text_con .brand_nm{font-size: 12px;color: #aaaaaa;}
.product_inquiry .product_list .product .text_con .item_nm{font-weight: 500;padding: 10px 0;display: block;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 450px;}
.product_inquiry .product_list .product .text_con .price{font-size: 20px;color: #222222;font-weight: 700;margin-right: 10px;}
.product_inquiry .product_list .product .text_con .sale{font-size: 18px;font-weight: 700;padding: 5px 0 15px 0}
.product_inquiry .product_list .product .text_con .sale span{color: #38AFF5;margin-left:6px}
.product_inquiry .product_list .product .text_con .option{color: #aaaaaa;font-weight: 500;letter-spacing: -0.14px;}
.product_inquiry .product_list .btn_large2_wrap{align-items: center;margin-left: auto;}
.product_inquiry .product_list .btn_large2_wrap .btn_large2_2{width: 170px; height: 44px;}

.product_inquiry .product_list .result_empty {display: flex; flex-direction: column; align-items: center; padding: 90px 0; margin: 0 20px; }
.product_inquiry .product_list .result_empty img {width: 32px;}
.product_inquiry .product_list .result_empty p {margin-top: 15px; line-height: 20px; color: #aaaaaa; font-weight: 500;}

/* 고객센터 상세 - 1:1문의 - 개인정보 처리방침 팝업 */
.full_popup#counsel_privacy_pol{ width: 565px;}
.full_popup#counsel_privacy_pol .full_head{ padding: 30px 30px 20px 30px;}
.full_popup#counsel_privacy_pol .full_head .full_title{font-size: 18px; font-weight: 500;}
.full_popup#counsel_privacy_pol .full_close{ top: 15px; right: 15px; width: 40px; height: 40px; background-size: 40px;}
.full_popup#counsel_privacy_pol .full_body{}

.counsel_privacy_pol .list ul li{display: flex;flex-direction: column;padding-bottom: 10px;position: relative; padding-left: 9px;}
.counsel_privacy_pol .list ul li:before {position: absolute;left: 0;top: 10px;content: '';width: 3px;height: 3px;background-color: #222;border-radius: 50%;}
.counsel_privacy_pol .list ul li span{font-weight: 500;color: #707070;position: relative;word-break: keep-all;letter-spacing: -0.14px;}
.counsel_privacy_pol .list ul li.note{margin-top:10px;border-top: 1px solid #e5e5e5;padding-top: 20px;}
.counsel_privacy_pol .list ul li.note:before {background-color: #f25758;}
.counsel_privacy_pol .list ul li.note span{color: #f25758;}
.counsel_privacy_pol .list ul li.note:before{top: 32px;}

.counsel_privacy_pol .list ul li .txt1{color: #222;font-size: 16px;}
.counsel_privacy_pol .list ul li .txt2{padding-top: 10px;}
.counsel_privacy_pol .btn_large2_wrap{margin-top: 60px;justify-content: center;}
.counsel_privacy_pol .btn_large2_wrap .btn_large2_2{width: 120px;height: 50px;border-radius: 50px;}

/* 고객센터 상세 - 1:1문의 - 답변알림 팝업 */
.dialog-mobile{/* width:360px !important */}
.dialog-mobile .dialog-content{display: flex;flex-direction: column;/* font-size: 18px !important; */}
.dialog-mobile .dialog-content .sub_tit{color: #707070;font-size: 16px;padding: 10px 0 20px 0;}
.dialog-mobile .dialog-content .btns{border-top: 1px solid #e5e5e5;/* margin: 0 30px; */padding: 20px 0 0 0;width: 300px;}
.dialog-mobile .dialog-content .chk_btn{margin-bottom: 15px;}
.dialog-mobile .dialog-content .chk_btn:last-child{margin-bottom: 0;/* display: flex; */}
.dialog-mobile .dialog-content .chk_btn input{display: none;}
.dialog-mobile .dialog-content .chk_btn input + label{display: flex;align-items: center;font-size: 16px;letter-spacing: -0.16px;}
.dialog-mobile .dialog-content .chk_btn input + label:before{content:'';display:block; background: url(/ux/imgs/web/display/check_box_off@3x.png) center no-repeat; background-size: 23px; width: 23px;height: 23px; margin-right: 10px;}
.dialog-mobile .dialog-content .chk_btn input:checked + label:before{content:'';display:block;background: url(/ux/imgs/web/display/check_box_on@3x.png) center no-repeat; background-size: 23px; width: 23px;height: 23px; margin-right: 10px;}
.dialog-mobile .cancel_btn{font-size: 16px;font-weight: 500;border-bottom: 1px solid;margin: 0 auto;margin-top: 20px;position: relative;top: 0;right: 0;padding: 0;width: auto;height: auto;background: none;margin-bottom: 25px;}

/* 고객센터 - AS 안내 */
#callcenter.cooperation{}
#callcenter.benefit_guide.as_guide .con_txt .info_list ul li .subtit{font-size: 16px; font-weight: 600;}
#callcenter.benefit_guide.as_guide .con_txt .info_list ul li .notice .txt{color: #707070;font-weight: 500;}

/* 제휴 문의 */
.privacyGraph{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:3fr 4fr;margin:10px 0;border-top:1px solid black;border-left :1px solid black;}
.privacyGraph > div { border-right :1px solid black;border-bottom :1px solid black; padding: 10px 10px;font-size: 16px;}
.privacyGraph > div:nth-child(-n+3) {background: #ddd;}
.privacyGraph > div:nth-child(n+6) {text-decoration: underline;font-weight:bold;}
.new_privacy_agree .privacyessential{display: flex;margin: 10px 0;}
.new_privacy_agree .privacyessential input{margin-right: 10px;}
.type .explain{width:400px;text-align: right;}