@charset "utf-8";

/* align, float */
.al_l { text-align:left!important; }
.al_c { text-align:center!important; }
.al_r { text-align:right!important; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

/* hidden */
.hidden {text-indent:-9999em; display:absolute;}

/* display */
.inblock { display:inline-block; }
.none { display:none!important; }
.block {display:block!important;}
.hide { overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-999999px; }
.bgn { background:none!important; }
.bdn { border:none!important; }

/* table */
.tbl-fixed { table-layout:fixed; }

/* input, form */
input[type="text"], input[type="password"] { height:30px; padding:2px 5px; color:#333; line-height:20px; background:#fff; border:1px solid #ccc; box-sizing:border-box;  }
input[type="radio"] { width:16px; height:16px; vertical-align:middle; }
input[type="checkbox"] { width:15px; height:15px; margin:-1px 2px 0 0; vertical-align:middle; }
input[type="image"] { border:none; }
input[type="file"] { height:30px; line-height:28px; background:#fff; border:1px solid #ccc; }
select { height:34px; padding:3px; color:#333; border:1px solid #ccc;  box-sizing:border-box; }
textarea { padding:4px; border:1px solid #ccc; box-sizing:border-box;  }

/* margin, padding */
.pd0 { padding:0!important; }
.mg0 { margin:0!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.pb10 { padding-bottom:10px !important;}

/* width */
.w100 { width:100px !important;}
.w150 { width:150px !important;}
.w200 { width:200px !important;}
.w300 { width:300px !important;}
.w400 { width:400px !important;}	


/*
#gnb .gnb_inner h1,
#gnb .gnb_inner h1 img {-webkit-transition: .3s; transition: .3s;}
.pVer,
.mVer,
#contents .toptitle h3,
#contents .toptitle #location,
#m-container #mvisualArea>*,
#container #contents*/

/* layout */
#skipNavi {width:100%; z-index:1;}
#skipNavi a {display:block; padding:0px; height:0px; overflow:hidden; color:#fff; text-align:center;}
#skipNavi a:hover, #skipNavi a:focus, #skipNavi a:active {background:#105ecf; height:auto; padding:10px;font-weight:bold;}
#skipNavi ul.skip_list{width: 0px; height: 0px; overflow: hidden;}
div.returnskip {visibility:hidden;height:0;font-size:0;line-height:0;text-indent:-5000px;}

#wrap { min-width:320px; position:relative; }
#header {width:100%; }
#gnb {position:relative; height:100px; min-width:1200px}
#gnb .gnb_inner {width:1220px; margin:0 auto; height:90px; text-align:center; }
#gnb .gnb_inner h1 { float:left; margin-right:150px; padding-top:17px; } 
#gnb .gnb_inner h1 a { display:block; width:110px; height:63px;  background:url(../images/common/h1.png) 0 0 no-repeat; background-size:110px 63px;}
 
#topMenu{overflow:hidden; float:left; width:850px;  }
#topMenu > li {float:left; min-width:100px; padding:0 20px; line-height:100px;   }
#topMenu > li > a:link,
#topMenu > li > a:visited {display:block; font-size:20px; text-align:center; font-weight:400; color:#333; letter-spacing:-0.05em;  }
#topMenu > li > a:active,
#topMenu > li > a:focus,
#topMenu > li > a:hover, 
#topMenu > li > a.select { color:#1171b9;  }   /* background:url(../images/common/gnb_arw.png) 50% 85% no-repeat; background-size:10px 7px; */
#topMenu li .gnbs-wrap2 {overflow:hidden;position:absolute;top:100px;left:0;width:100%; height:50px; background:#1171b9; z-index:999; display:none; }
#topMenu li .gnbs-wrap2 .gnbs {position:relative;width:1200px;margin:0 auto; }
#topMenu li .gnbs-wrap2 .gnbs .menu { width:1200px; position:absolute; }
#topMenu li .gnbs-wrap2 .gnbs .m1 { top:0; left:210px; }
#topMenu li .gnbs-wrap2 .gnbs .m2 { top:0; left:260px; }
#topMenu li .gnbs-wrap2 .gnbs .m4 { top:0; left:540px; }
#topMenu li .gnbs-wrap2 .gnbs .m5 { top:0; left:700px; }
#topMenu li .gnbs-wrap2 .gnbs .menu a {  float:left; font-size:15px; line-height:50px !important; display:block; margin-right:20px; color:rgba(255,255,255,0.8); }
#topMenu li .gnbs-wrap2 .gnbs .menu a:active,
#topMenu li .gnbs-wrap2 .gnbs .menu a:focus,
#topMenu li .gnbs-wrap2 .gnbs .menu a:hover,
#topMenu li .gnbs-wrap2 .gnbs .menu a.select{ color:rgba(255,255,255,1); font-weight:600;}

/*all menu*/
.all_menu { float:right; width:53px; padding-top:25px;  }
.all_menu a.btn_open { width:53px; height:53px; display:block; position:relative; background:url(../images/common/btn_menu.png) 0 0 no-repeat; background-size:53px 53px; text-indent:-999999px; }
.tt_menu{text-align:left; position:absolute; top:150px;  z-index:9999; width:1200px; background:#fff; display:none; border:1px solid #666; }
.tt_menu .top-tit { background:#444; line-height:50px; padding-bottom:4px; text-align:center; color:#fff; font-weight:600; font-size:18px;}
.tt_menu_ct {margin:0 auto; padding:30px 0 30px 50px; position:relative;}
.tt_menu_ct .mn_list { display:inline-block; width:250px; vertical-align:top; margin-right:35px; margin-bottom:35px;   }
.tt_menu_ct .mn_list dt {height:40px; line-height:40px; font-size:17px; color:#fff; background:#1171b9; font-weight:600; text-align:center; }
.tt_menu_ct .mn_list dd ul { border:1px solid #ccc; border-top:0; box-sizing:border-box; padding:5px 0;}
.tt_menu_ct .mn_list dd ul li a { border:0; padding:2px 20px 2px 20px;  box-sizing:border-box; background:none; font-size:13px; font-weight:600; }
.tt_menu_ct .mn_list dd ul li a:hover { color:#000;}
.tt_menu_ct .mn_list dd a { display:block; font-size:14px; font-weight:600; color:#333; padding:8px 0px 8px 30px; border:1px solid #ccc; border-top:0; box-sizing:border-box; background: url(../images/common/depth4_on.png) 20px 50% no-repeat; }
.tt_menu_ct .mn_list dd a:hover { color:#ff3a25; }
.tt_menu .closeBtn { position: absolute;right: 0; top: 0; color: #fff; display: inline-block; width: 60px; line-height: 54px; text-align: center; background:#333; font-size:20px; }
.m-total,
.m-serch { display:none;}

/* main */	
#container #mvisualArea{width:100%;height:725px; position: relative;}
#container #mvisualArea .vis_img {position:absolute; width:1960px; height:725px; left:50%; margin-left:-980px; }
#vis_con{position:absolute; width:1200px; top:120px; left:50%; margin-left:-600px; z-index:1; text-align:center;}
#vis_con .txt {margin-bottom:40px; }
#vis_con .txt p {font-size:50px; color:#fff; font-weight:600; margin-bottom:13px; line-height:50px;}
#vis_con .txt span  {font-size:28px; color:#fff;  line-height:28px;} /* -webkit-transition: .5s; transition: .5s;  -webkit-transition-timing-function: ease-in ; transition-timing-function: ease-out; */
#vis_con .vcont { width:270px; height:260px; display:inline-block; margin-right:35px; z-index:100; vertical-align:top; position:relative;  }
#vis_con .vcont a { display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
#vis_con .m-ico1 { background:#006bbc url(../images/main/main_ico01_w.png) 50% 20% no-repeat;}
#vis_con .m-ico2 { background:#fff url(../images/main/main_ico02.png) 50% 20% no-repeat; }
#vis_con .m-ico3 { background:#006bbc url(../images/main/main_ico03_w.png) 50% 20% no-repeat; }
#vis_con .m-ico4 { margin-right:0; background:#fff url(../images/main/main_ico04.png) 50% 20% no-repeat; }
#vis_con .m-ico1:hover { background:#444 url(../images/main/main_ico01_w.png) 50% 20% no-repeat;}
#vis_con .m-ico2:hover { background:#444 url(../images/main/main_ico02_w.png) 50% 20% no-repeat;}
#vis_con .m-ico3:hover { background:#444 url(../images/main/main_ico03_w.png) 50% 20% no-repeat;}
#vis_con .m-ico4:hover { background:#444 url(../images/main/main_ico04_w.png) 50% 20% no-repeat;}
#vis_con .m-ico1:hover span,
#vis_con .m-ico3:hover span {  color:#444 ; }
#vis_con .m-ico2:hover dt,
#vis_con .m-ico4:hover dt { color:#fff ; }
#vis_con .m-ico2:hover dd,
#vis_con .m-ico4:hover dd { color:#ccc ; }
#vis_con .vcont dl { padding-top:140px; }
#vis_con .vcont dl dt { color:#000; font-size:21px; font-weight:600; margin-bottom:5px; -webkit-transition: .3s; transition: .3s; }
#vis_con .vcont dl dd { color:#777; font-size:13px; margin-bottom:25px; font-weight:normal !important; -webkit-transition: .3s; transition: .3s; }
#vis_con .vcont span { display:block; margin:0 auto; border-radius:15px; width:100px; height:30px; line-height:30px; text-align:center; color:#444; font-size:13px; background:#fff; border:1px solid #ddd; box-sizing:border-box; font-weight:600; }	
#vis_con .ft-bl dl dt { color:#fff;}
#vis_con .ft-bl dl dd { color:#cbdaec; font-size:13px; }
#vis_con .ft-bl span { color:#006bbc; border:none;  }

/* 배경이미지 롤링 */	
#nbanner_wp {position:relative;display:inline-block;float:left; overflow:hidden;width:100%;height:auto;}
#nbanner_wp:after{display:block;clear:both;content:''}
#nbanner_wp .txt{ display: none; }
#nbanner_wp .banWrap{width:100%;height:auto;}
#nbanner_wp .banWrap .nbanner .slider {position:relative;float:left;vertical-align:top;}
#nbanner_wp .banWrap .nbanner .slider:after{display:block;clear:both;content:' '}
#nbanner_wp .banWrap .nbanner .slider.ban {width:100%;height:725px; overflow:hidden; text-align:center; }
#nbanner_wp .banWrap .nbanner .slider.ban img {width:100%;}
#nbanner_wp .bx-controls{width:100%; text-align: center; z-index:9;display:block; position:absolute; left:50%; bottom:55px; margin-left:-60px;  width:120px;  }
#nbanner_wp .bx-controls .bx-controls-direction { display:none; }
#nbanner_wp .bx-controls .bx-pager{display:inline-block;font-size:0;padding-left:10px;}
#nbanner_wp .bx-controls .bx-pager .bx-pager-item{padding-right:10px; display:inline-block; vertical-align:top;}
#nbanner_wp .bx-controls .bx-pager .bx-pager-item .bx-pager-link{width:12px; height:12px; border:1px solid #fff; border-radius:12px; display:block;}
#nbanner_wp .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{border:1px solid #fff; background:#fff;}
.thumbFull{position: relative; display:block;}
.thumbFull>.maxFull{width:100%; height:100%; position: absolute; left:0; top:0;}
.thumbAb{text-align: center; position: relative; display:block;}
.thumbAb>.maxFull{width:100%; height:100%; position: absolute; left:0; top:0;}

#m-inner {width:1200px; margin:50px auto; position:relative; overflow:hidden; }
#notice { float:left; overflow:hidden; width:600px; height:280px; position:relative; margin-bottom:30px; }
#notice .bbs {width:100%; }
#notice h3 { float:left; }
#notice h3 a { overflow:hidden; width:185px; display:block; height:50px; line-height:48px;  text-align:center; font-size:16px; background:#f6f6f6; color:#777; border:1px solid #ddd; border-left:0; box-sizing: border-box; font-weight:300; -webkit-transition: .3s; transition: .3s;}
#notice h3 a:hover, #notice h3 a.on  { background:#fff; color:#000; font-weight:600; border-bottom:#fff; }
#notice h3 a.first { border-left:1px solid #ddd; }
#notice .list { position:absolute; top:75px; left:0; width:600px; height:230px;  }
#notice .list li { line-height:33px; } 
#notice .list li a { float:left; overflow:hidden; width:450px; text-overflow:ellipsis; white-space:nowrap; font-size:15px; padding-left:10px; color:#333; background:url(../images/main/bull_3x3.gif ) 0 50% no-repeat;} 
#notice .list li span { float:right; color:#888; font-weight:normal !important; font-size:13px; }
#notice .more { position:absolute; right:0; top:0;}
#notice .more a { display:block; width:50px; height:50px; box-sizing:border-box; border:1px solid #ddd;  line-height:50px;  background:url(../images/main/btn_more_bg.gif) 50% 50% no-repeat; text-indent:-999999px;  } 

#appBg { float:left; position:relative; overflow:hidden; width:585px; height:430px; margin-bottom:30px; background:url(../images/main/bg_mobile_info.jpg) 0 0 no-repeat; }
#appBg .appImg { position:absolute; width:200px; height:245px; right:3%; bottom:0; }
#appBg dl { position:absolute; left:10%; top:15%; width:60%; }
#appBg dl dt { font-size:34px; font-weight:600; color:#005bb3; margin-bottom:30px; letter-spacing:-0.05em;}
#appBg dl dt span { color:#fff;}
#appBg dl dd{ font-size:18px; color: #fff; }
#appBg dl dd span { margin-top:20px; display:inline-block; height:40px; line-height:36px; text-align:center; padding:0 15px; background:#fff; color:#0060a9; border-radius:10px; box-sizing:border-box; border:2px solid #0060a9; font-size:14px;}


#bnl-r { float:right; overflow:hidden; width:585px; height:260px; position:relative; margin-bottom:30px;  }
#bnl-r div { float:left; width:290px; height:260px; margin-right:5px;}
#bnl-r div:nth-child(1){ background:url(../images/main/bnl-r2_1.jpg) 0 0 no-repeat; }
#bnl-r div:nth-child(2){ background:url(../images/main/bnl-r1_1.jpg) 0 0 no-repeat; }
#bnl-r div a { display:block; width:290px; height:260px; color:#fff; padding:40px 0; text-align:center; box-sizing: border-box; }
#bnl-r div a.bnl1 { background:url(../images/main/bnl-r2_ico.png) 50% 55% no-repeat;}
#bnl-r div a.bnl2 { background:url(../images/main/bnl-r1_ico.png) 50% 55% no-repeat;}
#bnl-r div:last-child { margin-right:0;}
#bnl-r div a span.tit { font-size:23px; line-height:26px; font-weight:600; display:block; margin-bottom:100px;}
#bnl-r div a span.btn { width:150px; height:35px; line-height:33px; background:rgba(0, 0, 0, 0.5) url(../images/main/btn_arrw_bg.png) 93% 50% no-repeat; display:block; text-align:center; padding-right:10px; margin:0 auto;  }

iv a span { display:inline-block; padding-top:95px; font-size:15px; font-weight:600;}

#customer { float:right; height:140px; width:585px; background:#006bbc url(../images/main/m_custo_bg.gif) 35px 50% no-repeat;  margin-bottom:50px; position:relative; overflow:hidden  }
#customer dl { padding:25px 0 0 130px;}
#customer dl dt { font-size:18px; color:#cbdaec; margin-bottom:3px; }
#customer dl dd { color:#fff; font-size:14px; color:#fff; }
#customer dl dd.tell { font-size:26px; font-weight:600; line-height:28px;}
#customer dl dd.tell span { font-size:14px; padding-left:10px; font-weight:400; } /* 20190704 */
#customer ul { position:absolute; right:25px; top:27px;}
#customer ul li a { display:block; width:105px; height:28px; text-align:center; line-height:28px; background:#fff ; color:#1171b9;margin-bottom: 5px  }
#customer ul li a.btn2 { background:none; border:1px solid #fff; box-sizing:border-box; color:#fff; margin-bottom:0px;}

#main_coop{ width:100%; clear:both; }
#main_coop .coop_wp{ width:100%; height:87px; position:relative;   }
#main_coop .coop_wp .coop{ position: relative; white-space: nowrap;  }
#main_coop .coop_wp .coop_con{width:1122px;margin:0 auto; overflow:hidden; -webkit-transition: .3s; transition: .3s; }
#main_coop .coop_wp .coop .slider{width:220px;height:85px;text-align:center;overflow:hidden;display:table; }
#main_coop .coop_wp .coop .slider p{width:100%;height:85px;display:table-cell;vertical-align:top; }
#main_coop .coop_wp .coop .slider p img { border:1px solid #ccc; box-sizing:border-box;}
#main_coop .bx-controls-direction>a {width:21px; height:32px; position: absolute; z-index:2; top:30px; display:block;font-size:0;}
#main_coop .bx-controls-direction>.bx-prev{background: url(../images/main/btn_arr_left.gif) no-repeat left top; left:0px;}
#main_coop .bx-controls-direction>.bx-next{background: url(../images/main/btn_arr_right.gif) no-repeat left top; right:0px;}

/* footer */
#footer {clear:both;width:100%; background:#32373c;   }
#footer .footer_menu { overflow:hidden; line-height:50px; height:50px; border-bottom:1px solid #474f56;}
#footer .footer_menu .fnb_inner {width:1200px;margin:0 auto; position:relative; }
#footer .footer_menu .fnb_inner ul {  }
#footer .footer_menu .fnb_inner ul li {float:left; padding: 0 20px 0 20px; background:url(../images/common/btm_bar.gif) 0 50% no-repeat;}
#footer .footer_menu .fnb_inner ul li:first-child {background:none; padding-left:0;}
#footer .footer_menu .fnb_inner ul li a {  color:#fff; }
#footer .footer_inner {position:relative; overflow:hidden; padding:15px 0 20px 0; width:1200px;margin:0 auto; background:url(../images/common/btm_logo.gif) 0 20px no-repeat; }
#footer .footer_inner address {float:left; color:#ccc; font-size:13px; line-height:21px; padding-left:130px;}
#footer .footer_inner p { position:absolute; right:0; top:20px;}
#footer .footer_inner p select {  height:30px; padding:2px 3px; width:180px; float:left; margin-right:3px; font-size:12px; background:#262b30; border:none; color:#ccc; }
#footer .footer_inner p a { background:#111; width:40px; height:30px; line-height:30px; float:left; vertical-align:top; text-align:center; color:#fff; font-size:12px; font-weight:600;}
#btn-top { position:absolute; right:0; top:0;} 
#btn-top a { width:50px; height:50px; display:block; background:#262b30 url(../images/common/bg_top.gif) 50% 50% no-repeat; border-left:1px solid #474f56; border-right:1px solid #474f56; text-indent:-9999999px; } 
 
.pVer { }
.mVer{ display:none;}

/* sub layout */
#s-visual { position:relative; text-align:center; height:150px;   }
#s-visual p {  color:#fff; font-size:35px; padding-top:30px; text-align:center; }
#s-visual p span { color:#fff; display:block;font-size:18px;}
#s-visual .vis-s1 { background:url(../images/common/sub1_bg.jpg) 50% 0 no-repeat; height:150px;   } 
#s-visual .vis-s2 { background:url(../images/common/sub2_bg.jpg) 50% 0 no-repeat; height:150px;   } 
#s-visual .vis-s3 { background:url(../images/common/sub3_bg.jpg) 50% 0 no-repeat; height:150px;   } 
#s-visual .vis-s4 { background:url(../images/common/sub4_bg.jpg) 50% 0 no-repeat; height:150px;   } 
#s-visual .vis-s5 { background:url(../images/common/sub5_bg.jpg) 50% 0 no-repeat; height:150px;   } 
#s-visual ul.loc { display:none;}

.btn_pg_prev { position:absolute; left:3%; top:50%; margin-top:-30px;  width:60px; height:60px; z-index:100; }
.btn_pg_prev a { text-indent:-9999999px; display:block; background:url(../images/common/btn_pg_prev.png) 0 0 no-repeat; background-size:60px 60px; width:60px; height:60px;  }
.btn_pg_next { position:absolute; right:3%; top:50%;  margin-top:-30px;  width:60px; height:60px; z-index:100; }
.btn_pg_next a { text-indent:-9999999px; display:block; background:url(../images/common/btn_pg_next.png) 0 0 no-repeat; background-size:60px 60px; width:60px; height:60px;  }

/*
#svisual_layout{ width:100%; text-align:center; display:inline-block; position:relative;}
#svisual_layout .svisual_wrap{ width:100%; background:url(/images/common/atype_svisual_sample_img.jpg) no-repeat center center; background-size:cover; display:inline-block; overflow:hidden; position:relative;}
#svisual_layout .svisual_wrap .title_wrap{ display:inline-block; position:relative; z-index:1;}
#svisual_layout .svisual_wrap .title_wrap strong{ display:inline-block; position:relative;}
#svisual_layout .svisual_wrap .title_wrap p{ display:inline-block; position:relative}
#svisual_layout .svisual_wrap .movImg{ max-width:none; max-height:none; width:100%; height:auto; padding:0; margin:0; display:inline-block; position:absolute; top:0; left:0;}
#svisual_layout.a_type .svisual_wrap{ height:180px;}  비쥬얼 높이 
#svisual_layout.a_type .svisual_wrap .title_wrap{width:1200px; text-align:left; margin-top:74px;} 비쥬얼 컨텐츠 넓이 
#svisual_layout.a_type .svisual_wrap .title_wrap strong{ width:100%; font-weight:400; font-size:40px; color:#fff; line-height:44px;} 타이틀 폰트 설정 
#svisual_layout.a_type .svisual_wrap .title_wrap strong span{ font-weight:700; color:#fff;} 타이틀폰트 포인트 설정 
#svisual_layout.a_type .svisual_wrap .title_wrap strong:before{ width:50px; height:3px; background-color:#699bf6; content:""; position:absolute; bottom:-25px; left:0;} 타이틀 밑줄 설정 
#svisual_layout.a_type .svisual_wrap .title_wrap p{ width:100%; font-size:18px; color:#fff; line-height:22px; margin-top:40px;}  보조문구 설정 
*/

#m-container{width:100%; position:relative; overflow:hidden;}
#container {clear:both;position:relative;width:1200px; margin:0 auto 70px; overflow:hidden; min-height:550px;}
#lnb {float:left;width:225px; margin-top:40px;}
#lnb h2 { text-align:center; color:#fff; background:#006bbc; height:120px; line-height:125px; font-size:26px; font-weight:600;} /* background:url(../images/common/lnb_h2_bg.jpg) 0 0 no-repeat; */
#lnb #s-menu{width:225px; background-color:#fff; box-sizing: border-box; }
#lnb #s-menu .nav{width:100%;}
#lnb #s-menu .nav>li{padding:0;}
#lnb #s-menu .nav>li>a{width:100%;height:50px; padding:15px 0 12px 15px; border:1px solid #ccc; border-top:0; color:#333; display:block;box-sizing: border-box; white-space: nowrap; font-weight:600; font-size:14px; }
#lnb #s-menu .nav>li>a.icon{background:#fff url(../images/common/bul_lnb_on.gif) no-repeat right 15px center}
#lnb #s-menu .nav>li>a.bg{background:#fff}
#lnb #s-menu .nav>li.active>a.icon,
#lnb #s-menu .nav>li.openPage>a.icon,
#lnb #s-menu .nav>li>a.icon:hover{color:#fff; background:#0b304c url(../images/common/bul_lnb_off.gif) no-repeat right 15px center; font-weight:600;  border:1px solid #0b304c; border-top:0; }
#lnb #s-menu .nav>li .subLnb3{ width:100%; display:none; box-sizing: border-box; }
#lnb #s-menu .nav>li .subLnb3>li>a{ font-size:14px;  padding: 13px 0 0 32px; height:30px; font-weight:600; letter-spacing:-0.05em; display:block; border:1px solid #ccc; border-top:0; background:url(../images/common/depth3_off.png) no-repeat 17px center;}
#lnb #s-menu .nav>li .subLnb3>li.active>a,
#lnb #s-menu .nav>li .subLnb3>li>a:hover{color:#000; font-weight:600; background:url(../images/common/depth3_on.png) no-repeat 17px center;}
#lnb #s-menu .nav>li .subLnb3>li>ul { background:#ebf1f4; padding:15px 20px; border:1px solid #ccc; border-top:0;}
#lnb #s-menu .nav>li .subLnb3>li>ul li { padding:2px 0;} 
#contents { width:910px; float:right; overflow:hidden; padding-top:40px;  }
#contents .toptitle { margin-bottom:40px; overflow:hidden; clear:both; }
#contents .toptitle h3 {  font-weight:600; font-size:30px; color:#000; line-height:100%; float:left; letter-spacing:-0.05em;}
#contents .toptitle #location { float:right; }
#contents .toptitle #location ul li { float:left; padding:0 15px 0 15px; background:url(../images/common/loc_arrw.gif) 0 50% no-repeat; }
#contents .toptitle #location ul li strong { color:#000; }
#contents .toptitle #location ul li.home { background:url(../images/common/loc_home.gif) 0 50% no-repeat; text-indent:-99999px;}

.tab-ty { margin-bottom:30px; overflow:hidden; clear:both;   }
.tab-ty ul {  width:100%; display:table; table-layout:fixed;  box-sizing:border-box; border-bottom:1px solid #ddd; box-sizing:border-box; }
.tab-ty ul li { float:left; text-align:center; background:#006bbc; width:200px;}
/*.tab-ty ul li {  display:table-cell; text-align:center; background:#fff; }*/
.tab-ty ul li a { display:block; line-height:40px; font-size:15px; box-sizing:border-box; color: #fff; }
.tab-ty ul li a:hover,
.tab-ty ul li a.on { background:#0b304c url(../images/contents/tab_bg.png) 20% 50% no-repeat; background-size:16px 10px; padding-left:10px; font-weight: 600;box-sizing:border-box; }


/* 컨텐츠 공통*/
h4 { background:url(../images/common/h4_tit_bg.png) 0 0 no-repeat; background-size:22px 26px; padding-left:30px; margin-bottom:15px; font-size:20px; color:#111; letter-spacing:-0.05em; line-height:26px; }
h4 > span {display:inline-block; padding-left:10px; font-size:14px;}
h4 > span > span {color:#ff0000;}
h5 { background:url(../images/common/h5_tit_bg.gif) 0 6px no-repeat; padding-left:17px; margin-bottom:10px; font-size:18px; color:#111; letter-spacing:-0.05em; line-height:20px;}
.nor-txt { margin-bottom:30px; }
.nor-img { text-align:center; }
.define_bx { background:url(../images/contents/define_bx.gif) 0 0 repeat-x; padding: 30px 0 0 0; width:100%; margin-bottom:40px;   }
.define_bx .d-bx { background:url(../images/contents/define_bx.gif) 0 100% repeat-x; padding: 0 3% 25px 3%; width:94%; overflow:hidden; display:table;  }
.top-con dt { font-size:18px; color:#333; font-weight:600; margin-bottom:5px;  } 
.chk-bx { background:#f7f7f7; padding:35px 30px; overflow:hidden; margin-bottom:40px; }
.chk-bx ul li { background:url(../images/contents/chk_bg.png) 0 0 no-repeat; background-size:20px 19px; padding-left:28px; margin-bottom:15px;  }
.chk-bx ul li:last-child { margin-bottom:0; }
.ft-bl { font-weight:600; color:#005acb;}
.ft-st { font-weight:600; text-decoration:underline;}
.ft_s16 { font-size:16px; }

.vision-bg { height:85px; background:url(../images/contents/ico_vision_bg.png) 0 0 no-repeat; background-size:85px 85px; padding: 5px 0 0 110px;}
.org-bg { height:85px; background:url(../images/contents/ico_org_bg.png) 0 0 no-repeat; background-size:85px 85px; padding: 5px 0 0 110px;}
.his-bg { height:85px; background:url(../images/contents/ico_his_bg.png) 0 0 no-repeat; background-size:85px 85px; padding: 5px 0 0 110px;}
.incrut-bg { height:85px; background:url(../images/contents/ico_incrut_bg.png) 0 0 no-repeat; background-size:85px 85px; padding: 5px 0 0 110px;}
.cert-bg { height:85px; background:url(../images/contents/ico_cert_bg.png) 0 0 no-repeat; background-size:85px 85px; padding: 5px 0 0 110px;}
.map-bg { height:85px; background:url(../images/contents/ico_map_bg.png) 0 0 no-repeat; background-size:85px 85px; padding: 5px 0 0 110px;}
.manag-bg  { height:85px; background:url(../images/contents/ico_manag_bg.png) 0 0 no-repeat; background-size:85px 85px; padding: 5px 0 0 110px;}
.adv-bg  { height:85px; background:url(../images/contents/ico_adv_bg.png) 0 0 no-repeat; background-size:85px 85px; padding: 5px 0 0 110px;}
.vod-bg  { height:85px; background:url(../images/contents/ico_vod_bg.png) 0 0 no-repeat; background-size:85px 85px; padding: 5px 0 0 110px;}

/* 통합전자조달시스템 */
.define_bx .d-bx .site-img { width:268px; display:table-cell; vertical-align:middle }
.define_bx .d-bx .site-img img { width:268px; height:186px; border:1px solid #ddd; box-sizing:border-box; }
.define_bx .d-bx div.kg2b {  width:500px; display:table-cell; vertical-align:middle } 
.define_bx .d-bx div.kg2b dl dt { font-size:21px; color:#00497f; font-weight:600; margin-bottom:3px;  } 
.define_bx .d-bx div.kg2b dl dd {  } 
.define_bx .d-bx div.kg2b dl dd.s-ty { font-size:18px; color:#111;  font-weight:600; padding-bottom:10px; } 
.kg2b-desc { border:1px solid #ddd; padding:40px 10%; width:100%; overflow:hidden; margin-bottom:40px; display:table; box-sizing:border-box;}
.kg2b-desc p { width:50%; display:table-cell; vertical-align:middle;}
.kg2b-desc div { width:50%; display:table-cell;  vertical-align:middle;}
.kg2b-desc div dl { margin-bottom:30px;}
.kg2b-desc div dl:last-child { margin-bottom:0;}
.kg2b-desc div dl dt { background:url(../images/contents/chk_bg.png) 0 0 no-repeat; background-size:20px 19px; line-height:19px; padding-left:28px; margin-bottom:10px; font-size:16px; font-weight:600; color:#111; }
.kg2b-desc div dl dd { background:url(../images/contents/dd_bg.gif) 0 10px no-repeat; padding-left:12px;  line-height:19px; }

/* 입찰교육 */
.edu-info { overflow:hidden; width:100%;}
.edu-info dl { width:430px; float:left; margin: 0 50px 20px 0;}
.edu-info dl:nth-child(2n) { margin-right:0; }
.edu-info dl dt { line-height:58px; color:#fff; font-weight:600; font-size:16px; text-align:center; height:62px;  }
.edu-info dl dt.bg-c1 { background:#046ab6;}
.edu-info dl dt.bg-c2 { background:#256a9d;}
.edu-info dl dt.bg-c3 { background:#1b55a5;}
.edu-info dl dt.bg-c4 { background:#3b5597;}
.edu-info dl dt span.ico1 { width:46px; height:46px; padding-right:10px; display:inline-block; background:url(../images/contents/edu_ico1.gif) 0 0 no-repeat; vertical-align:middle; }
.edu-info dl dt span.ico2 { width:46px; height:46px; padding-right:10px; display:inline-block; background:url(../images/contents/edu_ico2.gif) 0 0 no-repeat; vertical-align:middle; }
.edu-info dl dt span.ico3 { width:46px; height:46px; padding-right:10px; display:inline-block; background:url(../images/contents/edu_ico3.gif) 0 0 no-repeat; vertical-align:middle; }
.edu-info dl dt span.ico4 { width:46px; height:46px; padding-right:10px; display:inline-block; background:url(../images/contents/edu_ico4.gif) 0 0 no-repeat; vertical-align:middle; }
.edu-info dl dd { border:1px solid #ddd; border-top:0; box-sizing:border-box; min-height:190px; overflow:hidden; padding:15px 30px 20px 30px; display:table; width:100%;}
.edu-info dl dd ul { display:table-cell; vertical-align:middle;}
.edu-info dl dd ul li { margin-top:5px;}
.edu-info dl dd ul li p { float:right; width:93%;  }
.edu-info dl dd ul li span { width:18px; height:18px; line-height:16px; text-align:center; color:#fff; font-size:13px; display:inline-block; margin-right:5px; background:#444;  }
.edu-info dl dd ul li span.fl { float:left;}
.edu-info dl dd ul li ul { display:block; vertical-align:top; margin-left:30px;}
.edu-info dl dd ul li ul li { margin-top:2px; line-height:18px; font-size:13px; background:url(../images/contents/dd_bg.gif) 0 10px no-repeat; padding-left:12px; }

/* 수집기 */
.strength { margin-bottom:40px; overflow:hidden;}
.strength dl { margin-bottom:10px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; height:115px;}
.strength dl dt { width:294px; float:left; display:table; height:115px;  }
.strength dl dt.bg1 {background:url(../images/contents/kcrw_bg1.png) right 0 no-repeat;  }
.strength dl dt.bg2 {background:url(../images/contents/kcrw_bg2.png) right 0 no-repeat;  }
.strength dl dt.bg3 {background:url(../images/contents/kcrw_bg3.png) right 0 no-repeat;  }
.strength dl dt.bg1 p { background:#046ab6; width:260px;}
.strength dl dt.bg2 p { background:#1b55a5; width:260px; }
.strength dl dt.bg3 p { background:#3b5597; width:260px; }
.strength dl dt p span { color:#fff; font-weight:600; font-size:16px; line-height:23px; text-align:left; padding-left:95px;  height:115px;  display:table-cell; vertical-align:middle;  }
.strength dl dt p span.ico1 { background:url(../images/contents/kcrw_ico1.gif) 20px 50% no-repeat;}
.strength dl dt p span.ico2 { background:url(../images/contents/kcrw_ico2.gif) 20px 50% no-repeat;}
.strength dl dt p span.ico3 { background:url(../images/contents/kcrw_ico3.gif) 20px 50% no-repeat;}
.strength dl dd { width:65%; float:right;  display:table; height:115px; }
.strength dl dd ul { display:table-cell; vertical-align:middle; }
.strength dl dd ul li { background:url(../images/contents/dd_bg.gif) 0 10px no-repeat; padding-left:12px;}
.ing-busi { margin-bottom:40px; overflow:hidden;}
.ing-busi div { width:289px; float:left; margin-right:21px; }
.ing-busi div:nth-child(3) { margin:0; }
.ing-busi div dl dt { border:1px solid #ddd; box-sizing:border-box; margin-bottom:10px; }
.ing-busi div dl dd { border:1px solid #ddd; border-top:0; box-sizing:border-box; padding:20px; }
.ing-busi div dl dd.tit { background:#3468a9; min-height:45px; text-align:center; color:#fff; font-weight:600; line-height:18px; padding:10px; border:0;}
.ing-busi div dl dd.two { background:#224269;}
.ing-busi div dl dd ul li { background:url(../images/contents/dd_bg.gif) 0 10px no-repeat; padding-left:12px;}

/* 사업파트너 */
.partner { margin-bottom:40px; border-top:2px solid #333; padding-top:20px;}
.partner span { width:140px; height:70px; border:1px solid #ddd; display:inline-block; margin:0 8px 10px 0; }
.partner span:nth-child(6n) { margin-right:0;}

/*회사소개*/
.cert { border-top:1px solid #ddd; padding:25px 0; overflow:hidden; margin-bottom:10px;}
.cert p { width:160px; float:left; text-align:center; margin:0 11px 0 11px; }
.cert p span { display:inline-block; padding-top:7px; letter-spacing:-0.05em; font-size:13px; line-height:15px; min-height:50px;}

/* 조직도 */
.organization {overflow:hidden; }
.organization ul.overall {position:relative; background:url(../images/contents/organ_bg.png) no-repeat center 110px;}
.organization ul li .grade1{margin-bottom:180px;}
.organization ul li .grade1 .mayor{display:block; width:130px; height:105px; margin:auto; padding:25px 0 0; background-color:#0082cd; border-radius:65px; text-align:center; color:#FFF; font-size:20px;}  /* 대표 */
.organization ul li .grade1 .mayor strong{display:inline-block; margin:27px auto; text-align:center; font-size:18px; font-weight:600;}
.organization ul li .grade1 ul li.grade3{position:absolute; right:80px; top:145px; width:200px;} /* 기술연구소 */
.organization .grade3 span {position:relative; display:block; background:#145d91; line-height:50px; height:50px; color:#FFF; font-weight:bold; text-align:center; }  /* 감사 */
.organization ul li .grade2 ul li { margin-bottom:35px;}   /* 이사 */
.organization ul li .grade2 ul li span {display:block; background:#1d6086; width:200px;  margin:auto; text-align:center; color:#FFF; font-weight:600; position:relative; line-height:50px; height:50px; }
.organization ul li .grade4{ background:url(../images/contents/organ_bg1.png) no-repeat center top; padding-top:30px;}  /* 본부 */
.organization ul li .grade4 ul li.dep1{float:left; width:180px; margin: 0 23px;}
.organization ul li .grade4 ul li.dep1 span.title{display:block; background:#3c508a; padding:14px 0 0; height:36px; text-align:center; color:#FFF; font-weight:600; position:relative; }
.organization ul li .grade5{ background:url(../images/contents/organ_bg2.png) center 0 no-repeat; padding-top:35px; }
.organization ul li .grade5>ul>li{ display:inline-block; width:98px; vertical-align:top;}
.organization ul li .grade5>ul>li>span {display:block; background:#f7f7f7; height:50px; line-height:50px; text-align:center; box-sizing:border-box; color:#333; border:1px solid #ddd; }
.organization ul li .grade5>ul>li>span.last { height:45px; padding-top:5px; }

.year-tab { overflow:hidden; margin:0 0 35px 0; }
.year-tab ul { display:table; width:100%; box-sizing:border-box; }
.year-tab ul li { display:table-cell; vertical-align:top; padding:0 1px 0 0 }
/*.year-tab ul li a { font-size:15px; color:#fff; float:left; width:100px; height:100px; border-radius:50px; background:#006bbc; text-align:center; line-height:100px; }*/
.year-tab ul li a { font-size:15px; color:#fff; display:block; max-width:100%; box-sizing: border-box; height:40px;  background:#006bbc; text-align:center; line-height:40px;  }
.year-tab ul li a:hover,
.year-tab ul li a.on { background:#0b304c url(../images/contents/tab_bg.png) 20% 50% no-repeat; background-size:16px 10px; padding-left:10px;  color:#fff; font-weight:600;}
.year-wrap dl { margin-bottom:30px; padding-bottom:30px; overflow:hidden; border-bottom:1px dashed #ccc; }
.year-wrap dl dt { font-size:28px; font-weight:600; color:#fff; float:left; width:10%; color:#006bbc;  }
.year-wrap dl dd { float:right; width:86%; overflow:hidden; margin-top:5px;}
.year-wrap dl dd span { float:left; width:40px; color:#000; font-weight:600; font-size:16px; background:url(../images/contents/dd_bg.gif) right 50% no-repeat;}
.year-wrap dl dd p { float:right; width:93%; line-height:22px; }

.ideology { height:528px; background:url(../images/contents/ideology_bg.png) right top no-repeat; background-size:600px 528px; overflow:hidden;} /* background-size:606px 375px;  */
.ideology dl { margin-bottom:30px; width:55%;}
.ideology dl dt { margin-bottom:5px; font-size:25px; font-weight:600; color:#000; }
.ideology dl dd { font-size:20px; color:#000; }
.ideology ul { width:55%; overflow:hidden;}
.ideology ul li { margin-bottom:15px; line-height:28px; font-size:15px;}

.gret { background:url(../images/contents/gret_bg.jpg) right 50% no-repeat; background-size:450px 514px; padding-bottom:50px; }
.gret p.tit {font-size:23px; font-weight:600; color:#000; margin-bottom:20px; }
.gret ul { width:60%; }
.gret ul li { margin-bottom:15px; line-height:24px; }

.div-half { overflow:hidden; margin-bottom:40px; }
.div-half div { width:48%;}
.div-half div dl { border:1px solid #ccc; min-height:90px; padding:20px 30px 25px 30px; overflow:hidden; }
.div-half div dl dt { float:left; width:20%; clear:both; padding:10px 0 0 15px; background:url(../images/common/m_gnb_depth4.gif) 0 16px no-repeat; line-height:18px; color:#000; }
.div-half div dl dd { float:right; width:72%; padding-top:10px;line-height:18px; }


/* table */
.nTable{width:100%; overflow:hidden; margin-bottom:30px; border-top:2px solid #4369b7; }
.nTable>table{width:100%; border-spacing:0; box-sizing: border-box;}
.nTable>table th,
.nTable>table td{padding:10px 0; border-left:1px solid #ccc; border-bottom:1px solid #ccc; color:#333; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box; line-height:23px;}
.nTable>table td.map { padding-left:10px; text-align:left;}
.nTable>table th:first-child,
.nTable>table td:first-child { border-left:0;}	
.nTable>table th{background-color: #f1f1f1; font-weight: 600; color: #111; }
.nTable>table>tbody>tr>.title{padding:13px 20px 13px 15px; text-align:left}
.nTable>table>tbody>tr>.title>a {color: #111;}
.nTable>table>tbody>tr>.title>a,
.nTable>table>tbody>tr>.title>p{ cursor:pointer; display:block;}
.nTable>table>tbody>tr>.num>p{width:20px; height:20px; background-color: #666; font-size:12px; line-height:20px; color: #fff; box-sizing: border-box; display:inline-block;}
.nTable>table>tbodt>tr>td>p img { width:100%; }
.nTable>table>tbody>tr>.title a span.attach { vertical-align:bottom; display:inline-block; width:18px; height:18px; margin-left:5px; }

/* board 상세보기 */
#board_view{width:100%; margin-bottom:30px;}
#board_view.one{max-width:100%; float:none; clear:both;}
#board_view .bdview_wp{width:100%;border-top:2px solid #4369b7;box-sizing:border-box; text-align:left;}
#board_view .bdview_wp .view_title{width:100%; padding:13px 25px;box-sizing:border-box;color:#111;font-size:15px;font-weight:600; border-bottom:1px dashed #ccc; background:#f5f5f5;}
#board_view .bdview_wp .view_date{width:100%; padding:13px 25px;box-sizing:border-box;color:#111; font-weight:600;border-bottom:1px solid #ccc;}
#board_view .bdview_wp .view_date>p{padding:0 30px 0 0; display:inline-block; vertical-align: top; font-size:14px;}
#board_view .bdview_wp .view_date span{color:#666;font-weight:normal;padding-left:15px; font-size:14px;}
#board_view .bdview_wp .view_con{width:100%;padding:20px; border-bottom:1px solid #ccc; box-sizing:border-box; min-height:200px;}
#board_view .bdview_wp .view_con img{max-width:100%;}
#board_view .attach{width:100%;min-height:60px;padding:20px 20px 10px 20px;background:#f6f7fc;border:1px solid #ccc;box-sizing:border-box;margin-top:20px;}
#board_view .attach dt{position:absolute;font-weight:600;color:#000;}
#board_view .attach dd{margin-left:80px;background:url(../images/board/file.gif) no-repeat;padding-left:25px;padding-bottom:10px;}
#board_view .attach dd a{text-decoration:underline;color:#333;}
#board_view .vreply{width:100%;min-height:60px;padding:20px 20px 10px 20px;background:#f6f7fc;border:1px solid #ccc;box-sizing:border-box;margin-top:20px;}
#board_view .vreply dt{position:absolute;font-size:0;width:20px;height:17px;}
#board_view .vreply dd{margin-left:30px;padding-bottom:10px;line-height:24px;}

/* 정보입력 */
.bbs-write {  border-top:2px solid #444; overflow:hidden; margin-bottom:30px; clear:both; float:none;   }
.bbs-write table { }
.bbs-write table tr { border-bottom:1px solid #ccc;}
.bbs-write table th { padding:8px 0 8px 20px; color:#222; font-weight:bold; text-align:left; border-right:1px solid #ccc; background:#f4f6fb;  }
.bbs-write table th.half { width:15%;}
.bbs-write table th span {color:#ff0000;}
.bbs-write table td { padding:8px 15px; border-bottom:1px solid #ccc; font-weight:normal; text-align:left; }
.bbs-write table td.half { width:35%;}
.bbs-write table td.td-txt { padding:15px; } 
.bbs-write table td label { margin-right:5px; }
.bbs-write table td.cont { piadding:0 !important; }
.bbs-write table td textarea { width:95%; height:200px; padding:15px 20px; border:1px solid #ccc; background:#fafafa; line-height:20px;}
.bbs-write table td input[type="text"] { width:35%;  } 
.bbs-write table td input[type="password"] { width:35%;  } 
.bbs-write table td textarea { width:99%;  } 
.bbs-write table td .w30p { width:8% !important;}
.bbs-write table .bd-lf { border-left:1px solid #ccc;}
.bbs-write table .bd-r { border-right:1px solid #ccc;}
.bbs-write table .bd-rn { border-right: none;}
.bbs-write table td.td-chk { line-height:25px;}
.bbs-write table td.td-chk span { margin-right:10px; white-space:nowrap;}

.argeeBx {width:100%;height:200px;border:1px solid #ccc;overflow-x:hidden;overflow-y:scroll;font-size:13px;line-height:23px;margin-top:5px;padding:1.5% 1.5%;box-sizing:border-box;}
.agree { margin-top:10px; text-align:right;}
input[type=checkbox] {display: none;}
input[type=checkbox] + label{display: inline-block;cursor: pointer;position: relative;}
input[type=checkbox]+ label:before {content: "";display: inline-block; width: 18px;height: 18px;position: absolute;right: 0;background-color: #none;border:1px solid #6d7276;}
input[type=checkbox]:checked + label:before {content: "\2713"/*체크표시유니코드*/;font-weight:800;color: #008409;background:#none;text-align: center;line-height: 18px;}
.agree input[type=checkbox] + label{padding-left:28px; color:#434343;line-height:22px;}
.agree input[type=checkbox]+ label:before {content: '\2713';display: inline-block;text-align:center;font-weight:800;font-size: 14px;color: #aaa;line-height:20px;width:20px;height:20px;border:2px solid #aaa;left: 0;}
.agree input[type=checkbox]:checked + label:before {content: '\2713';/*체크표시유니코드*/color: #4369b7;line-height: 20px;border:2px solid #4369b7;}	

/* 일반게시판-검색박스 */
.searchBx { overflow:hidden; float:right; margin-bottom:10px; }	
.searchBx fieldset { vertical-align:top;}
.searchBx select {  height:30px; width:100px;}
.searchBx input[type="text"] {  vertical-align:top; width:150px; }
.searchBx button { height:30px; width:60px; background:#333; border:none !important; color:#fff; font-weight:600; cursor:pointer; padding:0 0 5px 0 !important }

/* page */	
.paging_all{margin:0 auto;text-align:center;clear:both;position:relative;  }
.paging_all img{margin:0 1px; display:inline-block !important;vertical-align:top}
.paging_all>.paging{margin:0 auto;font-size:0;line-height:0;text-align:center}
.paging_all>.paging>.num{margin:0 28px; display:inline-block; vertical-align:top}
.paging_all>.paging>.num>strong,
.paging_all>.paging>.num>a{width:36px; height:36px; margin:0 1px; padding:0; background-color:#fff; border:1px solid #ccc; font-size:14px; line-height:34px; color:#666; display:inline-block; vertical-align:top; box-sizing:border-box;}
.paging_all>.paging>.num>strong,
.paging_all>.paging>.num>a:hover{background-color:#555; border-color:#555; color:#fff;}
.paging_all>.paging>.p-btn { width:36px; height:36px; margin:0 1px; padding:10px 0 0 0; background-color:#fff; border:1px solid #ccc; display:inline-block; vertical-align:top; box-sizing:border-box;}

/* [s] btn*/
.btnArea { margin:30px auto 0; text-align:center;clear:both;position:relative;}
.btn-ty1 { display:inline-block; line-height:40px; text-align:center; min-width:90px; height:40px; padding:0 10px; }
.btn-ty2 { display:inline-block; line-height:53px; text-align:center; min-width:139px; height:53px; padding:0 10px; font-size:15px; }
a.gray { background:#555; color:#fff; font-weight:600;  }
a.blue { background:#1171b9; color:#fff; font-weight:600;  }

.vod { text-align:center; padding:20px; border:1px solid #ddd; box-sizing:border-box;}
.vod dl { margin-bottom:20px; text-align:left; overflow:hidden; }
.vod dl dt { float:left;  display:inline-block; font-size:18px; color:#000; font-weight:600;}
.vod dl dd { float:right; display:inline-block;}


@media only screen and (max-width:1200px){

	#vis_con{  width:96%; top:0; left:0; margin-left:0; padding:120px 2% 0 2%;  }
	#vis_con .vcont { width:23%; margin-right:0; display:inline-block; float:none;  }
}