/*header*/

body{background:#5c5c5c;}
#header{width:100%; float:left; background:#fff; min-width:1070px;}
#container{width:100%; float:left; background:#fff; min-width:1070px;}
#footer{float:left; width:100%; min-width:1070px;}
.inner{width:1070px; margin:0 auto 0 auto; position:relative;}

/*lnb*/
.gnb{float:left; width:100%; min-width:1070px; background:#5686b3; padding:11px 0;}
.gnb ul{float:right;}
.gnb ul li{float:left; background:url(../img/icon/icon_lnb.png) no-repeat 10px 50%; padding-left:20px;}
.gnb ul li:first-child{background:none; padding-left:0;}
.gnb ul li a{color:#e9e9e9; font-size:11px;}

/*logo*/
.logo{position:absolute; left:0; top:50%; margin-top:-13.5px; font-size:0;}

/*gnb*/
.lnb{float:left; width:100%; background:#fff; padding:36px 0; position:relative;}
.lnb ul{float:right;}
.lnb ul li{float:left; padding-left:20px;}
.lnb ul li:first-child{padding-left:0;}
.lnb ul li a{color:#313131; font-size:16px; font-weight:bold; font-family:'NotoSansRegular';}


/* container */

/* visual banner */
.visual_banner{float:left; width:100%; min-width:1070px; height:442px; overflow:hidden; background-color:#323f4e; position:relative;}
.visual_banner > ul{float:left; width:100%;}
.visual_banner > ul > li{float:left; width:100%; text-align:center; clear:both; displaY:none;}
.visual_banner > ul > li.vbanner_on{display:block; transition:all 2s linear;}

.visual_banner > ul > li > div{width:100%; height:442px; float:left;}
.visual_banner > ul > li > div.vb01{background:#97989b url(../img/other/vb01.png) no-repeat 50% 0;}
.visual_banner > ul > li > div.vb02{background:#354253 url(../img/other/vb02.png) no-repeat 50% 0;}
.visual_banner > ul > li > div.vb03{background:#5c7480 url(../img/other/vb03.png) no-repeat 50% 0;}
.visual_banner > ul > li > div.vb04{background:#b3b4ad url(../img/other/vb04.png) no-repeat 50% 0;}

.banner_nav{position:absolute; width:100%; top:0; left:0;}
.banner_nav_inner{width:1070px; margin:50px auto; position:relative;}
.banner_nav_inner ul{position:absolute; left:0; top:0;}
.banner_nav_inner ul li{float:left; clear:both; margin-top:1px;}
.banner_nav_inner ul li:first-child{margin-top:0;}
.banner_nav_inner ul li a{float:left; width:125px; height:85px; background:url(../img/bg/bg_menu.png) no-repeat; text-align:center; box-sizing:border-box; padding-top:25px; font-size:13px; font-weight:bold;}

.banner_nav_inner ul li a.bn01{background:url(../img/bg/bg_menu.png) no-repeat 0 0; color:#8d96a4;}
.banner_nav_inner ul li a.bn02{background:url(../img/bg/bg_menu.png) no-repeat 0 -86px; color:#f0c9ad;}
.banner_nav_inner ul li a.bn03{background:url(../img/bg/bg_menu.png) no-repeat 0 -172px; color:#7497ca;}
.banner_nav_inner ul li a.bn04{background:url(../img/bg/bg_menu.png) no-repeat 0 -258px; color:#888888;}

.banner_nav_inner ul li:hover a{color:#fff; width:140px; padding-right:15px;}
.banner_nav_inner ul li.bn_on a{color:#fff; width:140px; padding-right:15px;}
.banner_nav_inner ul li.bn_on a.bn01{background:url(../img/bg/bg_menu_on.png) no-repeat 0 0;}
.banner_nav_inner ul li.bn_on a.bn02{background:url(../img/bg/bg_menu_on.png) no-repeat 0 -86px;}
.banner_nav_inner ul li.bn_on a.bn03{background:url(../img/bg/bg_menu_on.png) no-repeat 0 -172px;}
.banner_nav_inner ul li.bn_on a.bn04{background:url(../img/bg/bg_menu_on.png) no-repeat 0 -258px;}

/* rail banner */
.rail_banner{float:left; width:100%; min-width:1070px; border-bottom:1px solid #d8d8d8; background-color:#fff;}
.rail_banner_frame{float:left; width:100%; height:143px; position:relative; box-sizing:border-box; overflow:hidden; padding:0 35px;}
.rail_banner_frame ul{float:left;}
.rail_banner_frame ul li{float:left; width:200px; text-align:center;}
.rail_banner_frame ul li a{float:left; width:100%; font-size:12px; color:#666; padding:23.5px 0;}
.rail_banner_frame ul li img{height:78px;}
.rail_banner_frame ul li p{font-family:'Nanum Gothic';}

.rail_banner_frame > a{width:35px; height:100%; font-size:0; position:absolute; top:0; z-index:9; background-color:#fff;}
.rail_banner_frame > a > span{width:15px; height:100%; font-size:0;}
.rail_banner_frame > a.rb_left{left:0;}
.rail_banner_frame > a.rb_right{right:0;}
.rail_banner_frame > a.rb_left span{float:left; background:url(../img/icon/icon_rail_arrow.png) no-repeat 0 50%;}
.rail_banner_frame > a.rb_right span{float:right; background:url(../img/icon/icon_rail_arrow.png) no-repeat -15px 50%;}

/* index contents section */
.ics01{float:left; width:100%; border-bottom:1px solid #d8d8d8; padding:42px 0;}
.ics02{float:left; width:100%; padding:42px 0 72px 0;}
.index_contents_title{font-size:17px; font-weight:bold; color:#181818; float:left; width:100%; margin-bottom:30px; font-family:'NotoSansMedium'; vertical-align:sub;}

/* 분석기기 */
.analysis_machine{float:left; width:720px; margin-right:65px; position:relative;}
.analysis_machine a.btn_am_more{position:absolute; top:6px; right:0; font-size:0;}

.analysis_machine dl{floaT:left; width:100%; position:relative; box-sizing:border-box; padding-left:180px;}
.analysis_machine dt{floaT:left; width:155px; text-align:left; position:absolute; left:0;}
.analysis_machine dt a{floaT:left; width:175px; font-size:12px; letter-spacing:-1px; font-weight:bold; coloR:#5f5f5f; padding-bottom:3px; border-bottom:1px solid #dfdfdf; /*background:url(../img/icon/icon_bcbcbc_arrow.png) no-repeat 95% 50%;*/}
.analysis_machine dt a.am_on{border-color:#004898; color:#004898; background:url(../img/icon/icon_004898_arrow.png) no-repeat 95% 50%;}
.analysis_machine dd{position:absolute; top:0; right:0;}
.analysis_machine dt.am01{top:0;}
.analysis_machine dt.am02{top:30px;}
.analysis_machine dt.am03{top:60px;}
.analysis_machine dt.am04{top:90px;}
.analysis_machine dt.am05{top:120px;}

/*분석기기 이미지*/
.am_img{floaT:left; width:250px; text-align:center;}
.am_img img{max-width:100%;}

/*분석기기 정보*/
.am_info{float:left; width:290px;}
.am_info ul{float:left; width:100%;}
.am_info ul li{float:left; width:100%; clear:both; margin-top:14px;}
.am_info ul li:first-child{margin-top:0;}
.am_info ul li p{float:left; font-size:13px; color:#2c2c2c; width:20%;}
.am_info ul li span{float:left; font-size:12px; color:#666666; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; font-family:'Nanum Gothic';}
.am_info ul li.ami_last span{height:36px; white-space:inherit;}
.btn_am{float:left; width:100%; margin-top:23px;}
.btn_am a:first-child{margin-right:10px; background:#005ab0 url(../img/icon/icon_note.png) no-repeat 50% 10px;}
.btn_am a{float:left; width:140px; height:72px; box-sizing:border-box; color:#fff; background:#434343 url(../img/icon/icon_clock.png) no-repeat 50% 10px; text-align:center; padding-top:40px;}


/* 기기 이용안내 */
.am_operation_guide{float:left; width:285px; position:relative;}
.amog_banner_nav{position:absolute; top:6px; right:0;}
.amog_banner_nav ul{float:left;}
.amog_banner_nav ul li{float:left; margin-left:5px;}
.amog_banner_nav ul li:first-child{margin-left:0;}
.amog_banner_nav ul li a{float:left; width:16px; height:15px; background:#cecece /*url(../img/other/banner_paging.png)  no-repeat 0 50%*/; font-size:0; border-radius:100px; transition:width 0.5s linear;}
.amog_banner_nav ul li.amog_on a{width:35px; background:#f77f02 /*url(../img/other/banner_paging.png)  no-repeat -22px; 50%*/; transition:width 0.5s linear;}

.amog_banner{float:left; width:100%; overflow:hidden;}
.amog_banner > ul{float:left; width:100%;}
.amog_banner > ul > li{float:left; width:285px; height:218px; box-sizing:border-box; padding:30px 15px 30px 30px; border:1px solid #d7d7d7; display:none; position:relative;}
.amog_banner > ul > li em{font-size:15px; color:#f77f02; width:100%; float:left; margin-bottom:5px; font-weight:bold;}
.amog_banner > ul > li p{font-weight:normal; color:#888888; font-size:12px; width:100%; float:left; line-height:18px;}
/*
.amog_banner > ul > li ul{width:100%; float:left; margin-top:20px;}
.amog_banner > ul > li ul li{width:100%; float:left; margin-top:2px;}
.amog_banner > ul > li ul li:first-child{margin-top:0;}
.amog_banner > ul > li ul li a{width:89px; float:left; box-sizing:border-box; bordeR:1px solid #d8d8d8; padding:3px 0 3px 10px; color:#989898; font-size:12px; background:url(../img/icon/icon_bcbcbc_arrow.png) no-repeat 95% 50%; font-family:'Nanum Gothic';}
*/
.amog_banner > ul > li > a{width:89px; float:left; box-sizing:border-box; bordeR:1px solid #d8d8d8; padding:3px 0 3px 10px; color:#989898; font-size:12px; background:url(../img/icon/icon_bcbcbc_arrow.png) no-repeat 95% 50%; font-family:'Nanum Gothic'; position:absolute; bottom:30px; left:30px;}
.amog_banner > ul > li.amogbanner_on{display:block;}
.amog_banner > ul > li.pay_guide{background:url(../img/other/img_money.png) no-repeat 90% 80%;}
.amog_banner > ul > li.amog_rv_guide{background:url(../img/other/img_pb.png) no-repeat 90% 80%;}

/*공지사항*/
.index_notice{float:left; width:470px; margin-right:65px; position:relative;}
.index_notice ul{float:left; width:100%;}
.index_notice ul li{float:left; width:100%; box-sizing:border-box; padding:0 40px 0 15px; background:url(../img/icon/icon_525252_opacity_dat.png) no-repeat 0 50%; position:relative; margin-top:12px;}
.index_notice ul li:first-child{margin-top:0;}
.index_notice ul li a{float:left; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; font-family:'Nanum Gothic';}
.index_notice ul li span.upload_day{position:absolute; right:0; font-size:11px; color:#adacac; top:0;}
.index_notice > a.btn_notice_more{position:absolute; right:0; top:6px;}

/*교육프로그램*/
.adu_program{float:left; width:535px; position:relative;}
.adu_program > a.btn_adup_more{position:absolute; right:0; top:6px;}
.adup_img{floaT:left; width:280px; overflow:hidden; margin-right:15px;}
.adup_img img{max-width:100%;}
.adup_contents{float:left; width:240px;}
.adup_contents p{floaT:left; width:100%; font-size:15px; color:#444444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; font-weight:bold;}
.adup_contents ul{floaT:left; width:100%; margin-top:10px;}
.adup_contents ul li{float:left; width:100%; box-sizing:border-box; padding:0 0 0 15px; margin-top:5px; background:url(../img/icon/icon_525252_opacity_dat.png) no-repeat 0 50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; color:#666; font-family:'Nanum Gothic';}
.adup_contents ul li:first-child{margin-top:0;}

/*하단 전체메뉴*/
.allmenu_frame{float:left; width:100%; border-bottom:1px solid #777777;}
.allmenu_frame a.btn_allmenu{position:absolute; right:0; top:-29px; float:left; width:100px; height:29px; box-sizing:border-box; border:1px solid #777777; background:#5c5c5c url(../img/icon/icon_white_darrow.png) no-repeat 90% 50%; padding:4.5px 0 0 20px; font-size:12px; color:#fff; font-family:'Nanum Gothic';}
.allmenu{float:left; width:100%; background:url(../img/icon/icon_fm_bar.png) no-repeat 100% 50%;}
.allmenu > li{floaT:left; width:25%; min-height:208px; box-sizing:border-box; padding:35px 0 35px 65px; background:url(../img/icon/icon_fm_bar.png) no-repeat 0 50%;}
.allmenu > li p{color:#fff; font-size:15px; font-family:'NotoSansRegular';}
.allmenu > li ul{float:left; width:100%; margin-top:20px;}
.allmenu > li ul li{float:left; width:100%; clear:both; margin-top:10px;}
.allmenu > li ul li:first-child{margin-top:0;}
.allmenu > li ul li a{color:#fff; font-family:'Nanum Gothic';}

/* 하단 메뉴 컨텐츠 */
.footer_menu{float:left; width:100%; font-family:'Nanum Gothic'; padding:20px 0;}
.footer_menu ul{float:left; padding:5.5px 0;}
.footer_menu ul li{float:left; padding-left:20px; background:url(../img/icon/icon_fl_bar.png) no-repeat 10px 50%;}
.footer_menu ul li:first-child{padding-left:0;}
.footer_menu ul li a{color:#fff;}
.footer_menu ul li a.font_f77f02{color:#f77f02;}
.footer_menu select{float:right; border:1px solid #d8d8d8; padding:3.5px 10px; box-sizing:border-box; width:120px;}

.address{color:#dbdbdb; font-size:12px; font-family:'Nanum Gothic'; float:left; line-height:18px;}
.copyright{color:#dbdbdb; font-size:12px; font-family:'Nanum Gothic'; float:left; margin:10px 0 20px 0; clear:both;}