#content * {font-family: 'Nanum Gothic', Arial, sans-serif;}
/*공통*/
.caption_title {position: relative;margin:0 0 10px;padding-left:20px;font-size:14px;font-weight:bold;text-align:left;}
span.caption_title {display:block}
.caption_title:after {display: block;content: "";position: absolute;top: 50%;left: 0;margin-top: -7px;width: 5px;height: 4px;border: 5px solid #2a67a1;border-radius: 50%;background: #ffffff;}

/*목록모양*/
.tab_ol {margin:0;padding:0 0 0 20px;}
    .tab_ol > li {margin-bottom:20px;line-height:25px;font-weight:bold;font-size:13px}
        .tab_ol > li ul{margin:0;padding:0 0 0 0px;list-style:none;}
            .tab_ol > li ul > li{font-weight:normal;}
            .tab_ol > li ul > li:before {content:'-';margin:0 8px;}

/* ROW1 */
.content.hosting {}
.svr_detail_row {clear:both;display:block;margin:0 0 40px 0;}

.svr_detail_row.row1 {display:flex;height:185px;}
    .svr_detail_row.row1 .server_thumbnail {display:flex;justify-content:center;align-items:center;position:relative;margin:0 10px 30px 0 ;width:40%;height:185px;line-height:185px;overflow:hidden;border:1px solid #dedede}

        .svr_detail_row.row1 .server_thumbnail  .emblem{
            position:absolute;
            right:-33px;
            top:-8px;
            width:100px;
            height:50px;
            overflow:hidden;
            transform: rotate( 45deg )
        }
        .svr_detail_row.row1 .server_thumbnail  .emblem .triangle {
            width: 0px;
            height: 0px;
            padding:0 0 0 0;
            border-bottom:50px solid #F69C55;
            border-right: 50px solid transparent;
            border-left: 50px solid  transparent;
            vertical-align:bottom;
        }

        .svr_detail_row.row1 .server_thumbnail .emblem.best .triangle {border-bottom:50px solid red;}
        .svr_detail_row.row1 .server_thumbnail .emblem.event .triangle {border-bottom:50px solid #F69C55;}
        .svr_detail_row.row1 .server_thumbnail .emblem.nocontract .triangle {border-bottom:50px solid blue;}

        .svr_detail_row.row1 .server_thumbnail .emblem span {position:absolute;left:20px;top:25px;z-index:5;width:60px;line-height:25px;display:block;color:#fff;font-size:16px;font-weight:bold;text-align:center;}

        .svr_detail_row.row1 .server_thumbnail img{width:295px;vertical-align:middle}

    .svr_detail_row.row1 .server_informations {flex:1;padding:0 30px;height:185px;border:1px solid #dedede}
        .svr_detail_row.row1 h2 {margin:20px 0;padding:0 0 15px 0;font-size:16px;font-weight:bold;text-align:center;color:#3a7ab8;border-bottom:1px solid #dedede}
        .svr_detail_row.row1 .server_informations dl {display:flex;margin:0 0 0 0;padding:0;}
            .svr_detail_row.row1 .server_informations dl dt {flex-basis:100px;margin:0 0 10px 0;padding:0 0 0 20px;line-height:22px;font-size:13px;font-weight:bold;color:#555;background:url(/images/prtb_bul.png) no-repeat 0 3px;}
            .svr_detail_row.row1 .server_informations dl dd {margin:0 0 8px 0;padding:0;line-height:22px;font-size:13px;color:#666;}
            .svr_detail_row.row1 .server_informations dl dd.model_name {font-weight:bold;}
            .svr_detail_row.row1 .server_informations dl dd .discount_price {font-weight:bold;color:#ff0000;}


/* ROW2 */
.svr_detail_row.row2 {}

.row2_tbl {width:100%;border-collapse:collapse;border-top:2px solid #3a7ab8}
    /*.row2_tbl caption {margin:0 0 10px;padding-left:5px;font-size:14px;font-weight:bold;text-align:left;border-left:4px solid #000}*/
    .row2_tbl th,
    .row2_tbl td {line-height:45px;color:#666666;font-size:13px;border:1px solid #ddd;}

    .row2_tbl thead {}
        .row2_tbl thead th {position:relative;z-index:initial;color:#3a7ab8;background-color:#f8f9fb;border-top:2px solid #3a7ab8;}
        .row2_tbl thead td {border-top:none}

            .row2_tbl thead th .info_icon {display:inline-block;width:15px;height:15px;line-height:15px;font-size:13px;color:red;text-align:center;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer;}
            .row2_tbl thead th .info_desc {display:none;position:absolute;left:50%;top:50%;z-index:3;}
            .row2_tbl thead th .info_desc.open {display:block;padding:20px;width:250px;line-height:22px;font-weight:normal;text-align:left;font-size:12px;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:5px 5px 10px #666;}
            .row2_tbl thead th:nth-last-child(1) .info_desc.open {left:initial;right:50%;}
            .row2_tbl thead th .info_desc .closer {display:block;position:absolute;right:0;top:0;width:30px;height:30px;line-height:30px;
            background:url('/images/popup_close.png') no-repeat 50% 50%;cursor:pointer}


        .row2_tbl thead td {background-color:#f8f9fb}
        .row2_tbl thead td:nth-child(1) {width:20%;}
        .row2_tbl thead th:nth-child(1) {width:26.6%}
        .row2_tbl thead th:nth-child(2) {width:26.6%}
        .row2_tbl thead th:nth-child(3) {width:26.6%}

    .row2_tbl tbody {}
    .row2_tbl tbody:nth-last-child(1) {border-bottom:none}
        .row2_tbl tbody th {width:120px;background-color:#f8f9fb}
        .row2_tbl tbody td {padding-left:15px;text-align:center;}
            .row2_tbl tbody td .req_svc_btn {display:block;margin:0 auto;padding:0 0;width:70%;line-height:30px;font-size:14px;font-weight:bold;color:#fff;text-align:center;text-decoration:none;border-radius:2px;/*background:#d1d1d1;*/background-color:#3a7ab8}
            .row2_tbl tbody td .req_svc_btn:hover {}


    .row2_tbl tfoot {}
        .row2_tbl tfoot th {width:120px;background-color:#f8f9fb}
        .row2_tbl tfoot td {padding:5px 0 5px 15px;line-height:20px;text-align:center;}


/* ROW3 */
.svr_detail_row.row3 {overflow:hidden;}
    .svr_detail_row.row3 .event_box {overflow:hidden;}
        .svr_detail_row.row3 .event_box img {max-width:100%;}


/*정보 탭*/
.info_tabs_wrap {margin: 0 0 20px 0;border-bottom:1px solid #bbb}
.info_tabs {display:flex;flex-direction:row;position:relative;margin:0 0 0 0;padding:0;list-style:none}
    .info_tabs li {z-index:5;margin:5px 0 -1px -1px;width:160px;height:40px;line-height:40px;text-align:center;color:#777;font-size:16px;font-weight:bold;border:1px solid #dedede;border-bottom:1px solid #bbb;background-color:#fafafa;cursor:pointer;}
    .info_tabs li.active {z-index:10;margin:5px 0 -1px -1px;color:#000;border:1px solid #999;border-bottom:1px solid #fff;background-color:#fff}
    .info_tabs li:not(.active):hover {z-index:15;margin:5px 0 -1px -1px;border:1px solid #999;}

.svr_detail_row.row4 {}
.svr_detail_row.row4 .tab {display:none}
.svr_detail_row.row4 .tab.active {display:block}


/* ROW4 */
.svr_detail_row.row4 {}

.tab3_tbl {width:100%;border-collapse:collapse;border-top:2px solid #3a7ab8}
    .tab3_tbl th,
    .tab3_tbl td {line-height:35px;color:#666666;border:1px solid #dedede;}

    .tab3_tbl thead {}
        .tab3_tbl thead th {background-color:#f8f9fb}

    .tab3_tbl tbody {}
    .tab3_tbl tbody:nth-last-child(1) {border-bottom:none}
        .tab3_tbl tbody th {width:120px;background-color:#f8f9fb}
        .tab3_tbl tbody td {padding-left:15px;}
        .tab3_tbl tbody td:nth-last-child(1),
        .tab3_tbl tbody td:nth-last-child(2) {padding:0;width:80px;text-align:center;}

.tab4_tbl {width:100%;border-collapse:collapse;border-top:2px solid #3a7ab8}
    .tab4_tbl th,
    .tab4_tbl td {line-height:35px;color:#666666;border:1px solid #dedede;}

    .tab4_tbl tbody {}
        .tab4_tbl tbody th {width:120px;background-color:#f8f9fb}
        .tab4_tbl tbody td {padding-left:15px;}
        .tab4_tbl tbody td.svr_name {font-weight:bold;text-align:center;}
        .tab4_tbl tbody td:nth-last-child(2) {padding-left:15px;width:180px;}

.tab5_tbl {margin:0 0 50px 0;width:100%;border-collapse:collapse;border-top:2px solid #3a7ab8}
    /* .tab5_tbl caption {margin:0 0 10px;padding-left:5px;font-size:14px;font-weight:bold;text-align:left;border-left:4px solid #000} */
    .tab5_tbl th,
    .tab5_tbl td {line-height:35px;color:#666666;border:1px solid #ddd;}

    .tab5_tbl tbody {}
        .tab5_tbl tbody th {width:120px;background-color:#f8f9fb}
        .tab5_tbl tbody td {padding-left:15px;}
            .tab5_tbl tbody td input[type="text"] {width:98%;height:27px;line-height:27px;border:1px solid #ddd;border-radius:3px;vertical-align:middle}
            .tab5_tbl tbody td input[type="text"].shortinput {width:50px;}
            .tab5_tbl tbody td select {margin:8px 0 10px 0;height:27px;line-height:27px;border:1px solid #ddd;border-radius:3px}
            .tab5_tbl tbody td textarea {margin:0 0 10px 0;width:98%;height:200px;line-height:auto;border:1px solid #ddd;border-radius:3px}


.svr_detail_row.row4 .req_btn {
display:block;margin:0 auto;padding:0 0;width:100px;line-height:30px;font-size:14px;font-weight:bold;color:#fff;text-align:center;text-decoration:none;border:none;border-radius:2px;/*background:#d1d1d1;*/cursor:pointer;background-color:#3a7ab8
}
.svr_detail_row.row4 .req_btn:hover {}