@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosansgothic.css');
/* Horizontal Align */
.xm .pull-right{float:right}
.xm .pull-left{float:left}
/* DL Horizontal */
.xm .dl-horizontal{width:100%; display:inline-block; margin:0 auto; max-width:700px;}
.xm .dl-horizontal:before,
.xm .dl-horizontal:after{display:table;line-height:0;content:""}
.xm .dl-horizontal:after{clear:both}
.xm .dl-horizontal dt{    border-top: 1px dotted #444;
    padding: 15px 5px; float:left; width:200px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap; font-size:16px; color:#222; font-family:'Noto Sans Gothic',sans-serif; font-weight:bolder;}
.xm .dl-horizontal dd{margin-left:180px; font-size:16px; font-family:'Noto Sans Gothic',sans-serif; letter-spacing:-1px;  border-top: 1px dotted #444;  padding: 15px 5px;} 
.xm .dl-horizontal dd:first-type{border-top:2px solid #222}
/* Form Control Reset */
.visual > div {display: flex; align-items: center;}
.xm form{margin:20px 0;}
.xm fieldset{padding:0;margin:0;border:0}
.xm label,
.xm input,
.xm button,
.xm select,
.xm textarea{line-height:20px}
.xm label{display:block;margin-bottom:5px}
.xm input{background:#fff; border:1px solid #333; border-radius:20px; height:40px; padding:3px 10px; width:260px; box-shadow:1px 2px 0px #aaa}

.xm textarea:focus,
.xm input[type="text"]:focus,
.xm input[type="password"]:focus,
.xm input[type="datetime"]:focus,
.xm input[type="datetime-local"]:focus,
.xm input[type="date"]:focus,
.xm input[type="month"]:focus,
.xm input[type="time"]:focus,
.xm input[type="week"]:focus,
.xm input[type="number"]:focus,
.xm input[type="email"]:focus,
.xm input[type="url"]:focus,
.xm input[type="search"]:focus,
.xm input[type="tel"]:focus,
.xm input[type="color"]:focus{border:1px solid #0072ff; background:#0072ff; color:#fff; outline:0}
.xm input[type="radio"],
.xm input[type="checkbox"]{margin:0;line-height:normal; box-shadow:none;}
.xm input[type="file"],
.xm input[type="image"],
.xm input[type="submit"],
.xm input[type="reset"],
.xm input[type="button"],
.xm input[type="radio"],
.xm input[type="checkbox"]{width:auto}
.xm select,
.xm input[type="file"]{height:30px;*margin-top:4px;line-height:30px}
.xm select{background:#fff; border:1px solid #333; border-radius:20px; height:34px; padding:3px 10px; width:230px}
.xm select:hover{background:#0072ff; color:#fff}
.xm select[multiple],
.xm select[size]{height:30px}
.xm select:focus,
.xm input[type="file"]:focus,
.xm input[type="radio"]:focus,
.xm input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.xm input:-moz-placeholder, 
.xm textarea:-moz-placeholder  {color:#595959}
.xm input:-ms-input-placeholder, 
.xm textarea:-ms-input-placeholder  {color:#595959}
.xm input::-webkit-input-placeholder, 
.xm textarea::-webkit-input-placeholder {color:#595959}
.xm input,
.xm textarea{margin-left:0}
.xm input[disabled],
.xm select[disabled],
.xm textarea[disabled],
.xm input[readonly],
.xm select[readonly],
.xm textarea[readonly]{cursor:not-allowed;background-color:#eeeeee}
.xm input[type="radio"][disabled],
.xm input[type="checkbox"][disabled],
.xm input[type="radio"][readonly],
.xm input[type="checkbox"][readonly]{background-color:transparent}
.xm input:focus:invalid, 
.xm textarea:focus:invalid, 
.xm select:focus:invalid {color:#ff5353}
/*.xm input:focus:invalid:focus, 
.xm textarea:focus:invalid:focus, 
.xm select:focus:invalid:focus {background:#f8b9b7;}*/
/* Forms */


.xm .signup input, .xm .signup select{background:#fff; border:1px solid #333; border-radius:20px; height:25px; padding:3px 10px; width:210px}

.find_idpw section{border-top:1px dotted #444; padding-top:30px; margin-bottom:30px;}
.find_idpw input{background:#fff; border:1px solid #333; border-radius:4px; width:300px; height:35px; padding:3px 10px;}
.find_idpw select{width:322px; height:43px; border-radius:4px;}
.find_idpw form div{margin:5px 0; width:550px; display:inline-block }



.xm .form-horizontal .control-group{border-top:1px dotted #444; padding:40px 5px; box-sizing: border-box;}
.xm .form-horizontal .control-group:before,
.xm .form-horizontal .control-group:after{display:table;line-height:0;content:""}
.xm .form-horizontal .control-group:after{clear:both}
.xm .form-horizontal .control-group label {font-size:16px; color:#222; font-family:'Noto Sans kr', sans-serif; font-weight:bold}
.control-label{float:left; width:220px; text-align:left; padding-top:5px; font-size:16px; font-family:'Noto Sans KR', sans-serif; }
.xm .form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:250px;*margin-left:0; text-align:left}
.xm .form-horizontal .control-group:first-of-type{ border-top:0}
.xm .form-horizontal .controls:first-child{*padding-left:200px; border:0}
.xm .form-horizontal .help-block{margin-bottom:0}
.xm .form-horizontal input+.help-block,
.xm .form-horizontal select+.help-block,
.xm .form-horizontal textarea+.help-block,
.xm .form-horizontal .input-prepend+.help-block,
.xm .form-horizontal .input-append+.help-block{margin-top:10px}
.xm .help-block,
.xm .help-inline{color:#595959}
.xm .help-block{display:block;margin-bottom:10px}
.xm .help-inline{margin:0;display:inline-block;*display:inline;padding-left:5px;vertical-align:middle;*zoom:1}
.xm .input-append,
.xm .input-prepend{display:inline-block;margin-bottom:10px;font-size:0;white-space:nowrap;vertical-align:middle}
.xm .input-append input,
.xm .input-prepend input,
.xm .input-append select,
.xm .input-prepend select{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:4px 0px 0px 4px;-moz-border-radius:0 4px 4px 0;border-radius:4px 0px 0px 4px}
.xm .input-append input:focus,
.xm .input-prepend input:focus,
.xm .input-append select:focus,
.xm .input-prepend select:focus{z-index:2; color: #333;}
.xm .input-append .add-on,
.xm .input-prepend .add-on{display:inline-block;width:auto;height:20px;min-width:16px;padding:4px 5px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#eeeeee;border:1px solid #ccc}
.xm .input-append .add-on,
.xm .input-prepend .add-on,
.xm .input-append .btn,
.xm .input-prepend .btn{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.xm .input-append .active,
.xm .input-prepend .active{background-color:#a9dba9;border-color:#46a546}
.xm .input-prepend .add-on,
.xm .input-prepend .btn{margin-right:-1px}
.xm .input-prepend .add-on:first-child,
.xm .input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.xm .input-append input[type=email],
.xm .input-append select{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px; height:40px; box-shadow:1px 2px 0px #aaa}

.xm .input-append input+.btn-group .btn:last-child,
.xm .input-append select+.btn-group .btn:last-child{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.xm .input-append .add-on,
.xm .input-append .btn,
.xm .input-append .btn-group{margin-left:-1px}
.xm .input-append .add-on:last-child,
.xm .input-append .btn:last-child,
.xm .input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.xm .input-prepend.input-append input,
.xm .input-prepend.input-append select{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.xm .input-prepend.input-append input+.btn-group .btn,
.xm .input-prepend.input-append select+.btn-group .btn{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.xm .input-prepend.input-append .add-on:first-child,
.xm .input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.xm .input-prepend.input-append .add-on:last-child,
.xm .input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.xm .input-prepend.input-append .btn-group:first-child{margin-left:0}
.xm .input-append input[!type=submit] {height: 40px; box-shadow:1px 2px 0px #222}

.xm .form-horizontal input,
.xm .form-horizontal textarea,
.xm .form-horizontal select {}
.xm .form-horizontal .help-inline,
.xm .form-horizontal .input-prepend,
.xm .form-horizontal .input-append{display:inline-block;*display:inline;margin-bottom:0;vertical-align:middle;*zoom:1}
.xm .form-horizontal .hide{display:none}
/* Tabs */
.xm .nav{margin:0 0 20px 0;padding:0;list-style:none}
.xm .nav>li>a{display:block}
.xm .nav>li>a:hover,
.xm .nav>li>a:focus{text-decoration:none;background-color:#eeeeee}
.xm .nav-tabs{*zoom:1}
.xm .nav-tabs:before,
.xm .nav-tabs:after{display:table;line-height:0;content:""}
.xm .nav-tabs:after{clear:both}
.xm .nav-tabs>li{float:left}
.xm .nav-tabs>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}
.xm .nav-tabs{border-bottom:1px solid #ddd}
.xm .nav-tabs>li{margin-bottom:-1px}
.xm .nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.xm .nav-tabs>li>a:hover,
.xm .nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #dddddd}
.xm .nav-tabs>.active>a,
.xm .nav-tabs>.active>a:hover,
.xm .nav-tabs>.active>a:focus{color:#555555;cursor:default;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent}
/* Table */
.xm .table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}
.xm .table th,
.xm .table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #dddddd}
.xm .table th{font-weight:bold}
.xm .table thead th{vertical-align:bottom}
.xm .table caption+thead tr:first-child th,
.xm .table caption+thead tr:first-child td,
.xm .table colgroup+thead tr:first-child th,
.xm .table colgroup+thead tr:first-child td,
.xm .table thead:first-child tr:first-child th,
.xm .table thead:first-child tr:first-child td{border-top:0}
.xm .table tbody+tbody{border-top:2px solid #dddddd}
.xm .table-striped tbody>tr:nth-child(odd)>td,
.xm .table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}
.xm .table-hover tbody tr:hover>td,
.xm .table-hover tbody tr:hover>th{background-color:#f5f5f5}
/* Pangination */
.xm .pagination{margin:20px 0}
.xm .pagination ul{display:inline-block;*display:inline;margin-bottom:0;margin-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}
.xm .pagination ul>li{display:inline}
.xm .pagination ul>li>a,
.xm .pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0}
.xm .pagination ul>li>a:hover,
.xm .pagination ul>li>a:focus,
.xm .pagination ul>.active>a,
.xm .pagination ul>.active>span{background-color:#f5f5f5}
.xm .pagination ul>.active>a,
.xm .pagination ul>.active>span{color:#999999;cursor:default}
.xm .pagination ul>.disabled>span,
.xm .pagination ul>.disabled>a,
.xm .pagination ul>.disabled>a:hover,
.xm .pagination ul>.disabled>a:focus{color:#999999;cursor:default;background-color:transparent}
.xm .pagination ul>li:first-child>a,
.xm .pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px}
.xm .pagination ul>li:last-child>a,
.xm .pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px}
.xm .pagination-centered{text-align:center}
/* Button */

.xm .btn:focus,
.xm .btn:active,
.xm .btn.active,
.xm .btn.disabled,
.xm .btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9}
.xm .btn:active,
.xm .btn.active{background-color:#cccccc \9}
.xm .btn:first-child{*margin-left:0}
.xm .btn:hover,
.xm .btn:focus{transform:translateX(1px) translateY(2px);}}
.xm .btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.xm .btn.active,
.xm .btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)}
.xm .btn.disabled,
.xm .btn[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.xm button.btn::-moz-focus-inner,
.xm input[type="submit"].btn::-moz-focus-inner{padding:0;border:0}
.xm .btn-group{position:relative;display:inline-block;*display:inline;*margin-left:.3em;font-size:0;white-space:nowrap;vertical-align:middle;*zoom:1}
.xm .btn-group:first-child{*margin-left:0}
.xm .btn-group+.btn-group{margin-left:5px}
.xm .btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.xm .btn-group>.btn+.btn{margin-left:-1px}
.xm .btn-group>.btn:first-child{margin-left:0;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px}
.xm .btn-group>.btn:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px}
.xm .btn-group>.btn:hover,
.xm .btn-group>.btn:focus,
.xm .btn-group>.btn:active,
.xm .btn-group>.btn.active{z-index:2}
/* Member module customize */
.xm,
.xm input,
.xm textarea,
.xm select,
.xm button,
.xm table{font-size:14px}
.xm em{font-style:normal;color:#f00}
.xm h1{font-size:22px}
.xm .nav a,
.xm .btn{text-decoration:none}
.xm .btn2{
    padding: 7px 20px;
    background:#fff;
    line-height: 20px;
    font-size:14px;
    font-family: 'Noto Sans Gothic', sans-serif;
    height: auto;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #333;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 3px 3px 0px #333;
    font-family:'Noto Sans Gothic', sans-serif;
    font-weight: bolder;
}
.xm .btn2.social{border: none; cursor: pointer; margin-top: -6px; display: block; width: 127px !important; height: 37px; background: #14397e; color: #fff; text-align: center; line-height: 25px; border-radius: 5px;}


.xm .btn2:hover{background:#0072ff; border:1px solid #0072ff; color:#fff}
.xm .dl-horizontal>dd{}
.xm .table{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.xm .table>caption{text-align:left;font-weight:bold}
.xm .table>caption>.pull-right{position:relative;top:-8px}
.xm .signin{width:400px;margin:30px auto;background-color:#ffffff;border:1px solid #999;border-radius:4px;box-sizing:border-box}
.xm .signin>.login-header{padding:9px 15px;border-bottom:1px solid #eee}
.xm .signin>.login-header>h1{margin:0;font-size:16px;line-height:1.4;font-weight:600;color:#666}
.xm .signin>.login-header>h1>i{opacity:.5;filter:alpha(opacity=50);margin:2px 0 0 0}
.xm .signin>.login-body{max-height:400px;padding:15px}
.xm .signin>.login-body>*:first-child{margin-top:0}
.xm .signin>.login-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;color:#ccc}
.xm .signin>.login-footer:before,
.xm .signin>.login-footer:after{display:table;line-height:0;content:"";clear:both}
.xm .signin>.login-footer>a{text-decoration:none}
.xm .signin>.login-footer>a:hover,
.xm .signin>.login-footer>a:active,
.xm .signin>.login-footer>a:focus{text-decoration:underline}
.xm .signin .control-group{position:relative;padding:0 14px 0 0;margin:0;clear:both}
.xm .signin .control-group:before{content:"";display:block;clear:both}
.xm .signin .contro-group label{font-size:16px}
.xm .signin form{margin:0}
.xm .signin fieldset{margin:0}
.xm .signin label{cursor:pointer;display:inline-block; float:left;}
.xm .signin input[type="text"],
.xm .signin input[type="email"],
.xm .signin input[type="password"]{width:95%; height:35px; border-radius:4px;}
.xm .signin input[type="checkbox"]{margin-top:0px}
.xm .signin .btn{border-radius:2px;overflow:visible;font-size:16px;line-height:18px;padding:7px 13px; margin-right:10px; box-shadow:0px 0px 0px; background:#fff url('');}
.xm .signin .btn:hover{color:#fff; background:#444; transform:none}
.xm .signin .submit{position:absolute;top:0;right:0}
.xm .signin #warning{margin-right:-14px}
.xm .signin #warning>p{margin:10px 0}
.xm .agreement{    border: 1px solid #333;
    padding: 15px 15px 10px 15px;
    border-radius: 5px;
    background: #f8f8f8;
    margin-bottom: 30px;}
.xm .agreement.social{border: none; padding: 0; background: none;}
.xm .agreement>.text{max-height:200px;overflow:auto; text-align:left}
.xm .agreement>.confirm{padding:10px 0 0 0;margin:10px 0 0 0;border-top:1px dotted #ccc;}
.xm .agreement .agreement_01,
.xm .agreement .agreement_02{margin: 0 auto; padding:15px 15px 10px 15px; padding-bottom: 70px; box-sizing: border-box; width: 66%; height: 270px; background: #f8f8f8; border-radius: 5px; border: 1px solid #333333;}
.xm .agreement .agreement_01{margin-bottom: 20px;}
.xm .agreement .agreement_01 .text,
.xm .agreement .agreement_02 .text{overflow-y: scroll; height: 100%;}
.xm .agreement .agreement_01 .text::-webkit-scrollbar,
.xm .agreement .agreement_02 .text::-webkit-scrollbar{display: none; /* Chrome, Safari, Opera*/}
.xm .agreement .agreement_01 .confirm,
.xm .agreement .agreement_02 .confirm{border-top: 1px dotted #cccccc; padding-top: 8px; margin-top: 16px;}

.controls .alert-danger{ display:none; color:red;} 
.controls .alert-danger_checkpassword{ display:none; color:red;} 
.controls .alert-danger_levelpassword{ display:none; color:red;} 

.controls .alert-success-safety{ display:none; color:#00b87e;}
.controls .alert-success-normal{ display:none; color:#FF9000;}
.controls .alert-success-danger{ display:none; color:#FF6000;}

.controls .alert-danger_id{ display:none; color:red;} 
.controls .alert-success_id{ display:none; color:#00b87e;} 

.controls .alert-danger_nick_name{ display:none; color:red;} 
.controls .alert-success_nick_name{ display:none; color:#00b87e;} 


/*
.btn_wrap input[type=button], .btn_wrap .btn{
	background: #fff;
    font-size: 18px;
    font-family: inherit;
    display: inline-block;
    padding: 10px 30px;
    line-height: 26px;
    font-family: 'Noto Sans Gothic', sans-serif;
    height: auto;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #333;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 3px 3px 0px #333;
    font-weight: bolder;
    padding-right: 55px;
}
*/
.btn_wrap input.btn_save{background: #fff url(/_NewCS/images/icons/checked.svg) 70px 8px no-repeat;  background-size: 30px 30px;}
.btn_wrap input.btn_del{background: #fff url(/_NewCS/images/icons/trash.svg) 70px 11px no-repeat;  background-size: 25px 25px;}
.btn_wrap a.btn_write{background: #fff url(/_NewCS/images/icons/edit.svg) 105px 8px no-repeat;  background-size: 30px 30px;}

@media all and (max-width:1880px){
    .social_text{display: none;}
}

@media all and (max-width:1570px){
    #fo_insert_member{width: 100% !important;}
}

@media all and (max-width:1180px){
    .xm .agreement .agreement_01, .xm .agreement .agreement_02,
    .confirm.social,
    .control-group.social,
    .btn_wrap.social{width: 100% !important;}
    .controls.social{margin-left: 0 !important;}
    
}

@media all and (max-width:480px){
.xm .signin{width:100%}
.xm .dl-horizontal dt, .xm .dl-horizontal dd {text-align:left !important;}
.control-label{float:initial}
.xm .form-horizontal .controls{margin-left:initial}
.xm .form-horizontal .control-group{padding:10px 5px}

#fo_insert_member > div{text-align:center;}
#fo_insert_member input[type=email], #fo_insert_member input[type=password] {width:90% !important;}
#fo_insert_member > .btn_wrap{text-align:center}

.controls.social{margin-left: 120px !important; margin-top: -30px;}
.line_bar.login_bar{width: 100% !important;}
.btn_sign_naver.login_bar,
.btn_sign_google.login_bar{width: 100% !important; font-size: 16px;}

}

@media all and (min-width:768px){
.xm .dl-horizontal>dt{}
}

@media all and (max-width:300px){
    .btn_save.social{bottom: 40px !important;}
}