@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

#sub_wrap:after {content:''; display:block; clear:both;}
#sub_wrap {position:relative; margin:40px auto 0;}

.left_menu {
    float:left;
    width:200px;
}
.leftMenu {border:1px solid #ddd;}
.leftMenu>li {
    border-bottom:1px solid #ddd;
    width:200px;
    min-height:40px;   
}
.leftMenu>li>ul {
    margin-left:40px;
}
.leftMenu>li>ul>li {
    width:110px;
    padding:6px 0 6px 10px;
    border-top:solid 1px #cfe8ef;
}
.leftMenu>li>ul>li:first-child {
    border-top:none;
}
.leftMenu>li>ul>li a {
    color:#7b7b7b;
}
.leftMenu>li>ul>li.on {
    background:#22bcf2;
    color:#fff;
}
.leftMenu>li>ul>li.on a{
    color:#fff;
}

.leftMenu>li:last-child {border-bottom:0;}
.leftMenu>li>a:link,
.leftMenu>li>a:visited {
    display:block;
    width:200px;
    height:40px;
    line-height:40px;
    color:#7b7b7b;
    font-size:1.2em;
    font-weight:bold;
    text-indent:5px;
}

.leftMenu>li>a:hover,
.leftMenu>li>a:focus,
.leftMenu>li.on>a {
    color:#fff;
    background:#22bcf2;
}

.field{
    /*background-color:#ddd;*/
    float:right;
    width:950px;
    margin-left:50px;
    /*padding:50px 0 10px 15px;*/
}

.field>h3.h3Title {
    font-size:2.5em;
    font-weight:bold;
    padding-bottom:5px;
    border-bottom:1px solid #777777;
    color:#777777;
}
h3.provisionTitle {
    margin:0 auto;
    width:950px;
    font-size:2em;
    padding:30px 0 10px;
    font-weight:bold;
}
.provision_box {
    box-sizing:border-box;
    width:950px;
    margin:0 auto;
    height:200px;
    overflow-y:scroll;
    padding:40px 20px;
    font-size:1.3em;
    border-top:2px solid #7b7b7b;
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.provision_box>p {font-weight:bold;}
/* 왼쪽 타이틀 부분 */
.left_title {
    width:200px;
    float:left
}

.left_title>h2 {
    width:200px;
    height:100px;
    line-height:100px;
    background:#22bcf2;
    color:#fff;
    font-size:2em;
    text-align:center;
}


/* 서브하단 상담바로하기 css */
.bottomBox {width:1200px; height:170px; margin:40px auto 0; background:#483030;}
.b_quickWrap {
    box-sizing:border-box;
    width:800px;
    height:170px;
    padding-top:30px;
    padding-left:30px;
}
.formBox {color:#fff; font-size:1.2em;}
.formBox input {
    height:25px;
    color:#000;
}
.formBox>p {padding-bottom:12px;}
.formBox input.nameBox {width:150px;}

.formBox input.nuBox {
    width:88px;
}

.formBox input.mailBox {width:290px;}
.formBox select {width:125px; height:25px; color:#000; margin-left:13px;}

.b_quickWrap>.textBox {margin-left:20px;}
.b_quickWrap>.textBox textarea {width:194px; height:100px; text-align:left;}
.btn_wrap {margin-left:20px;}
.btn_wrap>a {
    display:block;
    width:150px;
    height:100px;
    line-height:100px;
    text-align:center;
    color:#000;
    background-color:#eaeaea;
}
.formBox>p.last {padding-bottom:0; height:15px; line-height:15px;}
.formBox>p.last>a.moreBtn {color:#f2e056;}
.formBox>p.last>input { width:15px; height:15px; vertical-align: middle; font-weight:bold;}