#wrap {
    width: 100%;
    height: auto;
    padding-top: 75px;
    background: #fff;
    color: #333;
}


.navbar-collapse > .navbar-nav {
    background: #fff;
}


.left_cont {
}

.left_cont .left_tit {
    border-bottom: 1px solid #ddd;
    background: url(/images/nav_on.png);
    padding: 35px 0;
}

.left_cont .left_tit h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    color: #fff;
}

.left_cont.sub01 .left_tit {
    background-color: #699a1c;
}

.left_cont.sub02 .left_tit {
    background-color: #05bac1;
}

.left_cont.sub03 .left_tit {
    background-color: #d10000;
}

.left_cont.sub04 .left_tit {
    background-color: #ff761a;
}

.left_cont.sub05 .left_tit {
    background-color: #29a6f5;
}

.left_cont.sub06 .left_tit {
    background-color: #404040;
}

.right_cont {
    border-bottom: 1px solid #ddd;
}


/* sub top 영역*/
.sub_top {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
}

.sub_top h3 {
    margin: 0 10px 0 0;
    font-size: 35px;
    color: #3d3d3d;
    font-weight: bold;
    letter-spacing: -1px;
}

.sub_top span.history {
    color: #575757;
    font-size: 13px;
}


.sub_tab {
    margin-top: 15px;
}

.sub_tab > .row > div {
    background: #dfdfdf;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.sub_tab > .row > div.select {
    background: #29a6f5;
}

.sub_tab > .row > div.order {
    background: #4e4e4e;
}

.sub_tab.sub01 > .row > div.select {
    background: #699a1c;
}

.sub_tab.sub02 > .row > div.select {
    background: #05bac1;
}

.sub_tab.sub03 > .row > div.select {
    background: #d10000;
}

.sub_tab.sub04 > .row > div.select {
    background: #ff761a;
}

.sub_tab.sub05 > .row > div.select {
    background: #29a6f5;
}

.sub_tab.sub06 > .row > div.select {
    background: #404040;
}

.sub_tab > .row > div > a {
    color: #797979;
    line-height: 32px;
    display: block;
}

.sub_tab > .row > div > a:hover, .sub_tab > .row > div > a:focus {
    text-decoration: none;
}

.sub_tab > .row > div.select a, .sub_tab > .row > div.order a {
    color: #fff;
}


/* sub contents 영역*/

.sub_cont {
    background: #f5f5f5;
    padding: 30px 0;
    color: #555;
    letter-spacing: -0.5px;
}

.sub_cont .cont_inn {
    width: 90%;
    margin: 0 auto;
}



/* 회사소개 contents */
.cont_company {
}


.cont_company.sub01 {
}


.cont_company.sub01 .cont_top ul {
    margin-top: 20px;
}

.cont_company.sub01 .cont_top ul li {
    color: #555;
    font-size: 14px;
    line-height: 35px;
}

.cont_company.sub01 .cont_top ul li span {
    font-weight: bold;
    font-size: 16px;
}



.about_box {
    padding-bottom: 10px;
}

.about_box .media {
    padding: 25px 15px;
    background: #fff;
    color: #555;
    border: 1px solid #e5e5e5;
}

.about_box .media .media-body {
    padding-left: 10px;
    font-size: 14px;
    line-height: 23px;
}

.about_box .media .media-body h4.media-heading {
    font-size: 16px;
    font-weight: bold;
}

.about_box.last .media {
    padding: 23px 15px;
}


.cont_company.sub02 {
}

span.blue_dot {
    width: 6px;
    height: 10px;
    background: url(/images/dot.png) no-repeat center center;
    display: inline-block;
}

.cont_busi {
}

.cont_busi p {
    font-size: 14px;
    letter-spacing: -1px;
    color: #8a8a8a;
    line-height: 24px;
}

.cont_busi p span {
    font-size: 16px;
    color: #555;
}


ul.busi_list {
}

.busi_list li {
    line-height: 45px;
    letter-spacing: -1px;
    color: #555;
}

.busi_list li span.tit {
    padding: 0 25px 0 15px;
    font-size: 15px;
    font-weight: bold;
}


.map_list li {
    line-height: 45px;
    color: #555;
}

.map_list li span.dot {
    line-height: 45px;
    display: inline-block;
}

.map_list li span.tit {
    padding: 0 25px 0 15px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
}


.map_box {
    margin-bottom: 30px;
}

.map_box .map_txt {
    line-height: 23px;
}

.bus_blue {
    background: #0b59c3;
    color: #fff;
    line-height: 23px;
    display: inline-block;
    padding: 0 8px;
}

.bus_green {
    background: #5ec30b;
    color: #fff;
    line-height: 23px;
    display: inline-block;
    padding: 0 8px;
}


#map_canvas {
    margin-top: 30px;
    width: 100%;
    height: 300px;
    border: 1px solid #ddd;
}



/* 고객지원 contents */

.cont_customer {
}

.sub_info {
    margin-bottom: 30px;
    line-height: 18px;
}

.b_info, .c_info {
    font-size: 15px;
    line-height: 26px;
    margin-top: 10px;
}

.cont_customer {
}

.cont_customer > .row > div {
}

.cont_customer .c_board {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 15px;
    overflow: hidden;
    margin-top: 20px;
}

.cont_customer .c_board .tit {
    font-size: 11px;
    color: #9a9a9a;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.cont_customer .c_board .tit p {
    margin: 0;
    padding: 5px 0 10px 0;
}

.cont_customer .c_board .tit span {
    color: #555;
}


p.more_btn {
    margin: 0;
}

p.more_btn a {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    font-size: 21px;
    background: #555;
    font-weight: bold;
    color: #fff;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

p.more_btn a:hover, p.more_btn a:focus {
    text-decoration: none;
}



.cont_customer .c_board ul {
    margin: 10px 0 0 0;
}

.cont_customer .c_board ul li {
    color: #797979;
    line-height: 24px;
}

.cont_customer .c_board ul li a {
    width: 59%;
    font-size: 13px;
    color: #797979;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.cont_customer .c_board ul li span {
    font-size: 12px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cont_customer .c_board ul li span.name {
    width: 20%;
    text-align: center;
}

.cont_customer .c_board ul li span.date {
    width: 10%;
    text-align: center;
}

.cont_customer .c_board ul li span.process {
    width: 10%;
    text-align: center;
}


.event_top {
    border: 1px solid #ddd;
    background: url(/images/customer/bg_pattern02.gif);
    line-height: 34px;
}

.event_top .txt {
    padding: 15px 20px;
}


.box {
    border: 1px solid #ddd;
    background: #fff;
    padding: 20px 15px;
    overflow: hidden;
}

.box_inn {
    padding: 0 15px;
}


.cont_customer.sub02 .box_innT {
}

.cont_customer.sub02 .box_innT ul li {
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
}

.cont_customer.sub02 .box_innB ul li {
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
}


a.btn_temp {
    display: inline-block;
    margin-left: 10px;
    color: #838383;
    background: #ebebeb;
    border: 1px solid #ddd;
    padding: 0 10px;
    font-size: 12px;
    line-height: 24px;
}

p.e_tit {
    color: #fff;
    line-height: 40px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

p.bg_green {
    background: #90b911;
}

p.bg_blue {
    background: #118cb9;
}


.event_list {
}

.event_list .event_top01 {
    background: #154375 url(/images/bg_pattern.png);
}


.event_list .event_top02 {
    background: #fff;
    border: 1px solid #ddd;
}

.event_list .event_top03 {
    background: #3c6289 url(/images/bg_pattern.png);
}


.event_list > .row > div {
    padding: 5px 0;
}


.cont_customer.sub03 p.tit {
    color: #9a9a9a;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.cont_customer.sub03 p.tit span {
    color: #555;
}


.cont_customer.sub03 .box_inn {
    border: 1px solid #ddd;
    padding: 15px;
    line-height: 23px;
    overflow: hidden;
    margin-top: 15px;
}


.cont_customer.sub03 .form-group > .row > div {
    padding: 0;
    margin: 0 0 15px 0;
}

.cont_customer.sub03 .form-group > .row > div.even {
    padding-right: 10px;
}

.cont_customer.sub03 .form-group > .row > div.odd {
    padding-left: 10px;
}

.cont_customer.sub03 .form-group .input-txt {
    width: 100%;
    min-height: 40px;
    border-radius: 0;
    border: 1px solid #d8d8d8;
}

.cont_customer.sub03 .form-group .input-txt label {
    font-weight: normal;
    color: #999;
}

.cont_customer.sub03 .form-group .radio-inline input {
}

.cont_customer.sub03 .form-control {
    color: #999;
}

.cont_customer.sub03 .form-control:focus, .cont_customer.sub03 .form-control:hover {
    border-color: #c90303;
}


button.submit {
    background: #5e5e5e;
    border: 1px solid #272727;
    color: #fff;
    padding: 3px 10px;
}

button.cancel {
    background: #d7d7d7;
    border: 1px solid #acacac;
    padding: 3px 10px;
}




/* 맞춤형 홈페이지 contents */

.cont_home .cont_top {
    color: #444;
}

.cont_home .cont_sec {
    margin-bottom: 50px;
}

.cont_home .home_tit {
    font-size: 20px;
    font-weight: bold;
}

span.bar {
    width: 50px;
    height: 4px;
    background: #8f8f8f;
    display: block;
    margin-bottom: 3px;
}

.cont_home .media {
    border: 1px solid #ddd;
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
}


span.dot {
    width: 6px;
    height: 10px;
    display: inline-block;
    background: url(/images/homepage/dot.png) no-repeat center center;
}

.cont_home .media .media-heading {
    font-size: 16px;
    font-weight: bold;
}

.cont_home .media .media-heading.fcgreen {
    color: #699a1c;
}

.cont_home .media .media-heading.fcblue {
    color: #0070bf;
}

.cont_home .media .media-heading.fcred {
    color: #cc0000;
}

.cont_home .media .media-heading.fcorange {
    color: #dc5d00;
}


.cont_home .media .media-body {
    line-height: 23px;
}

.cont_home.sub02 .media {
    padding: 42px 15px;
}

.cont_home.sub02 .media.odd {
    padding: 50px 15px;
}


.home_list > .row {
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
    line-height: 24px;
    margin-bottom: 15px;
}


.home_list .tit {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
}

.home_list .txt {
    display: block;
    padding: 5px 0;
}


.home_list .tit01 {
    background: #ff761a;
}

.home_list .tit02 {
    background: #ffb61a;
}

.home_list .tit03 {
    background: #6ebb00;
}

.home_list .tit04 {
    background: #1abcff;
}

.home_list .tit05 {
    background: #1a45ff;
}

.home_list .tit06 {
    background: #601aff;
}


.home_list02 p.tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 33px;
    color: #fff;
    padding-left: 15px;
}

.home_list02 p.tit01 {
    background: #0cd3b9;
}

.home_list02 p.tit02 {
    background: #0ca7d3;
}

.home_list02 p.tit03 {
    background: #d30203;
}

.home_list02 p.tit04 {
    background: #06a40d;
}


.home_box {
    border: 1px solid #ddd;
    background: #efefef;
}

.box_txt {
    border-left: 1px solid #ddd;
    padding: 15px 20px;
    background: #fff;
}


table.t_home {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    margin: 0 0 30px 0;
    color: #838383;
}

table.t_home tr th {
    text-align: center;
    background: #efefef;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

table.t_home tr td {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    line-height: 23px;
}



/* 경제형 템플릿 contents */

.cont_temp {
}

.cont_temp.sub01 .temp_box {
    color: #fff;
    line-height: 26px;
    margin-bottom: 15px;
}

.cont_temp.sub01 .temp_box .txt {
}

.temp_box.sec01 {
    background: #05bac1;
    padding: 0 30px;
}

.temp_box.sec02 {
    background: #2b455c;
    padding: 30px;
}

.temp_box.sec03 {
    background: #0071b2;
    padding: 30px;
}

.temp_box.sec01 .txt {
    padding: 30px 0;
}

.temp_box.sec02 .txt span {
    display: inline-block;
    margin-top: 10px;
}


.temp_box .fcyellow {
    color: #fdff5e;
}

.temp_box .fcorange {
    color: #ffbd3f;
}

.temp_box .fcgreen {
    color: #b4ff78;
}

.temp_box .fcsky {
    color: #b7f6ff;
}

.cont_temp.sub01 a.btn {
    border: 1px solid #fff;
    background: none;
    color: #fff;
    font-size: 13px;
    padding: 3px 5px;
    margin-left: 10px;
}



.cont_temp.sub02 {
}

.cont_temp.sub02 > div, .cont_temp.sub03 > div {
    margin-bottom: 80px;
}

.cont_temp.sub02 .sec01 {
}

.cont_temp.sub02 .sec02 {
}


.cont_temp.sub02 .sec02 .sample {
    padding: 15px;
}

.cont_temp.sub02 .sec02 .sample > p {
    position: relative;
}

.cont_temp.sub02 .sec02 .sample span.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    ;
    background: #05bac1;
    opacity: 0.7;
    display: block;
    z-index: 10;
    opacity: 0;
    display: none;
}

.cont_temp.sub02 .sec02 .sample span.more {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    ;
    background: url(/images/templet/temp_more.png) no-repeat center center;
    display: block;
    z-index: 20;
    opacity: 0;
    display: none;
}

.cont_temp.sub02 .sec02 .warning_txt {
    font-size: 12px;
    text-align: right;
    font-weight: bold;
    color: #e10000;
    margin-top: 5px;
}

.cont_temp.sub02 .sec02 a.btn {
    border: 1px solid #9a9a9a;
    background: none;
    color: #7f7f7f;
    font-size: 13px;
    padding: 3px 10px;
    margin-left: 10px;
}

.cont_temp.sub02 .sec03 .order, .cont_temp.sub03 .sec03 .order {
    padding: 10px 0;
}


.cont_temp.sub03 .sec02 .sample {
    padding: 15px;
    text-align: center;
}

.cont_temp.sub03 .sec02 .sample_inn {
    padding: 15px 0;
}

.cont_temp.sub03 .sec02 .sample_inn > p {
    position: relative;
}

.cont_temp.sub03 .modal-content {
    padding: 15px;
    border: 10px solid #e1e1e1;
    border-radius: 0;
}

.cont_temp.sub03 .sec02 .sample span.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #05bac1;
    opacity: 0.7;
    display: block;
    z-index: 10;
    opacity: 0;
    display: none;
}

.cont_temp.sub03 .sec02 .sample span.more {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/templet/temp_more.png) no-repeat center center;
    display: block;
    z-index: 20;
    opacity: 0;
    display: none;
}




.cont_temp.sub03 .sec01 .txt {
    line-height: 25px;
}


.cont_temp .sec04 .tit {
    background: #0079bf;
    color: #fff;
    line-height: 33px;
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px;
}



table.t_temp {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    margin: 0 0 30px 0;
    color: #838383;
}

table.t_temp tr th {
    text-align: center;
    background: #efefef;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

table.t_temp tr td {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    line-height: 23px;
}



/* 호스팅 & 유지보수 contents */

.cont_host.sub01 .box {
    border: 1px solid #ddd;
    padding: 0;
    margin: 20px 0;
    background: #595959;
}

.cont_host.sub01 .box.odd {
    background: #a5a5a5;
}

.cont_host.sub01 .tit {
    color: #fff;
    font-size: 16px;
    padding: 10px 0;
    font-weight: bold;
    text-align: center;
}

.cont_host.sub01 .txt {
    background: #fff;
    padding: 10px 15px;
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 23px;
}

.cont_host.sub02 .box {
    color: #797979;
    line-height: 23px;
    padding: 25px;
    margin-top: 15px;
}

.cont_host.sub02 .box_inn {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px 0;
    margin: 15px 0;
}

.cont_host.sub02 p.tit01 {
    font-size: 25px;
    font-weight: bold;
    color: #ff761a;
}

.cont_host.sub02 p.tit02 {
    font-size: 25px;
    font-weight: bold;
    color: #ae7108;
}

.cont_host.sub02 p.tit03 {
    font-size: 25px;
    font-weight: bold;
    color: #005ac9;
}

.cont_host.sub02 .fcblue {
    color: #0070d8;
}

.cont_host.sub02 .fcyellow {
    color: #d89800;
}

.cont_host.sub02 .fcred {
    color: #ca0000;
}

.cont_host.sub03 .box {
    padding: 15px 20px;
    line-height: 23px;
    margin: 10px 0;
    text-align: justify;
}

.cont_host.sub04 .box {
    padding: 0;
    margin-bottom: 15px;
}

.cont_host.sub04 .box .tit {
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px;
}

.cont_host.sub04 .box .tit.tit01 {
    background: #d20000;
}

.cont_host.sub04 .box .tit.tit02 {
    background: #f1aa00;
}

.cont_host.sub04 .box .tit.tit03 {
    background: #5fa900;
}

.cont_host.sub04 .box .tit.tit04 {
    background: #00a6cf;
}

.cont_host.sub04 .box .txt {
    padding: 20px 10px;
    text-align: justify;
}

.cont_host.sub04 .box .info_01, .cont_host.sub04 .box .info_02 {
    padding: 10px;
    margin: 0;
}

.cont_host.sub04 .box .info_01 {
    background: #e3e3e3;
}

.cont_host.sub04 .box .info_02 {
    background: #f2f2f2;
}



/* 포트폴리오 contents */

.cont_pf {
}


.cont_pf form > .row > div {
    margin: 5px 0;
}

.cont_pf .pf_box {
    margin-bottom: 50px;
}


.pf_box > p {
    position: relative;
}

.pf_box > p span.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0;
    display: none;
    z-index: 10;
}

.pf_box > p span.more {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/templet/temp_more.png) no-repeat center center;
    display: block;
    z-index: 20;
    opacity: 0;
    display: none;
}

.pf_box .pf_info {
    padding-top: 15px;
}

.pf_box .pf_info a {
    color: #9c9c9c;
    font-size: 12px;
}

.pf_box .pf_info p.tit {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.pf_box .pf_info p.ctg {
    line-height: 20px;
    margin: 0;
    color: #9d9c9c;
    text-align: right;
    font-size: 13px;
}

.pf_box .pf_info p.txt {
    line-height: 20px;
    margin: 0;
    color: #9d9c9c;
    text-align: right;
    font-size: 13px;
}


table.t_point {
    width: 100%;
    border: 1px solid #ddd;
    line-height: 40px;
    background: #fff;
}

table.t_point thead th {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

table.t_point thead th.bg_red {
    background: #d20000;
}

table.t_point thead th.bg_yellow {
    background: #f1aa00;
    padding-left: 20px;
}

table.t_point tbody th {
    text-align: center;
    background: #f2f2f2;
    border-bottom: 1px solid #ddd;
}

table.t_point tbody td {
    padding-left: 20px;
    border-bottom: 1px solid #ddd;
}



/* 사이트맵 */



.cont_site {
}

.cont_site > .row > div {
    border-left: 1px solid #e4e4e4;
    padding: 0 10px;
}



.cont_site p.tit {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}

.cont_site p.tit a {
    color: #555;
}


ul.site_list {
}

ul.site_list li {
    position: relative;
    padding: 8px 0;
}

ul.site_list li a {
    font-size: 15px;
    color: #878787;
    display: block;
}

ul.site_list li span.bullet {
    width: 13px;
    height: 21px;
    display: inline-block;
    float: right;
    background: url(/images/site_bullet.png) no-repeat center center;
}

/* 게시판 table */

table.t_board {
    width: 100%;
    text-align: center;
    font-size: 13px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 20px;
    color: #797979;
}

table.t_board thead th {
    text-align: center;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}

table.t_board tbody td {
    vertical-align: middle;
    border: 0;
}

table.t_board tbody td a {
    color: #797979;
}


div.paging {
}

div.paging ul {
    margin: 20px 0;
}

div.paging ul li a {
    font-size: 14px;
    color: #979797;
}


/* footer (lg) */

.left_footer {
    margin-top: 200px;
}

.left_footer p.address {
    font-size: 11px;
    line-height: 15px;
    margin: 5px 10px;
    padding: 15px;
    color: #9c9595;
}

.left_footer p.copy {
    margin: 0;
    color: #767676;
    font-size: 9px;
    line-height: 12px;
    margin: 0 10px;
    padding: 5px 10px;
}


.left_footer ul {
    color: #595959;
}

.left_footer ul li a {
    color: #595959;
    font-size: 11px;
}





/* 미디어 쿼리 수정 */

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
    /* left 영역 */
    .left_cont .left_tit {
        padding: 63px 0;
    }

    /* sub top 영역 */
    .sub_top {
        width: 80%;
    }

    .sub_top h3 {
        font-size: 36px;
    }

    .sub_tab > .row > div {
        border-right: 2px solid #fff;
    }

    /* sub contents 영역 */
    .sub_cont {
        border-left: 1px solid #ddd;
    }

    .sub_cont .cont_inn {
        width: 80%;
    }

    /* 회사소개 contents */
    .cont_company.sub01 .cont_top ul {
        margin-top: 40px;
    }

    .cont_company.sub01 .cont_top ul li {
        font-size: 16px;
    }

    .cont_company.sub01 .cont_top ul li span {
        font-size: 18px;
    }

    .about_box {
        padding: 0 0 10px 10px;
    }

    .about_box.odd {
        padding: 0 10px 10px 0;
    }

    .about_box .media {
        padding: 35px 25px;
    }

    .about_box .media-body h4.media-heading {
        font-size: 18px;
    }

    .about_box.last .media {
        padding: 23px 25px;
    }

    .cont_company.sub02 p {
        font-size: 18px;
        line-height: 30px;
    }

    .cont_company.sub02 p span {
        font-size: 20px;
    }

    ul.busi_list {
        margin-top: 50px;
    }

    .map_box .map_txt {
        padding-left: 15px;
    }

    #map_canvas {
        height: 600px;
    }


    /* 고객지원 contents */

    .cont_customer .c_board.odd {
        margin-right: 10px;
    }

    .cont_customer .c_board.even {
        margin-left: 10px;
    }

    .event_top .txt {
        padding: 50px 0 0 0;
    }

    .cont_customer.sub02 .box.odd {
        margin-right: 15px;
    }

    .cont_customer.sub02 .box.even {
        margin-left: 15px;
    }

    .cont_customer.sub02 .box_innT ul li {
        line-height: 34px;
        font-size: 18px;
    }

    .cont_customer.sub02 .box_innB ul li {
        line-height: 34px;
        font-size: 18px;
    }

    .event_list > .row > div {
        padding: 10px 0 10px 10px;
    }

    .event_list > .row > div.odd {
        padding: 10px 10px 10px 0;
    }

    /* 맞춤형 홈페이지 contents */
    .cont_home .media {
        margin: 0 0 20px 10px;
    }

    .cont_home .media.odd {
        margin: 0 10px 20px 0;
    }


    .home_list > .row {
        text-align: left;
        line-height: 46px;
    }

    .home_list .tit {
        padding: 0 0 0 15px;
    }

    .home_list .txt {
        padding: 0;
    }

    /* 경제형 템플릿 contents */
    .cont_temp .temp_box {
        font-size: 14px;
    }

    .temp_box.sec01 .txt {
        padding: 75px 0px;
    }

    .cont_temp.sub02 .sec01 .txt {
        margin-left: 40px;
    }

    .cont_temp.sub02 .sec02 .warning_txt {
        font-size: 16px;
    }

    .cont_temp.sub03 .sec01 .txt {
        padding: 30px 0 0 15px;
    }

    .cont_temp.sub03 .sec02 .sample {
        padding: 0 10px 10px 0;
    }

    /* 포트폴리오 portfolio*/


    /* 호스팅 & 유지보수 contents */
    .cont_host .tit {
    }

    .cont_host.sub01 .box .tit {
        padding: 35px 0 0 0;
    }

    .cont_host.sub01 .box.first .tit {
        padding: 45px 0 0 0;
    }

    .cont_host.sub01 .box.last .tit {
        padding: 25px 0 0 0;
    }


    .cont_host.sub02 .box {
        margin-right: 15px;
        padding: 40px;
    }

    .cont_host.sub04 .box {
        margin-right: 20px;
    }

    /* 사이트맵 */
    h3.site_tit {
        margin-bottom: 50px;
    }

    .cont_site > .row > div.last {
        border-right: 1px solid #e4e4e4;
    }

    ul.site_list {
        min-height: 185px;
    }
}


.showback {
    background: #ffffff;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0px 3px 2px #aab2bd;
}

#portfolio_list_field {
    position: relative;
    width: 100%;
    margin: 0 auto 25px;
    padding-bottom: 10px;
}

.grid {
    width: 188px;
    min-height: 100px;
    padding: 15px;
    background: #fff;
    margin: 8px;
    font-size: 12px;
    float: left;
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}
.grid:hover {border: 1px solid #808080;	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;	background: rgba(200, 200, 200, 0.1); transition: 2s;}
.grid strong {
    border-bottom: 1px solid #ccc;
    margin: 10px 0;
    display: block;
    padding: 0 0 5px;
    font-size: 17px;
}

.grid .meta {
    text-align: right;
    color: #777;
    font-style: italic;
}

.grid .imgholder img {
    max-width: 100%;
    background: #ccc;
    display: block;
}


.pricing-tables { padding: 20px; }
.pricing-tables h1 { font-size: 48px; }
.pricing-tables .plan.first { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pricing-tables .plan.last { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.pricing-tables .plan.recommended { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.pricing-tables .plan.recommended .head { margin-bottom: 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.pricing-tables.attached .col-sm-4,
.pricing-tables.attached .col-md-4,
.pricing-tables.attached .col-sm-3,
.pricing-tables.attached .col-md-3 { padding-left: 0; padding-right: 0; }
.pricing-tables.attached .plan { border-radius: 0; }
.pricing-tables.attached .plan .head { border-radius: 0; }
.pricing-tables.attached .plan.recommended { border-radius: 4px; }
.pricing-tables.attached .plan.recommended .head { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.pricing-tables.attached .plan.last { border-bottom-right-radius: 4px; }
.pricing-tables.attached .plan.last .head { border-top-right-radius: 4px; }
.pricing-tables.attached .plan.first { border-bottom-left-radius: 4px; }
.pricing-tables.attached .plan.first .head { border-top-left-radius: 4px; }

.plan { box-shadow: 0 2px 2px rgba(10, 10, 10, 0.06); min-height: 100px; background: #fff; border-radius: 4px; margin: 20px 0; padding-bottom: 25px; text-align: center; }
.plan .head { border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 12px 16px; background: #1c1c1c; color: #fff; }
.plan .head h1, .plan .head h2, .plan .head h3 { padding: 0; margin: 0; font-weight: 100; }
.plan .price { border-top: 1px solid #eee; margin: 0 auto 30px auto; width: 80%; }
.plan .price h3 { font-size: 82px; vertical-align: top; line-height: 1; }
.plan .price h3 span { font-size: 38px; vertical-align: top; position: relative; margin: 6px 0 0 -7px; display: inline-block; }
.plan .price h4 { color: #aaa; font-size: 14px; }
.plan .btn { padding: 10px 30px; text-transform: uppercase; font-weight: 500; }
.plan ul { list-style-type: none; padding: 20px; margin-top: 2px; }
.plan ul li { line-height: 22px; margin-bottom: 15px; font-size: 14px; font-weight: 400; }
.plan ul li a { text-decoration: underline; color: #e6e9ed; }
.plan ul li:last-child { border-bottom: none; }
.plan ul strong { font-weight: 700; }
.plan.recommended { margin-top: 6px; box-shadow: 0 0 22px rgba(10, 10, 10, 0.42); position: relative; z-index: 99; border-radius: 4px; }
.plan.recommended .head { border-top-left-radius: 4px; border-top-right-radius: 4px; background: #171717; }
.plan.recommended .btn { margin-bottom: 10px; }
.plan .price_desc { border-top: 1px solid #eee; text-align: left; padding: 10px 20px 10px 20px; }

.timeline { list-style: none; padding: 20px 0 20px; position: relative; }
.timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; }
.timeline > li { margin-bottom: 20px; position: relative; }
.timeline > li:before,
.timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li:before,
.timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li > .timeline-panel { width: 46%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); }
.timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; }
.timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; }
.timeline > li > .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #999999; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }
.timeline > li.timeline-inverted > .timeline-panel { float: right; }
.timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline-badge.primary { background-color: #2e6da4 !important; }
.timeline-badge.success { background-color: #3f903f !important; }
.timeline-badge.warning { background-color: #f0ad4e !important; }
.timeline-badge.danger { background-color: #d9534f !important; }
.timeline-badge.info { background-color: #5bc0de !important; }
.timeline-title { margin-top: 0; color: #fff; background: #555; padding: 10px 15px 10px 15px;}
.timeline-body > p,
.timeline-body > ul { margin-bottom: 0; }
.timeline-body > p + p { margin-top: 5px; }

.shadow_box:hover {box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px; transition: 0.5s;}

.imageoutspan {display: inline-block; height: 500px; position: relative; width: 100%; margin-bottom: -5px;}
.imageoutspan .image-scroll {background-position: center 0; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 100%; transition: all 5s ease-out 0s;}
.imageoutspan .image-scroll {transition: all 2s ease-out 0s;}
.imageoutspan:hover .image-scroll {background-position: center 100% !important;}