#lnb {margin-top: 100px;height:60px ;background: #f8f8f8;border-bottom:1px solid #d9d9d9;z-index:98;position: relative;}
#lnb .btnHome {float: left;width: 60px;height: 60px;line-height: 60px;font-size: 20px;}
#lnb .depth01 {float: left;position: relative;padding-left: 30px;background: url("../images/contents/ico_arr.gif")no-repeat 0 50%;}
#lnb .depth02 {margin-left: -1px;float: left;position: relative;padding-left: 30px;background: url("../images/contents/ico_arr.gif")no-repeat 0 50%;}

#lnb .depth01 > a , #lnb .depth02 > a {display: block; width: 200px; height: 60px; line-height: 60px; font-size: 18px; font-weight: 500; background: url("../images/contents/ico_gray_down.gif") no-repeat 160px 50%;}
#lnb .depth01 ul , #lnb .depth02 ul {background: #fff;display: none;left: 0;width: 100%;position: absolute; top: 60px;border:1px solid #d9d9d9;padding: 20px;}
#lnb .depth01 ul a , #lnb .depth02 ul a {display: block;padding: 10px 20px;}
#lnb .depth01 ul a:hover , #lnb .depth02 ul a:hover {background: #f8f8f8;}


#subContents {min-height:900px; font-size:17px;}
#subContents .contentsTitle .desc br {content:"";}
#subContents .contentsTitle {padding: 70px 0 40px;/*border-bottom: 1px solid #d9d9d9;*/background-repeat:no-repeat;background-position: 95% 50%; background-image: url("../images/contents/sub01_top.jpg");}
#subContents .contentsTitle h2 {font-size: 36px ;font-weight: 700; color: #fff;margin-bottom: 10px; /*padding-left:20px;*/ text-align:center;}
#subContents .contentsTitle p {font-size: 30px;font-weight: 500; color:#fff; text-align:center;}
#subContents .gtBg {/*background-image: url("../images/contents/gt.png");*/}
#subContents.ci .contentsTitle {background-image: url("../images/contents/bg_w_ci_title.gif");}



#subContents .ocBg {background: url("../images/contents/oc.png")no-repeat;}

.tab {margin: 80px 0 30px;}
.tab li {width: 50%;float: left;}
.tab li a {text-align: center;display: block;height: 60px;line-height:60px;background: #f8f8f8; font-size: 20px;font-weight: 700;border:1px solid #d9d9d9;border-bottom: 1px solid #0081cb;}
.tab li.on a {background: #0081cb;color: #fff;border-color:#0081cb;}
.tab.tabFix {position: fixed;top:0; width: 1240px;margin-top: 100px;}
.tab.tabFix + .mainCi {margin-top:  170px;}

.mainCi {margin-top: 30px;}
.mainCi p {font-size: 18px; color: #666; font-weight: 700;}
.mainCi .mainCiBox {margin-top: 20px;}
.mainCi .mainCiBox .imgBox {float: left;}
.mainCi .mainCiBox .desc {float: right;width: 470px;}
.mainCi .mainCiBox .desc li {margin-bottom: 20px;}
.mainCi .mainCiBox .desc li .num {font-weight: 700;color: #69f;}
.mainCi .mainCiBox .desc .btns {margin-top: 40px;}
.mainCi .mainCiBox .desc .btns a {display: block;float: left;width: 31.33%;padding: 10px 0;text-align: center;border:1px solid #d9d9d9;margin: 0 1%;}
.mainCi .mainCiBox .desc .btns a i {margin-left: 10px;}
.mainCi .mainCiBox .desc .btns a:hover {color: #fff;background: #39f;border-color: #39f;}

#subContents h3 {font-size: 24px; font-weight: 700; margin: 80px 0 30px; padding-left: 30px; background: url("../images/contents/blt_subtitle.gif") no-repeat 0 50%; }

.colorSystem .color {float:left;width:49%;margin-left:2%;}
.colorSystem .color.blue {margin-left:0;}
.colorSystem .color .colorChip {width:50%;height:118px;color:#fff;padding:20px;float:left;}
.colorSystem .color .colorChart {width:50%;height:118px;border:1px solid #d9d9d9;padding:20px;float:left;}
.colorSystem .color.blue  .colorChip {background:url("../images/contents/bg_color_code_blue.jpg");}
.colorSystem .color.orange  .colorChip {background:url("../images/contents/bg_color_code_orange.jpg");}
.colorSystem .color p {margin-top: 10px;}

.signature li {width:33.33%;text-align: center;font-size: 18px;float: left;margin-bottom: 30px;}
.signature img {max-width:100%;}
.signature li figcaption {margin-top: 10px;}

/*서브 진행절차*/
.oc_obj {width:450pt; margin:0pt 20pt; padding:20px; background-color:#efefef; border-radius:10px;}



/*서브하단*/
.sub_bottom {background:url("../images/sub/bottom_img.jpg")no-repeat; overflow:hidden; margin:50px 0 80px 0; width:100%; text-align:center; color:#fff; padding:30px 0 20px;}
.sub_bottom2 {background:url("../images/sub/bottom_img.jpg")no-repeat; overflow:hidden; margin:50px 0 80px 0; width:100%; text-align:center; color:#fff; padding:30px 0 30px;}

/*테이블*/
.test_table {padding-left:13px;}
.test_table th, td {font:나눔고딕;}
.test_table1 {margin-bottom: 50px;}
.test_table1 th, td {padding: 0;vertical-align: middle; font-size:13px;}
.test_th{padding:10px; background-color:#3a4348; color:#fff;border-left:1px solid #fff; border-bottom:1px solid #dddddd; border-right:1px solid #ddd; padding-left:30px; text-align:center;}
.test2 {padding:10px 10px; border-left:1px solid #fff; border-bottom:1px solid #dddddd; border-right:1px solid #ddd; padding-left:30px; text-align:left; font-weight:normal;}
.test1 {padding:10px 10px; border-bottom:1px solid #fff; background-color:#efefef; text-align:center; font-size:15px;}
.test11 {padding:10px 10px; border-bottom:1px solid #fff; background-color:#3a4348; color:#fff; text-align:center; font-size:15px;}
.test3 {padding:10px 10px; border:1px solid #dddddd; padding-left:30px; text-align:center;}
.test4 {padding:10px 10px; border-top:1px solid #ddd; border-bottom:1px solid #dddddd; border-right:1px solid #ddd; padding-left:30px; text-align:left; font-weight:normal;}
.test31 {padding:10px 10px; border:1px solid #dddddd; text-align:center;}
.test41 {padding:10px 10px; border-top:1px solid #ddd; border-bottom:1px solid #dddddd; border-right:1px solid #ddd; text-align:center; font-weight:normal;}
.test5 {padding:10px 0px; border/* -top:1px solid #ddd; border-bottom:1px solid #dddddd; border-right */:1px solid #ddd; text-align:center;}
.test51 {padding:10px 0px; border/* -top:1px solid #ddd; border-bottom:1px solid #dddddd; border-right */:1px solid #ddd; text-align:left; padding-left:1%;}
.test6 {padding:10px 10px; border-bottom:1px solid #fff; background-color:#3a4348; text-align:center; }


.b10 {margin-bottom:10px;}
.b20 {margin-bottom:20px;}
.b30 {margin-bottom:30px;}
.b40 {margin-bottom:40px;}
.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.top30 {margin-top:30px;}
.top40 {margin-top:40px;}
.top50 {margin-top:50px;}




/*서브내용*/
.gt {background: url('../images/sub/widthimg.png')no-repeat;}
.oc_m {font-size: 28px;color: #436980; font-weight:600; line-height:180%;}
.oc_m2 {margin-top:20px; color: #777; font-size:18px;}
.s_page_tit {font-size:30px; margin-top:30px;}
.s_con {padding:0 2%; font-size:17px; line-height:200%;}
.sub_tit2 {padding-left:10px; font-weight:700;}
.font22 {font-weight: 500;font-size: 22px;}
.font24 {font-size:24px; font-weight:500; letter-spacing:1px;}
.list_2 {padding-left:2%;}

/*손가락타이틀*/
.sub2_icon {font-size: 24px;color: #3a4348; padding-right:10px;} 
.sub2_tit {font-size: 24px; font-weight:500;}

/*리스트*/
.oc2_list {background-color:#fff; width:213px; display:block; text-align:center; float:left; margin-right:1%;margin-bottom:1%; padding:30px 0; border-radius:10px; height:360px;}
.oc2_list2 {background-color:#fff; width:213px; display:block; text-align:center; float:left; padding:30px 0; border-radius:10px; height:360px;}

.list12 {background-color:#fff; width:350px; display:block; float:left; margin-right:11px;margin-bottom:1%; padding:0 0 30px; border-radius:10px; }
.list122 {background-color:#fff; width:350px; display:block; float:left; margin-bottom:1%; padding:0 0 30px; border-radius:10px; }
.list_tit {background-color:#436980; padding:15px 0; border-radius:10px 10px 0 0;}
.list_tit p {font-size:22px; font-weight:600; color:#fff; text-align:center; }
.f_add{font-size:16px;}

/*서브바텀문구*/
.b_tit01 {border-top:1px solid #fff; border-bottom:1px solid #fff; padding:5px 0; font-size:16px;}
.b_tit02 {font-size:36px; line-height:200%;}
.b_tit03 {font-size:16px;}
.b_tit04 {font-size:14px;}
.b_tit21 {font-size:24px;}
.b_tit23 {font-size:18px;}
.b_tit31 {font-size:24px;}
.b_tit32 {font-size:32px; font-weight:600;}
.b_tit33 {font-size:18px;}
.b_tit34 {font-size:14px; padding-bottom:10px}


.fz30 {font-size: 30px;font-weight: 600}



/* 미디어쿼리 ie8지원X, responsive.js로 구동가능하게 할 수 있음 */
@media all and (max-width:1240px) {
   #lnb {background: #424b4f;text-align: center;}
   #lnb .btnHome {display: none;}
   #lnb .depth01 {display: none;}
   #lnb .depth02 {background: none;float:none;width:100%;}
   #lnb .depth02 ul a {padding: 15px 0;border-bottom: 1px solid #d9d9d9;}
   #lnb .depth02 > a {width:100%;color: #fff;background: none;}
   .mainCi .maniCiBox {width:730px; margin: auto;}
   .mainCi .maniCiBox .imgBox {float: none;text-align: center;}
   .mainCi .maniCiBox .desc {float: none;margin-top: 30px;}
   .signature li {width:50%; padding: 0 10px;}
   .gnbList .divInline {display: inline;}

   

}



@media all and (max-width:768px) {
   #lnb {margin-top: 60px;}
   #subContents {padding: 0 20px;}
   /*#subContents .contentsTitle {padding: 70px 0 40px; border-bottom: 1px solid #d9d9d9; background-repeat:no-repeat;background-position: 95% 50%; background-image: url("../images/contents/sub01_top.jpg");}*/
   #subContents .contentsTitle h2 {font-size: 30px ;font-weight: 700; color: #333;margin:10px 0  10px; padding-left:20px; text-align:center;}
   #subContents .contentsTitle p {font-size: 22px;font-weight: 500; color:#333; text-align:center;}
   #subContents .contentsTitle {padding:30px 0 0;background-size:30%; background:#fff; border-bottom: 1px solid #d9d9d9; margin-bottom:50px;}
   /*#subContents .contentsTitle h2 {font-size: 24px;}*/
   #subContents .contentsTitle .desc br {display: block;}

   .gt {background: none;}
   .s_page_tit {font-size:26px; margin-top:0;}
   .font22 {font-weight: 500;font-size: 20px;}


   .tab {margin: 30px 0 20px;}
   .mainCi .mainCiBox {width: 100%;}
   .mainCi .mainCiBox .desc {width:100%;}
   .mainCi .mainCiBox .desc .btns a span {display: none;}

   .colorSystem .color {float:none;width:100%;margin-left:0;}
   .colorSystem .color.orange {margin-top:40px;}
   .colorSystem .color .colorChip {width:100%;}
   .colorSystem .color .colorChart {width:100%;}
   .colorSystem .color.blue  .colorChip {background:url("../images/contents/bg_color_code_blue.jpg") no-repeat 0 /cover;}
   .colorSystem .color.orange  .colorChip {background:url("../images/contents/bg_color_code_orange.jpg") no-repeat 0 /cover;}   
   .signature li {width:100%; padding: 0;}
   .oc_obj{width:90%; margin:10pt 20pt; padding:20px; background-color:#efefef; border-radius:10px;}
   .sub12Div img {width: 100%;}
   .f_add{font-size:16px;}
}

@media all and (max-width:490px) {
.sub_bottom {margin-top:20px; width:100%; text-align:center;}
.sub_bottom img{width:100%;}
.sub12Div img {width: 100%;}

.font22 {font-weight: 500;font-size: 17px;}
.font24 {font-size:20px; font-weight:500; letter-spacing:1px;}
.oc_m {font-size: 24px;color: #436980; font-weight:600; line-height:180%;}
.oc_m2 {margin-top:20px; font-size:15px;}

.b_tit31 {font-size:20px;}
.b_tit32 {font-size:24px; font-weight:600;}


.b_tit21 {font-size:18px;}
.b_tit23 {font-size:16px;}

.sub2_icon {font-size: 22px;color: #3a4348; padding-right:10px;} 
.sub2_tit {font-size: 22px; font-weight:500;}
.oc2_list {background-color:#fff; width:100%; display:block; text-align:center; float:left; margin-bottom:1%; padding:30px 0; border-radius:10px; }
.oc2_list2 {background-color:#fff; width:100%; display:block; text-align:center; float:left; padding:30px 0; border-radius:10px;}
.f_add{font-size:14px;}
.fz30 {font-size: 20px;font-weight: 600}

}