/* 상단 레이아웃 */
#hd {z-index:99999;position:relative;width:100%;min-width:1116px;border-bottom:1px solid #e0e0e0;}
.top_numWrap { width:100%;background:#1b4e9a;}
.top_numWrap .top_num { width:1116px;margin:0 auto;overflow:hidden}



.top_numWrap .top_num ul { float:right;font-size:15px;}
.top_numWrap .top_num ul li { float:left;color:#fff;padding: 8px 21px;font-weight:600}
.top_numWrap .top_num ul li:nth-child(1){background: #142b50;}
.top_numWrap .top_num ul li:nth-child(3){background: #0086cd;}
.top_numWrap .top_num ul li a { color:#fff}
.top_numWrap .top_num ul li a:hover { text-decoration:none;}
.top_numWrap .top_num ul li em { font-style:normal;padding:0 5px;}
.top_numWrap .top_num ul li span {color:#9cffff;font-weight:600;margin-right:5px;}


.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;;padding:0;width:1116px;margin:0 auto;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0}



/* 탑메뉴 */
.gnb1 { margin: 0; padding: 0; }
.gnb1 li {float: left; list-style:none; position: relative; padding: 26px 17px;}
.gnb1 li:hover { background: none; }
.gnb1 li:hover>a { color: #a9ccff;}
.gnb1 a {color: white; display: block; padding: 10px 20px; text-decoration: none;  text-align: center;}
.gnb1 ul { background: #fff; border: 1px solid silver; display: none; padding: 10px 0; position: absolute; left: 0; top: 90%; width: 180px; border-radius: 3px;}
.gnb1 ul li { float: none; padding: 5px 0;}
.gnb1 ul li a {padding: 3px 20px;}
.gnb1 .gnb1_01 {width: 119px; left: -2px;}
.gnb1 .gnb1_02 {width: 220px; left: -47px;}
.gnb1 .gnb1_03 {width: 147px; left: -13px;}
.gnb1 .gnb1_04 {width: 200px; left: -45px;}
.gnb1 .gnb1_05 {width: 223px; left: -58px;}
.gnb1 .gnb1_06 {width: 185px; left: -15px;}
.gnb1 .gnb1_07 {width: 148px;}


.gnb1 ul li:hover { color: #ddd; }
.gnb1 ul li:hover a { color: #233857; font-weight: bold;}
.gnb1 ul a { color: black;  font-size: 14px !important; color: #666; text-align: left;}
/*.gnb1 ul ul { left: 100%; top: 0; }
.gnb1 ul ul li {float:left; margin-right:10px;}*/


/* hd */
#header_body { width:100%;position:relative;height:125px;}
#realHeader{height:93px;position:relative; z-index: 1; background-color: #0d1b30;}
#headerWrap{width: 100%; margin: 0 auto; height:125px; background:#fff; opacity: 0.96;position:absolute;border-bottom:1px solid #bbb;}
#headerWrap .cl_right {position: absolute; right: 0; width: 50%; height:125px; background: #233857; z-index: 10;}
#header>#gnb00>li{float:left;text-align:center; padding: 39px 20px 40px; }
#header>#gnb00 li>a:hover {color: #103072; font-weight: bold;}
#header>#gnb00>li>ul{width:100px; position:absolute;left:0;top: 90px;background:#fff; padding: 20px 0 5px 0; display:none; height: 250px; }		
#header>#gnb00>li>ul.on {background:#fff; }
#header #gnb00 li.m1 ul{left:-5px; width: 80px;}
#header #gnb00 li.m2 ul{left:75px; width: 120px;}
#header #gnb00 li.m3 ul{left: 210px; width: 130px;}
/*#header #gnb00 li.m4 ul{left: 270px; width: 105px;}
#header #gnb00 li.m5 ul{left: 370px; width: 105px;}*/
#header #gnb00 li.m6 ul{left: 340px; width: 90px;}
#header #gnb00 li.m7 ul{left: 440px; width: 150px;}	
#header #gnb00 li.m8 ul{left:600px; width: 100px;}	
#header>#gnb00>li>ul>li{padding:0 5px;}
#header>#gnb00>li>ul>li>a {display:block; padding: 6px 0; font-size:13px; color: #333; letter-spacing: -1px;}
#header>#gnb00>li>ul>li>a:hover {color: #103072; font-weight:: bold;}  
#header>#gnb00>li>ul li.mn a {color: #333 !important; font-weight:600; border-bottom: 2px solid #333; font-size: 16px; margin: 0 0 5px 0;}

#header{width: 1116px; margin: 0 auto; z-index:30;height:93px; color: #000; z-index: 100;}
#header .logo {display: inline; float: left; padding: 25px 0 0 0; margin-left: 10px;}
#gnb00 {position: relative; float:right; margin-left: 15px;background-color: #fff; z-index: 100;margin-top:18px !important;}
#header .bg_slash {position: absolute; top: 0; left: 226px; width: 50px; height:93px; background: no-repeat url(../img/top_bg.png);}
#gnb00 li{}
#gnb00 li>a{display:block; position: relative; font-size:18px; text-decoration:none; color: #000;letter-spacing:-0.08em;}





/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:100%;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {z-index:4;position:relative;width:100%;min-height:500px;height:auto !important;height:500px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}


/* 하단 레이아웃 */

.footerWrap { width:100%;background: #6d6d6d;}
.footerWrap .footer { width:1116px;margin:0 auto;overflow:hidden;}
.footerWrap .footer .footer_txt {font-size:13px;color:#fff;line-height:1.5em;text-align: center;padding:28px 0;}

.footerinfo { background:#dedede;}
.bottom_info { width:1116px;margin:0 auto;padding:30px 0}
.footerinfo ul { padding:0;margin:0;list-style:none;overflow:hidden;}
.footerinfo ul li { float:left;}
.info_box { width:372px;padding-left: 78px;box-sizing: border-box;}
.info_box span { font-size:17px;color:#6c6a68; letter-spacing:-0.05em;font-weight:600;display:block;margin-bottom:10px;}
.info_box p { font-size:15px;color:#6c6a68;letter-spacing:-0.05em;}
.info_box a:hover, .info_box a:active { text-decoration:none;}
.info_box a:visited { text-decoration:none;}

.infoico01 { background:url(/img/index/bottom_icon01.jpg) no-repeat 0 0}
.infoico02 { background:url(/img/index/bottom_icon02.jpg) no-repeat 0 0}
.infoico03 { background:url(/img/index/bottom_icon03.jpg) no-repeat 0 0}




#main_sms td{position: absolute; right: 0;}
.sms_td01 {right: 336px !important; top: 63px;}
.sms_td02 {right: 336px !important; top: 65px;}
.sms_td03 {right: 135px !important; top: 15px;}



/*main_contWrap*/
.main_contWrap { width:100%;background:#fff;padding:70px 0 40px;}
.main_contWrap .main_cont{ width:1116px;margin:0 auto;overflow:hidden;}
.main_cont .main_int{overflow:hidden;}
.main_cont .main_int a {float:left; width:369px;padding-left: 4px;}
.main_cont .main_int a:first-child{padding-left: 0px;}
.main_cont .main_int a:nth-child(4){padding-left: 0px;}
.main_cont .main_int a:nth-child(5){padding-left: 5px;}
.main_cont .main_int a:nth-child(4), .main_cont .main_int a:nth-child(5){width:555px; padding-top:7px;}



.infoWrap {width:100%;}
.infocont {width:1116px;margin:0 auto;overflow:hidden;box-sizing:border-box;padding-bottom:55px;}
.infocont .info_txt{padding:0 0 30px;}

.board_wrap {width: 1116px; margin: 30px auto; overflow: hidden;}

/* 승소사례 */
.lt {float: left; width: 740px; height: 330px; border: 1px solid #dfdfdf; border-radius: 2%; overflow: hidden;}
.lt .lt_title {padding: 20px 18px; background: #164f9c; border-radius: 5px 5px 0 0;}
.lt .lt_title a{font-size: 22px; color: #fff;}
.lt ul { padding: 20px 20px !important; font-size: 15px;}
.lt ul li {padding: 0;background:#fff;opacity:0.7;margin-bottom:4px;}
.lt ul li a { line-height:2.7em;padding-left:10px;}
.lt ul .cent_date2 { color: #282e40; float: right; font-size: 14px;font-weight: bold; letter-spacing: -0.05em;}
.lt .lt_more{top: 24px; right: 21px;}
.lt .lt_more a{color: #fff; font-size: 15px;}



/* 상담신청 */
.online_form {position:relative; float:right; width: 365px; background: #3d418a; border-radius: 2%; padding: 0 0 50px 0;height:290px;}
.online_title {letter-spacing: -1px; font-weight: bold;}
.online_name {font-size: 25px; color:#fff; padding: 15px 0 0 20px; margin: 0; display: block;}
.online_title .online_txt { font-size:15px; color:#c5c6dc;display:block; padding-left: 20px;  margin-bottom:11px;letter-spacing:0.02em;line-height:1.3em;margin-top:5px;}
.form_wrap { width: 80%; margin: 0 auto; padding: 26px 20px; background: #fff; border-radius: 2% 2% 0 0;}

.online_form input {width: 120px; background:#fff; border:1px solid #e6e6e6; font-size:13px;color:#9c9c9c; padding:6px 11px; margin: 0 6px 6px 0;}
.online_form label { font-size:12px;color:#8d8e91;letter-spacing: -2px; }
.online_form input[type=checkbox] { width:18px;height:18px;border:1px solid #222;padding:0;background:none;}
.online_form textarea { background:#fff; border:1px solid #e6e6e6; font-size:13px; color:#9c9c9c; padding:6px 11px; width:292px;height:59px; box-sizing:border-box; }

.submit_btn {position: absolute; left: 0; bottom: 0;width: 100%; background: #5a5552; border-radius: 0 0 5px 5px; }
.submit_btn button {width: 100%; background:#5a5552;  border: none; color:#fff; padding: 5px 22px; font-size: 15px;font-family: '맑은 고딕','Malgun Gothic'; cursor:pointer; }


/* 사이드상담신청 */
.side_area .online_form {float: left; width: 240px; margin-top: 15px;}
.side_area .online_name {padding: 15px 0 0 15px;}
.side_area .online_title .online_txt {padding:0 15px;}
.side_area .form_wrap {width: 85%; padding: 10px;}
.side_area .online_form input {width: 74px;}
.side_area .online_form .hp input {width:178px;}
.side_area .online_form input[type=checkbox] {width:18px; margin: 0 2px 2px 0;}
.side_area .online_form textarea {width: 202px;}


/*page_content*/
.page_content { padding-bottom:100px;}


/* //////////// 서브 레이아웃 영역 ///////////// */
#subWrap { padding-top:30px;}
.sub_inner {width:1116px;margin:0 auto;border-width:0 1px;min-height:825px;overflow:hidden;}
.sub_inner .side_area {float:left;width:240px;}
.sub_inner .content_area {float:left;width:825px; margin: 30px 0 20px 0; padding:0 0 0 49px;min-height:500px;}
.sub_inner .infoTable { border-collapse:collapse;word-wrap :break-word; width:100%; border-top:2px solid #f5c815; border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
.sub_inner .infoTable th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:10px; color:#345cce; }
.sub_inner .infoTable td { font-size:13px; padding:10px;border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; line-height:16px;}
.sub_inner .infoTxt { color:#555; line-height:24px; font-size:13px;}
.sub_cont strong { color:#d96a19; background:url(/img/bull.png) no-repeat 0% 50%; font-size:16px; padding-left:12px; margin-bottom: 5px;display: inline-block; }
.subArea { margin-bottom: 20px;}
.subArea h3 { color:#2550cb;font-size:15px;}


 
/* 사이드 네비 */
#snb .tit_box, #snb .tit_box_2 , #snb .tit_box_3{width:240px;height:150px;overflow:hidden;padding:0 20px; box-sizing:border-box;color: #fff;text-align:center; background: url(/img/sub/sidebar_bg.jpg) no-repeat 0 0;}
#snb .tit_box_2, #snb .tit_box_3 { height:140px;padding:0 20px;}
#snb .tit_box h2, #snb .tit_box_2 h2, #snb .tit_box_3 h2 {font-size: 21px; padding: 85px 0 4px; letter-spacing: -0.05em; font-weight: bold;color: #5eb7eb;}
#snb .tit_box_2 h2 { font-size:20px;}
#snb .tit_box h3, #snb .tit_box_2 h3, #snb .tit_box_3 h3 { font-size:20px;color:#bbd9ff;letter-spacing:-0.07em;}
#snb .tit_box_2 h3 { font-size:13px;}

#snb .tit_box span {display:block;color:#a44182;font-size:12px;}
#snb > ul { padding: 0; margin: 0;}
#snb > ul > li {border-bottom:1px solid #e2e2e2;list-style:none;}
#snb > ul > li > a {display:block; padding:15px; font-size:16px; text-decoration:none; letter-spacing: -2px;}
#snb > ul > li.on > a {background:#dddddd url(/img/sub/side_on.png) no-repeat 196px center; color:#4c4c4c; font-weight: bold;}
#snb > ul > li > a:hover {background:#dddddd url(/img/sub/side_on.png) no-repeat 196px center; color:#4c4c4c;}
.heading {border-bottom:1px solid #dedede;margin-bottom:30px;padding-bottom:15px;overflow:hidden}
.heading h2 {float: left; font-size:33px; color:#444444; margin-top: 0; margin-bottom: 0;}
.heading .txt_box {float:left}
.heading .txt_box p {padding-top:5px;color:#999}
.location {float:right;margin-top: 26px;color:#666;font-size: 14px;}
.location a {color:#666;}
.location a:link {color:#666;}
.location li.fb {color:#8e3871}
.location li:before {content:'> ';font-weight:normal;color:#999;padding:0 4px}
.location li:first-child:before {content:'';padding:0;}
#container_title { display:none;}

/*side_sms*/
.side_online { background:url(/img/sub/online_bg.jpg) no-repeat 0 0; width:240px;height:373px;box-sizing:border-box;    padding: 128px 15px 0;position:relative;}
.side_online input { height:36px;margin-bottom:6px;box-sizing:border-box;border:1px solid #7c7c7c;padding-left:5px;}
.side_online input.side_width { width:104px;}
.side_online input.side_width_long { width:210px;}
.side_margin { margin-right:3px;}
.side_online .tx { width:210px;box-sizing:border-box;height: 70px;}
.side_online .agree { color:#fff;font-size:12px;font-weight:bold;}

.side_benner { margin-top:7px;}

.img_margin { margin-bottom:50px;}
.add_marign { margin-top:20px;}

#bo_v_table { display:none;}




/*sub*/
.page_content .info_area { display:block; margin-top:40px; padding-left:38px; background:url('/img/sub/sub01_3.jpg') no-repeat left top; }
.page_content .info_area p { display:block; line-height:26px; margin:0 0 20px; font-size:16px; color:#666; }
.page_content .info_area p .txt { display:inline-block; width:110px; font-weight:bold; color:#444; }


h4.sub_title { display:block; margin-bottom:35px; padding-top:5px; font-size:27px; font-weight:bold; color:#333; background:url('/img/sub/h4_bar.jpg') no-repeat left top; }

.imp_txt > p{ display:block; line-height:24px; margin-bottom:55px; font-size:18px; color:#444; letter-spacing:-0.1px;}
.imp_txt p span{ height:30px; line-height:30px; font-size:18px; font-weight:bold; color:#fff; text-align:center; background:#052452; border:1px solid #052452;padding: 8px 15px;}


.summary_box_cnt { display:block; width:700px;margin:0 auto;padding-bottom: 40px;}
.title { display:block;  height:55px; line-height:55px; font-size:18px; font-weight:bold; color:#fff; text-align:center; background:#052452; border:1px solid #052452; border-radius:5px 5px 0 0; }
.num_list_box {display: block;padding: 15px 20px 15px 20px; background: #f5f5f5;border: 1px solid #dbdbdb;border-top: none;font-size: 17px; line-height: 23px;}
.num_list_box .blet{padding-left:9px;background:url('/img/sub/bar.jpg') no-repeat left 12px;}



.table_outline { display:block; padding-bottom: 45px;}
.table_outline table { width:100%; margin-top:5px; border-collapse:collapse; border-spacing:0; border-top:2px solid #052452; }
.table_outline table th, .table_outline table td { padding:17px 15px; font-size:16px; text-align:center; border:1px solid #dbdbdb; }
.table_outline table th { font-size:16px; font-weight:bold; color:#444; background:#f5f5f5; }
.table_outline table td { color:#666; }
.table_outline table td.bg { font-weight:bold; color:#444; background:#f5f5f5; }
.table_outline table tbody td.last_txt { text-align:center;}


.list_area { display:block; margin-top:20px; }
.list_area:after { display:block; content:''; clear:both; }
.list_area dl {display:block;width:600px;height:80px;margin: 0 0 10px;padding-left: 120px;}
.list_area dl dt { line-height:76px; font-size:18px; font-weight:bold; color:#444; }

.list_area dl.bg1 { background:url('/img/sub/sub04_2_1.png') no-repeat left top; }
.list_area dl.bg2 { background:url('/img/sub/sub04_2_2.png') no-repeat left top; }
.list_area dl.bg3 { background:url('/img/sub/sub04_2_3.png') no-repeat left top; }
.list_area dl.bg4 { background:url('/img/sub/sub04_2_4.png') no-repeat left top; }


/* quick */
#quick{position:fixed;top:162px;right:0; z-index:30;width:100px;background:#f6f7f8;text-align:center;border: 1px solid #ddd;border-top: 0;}
#quick a{display:block;height:100%;padding-top:15px;text-decoration:none}
#quick a p{padding-top: 2px;}
#quick div a{padding-top:0}
#quick h2{font-size:12px;padding:47px 0 0;}
#quick h2 > em{font-style:normal;letter-spacing:-1px;color:#3f73ff}
#quick > ul{border-bottom: 1px solid #ddd;}
#quick ul{margin-right:-1px;}
#quick ul li ul li{border-top:1px solid #ddd;border-right:1px solid #ddd;height:88px;font-weight:600}
#quick .arrow a{width:25px;margin:0 auto}
[class^=quick_arrow]{display:block;width:26px;height:22px;margin:5px;background:url(/img/index/Q_icon05.jpg) no-repeat}
.quick_arrow_top{background-position:0 0;}
.quick_arrow_bottom{width:16px;height:23px;background-position:100%;background-size:100% auto}

[class^=icon_],
.bx-controls-direction a{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align:middle;text-indent:-1000em}
.fa-flip-horizontal{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);
}
.icon_quick{width:44px;height:36px;background:url(/img/index/Q_icon01.jpg)}
.icon_quick2{width:54px;height:37px;background:url(/img/index/Q_icon02.jpg)}
.icon_quick3{width:34px;height:42px;background:url(/img/index/Q_icon03.jpg)}
.icon_quick4{width:31px;height:44px;background:url(/img/index/Q_icon04.jpg)}


.sub01_2_bottom{overflow:hidden;}
.sub01_2_bottom img{float: left;}

.page_wrap h1{font-size:30px; font-weight:700; color:#252525; line-height:1.2; margin-bottom:10px; letter-spacing:-0.1em}
.page_wrap .nvcolor{color:#2b5cb4}
.page_wrap .stitle{padding-left: 35px;padding-bottom: 20px;font-size: 26px;color: #111215;font-weight: 500;background: url('/img/sub/stitle.png') no-repeat 5px 7px;}
.page_wrap .stext{margin-bottom: 45px;font-size: 18px;color: #555555;}
.page_wrap .sbox{display: block;padding: 15px 20px 15px 20px; background: #f5f5f5;border: 1px solid #dbdbdb;font-size: 17px; line-height: 23px;}
.subleftimg{padding-left: 290px;}
.subrightimg{padding-right: 290px;}
.subright3020{background: url('/img/sub/sub03_2_01.jpg') right -9px no-repeat;}
.subleft3030{background: url('/img/sub/sub03_3_01.jpg') left 8px no-repeat;}
.subleft3040{background: url('/img/sub/sub03_4_01.jpg') left 34px no-repeat;}
.subleft4010{background: url('/img/sub/sub04_1_01.jpg') left 30px no-repeat;}
.subleft4020{background: url('/img/sub/sub04_2_01.jpg') left 8px no-repeat;}
.subleft4030{background: url('/img/sub/sub04_3_01.jpg') left 19px no-repeat;}
.subright5010{background: url('/img/sub/sub05_1_01.jpg') right 3px no-repeat;}
.subleft5010{background: url('/img/sub/sub05_1_02.jpg') left 0 no-repeat;}
.subleft6010{background: url('/img/sub/sub06_1_01.jpg') left 0 no-repeat;}
.subright6020{background: url('/img/sub/sub06_2_01.jpg') right 10px no-repeat;}


/*서브 성공사례*/
.page_content .page_wrap .lt{width:825px;border-radius:0;margin-top: 20px;}
.page_content .page_wrap .lt_title{background: url('/img/sub/sub_success_title.jpg');text-indent: -5000px;overflow: hidden; padding: 25px 18px; border-bottom: 1px solid #ddd;border-radius:0;}
.page_content .page_wrap .lt .lt_more{top: 29px;}
.page_content .page_wrap .lt .lt_more a {background: url('/img/sub/sub_success_more.png')no-repeat;text-indent: -5000px;    background-size: 100%;overflow: hidden;padding: 7px 16px;color:#101c4b;}