@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Noticia+Text);

/* Layout */
hr{display:none}
form, fieldset{border:0;margin:0;padding:0}
body{font-family: 'Nanum Gothic', serif;}
.user_layout{width:960px;margin:0 auto}
/*.header{zoom:1;background:#ddd}*/
/*.header:after{content:"";display:block;clear:both}*/
/*.header .search{float:right}*/
/*.gnb{float:left}*/
.body{margin:30px 0;zoom:1; }
.body:after{content:"";display:block;clear:both}
.lnb{float:left;width:200px;}


.header-cite h4{
    font-family:'Noticia Text';
    font-size:16px;
    font-style:normal;
    font-weight:normal;
    color:#FFFFFF;
}

.header .header-phone {
    display: none;
}

#menu-korean > li{
    visibility: hidden;
    display: none;
}

div.header div.header-cite {
    padding-left: 100px;
}

.user_layout .page {
    display: none;
}

.user_layout .menu-box{
    height: 475px;
    overflow: hidden;
}

.body {
    display: none;
}

.content{
    float:right;
    width:786px;
    background:#fff;
    position: relative;
    border: 1px solid #8A7D75;
    border-radius: 6px;
}
.footer{background:#ddd}


.lnb ul{list-style-type: none; margin-top: 15px;}
.lnb ul li{margin-top: 8px;}
.lnb ul li a{color: #CBBAAF;}
.lnb ul li ul {display: none;}


.content .accounts { 
    margin:20px; 
    float:right;
    position: absolute;
    top: 0;
    right: 0;
}
.content .cont {
    margin:20px; 
    width:743px;
    color: #333;

}
.content .cont h1, .content .cont h2, .content .cont h3, .content .cont h4, .content .cont h5, .content .cont h6{color: #333;}
.content .cont a{color: #666;}
.content .cont input{
    color: #333;
}
.content .cont .write_header input{
    color: #333;
}

.content .cont form label{
    position: static;
    padding: 0;
}

.content .board > h1{
    
}

.content .board .read_header h1 a{
    color: #fff;
    font-size: 13px;
}

.content .board .read_header .time{
    padding: 0;
}

.content .board .feedback {
    display: none;
}

.content .tns{
    display: none;
}

.content .document_popup_menu{
    display: none;
}

#shortcutz{
    position: fixed;
    top: 300px;
    right: 0;
    padding: 20px;
    background-color: #302A27;
    text-align: center;
    border: 1px solid #483F3B;
}

#shortcutz h5{
    color: #CBBAAF;
}

#shortcutz ul{
    list-style-type: none;
}

div.page-content {
    border: 0;
}

.x_modal form label{
    position: relative;
}

.footer-bottom {
    display: none;
}

.footer-bottom .main{
    position: relative;
}

.footer-bottom .footer-sns{
    position: absolute;
    top: 22px;
    left: 200px;
}

/* member_list */

.member_list_pagez { 
    width: 680px; 
    /*border: 1px solid #eee;*/
    font-size: 14px;
    margin-left: 30px;
}

.member_list_pagez > div{
    padding: 10px 0;
}

.member_list_pagez > div:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
}

.member_list_pagez .member_photo{
    float: left;
    margin-left: 20px;
}

.member_list_pagez .member_photo img{
    width: 100px;
}

.member_list_pagez .member_description{
    float: left;
    margin-left: 50px;
    width: 500px;
}

.member_list_pagez .member_description h2{
    color: #333;
    margin-bottom: 20px;
}

.member_list_pagez .member_description dt{
    width: 100px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}

.member_list_pagez .member_description dd{
    width: 300px;
    line-height: 19px;
    display: inline-block;
    vertical-align: top;
}

.member_list_pagez hr.hr{
    margin: 15px 0 26px;
    padding: 0;
    height: 0;
    border: 0 none;
    border-top: 1px solid #eee;
    background-color: transparent;
    display: block;
}

/* member list table style */

.memberz_table {
    width: 700px;
    margin: 0 auto;
    font-family: 'Nanum Gothic';
}

.memberz_table th, .memberz_table td{
    vertical-align: middle;
    text-align: center;
    margin: 0;
    font-size: 14px;
}

.memberz_table th{
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 20px;
    padding: 5px 0;
}

.memberz_table tr td{
    border-bottom: 1px solid #ddd;
    padding: 20px;
}

.memberz_table img{
    width: 80px;
    border: 1px solid #ccc;
    padding: 1px;
}

/* member page */

.member_pagez{
    font-size: 14px;
}

.member_pagez img{
    border: 1px solid #ccc;
    padding: 3px;
}

.member_pagez .member_pagez_desc{
    margin-left: 20px;
    float: left;
    width: 486px;
}

.member_pagez .member_pagez_desc h3{
    margin-bottom: 10px;
}

.member_pagez .member_pagez_desc ul {
    margin-bottom: 10px;
}





/* smart_cord */

.smart_cord_form{
    margin-bottom: 40px;
    margin-left: 110px;
    margin-top: 40px;
}

.smart_cord_form input{
    border: 1px solid #999;
}

.smart_cord_form input:last-child{
    background-color: #CBBAAF;
    color: #222;
}

.smart_cord_form input:last-child:hover{
    text-decoration: underline;
    background-color: #CBBAAF;
    color: #222;
}


/* foriegn_menu */

.foriegn_menu{
    background-color: #302A27;
    padding: 7px;
}

.foriegn_menu > div > ul{
    float: right;
    list-style-type: none;
}

.foriegn_menu > div > ul > li{
    float: left;
    margin-right: 20px;
    position: relative;
    line-height: 21px;
}

.foriegn_menu > div > ul > li > a{
    color: #CBBAAF;
}

.foriegn_menu .contact-us{
    color: #eee;
    /*font-weight: bold;*/
    padding-left: 10px;
}

.foriegn_menu .contact-us:hover{
    text-decoration: none;
}

.foriegn_menu .accounts #fo_login_widget > a, .foriegn_menu .accounts .account>.info .logout{
    border: 0 solid #eee;
    background-color: #302A27;
    color: #eee;
    box-shadow: 0 0 0 0 #eee;
    padding-left: 0;
    padding-right: 0;
    font-weight: normal;
} 

.foriegn_menu .accounts .account .info .user{
    color: #eee;
}

.foriegn_menu .accounts .account label{
    padding: 0;
    position: static;
}

.foriegn_menu .accounts .account .idpw input{
    color: #000;
}

.foriegn_menu .accounts .account #acField > input:hover{
    background-color: #484d51;
}

#topz .header{
    margin-top: 0;
}

#adminBar p{
    padding: 0;
    line-height: 28px;
}


/* main news widget */

.main-news-widget h3{
    margin-bottom: 30px;
}

.main-news-widget h3 a:hover{
    text-decoration: none;
}

.main-news-widget .widgetA > li{
    border-bottom: 1px solid #5D514B;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.main-news-widget .widgetA > li .date{
    float: right;
}

.main-news-widget .widgetA > li .hour{
    display: none;
}

body { width: 100%;}

/* contact module */

.contact_us{overflow:hidden;width:100%;min-width:630px}
.contactTitle{overflow:hidden;margin:20px 0 30px;padding:0 0 8px;border-bottom:1px solid #e1e1e1;zoom:1}
.contactTitle h2{float:left;margin:0;padding:0;color:#1e2831;font-family:Verdana;font-size:16px}
.contactTitle a{float:right;padding-left:14px;background:url('../img/iconSetup.gif') no-repeat scroll 0 transparent;color:#666;text-decoration:none;white-space:nowrap}
#terms .termsTitle,.termsTitle{margin:0 0 18px;color:#444;font-size:12px}
#terms .termsTitle h3{margin:0;font-size:12px}
#terms{overflow:hidden;width:100%;min-width:630px;margin-bottom:30px;text-align:justify}
#terms-main p{margin-bottom:6px;font-size:11px}
#agree_check{margin:24px 0 0;padding:7px 0 7px 10px;border:1px solid #e7e7e7;background:#f9f8f4;color:#666;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold}
#agree_check input{margin:2px 9px 0}
#agree_check span{padding-left:8px;vertical-align:top}
#contact_form{margin:20px 0 0}
.formTitle{min-width:630px;height:17px;margin:0 0 15px;padding:0 0 8px 24px;border-bottom:1px solid #e6e6e6;background:url(../img/icon2.gif) no-repeat 0 0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold}
.formTitle p{margin:0}
.formTitle p img{padding-left:6px;vertical-align:middle}
#formComponents dl,
#formComponents dt,
#formComponents dd{margin:0;padding:0}
#formComponents dl{margin:0 0 22px}
#formComponents dt{margin-bottom:6px;font-weight:bold}
#formComponents dt img{margin-left:4px;vertical-align:middle}
#formComponents dd ul{overflow:hidden;margin:0;padding:0;zoom:1}
#formComponents dd ul li{float:left;margin:0;margin-right:8px;padding:0;list-style:none}
#formComponents dd ul li input{margin:0;margin:1px 4px 0 0;*vertical-align:middle\9;_vertical-align:top}
#formComponents dd ul li label{color:#62676a}
.send{text-align:right}
#mail_content ul{margin:0;padding:0}
#mail_content li{margin:0 0 5px;list-style:none}
#mail_content li .mail_var_title{margin-right:5px;}
#formComponents textarea{width:100%; height: 80px; font-size: 11px}
.comment_textarea textarea{width:100%; height: 152px !important; font-size: 11px}
textarea{width:100%;}
fieldset {border: 0; padding-left: 0; padding-right: 6px;}
#success_form {margin-top: 20px;}
#link_back_contact {margin-top:20px;}
#link_back_contact a{color:black}

.contact_us .contactTitle{
    margin-top: 0;
    border-bottom: 0;
}

.contact_us .contactTitle h1{
    float: left;
    margin-bottom: 0;

}

.contact_us .formTitle{
    display: none;
}

.contact_us #formComponents textarea{
    width: 97%;
}

.contact_us .send {
    text-align: left;
}

.contact_us .send input{
    background-color: #CBBAAF;
    color: #222;
}

/* ip consulting */

.ipmax_list_mail input[type="submit"]{
    padding: 0;
    background-color: #fff;
}

.ipmax_list_mail input[type="submit"]:hover{
    background-color: #fff;
    color: #333;
    text-decoration: underline;
}

/* accordion */

.theme-accordion .ui-accordion-header{
    border-bottom: 1px solid #ccc;
}

.theme-accordion .ui-accordion-content{
    padding-top: 20px;
    padding-bottom: 20px;
    color: #666;
    font-family: 'Nanum Gothic', serif;
}


/* sns */

.footer-facebook-link{
    background-image: url('/layouts/ipmax/fb1.png');
    text-indent: -999px;
    width: 28px;
    height: 28px;
    display: inline-block;
}

.footer-facebook-link:hover{
    background-image: url('/layouts/ipmax/fb2.png');
}

.footer-twitter-link{
    background-image: url('/layouts/ipmax/tw1.png');
    text-indent: -999px;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    display: inline-block;
}

.footer-twitter-link:hover{
    background-image: url('/layouts/ipmax/tw2.png');
}


/* lab table */

.ipmax_lab_table{
    border: 1px solid #aaa;
    border-collapse:collapse;
    width: 720px;
    color: #666;
    
}

.ipmax_lab_table td{
    border: 1px solid #ccc;
    padding: 10px 5px;
    vertical-align: top;
}

.ipmax_lab_table .td_title{
    color: #000;
}

/* textarea */

.board textarea{
    color: #333;
    border: 1px solid #ccc;
}

.board input {
    border: 1px solid #ccc;
}

.content .cont form label{
    font-family: 'Nanum Gothic', serif;
}

/* work around mobile device auto-fitting */
@media only screen and (max-device-width:1101px){
   * {
       background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); 
       background-repeat:repeat;
    }

    html { 
        background-color: #483F3B; 
        -webkit-text-size-adjust: none; 
    }
    body { width: 1100px; margin: 0 auto;}
}

@media only screen and (min-device-width: 560px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone 5 only */
    * {
       background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); 
       background-repeat:repeat;
    }

    html { background-color: #483F3B; }
}



/*위벨롭 커스텀*/

#shortcutz{ background-color: #0e3b64; border: 1px solid #2b5277;}
.foriegn_menu{ background-color: #0e3b64; }
.foriegn_menu .accounts #fo_login_widget > a, .foriegn_menu .accounts .account>.info .logout{
background-color: #0e3b64;
}
div.footer-bottom {
    background-color: #0e3b64;
} 
body{
    background: #0c3852;
}

ul.sf-menu>li ul li a {
    border-color: #1d4a64;
}

ul.sf-menu>li ul li a {
    background-color: #0e3b64;
}

ul.sf-menu li:hover ul li:hover>a, ul.sf-menu li.sfHover ul li.sfHover>a { background-color: #0d2c48 }

ul.testimonial-list li .testimonial-list-company, div.footer-bottom>div.main {
    color: #fff;
}

span.menu-box-subheader, div.notice-box a, div.notice-box h4, div.header div.header-cite h4.header-cite-second-line, div.header div.header-phone h4.header-phone-second-line, div.latest-tweets ul li div span, .single-image div.gallery-bottom-box h5, div.widget div.latest-post>ul>li div.date span, div.widget div.most-viewed>ul>li div.date span, div.widget div.most-commented>ul>li div.date span, div.widget ul.menu-box-widget li a span.menu-box-widget-subheader, ul.sf-menu>li>a span.subtitle, ul.blog-post-list li a.post-read-more, ul.gallery-item-list li div.gallery-bottom-box h5, ul.pricing-list li .pricing-list-name, ul.pricing-list li .pricing-list-price, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, div.footer-bottom>div.main a{
    color : #afb6cb;
}
.lnb ul li a{ color :#afb6cb;; }
.footer-twitter-link, .footer-facebook-link{ background-size: cover; }
.footer-twitter-link:hover, .footer-facebook-link:hover{ background-size: cover; }

div.page-content, div.menu-box ul.menu-box li, div.header div.header-cite, div.widget ul.category-list li, div.single-post div.post-tag li a, ul.blog-post-list li div.post-tag li a, div.single-post div.post-tag li span, ul.blog-post-list li div.post-tag li span, div.blog-pagination a, div.blog-pagination span, div.comment-pagination a, div.comment-pagination span, div.widget ul.menu-box-widget li a, div.testimonial-carousel-pagination a, div.carousel-pagination a, div.single-post div.post-info div.post-info-bar, ul.company-info li, form input, form select, form textarea, ul.testimonial-list li, ul.gallery-filter-menu li a, ul.blog-post-list li div.post-info div.post-info-bar, ul.pricing-list li, ul.sf-menu>li>a, .theme-tab.ui-tabs>.ui-tabs-panel, .theme-tab.ui-tabs>ul>li.ui-state-active, .theme-tab.ui-tabs>ul>li.ui-state-default, #comments_list>ul>li .comment-avatar, #comments_list>ul>li .comment-infobar, #respond {
    border-color: #0e3b64;
}