@charset 'UTF-8';
/**
 * 연구원 안내
 * dungboy@idenvi.co.kr
 */

.director-container {clear:both;padding-top:1.86em;border-top:2px solid #1a1a1a;}
.director-container:after {clear:both;display:block;height:1px;overflow:hidden;content:' ';}
.director-container, .director-container * {letter-spacing:-0.08em;}

.drop-down-tab {border-top:2px solid #1a1a1a;}
.drop-down-tab > strong {display:none;}
.drop-down-tab ul {height:44px;}
.drop-down-tab li {float:left;}

.drop-down-tab li a {
    display: block;
    height: 37px;
    padding: 7px 0 0 0;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ccc;
    background-color: #ededed;
    text-align: center;
    font-weight: 400;
}

.drop-down-tab li.on a {border-bottom-color:#fff;background-color:#fff;color:#242424;}
.drop-down-tab li.t1 a {border-left-width:1px;}

.drop-down-tab.history {margin-bottom:1.7em;}
.drop-down-tab.history li {width:20%;}
.drop-down-tab.history li a {letter-spacing:0;}
.drop-down-tab.history li.t5 {margin-right:-1em;}

.drop-down-tab.alphabet li {width:12.5%;}
.drop-down-tab.alphabet li.t8 {margin-right:-1em;}

.mobile-only-layer {display:none;}

#director_message_top {position:relative;margin:0 0 3em 0;color:#000;}
#director_message_top .top {display:block;}

#director_message_top > p {
    position: absolute;
    left: 40px;
    top: 1.8em;
    margin: 0;
    font-weight: 300;
    font-size: 1.63em;
    line-height: 1.23em;
}

#director_message_top > p em {font-weight:400;color:#e37932;}
#director_message_top > em {position:absolute;left:40px;bottom:5em;font-weight:500;}
#director_message_top > em strong {font-weight:400;color:#444;}
#director_message_top .sig {position:absolute;left:40px;bottom:2em;}

.director-message {position:relative;margin-bottom:2.6em;}

.director-message > strong {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    font-weight: 400;
    font-size: 1.37em;
    line-height: 1.27em;
    color: #000;
}

.director-message > strong > span {display:block;}
.director-message > p {clear:both;margin:0 0 0 14em;}

@media screen and ( max-width:640px ) {

    #director_message_top {font-size:0.66em;}
    #director_message_top .top {width:100%;height:auto;}
    #director_message_top > p {left:15px;}
    #director_message_top > em {left:15px;}
    #director_message_top .sig {left:15px;width:auto;height:20px;}

    .director-message {margin-left:15px;margin-right:15px;}
    .director-message > strong {position:static;margin:0 0 0.6em 0;font-size:1.25em;}
    .director-message > strong > span {display:inline;}
    .director-message > p {margin:0;font-weight:300;font-size:1.08em;line-height:1.7em;color:#1a1a1a;}

}

#director_history_top {float:left;width:200px;height:300px;margin:0 0 -275px 0;font-size:14px;}
#director_history_top > img {display:block;margin:0 auto;}

#director_history_top > strong {
    display: block;
    padding: 0.65em 0;
    border-bottom: 2px solid #1a1a1a;
    text-align: center;
    font-weight: 400;
    font-size: 1.57em;
    line-height: 1.5em;
    color: #000;
}

#director_history_top > p {margin:0;padding:1em 0 1em 0.8em;background:url(../img/ico_list_nm4.gif) no-repeat 0 1.8em;}

#director_history {clear:both;position:relative;overflow:hidden;margin:0 0 0 230px;font-size:14px;line-height:2em;}
#director_history dl {margin:-1px 0 0 0;}
#director_history dt {float:left;height:2em;margin:0 0 -3em 0;padding:1em 0 0 0;font-weight:500;color:#000;}
#director_history dd {clear:both;padding:1em 0 1em 96px;border-top:1px solid #e7e7e7;}
#director_history dd ul {}
#director_history dd li {position:relative;padding:0 0 0 10.8em;background:url(../img/ico_list_nm4.gif) no-repeat 0 0.9em;}
#director_history dd li > em {position:absolute;left:0.8em;top:0;letter-spacing:0;}
#director_history dd li > span {vertical-align:top;}

@media screen and ( max-width:640px ) {

    #director_history_top {float:none;position:relative;width:auto;height:auto;margin:0 15px 1.8em 15px;padding:3.3em 0 1.5em 0;font-size:13px;}
    #director_history_top > img {position:absolute;left:0;top:1.8em;width:80px;height:80px;}
    #director_history_top > strong {margin:0 0 0.5em 95px;padding:0;border-bottom-width:0;text-align:left;font-size:1em;}
    #director_history_top > p {margin:0 0 0 95px;padding:0 0 0 0.8em;background-position:0 0.5em;}

    #director_history {margin:0 15px;font-size:13px;line-height:1.3em;}
    #director_history dl {margin-top:0;}
    #director_history dt {float:none;margin:0;border-top:1px solid #e7e7e7;}
    #director_history dd {padding:0 0 1em 0;border-top:none;}
    #director_history dd li {padding:0 0 0.5em 0.8em;}
    #director_history dd li > em {position:static;display:block;}

}

#director_plans_top {padding:2em;border-top:2px solid #1a1a1a;background-color:#fbfbfb;color:#444;}
#director_plans_top, #director_plans_top * {letter-spacing:-0.08em;}
#director_plans_top .article {position:relative;}

#director_plans_top .article strong {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -0.6em 0 0 0;
    font-weight: 500;
    font-size: 1.25em;
    color: #000;
}

#director_plans_top .article p {
    margin: 0 0 0 102px;
    padding: 1em;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    text-align: center;
}

#director_plans_top .article p.top {border:none;background-color:#e37932;color:#fff;}
#director_plans_top .article ul {margin:0 0 0 94px;}
#director_plans_top .article li {float:left;width:25%;}

#director_plans_top .article li > div {
    height: 88px;
    margin: 0 0 0 8px;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    text-align: center;
    font-size: 0.88em;
    line-height: 1.3em;
}

#director_plans_top .article li.s1 > div {height:63px;padding-top:25px;}
#director_plans_top .article li.s2 > div {height:54px;padding-top:34px;}
#director_plans_top .article li.s3 > div {height:63px;padding-top:25px;}
#director_plans_top .article li.s4 > div {height:72px;padding-top:16px;}

#director_plans_top .article li .br {display:block;}

#director_plans_top .arrow {
    height: 50px;
    overflow: hidden;
    margin: 0 0 0 102px;
    background: url(../img/ico_arw_step.gif) no-repeat 50% 50%;
}

#director_plans_top > a {clear:both;display:block;height:36px;margin:1em 0 0 auto;}
#director_plans_top > a span {padding:10px 0;}

#director_plans {font-size:14px;line-height:1.78em;}
#director_plans, #director_plans * {letter-spacing:-0.08em;}

#director_plans > div {position:relative;padding:1.7em 0 2em 0;border-top:1px solid #c8c8c8;}

#director_plans .subject {
    position: absolute;
    left: 10px;
    top: 0.7em;
    height: 80px;
    padding: 20px 0 0 120px;
    background: url(../img/ico_director_plan.png) no-repeat;
    font-weight: 400;
    font-size: 1.57em;
    line-height: 1.27em;
    color: #000;
}

#director_plans .subject > em {display:block;color:#e37932;}

#director_plans .content {margin:0 0 0 415px;}
#director_plans .content > strong {display:block;margin:0 0 0.5em 0;color:#000;}
#director_plans .content ul {}
#director_plans .content li {padding:0 0 0 0.8em;background:url(../img/ico_list_nm4.gif) no-repeat 0 0.9em;}

#director_plans .article1 {border-top-width:0;}
#director_plans .article2 .subject {background-position:0 -100px;}
#director_plans .article3 .subject {background-position:0 -200px;height:90px;padding-top:10px;}
#director_plans .article4 .subject {background-position:0 -300px;height:90px;padding-top:10px;}

@media screen and ( max-width:640px ) {

    #director_plans_top {padding:15px;border-top:none;}
    #director_plans_top .article strong {position:static;display:block;margin:0 0 0.7em 0;}
    #director_plans_top .article p {margin:0;}
    #director_plans_top .article ul {margin:0 -2px;}
    #director_plans_top .article li {width:50%;}
    #director_plans_top .article li > div {height:54px;margin:0 2px 4px 2px;}
    #director_plans_top .article li.s1 > div {height:42px;padding-top:12px;}
    #director_plans_top .article li.s2 > div {height:34px;padding-top:20px;}
    #director_plans_top .article li.s3 > div {height:42px;padding-top:12px;}
    #director_plans_top .article li.s4 > div {height:42px;padding-top:12px;}
    #director_plans_top .article li .br {display:inline;}
    #director_plans_top .arrow {height:39px;margin:0 0 -26px 0;background-size:auto 8px;}
    #director_plans_top > a {width:auto;}
    #director_plans_top > a span {padding-top:12px;background:none;text-indent:-0.5em;}

    #director_plans_top > a span:before {
        display: inline-block;
        width: 16px;
        height: 16px;
        overflow: hidden;
        margin: -0.1em 0.5em 0 0;
        background: url('../img/btn_pdf_samll_mob.png') no-repeat 50% 50%;
        background-size: 16px auto;
        vertical-align: top;
        content: ' ';
    }

    #director_plans {padding:0 15px;background-color:#fff;font-size:13px;line-height:1.7em;}
    #director_plans > div {padding:0.5em 0 1.5em 0;}

    #director_plans .subject {
        position: static;
        display: block;
        height: 80px;
        padding: 30px 0 0 75px;
        background-size: auto 320px;
        font-size: 1.15em;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    #director_plans .subject > em {display:inline-block;margin:0 0.5em 0 0;}
    #director_plans .content {margin:0;}
    #director_plans .article1 .subject {background-position:-10px  0;}
    #director_plans .article2 .subject {background-position:-10px  -80px;}
    #director_plans .article3 .subject {background-position:-10px -160px;padding-top:20px;}
    #director_plans .article4 .subject {background-position: -8px -240px;padding-top:20px;}

}
.director-container .conference_wrap {margin:0;padding:0;}
.director-container .conference_wrap .year_line {top:0;}

.director-container .item_box.first {margin-top:0 !important;}

.director-container .item_info p {margin:0;}

.director-container .item_info .link,
.director-container .item_info .view {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: url(../img/ico_movement.png) no-repeat;
    text-indent: -9999px;
}

.director-container .item_box .view {background-position:0 0;}
.director-container .item_box .link {background-position:0 -40px;}

@media screen and ( max-width:640px ) {
    /*@override*/
    .director-container .conference_wrap {margin-bottom:-1px;background-color:#f0f0f0;}
    .director-container .item_box .move-year {height:40px;}
    .director-container .item_box .itm_year {position:static;}
    .director-container .item_box .itm_day {padding:14px 0;}
    .director-container .item_box .itm_conts .item_info .rpt_link {margin:0 40px 16px 0;}
}

#director_list {border-top:2px solid #1a1a1a;font-size:14px;line-height:1.5em;}

#director_list .drt-itm {position:relative;padding:2.7em 0;}

#director_list .drt-itm .pic {
    position: absolute;
    left: 0;
    top: 50%;
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin: -55px 0 0 0;
    border-radius: 100%;
}

#director_list .drt-itm .pic img {width:100%;height:auto;}
#director_list .drt-itm .date {display:block;margin:0 0 0.3em 130px;font-weight:700;letter-spacing:0;color:#e37932;}
#director_list .drt-itm .bnm {display:block;margin:0 0 0.3em 130px;font-weight:500;font-size:1.28em;color:#000;}
#director_list .drt-itm .name {display:block;margin:0 0 0 130px;letter-spacing:0;}

#director_list .drt-itm .btn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-weight: 700;
    color: #444;
}

#director_list .drt-itm .btn span {position:absolute;right:0;bottom:2em;padding:0 0 0 1em;background:url(../img/ico_arw_profile.png) no-repeat 0 50%;}

#director_list .drt-view {
    position: relative;
    height: 0;
    overflow: hidden;
    background-color: #f7f7f7;
    -webkit-transition: height 300ms;
            transition: height 300ms;
}

#director_list .drt-view .drt-itm {display:none;}

#director_list .drt-view .closing {
    display: block;
    width: 58px;
    height: 58px;
    overflow: hidden;
    margin: 0 1em 0 auto;
    background: url(../img/btn_close.png) no-repeat 50% 50%;
    text-indent: -9999px;
}

#director_list .drt-view .scrolling {height:444px;overflow:auto;margin:0 2em;border:1px solid #c8c8c8;background-color:#fff;}
#director_list .drt-view .sec {clear:both;margin:0 1.4em;line-height:2em;}
#director_list .drt-view .sec > strong {float:left;height:2em;margin:0 0 -3em 0;padding:1em 0 0 0;font-weight:500;color:#000;}
#director_list .drt-view .sec ul {clear:both;padding:1em 0 1em 96px;border-top:1px solid #e7e7e7;}
#director_list .drt-view .sec:first-child ul {border-top:none;}
#director_list .drt-view .sec li {clear:both;padding:0 0 0 10.8em;background:url(../img/ico_list_nm4.gif) no-repeat 0 0.9em;text-indent:-10em;}
#director_list .drt-view .sec li strong {display:inline-block;width:10em;vertical-align:middle;text-indent:0;font-weight:400;}
#director_list .drt-view .sec li span {vertical-align:middle;}

#director_list .drt-view .sec li.nolabel strong {display:none;}

.msie7 #director_list .drt-view .sec li,
.msie8 #director_list .drt-view .sec li {padding-left:0.8em;text-indent:0;}

#director_list .drt-view.expanded {height:534px;border-top:1px solid #c8c8c8;}

#director_list {}
#director_list > ul {}
#director_list > ul > li {border-top:1px solid #c8c8c8;}
#director_list > ul > li:first-child {border-top:none;}

@media screen and ( max-width:640px ) {

    .transition-enabled #pop_slide_box {
        position: relative;
        left: 0;
        -webkit-transition: left 500ms;
                transition: left 500ms;
    }

    .profile-opened #pop_slide_box {left:-100%;}

    #director_list {border-top:none;background-color:#fff;font-size:1em;}
    #director_list .drt-itm {padding:2.2em 0;}
    #director_list .drt-itm .pic {left:15px;width:80px;height:80px;margin-top:-40px;}
    #director_list .drt-itm .date {margin-left:110px;font-weight:400;}
    #director_list .drt-itm .bnm {margin-left:110px;font-weight:400;}
    #director_list .drt-itm .name {margin-left:110px;}
    #director_list .drt-itm .btn span {opacity:0;}

    #director_list .drt-view {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 5;
        width: 100%;
        height: 100%;
        -webkit-transform: translate3d( 100%, 0, 1px );
                transform: translate3d( 100%, 0, 1px );
        -webkit-transition: -webkit-transform 500ms;
                transition:         transform 500ms;
    }

    #director_list .drt-view .drt-itm {display:block;}

    #director_list .drt-view .closing {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 55px;
        margin: 0;
        background: #66635d url('../img/btn_mob_back_pop.png') right center no-repeat;
        background-size: 24px auto;
        text-align: left;
        font-size: 1.25em;
        line-height: 1.2em;
        color: #fff;
    }

    #director_list .drt-view .closing span {position:absolute;left:30px;top:50%;margin:-0.6em 0 0 0;text-indent:0;}
    #director_list .drt-view .closing span:before {display:inline;content: '역대원장';}

    #director_list .drt-view .scrolling {
        height: 100%;
        margin: 0;
        padding: 55px 0 1em 0;
        border: none;
        background-color: transparent;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    #director_list .drt-view .sec {border-top:1px solid #e7e7e7;font-size:13px;line-height:1.3em;}
    #director_list .drt-view .sec > strong {float:left;margin:0;}
    #director_list .drt-view .sec ul {padding:0 0 1em 0;border-top:none;}
    #director_list .drt-view .sec li {padding:0 0 0.5em 0.8em;text-indent:0;}
    #director_list .drt-view .sec li strong {display:block;width:auto;}

    #director_list .drt-view.expanded {
        height: 100%;
        -webkit-transform: none;
                transform: none;
    }

    #director_list .drt-view.current {z-index:6;}

}

.history-content {display:none;}

.history-content.selected {display:block;}

.history-content .summary {}
.history-content .summary > img {display:block;margin:0 0 1.3em 0;}
.history-content .summary > strong {display:block;margin:0 0 0.6em 0;font-weight:500;font-size:1.375em;line-height:1.3em;}
.history-content .summary > strong > em {vertical-align:middle;color:#e37932;}

.history-content .summary > strong .bar {
    display: inline-block;
    width: 1px;
    height: 1em;
    overflow: hidden;
    margin: 0 0.4em;
    background-color: #c8c8c8;
    vertical-align: middle;
    content: ' ';
}

.history-content .summary > strong > span {vertical-align:middle;color:#000;}
.history-content .summary > p {margin:0 0 1.8em 0;}
.history-content .summary > p.ph {margin-bottom:0.7em;}

.history-content .perform {padding:1.5em 1em;border:1px solid #c8c8c8;font-size:0.875em;line-height:1.285em;}
.history-content .perform > strong {display:block;margin:0 0 1em 0;color:#444;}
.history-content .perform ul {float:left;width:50%;}
.history-content .perform li {padding:0 0.5em 0.5em 0.8em;background:url(../img/ico_list_nm4.gif) no-repeat 0 0.6em;}

.history-content .section {position:relative;padding:1em 0;border-top:1px solid #e7e7e7;}
.history-content .section.first {border-top:none;}

.history-content .section > strong {
    position: absolute;
    left: 0;
    top: 1em;
    font-weight: 500;
    font-size: 1.25em;
    line-height: 1.3em;
    letter-spacing: 0;
    color: #444;
}

.history-content .section > ul {margin:0 0 0 105px;font-size:0.875em;line-height:2em;}
.history-content .section > ul li {padding:0 0 0 0.8em;background:url(../img/ico_list_nm4.gif) no-repeat 0 1em;}
.history-content .section > ul li em {letter-spacing:0;color:#a6a6a6;}

@media screen and ( max-width:640px ) {

    #kdi_history {background-color:#fff;}
    #kdi_history .sub_h4 {display:none;}

    .history-content {font-size:13px;}

    .history-content .summary {}
    .history-content .summary > img {width:100%;height:auto;}
    .history-content .summary > strong {margin:0 15px 0.5em 15px;font-size:1.15em;}
    .history-content .summary > strong em {display:block;}
    .history-content .summary > strong .bar {display:none;}
    .history-content .summary > p {margin:0 15px 1.2em 15px;line-height:1.7em;color:#1a1a1a;}

    .history-content .perform {margin:0 15px;font-size:0.923em;}
    .history-content .perform ul {float:none;width:100%;}

    .history-content .section {margin:0 15px;}
    .history-content .section > strong {position:static;display:block;margin-bottom:0.6em;font-size:1em;}
    .history-content .section > ul {margin-left:0;font-size:1em;line-height:1.3em;}
    .history-content .section > ul li {margin-bottom:0.4em;background-position:0 0.6em;}

}

#organogram {position:relative;height:44em;border-top:2px solid #1a1a1a;}
#organogram > p {margin:0;padding:1em 0;font-size:0.875em;}

#organogram .parts {position:relative;padding:0 0 0 390px;}
#organogram .parts ul {font-size:0;line-height:0;}
#organogram .parts li {position:relative;padding:6px 0 6px 31px;border-left:1px solid #c8c8c8;font-size:0;line-height:0;}
#organogram .parts li .add{position:absolute;right:-104px;top:6px}
#organogram .parts li .add .bar{position:absolute;left:-32px;top:6px;border-width:1px 0 0 0 !important}

#organogram .parts li .bar {
    position:absolute;
    left: 0;
    top: 12px;
    width: 20px;
    height: 100%;
    border: 0 solid #c8c8c8;
    border-width: 1px 0 0 0;
}

#organogram .parts li .bar span {position:absolute;right:-3px;top:-2px;width:3px;height:3px;overflow:hidden;background-color:#d2d2d2;}

#organogram .parts li.top,
#organogram .parts li.end {padding-left:32px;border-left-width:0;}
#organogram .parts li.top .bar {border-width:1px 0 0 1px;}
#organogram .parts li.end .bar {top:0;height:12px;border-width:0 0 1px 1px;}
#organogram .parts li.end .bar span {top:100%;margin-top:-1px;}

#organogram .parts li a {display:block;font-size:14px;line-height:1em;}

#organogram .parts .line {position:absolute;left:0;top:50%;width:390px;margin:-1px 0 0 0;border-top:1px solid #c8c8c8;}
#organogram .parts .line div {position:absolute;left:0;bottom:0;border-left:1px solid #c8c8c8;}

#orgGroup1,
#orgGroup2,
#orgGroup3,
#orgGroup4 {position:absolute;left:75px;}

#orgGroup1 {top:480px;}
#orgGroup2 {top:536px;}
#orgGroup3 {top:374px;z-index:1;}
#orgGroup4 {top:150px;}

#orgGroup3 .parts .line {left:105px;width:286px;}

#orgGroup1 .parts .line div {height:250px;}
#orgGroup2 .parts .line div {height:150px;}
#orgGroup3 .parts .line div {height:150px;}
#orgGroup4 .parts .line div {height:150px;}

#orgGroup2 .parts li a,
#orgGroup4 .parts li a {color:#444;}

#orgGroup3 .name {
    position: absolute;
    left: 30px;
    top: -150px;
    z-index: 1;
    width: 150px;
    background-color: #444;
    text-align: center;
    font-size: 1.125em;
}

#orgGroup3 .name a {
    display: block;
    width: 100%;
    height: 40px;
    padding: 20px 0 0 0;
    line-height: 1em;
    color: #fff;
}

#orgGroup4 .name {
    position: absolute;
    left: 210px;
    top: 50%;
    z-index: 1;
    width: 150px;
    margin: -30px 0 0 0;
    background-color: #7c7b75;
    text-align: center;
}

#orgGroup4 .name a {
    display: block;
    width: 100%;
    height: 46px;
    padding: 14px 0 0 0;
    line-height: 1.1em;
    color: #fff;
}

#orgPart1 {
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 1;
    width: 150px;
    height: 40px;
    padding: 20px 0 0 0;
    background-color: #e37932;
    text-align: center;
    font-size: 1.125em;
    line-height: 1em;
    color: #fff;
}

#orgPart2,
#orgPart3 {
    position: absolute;
    left: 75px;
    padding: 0 0 0 105px;
    line-height: 1em;
}

#orgPart2 {top:95px;}
#orgPart3 {top:155px;}

#orgPart2 a,
#orgPart3 a {
    display: block;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    width: 120px;
    height: 32px;
    padding: 16px 0 0 0;
    text-align: center;
    line-height: 1em;
    color: #444;
}

#orgPart2 .line,
#orgPart3 .line {position:absolute;left:0;top:50%;width:105px;margin:-1px 0 0 0;border-top:1px solid #c8c8c8;}

#search_staff {
    margin: 0 0 30px 0;
    padding: 30px 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #c8c8c8;
    background-color: #fafafa;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

#search_staff .sod_select .sod_label{padding-top:6px}

#empl_txt{margin:0;border-top:2px solid #000;font-size:14px;padding:10px 0 50px 0}

#search_staff > * {display:inline-block;vertical-align:middle;font-size:16px;line-height:1.3em;}
#search_staff form{line-height:0}
#search_staff label {margin:0 30px 0 0;font-weight:500;color:#000;}
#search_staff .sod_select {width:106px;margin:0 4px 0 0;text-align:left;font-size:16px;line-height:1.3em;color:#000;}

#search_staff input[type='text'],
#search_staff input[type='search'] {
    width: 320px;
    height: 25px !important;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

#search_staff button {
    width: 80px;
    height: 35px;
    padding: 0;
    background-color: #66635d;
    font-size: 16px;
    line-height: 1.2em;
    color: #fff;
}

#staff_list {}
.department .yes_search,
.department .no_search{margin:0;text-align:center;font-size:22px;color:#000;padding:200px 0}
.department .no_search{background:url('../img/ico_warning_web.gif') center 114px no-repeat}

.department > strong {display:block;padding:0.8em 1em;background-color:#999;font-weight:400;font-size:1.25em;color:#fff;}

.department .desc {
    padding: 30px;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    background-color:#fafafa;
}

.department .desc > strong {display:block;margin-bottom:10px;font-weight:400;font-size:20px;line-height:1.4em;color:#000;}
.department .desc > p {margin:0 0 10px 0;line-height:1.5em;}
.department .desc ul {font-size:14px;line-height:1.3em;}
.department .desc li {padding-top:5px;padding-bottom:5px;padding-left:12px;background:url(../img/ico_list_nm4.gif) no-repeat 0 0.9em;}

.department .article {border:0 solid #c8c8c8;border-width:0 1px 1px 1px;}

.department .article a {
    position: relative;
    display: block;
    height: 40px;
    padding: 10px 1.7em 0 32px;
    background:#f0f0f0 url(../img/ico_list_nm4.gif) no-repeat 20px 1.4em;
    color: #000;
}

.department .article a .ico {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin: -15px 0 0 0;
    background: url(../img/ico_arw_staff.png) no-repeat 0 -30px;
}

.department .article a.on .ico {background-position:0 0;}

.department .article-sub a {padding-left:40px;background:#f0f0f0 url(../img/ico_list_nm2.gif) no-repeat 32px 1.65em;font-size:0.875em;color:#7c7b75;}
.department .staff {position:relative;height:0;overflow:hidden;border:0 solid #c8c8c8;}
.department .staff .list {width:742px;margin-bottom:-1px;}
.department .staff .item {float:left;position:relative;width:370px;height:148px;overflow:hidden;border:0 solid #c8c8c8;border-width:0 1px 1px 0;}
.department .staff .item > strong {float:left;margin:1.5em 0.6em 0 1.5em;font-weight:400;}
.department .staff .item > strong span {display:block;font-size:1.5em;}
.department .staff .item > strong span, .department .staff .item > strong span a {color:#1a1a1a;}
.department .staff .item > strong em {}

.department .staff .item > em {
    float: left;
    height: 18px;
    margin: 28px 0 0 0;
    padding: 2px 0.8em 0 0.8em;
    border-radius: 10px;
    background-color: #f08200;
    font-size: 0.8125em;
    line-height: 1.3em;
    color: #fff;
}

.department .staff .item > a,
.department .staff .item > button {background:url(../img/ico_staff.png) no-repeat;}
.department .staff .item > a {position:absolute;left:20px;bottom:1.5em;padding:0 0 0 30px;background-position:0 0;letter-spacing:0;}

.department .staff .item > button {
    position: absolute;
    right: 20px;
    top: 25px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background-position: 0 -30px;
    text-indent: -9999px;
}

.department .staff .unfloat {height:0;}

.department .staff.expanded {height:auto;border-width:0 1px 1px 1px;}

.department .search-title {margin-bottom:1em;}
.department .search-title strong {font-size:22px;color:#000;}
.department .staff.search {border-width:0;}
.department .staff.search .list {margin-bottom:0;}
.department .staff.search .item {margin-right:-1px;margin-bottom:-1px;border-width:1px;}
.department .staff.search .unfloat {height:1px;}
/*
.department .staff.search .list {border:1px solid #c8c8c8;}
*/

#emailCopyLayer {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
}

#emailCopyLayer .front-layer {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 430px;
    margin: -120px 0 0 -215px;
    -webkit-box-shadow: 0 10px 10px 0 rgba( 0, 0, 0, 0.2 );
       -moz-box-shadow: 0 10px 10px 0 rgba( 0, 0, 0, 0.2 );
            box-shadow: 0 10px 10px 0 rgba( 0, 0, 0, 0.2 );
}

#emailCopyLayer .back-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}

#emailCopyLayer .front-layer > strong {display:block;height:37px;padding:9px 0 0 16px;background-color:#66635d;font-weight:500;color:#fff;}
#emailCopyLayer .body {padding:2em 0;border:0 solid #444;border-width:0 1px 1px 1px;background-color:#fff;}
#emailCopyLayer .body > p {margin:0;text-align:center;font-weight:500;color:#000;}

#emailCopyLayer .front-layer > button {
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-left: 1px solid #524f4a;
    background: url(../img/btn_close_layer.png) no-repeat 50% 50%;
    text-indent: -9999px;
}

#emailCopyLayer .captcha {padding:2em 0;}
#emailCopyLayer .captcha img {display:block;margin:0 auto;width:auto;height:42px;border:1px solid #ccccc6;}
#emailCopyLayer .input-cha {width:300px;margin:0 auto;}
#emailCopyLayer .input-cha input {float:left;width:218px;font-size:14px;color:#999;}

#emailCopyLayer .input-cha button.confim {
    float: right;
    width: 73px;
    height: 35px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-size: 13px;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

#emailCopyLayer .input-cha button.cancel {display:none;}
#emailCopyLayer .email-output {padding:1em 0;text-align:center;font-size:20px;letter-spacing:0;color:#e37932;}
#emailCopyLayer .email-copy {text-align:center;}

#emailCopyLayer .email-copy button {
    width: 108px;
    height: 40px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-weight: 500;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

#emailCopyLayer .email-copy button.blackskin {
    border-color: #4c4c4c;
    background-color: #686868;
    background-image: -webkit-linear-gradient( top, #7a7a7a, #4e4e4e );
    background-image:    -moz-linear-gradient( top, #7a7a7a, #4e4e4e );
    background-image:     -ms-linear-gradient( top, #7a7a7a, #4e4e4e );
    background-image:      -o-linear-gradient( top, #7a7a7a, #4e4e4e );
    background-image:         linear-gradient( to bottom, #7a7a7a, #4e4e4e );
    color: #fff;
}

@media screen and ( max-width:640px ) {
	#empl_txt{border-top:none;padding:20px 15px 8px 15px;font-size:12px;background-color:#fff;position:relative;z-index:1;margin-bottom:-1px}
	.department .yes_search,
	.department .no_search{font-size:15px;padding:80px 0}
	.department .no_search{background:url('../img/ico_warning.gif') center 16px no-repeat;background-size:59px auto}

    #organogram {height:auto;margin:0 0 10px 0;border-top:none;border-bottom:1px solid #cacaca;background-color:#fff;}
    #organogram > p {padding-left:15px;font-size:1em;}

    #organogram .parts {margin:0 0 15px 0;padding:0 0 0 60px;}
    #organogram .parts li {padding:10px 0 10px 18px;}
    #organogram .parts li a {font-size:12px;line-height:1em;}

    #organogram .parts li .bar {
        top: 15px;
        width: 8px;
        height: 100%;
        border: 0 solid #c8c8c8;
        border-width: 1px 0 0 0;
    }

    #organogram .parts li.top,
    #organogram .parts li.end {padding-left:19px;border-left-width:0;}

	#organogram .parts li .add{right:85px;top:10px}
	#organogram .parts li .add .bar{left:-20px;top:6px}

	#organogram .parts li.jcg .bar{top:3px}

    #organogram .parts .line {left:45px;width:15px;}

    #orgGroup1,
    #orgGroup2,
    #orgGroup3,
    #orgGroup4 {position:relative;left:0;top:0;margin:0 0 0 15px;}

    #orgGroup4 .parts {margin-bottom:0;padding-bottom:15px;}

    #orgGroup1 .parts .line div {height:130px;}
    #orgGroup3 .parts .line div {height:300px;}
    #orgGroup4 .parts .line div {height:300px;}

    #orgGroup3 .name,
    #orgGroup4 .name {position:relative;left:0;top:0;width:90px;margin:0 0 15px 0;font-size:1em;}

    #orgGroup3 .name a,
    #orgGroup4 .name a {
        height: 40px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    #orgGroup3 .name a {padding:13px 0 0 0;}
    #orgGroup4 .name a {padding:8px 0 0 0;}

    #orgPart1 {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        width: 90px;
        height: 40px;
        margin: 0 0 0 15px;
        padding: 14px 0 0 0;
        font-size: 1em;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    #orgPart2,
    #orgPart3 {position:relative;left:0;top:0;margin:0 0 20px 60px;padding:0 0 0 65px;font-size:0.8333em;}

    #orgPart2 {margin-top:-38px;}

    #orgPart2 a,
    #orgPart3 a {
        width: 70px;
        height: 35px;
        padding: 12px 0 0 0;
        font-weight: 500;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    #orgPart3 a {padding-top:6px;line-height:1.1em;}
    #orgPart3 a span {display:block;}

    #orgPart2 .line,
    #orgPart3 .line {width:65px;}

    #search_staff {margin-bottom:0;padding:15px 15px 25px 15px;border-top:1px solid #cacaca;border-bottom:none;background-color:#fff;text-align:left;}
    #search_staff:after {clear:both;display:block;content:' ';}
    #search_staff label {display:block;margin:0 0 8px 0;font-size:15px;}
    #search_staff .sod_select {width:80px;margin:0 0 -35px 0;font-size:12px;}
    #search_staff .sod_select .sod_label {padding-top:9px;}
    #search_staff .input {display:block;margin:0 0 0 88px;}

    #search_staff input[type='text'],
    #search_staff input[type='search'] {
        display: block;
        width: 100%;
        height: 35px !important;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    #search_staff button {
        float: right;
        width: 35px;
        height: 35px;
        overflow: hidden;
        margin: -35px 0 0 0;
        background: url(../img/ico_search_bk.png) no-repeat 50% 50%;
        text-indent: -9999px;
    }

    #staff_list {padding:0 15px 15px 15px;background-color:#fff;}

    .department > strong {height:27px;padding:13px 1em 0 1em;font-size:13px;}
    .department .article a {height:28px;padding-top:12px;padding-left:20px;background-position:10px 18px;font-size:13px;}
    .department .article-sub a {padding-left:30px;background-position:22px 19px;}
    .department .staff .list {width:auto;}
    .department .staff .item {float:none;width:auto;height:115px;border-right:none;font-size:13px;}
    .department .staff .item > strong span {margin-bottom:10px;}
    .department .staff .item > em {height:16px;margin-top:17px;padding-top:2px;font-size:11px;}
    .department .staff .item > a {padding-left:1.5em;background-size:1.5em auto;}
    .department .staff .item > button {right:15px;top:10px;}

    .department .staff.search .item {margin-right:0;border-right:1px solid #c8c8c8;}

    .department .search-title {display:none;}

    .department .desc > strong {font-size:13px;}
    .department .desc ul {font-size:1em;}

    #emailCopyLayer .front-layer {width:290px;margin-left:-145px;}
    #emailCopyLayer .back-layer {opacity:0.5;}
    #emailCopyLayer .front-layer > strong {height:33px;padding-top:17px;font-weight:300;font-size:15px;}
    #emailCopyLayer .front-layer > button {display:none;}
    #emailCopyLayer .body {border:none;padding-bottom:0;}
    #emailCopyLayer .body > p {font-size:15px;line-height:1.33em;}
    #emailCopyLayer .body > p .br {display:block;}
    #emailCopyLayer .captcha {padding-bottom:1em;}
    #emailCopyLayer .input-cha {width:auto;}
    #emailCopyLayer .input-cha input {float:none;display:block;margin:0 auto 2em auto;border:none;border-bottom:1px solid #cacaca;}

    #emailCopyLayer .input-cha button {
        height: 44px !important;
        border: none !important;
        border-top: 1px solid #cacaca !important;
        background-image: none !important;
        font-size: 15px !important;
        -webkit-box-shadow: none !important;
           -moz-box-shadow: none !important;
                box-shadow: none !important;
    }

    #emailCopyLayer .input-cha button.confim {float:left;width:50%;margin-right:-1px;border-right:1px solid #cacaca !important;color:#e37932;}
    #emailCopyLayer .input-cha button.cancel {display:block;float:right;width:50%;}

    #emailCopyLayer .email-output {padding:2em 0;font-size:15px;}

    #emailCopyLayer .email-copy button {
        height: 44px !important;
        border: none !important;
        border-top: 1px solid #cacaca !important;
        background-image: none !important;
        font-weight: 400;
        font-size: 15px !important;
        -webkit-box-shadow: none !important;
           -moz-box-shadow: none !important;
                box-shadow: none !important;
    }

    #emailCopyLayer .email-copy button {float:right;width:50%;color:#e37932;}
    #emailCopyLayer .email-copy button.blackskin {background-color:#fff;color:#000;}
    #emailCopyLayer .email-copy button:first-child {float:left;margin-right:-1px;border-right:1px solid #cacaca !important;}

}
.staff-container {}

#staff_table {position:relative;width:100%;overflow:hidden;background-color:#fff;}

#staff_table .article a {display:block;text-align:center;font-size:18px;line-height:1.3em;color:#000;}

#staff_table .article a > span {
    position: relative;
    display: block;
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border-radius: 55px;
}

#staff_table .article a > span img {display:block;width:100%;height:auto;border-radius:55px;}
#staff_table .article a > span.null {background:#f2f2f2 url(../img/null_img.png) no-repeat 50% 50%;}
#staff_table .article a strong {display:block;padding-bottom:26px;font-weight:400;}

.msie7 #staff_table .article a > span .mask,
.msie8 #staff_table .article a > span .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/staff_mask.png) no-repeat;}

#staff_table .list {position:relative;left:-24px;width:790px;}
#staff_table .list .unfloat {position:relative;top:-1px;border-top:1px solid #c8c8c8;}
#staff_table .article {float:left;width:20%;margin-top:-1px;padding-top:34px;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;}

@media screen and ( max-width:640px ) {
    #staff_table .list {left:0;width:auto;}
    #staff_table .article a {font-size:15px;}
    #staff_table .article a > span {width:80px;height:80px;margin-bottom:8px;}
    #staff_table .article a > span img {border-radius:40px;}
    #staff_table .article a strong {padding-bottom:16px;}
    #staff_table .article {width:33%;padding-top:20px;}
}

#locationTab {}
#locationTab .tab {height:45px;margin-bottom:30px;border-top:2px solid #1a1a1a;}
#locationTab .tab ul {height:44px;}
#locationTab .tab li {float:left;width:50%;}

#locationTab .tab li a {
    display: block;
    height: 37px;
    padding: 7px 0 0 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #ededed;
    text-align: center;
    font-weight: 500;
}

#locationTab .tab li.on a {border-bottom-color:#fff;background-color:#fff;color:#242424;}

#locationTab .tab li.t2 {margin-right:-1em;}
#locationTab .tab li.t1 a {border-left:1px solid #ccc;}

#locationMap1,
#locationMap2 {display:none;clear:both;height:368px;border:1px solid #ccc;}

#locationMap1.selected,
#locationMap2.selected {display:block;}

#locationInfo {}
#locationInfo > ul {font-size:14px;line-height:1.3em;letter-spacing:-0.05em;}
#locationInfo > ul > li {border-top:1px solid #e7e7e7;}
#locationInfo > ul > li:first-child {border-top:none;}

#locationInfo > ul > li > strong {
    float: left;
    height: 51px;
    margin-bottom: -77px;
    padding-top: 26px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3em;
    letter-spacing: -0.05em;
    color: #444;
}

#locationInfo > ul > li > strong.way {float:none;display:block;height:40px;margin-bottom:0;}
#locationInfo > ul > li > address {clear:both;height:49px;margin-left:125px;padding-top:28px;}
#locationInfo > ul > li > em {clear:both;display:block;height:49px;margin-left:125px;padding-top:28px;}
#locationInfo > ul > li ul.way {clear:both;margin-bottom:1em;padding:26px 20px 30px 20px;border:1px solid #c8c8c8;}
#locationInfo > ul > li ul.way li {padding:3px 0;}

#locationInfo > ul > li ul.way li > strong {
    float: left;
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: -24px;
    background-image: url(../img/ico_location.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#locationInfo > ul > li ul.way li > p {clear:both;margin:0 0 0 34px;}
#locationInfo > ul > li ul.way li > p .start {font-weight:500;}
#locationInfo > ul > li ul.way li > p .end {font-weight:500;color:#444;}

#locationInfo > ul > li ul.way li > p .step {
    display: inline-block;
    width: 1em;
    height: 1em;
    overflow: hidden;
    margin-bottom: 0.3em;
    background: url(../img/ico_arw_right2.gif) no-repeat 50% 50%;
    vertical-align: middle;
}

#locationInfo > ul > li ul.way li > p .br {display:block;}

#locationInfo > ul > li ul.way li.train > strong {background-position:0 0;}
#locationInfo > ul > li ul.way li.bus > strong {background-position:0 -30px;}
#locationInfo > ul > li ul.way li.train > p .start {color:#e37932;}
#locationInfo > ul > li ul.way li.bus > p .start {color:#66635d;}

#locationInfo > ul > li ul.noti {font-weight:300;line-height:1.5em;}
#locationInfo > ul > li ul.noti li {padding:0.1em 0 0.1em 8px;background:url(../img/ico_list_nm2.gif) no-repeat 0 10px;}

#prCiTab {height:45px;margin-bottom:30px;border-top:2px solid #1a1a1a;}
#prCiTab ul {height:44px;}
#prCiTab li {float:left;width:17%;}
#prCiTab li.t2,
#prCiTab li.t5 {width:16%;}

#prCiTab li a {
    display: block;
    height: 37px;
    padding: 7px 0 0 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #ededed;
    text-align: center;
    font-weight: 500;
}

#prCiTab li.on a {border-bottom-color:#fff;background-color:#fff;color:#242424;}

#prCiTab li.t6 {margin-right:-1em;}
#prCiTab li.t1 a {border-left:1px solid #ccc;letter-spacing:0;}

.pr-ci-contents {font-size:16px;line-height:1.625em;}
.pr-ci-contents, .pr-ci-contents * {letter-spacing:-0.05em;}
.pr-ci-contents > *[class^='title'] {display:block;margin-bottom:0.5em;font-weight:500;font-size:22px;line-height:1.3em;color:#000;}
.pr-ci-contents > .title1 {margin-bottom:1.2em;}
.pr-ci-contents > .section {display:block;font-weight:500;color:#444;}
.pr-ci-contents > p {margin:0 0 1.2em 0;}
.pr-ci-contents .with-desc {margin-bottom:26px;}
.pr-ci-contents .with-desc p {margin:0;}
.pr-ci-contents .with-desc ul {}
.pr-ci-contents .with-desc li {padding:0.1em 0 0.1em 12px;background:url(../img/ico_list_nm4.gif) no-repeat 0 0.9em;}
.pr-ci-contents .grid-box {position:relative;margin-bottom:3em;border:1px solid #ccc;}
.pr-ci-contents .grid-box .center {height:242px;}
.pr-ci-contents .grid-box .center img {position:absolute;left:50%;top:50%;width:auto;height:auto;}
.pr-ci-contents .grid-box .center img.identity {width:180px;margin-left:-90px;margin-top:-47px;}
.pr-ci-contents .grid-box .center img.grid {width:334px;margin-left:-167px;margin-top:-82px;}
.pr-ci-contents .grid-box *[class^='type'] {padding:30px 0;}
.pr-ci-contents .grid-box *[class^='type'] li {clear:both;position:relative;width:100%;padding:25px 0;}
.pr-ci-contents .grid-box *[class^='type'] strong {
    float: left;
    height: 30px;
    margin-bottom: -30px;
    padding-left: 30px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.3em;
    letter-spacing: -0.05em;
}
.pr-ci-contents .grid-box *[class^='type'] img {clear:both;display:block;height:auto;margin-left:220px;}

.pr-ci-contents .grid-box .type1 img {width:311px;}
.pr-ci-contents .grid-box .type2 img {width:414px;}
.pr-ci-contents .grid-box .type3 img {width:313px;}
.pr-ci-contents .grid-box .type4 img {width:488px;}
.pr-ci-contents .grid-box .type5 img {width:415px;}
.pr-ci-contents .grid-box .type6 img {width:413px;}
.pr-ci-contents .grid-box .type7 img {width:318px;}

.pr-ci-contents .grid-box .controls {position:absolute;right:0;bottom:-1px;height:34px;}

.pr-ci-contents .grid-box .controls button {
    position: relative;
    float: left;
    width: 91px;
    height: 34px;
    margin-right: -1px;
    padding-left: 1em;
    border: 1px solid #ccc;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3em;
    letter-spacing: 0;
    color: #444;
}

.pr-ci-contents .grid-box .controls button > span {
    position: absolute;
    right: 12px;
    top: 50%;
    width: 18px;
    height: 18px;
    overflow: hidden;
    margin-top: -9px;
    background: url( ../img/ico_download.png ) no-repeat 50% 50%;
    text-indent: -9999px;
}

.pr-ci-contents .grid-box .controls button > span * {opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}

.pr-ci-contents .brochure_mov {margin-top:0;padding-top:0.5em;}

.pr-ci-contents .clr-art {position:relative;height:80px;}
.pr-ci-contents .clr-art .chip {position:absolute;left:0;top:0;width:50px;height:50px;overflow:hidden;border-radius:25px;background-color:#000;}
.pr-ci-contents .clr-art > dl {margin-left:64px;font-size:12px;line-height:1.5em;}
.pr-ci-contents .clr-art > dl, .pr-ci-contents .clr-art > dl * {letter-spacing:0;}
.pr-ci-contents .clr-art > dl dt {font-weight:500;color:#444;}
.pr-ci-contents .clr-art > dl dd {}

.clr-lst .c425CVE   .chip {background-color:rgb(64,64,57)}
.clr-lst .c158CVE   .chip {background-color:rgb(255,102,0)}
.clr-lst .c423CVE   .chip {background-color:rgb(140,140,133)}
.clr-lst .c872CVE   .chip {background-color:#9b8449}
.clr-lst .c877CVE   .chip {background-color:#8f8f92}
.clr-lst .c122CVE   .chip {background-color:#ffd046}
.clr-lst .c729CVE   .chip {background-color:#d4a46b}
.clr-lst .c479CVE   .chip {background-color:#b89484}
.clr-lst .c583CVE   .chip {background-color:#abbd26}
.clr-lst .c364CVE   .chip {background-color:#1e772d}
.clr-lst .c315CVE   .chip {background-color:#006c86}
.clr-lst .c644CVE   .chip {background-color:#89b7d7}
.clr-lst .c652CVE   .chip {background-color:#5288be}
.clr-lst .c294CVE   .chip {background-color:#005a9c}
.clr-lst .c5415CVE  .chip {background-color:#3e7998}
.clr-lst .c4CVE     .chip {background-color:#c2bab7}
.clr-lst .c4CVE2    .chip {background-color:#c70752}
.clr-lst .c5415CVE2 .chip {background-color:#b495b6}
.clr-lst .c5135CVE  .chip {background-color:#8e6b8b}
.clr-lst .c249CVE   .chip {background-color:#70205e}

.pr-ci-contents .clr-lst {margin-bottom:45px;padding:30px;border:1px solid #ccc;}
.pr-ci-contents .clr-lst h6 {clear:both;margin-bottom:25px;padding-top:30px;font-weight:500;font-size:18px;line-height:1.3em;letter-spacing:0;}
.pr-ci-contents .clr-lst h6:first-child {padding-top:0;}
.pr-ci-contents .clr-lst > ul > li {float:left;width:200px;}

.pr-ci-contents .definition {margin-bottom:45px;padding-top:15px;}

#prCiProhibits {padding-top:20px;}
#prCiProhibits .pr-ci-contents {margin-bottom:40px;}
#prCiProhibits .pr-ci-contents > *[class^='title'] {margin-bottom:1.2em;}
#prCiProhibits .color {float:left;}
#prCiProhibits .background {float:right;}
#prCiProhibits ul {}
#prCiProhibits li {float:left;padding-left:17px;width:173px;font-size:14px;line-height:1.28em;letter-spacing:-0.05em;}
#prCiProhibits li:first-child {padding-left:0;}
#prCiProhibits li img {display:block;margin-bottom:1em;border:1px solid #ccc;}
#prCiProhibits li strong {font-weight:500;}

#subscWelcomeTop {}
#subscWelcomeTop, #subscWelcomeTop * {letter-spacing:-0.05em;}

#subscWelcomeTop .top {margin-bottom:3em;padding:0 30px;background-color:#fbfbfb;}
#subscWelcomeTop .top > strong {display:block;margin-bottom:0.3em;padding-top:30px;font-weight:500;font-size:22px;line-height:1.3em;color:#000;}
#subscWelcomeTop .top > strong > span {color:#e37932;}

#subscWelcomeTop *[class^='msg'] {border-bottom:1px solid #e7e7e7;}
#subscWelcomeTop *[class^='msg'] > div {margin-bottom:1.5em;}
#subscWelcomeTop *[class^='msg'] > div > strong {display:inline-block;margin-right:0.5em;color:#444;}
#subscWelcomeTop *[class^='msg'] > div > strong > em {color:#e37932;}
#subscWelcomeTop *[class^='msg'] > div > span {display:inline-block;margin-right:0.5em;}
#subscWelcomeTop *[class^='msg'] > div > em {
    display: inline-block;
    width: 4em;
    height: 22px;
    margin-top: -0.1em;
    padding-top: 2px;
    border-radius: 12px;
    background-color: #e37932;
    text-align: center;
    text-indent: 0;
    font-size: 14px;
    line-height: 1.3em;
    letter-spacing: 0;
    color: #fff;
}
#subscWelcomeTop *[class^='msg'] > button {
    width: 102px;
    height: 40px;
    margin-bottom: 1em;
    border: 1px solid #f18200;
    background-color: #f99b2c;
    background-image: -webkit-linear-gradient( top, #ffaa47, #f08404 );
    background-image:    -moz-linear-gradient( top, #ffaa47, #f08404 );
    background-image:     -ms-linear-gradient( top, #ffaa47, #f08404 );
    background-image:      -o-linear-gradient( top, #ffaa47, #f08404 );
    background-image:         linear-gradient( to bottom, #ffaa47, #f08404 );
    font-size: 14px;
    line-height: 1.3em;
    color: #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

#subscWelcomeTop *[class^='msg'] .pc {}
#subscWelcomeTop *[class^='msg'] .phone {display:none;}

#subscWelcomeTop .msg1 > div {margin-bottom:3em;}
#subscWelcomeTop .pc .done{margin-top:10px;font-size:14px;line-height:1.6em;background-position:left 3px}
#subscWelcomeTop .pc .done ul{}
#subscWelcomeTop .pc .done ul li{display:inline-block;zoom:1;*display:inline;line-height:0.9em;margin-left:9px;padding-left:10px;border-left:1px solid #7c7b75}
#subscWelcomeTop .pc .done ul li:first-child{margin-left:0;padding-left:0;border-left:none}
#subscWelcomeTop .pc .done ul li a,
#subscWelcomeTop .pc .done ul li em{letter-spacing:0;line-height:1em}

#subscWelcomeTop .controls {clear:both;padding:20px 0 22px 0;text-align:right;}
#subscWelcomeTop .controls button {
    width: 85px;
    height: 32px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-weight: 700;
    font-size: 13px;
    line-height: 1.3em;
    letter-spacing: -0.05em;
    color: #444;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

#subscWelcomeTop .top > p {height:48px;margin:-48px 0 0 0;padding-left:0.5em;background:url(../img/ico_list_nm2.gif) no-repeat 0 0.7em;font-size:14px;line-height:1.3em;}

#subscPaymentTop {margin:0 8px 3em 8px;padding-top:2em;}
#subscPaymentTop > p,
#subscPaymentTop > strong {font-weight:500;color:#444;}
#subscPaymentTop > p {margin:0;}
#subscPaymentTop > p > span {display:inline-block;margin-left:0.5em;letter-spacing:0;}
#subscPaymentTop > strong {display:block;margin-bottom:0.3em;}
#subscPaymentTop > ul {margin-bottom:1.5em;}
#subscPaymentTop > ul > li {margin-bottom:0.2em;padding-left:0.7em;background:url(../img/ico_list_nm4.gif) no-repeat 0 0.65em;}
#subscPaymentTop > ul > li > em {color:#e37932;}
#subscPaymentTop > ul > li .br {display:block;}
#subscPaymentTop .sub_top{}
#subscPaymentTop .sub_top li{}
#subscPaymentTop .sub_top li span{letter-spacing:0}
#subscPaymentTop .sub_top li span.b{padding-right:12px;margin-right:9px;background:url('../img/ico_bar_p13.gif') right center no-repeat}
#subscPaymentTop .sub_top li strong{font-weight:400;display:inline-block;zoom:1;*display:inline;width:90px}

#subscPaymentSet {margin-left:8px;margin-right:8px;}
#subscPaymentSet h5 {padding-bottom:1em;}

#subscPaymentSet > ul {margin-bottom:20px;border-top:1px solid #1a1a1a;border-bottom:1px solid #c8c8c8;}
#subscPaymentSet > ul > li {border-top:1px solid #e7e7e7;}
#subscPaymentSet > ul > li:first-child {border-top:none;}

#subscPaymentSet > ul > li > strong {
    float: left;
    width: 104px;
    height: 41px;
    margin-bottom: -55px;
    padding-left: 20px;
    padding-top: 14px;
    background-color: #fafafa;
    font-weight: 500;
    color: #000;
}

#subscPaymentSet > ul > li > div {clear:both;height:41px;margin-left:144px;padding-top:14px;}

#subscPaymentSet > ul > li.period > div {letter-spacing:0;}
#subscPaymentSet > ul > li.period > div.extension {color:#e37932;}

#subscPaymentSet > ul > li.period > div.new {height:45px;padding-top:10px;color:#e37932;}
#subscPaymentSet > ul > li.period > div.new .sod_select {width:6.2em;vertical-align:middle;}
#subscPaymentSet > ul > li.period > div.new input[type=text] {width:8em;padding:0.1em 0;border:none;text-indent:0;line-height:1em;color:#e37932;}

#subscPaymentSet > ul > li.payment > div input {margin-top:-0.1em;}
#subscPaymentSet > ul > li.payment > div label {display:inline-block;margin-right:1.5em;}

#subscPaymentSet .controls button {
    width: 124px;
    height: 50px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}
#subscPaymentSet .controls button.l {float:left;}
#subscPaymentSet .controls button.r {float:right;}

*[id^='subscPaymentDone'] {padding-top:135px;padding-bottom:3em;background:#fafafa url(../img/subscribe_paymentdone.png) no-repeat 50% 45px;}
*[id^='subscPaymentDone'], *[id^='subscPaymentDone'] * {letter-spacing:-0.05em;}
*[id^='subscPaymentDone'] > strong {display:block;margin-bottom:0.5em;text-align:center;font-weight:500;font-size:24px;line-height:1.3em;color:#000;}
*[id^='subscPaymentDone'] > p {margin:0 0 2em 0;text-align:center;}
*[id^='subscPaymentDone'] > p a {letter-spacing:0;color:#e37932;}
*[id^='subscPaymentDone'] > p .br {display:block;}
*[id^='subscPaymentDone'] .fee {width:450px;margin:0 auto 2em auto;padding:1em 0;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;}
*[id^='subscPaymentDone'] .fee ul {margin-left:40px;}
*[id^='subscPaymentDone'] .fee li {padding:0.15em 0 0.15em 0.5em;background:url(../img/ico_list_nm2.gif) no-repeat 0 0.9em;}
*[id^='subscPaymentDone'] .fee li > strong {display:inline-block;margin-right:0.5em;font-weight:400;color:#000;}
*[id^='subscPaymentDone'] .fee li .line {
    display: inline-block;
    width: 1px;
    height: 0.9em;
    overflow: hidden;
    margin: 0 0.5em 0.3em 0.5em;
    background-color: #c8c8c8;
    vertical-align: middle;
}
*[id^='subscPaymentDone'] > button {
    display: block;
    margin: 0 auto;
    width: 124px;
    height: 50px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-weight: 500;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

#subscPaymentDone2 > p > em {color:#e37932;}
#subscPaymentDone2 > button {
    border: 1px solid #f18200;
    background-color: #f99b2c;
    background-image: -webkit-linear-gradient( top, #ffaa47, #f08404 );
    background-image:    -moz-linear-gradient( top, #ffaa47, #f08404 );
    background-image:     -ms-linear-gradient( top, #ffaa47, #f08404 );
    background-image:      -o-linear-gradient( top, #ffaa47, #f08404 );
    background-image:         linear-gradient( to bottom, #ffaa47, #f08404 );
    color: #fff;
}

#subscPaymentDone3 {padding-top:120px;background-image:url(../img/subscribe_paymentdone2.png);}
#subscPaymentDone3 > p > em {color:#e37932;}

*[id^='subscFind'] {}
*[id^='subscFind'], *[id^='subscFind'] * {letter-spacing:-0.05em;}
*[id^='subscFind'] h5 {display:none;}
*[id^='subscFind'] .tab_move.tab_new_ico {margin-bottom:30px;padding-bottom:0;}
*[id^='subscFind'] .form {clear:both;padding:50px 0;background-color:#fbfbfb;}
*[id^='subscFind'] .form ul {width:307px;margin:0 auto;}
*[id^='subscFind'] .form li {position:relative;margin-bottom:0.3em;}
*[id^='subscFind'] .form li .custom-placeholder {position:relative;height:43px;border:1px solid #c8c8c8;background-color:#fff;}
*[id^='subscFind'] .form li .custom-placeholder label {position:absolute;left:11px;top:50%;margin-top:-0.6em;line-height:1.3em;color:#999;}
*[id^='subscFind'] .form li .custom-placeholder input {height:auto;padding:0.5em 0;border:none;line-height:1em;}
*[id^='subscFind'] .form li .custom-placeholder.focused label {display:none;}
*[id^='subscFind'] .form > p {width:307px;margin:0 auto 1.5em auto;font-size:14px;line-height:1.3em;}
*[id^='subscFind'] .form > button {
    display: block;
    width: 307px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #f18200;
    background-color: #f99b2c;
    background-image: -webkit-linear-gradient( top, #ffaa47, #f08404 );
    background-image:    -moz-linear-gradient( top, #ffaa47, #f08404 );
    background-image:     -ms-linear-gradient( top, #ffaa47, #f08404 );
    background-image:      -o-linear-gradient( top, #ffaa47, #f08404 );
    background-image:         linear-gradient( to bottom, #ffaa47, #f08404 );
    color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}
*[id^='subscFind'] .noti {background-color:#fbfbfb;font-size:14px;line-height:1.7142em;}
*[id^='subscFind'] .noti ul {margin:0 30px;padding:1.8em 0;border-top:1px solid #e7e7e7;}
*[id^='subscFind'] .noti li {position:relative;padding-left:0.5em;}
*[id^='subscFind'] .noti li .bul {position:absolute;left:0;top:0.85em;width:2px;height:2px;overflow:hidden;background-color:#c8c8c8;}

*[id^='subscFindDone'] .msg {padding-top:120px;padding-bottom:3em;background:#fafafa url(../img/subscribe_findid.png) no-repeat 50% 45px;}
*[id^='subscFindDone'] .msg > strong {display:block;text-align:center;font-weight:500;font-size:22px;line-height:1.3em;color:#000;}
*[id^='subscFindDone'] .msg > em {display:block;margin:0 0 1.5em 0;text-align:center;font-size:26px;line-height:1.3em;letter-spacing:0;color:#e37932;}
*[id^='subscFindDone'] .msg > p {margin:0 0 1.5em 0;text-align:center;}
*[id^='subscFindDone'] .msg > p > strong {display:block;margin-bottom:0.2em;font-weight:500;font-size:22px;line-height:1.3em;color:#000;}
*[id^='subscFindDone'] .msg > button {
    display: block;
    margin: 0 auto;
    width: 124px;
    height: 50px;
    border: 1px solid #f18200;
    background-color: #f99b2c;
    background-image: -webkit-linear-gradient( top, #ffaa47, #f08404 );
    background-image:    -moz-linear-gradient( top, #ffaa47, #f08404 );
    background-image:     -ms-linear-gradient( top, #ffaa47, #f08404 );
    background-image:      -o-linear-gradient( top, #ffaa47, #f08404 );
    background-image:         linear-gradient( to bottom, #ffaa47, #f08404 );
    color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}
*[id^='subscFindDone'] .noti {background-color:transparent;}
*[id^='subscFindDone'] .noti ul {margin:0;padding:1em 0;border-top:none;}

#subscFindDonePw .msg {padding-top:135px;background-image:url(../img/subscribe_findpw.png);}

#subscUpdateTop {margin:0 8px;padding:30px 0 0 0;}
#subscUpdateTop .form {padding:50px 0;background-color:#fafafa;}
#subscUpdateTop .form ul {width:254px;margin:0 auto 0.6em auto;}
#subscUpdateTop .custom-placeholder {position:relative;height:43px;border:1px solid #c8c8c8;background-color:#fff;}
#subscUpdateTop .custom-placeholder label {position:absolute;left:11px;top:50%;margin-top:-0.6em;line-height:1.3em;color:#999;}
#subscUpdateTop .custom-placeholder input {height:auto;padding:0.5em 0;border:none;line-height:1em;}
#subscUpdateTop .custom-placeholder.focused label {display:none;}
#subscUpdateTop .controls {width:254px;margin:0 auto;}
#subscUpdateTop .controls button {
    float: right;
    width: 124px;
    height: 50px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-weight: 500;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}
#subscUpdateTop .controls button:first-child {float:left;}

.step_org_table_update {border-top:1px solid #e7e7e7;}
.step_org_table_update input[type=tel],
.step_org_table_update input[type=text],
.step_org_table_update input[type=email],
.step_org_table_update input[type=search],
.step_org_table_update input[type=password] {font-size:14px;color:#7c7b75;}
.step_org_table_update .sod_select {color:#7c7b75;}

.book_member_wrap .controls {}
.book_member_wrap .controls button {
    float: right;
    width: 124px;
    height: 50px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-weight: 500;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}
.book_member_wrap .controls button:first-child {float:left;}

#injustice_terms {margin-bottom:70px;padding-top:25px;padding-bottom:10px;border-top:2px solid #000;}
#injustice_terms > strong {display:block;margin-left:8px;margin-right:8px;font-weight:500;font-size:22px;color:#000;}
#injustice_terms > dl {margin-bottom:5px;padding:20px 8px 10px 8px;border-bottom:1px solid #c8c8c8;}
#injustice_terms > dl dt {padding-left:8px;background:url(../img/ico_list_nm4.gif) no-repeat 0 0.75em;font-weight:500;color:#000;}
#injustice_terms > dl dd {margin-bottom:25px;padding-left:8px;}

@media screen and ( max-width:640px ) {
	#subscPaymentTop .sub_top li strong{display:block}

    #injustice_terms {margin-bottom:10px;padding:0 15px 25px 15px;border-top:none;border-bottom:1px solid #cacaca;background-color:#fff;}
    #injustice_terms > strong {margin:0;padding:20px 0;border-bottom:1px solid #e5e5e5;font-size:15px;}
    #injustice_terms > dl {padding:10px 0;border-bottom:none;font-size:13px;line-height:1.7em;}
    #injustice_terms > dl dt {padding:5px 0 0 0;background:none;color:#1a1a1a;}
    #injustice_terms > dl dd {margin-bottom:0;padding:0 0 5px 0;font-weight:300;color:#1a1a1a;}
}

#injustice_certify {}
#injustice_certify > strong {display:block;margin-bottom:20px;font-weight:500;}
#injustice_certify > strong span {font-size:22px;color:#000;}

#injustice_certify > strong em {
    display: inline-block;
    margin-top: -7px;
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px solid #e1e1e1;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.5em;
}

#injustice_certify .tab {height:45px;border-top:2px solid #1a1a1a;}
#injustice_certify .tab ul {height:44px;}
#injustice_certify .tab li {float:left;width:50%;}

#injustice_certify .tab li a {
    display: block;
    height: 37px;
    padding: 7px 0 0 0;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #ededed;
    text-align: center;
    font-weight: 500;
}

#injustice_certify .tab li.on a {border-bottom-color:#fff;background-color:#fff;color:#242424;}

#injustice_certify .tab li.t2 {margin-right:-1em;}
#injustice_certify .tab li.t1 a {border-left:1px solid #ccc;}

#injustice_certify .content {display:none;}

#injustice_certify .notice {padding:40px 8px;border-bottom:1px solid #c8c8c8;}
#injustice_certify .notice > strong {display:none;}
#injustice_certify .notice > p {margin:0 0 20px 0;}
#injustice_certify .notice > p > span {display:block;font-size:20px;line-height:1.5em;color:#000;}
#injustice_certify .notice > p > em {color:#e37932;}
#injustice_certify .notice > ul {}
#injustice_certify .notice > ul > li {padding-left:8px;padding-bottom:4px;background:url(../img/ico_list_nm2.gif) no-repeat 0 0.75em;line-height:1.625em;}
#injustice_certify .notice > ul > li > em {white-space:nowrap;color:#444;}

#injustice_certify .submit {padding-top:20px;text-align:right;}

#injustice_certify .submit button {
    width: 124px;
    height: 50px;
    border: 1px solid #adadad;
    background-color: #fcfcfc;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-weight: 500;
    line-height: 1.3em;
    color: #444;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

#injustice_certify .submit button.certify {
    border-color: #f18200;
    background-color: #fa9c2e;
    background-image: -webkit-linear-gradient( top, #ffaa47, #f08404 );
    background-image:    -moz-linear-gradient( top, #ffaa47, #f08404 );
    background-image:     -ms-linear-gradient( top, #ffaa47, #f08404 );
    background-image:      -o-linear-gradient( top, #ffaa47, #f08404 );
    background-image:         linear-gradient( to bottom, #ffaa47, #f08404 );
    color: #fff;
}

#injustice_certify .content.selected {display:block;}

@media screen and ( max-width:640px ) {

    #injustice_certify {border-top:1px solid #cacaca;background-color:#fff;}

    #injustice_certify > strong {
        margin-bottom: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        border-bottom: 1px solid #cacaca;
        font-size: 15px;
        line-height: 1.3em;
        -webkit-box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.1 );
           -moz-box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.1 );
                box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.1 );
    }

    #injustice_certify > strong span {font-size:1em;line-height:1.3em;}
    #injustice_certify > strong em {margin-left:10px;margin-top:-5px;padding-left:10px;font-size:10px;line-height:1.3em;}

    #injustice_certify .tab {height:40px;margin-left:15px;margin-right:15px;border-top:none;}
    #injustice_certify .tab ul {height:40px;}

    #injustice_certify .tab li a {
        height: 28px;
        padding-top: 10px;
        border-top: 1px solid #cacaca;
        border-bottom: 1px solid #cacaca;
        background-color: #fff;
        color: #000;
    }

    #injustice_certify .tab li.t2 {margin-right:0;}
    #injustice_certify .tab li.t1 a {border-left:1px solid #cacaca;border-right:none;}
    #injustice_certify .tab li.t2 a {border-right:1px solid #cacaca;}
    #injustice_certify .tab li.on a {border-color:#f08200;background-color:#f08200;color:#fff;}

    #injustice_certify .notice {padding:0 15px;border-bottom:none;}
    #injustice_certify .notice > p {margin:0;padding:18px 0;font-size:13px;line-height:1.7em;}
    #injustice_certify .notice > p > span {font-size:1em;line-height:1.7em;color:#1a1a1a;}
    #injustice_certify .notice > ul {padding:10px;border:1px solid #cacaca;color:#1a1a1a;}
    #injustice_certify .notice > ul > li {padding-bottom:8px;background-position:0 0.7em;background-size:3px;line-height:1.58em;}
    #injustice_certify .notice > ul > li > em {white-space:normal;color:#1a1a1a;}

    #injCertification1 .notice > p > span {display:inline;}

    #injustice_certify .submit {padding-top:15px;padding-bottom:15px;text-align:center;}
    #injustice_certify .submit button {display:none;width:91px;height:40px;font-size:13px;}
    #injustice_certify .submit button.certify {display:inline-block;}

}

#injustice_certified {
    height: 180px;
    padding-top: 120px;
    border-top: 2px solid #000;
    background: #fbfbfb url( ../img/ico_certified.png ) no-repeat 50% 44px;
    text-align: center;
}

#injustice_certified > strong {font-weight:400;font-size:24px;line-height:1.3em;color:#000;}
#injustice_certified > p {margin:0 0 24px 0;}
#injustice_certified > button {
    width: 124px;
    height: 50px;
    border: 1px solid #adadad;
    background-color: #fcfcfc;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-weight: 500;
    line-height: 1.3em;
    color: #444;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

@media screen and ( max-width:640px ) {

    #injustice_certified {
        height: auto;
        padding-top: 85px;
        padding-bottom: 24px;
        border-top: none;
        background-color: #fff;
        background-position: 50% 25px;
        background-size: auto 50px;
    }

    #injustice_certified > strong {display:block;margin-bottom:24px;font-weight:500;font-size:16px;}
    #injustice_certified > p {margin-left:15px;margin-right:15px;padding-top:24px;border-top:1px solid #e5e5e5;font-size:13px;line-height:1.7em;color:#1a1a1a;}
    #injustice_certified > p .br {display:block;}

    #injustice_certified > button {
        width: 115px;
        height: 40px;
        font-size: 13px;
        border-color: #f18200;
        background-color: #fa9c2e;
        background-image: -webkit-linear-gradient( top, #ffaa47, #f08404 );
        background-image:    -moz-linear-gradient( top, #ffaa47, #f08404 );
        background-image:     -ms-linear-gradient( top, #ffaa47, #f08404 );
        background-image:      -o-linear-gradient( top, #ffaa47, #f08404 );
        background-image:         linear-gradient( to bottom, #ffaa47, #f08404 );
        color: #fff;
    }

}

#injustice_top {position:relative;padding:20px 0;border-top:2px solid #000;background-color:#fff;}
#injustice_top > strong {display:block;margin:0 8px;font-weight:500;font-size:22px;line-height:1.6em;color:#000;}
#injustice_top > p {margin:0 8px 30px 8px;}
#injustice_top > p .br {display:block;}

#injustice_top .question {margin:0 8px 25px 8px;}

#injustice_top .question > strong {
    display: block;
    padding: 0 0 0 22px;
    background: url(../img/ico_question-mark2.png) no-repeat 0 2px;
    font-weight: 500;
    line-height: 1.3em;
    color: #000;
}

#injustice_top .question > em {vertical-align:middle;font-size:14px;}
#injustice_top .question > a {vertical-align:middle;font-size:14px;letter-spacing:0;}
#injustice_top .question .bar {display:inline-block;width:1px;height:12px;overflow:hidden;margin:0 7px;background-color:#c8c8c8;vertical-align:middle;}

#injustice_top .noti {height:70px;border-top:1px solid #c8c8c8;padding-top:16px;font-size:14px;line-height:1.3em;}
#injustice_top .noti p {margin:0 8px;}

#injustice_top .noti p .bul {
    display: inline-block;
    width: 2px;
    height: 2px;
    overflow: hidden;
    margin-right: 4px;
    margin-bottom: 3px;
    background-color: #7c7b75;
    vertical-align: middle;
}

#injustice_top > button {
    position: absolute;
    right: 0;
    bottom: 120px;
    width: 108px;
    height: 40px;
    border: 1px solid #f18200;
    background-color: #f99b2c;
    background-image: -webkit-linear-gradient( top, #ffaa47, #f08404 );
    background-image:    -moz-linear-gradient( top, #ffaa47, #f08404 );
    background-image:     -ms-linear-gradient( top, #ffaa47, #f08404 );
    background-image:      -o-linear-gradient( top, #ffaa47, #f08404 );
    background-image:         linear-gradient( to bottom, #ffaa47, #f08404 );
    font-size: 14px;
    line-height: 1.3em;
    color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

#injustice_top > button .ico {
    display: inline-block;
    width: 24px;
    height: 21px;
    margin-top: -2px;
    margin-right: 4px;
    background: url(../img/ico_suggestion.png) no-repeat 50% 50%;
    vertical-align: middle;
}

#injustice_btns{border-top:2px solid #000;margin-bottom:20px}
#injustice_btns .sup{color:#7e7c81;font-size:12px;margin:6px 0 0 2px}
#injustice_btns ul{overflow:auto;width:100%}
#injustice_btns ul li{float:left;width:370px;padding:40px 0;text-align:center}
#injustice_btns ul li{border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
#injustice_btns ul li:first-child{border-left:1px solid #e2e2e2}
#injustice_btns ul li strong{display:block;color:#66635d;font-size:30px;line-height:1em;padding-top:102px;background-repeat:no-repeat;background-position:center 0;background-image:url('../img/qna_ico02.gif')}
#injustice_btns ul li:first-child strong{background-image:url('../img/qna_ico01.gif')}
#injustice_btns ul li > span{display:block;color:#7e7c81;font-size:14px;line-height:1em;padding:10px 0 24px 0}
#injustice_btns ul li .bt *{vertical-align:top}
#injustice_btns ul li button{width:110px;height:42px}
#injustice_btns ul li button,
#injustice_btns ul li a{margin:0 4px}
#injustice_btns ul li button span,
#injustice_btns ul li a span{font-weight:bold}

.rpt_link em.secret {
    display: inline-block;
    position: relative;
    width: 21px;
    height: 21px;
    overflow: hidden;
    margin-top: -6px;
    background: url(../img/ico_secret.png) no-repeat 50% 50%;
    vertical-align: middle;
}

.rpt_link em.secret span {position:absolute;left:-1px;top:-1px;width:1px;height:1px;overflow:hidden;}

.injustice-search {position:relative;z-index:3;width:100%;padding-bottom:10px;}

.injustice-search .sod_select {float:left;width:82px;height:38px;margin:0 4px 0 0;font-size:16px;line-height:1.3em;color:#000;}
.injustice-search .sod_select .sod_label {padding-top:8px;}

.injustice-search .input {float:left;}
.injustice-search input[type='text'],
.injustice-search input[type='search'] {
    float: left;
    width: 202px;
    height: 30px !important;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

.injustice-search button {
    float: left;
    width: 63px;
    height: 40px;
    padding: 0;
    background-color: #66635d;
    color: #fff;
}

@media screen and ( max-width:640px ) {

    #injustice_top {margin-bottom:10px;padding-left:15px;padding-right:15px;padding-bottom:15px;border-top:none;border-bottom:1px solid #cacaca;}
    #injustice_top > strong {display:block;margin:0 0 5px 0;font-size:15px;color:#1a1a1a;}
    #injustice_top > p {margin-left:0;margin-right:0;font-size:13px;line-height:1.69em;color:#1a1a1a;}
    #injustice_top > p .br {margin-bottom:24px;}

    #injustice_top .question {margin-left:0;margin-right:0;}
    #injustice_top .question > strong {padding-bottom:6px;padding-left:18px;background-position:0 1px;background-size:14px;font-size:13px;}
    #injustice_top .question > em {display:block;margin-bottom:6px;font-size:13px;color:#1a1a1a;}
    #injustice_top .question > a {font-size:13px;color:#1a1a1a;}
    #injustice_top .question .bar1 {display:none;}

    #injustice_top .noti {
        height: auto;
        margin-bottom: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 8px;
        border-bottom: 1px solid #c8c8c8;
        text-indent: -8px;
        font-size: 1em;
    }

    #injustice_top > button {display:block;position:static;margin:0 auto;font-size:13px;}
    #injustice_top > button .ico {display:none;}

	#injustice_btns{border-top-width:0px;margin-bottom:10px;background-color:#fff;padding:15px;border-bottom:1px solid #cacaca}
	#injustice_btns .sup{font-size:11px;margin:12px 0 9px 0;line-height:1em}
	#injustice_btns ul{overflow:static}
	#injustice_btns ul li{float:none;padding:24px 12px;text-align:left}
	#injustice_btns ul li{width:100%;border:solid #e2e2e2;border-width:0 1px 1px 1px;box-sizing:border-box}
	#injustice_btns ul li:first-child{border-top:1px solid #e2e2e2}
	#injustice_btns ul li strong{font-size:15px;padding:11px 0 24px 60px;background-repeat:no-repeat;background-position:left 0;background-image:url('../img/qna_ico02_mob.gif');background-size:50px auto}
	#injustice_btns ul li:first-child strong{background-image:url('../img/qna_ico01_mob.gif')}
	#injustice_btns ul li > span{font-size:12px;padding:0;margin:-18px 0 18px 60px}
	#injustice_btns ul li .bt{text-align:center}
	#injustice_btns ul li a{margin:0 4px}
	#injustice_btns ul li a span{font-weight:bold}

    .rpt_link em.secret {width:16px;height:16px;margin-top:-3px;background-size:auto 16px;}

    .injustice-search {
        padding: 15px 15px 0 15px;
        background-color: #fff;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    .injustice-search .sod_select {width:78px;height:33px;font-size:1em;}

    .injustice-search .input {
        position: relative;
        float: none;
        height: 33px;
        margin: 0 0 0 84px;
        padding: 0 35px 0 0;
        border: 1px solid #ccccc6;
    }

    .injustice-search input[type='text'],
    .injustice-search input[type='search'] {
        width: 100%;
        height: 32px !important;
        border: none;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    .injustice-search button {
        float: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 35px;
        background: url(../img/ico_search_bk.png) no-repeat 50% 50%;
        text-indent: -9999px;
    }

}

/*.injustice-container .view_sns .print {border-left:none;}*/

.author-tool {padding-top:20px;}
.author-tool .l {float:left;}
.author-tool .l button {width:122px;height:48px;margin-right:5px;}
.author-tool .back_align {float:right;padding-top:0;}

@media screen and ( max-width:640px ) {
    .author-tool {padding-top:15px;border-top:1px solid #cacaca;}
    .author-tool .l,
    .author-tool .l button,
    .author-tool .back_align,
    .author-tool .back_align .back_list {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .author-tool .l button,
    .author-tool .back_align .back_list {width:100%;height:40px;}
    .author-tool .l button span {font-size:14px;}
    .author-tool .l {width:32%;}
    .author-tool .l:first-child {width:34%;padding-right:8px;}
    .author-tool .back_align {width:34%;padding-left:8px;}
}

.popup-layer {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 300ms;
            transition: opacity 300ms;
}

.popup-layer.open {opacity:1;}

.popup-layer .front-layer {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 430px;
    margin: -120px 0 0 -215px;
    -webkit-box-shadow: 0 10px 10px 0 rgba( 0, 0, 0, 0.2 );
       -moz-box-shadow: 0 10px 10px 0 rgba( 0, 0, 0, 0.2 );
            box-shadow: 0 10px 10px 0 rgba( 0, 0, 0, 0.2 );
}

.popup-layer .front-layer > strong {display:block;height:37px;padding:9px 0 0 16px;background-color:#66635d;font-weight:500;color:#fff;}

.popup-layer .front-layer > button {
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-left: 1px solid #524f4a;
    background: url(../img/btn_close_layer.png) no-repeat 50% 50%;
    text-indent: -9999px;
}

.popup-layer .body {padding:40px 0;border:0 solid #444;border-width:0 1px 1px 1px;background-color:#fff;}

.popup-layer .back-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}

.injustice-password {position:relative;height:120px;}

.injustice-password .pw-help {position:absolute;left:0;top:37px;width:100%;margin:0;padding:25px 0;text-align:center;line-height:1.375em;}
.injustice-password .pw-help em {display:inline-block;white-space:nowrap;color:#444;}

.injustice-password .input-pw {position:relative;width:300px;height:37px;margin:0 auto;}
.injustice-password .input-pw label {position:absolute;left:10px;top:6px;font-size:14px;line-height:1.3em;}
.injustice-password .input-pw input {float:left;width:218px;font-size:14px;line-height:1.3em;color:#999;}

.injustice-password .input-pw button {
    float: right;
    width: 73px;
    height: 35px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-size: 13px;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

@media screen and ( max-width:640px ) {

    .pwlayer-transition #pop_slide_box {
        position: relative;
        left: 0;
        -webkit-transition: left 300ms;
                transition: left 300ms;
    }

    .pwlayer-opened #pop_slide_box {left:-100%;}

    .popup-layer {
        opacity: 1;
        -webkit-transform: translate3d( 100%, 0, 1px );
                transform: translate3d( 100%, 0, 1px );
        -webkit-transition: -webkit-transform 300ms;
                transition:         transform 300ms;
    }

    .popup-layer.open {
        -webkit-transform: none;
                transform: none;
    }

    .popup-layer .front-layer {
        position: static;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }

    .popup-layer .front-layer > strong {
        height: 55px;
        padding-top: 18px;
        background: #66635d url('../img/btn_mob_back_pop.png') right center no-repeat;
        background-size: 24px auto;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.3em;
        color: #fff;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    .popup-layer .front-layer > button {width:100%;height:55px;border-left:none;background:none;}
    .popup-layer .body {padding:0;border:none;}
    .popup-layer .back-layer {display:none;}

    .injustice-password {height:auto;}
    .injustice-password .pw-help {position:static;top:0;width:auto;margin-bottom:20px;padding:20px 15px;text-align:left;font-size:15px;color:#1a1a1a;}
    .injustice-password .pw-help em {display:inline;white-space:normal;color:#1a1a1a;}

    .injustice-password .input-pw {width:auto;height:auto;margin:0 15px;}
    .injustice-password .input-pw label {left:0;font-size:13px;color:#b2b2b2;}

    .injustice-password .input-pw input {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        border: none;
        border-bottom: 1px solid #cacaca;
        text-indent: 0;
        font-size: 13px;
        letter-spacing: 0;
        color: #444;
    }

    .injustice-password .input-pw button {float:none;display:block;width:91px;height:40px;margin:0 auto;}

}

#injustice_insert {padding:0 8px;border-top:2px solid #000;}
#injustice_insert > strong {display:block;padding:24px 0 18px 0;font-weight:500;font-size:22px;line-height:1.5em;color:#000;}
#injustice_insert .form {position:relative;margin-bottom:15px;border-bottom:1px solid #e7e7e7;}

#injustice_insert .form > .label {
    float: left;
    position: relative;
    z-index: 2;
    height: 30px;
    margin-bottom: -44px;
    padding-left: 20px;
    padding-top: 14px;
    font-weight: 500;
    color: #000;
}

#injustice_insert .form > .field {clear:both;position:relative;z-index:1;padding:10px 0 10px 130px;border-top:1px solid #e7e7e7;}

#injustice_insert .p-holder {}
#injustice_insert .p-holder .label {display:none;}

#injustice_insert .field.password .p-holder .label {display:block;padding-top:6px;font-size:14px;}

#injustice_insert .field.qtype {z-index:2;}

#injustice_insert .field textarea,
#injustice_insert .field input[type='tel'],
#injustice_insert .field input[type='text'],
#injustice_insert .field input[type='email'],
#injustice_insert .field input[type='password'] {width:263px;font-size:14px;color:#1a1a1a;}

#injustice_insert .field textarea,
#injustice_insert .field input[type='text'] {letter-spacing:-0.05em;}

#injustice_insert .field input[type='tel'],
#injustice_insert .field input[type='email'],
#injustice_insert .field input[type='password'] {letter-spacing:0;}

#injustice_insert .field .sod_select {width:263px;}
#injustice_insert .field textarea {
    width: 591px;
    height: 600px;
    padding: 4px 0;
    border: 1px solid #ccccc6;
    font-size: 1em;
    color: #000;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}

#injustice_insert .field.subject input {width:591px;}
#injustice_insert .field.secret input {vertical-align:middle;}
#injustice_insert .field.secret label {display:inline-block;height:31px;margin-right:25px;padding-top:4px;vertical-align:middle;}

#injustice_insert .columnback {position:absolute;left:0;top:0;width:110px;height:100%;background-color:#fafafa;}

#injustice_insert .submit {}
#injustice_insert .submit button {
    float: right;
    width: 124px;
    height: 50px;
    margin-left: 5px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

.file-finder {display:inline-block;position:relative;height:35px;overflow:hidden;vertical-align:middle;cursor:pointer;}
.file-finder input[type='text'] {vertical-align:top;letter-spacing:0 !important;}

.file-finder button {
    width: 77px;
    height: 35px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    vertical-align: top;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.3em;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

.file-finder input[type='file'] {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    font-size: 99px;
    line-height: 1em;
}

.file-finder.attached button,
.file-finder.attached input[type='text'] {position:relative;z-index:1;}
.file-finder.attached input[type='file'] {z-index:0;font-size:1em;}

.suggestion-container #injustice_insert .form > .label {}
.suggestion-container #injustice_insert .form > .field {padding-left:158px;}
.suggestion-container #injustice_insert .label.desc label {display:block;line-height:1.3em;}
.suggestion-container #injustice_insert .label.desc label em {display:block;font-size:14px;}
.suggestion-container #injustice_insert .field.center {z-index:2;}
.suggestion-container #injustice_insert .field.category input {vertical-align:middle;}
.suggestion-container #injustice_insert .field.category label {display:inline-block;height:31px;margin-right:25px;padding-top:4px;vertical-align:middle;}
.suggestion-container #injustice_insert .field textarea {width:566px;}
.suggestion-container #injustice_insert .field.file {padding-bottom:6px;}
.suggestion-container #injustice_insert .field.file .file-finder {margin-bottom:4px;}
.suggestion-container #injustice_insert .columnback {width:138px;}

@media screen and ( max-width:640px ) {

    #injustice_insert {padding:0;border-top:none;background-color:#fff;}
    #injustice_insert > strong {padding:20px 15px 15px 15px;font-size:15px;}
    #injustice_insert .form {margin-bottom:0;border-bottom-color:#e5e5e5;}
    #injustice_insert .form > .label {height:20px;padding-left:15px;padding-top:10px;margin-bottom:-30px;font-size:13px;}

    #injustice_insert .form > .field {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        padding-top: 0;
        padding-left: 65px;
        padding-bottom: 4px;
        border-top: none;
        border-bottom: 1px solid #cacaca;
        font-size: 13px;
    }

    #injustice_insert .label.purpose {float:none;height:auto;margin-bottom:15px;}
    #injustice_insert .label.secret {float:none;height:auto;margin-bottom:10px;}
    #injustice_insert .label.qtype {display:none;}
    #injustice_insert .field.purpose {margin-left:0;margin-right:0;margin-bottom:10px;padding-left:0;padding-top:0;padding-bottom:0;border-top:1px solid #cacaca;}
    #injustice_insert .field.secret {padding-bottom:0;padding-left:0;border-bottom:none;}
    #injustice_insert .field.secret:after {clear:both;display:block;content:' ';}
    #injustice_insert .field.qtype {padding-left:0;padding-bottom:0;border-bottom:none;}

    #injustice_insert .p-holder {display:block;position:relative;}
    #injustice_insert .p-holder .label {display:block;position:absolute;left:0;top:50%;margin-top:-8px;white-space:nowrap;color:#b2b2b2;}
    #injustice_insert .p-holder .label.hide {display:none !important;}

    #injustice_insert .field.password .p-holder .label {padding-top:0;font-size:1em;}
    #injustice_insert .field.purpose .p-holder .label {left:15px;top:15px;margin-top:0;}

    #injustice_insert .field textarea,
    #injustice_insert .field input[type='tel'],
    #injustice_insert .field input[type='text'],
    #injustice_insert .field input[type='email'],
    #injustice_insert .field input[type='password'] {width:100%;border:none;text-indent:0;}

    #injustice_insert .field .sod_select {width:100%;font-size:13px;}

    #injustice_insert .field textarea {
        width: 100%;
        height: 10em;
        padding: 15px;
        border: none;
        text-indent: 0;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    #injustice_insert .field.secret input {position:absolute;left:50%;top:0;width:50%;height:100%;opacity:0;}
    #injustice_insert .field.secret input:first-child {left:0;}

    #injustice_insert .field.secret label {
        float: left;
        width: 50%;
        height: 40px;
        margin-right: 0;
        padding-top: 12px;
        border: 1px solid #cacaca;
        text-align: center;
        font-size: 12px;
        color: #1a1a1a;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    #injustice_insert .field.secret label:last-child {}
    #injustice_insert .field.secret label.checked {border-color:#e37932;color:#e37932;}

    #injustice_insert .columnback {display:none;}

    #injustice_insert .submit {padding:15px;background-color:#fafafa;}
    #injustice_insert .submit button {width:91px;height:40px;margin-left:0;}
    #injustice_insert .submit button.cancel {float:left;}

    #injustice_insert .submit button.confim {
        border: 1px solid #f18200;
        background-color: #f99b2c;
        background-image: -webkit-linear-gradient( top, #ffaa47, #f08404 );
        background-image:    -moz-linear-gradient( top, #ffaa47, #f08404 );
        background-image:     -ms-linear-gradient( top, #ffaa47, #f08404 );
        background-image:      -o-linear-gradient( top, #ffaa47, #f08404 );
        background-image:         linear-gradient( to bottom, #ffaa47, #f08404 );
        color: #fff;
    }

    .suggestion-container #injustice_insert .form > .field {padding-left:75px;}

    .suggestion-container #injustice_insert .field textarea {width:100%;}

    .suggestion-container #injustice_insert .label.center {display:none;}
    .suggestion-container #injustice_insert .label.category {float:none;height:auto;margin-bottom:10px;}
    .suggestion-container #injustice_insert .label.desc {float:none;height:auto;margin-bottom:15px;}
    .suggestion-container #injustice_insert .label.desc label em {display:inline;font-size:1em;}
    .suggestion-container #injustice_insert .label.file {display:none;}

    .suggestion-container #injustice_insert .field.center {padding-left:0;padding-bottom:0;border-bottom:none;}
    .suggestion-container #injustice_insert .field.category {padding-bottom:0;padding-left:0;border-bottom:none;}
    .suggestion-container #injustice_insert .field.category:after {clear:both;display:block;content:' ';}

    .suggestion-container #injustice_insert .field.category input {position:absolute;top:0;width:25%;height:100%;opacity:0;}
    .suggestion-container #injustice_insert .field.category input:nth-child(1) {left:0;}
    .suggestion-container #injustice_insert .field.category input:nth-child(2) {left:25%;}
    .suggestion-container #injustice_insert .field.category input:nth-child(3) {left:50%;}
    .suggestion-container #injustice_insert .field.category input:nth-child(4) {left:75%;}

    .suggestion-container #injustice_insert .field.category label {
        float: left;
        width: 25%;
        height: 40px;
        margin-right: 0;
        padding-top: 12px;
        border: 1px solid #cacaca;
        text-align: center;
        font-size: 12px;
        color: #1a1a1a;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    .suggestion-container #injustice_insert .field.category label:last-child {}
    .suggestion-container #injustice_insert .field.category label.checked {border-color:#e37932;color:#e37932;}

    .suggestion-container #injustice_insert .field.desc {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-top: 1px solid #cacaca;
        border-bottom: none;
    }

    .suggestion-container #injustice_insert .field.desc .p-holder .label {left:15px;top:15px;margin-top:0;}
    .suggestion-container #injustice_insert .field.file {z-index:3;margin:0;padding:0;border-bottom:none;}

    .file-finder {
        width: 30px;
        height: 30px;
        border-radius: 15px;
        background: #f08200 url( ../img/ico_clip.png ) no-repeat 50% 50%;
        background-size: 15px auto;
    }

    .file-finder button,
    .file-finder input[type='text'] {display:none;}

    .file-finder.attached {display:block;width:auto;padding-right:33px;border-radius:0;background:none;}
    .file-finder.attached button,
    .file-finder.attached input[type='text'] {display:inline-block;}
    .file-finder.attached input[type='text'] {font-size:13px !important;text-indent:15px !important;}

    .file-finder.attached button {
        position: absolute;
        right: 0;
        top: 0;
        width: 33px;
        height: 33px;
        overflow: hidden;
        border: none;
        background: url(../img/btn_del_file.png) no-repeat 50% 50%;
        background-size: 11px auto;
        text-indent: -9999px;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }

    .suggestion-container .file-finder {position:absolute;right:15px;top:-10em;margin-top:-40px;}
    .suggestion-container .file-finder.attached {position:relative;right:auto;top:auto;margin-top:0;border-top:1px solid #cacaca;}

}

#suggestion_top {padding-top:24px;border-top:2px solid #000;}
#suggestion_top .section {padding:66px 8px 0 8px;border-top:1px solid #e7e7e7;}
#suggestion_top .section:first-child {padding-top:0;border-top:none;}
#suggestion_top .section > strong {display:block;margin-bottom:4px;font-weight:500;font-size:22px;line-height:1.5em;color:#000;}
#suggestion_top .section > em {display:block;margin-bottom:10px;font-weight:500;font-size:18px;line-height:1.5em;color:#000;}
#suggestion_top .section > p {margin:0 0 24px 0;}
#suggestion_top .section ul {padding-bottom:16px;}
#suggestion_top .section li {margin-bottom:10px;padding-left:12px;background:url(../img/ico_list_nm4.gif) no-repeat 0 12px;}
#suggestion_top .section li.numb > em {display:inline-block;margin-right:8px;color:#000;}
#suggestion_top .section li.noti {position:relative;background:none;font-size:14px;color:#e37932;}
#suggestion_top .section li.noti .bul {position:absolute;left:0;top:12px;width:2px;height:2px;overflow:hidden;background-color:#e37932;}
#suggestion_top .section li .title {display:block;font-weight:500;color:#000;}
#suggestion_top .function {padding-top:15px;border-top:1px solid #e7e7e7;text-align:right;}
#suggestion_top .function button {
    width: 124px;
    height: 50px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-weight: 500;
    letter-spacing: -0.05em;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

@media screen and ( max-width:640px ) {
    #suggestion_top {padding-top:0;border-top:none;font-size:13px;line-height:1.692em;color:#1a1a1a;}
    #suggestion_top .section {margin-bottom:10px;padding-left:15px;padding-right:15px;border-bottom:1px solid #e7e7e7;background-color:#fff;}
    #suggestion_top .section,
    #suggestion_top .section:first-child {padding-top:15px;}
    #suggestion_top .section > strong {font-size:15px;}
    #suggestion_top .section > em {margin-bottom:3px;font-size:1em;}
    #suggestion_top .section > p {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e5e5e5;}
    #suggestion_top .section ul {padding-bottom:10px;}
    #suggestion_top .section li {padding-left:8px;background-position:0 10px;background-size:3px;}
    #suggestion_top .section li.numb > em {font-weight:500;}
    #suggestion_top .section li.noti {font-size:1em;}
    #suggestion_top .section li.noti .bul {width:3px;height:3px;top:10px;}
    #suggestion_top .function {margin-top:-10px;padding:15px;border-top:none;background-color:#fafafa;}
    #suggestion_top .function:after {clear:both;display:block;content:' ';}
    #suggestion_top .function button {float:right;width:91px;height:40px;}
    #suggestion_top .function button:first-child {float:left;}
}

.qna-controls {position:absolute;right:0;bottom:120px;}

.qna-controls button {
    width: 108px;
    height: 40px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3em;
    letter-spacing: -0.05em;
    color: #444;
    -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
       -moz-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
            box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.15 );
}

.qna-controls button .ico {
    display: inline-block;
    width: 24px;
    height: 21px;
    margin-top: -2px;
    margin-right: 4px;
    background: url(../img/ico_qna.png) no-repeat 50% 50%;
    vertical-align: middle;
}

@media screen and ( max-width:640px ) {
    .qna-controls {position:static;text-align:center;}
    .qna-controls button {margin:0 auto;font-size:13px;}
    .qna-controls button .ico {display:none;}
}

#taskChargeTop {margin-bottom:1em;border-top:2px solid #000;line-height:1.5em;}
#taskChargeTop ul {padding:1.4em 0;}
#taskChargeTop li {padding:0.07em 0;}
#taskChargeTop li > strong {float:left;height:1.5em;margin-bottom:-1.5em;font-weight:500;color:#000;}
#taskChargeTop li > address {clear:both;margin-left:84px;}
#taskChargeTop li > em {clear:both;display:block;margin-left:84px;}

#taskChargeList {margin-bottom:90px;}
#taskChargeList > ul {width:744px;}
#taskChargeList > ul > li {float:left;width:370px;height:184px;margin:0 -1px -1px 0;border:1px solid #c8c8c8;}
#taskChargeList > ul > li a {display:block;position:relative;width:100%;height:100%;}
#taskChargeList .title {display:block;padding:20px 24px;font-size:24px;}
#taskChargeList .title strong {display:block;font-weight:500;color:#000;}
#taskChargeList .title span {text-transform:uppercase;font-size:14px;letter-spacing:0;}
#taskChargeList .img,
#taskChargeList .icon {position:absolute;overflow:hidden;background-image:url(../img/img_charge.png);background-repeat:no-repeat;}
#taskChargeList .icon {left:20px;bottom:20px;width:36px;height:36px;background-position:50% -832px;}
#taskChargeList .img {right:18px;bottom:10px;width:100px;height:100px;}
#taskChargeList .c1 .img {background-position:50% 0;}
#taskChargeList .c2 .img {background-position:50% -100px;}
#taskChargeList .c3 .img {background-position:50% -200px;}
#taskChargeList .c4 .img {background-position:50% -300px;}
#taskChargeList .c5 .img {background-position:50% -400px;}
#taskChargeList .c6 .img {background-position:50% -500px;}
#taskChargeList .c7 .img {background-position:50% -600px;}
#taskChargeList .c8 .img {background-position:50% -700px;}

.charge-layer {display:none;position:absolute;left:0;top:0;z-index:4;width:100%;height:100%;}
.charge-layer.show {display:block;}

.charge-layer .background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    opacity: 0.3;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}

.charge-layer .foreground {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 430px;
    margin: 150px 0 0 -215px;
    -webkit-box-shadow: 0 10px 10px 0 rgba( 0, 0, 0, 0.2 );
       -moz-box-shadow: 0 10px 10px 0 rgba( 0, 0, 0, 0.2 );
            box-shadow: 0 10px 10px 0 rgba( 0, 0, 0, 0.2 );
}

.charge-layer .foreground > strong {display:block;height:37px;padding:9px 0 0 16px;background-color:#66635d;font-weight:500;color:#fff;}
.charge-layer .foreground > button {
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-left: 1px solid #524f4a;
    background: url(../img/btn_close_layer.png) no-repeat 50% 50%;
    text-indent: -9999px;
}

.charge-layer .body {border:0 solid #444;border-width:0 1px 1px 1px;background-color:#fff;}

.charge-layer .article {margin:0 30px;padding:26px 0;border-top:1px solid #e7e7e7;font-weight:300;line-height:1.5em;}
.charge-layer .article.first {border-top:none;}
.charge-layer .article > strong {display:block;margin-bottom:0.9em;font-weight:400;color:#e37932;}
.charge-layer .article > ul {}
.charge-layer .article > ul li {padding-left:12px;background:url(../img/ico_list_nm4.gif) no-repeat 0 14px;}
.charge-layer .article > ul dl {}
.charge-layer .article > ul dt,
.charge-layer .article > ul dd {padding:0.2em 0;}
.charge-layer .article > ul dt {font-weight:500;color:#444;}
.charge-layer .article > ul dd {letter-spacing:0;}



@media screen and ( max-width:640px ) {

.director-container {padding-top:0;border-top:none;background-color:#fff;}

.drop-down-tab {position:relative;z-index:3;height:46px;margin-bottom:0 !important;border-top:none;font-size:1.25em;}

.drop-down-tab > strong {
    display: block;
    position: relative;
    height: 32px;
    padding: 13px 0 0 15px;
    border-bottom: 1px solid #ccc;
    background-color: #ededed;
    cursor: pointer;
    font-weight: 400;
    color: #000;
}

.drop-down-tab > strong:after {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 14px;
    height: 9px;
    margin: -4px 0 0 0;
    background: url('../img/ico_lnb_mob.png') no-repeat 50%;
    background-size: 14px auto;
    content: ' ';
    -webkit-transition: -webkit-transform 500ms;
            transition:         transform 500ms;
}

.drop-down-tab ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: height 500ms;
            transition: height 500ms;
}

.drop-down-tab ul li {float:none;width:auto !important;margin:0 15px;border-top:1px solid #ccc;}
.drop-down-tab ul li:first-child {border-top:none;}
.drop-down-tab li a {height:32px;padding:13px 0 0 0;border:none;background-color:transparent;text-align:left;}

.drop-down-tab ul li.on a {
    background: url('../img/ico_mob_lnbon.png') right center no-repeat;
    background-size: 20px auto;
    color: #e37932;
}

.drop-down-tab.opened > strong:after {
    -webkit-transform: rotate3d( 1, 0, 0, 180deg );
            transform: rotate3d( 1, 0, 0, 180deg );
}

.drop-down-tab.open ul {display:block;}

.drop-down-tab.history.opening ul {height:230px;}
.drop-down-tab.alphabet.opening ul {height:368px;}

.drop-down-back {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index:2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 500ms;
            transition: opacity 500ms;
}

.drop-down-back.open {display:block;}
.drop-down-back.opening {opacity:0.5;}

.mobile-only-layer,
.mobile-only-layer .foreground {
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
}

.mobile-only-layer {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 13;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 13px;
    line-height: 1.3076em;
    color: #1a1a1a;
    -webkit-transition-property: opacity;
            transition-property: opacity;
}
.mobile-only-layer.show {
    opacity: 1;
}
.mobile-only-layer .foreground {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 290px;
    margin-left: -145px;
    margin-top: -6.5em;
    padding: 2em 0;
    background-color: #fff;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    text-align: center;
    -webkit-box-shadow: 2px 2px 3px 0 rgba( 0, 0, 0, 0.3 );
       -moz-box-shadow: 2px 2px 3px 0 rgba( 0, 0, 0, 0.3 );
            box-shadow: 2px 2px 3px 0 rgba( 0, 0, 0, 0.3 );
    -webkit-transform: translate3d( 0, 1em, 1px );
            transform: translate3d( 0, 1em, 1px );
    -webkit-transition-property: -webkit-transform;
            transition-property:         transform;
}
.mobile-only-layer.show .foreground {
    -webkit-transform: none;
            transform: none;
}
.mobile-only-layer .foreground:after {clear:both;display:block;height:3.5em;content:' ';}
.mobile-only-layer .foreground > strong {display:block;padding:0.5em 0;font-weight:500;display:block;font-size:1.1538em;}
.mobile-only-layer .foreground > p {margin:0;font-weight:300;}
.mobile-only-layer .foreground .controls {position:absolute;left:0;bottom:0;width:100%;border-top:1px solid #cacaca}
.mobile-only-layer .foreground .controls:after {clear:both;display:block;content:' ';}
.mobile-only-layer .foreground .controls button {
    float: left;
    width: 50%;
    padding: 12px 0;
    border-left: 1px solid #cacaca;
    background-color: #fff;
    font-size: 1.1538em;
    font-weight: 400;
    color: #000;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mobile-only-layer .foreground .controls button:first-child {border-left:none;color:#e37932;}
.mobile-only-layer .background {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    opacity: 0.5;
}

#locationTab .tab {display:none;}
#locationMap1 {border:none;height:182px;border-bottom:1px solid #c9c9c9;}
#locationMap1, #locationMap1.selected {display:block;}
#locationMap2, #locationMap2.selected {display:none;}

#locationInfo {padding:0 15px;background-color:#fff;}
#locationInfo > ul {font-size:13px;line-height:1.7em;letter-spacing:-0.05em;color:#1a1a1a;}
#locationInfo > ul > li {padding:0.5em 0;border:none;}
#locationInfo > ul > li:first-child {padding-top:1.2em;}
#locationInfo > ul > li > strong {float:none;display:block;height:auto;margin-bottom:0;padding-top:0;font-weight:700;font-size:1em;line-height:1.7em;color:#1a1a1a;}
#locationInfo > ul > li > strong.way {height:auto;margin-bottom:0.5em;}
#locationInfo > ul > li > address {height:auto;margin-left:0;padding-top:0;}
#locationInfo > ul > li > em {height:auto;margin-left:0;padding-top:0;}
#locationInfo > ul > li ul.way {margin-bottom:20px;padding:8px 15px 10px 15px;}
#locationInfo > ul > li ul.way li {padding:5px 0;}
#locationInfo > ul > li ul.way li > strong {width:20px;height:20px;margin-bottom:-20px;background-size:auto 40px;}
#locationInfo > ul > li ul.way li > p {margin-left:26px;}
#locationInfo > ul > li ul.way li.bus > strong {background-position:0 -20px;}
#locationInfo > ul > li ul.noti {display:none;}

#subscWelcomeTop {}

#subscWelcomeTop .top {margin-bottom:10px;padding:0;border-bottom:1px solid #cacaca;background-color:#fafafa;}
#subscWelcomeTop .top > strong {margin:0 15px;padding:1.2em 0;font-size:15px;color:#1a1a1a;}

#subscWelcomeTop *[class^='msg']:before,
#subscWelcomeTop .controls button:before {background:url(../img/subscribe_welcome.png) no-repeat;background-size:auto 255px;}

#subscWelcomeTop *[class^='msg'] {margin:0 15px;padding-top:1em;border-top:1px solid #e5e5e5;border-bottom:none;}
#subscWelcomeTop *[class^='msg']:before {display:block;width:105px;height:75px;margin:0 auto;content:' ';}
#subscWelcomeTop *[class^='msg'] > div {text-align:center;font-size:13px;line-height:1.6923em;}
#subscWelcomeTop *[class^='msg'] > div > strong {display:block;color:#1a1a1a;}
#subscWelcomeTop *[class^='msg'] > div > span {color:#1a1a1a;}
#subscWelcomeTop *[class^='msg'] > button {display:block;width:115px;margin:0 auto 3em auto;font-size:13px;}

#subscWelcomeTop *[class^='msg'] .pc {display:none;}
#subscWelcomeTop *[class^='msg'] .phone {display:block;}

#subscWelcomeTop .phone .done{margin-top:20px;font-size:14px;line-height:1.6em;background-position:left 22px;border-top:1px solid #e5e5e5;padding-top:20px;text-align:left;font-size:13px}
#subscWelcomeTop .phone .done ul{margin-top:3px}
#subscWelcomeTop .phone .done ul li{display:inline-block;zoom:1;*display:inline;line-height:1.6em;color:#1a1a1a;font-size:13px;font-weight:500}
#subscWelcomeTop .phone .done ul li a{letter-spacing:0;font-size:13px;font-weight:500;color:#1a1a1a;line-height:1.6em}
#subscWelcomeTop .phone .done ul li.d1,
#subscWelcomeTop .phone .done ul li.d4{display:block}
#subscWelcomeTop .phone .done ul li.d3{padding-left:8px;margin-left:7px;background:url('../img/ico_bar_p13.gif') left 2px no-repeat}


#subscWelcomeTop *[class^='msg'] .phone > span {letter-spacing:0;}

#subscWelcomeTop .msg1:before {background-position:0    0px;}
#subscWelcomeTop .msg2:before {background-position:0  -75px;}
#subscWelcomeTop .msg3:before {background-position:0 -150px;}
#subscWelcomeTop .msg3 > div > strong {display:none;}
#subscWelcomeTop .msg3 > div > span {font-weight:700;color:#1a1a1a;}

#subscWelcomeTop .controls {padding:0;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;}
#subscWelcomeTop .controls:after {clear:both;display:block;content:' ';}
#subscWelcomeTop .controls button {
    float: left;
    width: 50%;
    height: 42px;
    border: none;
    background-color: #fff;
    background-image: none;
    font-size: 12px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
#subscWelcomeTop .controls button:first-child {border-right:1px solid #cacaca;}
#subscWelcomeTop .controls button:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 0.1em;
    background-position: -30px -225px;
    vertical-align: middle;
    content: ' ';
}
#subscWelcomeTop .controls button:first-child:before {background-position:0 -225px;}

#subscWelcomeTop .top > p {height:auto;margin-top:0;padding:2em 15px;background:#fff;font-size:12px;}
#subscWelcomeTop .top > p:before {display:inline-block;width:3px;height:3px;overflow:hidden;margin-right:0.5em;background:#d2d2d2;vertical-align:middle;content:' ';}

#subscWelcomeTop .book_lst_guide h5 {padding-top:18px;}

#subscPaymentTop {margin:0;padding:0 15px 1.5em 15px;background-color:#fff;font-size:13px;line-height:1.7em;color:#1a1a1a;}
#subscPaymentTop h5 {margin-bottom:1em;padding:1.2em 0;border-bottom:1px solid #e5e5e5;font-size:1.1538em;}
#subscPaymentTop > p,
#subscPaymentTop > strong {font-weight:700;color:#1a1a1a;}
#subscPaymentTop > ul > li a {white-space:nowrap;color:#1a1a1a;}
#subscPaymentTop > ul > li .br {display:inline;}

#subscPaymentSet {margin:0;padding:0 15px;background-color:#fff;font-size:13px;line-height:1.7em;color:#1a1a1a;}
#subscPaymentSet h5 {padding:1.2em 0 0.5em 0;border-top:2px solid #000;font-size:1.1538em;}
#subscPaymentSet > ul {margin-bottom:0;border-top:none;}

#subscPaymentSet > ul > li > strong {
    width: auto;
    height: 55px;
    padding-left: 0;
    padding-top: 0.85em;
    background-color: transparent;
    color: #1a1a1a;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

#subscPaymentSet > ul > li > div {height:auto;margin-left:97px;padding:0.85em 0;}
#subscPaymentSet > ul > li.period > div.new {height:auto;padding-top:1em;}
#subscPaymentSet > ul > li.period .br {white-space:nowrap;}

#subscPaymentSet > ul > li.payment > div input {margin-top:0;}
#subscPaymentSet > ul > li.payment > div label {margin-right:0;}
#subscPaymentSet > ul > li.payment .circlecheck {display:block;width:auto;height:1.7em;margin-top:1em;}
#subscPaymentSet > ul > li.payment .circlecheck:first-child {margin-top:0;}
#subscPaymentSet > ul > li.payment .circlecheck label {display:block;width:auto;padding-left:2em;text-indent:0;line-height:1.5em;}

#subscPaymentSet .controls {padding:15px 0;}
#subscPaymentSet .controls button {width:91px;height:40px;}

*[id^='subscPaymentDone'] {padding:90px 15px 40px 15px;background-color:#fff;background-position:50% 25px;background-size:auto 53px;font-size:13px;line-height:1.6923em;color:#1a1a1a;}
*[id^='subscPaymentDone'] > strong {font-size:16px;color:#1a1a1a;}
*[id^='subscPaymentDone'] > p {margin-bottom:3em;}
*[id^='subscPaymentDone'] > p .br {display:inline;}
*[id^='subscPaymentDone'] .fee {width:auto;margin-bottom:1.6em;padding:0.5em 0;border-top:2px solid #000;border-bottom:1px solid #cacaca;}
*[id^='subscPaymentDone'] .fee ul {margin-left:20px;}
*[id^='subscPaymentDone'] .fee li {padding:0.3em 0;background:none;}
*[id^='subscPaymentDone'] .fee li > strong {float:left;height:20px;margin-bottom:-20px;font-weight:500;color:#1a1a1a;}
*[id^='subscPaymentDone'] .fee li > strong:before {
    display: inline-block;
    width: 3px;
    height: 3px;
    overflow: hidden;
    margin: 0 0.5em 0.3em 0;
    background: #d2d2d2;
    vertical-align: middle;
    content: ' ';
}
*[id^='subscPaymentDone'] .fee li > span {clear:both;display:block;margin-left:4.8em;}
*[id^='subscPaymentDone'] .fee li .line {margin-left:0.2em;margin-right:0.2em;}
*[id^='subscPaymentDone'] .fee li .holder {display:block;}
*[id^='subscPaymentDone'] > button {width:91px;height:40px;}

#subscPaymentDone2,
#subscPaymentDone3 {display:none;}

*[id^='subscFind'] h5 {display:block;padding:0 15px;font-size:15px;line-height:1.3em;color:#1a1a1a;}
*[id^='subscFind'] .tab_move.tab_new_ico {margin-bottom:0;}
*[id^='subscFind'] .tab_move.tab_new_ico ul {width:100%;}
*[id^='subscFind'] .tab_move.tab_new_ico ul li {width:50%;text-align:center;}
*[id^='subscFind'] .tab_move.tab_new_ico ul li.on a {display:inline-block;width:auto;}
*[id^='subscFind'] .form {padding:20px 0 3em 0;background-color:#fff;}
*[id^='subscFind'] .form ul {width:auto;margin:0 15px 1em 15px;}
*[id^='subscFind'] .form li {margin-bottom:0;padding-top:1em;}
*[id^='subscFind'] .form li .custom-placeholder {height:auto;border:none;border-bottom:1px solid #cacaca;}
*[id^='subscFind'] .form li .custom-placeholder label {left:0;font-size:13px;line-height:1.3em;color:#b2b2b2;}
*[id^='subscFind'] .form li .custom-placeholder input {
    height: 38px;
    padding: 0.8em 0;
    text-indent: 0;
    font-size: 13px;
    line-height: 1.3em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
*[id^='subscFind'] .form > p {width:auto;margin:0 15px 2em 15px;font-size:1em;}
*[id^='subscFind'] .form > button {
    width: 91px;
    height: 40px;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: -webkit-linear-gradient( top, #fff, #f8f8f8 );
    background-image:    -moz-linear-gradient( top, #fff, #f8f8f8 );
    background-image:     -ms-linear-gradient( top, #fff, #f8f8f8 );
    background-image:      -o-linear-gradient( top, #fff, #f8f8f8 );
    background-image:         linear-gradient( to bottom, #fff, #f8f8f8 );
    font-weight: 500;
    font-size: 13px;
    color: #000;
}
*[id^='subscFind'] .noti {display:none;}

*[id^='subscFindDone'] .msg {padding-top:80px;padding-bottom:2em;background-position:50% 25px;background-size:auto 42px;}
*[id^='subscFindDone'] .msg > strong {margin-bottom:0.5em;font-size:16px;color:#1a1a1a;}
*[id^='subscFindDone'] .msg > em {margin-bottom:1.5em;font-size:16px;}
*[id^='subscFindDone'] .msg > p {margin:0 15px 1.5em 15px;font-weight:500;font-size:16px;line-height:1.4375em;color:#1a1a1a;}
*[id^='subscFindDone'] .msg > p > strong {display:inline;font-size:1em;line-height:1.4375em;color:#1a1a1a;}
*[id^='subscFindDone'] .msg > button {width:91px;height:40px;}
*[id^='subscFindDone'] .noti {display:block;border-top:1px solid #e5e5e5;background-color:#fff;text-indent:-9999px;font-size:0;line-height:0;}
*[id^='subscFindDone'] .noti ul {margin:0 15px;padding:20px 0;}
*[id^='subscFindDone'] .noti li:last-child {display:none;}
*[id^='subscFindDone'] .noti li .bul {top:6px;width:3px;height:3px;}
*[id^='subscFindDone'] .noti .cs {display:block;padding-left:0.6em;text-indent:0;font-size:12px;line-height:1.3em;}

#subscFindDonePw .msg {padding-top:86px;background-size:auto 52px;}

#subscUpdateTop {display:none;}

#taskChargeTop {margin-bottom:0;border-top:none;background-color:#fff;font-size:13px;line-height:1.7em;color:#1a1a1a;}
#taskChargeTop ul {padding:1em 15px;}
#taskChargeTop li > strong {float:none;height:auto;margin-bottom:0;color:#1a1a1a;}
#taskChargeTop li > address {margin-left:0;margin-bottom:1em;}
#taskChargeTop li > em {margin-left:0;}

#taskChargeList {margin-bottom:10px;background-color:#fff;}
#taskChargeList > ul {width:100%;border-bottom:1px solid #c8c8c8;}
#taskChargeList > ul:after {clear:both;display:block;content:' ';}

#taskChargeList > ul > li {
    width: 50%;
    height: 117px;
    margin: 0;
    border: none;
    border-top: 1px solid #c8c8c8;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

#taskChargeList > ul > li:nth-child(even) {border-left:1px solid #c8c8c8;}

#taskChargeList > ul > li a {
    padding-top: 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

#taskChargeList .icon,
#taskChargeList .title span {display:none;}
#taskChargeList .title {padding:0;font-size:12px;text-align:center;}
#taskChargeList .img {position:static;display:block;width:66px;height:66px;margin:0 auto;background-size:auto 594px;}
#taskChargeList .c1 .img {background-position:50% 0;}
#taskChargeList .c2 .img {background-position:50%  -66px;}
#taskChargeList .c3 .img {background-position:50% -132px;}
#taskChargeList .c4 .img {background-position:50% -198px;}
#taskChargeList .c5 .img {background-position:50% -264px;}
#taskChargeList .c6 .img {background-position:50% -330px;}
#taskChargeList .c7 .img {background-position:50% -396px;}
#taskChargeList .c8 .img {background-position:50% -462px;}

.charge-layer {position:fixed;}
.charge-layer .background {opacity:0.5;}
.charge-layer .foreground {width:290px;margin-left:-145px;margin-top:-180px;}

.charge-layer .foreground > strong {
    height: 30px;
    padding-top: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fafafa;
    font-weight: 500;
    font-size: 15px;
    color: #000;
}

.charge-layer .foreground > button {border-left:none;background-image:url(../img/btn_close.png);background-size:15px auto;}
.charge-layer .body {border:none;}
.charge-layer .article {margin:0 15px;padding:13px 0;font-size:13px;}
.charge-layer .article > strong {margin-bottom:0.6em;}
.charge-layer .article > ul li {padding-left:8px;background-position:0 9px;background-size:3px auto;}
.charge-layer .article > ul dt,
.charge-layer .article > ul dd {padding:0.1em 0;}



}