@charset "UTF-8";

/*** CSS Style by DesignTONG                                             ***/
/*** URL : http://www.designtong.co.kr                                   ***/
/*** Copyright 2021. DesignTONG all rights reserved.                     ***/
/*** License : 본 저작물의 무단 전제/복제/배포/도용을 금지 합니다.       ***/
/***           단, 스킨을 구매한 사용자에게 1 사이트 사용을 허용합니다.  ***/
/***           디자인통에서 자체 제작한 무단도용 방지 프로그램이 자동    ***/
/***           실행되며, 무단도용 확인시 법적인 책임을 지셔야 합니다.    ***/



.body-userSetting .headerTop{width:calc(100% - 40px);border-bottom:none;background-color:#393b3f;padding:10px 20px}.body-userSetting .headerTop .logo{display:inline-block;height:36px;vertical-align:middle;margin-right:30px}.body-userSetting .headerTop .logo a img{height:100%}.body-userSetting .headerTop .title{display:inline-block;font-size:24px;color:#fff;vertical-align:middle;letter-spacing:.05em}.body-userSetting .headerTop .title em{font-size:14px;color:#999;vertical-align:text-bottom}.body-userSetting .headerMenu{display:block;width:100%;background-color:#55575b;white-space:nowrap;overflow:auto}.body-userSetting .headerMenu a{display:inline-block;position:relative;width:100px;padding:8px 10px;border-right:solid 1px rgba(0,0,0,.5);color:#fff;font-size:13px;text-align:center}.body-userSetting .headerMenu a:hover{background-color:#333}.body-userSetting .updateButton{position:absolute;right:10px;top:11px;border-radius:3px;background-color:#fa2828;padding:5px 25px 8px 25px;font-size:15px;color:#fff;z-index:100}.body-userSetting .lnb{position:fixed;left:0;top:92px;width:210px;height:calc(100% - 92px);border-right:solid 1px #ccc;overflow-y:auto}.body-userSetting .lnb .title{padding:5px 20px;margin-top:30px;font-size:13px;background-color:#999;color:#fff}.body-userSetting .lnb .item{padding:0 10px 0 20px;margin-top:5px}.body-userSetting .lnb .item a{display:block;font-size:12px;line-height:30px}.body-userSetting .lnb .item a:hover{color:#6495ed}.mobile .body-userSetting .headerTop{width:calc(100% - 20px);padding:10px}.mobile .body-userSetting .headerTop .title{font-size:18px;margin-top:5px}.mobile .body-userSetting .headerTop .title em{font-size:12px}.mobile .body-userSetting .lnb{display:none}.body-userSetting #wrap #container #contents{padding:91px 0 580px 0}.body-userSetting #wrap #container #contents .sub_content{max-width:none;padding:0}.body-userSetting .userSetting{padding:0 30px 80px 230px}.body-userSetting .userSetting h1{padding:30px 0 5px 0;border-bottom:solid 2px #333;font-weight:600;font-size:20px}.body-userSetting .userSetting h2{padding:30px 0 5px 0;border-bottom:solid 1px #333;font-weight:400;font-size:16px}.body-userSetting .userSetting .table-cols{width:100%;border-collapse:collapse;table-layout:fixed}.body-userSetting .userSetting .table-cols .width-md{width:220px}.body-userSetting .userSetting .table-cols th{background-color:#f5f5f5;padding:15px;border-bottom:solid 1px #e6e6e6;text-align:left;font-weight:600}.body-userSetting .userSetting .table-cols td{padding:20px;border-bottom:solid 1px #e6e6e6;text-align:left}.body-userSetting .userSetting .table-cols td label.radio{margin-right:20px;cursor:pointer;transition-duration:.5s}.body-userSetting .userSetting .table-cols td label.radio input[type=radio]{margin-top:-1px;vertical-align:middle}.body-userSetting .userSetting .table-cols td label.radio:hover{opacity:.5}.body-userSetting .userSetting .table-cols td .tip{padding:0 0 0 30px;background:url(../../img/icon/etc/icon_warning.png) no-repeat left 10px center;color:#777}.body-userSetting .userSetting .table-cols td input.width-xl{width:500px}.body-userSetting .userSetting .table-cols td.help{background-color:#f9f9f9}.body-userSetting .userSetting .table-cols td .explanation{padding:15px;background-color:#fff}.body-userSetting .userSetting .table-cols td .explanation.inner{padding:15px 0 0 0}.body-userSetting .userSetting .table-cols td .explanation.inner.nopadding{padding:0}.body-userSetting .userSetting .table-cols td .explanation .linkButton{display:inline-block;padding:5px 10px;margin:15px 5px 0 0;background-color:#333;color:#fff}.body-userSetting .userSetting .table-cols td .explanation .linkButton:hover{background-color:#6495ed}.body-userSetting .userSetting .table-cols td .preview{display:inline-block;width:100%}.body-userSetting .userSetting .table-cols td .preview .thumb{display:inline-block;max-width:100px;vertical-align:middle;padding:5px 5px 0 0}.body-userSetting .userSetting .table-cols td .preview .thumb a{position:relative;display:block;cursor:help}.body-userSetting .userSetting .table-cols td .preview .thumb a .overImage{position:absolute;left:0;top:100%;max-width:none;font-size:0;border:solid 1px #333;visibility:hidden;opacity:0;transition-duration:.2s;transform:scale(50%) translate(-70%,-50%);z-index:99}.body-userSetting .userSetting .table-cols td .preview .thumb a:hover .overImage{visibility:visible;opacity:1}.body-userSetting .userSetting .table-rows{width:100%;border-collapse:collapse}.body-userSetting .userSetting .table-rows th{background-color:#f5f5f5;padding:10px 5px;border-bottom:none;text-align:center;font-weight:600}.body-userSetting .userSetting .table-rows td{padding:10px 5px;border-bottom:solid 1px #e6e6e6}.body-userSetting .userSetting .table-rows td input{width:100%}.body-userSetting .userSetting .table-rows td.center{text-align:center}.body-userSetting .userSetting .table-rows .addButton{border:solid 1px #333;padding:2px 10px;background-color:#ccc}.body-userSetting .userSetting .table-rows .addButton:hover{opacity:.7}.body-userSetting .userSetting .table-rows .delButton{border:solid 1px #333;padding:2px 10px}.body-userSetting .userSetting .table-rows .delButton:hover{opacity:.7}.mobile .body-userSetting #wrap #container #contents{padding-top:122px}.mobile .body-userSetting .userSetting{padding:0}.mobile .body-userSetting .userSetting h1{font-size:16px}.mobile .body-userSetting .userSetting .table-cols .width-md{width:100px}.mobile .body-userSetting .userSetting .table-cols th{padding:10px}.mobile .body-userSetting .userSetting .table-cols td{padding:10px}.mobile .body-userSetting .userSetting .table-cols td input[type=text]{width:100%}.mobile .body-userSetting .userSetting .table-cols td label.radio{margin-right:10px}.mobile .body-userSetting .userSetting .table-cols td .tip{display:block;padding:0 0 0 20px;margin-top:10px;background-position:left 1px;font-size:11px}.mobile .body-userSetting .userSetting .table-rows colgroup{display:none}.mobile .body-userSetting .userSetting .table-rows th{display:none}.mobile .body-userSetting .userSetting .table-rows th:last-child{display:block;padding:5px 0}.mobile .body-userSetting .userSetting .table-rows th .addButton{width:100%}.mobile .body-userSetting .userSetting .table-rows td{display:block;padding:5px 0}.mobile .body-userSetting .userSetting .table-rows td .delButton{width:100%}#userSettingLayer .layerWrap .layerContents h2{font-weight:400;font-size:30px;text-align:center;padding:20px 0}#userSettingLayer .layerWrap .layerContents .explanation{font-size:16px;text-align:center}#userSettingLayer .layerWrap .layerContents .linkWrap{display:inline-block;width:100%;margin:30px 0 70px 0;text-align:center}#userSettingLayer .layerWrap .layerContents .linkWrap .linkButton{padding:10px 20px;font-size:20px;border-radius:5px;background-color:#333;color:#fff}#userSettingLayer .layerWrap .layerContents .linkWrap .linkButton:hover{background-color:#6495ed}#userSettingLayer .layerWrap .layerContents .clipboard{width:100%;height:345px}