@media screen and (min-width: 769px) {

}
@media screen and (max-width: 768px) {
    .mobile-show {
        display: block;
    }
    .drawer-hamburger {
        display: block !important;
    }


    /***********************************************
      ȸ¿ø°¡ÀÔ user_regist00.jsp
    ************************************************/
    #old_aik_style .select-area {
        margin: 20px 0 0;
        padding: 0;
        border-top: 0;
    }
    #old_aik_style .select-area .row {
        margin: 0;
    }
    #old_aik_style .select-area .row .col-md-4 {
        margin: 0 0 10px !important;
    }
    #old_aik_style .select-area .row .col-md-4 a {
        border: 5px solid #eee;
    }
    #old_aik_style .select-area .row .col-md-4 a h1 {
        margin: 5px 0;
    }
    #old_aik_style .select-area .row .col-md-4 a h3 {
        margin: 0 0 5px;
    }
    #old_aik_style .select-area .row .col-md-4 a .sub-title {
        display: block;
        padding: 0 0 15px;
    }

    /***********************************************
      ȸ¿ø°¡ÀÔ common
    ************************************************/
    .joinIndex{
        overflow: hidden;
        margin: 0 0 30px;
        padding: 0;
        text-align: center;
        border: 0;
        border-radius: 2px;
        background-color: #fff;
    }
    .joinIndex li{
        float: left;
        display:inline-block;
        list-style:none;
        width: 33.33333%;
        height: auto;
        margin: 2px 0 3px;
        padding: 0 2px 0 3px;
        background: none;
    }
    .joinIndex .end {
        background:none;
    }
    .joinIndex li input{
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-size:12px;
        padding:10px 10px;
        color: #999;
        background-color:#FFF;
        border:1px solid #CCC;
        box-sizing: border-box;
    }
    .joinIndex li .selected{
        font-weight: bold;
        color: #fff;
        border: 1px solid #275380;
        background: #275380;
    }

    /***********************************************
      ȸ¿ø°¡ÀÔ user_regist01.jsp
    ************************************************/
    .user-regist01 {

    }
    #old_aik_style #user_regist01 {
        overflow: hidden;
    }
    #old_aik_style .col1 {
        width: 100%;
        height: auto;
        float: none;
        margin: 0 auto 20px;
        text-align: center;
    }
    #old_aik_style .col2 {
        width: 100%;
        height: auto;
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    #old_aik_style .info_txt1 {
        margin: 0 0 30px;
    }
    #old_aik_style .info_txt1 br {
        display: none;
    }
    #old_aik_style .info_txt2 {
        clear: both;
        margin: 20px 0 !important;
        text-align: center !important;
    }
    #old_aik_style .btn_ipin {
        margin: 0 0 100px;
    }
    #old_aik_style .btn_ipin a {
        display: block;
        width: 120px;
        height: 40px;
        margin: 0 auto;
        line-height: 40px;
        font-size: 15px;
        font-family: '�? �?','Malgun Gothic';
        font-weight: bold;
        color: #fff;
        border: 1px solid #4d4d4d;
        border-radius: 5px;
        background-color: #4d4d4d;
        text-align: center;
        transition: all 0.25s;
    }
    #old_aik_style .btn_ipin a:hover {
        color: #fff;
        border: 1px solid #3877a0;
        background-color: #3877a0;
        text-decoration: none;
    }


    /***********************************************
      ȸ¿ø°¡ÀÔ user_regist02.jsp
    ************************************************/
    .user-regist02 {

    }
    #user_regist02 p{
        padding-left:31px;
    }
    #user_regist02 .p1{
        padding-left:12px; padding-bottom:10px;
    }
    #user_regist02 .joinIndex{
        overflow: hidden;
        margin: 0 0 30px;
        padding: 0;
        text-align: center;
        border: 0;
        border-radius: 2px;
        background-color: #fff;
    }
    #user_regist02 .joinIndex li{
        float: left;
        display:inline-block;
        list-style:none;
        width: 33.33333%;
        height: auto;
        margin: 2px 0 3px;
        padding: 0 2px 0 3px;
        background: none;
    }
    #user_regist02 .checkAgree{
        width:660px; text-align:center; padding-top:10px; padding-bottom:0px; margin-bottom:0px; margin-left:31px;
    }
    #user_regist02 textarea{
        width:660px; padding:10px; margin-left:31px;
    }
    #user_regist02 .btns{
        padding:0px; margin:5px 0px 10px 31px; width:680px;
    }

    /***********************************************
      ȸ¿ø°¡ÀÔ user_regist03.jsp
    ************************************************/
    .user-regist03 {

    }
    #user_regist03 .table-responsive {
        border: 0;
    }
    #user_regist03 .tTypeView,
    #user_regist03 .tTypeList {
        width: 100%;
        font-size: 13px;
    }
    #user_regist03 .tTypeView label,
    #user_regist03 .tTypeList label {
        font-size: 13px;
    }
    #user_regist03 .tTypeView input,
    #user_regist03 .tTypeView select {
        max-width: 100%;
        width: 100%;
    }
    #user_regist03 .tTypeView input[type=radio] {
        max-width: initial;
        width: auto;
        margin-top: 0;
    }
    #old_aik_style .strMidInput {
        max-width: 100%;
        width: 100%;
    }
    #old_aik_style .tTypeList th {
        font-size: 13px;
    }
    #old_aik_style .tTypeList td p, .tTypeView td p {
        margin: 0 !important;
    }

    #old_aik_style .conts #user_regist03 h4 {
        margin: 40px 0 0;
        font-weight: bold;
    }
    #user_regist03 .users .tTypeList,
    #user_regist03 .tTypeList,
    #user_regist03 .tTypeView {
        margin-top: 10px !important;
        width:100%; border-top:1px solid #275380; border-bottom:1px solid #CCC; border-collapse:collapse;
    }
    #user_regist03 .users .tTypeList caption,
    #user_regist03 .tTypeView caption{
        text-align:left; padding-bottom:10px;
    }
    #user_regist03 .users .tTypeList th,
    #user_regist03 .tTypeView th{
        border-bottom:1px solid #CCC; text-align:center; padding:7px 2px; background-color:#f7f7f7;
        font-size: 12px;
    }
    #user_regist03 .users .tTypeList td{
        border-bottom:1px dotted #CCC; text-align:center; padding:7px 2px;
    }
    #user_regist03 .users .tTypeView td{
        border-bottom:1px solid #CCC; text-align:left; padding:7px 5px;
    }
    #user_regist03 .info {
        display: inline-block;
        line-height: 1.3;
        font-size: 11px;
        font-weight: normal;
        color: #33f;
    }
    #user_regist03 .users .tTypeList td p,
    #user_regist03 .tTypeView td p{
        padding:0px; margin:0px; padding-bottom:5px;
    }
    #user_regist03 .users .tTypeList input,
    #user_regist03 .tTypeView input{
        font-size: 13px;
        background-color:#fff; border:1px solid #ebebeb; padding:1px;
        vertical-align: middle;
    }
    #user_regist03 .users .tTypeList input,
    #user_regist03 .tTypeView input[readonly] {
        border: 1px solid #bcbcbc;background-color: #e5e5e5
    }
    #user_regist03 .users .tTypeList textarea,
    #user_regist03 .tTypeView textarea{
        width:500px; padding:10px;
    }
    #user_regist03 .users .tTypeList .btns,
    #user_regist03 .tTypeView .btns{
        width:100%; padding:0px;
    }
    #user_regist03 .users .tTypeList .btns input,
    #user_regist03 .tTypeView .btns input{
        border:none; padding:3px 5px; background-color:#b3b3b3; color:#FFF;
    }
    #user_regist03 .users .tTypeList .sBtns,
    #user_regist03 .tTypeView .sBtns{
        border:none;
        padding:0px 4px;
        height:22px;
        background-color:#b3b3b3;
        color:#FFF;
        font-size:13px;
    }
    #user_regist03 .users .tTypeList .contents,
    #user_regist03 .tTypeView .contents{
        vertical-align:top; line-height:18px;
    }
    #user_regist03 .users .tTypeList .subject{
        text-align:left; color:#333;
    }
    #user_regist03 .users .tTypeList .noData{
        padding:20px 0px;
    }
    #user_regist03 .users .tTypeList .memo{
        border-bottom:1px dotted #CCC;
    }

    /* ¹öÆ° */
    #old_aik_style #user_regist03 .sBtns{
        border:none; padding:6px 10px; height:28px; background-color:#b3b3b3; color:#FFF; font-family:"µ¸¿ò", "±¼¸²"; font-size:11px;
    }
    #old_aik_style #user_regist03 td .sBtns{
        margin: 3px 0 0;
    }
    #old_aik_style #user_regist03 .btns{
        width:100%; text-align:center; margin-top:10px;padding-top:20px; border-radius: 2px;
    }
    #old_aik_style #user_regist03 td .btns {
        margin: 5px 0;
        padding-top: 0;
    }
    #old_aik_style #user_regist03 .btns img{
        cursor:pointer;
    }
    #old_aik_style #user_regist03 .btns input{
        border:none; margin: 0 10px; padding:5px 10px; background-color:#b3b3b3; font-weight:bold; color:#FFF; cursor:pointer; border-radius: 2px;
    }
    #old_aik_style #user_regist03 .btns input[type^="submit"]{
        border:none; margin: 0 10px; padding:5px 10px; background-color:#326497; font-weight:bold; color:#FFF; border-radius: 2px;
    }
    #old_aik_style #user_regist03 .btns input[type^="button"]{
        border:none; margin: 0 10px; padding:5px 10px; background-color:#999; font-weight:bold; color:#FFF; border-radius: 2px;
    }

}