@charset "utf-8";

input.txtInput {
    box-sizing: border-box;
    height: 34px;
    padding: 0 5px;
    margin: 0;
    line-height: 31px;
    font-size: 14px;
    outline: none;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    color: #464646;
    vertical-align: middle;
    font-family:'notokr-regular', 'Nanum Gothic', "Malgun Gothic", "맑은고딕", "sans-serif";
    box-shadow: none;
    -webkit-appearance: none;
}

input.radio, 
input[type=radio] {
    width: 13px !important;
    height: 13px !important;
    margin: -1px 0 0 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
    background: none;
}

input.check,
input[type=checkbox] {
    width: 13px !important;
    height: 13px !important;
    margin: -1px 0 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
    background: none;
}

select.select {
    box-sizing: border-box;
    height: 34px;
    padding: 0 0 0 5px;
    margin: 0;
    font-size: 14px;
    color: #464646;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    font-family:'notokr-regular', 'Nanum Gothic', "Malgun Gothic", "맑은고딕", "sans-serif";
    vertical-align: middle; /*background:url('/Images/common/bg_form_select.gif') no-repeat right center;*/
}

label.label {
    display: inline-block;
    font-size: 14px;
}

.txtAreaWrap {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
}

.txtAreaWrap textarea {
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    resize: none;
}

/**********************************************
**form - width:1200
**********************************************/
@media screen and (max-width:1200px) {
    /*input.txtInput {height:45px; line-height:43px; font-size:18px;}
    select.select {height:45px; padding:0 0 0 5px; margin:0; font-size:18px;}
    label.label{font-size:18px;}*/
}

/**********************************************
**form - width:780
**********************************************/
@media screen and (max-width:780px) {
    input.txtInput {
        height: 27px;
        line-height: 24px;
        font-size: 16px;
    }

    select.select {
        height: 27px;
        padding: 0 0 0 5px;
        margin: 0;
        font-size: 16px;
    }

    label.label {
        font-size: 16px;
    }
}

/**********************************************
*set
**********************************************/
.bold {
    font-weight: bold !important;
}

/* color */
.point01 {
    color: #f34235 !important;
}

/* text align */
.txtAlignR {
    text-align: right !important
}

.txtAlignC {
    text-align: center !important
}

.txtAlignL {
    text-align: left !important
}

/* ele align */
.vAlignT {
    vertical-align: top !important
}

.vAlignM {
    vertical-align: middle !important
}

.vAlignB {
    vertical-align: bottom !important
}

/* clipping */
.clipping {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

/* font weight */
.bold500 {
    font-weight: 500 !important;
}

.bold {
    font-weight: bold !important;
}

/*padding set*/
.p0 {
    padding: 0 !important;
}

.p1 {
    padding: 1px !important;
}

.p2 {
    padding: 2px !important;
}

.p3 {
    padding: 3px !important;
}

.p4 {
    padding: 4px !important;
}

.p5 {
    padding: 5px !important;
}

.p6 {
    padding: 6px !important;
}

.p7 {
    padding: 7px !important;
}

.p8 {
    padding: 8px !important;
}

.p9 {
    padding: 9px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.p35 {
    padding: 35px !important;
}

.p40 {
    padding: 40px !important;
}

.p45 {
    padding: 45px !important;
}

.p50 {
    padding: 50px !important;
}

.p55 {
    padding: 55px !important;
}

.p60 {
    padding: 60px !important;
}

.p65 {
    padding: 65px !important;
}

.p70 {
    padding: 70px !important;
}

.p75 {
    padding: 75px !important;
}

.p80 {
    padding: 80px !important;
}

.p85 {
    padding: 85px !important;
}

.p90 {
    padding: 90px !important;
}

.p95 {
    padding: 95px !important;
}

.p100 {
    padding: 100px !important;
}

.pT0 {
    padding-top: 0 !important;
}

.pT1 {
    padding-top: 1px !important;
}

.pT2 {
    padding-top: 2px !important;
}

.pT3 {
    padding-top: 3px !important;
}

.pT4 {
    padding-top: 4px !important;
}

.pT5 {
    padding-top: 5px !important;
}

.pT6 {
    padding-top: 6px !important;
}

.pT7 {
    padding-top: 7px !important;
}

.pT8 {
    padding-top: 8px !important;
}

.pT9 {
    padding-top: 9px !important;
}

.pT10 {
    padding-top: 10px !important;
}

.pT15 {
    padding-top: 15px !important;
}

.pT20 {
    padding-top: 20px !important;
}

.pT25 {
    padding-top: 25px !important;
}

.pT30 {
    padding-top: 30px !important;
}

.pT35 {
    padding-top: 35px !important;
}

.pT40 {
    padding-top: 40px !important;
}

.pT45 {
    padding-top: 45px !important;
}

.pT50 {
    padding-top: 50px !important;
}

.pT55 {
    padding-top: 55px !important;
}

.pT60 {
    padding-top: 60px !important;
}

.pT65 {
    padding-top: 65px !important;
}

.pT70 {
    padding-top: 70px !important;
}

.pT75 {
    padding-top: 75px !important;
}

.pT80 {
    padding-top: 80px !important;
}

.pT85 {
    padding-top: 85px !important;
}

.pT90 {
    padding-top: 90px !important;
}

.pT95 {
    padding-top: 95px !important;
}

.pT100 {
    padding-top: 100px !important;
}

.pR0 {
    padding-right: 0 !important;
}

.pR1 {
    padding-right: 1px !important;
}

.pR2 {
    padding-right: 2px !important;
}

.pR3 {
    padding-right: 3px !important;
}

.pR4 {
    padding-right: 4px !important;
}

.pR5 {
    padding-right: 5px !important;
}

.pR6 {
    padding-right: 6px !important;
}

.pR7 {
    padding-right: 7px !important;
}

.pR8 {
    padding-right: 8px !important;
}

.pR9 {
    padding-right: 9px !important;
}

.pR10 {
    padding-right: 10px !important;
}

.pR15 {
    padding-right: 15px !important;
}

.pR20 {
    padding-right: 20px !important;
}

.pR25 {
    padding-right: 25px !important;
}

.pR30 {
    padding-right: 30px !important;
}

.pR35 {
    padding-right: 35px !important;
}

.pR40 {
    padding-right: 40px !important;
}

.pR45 {
    padding-right: 45px !important;
}

.pR50 {
    padding-right: 50px !important;
}

.pR55 {
    padding-right: 55px !important;
}

.pR60 {
    padding-right: 60px !important;
}

.pR65 {
    padding-right: 65px !important;
}

.pR70 {
    padding-right: 70px !important;
}

.pR75 {
    padding-right: 75px !important;
}

.pR80 {
    padding-right: 80px !important;
}

.pR85 {
    padding-right: 85px !important;
}

.pR90 {
    padding-right: 90px !important;
}

.pR95 {
    padding-right: 95px !important;
}

.pR100 {
    padding-right: 100px !important;
}

.pB0 {
    padding-bottom: 0 !important;
}

.pB1 {
    padding-bottom: 1px !important;
}

.pB2 {
    padding-bottom: 2px !important;
}

.pB3 {
    padding-bottom: 3px !important;
}

.pB4 {
    padding-bottom: 4px !important;
}

.pB5 {
    padding-bottom: 5px !important;
}

.pB6 {
    padding-bottom: 6px !important;
}

.pB7 {
    padding-bottom: 7px !important;
}

.pB8 {
    padding-bottom: 8px !important;
}

.pB9 {
    padding-bottom: 9px !important;
}

.pB10 {
    padding-bottom: 10px !important;
}

.pB15 {
    padding-bottom: 15px !important;
}

.pB20 {
    padding-bottom: 20px !important;
}

.pB25 {
    padding-bottom: 25px !important;
}

.pB30 {
    padding-bottom: 30px !important;
}

.pB35 {
    padding-bottom: 35px !important;
}

.pB40 {
    padding-bottom: 40px !important;
}

.pB45 {
    padding-bottom: 45px !important;
}

.pB50 {
    padding-bottom: 50px !important;
}

.pB55 {
    padding-bottom: 55px !important;
}

.pB60 {
    padding-bottom: 60px !important;
}

.pB65 {
    padding-bottom: 65px !important;
}

.pB70 {
    padding-bottom: 70px !important;
}

.pB75 {
    padding-bottom: 75px !important;
}

.pB80 {
    padding-bottom: 80px !important;
}

.pB85 {
    padding-bottom: 85px !important;
}

.pB90 {
    padding-bottom: 90px !important;
}

.pB95 {
    padding-bottom: 95px !important;
}

.pB100 {
    padding-bottom: 100px !important;
}

.pL0 {
    padding-left: 0 !important;
}

.pL1 {
    padding-left: 1px !important;
}

.pL2 {
    padding-left: 2px !important;
}

.pL3 {
    padding-left: 3px !important;
}

.pL4 {
    padding-left: 4px !important;
}

.pL5 {
    padding-left: 5px !important;
}

.pL6 {
    padding-left: 6px !important;
}

.pL7 {
    padding-left: 7px !important;
}

.pL8 {
    padding-left: 8px !important;
}

.pL9 {
    padding-left: 9px !important;
}

.pL10 {
    padding-left: 10px !important;
}

.pL15 {
    padding-left: 15px !important;
}

.pL20 {
    padding-left: 20px !important;
}

.pL25 {
    padding-left: 25px !important;
}

.pL30 {
    padding-left: 30px !important;
}

.pL35 {
    padding-left: 35px !important;
}

.pL40 {
    padding-left: 40px !important;
}

.pL45 {
    padding-left: 45px !important;
}

.pL50 {
    padding-left: 50px !important;
}

.pL55 {
    padding-left: 55px !important;
}

.pL60 {
    padding-left: 60px !important;
}

.pL65 {
    padding-left: 65px !important;
}

.pL70 {
    padding-left: 70px !important;
}

.pL75 {
    padding-left: 75px !important;
}

.pL80 {
    padding-left: 80px !important;
}

.pL85 {
    padding-left: 85px !important;
}

.pL90 {
    padding-left: 90px !important;
}

.pL95 {
    padding-left: 95px !important;
}

.pL100 {
    padding-left: 100px !important;
}

/*margin set*/
.m0 {
    margin: 0 !important;
}

.m1 {
    margin: 1px !important;
}

.m2 {
    margin: 2px !important;
}

.m3 {
    margin: 3px !important;
}

.m4 {
    margin: 4px !important;
}

.m5 {
    margin: 5px !important;
}

.m6 {
    margin: 6px !important;
}

.m7 {
    margin: 7px !important;
}

.m8 {
    margin: 8px !important;
}

.m9 {
    margin: 9px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.m45 {
    margin: 45px !important;
}

.m50 {
    margin: 50px !important;
}

.m55 {
    margin: 55px !important;
}

.m60 {
    margin: 60px !important;
}

.m65 {
    margin: 65px !important;
}

.m70 {
    margin: 70px !important;
}

.m75 {
    margin: 75px !important;
}

.m80 {
    margin: 80px !important;
}

.m85 {
    margin: 85px !important;
}

.m90 {
    margin: 90px !important;
}

.m95 {
    margin: 95px !important;
}

.m100 {
    margin: 100px !important;
}

.mT0 {
    margin-top: 0 !important;
}

.mT1 {
    margin-top: 1px !important;
}

.mT2 {
    margin-top: 2px !important;
}

.mT3 {
    margin-top: 3px !important;
}

.mT4 {
    margin-top: 4px !important;
}

.mT5 {
    margin-top: 5px !important;
}

.mT6 {
    margin-top: 6px !important;
}

.mT7 {
    margin-top: 7px !important;
}

.mT8 {
    margin-top: 8px !important;
}

.mT9 {
    margin-top: 9px !important;
}

.mT10 {
    margin-top: 10px !important;
}

.mT15 {
    margin-top: 15px !important;
}

.mT20 {
    margin-top: 20px !important;
}

.mT25 {
    margin-top: 25px !important;
}

.mT30 {
    margin-top: 30px !important;
}

.mT35 {
    margin-top: 35px !important;
}

.mT40 {
    margin-top: 40px !important;
}

.mT45 {
    margin-top: 45px !important;
}

.mT50 {
    margin-top: 50px !important;
}

.mT55 {
    margin-top: 55px !important;
}

.mT60 {
    margin-top: 60px !important;
}

.mT65 {
    margin-top: 65px !important;
}

.mT70 {
    margin-top: 70px !important;
}

.mT75 {
    margin-top: 75px !important;
}

.mT80 {
    margin-top: 80px !important;
}

.mT85 {
    margin-top: 85px !important;
}

.mT90 {
    margin-top: 90px !important;
}

.mT95 {
    margin-top: 95px !important;
}

.mT100 {
    margin-top: 100px !important;
}

.mT382 {
    margin-top: 382px !important;
}

.mR0 {
    margin-right: 0 !important;
}

.mR1 {
    margin-right: 1px !important;
}

.mR2 {
    margin-right: 2px !important;
}

.mR3 {
    margin-right: 3px !important;
}

.mR4 {
    margin-right: 4px !important;
}

.mR5 {
    margin-right: 5px !important;
}

.mR6 {
    margin-right: 6px !important;
}

.mR7 {
    margin-right: 7px !important;
}

.mR8 {
    margin-right: 8px !important;
}

.mR9 {
    margin-right: 9px !important;
}

.mR10 {
    margin-right: 10px !important;
}

.mR15 {
    margin-right: 15px !important;
}

.mR20 {
    margin-right: 20px !important;
}

.mR25 {
    margin-right: 25px !important;
}

.mR30 {
    margin-right: 30px !important;
}

.mR35 {
    margin-right: 35px !important;
}

.mR40 {
    margin-right: 40px !important;
}

.mR45 {
    margin-right: 45px !important;
}

.mR50 {
    margin-right: 50px !important;
}

.mR55 {
    margin-right: 55px !important;
}

.mR60 {
    margin-right: 60px !important;
}

.mR65 {
    margin-right: 65px !important;
}

.mR70 {
    margin-right: 70px !important;
}

.mR75 {
    margin-right: 75px !important;
}

.mR80 {
    margin-right: 80px !important;
}

.mR85 {
    margin-right: 85px !important;
}

.mR90 {
    margin-right: 90px !important;
}

.mR95 {
    margin-right: 95px !important;
}

.mR100 {
    margin-right: 100px !important;
}

.mB0 {
    margin-bottom: 0 !important;
}

.mB1 {
    margin-bottom: 1px !important;
}

.mB2 {
    margin-bottom: 2px !important;
}

.mB3 {
    margin-bottom: 3px !important;
}

.mB4 {
    margin-bottom: 4px !important;
}

.mB5 {
    margin-bottom: 5px !important;
}

.mB6 {
    margin-bottom: 6px !important;
}

.mB7 {
    margin-bottom: 7px !important;
}

.mB8 {
    margin-bottom: 8px !important;
}

.mB9 {
    margin-bottom: 9px !important;
}

.mB10 {
    margin-bottom: 10px !important;
}

.mB15 {
    margin-bottom: 15px !important;
}

.mB20 {
    margin-bottom: 20px !important;
}

.mB25 {
    margin-bottom: 25px !important;
}

.mB30 {
    margin-bottom: 30px !important;
}

.mB35 {
    margin-bottom: 35px !important;
}

.mB40 {
    margin-bottom: 40px !important;
}

.mB45 {
    margin-bottom: 45px !important;
}

.mB50 {
    margin-bottom: 50px !important;
}

.mB55 {
    margin-bottom: 55px !important;
}

.mB60 {
    margin-bottom: 60px !important;
}

.mB65 {
    margin-bottom: 65px !important;
}

.mB70 {
    margin-bottom: 70px !important;
}

.mB75 {
    margin-bottom: 75px !important;
}

.mB80 {
    margin-bottom: 80px !important;
}

.mB85 {
    margin-bottom: 85px !important;
}

.mB90 {
    margin-bottom: 90px !important;
}

.mB95 {
    margin-bottom: 95px !important;
}

.mB100 {
    margin-bottom: 100px !important;
}

.mL0 {
    margin-left: 0 !important;
}

.mL1 {
    margin-left: 1px !important;
}

.mL2 {
    margin-left: 2px !important;
}

.mL3 {
    margin-left: 3px !important;
}

.mL4 {
    margin-left: 4px !important;
}

.mL5 {
    margin-left: 5px !important;
}

.mL6 {
    margin-left: 6px !important;
}

.mL7 {
    margin-left: 7px !important;
}

.mL8 {
    margin-left: 8px !important;
}

.mL9 {
    margin-left: 9px !important;
}

.mL10 {
    margin-left: 10px !important;
}

.mL15 {
    margin-left: 15px !important;
}

.mL20 {
    margin-left: 20px !important;
}

.mL25 {
    margin-left: 25px !important;
}

.mL30 {
    margin-left: 30px !important;
}

.mL35 {
    margin-left: 35px !important;
}

.mL40 {
    margin-left: 40px !important;
}

.mL45 {
    margin-left: 45px !important;
}

.mL50 {
    margin-left: 50px !important;
}

.mL55 {
    margin-left: 55px !important;
}

.mL60 {
    margin-left: 60px !important;
}

.mL65 {
    margin-left: 65px !important;
}

.mL70 {
    margin-left: 70px !important;
}

.mL75 {
    margin-left: 75px !important;
}

.mL80 {
    margin-left: 80px !important;
}

.mL85 {
    margin-left: 85px !important;
}

.mL90 {
    margin-left: 90px !important;
}

.mL95 {
    margin-left: 95px !important;
}

.mL100 {
    margin-left: 100px !important;
}


/**********************************************
**common
**********************************************/
#contents.designConts {max-width:100%; padding:0;}

.conTitWrap {overflow:hidden; margin:40px 0 20px;  line-height:36px;}
.conTitWrap .tit {float:left; margin:0 10px 0 0; font-size:30px; font-weight:normal;}
.conTitWrap .price {float:left; font-size:25px; color:#aaa;}
.conTitWrap .price em {font-size:15px;}
.conTitWrap .copyTxt {float:left; font-size:20px; color:#aaa;}

.conTitWrap.type02 {margin:50px 0 10px; overflow:hidden;}
.conTitWrap.type02 .tit {float:left; line-height:34px; font-size:24px; font-weight:normal; color:#464646;}
.conTitWrap.type02 .boxR {float:right;}
.conTitWrap.type02 .boxR .viewT {display:inline-block; margin:0 10px 0 0; font-weight:bold;}
.conTitWrap.type02 .boxR .select_custom {width:100px; vertical-align:top;}

/* button box */
.btnPageWrap {margin:30px 0 0; text-align:right;}
.btnPageWrap .btn01, 
.btnPageWrap .btn02 {min-width:100px;}

/* button */
.btn01 {display:inline-block; height:33px; padding:1px 20px 0 20px; font-size:14px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; border-radius:3px; background:#aaa}
a.btn01 {line-height:33px; color:#fff;}
.btn01:hover {background:#787878;}
button.btn01 {height:35px;  padding:0 20px 0 20px; line-height:30px; font-size:14px;}
.btn02 {display:inline-block; height:33px; padding:1px 20px 0 20px; font-size:14px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; border-radius:3px; background:#2FA1DF;}
a.btn02 {line-height:33px; color:#fff;}
.btn02:hover {background:#114692;}
button.btn02 {height:35px; padding:0 20px 0 20px; line-height:30px; font-size:14px;}

/* view &amp; 등록 division */
.viewWrap {width:100%;}
.viewWrap ul {width:100%; border-top:2px solid #545454; border-bottom:1px solid #4f4e4e;}
.viewWrap ul li:after {display:block; content:""; clear:both; width:0; height:0; font-size:0; line-height:0;}
.viewWrap ul li .cell_th {float:left; box-sizing:border-box; width:15%; padding:15px 10px; margin:0 1% 0 0; line-height:20px; font-size:15px; color:#46413c; border-top:1px solid #b0b0b0;}
.viewWrap ul li .cell_td {float:left; box-sizing:border-box; width:84%; padding:8px 0; line-height:34px; font-size:14px; color:#46413c; border-top:1px solid #b0b0b0;}
.viewWrap ul li:first-child .cell_th {border-top:none;}
.viewWrap ul li:first-child .cell_td {border-top:none;}
.viewWrap ul li .cell_td .txtDiv {margin:5px 0 0; line-height:20px; color:#aaa;}

.viewWrap.type02 ul li .cell_th {padding:15px 10px; line-height:20px;}
.viewWrap.type02 ul li .cell_td {padding:15px 0 14px; line-height:19px;}

.viewWrap02 .viewHead {position:relative; padding:15px 240px 15px 0; border-top:2px solid #545454; border-bottom:1px solid #545454;}
.viewWrap02 .viewHead .viewTit {line-height:20px; font-size:16px; font-weight:bold;}
.viewWrap02 .viewHead .date {position:absolute; right:0; top:50%; margin:-10px 0 0; font-size:15px; line-height:20px;}
.viewWrap02 .viewHead .date em {display:inline-block; margin:0 5px 0 0; font-weight:bold;}
.viewWrap02 .veiwConts .eventImg {display:block; width:100%; text-align:center;}
.viewWrap02 .viewConts .eventImg img {max-width:100%;}
.viewWrap02 .viewConts .txtConts {padding:60px 0 0; line-height:30px; font-size:16px;}

.viewWrap02.type02 .viewHead {padding:15px 220px 15px 0;}
.viewWrap02.type02 .writeInfo {position:absolute; font-size:15px; right:0; top:50%; margin:-10px 0 0;}
.viewWrap02.type02 .writeInfo .titSmall {font-weight:bold;}
.viewWrap02.type02 .writeInfo .date {display:inline-block; position:static; margin:0 15px 0 15px; font-size:15px;}
.viewWrap02.type02 .writeInfo .clickNum {display:inline-block; min-width:95px; font-size:15px;}

/* 공유하기 */
.shareBox {padding:15px 0; text-align:right;}
.shareBox a {display:inline-block; width:35px; margin:0 0 0 5px;}
.shareBox a img {width:100%;}

/* 리스트*/
.listWrap ul {overflow:hidden; width:100%; border-top:2px solid #545454; border-bottom:1px solid #4f4e4e;}
.listWrap ul li {overflow:hidden; position:relative; padding:0 0 0 90px;}
.listWrap ul li .cell_num {position:absolute; top:0; left:0; bottom:0; width:80px; text-align:center;}
.listWrap ul li .cell_num span {position:absolute; left:0; right:0; top:50%; margin:-12px 0 0; font-size:15px;}
.listWrap ul li .cell_cont {display:block; padding:0 235px 0 0;}
.listWrap ul li .cell_cont strong {display:block; padding:16px 0; line-height:21px; font-size:16px;}
.listWrap ul li .cell_cont .icoSecret {display:inline-block; width:auto; max-width:100%; padding:25px 30px 25px 0; box-sizing:border-box; background:url('/img/common/ico_secret_write.gif') no-repeat right center;}
.listWrap ul li .cell_num, .listWrap ul li .cell_cont {border-top:1px solid #b6ada8;}
.listWrap ul li:first-child .cell_num, .listWrap ul li:first-child .cell_cont {border-top:none;}
.listWrap ul li .writeInfo {position:absolute; right:0; top:50%; margin:-12px 0 0;}
.listWrap ul li .writeInfo > span {display:inline-block; vertical-align:top; margin:0 0 0 20px; font-size:15px;}
.listWrap ul li .writeInfo > span:first-child {margin:0;}
.listWrap ul li .writeInfo > span .titSmall {font-weight:bold;}
.listWrap ul li .writeInfo .clickNum {min-width:95px; font-size:15px;}
.listWrap ul li .fontC01 {color:#828287;}

/* 리스트 Toggle Type */
.listWrap.typeToggle ul li .cell_cont .date {display:block; position:absolute; right:100px; top:50%; margin:-9px 0 0;}
.listWrap.typeToggle ul li .btn01, .listWrap ul li .btn02 {position:absolute; right:0; top:50%; width:80px; margin:-18px 0 0;}
.listWrap.typeToggle ul li.viewCont {display:none; padding:0; border-top:1px solid #b6ada8; /*border-bottom:1px solid #545454; z-index:1;*/}
.listWrap.typeToggle ul li.viewCont .viewInner {padding:0 0 30px; margin:0 0 -1px; font-size:14px;}

/* 리스트 FAQ */
.listWrap.fapType ul li .cell_ico {position:absolute; top:0; left:0; bottom:0; width:100px; text-align:center;}
.listWrap.fapType ul li .cell_ico {border-top:1px solid #b6ada8;}
.listWrap.fapType ul li:first-child .cell_ico {border-top:2px solid #545454;}
.listWrap.fapType ul li .cell_ico span {display:block; position:absolute; left:0; right:0; top:50%; height:25px; margin:-13px 0 0; line-height:0; font-size:1px; color:transparent;}
.listWrap.fapType ul li .cell_ico .icoQ {background:url('/img/common/ico_question.gif') no-repeat center;}
.listWrap.fapType ul li .cell_ico .icoA {background:url('/img/common/ico_answer.gif') no-repeat center;}
.listWrap.fapType ul li .cell_cont .date {display:block; position:absolute; right:100px; top:50%; margin:-9px 0 0;}
.listWrap.fapType ul li .btn01, .listWrap.fapType ul li .btn02 {position:absolute; right:0; top:50%; width:80px; margin:-18px 0 0;}
.listWrap.fapType ul li.viewCont {display:none; padding:0 0 0 110px;}
.listWrap.fapType ul li.viewCont .viewInner {padding:30px 0; margin:0 0 -1px; font-size:14px; border-top:1px solid #b6ada8;}

/* 리스트 type01 */
.listWrap.type01 ul li .cell_cont {padding:0 150px 0 0;}
.listWrap.type01 .cell_cont strong {width:100%;}
.listWrap.type01 .cell_cont strong.icoSecret {width:auto;}

/* 리스트 type02 */
.listWrap.type02 ul li .cell_cont {padding:0 220px 0 0;}
.listWrap.type02 .cell_cont strong {width:100%;}
.listWrap.type02 .cell_cont strong.icoSecret {width:auto;}

/* 리스트 type03 */
.listWrap.type03 ul li .cell_cont {padding:0 240px 0 0;}
.listWrap.type03 ul li .cell_cont strong {width:100%;}
.listWrap.type03 .cell_cont strong.icoSecret {width:auto;}

/* 리스트 type04 */
.listWrap.type04 ul li {padding:0 440px 0 210px;}
.listWrap.type04 ul li .cell_cty,
.listWrap.type04 ul li .cell_email,
.listWrap.type04 ul li .cell_share {position:absolute; top:0; bottom:0; border-top:1px solid #b0b0b0;}
.listWrap.type04 ul li:first-child .cell_cty,
.listWrap.type04 ul li:first-child .cell_email,
.listWrap.type04 ul li:first-child .cell_share {border-top:none;}
.listWrap.type04 ul li .cell_cty .cell_inner,
.listWrap.type04 ul li .cell_email .cell_inner {position:absolute; top:50%; left:0; margin:-9px 0 0;}
.listWrap.type04 ul li .cell_share .cell_inner {position:absolute; top:50%; left:0; margin:-12px 0 0;}
.listWrap.type04 ul li .cell_cty {left:0; width:200px; letter-spacing:-0.5px;}
.listWrap.type04 ul li .cell_addr {width:100%; padding:25px 0; border-top:1px solid #b0b0b0;}
.listWrap.type04 ul li:first-child .cell_addr {border-top:none;}
.listWrap.type04 ul li .cell_email {right:130px; width:300px;}
.listWrap.type04 ul li .cell_share {right:0; width:120px;}
.listWrap.type04 ul li .cell_share .cell_inner .ico_share {display:inline-block; margin:0 0 0 5px;}
.listWrap.type04 ul li .cell_share .cell_inner .ico_share:first-child {margin:0;}

/* 리스트 type05 */
.listWrap.type05 ul li {padding:0 500px 0 0}
.listWrap.type05 ul li .cell_addr,
.listWrap.type05 ul li .cell_time,
.listWrap.type05 ul li .cell_service,
.listWrap.type05 ul li .cell_btn {border-top:1px solid #b0b0b0;}
.listWrap.type05 ul li:first-child .cell_addr,
.listWrap.type05 ul li:first-child .cell_time,
.listWrap.type05 ul li:first-child .cell_service,
.listWrap.type05 ul li:first-child .cell_btn {border-top:none;}
.listWrap.type05 ul li .cell_addr {padding:25px 0;}
.listWrap.type05 ul li .cell_addr .storeName {display:block; font-size:16px; line-height:22px;}
.listWrap.type05 ul li .cell_addr .addr {display:block; margin:5px 0 0;}
.listWrap.type05 ul li .cell_addr .tel {display:block; margin:5px 0 0; color:#aaa;}
.listWrap.type05 ul li .cell_time {position:absolute; top:0; right:330px; bottom:0; width:160px;}
.listWrap.type05 ul li .cell_time .cell_inner {position:absolute; top:50%; left:0; right:0; margin:-8px 0 0; text-align:center;}
.listWrap.type05 ul li .cell_service {position:absolute; top:0; right:120px; bottom:0;width:200px;}
.listWrap.type05 ul li .cell_service .cell_inner {position:absolute; top:50%; left:0; right:0; margin:-12px 0 0; text-align:center;}
.listWrap.type05 ul li .cell_service .cell_inner .icoService {display:inline-block; margin:0 0 0 5px;}
.listWrap.type05 ul li .cell_service .cell_inner .icoService:first-child {margin:0;}
.listWrap.type05 ul li .cell_btn {position:absolute; top:0; right:0; bottom:0; width:110px;}
.listWrap.type05 ul li .cell_btn .btn01 {position:absolute; right:0; top:50%; width:auto; margin:-18px 0 0;}
.listWrap.type05 ul li .cell_btn .btn02 {width:auto;}

/* 리스트 type06 */
.listWrap.type06 ul li {padding:0 0 0 550px;}
.listWrap.type06 ul li .cell_tit,
.listWrap.type06 ul li .cell_cost,
.listWrap.type06 ul li .cell_detail {border-top:1px solid #b0b0b0;}
.listWrap.type06 ul li:first-child .cell_tit,
.listWrap.type06 ul li:first-child .cell_cost,
.listWrap.type06 ul li:first-child .cell_detail {border-top:none;}
.listWrap.type06 ul li .cell_tit {position:absolute; left:0; top:0; bottom:0; width:350px;}
.listWrap.type06 ul li .cell_tit span {position:absolute; left:0; right:0; top:50%; margin:-9px 0 0; font-weight:bold; text-align:center;}
.listWrap.type06 ul li .cell_cost {position:absolute; left:360px; top:0; bottom:0; width:180px;}
.listWrap.type06 ul li .cell_cost span {position:absolute; left:0; right:0; top:50%; margin:-9px 0 0; text-align:center;}
.listWrap.type06 ul li .cell_detail {padding:20px 0; line-height:26px;}
.listWrap.type06 ul li.total .cell_tit span,
.listWrap.type06 ul li.total .cell_cost span {color:#701b00; font-weight:bold;}

/* 이전글 다음글 */
.viewListNav {margin:50px 0 0;}
.viewListNav ul {border-top:2px solid #545454; border-bottom:1px solid #545454;}
.viewListNav ul li {position:relative; padding:0 0 0 160px;}
.viewListNav ul li .cell_th {position:absolute; top:0; left:0; bottom:0; width:150px; text-align:center;}
.viewListNav ul li .cell_th strong {display:block; position:absolute; left:0; right:0; top:50%; margin:-9px 0 0; font-size:15px;}
.viewListNav ul li .cell_td {width:100%; font-size:15px;}
.viewListNav ul li .cell_td a {display:block; padding:20px 0;}
.viewListNav ul li .cell_td .txtScript {display:block; overflow:hidden; padding:0 110px 0 0; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-weight:bold;}
.viewListNav ul li .cell_td .noData {display:block; padding:20px 0; font-size:16px; font-weight:bold;}
.viewListNav ul li .cell_td .date {position:absolute; right:0; top:50%; margin:-9px 0 0; font-size:13px;}
.viewListNav ul li .cell_th, .viewListNav ul li .cell_td {border-top:1px solid #b6ada8;}
.viewListNav ul li:first-child .cell_th, .viewListNav ul li:first-child .cell_td {border-top:none;}

/* form - placeholder */
.inpPlacehoder {display:inline-block; position:relative; box-sizing:border-box; width:100%;}
.inpPlacehoder span {display:block; overflow:hidden; position:absolute; left:10px; right:10px; top:0; bottom:0; padding:1px 0 0; line-height:33px; font-size:14px; color:#aaa;}

/* form - 전화번호 입력박스 정렬 */
.phoneForm {width:100%;}
.phoneForm:after {display:block; content:""; clear:both; width:0; height:0; font-size:0; line-height:0;}
.phoneForm > span {float:left; box-sizing:border-box; width:20%;}
.phoneForm > span.telFrontNum {width:10%;}
.phoneForm > span.dash {width:3%; text-align:center;}

/* form - 이메일 입력박스 정렬 */
.emailForm {width:100%;}
.emailForm:after {display:block; content:""; clear:both; width:0; height:0; font-size:0; line-height:0;}
.emailForm > span {float:left; box-sizing:border-box; width:20%;}
.emailForm > span.domainSelect {width:23%; padding:0 0 0 10px;}
.emailForm > span.emailAt {width:4%; text-align:center;}

/* form - 조건 입력박스 정렬 */
.conditionForm {width:100%;}
.conditionForm:after {display:block; content:""; clear:both; width:0; height:0; font-size:0; line-height:0;}
.conditionForm > span {float:left; box-sizing:border-box; width:25%; padding:0 0 0 10px;}
.conditionForm > span:first-child {padding:0;}

/* view in : agree style */
.agreeWrap {position:relative; box-sizing:border-box; width:100%; padding:0;}
.agreeWrap .agreeTxt {padding:10px 0; line-height:20px; font-size:13px; color:#aaa;}
.agreeWrap a {position:absolute; right:0; top:0;}

/* form - design select */
.select_custom {display:inline-block; position:relative; box-sizing:border-box; width:100%; height:34px; padding:0; margin:0; vertical-align:middle; border:1px solid #dfdfdf; border-radius:3px; background:#fff url('/img/common/bg_form_select.gif') no-repeat right center;}
.select_custom span {display:block; overflow:hidden; position:absolute; left:10px; top:50%; right:30px; margin:-10px 0 0; line-height:20px; font-size:14px; white-space:nowrap;}
.select_custom select {width:100%; height:34px; padding:0; font-size:14px; color:#464646; outline:none; border:none; vertical-align:top; opacity:0; filter: alpha(opacity=0);}

/* form - design radio */
.designRadio {display:inline-block; overflow:hidden; position:relative; padding:0 0 0 16px; min-height:12px; line-height:18px; font-size:14px; color:#464646; background:url('/img/common/radio.png') no-repeat left center; cursor:pointer; vertical-align:middle;}
.designRadio.checked {background:url('/img/common/radio_checked.png') no-repeat left center;}
.designRadio.txtHide {width:12px; height:12px; padding:0;}
.designRadio input.radio, .designRadio input[type=radio] {position:absolute; left:-9999em;}

/* form - design checkbox */
.designCheck {display:inline-block; overflow:hidden; position:relative; padding:0 0 0 16px; min-height:12px; line-height:18px; font-size:14px; color:#464646; background:url('/img/common/checkbox.png') no-repeat left center; cursor:pointer; vertical-align:middle;}
.designCheck.checked {background:url('/img/common/checkbox_checked.png') no-repeat left center;}
.designCheck.txtHide {width:12px; height:12px; padding:0;}
.designCheck input.check, .designRadio input[type=checkbox] {position:absolute; left:-9999em;}

/* text-indent type */
.indent01 {padding:0 0 0 10px; text-indent:-7px;}
ul.indent01, ol.indent01 {padding:0; text-indent:0;}
ul.indent01 li, ol.indent01 li {padding:0 0 0 10px; text-indent:-7px;}

/* paging */
.paging {margin:60px 0 0; text-align:center;}
.paging a {display:inline-block; width:33px; height:33px; margin:0; line-height:33px; font-size:14px; color:#d2d2d2; border:1px solid #d2d2d2; vertical-align:top;}
.paging a.on {font-weight:bold; color:#fff; background:#d2d2d2;}
.paging a.prev {width:35px; height:35px; border:none; background:url('/img/common/btn_paging.gif') no-repeat left top;}
.paging a.next {width:35px; height:35px; border:none; background:url('/img/common/btn_paging.gif') no-repeat left -35px;}
.paging .pageNum {display:inline-block; margin:0 10px; overflow:hidden;}
.paging .pageNum a {float:left; margin:0 0 0 -1px;}
.paging .pageNum a:first-child {margin:0;} 

/* tab */
.tabWrap{max-width:100%; margin:0 30px 30px;}
.tabWrap ul {display:table; overflow:hidden; width:100%; border-left:1px solid #aaaaaa;}
.tabWrap ul:first-child {border-top:1px solid #aaaaaa;}
.tabWrap ul li { font-size:16px;display:table-cell; overflow:hidden; box-sizing:border-box; width:20%; padding:9px 5px; vertical-align:middle; border-bottom:1px solid #aaaaaa; border-right:1px solid #aaaaaa; background:#ffffff;}
.tabWrap ul li:hover {background:#29b5c6;}
.tabWrap ul li.empty {border:none;}
.tabWrap ul li.empty:hover {background:#fff;}
.tabWrap ul li.on {background:#29b5c6;}
.tabWrap ul li a {display:block; font-weight:bold; text-align:center;}
.tabWrap ul li.on a {color:#fff;}

/* list top bar area */
.listTopArea {margin:0 0 50px;}
.listTopArea:after {display:block; content:""; clear:both; width:0; height:0; font-size:0; line-height:0;}
.listTopArea .tabWrap {float:left; width:700px; max-width:initial; margin:0;}
.listTopArea .tabWrap ul li {padding:9px 5px 8px;}
.listTopArea .searchZone {float:right; width:400px;}
.listTopArea .searchZone .select_custom {float:left; width:120px; height:36px; margin:0 3px 0 0;}
.listTopArea .searchZone .select_custom .select {height:36px;}
.listTopArea .searchZone .txtInput {float:left; width:238px; height:36px; margin:0 3px 0 0; line-height:35px;}
.listTopArea .searchZone button {float:left; width:36px; height:36px; background:url('/img/common/ico_search.gif') no-repeat left top;}

.listTopArea .searchZone.calendar {width:450px;}
.listTopArea .searchZone.calendar .select_custom {float:left; width:105px; margin:0;}
.listTopArea .searchZone.calendar .txt {float:left; width:33px; line-height:36px; text-align:center;}

/* flag */
.flag01 {display:inline-block !important; box-sizing:border-box !important; height:25px !important; padding:1px 5px 0 !important; line-height:20px !important; font-size:14px !important; font-weight:bold !important; color:#711b04 !important; border:2px solid #76230c !important; background:#f5f5f5 !important;}

/*Table :tbl01*/
.tbl01{width:100%;border-bottom:1px solid #333;border-top:2px solid #333;text-align:left}
.tbl01.fixed{table-layout:fixed}
.tbl01 th{color:#333}
.tbl01 thead th{font-size:18px;line-height:1;padding:15px 0 15px;letter-spacing:-0.02em;font-weight:bold;border-top:1px solid #333}
.tbl01 thead tr:first-child th{border-top:0}
.tbl01 tbody th{vertical-align:middle;font-weight:bold}
.tbl01 tbody td{font-size:15px;color:#444}
.tbl01 tbody th, .tbl01 tbody td{border-top:1px solid #dddddd;line-height:16px;padding:10px 0 9px} 
.tbl01 tbody tr:first-child th, .tbl01 tbody tr:first-child td{border-top:1px solid #333}
.tbl01 thead th, .tbl01 tbody th, .tbl01 tbody td{padding-left:30px}
.row-fluid .tbl01 thead th, .row-fluid .tbl01 tbody th, .row-fluid .tbl01 tbody td{padding-left:20px}
.tbl01 .acc th, .tbl01 .acc td{background-color:#f0f0f0;color:#0c4da2}
.tbl01 .unit{font-size:14px;text-align:right;padding-right:20px}
.tbl01 .unit strong{color:#0089bd}
.tbl01 .tech, .tbl01 .art, .tbl01 .forum, .tbl01 .contr, .tbl01 .patent{font-size:18px;font-weight:bold}
.tbl01 .tech{border-right:2px solid #34495e;color:#34495e}
.tbl01 .art{border-right:2px solid #6d7883;color:#6d7883}
.tbl01 .forum{border-right:2px solid #0079cf;color:#0079cf}
.tbl01 .contr{border-right:2px solid #333;color:#333}
.tbl01 .patent{border-right:2px solid #008390;color:#008390}
.tbl01 .tar{padding-left:0 !important;padding-right:30px}
.tbl01 .highlight th, .tbl01 .highlight td{background-color:#fff}
.tbl01 .highlight th{font-weight:bold}
.tbl01 .highlight td{color:#0079cf}
.tbl01 thead th.tac{padding-left:0 !important;padding-right:0 !important}
.tbl01.tac thead th, .tbl01.tac tbody th, .tbl01.tac tbody td{text-align:center;padding-left:0}
.tbl01 .vl_line{border-left:1px solid #fff}
.tbl01 .col02{position:relative;}
.tbl01 .th_sub th{font-weight:bold;font-size:13px;}
.item:nth-child(odd) .tbl01 .acc th, .item:nth-child(odd) .tbl01 .acc td{background-color:#fff}
.tbl01 .bg_gray{background-color:#f0f2f4;}
.tbl01.uline a{text-decoration:underline;}

.nw_tbl thead th, .nw_tbl tbody th, .nw_tbl tbody td{padding-left:20px}

/*tech_lite*/
.tech_lite .tbl01 tbody a{color:#444}
.tech_lite .tbl01 tbody th, .tech_lite .tbl01 tbody td{padding:11px 0 12px 20px}
.tech_lite .tbl01 tbody th{padding-left:20px;letter-spacing:-0.025em}
.tbl01.lineup thead th, .tbl01.lineup tbody th, .tbl01.lineup tbody td{padding-left:10px}
.product .tbl01.lineup thead th, .product .tbl01.lineup tbody th, .product .tbl01.lineup tbody td{padding:4px 0 3px 10px}
.tbl01 td.tac{padding-left:0 !important;padding-right:0 !important}
.tbl01 .ellipsis{display:block}
.tbl01 .list_sm li{text-align:left}
.tbl01 .bdl{border-left:1px solid #ddd}
.tbl01 .bdl0{border-left:0 !important}

.product .tbl01 thead th, .product .tbl01 tbody th, .product .tbl01 tbody td{text-align:center;padding-left:10px;padding-right:10px}
.product .tbl01.fts12 thead th, .product .tbl01.fts12 tbody th, .product .tbl01.fts12 tbody td{font-size:12px;padding-left:5px;padding-right:5px}

.tbl_top{overflow:hidden;padding-bottom:10px;line-height:25px;color:#333}
.tbl_top select{width:90px;height:25px;border:1px solid #6d7883;border-radius:2px;margin-right:1px}
.tbl_top input[type=submit]{vertical-align:middle;min-width:52px;height:25px;font-size:12px;font-weight:bold;color:#fff;text-align:center;border:0;border-radius:2px;background-color:#485b6e}
.tbl_top form{margin-bottom:0}

.tbl_btm{overflow:hidden;margin-top:10px}
.tbl_btm .down{display:inline-block;line-height:15px;font-size:13px;font-weight:bold;color:#444;text-decoration:underline;white-space:nowrap}
.tbl_btm .down img{margin-right:5px}
.tbl_btm .spot{margin-bottom:0 !important;line-height:15px}

.tbl_btm .pagination{text-align:right;margin-top:0}

.tbl01.view th{font-weight:bold;color:#333;background-color:#f0f2f4}
.tbl01.view th, .tbl01.view td{padding-left:20px}
.tbl01.view .content{min-height:140px;vertical-align:top}
.tbl01.view .pr_txt{position:relative;margin:0;padding-right:150px}
.tbl01.view .pr_txt .btn{position:absolute;right:0;top:50%;margin-top:-12px}
.tbl01.view strong{font-size:14px}
.news_bd .tbl01.view a.btn.blue{color:#fff !important}

.tbl01 .recruit_desc{position:relative;padding-right:200px}
.tbl01 .recruit_desc a{position:absolute;right:0;top:50%;margin-top:-12px}

/**********************************************
**common - width:1200
**********************************************/
@media screen and (max-width:1200px) {

/* contents title */
.headtext { margin:5px 0 15px; font-family:'notokr-regular'; font-size:24px; font-weight:400; line-height:120%; color:#2FA1DF; }
.conTit01 {margin:20px 0 10px; line-height:26px; font-size:24px; font-weight:normal; color:#464646;}

/* button
.btn01 {display:inline-block; height:44px; padding:1px 35px 0 15px; font-size:18px;}
a.btn01 {line-height:42px;}
button.btn01 {height:45px;  padding:0 35px 0 15px; line-height:40px; font-size:18px;}
.btn02 {display:inline-block; height:44px; padding:1px 35px 0 15px; font-size:18px;}
a.btn02 {line-height:42px;}
button.btn02 {height:45px; padding:0 35px 0 15px; line-height:40px; font-size:18px;}
 */

/* view &amp; 등록 division */
.viewWrap ul li .cell_th {width:25%; /*padding:22px 10px; margin:0 1% 0 0; line-height:22px; font-size:19px;*/ color:#46413c; border-top:1px solid #b0b0b0;}
.viewWrap ul li .cell_td {width:74%; /*padding:8px 0; line-height:45px; font-size:18px;*/}
.viewWrap ul li .cell_td .txtDiv {/*margin:10px 0 0; line-height:22px; font-size:16px;*/}

/*.viewWrap.type02 ul li .cell_th {padding:22px 10px; line-height:22px;}
.viewWrap.type02 ul li .cell_td {padding:20px 0 19px; line-height:24px;}*/

.viewWrap02 .viewHead {position:relative; padding:15px 0; border-top:2px solid #545454; border-bottom:1px solid #545454;}
.viewWrap02 .viewHead .viewTit {line-height:22px; font-size:18px;}
.viewWrap02 .viewHead .date {display:block; position:static; margin:5px 0 0; /*font-size:14px; line-height:20px;*/}
.viewWrap02 .viewConts .txtConts {padding:30px 0 0;/* line-height:30px; font-size:14px;*/}

.viewWrap02.type02 .viewHead {padding:15px 0;}
.viewWrap02.type02 .writeInfo {position:static; margin:5px 0 0;}
.viewWrap02.type02 .writeInfo .titSmall {font-weight:bold;}
.viewWrap02.type02 .writeInfo .date {display:inline-block; position:static; margin:0 5px 0 0;}

/* 공유하기
.shareBox a {width:44px;} */

/* 리스트*/
.listWrap ul li .cell_cont {padding:20px 120px 20px 0;}
.listWrap ul li .cell_cont strong {display:block; padding:0; line-height:24px; font-size:22px; }
.listWrap ul li .cell_cont .icoSecret {padding:0 30px 0 0;}

/* 리스트 Toggle Type */
.listWrap.typeToggle ul li .cell_cont .date {display:block; position:static; right:110px; top:50%; margin:5px 0 0; /*font-size:14px;*/}
.listWrap.typeToggle ul li .btn01, .listWrap.typeToggle ul li .btn02 {width:100px; margin:-18px 0 0;}
.listWrap.typeToggle ul li.viewCont .viewInner {/*font-size:15px;*/}

/* 리스트 FAQ */
.listWrap.fapType ul li .cell_cont .date {display:block; position:static; right:110px; top:50%; margin:5px 0 0; /*font-size:14px;*/}
.listWrap.fapType ul li .btn01, .listWrap.fapType ul li .btn02 {width:100px; margin:-18px 0 0;}
.listWrap.fapType ul li.viewCont .viewInner {/*font-size:15px;*/}

/* 리스트 type01 */
.listWrap.type01 ul li .cell_cont {padding:20px 150px 20px 0;}

/* 리스트 type02 */
.listWrap.type02 ul li .cell_cont {padding:20px 220px 20px 0;}

/* 리스트 type03 */
.listWrap.type03 ul li .cell_cont {padding:20px 240px 20px 0;}

/* 리스트 type04 */
.listWrap.type04 ul li {padding:0 130px 0 210px;}
.listWrap.type04 ul li .cell_addr {padding:20px 0 10px;}
.listWrap.type04 ul li .cell_email {position:static; width:100%; padding:0 0 20px; border-top:none;}
.listWrap.type04 ul li:first-child  .cell_email {border-top:none;}
.listWrap.type04 ul li .cell_email .cell_inner {position:static;}

/* 리스트 type05 */
.listWrap.type05 ul li {padding:0 330px 25px 0;}
.listWrap.type05 ul li .cell_time {border-top:none;}
.listWrap.type05 ul li:first-child .cell_time {border-top:none;}
.listWrap.type05 ul li .cell_addr {padding:25px 0 0;}
.listWrap.type05 ul li .cell_time {position:static; width:100%; margin:5px 0 0;}
.listWrap.type05 ul li .cell_time .cell_inner {position:static; margin:0; text-align:left;}

/* 리스트 type06 */
.listWrap.type06 ul li {padding:0 0 0 350px;}
.listWrap.type06 ul li .cell_tit {width:220px;}
.listWrap.type06 ul li .cell_tit span {margin:-9px 0 0;}
.listWrap.type06 ul li .cell_cost {left:230px; width:110px;}
.listWrap.type06 ul li .cell_cost span {position:absolute; left:0; right:0; top:50%; margin:-9px 0 0; text-align:center;}
.listWrap.type06 ul li .cell_detail {padding:25px 0;}

/* 이전글 다음글 */
.viewListNav ul li {padding:0 0 0 180px;}
.viewListNav ul li .cell_th {width:170px;}
.viewListNav ul li .cell_th strong {/*margin:-11px 0 0; line-height:22px; font-size:18px;*/}
.viewListNav ul li .cell_td {width:100%; /*font-size:18px;*/}
.viewListNav ul li .cell_td .txtScript {padding:0; line-height:22px; font-size:18px;}
.viewListNav ul li .cell_td .noData {display:block; padding:20px 0; line-height:46px; font-size:18px;}
.viewListNav ul li .cell_td .date {display:block; position:static;margin:5px 0 0; /*font-size:14px;*/}

/* view in : agree style */
.agreeWrap .agreeTxt {padding:10px 0;}

/* form - placeholder
.inpPlacehoder span {line-height:43px; font-size:18px;} */

/* form - 전화번호 입력박스 정렬 */
.phoneForm > span {width:30%;}
.phoneForm > span.telFrontNum {width:20%;}

/* form - 이메일 입력박스 정렬 */
.emailForm > span {float:left; box-sizing:border-box; width:25%;}
.emailForm > span.domainSelect {width:25%;}
.emailForm > span.emailAt {width:5%;}

/* form - 조건 입력박스 정렬 */
.conditionForm > span {width:30%;}
.conditionForm > span:first-child {padding:0;}

/* form - design select
.select_custom {height:45px;}
.select_custom span {margin:-11px 0 0; line-height:22px; font-size:18px;}
.select_custom select {height:45px; font-size:18px;} */

/* form - design radio
.designRadio {line-height:22px; font-size:18px;} */

/* form - design checkbox
.designCheck {line-height:22px; font-size:18px;} */

/* tab
.tabWrap ul li {padding:10px 5px;}
.tabWrap ul li a {line-height:22px; font-size:16px;}
 */

/* list top bar area */
.listTopArea {margin:0 0 50px;}
.listTopArea .tabWrap {float:none; width:100%; max-width:800px; margin:0 auto 50px;}
.listTopArea .tabWrap ul li {padding:10px 5px 9px;}
.listTopArea .searchZone {position:relative; float:none; box-sizing:border-box; width:100%; max-width:800px; margin:0 auto; padding:0 45px 0 0;}
.listTopArea .searchZone:after {display:block; content:""; clear:both; width:0; height:0; line-height:0; font-size:0;}
.listTopArea .searchZone .select_custom {float:left; width:30%; /*height:45px;*/ margin:0 1% 0 0;}
.listTopArea .searchZone .select_custom .select {/*height:45px;*/}
.listTopArea .searchZone .txtInput {float:right; width:68%; /*height:45px; margin:0 1% 0 0; line-height:43px;*/}
.listTopArea .searchZone button {position:absolute; top:0; right:0; float:none; width:36px; height:36px; background:url('/img/common/ico_search.gif') no-repeat left top; /*background-size:45px;*/}

.listTopArea .searchZone.calendar {width:100%;}
.listTopArea .searchZone.calendar .select_custom {width:25%;}
.listTopArea .searchZone.calendar .txt {width:8%; /*line-height:45px; font-size:15px;*/}

}

/**********************************************
**common - width:720
**********************************************/
@media screen and (max-width:950px) {
/* contents title */
.conTit01 {margin:10px 0 5px; line-height:22px; font-size:20px;}
.conTit02 {margin:20px 0; line-height:22px; font-size:20px;}
.conTit02 {margin:30px 0 10px; line-height:22px; font-size:18px; font-weight:normal; color:#464646;}

.conTitWrap {overflow:hidden; margin:20px 0 10px;  line-height:22px;}
.conTitWrap .tit {float:none; margin:0 10px 0 0; font-size:20px;}
.conTitWrap .price {float:none; line-height:18px; font-size:14px; color:#aaa;}
.conTitWrap .price em {font-size:14px;}

.conTitWrap .copyTxt {float:none; line-height:18px; font-size:14px;}

.conTitWrap.type02 {margin:50px 0 10px; overflow:hidden;}
.conTitWrap.type02 .tit {line-height:27px; font-size:20px;}
.conTitWrap.type02 .boxR .viewT {line-height:27px; margin:0; font-size:14px;}
.conTitWrap.type02 .boxR .select_custom {width:80px;}

/* button box */
.btnPageWrap {margin:15px 0 0; text-align:center;}
.btnPageWrap.type02:after {display:block; content:""; clear:both; width:0; height:0; line-height:0; font-size:0;}
.btnPageWrap.type02 a {float:left; box-sizing:border-box; width:49%; height:36px; margin:0;}
.btnPageWrap.type02 a:first-child {margin:0; margin:0 2% 0 0;}
.btnPageWrap.type03 a {box-sizing:border-box; width:100%; height:36px; margin:5px 0 0;}
.btnPageWrap.type03 a:first-child {margin:0;}

/* button */
.btn01 {height:35px; padding:1px 10px 0 10px; font-size:15px; background-size:12px 6px;}
a.btn01 {line-height:35px;}
.btn01:hover {background-size:12px 6px;}
button.btn01 {height:36px;  padding:0 10px 0 10px; line-height:20px; font-size:15px;}
.btn02 {display:inline-block; height:35px; padding:1px 10px 0 10px; font-size:15px; background-size:12px 6px;}
a.btn02 {line-height:35px;}
.btn02:hover {background-size:12px 6px;}
button.btn02 {height:36px; padding:0 10px 0 10px; line-height:20px; font-size:15px;}

/* view &amp; 등록 division */
.viewWrap ul li .cell_th {display:block; float:none; width:100%; padding:8px 5px 4px; margin:0; line-height:18px; font-size:15px; border-top:1px solid #aaa;}
.viewWrap ul li .cell_td {float:none; width:100%; padding:4px 5px 8px; line-height:18px; font-size:15px; border:none;}
.viewWrap ul li:first-child .cell_td {border:none;}
.viewWrap ul li .cell_td .txtDiv {margin:5px 0 0; line-height:18px; font-size:11px;}

.viewWrap.type02 ul li .cell_th {float:left; width:30%; margin:0 1% 0 0; padding:6px 5px; line-height:18px;}
.viewWrap.type02 ul li .cell_td {float:right; width:69%;padding:6px 5px; line-height:18px; border-top:1px solid #b0b0b0;}
.viewWrap.type02 ul li:first-child .cell_td {border-top:none;}

.viewWrap02 .viewHead {position:relative; padding:10px 0; border-top:2px solid #545454; border-bottom:1px solid #545454;}
.viewWrap02 .viewHead .viewTit {line-height:18px; font-size:16px;}
.viewWrap02 .viewHead .date {display:block; position:static; margin:3px 0 0; font-size:14px; line-height:18px;}
.viewWrap02 .viewConts .txtConts {padding:30px 0 0; line-height:25px; font-size:15px;}

.viewWrap02.type02 .viewHead {padding:10px 0;}
.viewWrap02.type02 .writeInfo {position:static; margin:5px 0 0; font-size:14px;}
.viewWrap02.type02 .writeInfo .date {display:inline-block; position:static; margin:0 5px 0 0;}

.viewWrap .btn01,.viewWrap .btn02 {height:26px; line-height:26px; font-size:14px;}

/* 공유하기 */
.shareBox {padding:10px 0;}
.shareBox a {width:28px;}

/* 리스트*/
.listWrap ul li {padding:0;}
.listWrap ul li .cell_num {display:none;}
.listWrap ul li .cell_cont {padding:20px 80px 20px 0;}
.listWrap ul li .cell_cont strong {display:block; padding:0; line-height:22px; font-size:18px;}
.listWrap ul li .cell_cont .icoSecret {padding:0 25px 0 0; background:url('/Images/mobile/common/ico_secret_write.gif') no-repeat right center; background-size:16px;}
.listWrap ul li .writeInfo {display:block; position:static; margin:3px 0 0;}
.listWrap ul li .writeInfo > span {font-size:14px; margin:0 0 0 5px;}
.listWrap ul li .writeInfo > span:first-child {margin:0;}

/* 리스트 Toggle Type */
.listWrap.typeToggle ul li .cell_cont .date {display:block; position:static; right:110px; top:50%; margin:5px 0 0; font-size:14px;}
.listWrap.typeToggle ul li .btn01, .listWrap.typeToggle ul li .btn02 {width:70px; margin:-14px 0 0;}
.listWrap.typeToggle ul li.viewCont .viewInner {padding:0 0 20px; font-size:14px;}

/* 리스트 FAQ */
.listWrap.fapType ul li {padding:0 0 0 60px;}
.listWrap.fapType ul li .cell_ico {width:50px;}
.listWrap.fapType ul li .cell_ico span {height:26px;}
.listWrap.fapType ul li .cell_ico .icoQ {background:url('/Images/mobile/common/ico_question.gif') no-repeat center; background-size:26px;}
.listWrap.fapType ul li .cell_ico .icoA {background:url('/Images/mobile/common/ico_answer.gif') no-repeat center; background-size:26px;}
.listWrap.fapType ul li .cell_cont .date {display:block; position:static; right:110px; top:50%; margin:5px 0 0; font-size:14px;}
.listWrap.fapType ul li .btn01, .listWrap.fapType ul li .btn02 {width:70px; margin:-14px 0 0;}
.listWrap.fapType ul li.viewCont {padding:0 0 0 60px;}
.listWrap.fapType ul li.viewCont .viewInner {padding:20px 0; font-size:14px;}


/* 리스트 type01 */
.listWrap.type01 ul li .cell_cont {padding:10px 0;}

/* 리스트 type02 */
.listWrap.type02 ul li .cell_cont {padding:10px 0;}

/* 리스트 type03 */
.listWrap.type03 ul li .cell_cont {padding:10px 0;}

/* 리스트 type04 */
.listWrap.type04 ul li {padding:10px 0; font-size:14px; border-top:1px solid #b0b0b0;}
.listWrap.type04 ul li:first-child {border-top:none;}
.listWrap.type04 ul li .cell_cty {position:static; width:100%; letter-spacing:0; border-top:none}
.listWrap.type04 ul li .cell_cty:first-child {border-top:none;}
.listWrap.type04 ul li .cell_cty .cell_inner {display:block; position:static; padding:0; margin:0; font-size:14px; font-weight:bold;}
.listWrap.type04 ul li .cell_addr {border-top:none; padding:5px 0 0;}
.listWrap.type04 ul li:first-child .cell_addr {border-top:none;}
.listWrap.type04 ul li .cell_email {position:static; width:100%; padding:5px 0 0; border-top:none;}
.listWrap.type04 ul li:first-child  .cell_email {border-top:none;}
.listWrap.type04 ul li .cell_email .cell_inner {position:static;}
.listWrap.type04 ul li .cell_share {position:static; width:100%; padding:10px 0 0; border-top:none;}
.listWrap.type04 ul li:first-child .cell_share {border-top:none;}
.listWrap.type04 ul li .cell_share .cell_inner {position:static;}

 /* 리스트 type05 */
.listWrap.type05 ul li {padding:0 0 10px 0; font-size:14px;}
.listWrap.type05 ul li .cell_time,
.listWrap.type05 ul li .cell_service,
.listWrap.type05 ul li .cell_btn {border-top:none;}
.listWrap.type05 ul li:first-child .cell_time,
.listWrap.type05 ul li:first-child .cell_service,
.listWrap.type05 ul li:first-child .cell_btn {border-top:none;}
.listWrap.type05 ul li .cell_ico{width:50px;}
.listWrap.type05 ul li .cell_ico .cell_inner{margin:-17px 0 0;}
.listWrap.type05 ul li .cell_ico img {width:30px;}
.listWrap.type05 ul li .cell_addr {padding:10px 0 0;}
.listWrap.type05 ul li .cell_addr .storeName {font-size:14px; line-height:18px;}
.listWrap.type05 ul li .cell_addr .addr {margin:3px 0 0;}
.listWrap.type05 ul li .cell_addr .tel {margin:3px 0 0;}
.listWrap.type05 ul li .cell_time {position:static; width:100%; margin:3px 0 0;}
.listWrap.type05 ul li .cell_time .cell_inner {position:static; margin:0; text-align:left;}
.listWrap.type05 ul li .cell_service {position:static; width:100%; margin:3px 0 0;}
.listWrap.type05 ul li .cell_service .cell_inner {position:static; margin:0; text-align:left;}
.listWrap.type05 ul li .cell_service .cell_inner .icoService {display:inline-block; margin:0; }
.listWrap.type05 ul li .cell_service .cell_inner .icoService img {width:18px;}
.listWrap.type05 ul li .cell_btn {top:auto; bottom:10px; width:auto; margin:0;}
.listWrap.type05 ul li .cell_btn .btn01,
.listWrap.type05 ul li .cell_btn .btn02 {position:static; margin:0;}

/* 리스트 type06 */
.listWrap.type06 ul li {padding:15px 0; font-size:15px; border-top:1px solid #b0b0b0;}
.listWrap.type06 ul li:first-child {border-top:none;}
.listWrap.type06 ul li .cell_tit,
.listWrap.type06 ul li .cell_cost,
.listWrap.type06 ul li .cell_detail {border-top:none;}
.listWrap.type06 ul li:first-child .cell_tit,
.listWrap.type06 ul li:first-child .cell_cost,
.listWrap.type06 ul li:first-child .cell_detail {border-top:none;}
.listWrap.type06 ul li .cell_tit {position:static; width:100%;}
.listWrap.type06 ul li .cell_tit span {position:static; margin:0;}
.listWrap.type06 ul li .cell_cost {position:static; width:100%; padding:5px 0 0;}
.listWrap.type06 ul li .cell_cost span {position:static; margin:0;}
.listWrap.type06 ul li .cell_detail {padding:5px 0 0; line-height:18px;}

/* 이전글 다음글 */
.viewListNav {margin:30px 0 0;}
.viewListNav ul li {padding:0 0 0 90px;}
.viewListNav ul li .cell_th {width:80px;}
.viewListNav ul li .cell_th strong {margin:-9px 0 0; line-height:18px; font-size:14px;}
.viewListNav ul li .cell_td {width:100%; font-size:14px;}
.viewListNav ul li .cell_td a {padding:10px 0;}
.viewListNav ul li .cell_td .txtScript {padding:0; line-height:22px; font-size:16px;}
.viewListNav ul li .cell_td .noData {line-height:42px; padding:10px 0; font-size:16px;}
.viewListNav ul li .cell_td .date {display:block; position:static;margin:2px 0 0; font-size:14px;}

/* view in : agree style */
.agreeWrap .agreeTxt {padding:10px 0;}
.agreeWrap a {position:static;}

/* form - placeholder */
.inpPlacehoder span {line-height:23px; font-size:14px;}

/* form - 전화번호 입력박스 정렬 */
.phoneForm > span {width:30%;}
.phoneForm > span.telFrontNum {width:20%;}
.phoneForm > span.dash {line-height:27px;}

/* form - 이메일 입력박스 정렬 */
.emailForm > span {float:left; box-sizing:border-box; width:25%;}
.emailForm > span.domainSelect {width:25%;}
.emailForm > span.emailAt {width:5%; line-height:27px; text-align:center;}

/* form - 조건 입력박스 정렬 */
.conditionForm > span {width:30%;}
.conditionForm > span:first-child {padding:0;}

/* form - design select */
.select_custom {height:27px; background-size:12px auto;}
.select_custom span {right:17px; margin:-10px 0 0; line-height:20px; font-size:14px;}
.select_custom select {height:27px; font-size:14px;}

/* form - design radio */
.designRadio {line-height:18px; font-size:14px;}

/* form - design checkbox */
.designCheck {line-height:18px; font-size:14px;}

/* paging */
.paging {margin:30px 0 0;}
.paging a {width:23px; height:23px; line-height:23px; font-size:14px;}
.paging a.prev {width:25px; height:25px; background:url('/Images/common/btn_paging.gif') no-repeat left top; background-size:25px auto;}
.paging a.next {width:25px; height:25px; background:url('/Images/common/btn_paging.gif') no-repeat left -25px; background-size:25px auto;}
.paging .pageNum {margin:0 6px;}

/* tab */
.tabWrap{margin:0 auto 20px;}
.tabWrap.hide {display:none;}
.tabWrap ul li {min-height:55px; padding:9px 5px;}
.tabWrap ul li a {line-height:18px; font-size:15px;}
.tabWrap ul li a .txtAllview {display:block;}

/* list top bar area */
.listTopArea {margin:0 0 25px;}
.listTopArea .tabWrap {float:none; width:100%; max-width:800px; margin:0 auto 25px;}
.listTopArea .tabWrap ul li {padding:9px 5px 8px;}
.listTopArea .tabWrap ul li a {line-height:18px;}
.listTopArea .searchZone {position:relative; box-sizing:border-box; width:100%; margin:0 auto; padding:0 30px 0 0;}
.listTopArea .searchZone .select_custom {float:left; width:30%; height:27px; margin:0 1% 0 0;}
.listTopArea .searchZone .select_custom .select {height:27px;}
.listTopArea .searchZone .txtInput {float:right; width:68%; height:27px; margin:0 1% 0 0; line-height:25px;}
.listTopArea .searchZone button {position:absolute; top:0; right:0; float:none; width:27px; height:27px; background:url('/img/common/ico_search.gif') no-repeat left top; background-size:27px;}

.listTopArea .searchZone.calendar .select_custom {float:left; width:25%; margin:0;}
.listTopArea .searchZone.calendar .txt {width:8%; line-height:27px; font-size:14px;}

/* flag */
.flag01 {height:18px !important; line-height:17px !important; font-size:12px !important; border:1px solid #711b04 !important;}

}

/* 사진 리스트 */
.photoList {overflow:hidden;}
.photoList ul {overflow:hidden; margin:0 -1% 0 0;}
.photoList ul li {float:left; width:19%; margin:0 1% 0 0;}
.photoList ul li a {display:block; padding:20px 0;}
.photoList ul li a .imgZone {display:block; overflow:hidden; position:relative; padding:4px; text-align:center; background:#f5f5f5;}
.photoList ul li a .imgZone .img {position:absolute; top:55%; left:0; right:0; margin:-35% 0 0; height:120px; overflow:hidden;}
.photoList ul li a .imgZone .img img {width:100%;}
.photoList ul li a .imgZone .frameWrap {position:absolute; top:0; left:0; bottom:0; right:0; width:100%;}
.photoList ul li a .imgZone .frameWrap .active {display:none;}
.photoList ul li a .prdName {min-height:50px; margin:15px 0 0; text-align:center;}
.photoList ul li a .prdName strong {display:block; font-size:18px; line-height: 26px; font-weight:normal;}
.photoList ul li a .prdName span {display:block; font-size:14px; line-height: 26px; font-weight:normal; color:#aaa; font-weight:bold;}
.photoList ul li a:hover .imgZone .frameWrap .active {display:inline-block;}
.photoList ul li a:hover .imgZone .frameWrap .notActive {display:none;}

/* 로그인 */
.loginWrap {height:485px; border:1px solid #dfdfdf; border-radius:3px;/*  background:url('/img/common/bg_login.jpg') no-repeat 120px 156px; */}
.loginWrap .loginInner {padding:20px 90px 0 90px}
.loginWrap .loginInner .tnbTit .tit {letter-spacing:-1px;}
.loginWrap .loginInner .loginForm {margin:20px 0 0;}
.loginWrap .loginInner .loginForm li {margin:5px 0 0;}
.loginWrap .loginInner .loginForm li.btnLogin {margin:15px 0 0;}
.loginWrap .loginInner .loginForm li.btnLogin,
.loginWrap .loginInner .loginForm li.btnJoin {overflow:hidden;}
.loginWrap .loginInner .loginForm li.btnLogin a,
.loginWrap .loginInner .loginForm li.btnJoin a {float:right; box-sizing:border-box; width:120px; height:34px; line-height:32px;}
.loginWrap .loginInner .loginForm li.btnLogin label,
.loginWrap .loginInner .loginForm li.btnJoin span {display:inline-block; padding-top:1px; line-height:34px;}
.loginWrap .loginInner .loginForm li.btnFindUser {margin:30px 0 0; padding:30px 0 0; border-top:1px solid #dfdfdf;}
.loginWrap .loginInner .loginForm li.btnFindUser .btnBox {overflow:hidden; margin:10px 0 0;}
.loginWrap .loginInner .loginForm li.btnFindUser .btnBox a {float:left; box-sizing:border-box; width:49%; height:34px; line-height:32px;}
.loginWrap .loginInner .loginForm li.btnFindUser .btnBox a:first-child {margin:0 2% 0 0;}

/* 아이디 비밀번호 찾기 */
.findLogInfoWrap {height:315px; border:1px solid #dfdfdf; border-radius:3px;/*  background:url('/img/common/bg_find_pw.jpg') no-repeat 120px 156px; */}
.findLogInfoWrap .findBox {padding:30px 90px 0 90px}
.findLogInfoWrap .findBox .tnbTit .tit {letter-spacing:-1px;}
.findLogInfoWrap .findBox .loginForm {margin:20px 0 0;}
.findLogInfoWrap .findBox .loginForm li {margin:5px 0 0;}
.findLogInfoWrap .findBox .loginForm li.btnLogin {margin:15px 0 0;}
.findLogInfoWrap .findBox .loginForm li.btnLogin,
.findLogInfoWrap .findBox .loginForm li.btnJoin {overflow:hidden;}
.findLogInfoWrap .findBox .loginForm li.btnLogin a,
.findLogInfoWrap .findBox .loginForm li.btnJoin a {float:right; box-sizing:border-box; width:120px; height:34px; line-height:32px;}
.findLogInfoWrap .findBox .loginForm li.btnLogin label,
.findLogInfoWrap .findBox .loginForm li.btnJoin span {display:inline-block; padding-top:1px; line-height:34px;}
.findLogInfoWrap .findBox .loginForm li.btnFindUser {margin:30px 0 0; padding:30px 0 0; border-top:1px solid #dfdfdf;}
.findLogInfoWrap .findBox .loginForm li.btnFindUser .btnBox {overflow:hidden; margin:10px 0 0;}
.findLogInfoWrap .findBox .loginForm li.btnFindUser .btnBox a {float:left; box-sizing:border-box; width:49%; height:34px; line-height:32px;}
.findLogInfoWrap .findBox .loginForm li.btnFindUser .btnBox a:first-child {margin:0 2% 0 0;}

.loginCaution {overflow:hidden; margin:60px 0 0;}
.loginCaution ul {overflow:hidden;}
.loginCaution ul li {float:left; width:50%;}

/* 회원가입 스텝 */
.joinStep .stepImg {width:950px; height:172px; margin:0 auto 50px;}
.joinStep .stepImg img {width:100%;}

/* 회원가입 STEP01 */
.joinWrap {overflow:hidden; border:1px solid #e0e0e0; border-radius:3px;}
.joinWrap .nameCheck {float:left; box-sizing:border-box; width:50%; padding:150px 45px 50px; border-right:1px solid #f0f0f0; background:url('/Images/common/bg_name_check.gif') no-repeat center 50px;}
.joinWrap .ipinCheck {float:right; box-sizing:border-box; width:50%; padding:150px 45px 0; background:url('/Images/common/bg_ipin_check.gif') no-repeat center 50px;}
.joinWrap .btnBox {margin:25px 0 0; text-align:center;}
.joinWrap .btnBox a {width:30%;}

/* 회원가입 STEP02 */
.joinAgreeWrap {overflow:hidden; border:1px solid #e0e0e0; border-radius:3px;}
.joinAgreeWrap ul li {overflow:hidden; position:relative; padding:30px; border-top:1px solid #f0f0f0;}
.joinAgreeWrap ul li:first-child {border-top:none;}
.joinAgreeWrap ul li .agreeBox {float:left; padding:6px 0 0;}
.joinAgreeWrap ul li .agreeBox strong {display:inline-block; padding:0 20px 0 0; margin:0 20px 0 0; line-height:22px; font-size:18px; vertical-align:middle; background:url('/Images/common/bar_join.gif') no-repeat right center;}
.joinAgreeWrap ul li .agreeBox span {display:inline-block; vertical-align:middle;}
.joinAgreeWrap ul li .agreeBox span label {margin:0 0 0 50px;}
.joinAgreeWrap ul li .agreeBox span label:first-child {margin:0;}
.joinAgreeWrap ul li .btn01 {float:right;}

.joinAgreeWrap.type02 .exTxt {padding:30px 30px 0; text-align:center;}
.joinAgreeWrap.type02 ul li .agreeBox {float:none;}
.joinAgreeWrap.type02 ul li .joinTermBox {overflow-y:scroll; height:120px; margin:30px 0 0; padding:20px; border:1px solid #dfdfdf;}
.joinAgreeWrap.type02 .agreeAllChk {padding:30px; border-top:1px solid #f0f0f0;}


/* 회원가입 STEP04 */
.joinEndWrap {overflow:hidden; padding:75px 60px 100px 0; border:1px solid #e0e0e0; border-radius:3px;}
.joinEndWrap .joinEndL {float:left; width:600px; padding:200px 0 0; background:url('/Images/common/bg_join_end.jpg') no-repeat center 0;}
.joinEndWrap .joinEndR {float:right; width:480px; padding:20px 0 0;}
.joinEndWrap .joinEndR .viewWrap .cell_th {width:30%;}
.joinEndWrap .joinEndR .viewWrap .cell_td {width:69%;}
.joinEndWrap .joinEndR .btnBox {margin:20px 0 0; text-align:right;}
.joinEndWrap .joinEndR .btnBox a {width:90px;}

/* 이용약관 */
.terms_service {padding:0 0 10px;border-top:2px solid #4f4e4e;border-bottom:1px solid #4f4e4e;line-height:26px; font-size:13px;}
.terms_service .termsTit .tit {padding:20px 0; margin:0 0 20px; line-height:30px; font-size: 25px; font-weight:bold; border-bottom:1px solid #969696;}
.terms_service .agreeTit {margin:30px 0 -20px;;font-size:16px;font-weight:bold;color:#701905;}
.terms_service .agreeTit02 {margin:30px 0 0; font-size:14px;color:#701905;}
.terms_last {margin:25px 0;}

/* SleepID */
.sleepWrap {height:585px; border:1px solid #dfdfdf; border-radius:3px; background:url('/Images/common/bg_login.jpg') no-repeat 120px 156px;}
.sleepWrap .loginInner {padding:80px 110px 0 700px}
.sleepWrap .loginInner dl dt {padding:0 0 12px; margin:40px 0 0; font-size:24px; font-weight:normal; line-height:28px; color:#2FA1DF; letter-spacing:-1px; background:url('/Images/common/bg_login_tit.gif') no-repeat left bottom;}
.sleepWrap .loginInner dl dt:first-child {margin:0;}
.sleepWrap .loginInner dl dd{margin:12px 0 0;font-size:14px; line-height:22px;}
.sleepWrap .loginInner dl dd .caution {padding:12px 0 0; margin:12px 0 0; line-height:24px; font-size:14px; color:#aaa; border-top:1px solid #e0e0e0;}
.sleepWrap .loginInner .tnbTit .copy {text-align:left;}
.sleepWrap .loginInner .btnBox {overflow:hidden; margin:20px 0 0;}
.sleepWrap .loginInner .btnBox a {float:left; box-sizing:border-box; width:49%; height:34px; line-height:32px;}
.sleepWrap .loginInner .btnBox a:first-child {margin:0 2% 0 0;}

/* Page Not Found */
.pageNotFound .pageTitleWrap .pageTitleInner .pageTit {width:100%; text-align:center;}
.pageNotFound .PNFWrap {padding:150px 0 250px; text-align:center;}
.pageNotFound .PNFWrap strong {display:inline-block; padding:20px 0; margin:0 0 20px; line-height:65px; font-size:50px; border-top:2px solid #505050; border-bottom:1px solid #505050;}
.pageNotFound .PNFWrap p {font-size:20px; line-height:26px;}

/*동영상사이즈*/
.moviesize { width:40%; height:300px; margin:0 auto;  }

/**********************************************
** width:1200
**********************************************/
@media screen and (max-width:1024px) {
/* 사진 리스트 */
.photoList ul {overflow:hidden; margin:0 -2% 0 0;}
.photoList ul li {overflow:hidden; width:32%;}

/* 로그인 */
.loginWrap {height:auto; padding:0 0 75px;  background-position:center 75px;}
.loginWrap .loginInner {padding:55px 155px 0;}
.loginWrap .loginInner .loginForm {margin:40px 0 0;}
/*.loginWrap .loginInner .loginForm li.btnLogin a,
.loginWrap .loginInner .loginForm li.btnJoin a {float:right; width:130px; height:45px; line-height:43px;}
.loginWrap .loginInner .loginForm li.btnJoin span {line-height:50px; font-size:18px;}*/
/*.loginWrap .loginInner .loginForm li.btnFindUser > p {font-size:18px; line-height:22px;}*/
/*.loginWrap .loginInner .loginForm li.btnFindUser .btnBox a {height:45px; line-height:43px;}*/

/* 아이디 비밀번호 찾기 */
.findLogInfoWrap {height:auto; padding:0 0 75px;  background-position:center 75px;}
.findLogInfoWrap .findBox {padding:55px 155px 0;}
.findLogInfoWrap .findBox .loginForm {margin:40px 0 0;}

.loginCaution {overflow:hidden; margin:50px 0 0;}
.loginCaution ul li {width:100%; margin:10px 0 0;}

/* 회원가입 스텝 */
.joinStep .stepImg {width:auto; height:auto; margin:0 50px 50px;}

/* 회원가입 STEP01 */
.joinWrap .btnBox a {width:50%;}

/* 회원가입 STEP02 */
.joinAgreeWrap ul li .agreeBox {padding:11px 0 0;}
.joinAgreeWrap ul li .agreeBox strong {font-size:19px;}
.joinAgreeWrap ul li .agreeBox span {font-size:18px;}

.joinAgreeWrap.type02 .exTxt br {display:none;}

/* 회원가입 STEP04 */
.joinEndWrap {padding:75px 100px 100px; border:1px solid #e0e0e0; border-radius:3px;}
.joinEndWrap .joinEndL {float:none; width:auto; padding:200px 0 0;}
.joinEndWrap .joinEndR {float:none; width:auto; padding:40px 0 0;}
.joinEndWrap .joinEndR .viewWrap .cell_th {width:30%;}
.joinEndWrap .joinEndR .viewWrap .cell_td {width:69%;}
.joinEndWrap .joinEndR .btnBox {text-align:center;}
.joinEndWrap .joinEndR .btnBox a {box-sizing:border-box; width:35%; /*height:45px;*/}

/* SleepID */
.sleepWrap {height:auto; padding:0 0 75px;  background-position:center 75px;}
.sleepWrap .loginInner {padding:395px 155px 0;}


}

/**********************************************
** width:720
**********************************************/
@media screen and (max-width:780px) {	
.photoList ul li a .imgZone .img {height:60px;object-fit: cover;}

/* 로그인 */
.loginWrap {height:auto; padding:0 10px 30px; background-position:center 30px; background-size:164px auto;}
.loginWrap .loginInner {padding:30px 0 0;}
.loginWrap .loginInner .loginForm {margin:20px 0 0;}
.loginWrap .loginInner .loginForm li.btnLogin,
.loginWrap .loginInner .loginForm li.btnJoin {margin:10px 0 0;}
.loginWrap .loginInner .loginForm li.btnLogin label,
.loginWrap .loginInner .loginForm li.btnJoin span {float:none; line-height:23px;}
.loginWrap .loginInner .loginForm li.btnLogin a,
.loginWrap .loginInner .loginForm li.btnJoin a {float:none; margin:5px 0 0; box-sizing:border-box; width:100%; height:27px; line-height:25px;}
.loginWrap .loginInner .loginForm li.btnJoin span {font-size:12px;}
.loginWrap .loginInner .loginForm li.btnFindUser > p {font-size:12px; line-height:18px;}
.loginWrap .loginInner .loginForm li.btnFindUser .btnBox a {height:27px; line-height:25px;}

/* 아이디 비밀번호 찾기 */
.findLogInfoWrap {height:auto; padding:0 10px 30px; background-position:center 30px; background-size:164px auto;}
.findLogInfoWrap .findBox {padding:30px 0 0;}
.findLogInfoWrap .findBox .loginForm {margin:20px 0 0;}
.findLogInfoWrap .findBox .loginForm li.btnLogin,
.findLogInfoWrap .findBox .loginForm li.btnJoin {margin:10px 0 0;}
.findLogInfoWrap .findBox .loginForm li.btnLogin label,
.findLogInfoWrap .findBox .loginForm li.btnJoin span {float:none; line-height:23px;}
.findLogInfoWrap .findBox .loginForm li.btnLogin a,
.findLogInfoWrap .findBox .loginForm li.btnJoin a {float:none; margin:5px 0 0; box-sizing:border-box; width:100%; height:27px; line-height:25px;}
.findLogInfoWrap .findBox .loginForm li.btnJoin span {font-size:12px;}
.findLogInfoWrap .findBox .loginForm li.btnFindUser > p {font-size:12px; line-height:18px;}
.findLogInfoWrap .findBox .loginForm li.btnFindUser .btnBox a {height:27px; line-height:25px;}

.loginCaution {overflow:hidden; margin:30px 0 0;}
.loginCaution ul li {width:100%; margin:5px 0 0; font-size:12px;}

/* 회원가입 스텝 */
.joinStep .stepImg {width:auto; height:auto; margin:0 0 20px;}

/* 회원가입 STEP01 */
.joinWrap {border:none; border-radius:0;}
.joinWrap .nameCheck {float:none; width:100%; margin:0 0 6px; padding:75px 20px 25px; border:1px solid #dfdfdf; border-radius:3px; background-position:center 25px; background-size:40px;}
.joinWrap .ipinCheck {float:none; width:100%; padding:75px 20px 25px; border:1px solid #dfdfdf; border-radius:3px; background-position:center 25px; background-size:40px;}
.joinWrap .btnBox {margin:15px 0 0; text-align:center;}
.joinWrap .btnBox a {width:30%;}

/* 회원가입 STEP02 */
.joinAgreeWrap ul li {position:relative; padding:15px;}
.joinAgreeWrap ul li .agreeBox {float:none; padding:0;}
.joinAgreeWrap ul li .agreeBox strong {display:block; font-size:14px; padding:0; margin:0; background:none;}
.joinAgreeWrap ul li .agreeBox span {display:block; margin:10px 0 0; font-size:12px;}
.joinAgreeWrap ul li .agreeBox span label {margin:0 0 0 25px;}
.joinAgreeWrap ul li .btn01 {float:none; position:absolute; top:45px; right:15px; margin:0;}

.joinAgreeWrap.type02 .exTxt {padding:30px 15px 20px; font-size:12px;}

/* 회원가입 STEP04 */
.joinEndWrap {padding:35px 40px 50px; border:1px solid #e0e0e0; border-radius:3px;}
.joinEndWrap .joinEndL {float:none; width:auto; padding:100px 0 0; background-size:90px auto;}
.joinEndWrap .joinEndR {float:none; width:auto; padding:40px 0 0;}
.joinEndWrap .joinEndR .btnBox {margin:15px 0 0;}
.joinEndWrap .joinEndR .btnBox a {width:40%; height:27px;}

/* 이용약관 */
.terms_service {padding:0 0 10px;border-top:2px solid #4f4e4e;border-bottom:1px solid #4f4e4e;line-height:20px; font-size:11px;}
.terms_service .termsTit .tit {padding:15px 0; margin:0 0 15px; line-height:26px; font-size: 20px;}
.terms_service .agreeTit {margin:20px 0 -10px;;font-size:14px;}
.terms_service .agreeTit02 {margin:20px 0 0; font-size:12px;}

/* SleepID */
.sleepWrap {height:auto; padding:0 10px 30px; background-position:center 30px; background-size:164px auto;}
.sleepWrap .loginInner {padding:190px 0 0;}
.sleepWrap .loginInner dl dt {padding:0 0 6px; margin:20px 0 0; font-size:18px; line-height:22px;}
.sleepWrap .loginInner dl dd {font-size:12px; line-height:18px;}
.sleepWrap .loginInner dl dd .caution {padding:8px 0 0; margin:8px 0 0; line-height:18px; font-size:13px;}
.sleepWrap .loginInner .btnBox a {height:27px; line-height:25px;}

/* Page Not Found */
.pageNotFound .PNFWrap {padding:90px 0 150px; text-align:center;}
.pageNotFound .PNFWrap strong { padding:10px 0; margin:0 0 10px; line-height:35px; font-size:30px;}
.pageNotFound .PNFWrap p {font-size:16px; line-height:22px;}

/*동영상사이즈*/
.moviesize { width:100%; }
}

/*스케쥴표 & 진료시간안내 당직표 css*/
.schedule_box {position:relative; width:100%;margin:20px auto;}
.schedule_box .schedule_top { position:relative;width:100%;margin-bottom:20px;display:inline-block;}
.schedule_box .schedule_top li {width:100%;text-align:center;display:inline-block;}
.schedule_box .schedule_top li h3 { display:inline-block;margin:0 15px;font-size:22px;line-height:28px;}
.schedule_box .schedule_top li h3  span {color:#666666; font-weight:bold;}
.schedule_box .schedule_top li a {min-width:70px; height:24px; line-height:20px; padding:0 5px; background:#ffffff;border:1px solid #d6d6d6;border-left:1px solid #d6d6d6; font-size:12px; color:#666; vertical-align:middle; text-align:center;/*border-radius:7px;*/display:inline-block;}
.schedule_box .schedule_top li.d_date a {min-width:30px; height:24px; line-height:20px; padding:0 5px; background:#ffffff;border:1px solid #d6d6d6;border-left:1px solid #d6d6d6; font-size:12px; color:#666; vertical-align:middle; text-align:center;/*border-radius:7px;*/display:inline-block;}

.schedule_profile{position:relative;width:100%; margin:20px 0; margin-bottom:20px;}
.dr_img {width:200px; float:left;}
.dr_n {font-size:13px;color:#44C4B9; font-weight:bold;width:100px;;padding:30px 30px; float:left;}

.hours_btn {position:relative; width:100%}
.hours_btn li a.hours_btn {min-width:70px; height:24px; line-height:20px; padding:0 5px; background:#ffffff;border:1px solid #d6d6d6;border-left:1px solid #d6d6d6; font-size:12px; color:#666; vertical-align:middle; text-align:center;/*border-radius:7px;*/display:inline-block;}

.btnMd {display:inline-block; min-width:70px; height:30px; line-height:24px; padding:0 10px 5px; background:#737373; font-size:12px; color:#fff; vertical-align:middle; text-align:center;margin-bottom:5px;}
input.btnMd {padding-bottom:4px;}
a.btnMd {min-width:56px; height:27px; line-height:27px; padding-bottom:3px; color:#fff;}
a.btnMd.red, a.btnMd.gray, a.btnMd.pur {border:none !important;}
.ie7 button.btnMd {line-height:22px !important;}
.ie8 button.btnMd {line-height:26px !important;}

/* button */
a.red, button.red, input.red {border:1px solid #c8212f !important; background:#c8212f !important; color:#fff;}
a.skyb, button.skyb, input.skyb {border:1px solid #70c0c9 !important; background:#70c0c9 !important; color:#fff;}
a.gray, button.gray, input.gray {border:1px solid #dcdcdc !important; background:#dbdbdb !important; color:#666 !important;}
a.blue, button.blue, input.blue {background:#4288bb !important; color:#fff;}
a.navy, button.navy, input.navy {background:#0163ae !important; color:#fff;}
a.red, button.red, input.red.pd15 {padding-right:15px; padding-left:15px;}	
a.pur, button.pur, input.pur {border:1px solid #8888c6 !important; background:#6373ae !important; color:#fff;}

/* mask */
#mask{display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:99;}
.layerWindow{position:fixed;top:0;opacity:0.6; _position:absolute;background:#000;height:100%;width:100%;z-index:99;display:block;}

/*숨김*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}