/* ================= 2019-02-25 수정 ================= */ ul:after{content:"";display:block;clear:both;} #wrap { width:100%;min-width:1160px;min-height:100%;margin:0;padding:0;} .pagecounter { float:right;height:28px;background:#2F3134;padding:0 25px;margin:8px 0;border-radius:20px; } .ct_list01:after{content:"";display:block;clear:both;} .ct_list01 dt {float:left;font-size:12px;line-height:28px;color:#ddcab1;font-family:Malgun Gothic, Sans-serif; } .ct_list01 dd {float:left;font-size:12px;line-height:28px;color:#ddcab1;font-family:MalgunGothicBold, Sans-serif;padding-left:5px; } .ct_list01 dd.center { padding-right:20px;} #f_sel { float:right;width:178px;height:25px;position:absolute;z-index:9999;text-align:left; } #f_sel ul { list-style:none;margin:0;padding:0;;} #f_title { width:178px;height:25px;position:absolute;border:1px solid rgb(204, 204, 204);background:url(../../images/chemnavi/sel_bg.gif) no-repeat right 0; } #f_title li {width:178px;height:25px;line-height:25px;cursor:pointer;font-size:12px;padding-left:10px;} #f_group { position:absolute;bottom:25px;left:0;width:178px;height:55px;overflow:hidden;background:#FFFFFF;border-width: 1px 1px medium;border-style: solid solid none;border-color: rgb(204, 204, 204) rgb(204, 204, 204) currentColor; display:none;font-size:12px;z-index:100000;} #f_group li {width: 178px;height: 25px;line-height: 25px; cursor: pointer; font-size:12px; padding-left:10px;background:#fff;} .groupLine {border-bottom:1px solid #d9d9d9 } .groupLine a:hover { color:#fff;text-decoration:none} #visual {width:100%; overflow:hidden; position:relative;} #visual div.visual-cnt{width:100%; margin:0 auto; text-align:center;} #visual div.visual-cnt div.flash_member{width:100%; margin:0 auto; overflow:hidden; background:url(../../images/chemnavi/sp_include/flash_bg.jpg) center top no-repeat;} /* ##### container ##### */ #container{width:100%;margin:0;padding:0;text-align:center;font-size:0;line-height:0;} #contentsWrap1{width:1150px;margin:0 auto;display:inline-block;text-align:left;font-size:13px;line-height:16px;} #mainTop{width:100%;margin-top:10px;} #mainTop:after{content:"";display:block;clear:both;} #mainA{float:left;width:639px;text-align:left;margin-right:10px;} #mainB{float:right;width:511px;text-align:left;} #mainC{width:1160px;height:250px;margin:10px 0 30px;} .mainVisual{width:637px;height:498px;margin:0;padding:0;border:1px solid #d7d7d6;} @keyframes ingIcoOn{ 0%{transform:scale(0);} 100%{transform:scale(1);} } @-webkit-keyframes ingIcoOn{ 0%{transform:scale(0);} 100%{transform:scale(1);} } @-ms-keyframes ingIcoOn{ 0%{transform:scale(0);} 100%{transform:scale(1);} } /* ##### sub - left ##### */ #container div.lnb {width:230px;height:100%;float:left;} #container div.lnb div.lnb_title {width:200px;height:180px;} #container div.lnb div.lnb_menu {width:200px;} #container div.lnb div.lnb_menu ul {} #container div.lnb div.lnb_menu ul li {line-height:48px;width:198px;height:48px;background:url('../../images/chemnavi/sp_include/subM.png') no-repeat 90% 50%;cursor:pointer;border:1px solid #e1e1e1;border-top:none;text-indent:15px;font-size:15px;font-weight:600;letter-spacing:-0.08em;} #container div.lnb div.lnb_menu ul li:first-child {border-top:1px solid #CCCCCC;} #container div.lnb div.lnb_menu ul li.lon {color:#4f949f;background:url('../../images/chemnavi/sp_include/subMon.png') no-repeat 90% 50%;} #container div.lnb div.lnb_menu ul li:first-child.lon {} #container div.lnb div.lnb_menu div.slnb { margin:0; padding:10px 10px 20px 10px ; background:#f9f9f9; border:1px solid #e3e3e5;} #container div.lnb div.lnb_menu div.slnb ul li { height:20px; border:0px; padding:5px 20px; margin:0px; color:#6f707b; cursor:pointer; background:url(../../images/chemnavi/sp_include/icon_lmsub.jpg) no-repeat 5px 8px;} #container div.lnb div.lnb_menu div.slnb ul li.son { height:20px; border:0px; padding:5px 20px; margin:0px; color:#335fc4; font-weight:bold; cursor:pointer; background:url(../../images/chemnavi/sp_include/icon_lmsub.jpg) no-repeat 5px 8px;} #container div.lnb div.lnb_menu div.slnb ul li.appon { height:20px; border:0px; padding:5px 20px; margin:0px; color:#335fc4; font-weight:bold; cursor:pointer; background:url(../../images/chemnavi/sp_include/icon_lmsub.jpg) no-repeat 5px 8px;} #container div.lnb_banner { margin-top:40px; margin-bottom:40px; } #container div.lnb_banner .space { height:10px;} #container div.lnb_banner ul {padding:0; margin:0px;} #container div.lnb_banner ul li{} #container div.contents {width:930px;height:800px;margin-left:auto;margin-right:auto;color:#666;font-size:15px;line-height:26px;font-family:Malgun Gothic, Helvetica, sans-serif; } #container div.contents div.c_title{overflow:hidden; position:relative; margin:20px 0 10px; border-bottom:1px solid #CCCCCC;} #container div.contents div.c_title div.title{width:360px; height:35px; float:left; font-family:NanumSquare;font-size:22px;font-weight:600;line-height:110%; margin-top:2px; color:#222; } #container div.contents div.c_title div.path{width:360px;float:right; text-align:right; font-size:11px; font-family:dotum,gulim; color:#666666; margin-top:3px; } #container div.contents div.c_title div.path_c{font-weight:bold; color:#5a94de;} #container div.contents div.subtitle{height:44px; margin-top:20px; border-bottom:1px solid #CCCCCC; color:#666666; font-size:13px;} #container div.contents div.options{overflow:hidden; position:relative; margin-top:5px; height:23px; } #container div.contents div.subject{width:100%;margin-top:0px; margin-bottom:10px;} #container div.contents div.subject:after{content:"";display:block;clear:both;} #container div.contents div.subject .subTab{width:928px;height:43px;border:1px solid #bababa;} #container div.contents div.subject .subTab ul:after{content:"";display:block;clear:both;} #container div.contents div.subject .subTab li{float:left;width:154px;height:43px;line-height:43px;border-right:1px solid #bababa;text-align:center;font-size:14px;letter-spacing:-0.05em;cursor:pointer;} #container div.contents div.subject .subTab li:last-child{width:153px;border-right:none;} #container div.contents div.subject .subTab li:hover{background:#f7f7f7;} #container div.contents div.subject .subTab li.son{background:#959595;color:#fff;} #container div.contents div.subject .subTab.subTab1{width:200px;}/* 글자길이에따라 값조절 */ #container div.contents div.subject .subTab.subTab1 li{width:100%;} #container div.contents div.subject .subTab.subTab2 li{width:463px;} #container div.contents div.subject .subTab.subTab2 li:last-child{width:464px;} #container div.contents div.subject .subTab.subTab3 li{width:308px;} #container div.contents div.subject .subTab.subTab3 li:last-child{width:309px;} #container div.contents div.subject .subTab.subTab4 li{width:231px;} #container div.contents div.subject .subTab.subTab4 li:last-child{width:232px;} #container div.contents div.subject .subTab.subTab5 li{width:185px;} #container div.contents div.subject .subTab.subTab5 li:last-child{width:184px;} #container div.contents div.subject .subTab.subTab9 {border:none;border-top:1px solid #bababa;width:930px;height:85px;} #container div.contents div.subject .subTab.subTab9 li{width:185px;border-bottom:1px solid #bababa;} #container div.contents div.subject .subTab.subTab9 li:last-child{border-right:1px solid #bababa;} #container div.contents div.subject .subTab_tab{width:930px;height:44px;border-bottom:1px dashed #bbb;margin-top:10px;} #container div.contents div.subject .subTab_tab ul:after{content:"";display:block;clear:both;} #container div.contents div.subject .subTab_tab li{float:left;line-height:44px;font-size:15px;font-weight:600;color:#767676;letter-spacing:-0.05em;padding:0 20px;cursor:pointer;background:url('../../images/chemnavi/bar03.png') no-repeat 100% 50%} #container div.contents div.subject .subTab_tab li:last-child{background:none;} #container div.contents div.subject .subTab_tab li:hover{color:#000;} #container div.contents div.subject .subTab_tab li.on{color:#000;border:1px dashed #bbb;border-bottom:1px solid #fff;background:none;transform:translateY(-1px);} #container div.contents div.subject .box_basic3{width:100%;margin-top:30px;letter-spacing:-0.05em;} #container div.contents div.subject .box_basic3 .archTxt{font-size:15px;font-weight:600;color:#e05454;} #container div.contents div.subject .box_basic3 .archDown{width:928px;height:38px;border:1px solid #d4d4d4;margin-top:5px;} #container div.contents div.subject .box_basic3 .archDown span{float:left;display:block;height:38px;line-height:38px;padding:0 30px;border-right:1px solid #d4d4d4;background:#fafafa;} #container div.contents div.subject .box_basic3 .archDown a{float:left;display:inline-block;background:url('../../images/chemnavi/icoDownload2.gif') no-repeat 0 0;color:#1459e2;height:17px;line-height:17px;text-indent:23px;margin:10px;} #container div.contents div.subject .box_basic3 .archDown a:hover, #container div.contents div.subject .box_basic3 .root4 dd a:hover{background-position:0 -18px;} #container div.contents div.subject .box_basic3 .root4 {margin-top:40px;} #container div.contents div.subject .box_basic3 .root4 dt {background:url(../../images/chemnavi/sp_about/2p_icon01.jpg) no-repeat 0 50%; padding:0px 25px; color:#555; font-size:20px; font-weight:600; margin-top:10px;} #container div.contents div.subject .box_basic3 .root4 dd {overflow:hidden;margin:15px 20px;} #container div.contents div.subject .box_basic3 .root4 dd a{background:url('../../images/chemnavi/icoDownload2.gif') no-repeat 0 0;display:inline-block;color:#1459e2;height:17px;line-height:17px;padding-left:25px;} #container div.contents div.subject .box_basic3 .archDownBox{margin-top:30px;} #container div.contents div.subject .box_basic3 .archDownBox .apparatus_g1_top{height:40px;} #container div.contents div.subject .box_basic3 .archDownBox .apparatus_g1_top ul{padding:0;line-height:37px;} #container div.contents div.subject .box_basic3 .archDownBox .apparatus_g1_top li{width:465px;} #container div.contents div.subject .box_basic3 .archDownBox .apparatus_g1_top li:first-child{border-right:1px solid #e4e4e4;width:464px;} #container div.contents div.subject .box_basic3 .archDownBox .apparatus_g1_list li{width:100%;border-bottom:1px solid #e4e4e4;} #container div.contents div.subject .box_basic3 .archDownBox .apparatus_g1_list li:after{content:"";display:block;clear:both;} #container div.contents div.subject .box_basic3 .archDownBox .apparatus_g1_list span{float:left;display:block;padding:7px 10px;width:445px;} #container div.contents div.subject .box_basic3 .archDownBox .apparatus_g1_list span.sRight{border-right:1px solid #e4e4e4;width:444px;} #container div.contents div.subject .box_basic3 .archDownBox .apparatus_g1_list li a{background:url('../../images/chemnavi/icoDownload2.gif') no-repeat 0 0;display:block;color:#1459e2;height:17px;line-height:17px;padding-left:20px;} #container div.contents div.subject .box_basic3 .archDownBox .apparatus_g1_list li a:hover{background-position:0 -18px;} #container div.contents div.subject .education_g1 table{width:100%;border:1px solid #e4e4e4;border-bottom:0;} #container div.contents div.subject .education_g1 th{border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background:#f9f9f9;text-align:center;line-height:36px;} #container div.contents div.subject .education_g1 td{border-bottom:1px solid #e4e4e4;padding:7px 10px;} #container div.contents div.subject .education_g1 span{display:block;} .color1 { color:#666; font-weight:600;} .color2 { color:#fffd5c;} .color3 { color:#FF9900;} .color4 { color:#385caf;}