#main { padding:0 0px;margin:auto;} #main .div_tbl {height:65px;background:url(../images/introduction/sub_bg.jpg);} #main .main_tbl {height:65px; width:100%;} #main .main_tbl .l_td {height:65px;background:url(../images/introduction/sub_bg_01.jpg) no-repeat right;} #main .main_tbl .r_td {height:65px;background:url(../images/introduction/sub_bg_01.jpg) no-repeat right;} #main .section01 { height:65px; width:1200px;margin:0 auto;} #main .section01 > ul { max-width:1200px;} /*#main .section01 > ul { display:table; width:100%; } #main .section01 > ul > li { display:table-cell; vertical-align:top; }*/ #main .section01 > ul { position:relative; } #main .section01 > ul > li { font-size:19px; font-weight:800; color:#ffffff; display:block; letter-spacing:-1px; float:left; margin-top:20px; margin-left:20px; } #main .section01 > ul > li a { } #main .section01 > ul > li:hover { } #main .section01 > ul > li.cur { } #main .section01 > ul > li a .cnt { } #main .section01 > ul > li.hotpost { width:865px;margin-right:281px; } #main .section01 > ul > li.hotpost .rollbanner { width:100%;height:100%;position:relative; } #main .section01 > ul > li.hotpost .rollbanner ul.slide { } #main .section01 > ul > li.hotpost .rollbanner ul.slide { overflow:hidden; position:relative; } #main .section01 > ul > li.hotpost .rollbanner ul.slide > li { position:relative; height:409px; overflow:hidden; } #main .section01 > ul > li.hotpost .rollbanner ul.slide > li > a { position:absolute; display:block; width:865px; top:0px; left:50%; margin-left:-454.5px;} #main .section01 > ul > li.hotpost .rollbanner ul.slide > li .subject { position:absolute; bottom:0px; left:0px; width:100%; padding:7px 0 0 0; height:53px; background:url(../images/main/hot_post_bg.png) repeat-x; } #main .section01 > ul > li.hotpost .rollbanner ul.slide > li .subject h4 { color:#fff; font-size:20px; font-weight:bold; margin-left:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; } #main .section01 > ul > li.hotpost .rollbanner ul.slide > li .subject span { color:#fff; font-size:14px; font-weight:bold; margin-left:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; } #main .section01 > ul > li.hotpost .rollbanner ul.slide > li .subject a {position:absolute; bottom:15px; right:15px; } #main .section01 > ul > li.hotpost .btn-left { position:absolute; top:50%; margin-top:-26px; left:0px; z-index:2; } #main .section01 > ul > li.hotpost .btn-right { position:absolute; top:50%; margin-top:-26px; right:0px; z-index:2; } /* #main .section01 > ul > li.hotpost .rollbanner div.owl-carousel .bannerlist { height:450px;} */ #main .section01 > ul > li.hotpost .rollbanner div.owl-carousel .bannerlist { position:relative; height:409px; overflow:hidden; } #main .section01 > ul > li.hotpost .rollbanner div.owl-carousel .bannerlist img {position:absolute;left:22px;} #main .section01 > ul > li.hotpost .rollbanner div.owl-carousel .bannerlist > a { position:absolute; display:block; width:865px; top:0px; left:50%; margin-left:-454.5px;} #main .section01 > ul > li.hotpost .rollbanner div.owl-carousel .bannerlist .subject { position:absolute; bottom:0px; left:0px; width:100%; padding:7px 0 0 0; height:53px; background:url(../images/main/hot_post_bg.png) repeat-x; } #main .section01 > ul > li.hotpost .rollbanner div.owl-carousel .bannerlist .subject h4 { color:#fff; font-size:20px; font-weight:bold; margin-left:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; } #main .section01 > ul > li.hotpost .rollbanner div.owl-carousel .bannerlist .subject span { color:#fff; font-size:14px; font-weight:bold; margin-left:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; } #main .section01 > ul > li.hotpost .rollbanner div.owl-carousel .bannerlist .subject a {position:absolute; bottom:15px; right:15px; } #main .section01 > ul > li.loginset { position:absolute; top:15px; right:0px; width:319px; padding:0 height:409px;} #main .section01 > ul > li.loginset .banner { border:solid 1px #e6e4df; } #main .section01 > ul > li.loginset .banner .mm_banner{ display:none } #main .section01 > ul > li.loginset .notice h4 { height:48px; line-height:48px; font-size:18px; font-weight:bold; border-bottom:solid 1px #ffca08; } #main .section01 > ul > li.loginset .notice h4 a { float:right; font-size:12px; font-weight:bold; color:#a1a19d; background:url(../images/main/btn_right2.png) no-repeat right center; padding-right:20px; } #main .section01 > ul > li.loginset .notice ul > li { display:block; margin-top:15px; height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; *display:block; } #main .section01 > ul > li.loginset .notice ul > li a { background:url(../images/main/bullet01.png) no-repeat 5px center; padding-left:14px; font-size:14px; font-weight:normal; color:#66635c; } #main .section02 { width:1200px;margin:auto;margin-bottom:100px;} #main .section02 .cols01 {width:295px;margin-top:15px;float:left;position:relative;} /*#main .section02 .cols01 ul {top:10px;left:35px;position:absolute;width:240px;} #main .section02 .cols01 ul > li {list-style:disc;font-size:14px;color:#fff;letter-spacing:-1px;line-height:30px;} #main .section02 .cols01 ul > li > span {float:right;}*/ #main .section02 .menu_box {width:220px;height:200px;position:relative;z-index:998;margin-top:15px;} #main .section02 .cols01 .menu_box > ul {width:220px;float:left; padding-left:20px;} #main .section02 .cols01 .menu_box > ul > li {color:#525050; height:32px; border-bottom:1px solid #cccccc; padding-top:15px;} #main .section02 .cols01 .menu_box > ul > li a{font-size:17px; font-weight:500; color:#0d1d2d; display:block; letter-spacing:0px;} #main .section02 .cols01 .menu_box > ul > li:hover a{color:#3a60ae; height:30px; border-bottom:3px solid #3a60ae; } #main .section02 .cols01 .menu_box > ul > li.cur a{border-bottom:solid 5px #ffca08; color:#555;} #main .section02 .cols01 .menu_box > ul > span {float:right;} #main .section02 .cols01 .menu_box .menu_on a{color:#3a60ae; height:30px; border-bottom:3px solid #3a60ae;} #main .section02 .banner_box {width:240px;margin-top:26px;float:left;margin-left:2px; padding-left:20px; padding-bottom:50px;} #main .section02 .banner_box .list_box {display:inline-block;width:191px;margin-top:5px;} #main .section02 .banner_box .list_box .fl {float:left;} #main .section02 .banner_box .list_box .fr {float:right;} /*#gnb-menu .inner .menu { display:inline-block; zoom:1; *display:inline; padding-top:40px; margin-left:320px; } #gnb-menu .inner .menu li { float:left; height:62px; padding-left:25px;padding-right:25px;} #gnb-menu .inner .menu li a { font-size:18px; font-weight:500; color:#0d1d2d; display:block; letter-spacing:-2px; } #gnb-menu .inner .menu li:hover a { border-bottom:solid 5px #ffca08 } #gnb-menu .inner .menu li.cur a { border-bottom:solid 5px #ffca08; color:#555; }*/ #main .section02 .cols02 { width:905px; margin-top:29px; float:right; position:relative; } #main .section02 .cols02 .cont_tlt {margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #cccccc;overflow:hidden;} #main .section02 .cols02 .cont_tlt .contTit {float:left;} #main .section02 .cols02 .cont_tlt .contTit {color:#222222;font-size:32px;font-weight:700;line-height:35px;} #main .section02 .cols02 .cont_tlt .path {margin-top:13px;text-align:right;} #main .section02 .cols02 .cont_tlt .path span {display:inline-block;background:url('../images/introduction/icon_pathArr.png') no-repeat left center;} #main .section02 .cols02 .cont_tlt .path strong {display:inline-block;background:url('../images/introduction/icon_pathArr.png') no-repeat left center;} #main .section02 .cols02 .cont_tlt .path span {padding:0 8px 0 12px;} #main .section02 .cols02 .cont_tlt .path strong {padding-left:12px;color:#444444;font-weight:700;} #main .section02 .cols02 .cont_tlt .path .home {background:url('../images/introduction/icon_pathHome.png') no-repeat center center;padding-left:0;width:11px;height:11px;} #main .section02 .cols02 .cont_tlt .path .home span {font-size:0;position:absolute;top:-9999px;} /******************************************************************************************* sub영역-인사말 /*******************************************************************************************/ #main .section02 .content001 {position:relative; width:905px; } #main .section02 .cols02 .content001 p.img {padding-bottom:20px;} #main .section02 .cols02 .content001 p.txt001 {padding-left:20px;font-size:16px;font-weight:500;line-height:30px;color:#444444;} #main .section02 .cols02 .content001 p.txt002 {padding-left:20px;font-size:16px;font-weight:500;line-height:30px;color:#444444; background-color:#f5f5f5;} #main .section02 .cols02 .content001 p.txt003 {padding-left:20px;font-size:16px;font-weight:500;line-height:30px;color:#444444;} #main .section02 .cols02 .content001 p.txt004 {padding-left:20px;font-size:16px;font-weight:500;line-height:30px;color:#444444; background-color:#f5f5f5;} #main .section02 .cols02 .content001 p.txt005 {padding-left:20px;font-size:16px;font-weight:500;line-height:30px;color:#444444; padding-bottom:55px;} #main .section02 .cols02 .content001 p.txt005 {float:right; margin-bottom:50px;} /******************************************************************************************* sub영역-찾아오시는 길 /*******************************************************************************************/ #main .section02 .content006 {position:relative; width:905px; margin-bottom:120px;} #main .section02 .cols02 .content006 p.img {padding-bottom:20px;} #main .section02 .cols02 .content006 p.box001 {margin-top:50px;width:850px; padding: 5px 5px 5px 5px;background-color: #fafafa;border: 1px solid #dddddd; display:flex; justify-content:center; align-items: center; } #main .section02 .cols02 .content006 .line {margin-left:20px;width:850px;border-bottom:2px solid #448ccb;padding:5px 0 5px 0;} #main .section02 .cols02 .content006 p.txt006 {padding-left:20px;font-size:16px;font-weight:700;line-height:18px;color:#3a60ae; padding-bottom:5px;} #main .section02 .cols02 .content006 p.txt007 {padding-left:20px;font-size:16px;font-weight:500;line-height:30px;color:#444444; padding-top:15px;} /******************************************************************************************* sub영역-소개 /*******************************************************************************************/ #main .section02 .content002 {position:relative; width:905px; margin-bottom:80px;} /******************************************************************************************* sub영역-주요연혁 /*******************************************************************************************/ #main .section02 .content003 { position:relative; width:905px; height:1500; } /******************************************************************************************* sub영역-조직도 /*******************************************************************************************/ #main .section02 .content004 {position:relative; width:905px; margin-bottom:80px; } .visualarea001 {background:url('../images/introduction/sub_img_02.gif') no-repeat right 0;padding-bottom:95px; height:419px;} .iconContTit {margin-top:5px;margin-bottom:28px;padding-top:5px;color:#555555;font-size:26px;font-weight:700;} .lineContTit {background:url('../images/introduction/txt_img.gif') no-repeat left top;margin-top:5px;margin-bottom:28px;padding-top:5px;color:#555555;font-size:22px;font-weight:700;} #main .section02 .cols02 .content001 .visualarea001 .list {margin-top:5px;margin-bottom:28px;padding-top:5px;color:#555555;font-size:13px;font-weight:500; line-height:22px;} .iconsubTit {background:url('../images/introduction/icon_01.gif') no-repeat left top;margin-top:5px;margin-bottom:28px;padding-top:5px;color:#555555;font-size:18px;font-weight:500;} .iconsmallTit {background:url('../images/introduction/icon_02.gif') no-repeat left top;margin-top:5px;margin-bottom:28px;padding-top:5px;color:#555555;font-size:18px;font-weight:500;} /******************************************************************************************* sub영역-CI소개 /*******************************************************************************************/ #main .section02 .content005 {position:relative; width:905px; margin-bottom:80px;} #main .section02 .cols02 .content005 p.img {padding-bottom:20px;} /******************************************************************************************* sub영역-사이트맵 /*******************************************************************************************/ /* sitemap */ .sitemap{ overflow:hidden; width:100%; margin:0 auto; padding:20px 0; } .sitemap_menubox{ float:left; width:180px;height:360px; border:1px solid #ddd; padding-left:10px; padding-right:10px; margin-right:15px; margin-bottom:20px; } .sitemap_menubox:last-child{margin-right:0;} .sitemap_menubox .menu_title{ margin-top:5px; padding-top:10px; padding-left:35px; font-size:21px;color:#000; } .sitemap_menubox .menu_title:after{ display:block; content:""; margin:15px auto 10px; } .sitemap_menubox .menu_title_line{ border-top:3px solid #5077c5; margin-bottom:15px; } .sitemap_menubox:nth-child(1) .menu_title{ background:url(/images/home/glyphicons01.png) no-repeat 3px 17px } .sitemap_menubox:nth-child(2) .menu_title{ background:url(/images/home/glyphicons02.png) no-repeat 3px 15px } .sitemap_menubox:nth-child(3) .menu_title{ background:url(/images/home/glyphicons03.png) no-repeat 3px 17px } .sitemap_menubox:nth-child(4) .menu_title{ background:url(/images/home/glyphicons04.png) no-repeat 3px 15px } .sitemap_menubox:nth-child(5) .menu_title{ background:url(/images/home/glyphicons05.png) no-repeat 3px 17px } .sitemap_menubox:nth-child(6) .menu_title{ background:url(/images/home/glyphicons06.png) no-repeat 3px 10px } .sitemap_menubox:nth-child(7) .menu_title{ background:url(/images/home/glyphicons07.png) no-repeat 3px 17px } .sitemap_menubox ul{} .sitemap_menubox ul li{margin-bottom:15px;} .sitemap_menubox ul li a{font-size:15px;color:#666;} /***************************************************************************************************************************************** common 타이틀, 텍스트 정의 *****************************************************************************************************************************************/ /* lnb 타이틀 */ .lnbTit {background:url('../images/introduction/txt_img.gif') no-repeat left top;padding:53px 20px 18px 20px;color:#ffffff;font-size:19px;font-weight:700;} /* 컨텐츠 타이틀 */ .contTit {color:#222222;font-size:32px;font-weight:700;line-height:35px;} .subTit {margin-top:56px;margin-bottom:14px;color:#333333;font-size:26px;font-weight:700;} .smallTit {margin-top:35px;margin-bottom:14px;color:#333333;font-size:18px;font-weight:700;} /* 블릿형 타이틀 */ .blueTit {} .blueSubTit {background:url('/images/kor/icon/icon_blueSubTit.png') no-repeat left center;margin-bottom:10px;padding-left:10px;color:#1767b3;font-size:14px;font-weight:700;} .secomBulletTit {background:url('/images/kor/icon/icon_secomBulletTit.png') no-repeat left center;margin-top:60px;margin-bottom:28px;padding-left:20px;color:#333333;font-size:18px;font-weight:700;} /* 컨텐츠 내 공통 타이틀 */ .lineContTit {background:url('../images/introduction/txt_img.gif') no-repeat left top;margin-top:5px;margin-bottom:28px;padding-top:5px;color:#333333;font-size:26px;font-weight:700;} /* 컨텐츠 타이틀과 인접한 최소단위 타이틀 제어 */ .lineContTit ~ .smallTit {margin-top:-14px;} .lineContTit + .smallTit {color:#444444;} /* 팝업 타이틀 */ .popContTit {color:#333333;font-size:26px;font-weight:700;line-height:30px;} .popSubTit {color:#333333;font-size:18px;font-weight:700;line-height:20px;} .popSubTit span {font-weight:400;} .popPrintContTit {color:#333333;font-size:32px;font-weight:700;line-height:38px;} /* 공통 타이틀 스타일 */ .captionTit {margin-bottom:15px;width:auto;height:auto;color:#333333;font-size:18px;font-weight:700;line-height:100%;text-align:left;visibility:visible;position:relative;top:0;} /* 표 제목 */ .captionsecomBulTit {background:url('/images/kor/icon/icon_secomBulletTit.png') no-repeat left center;margin-top:60px;margin-bottom:18px;padding-left:20px;width:auto;height:auto;color:#333333;font-size:18px;font-weight:700;line-height:100%;text-align:left;visibility:visible;} .editerTit {} /* 에디터 타이틀 */ .viewTit {} /* 보기 타이틀 */ .termsTit {margin-bottom:14px;color:#333333;font-size:18px;font-weight:700;} /* 약관 타이틀 */ .termsSubTit {margin-bottom:15px;color:#444444;font-size:16px;font-weight:700;} /* 약관 서브타이틀 */ /* 타이틀 영역 설정 */ .contTitWrap {} .subTitWrap {} .smallTitWrap {} /* 공통 텍스트 스타일 */ .tit {} .txt {} .editerTxt {} .pointTxt {} .lineTxt {} .boldTxt {font-weight:700;} .pointColor {color:#0b50a1;} /* 기본 포인트 색상 */ .pointSubColor {color:#e73227;} /* 기본 포인트 서브색상 */ .txtTableInfo {margin-bottom:10px;text-align:right;} /* 테이블 상단 안내 */ /******************************************************************************************* 컨텐츠영역 초기값 설정 .contents ********************************************************************************************/ /*.contentsWrap {padding:50px 0 0 240px;min-height:600px;} .contentsWrap header {margin-bottom:48px;padding-bottom:14px;border-bottom:1px solid #cccccc;overflow:hidden;} .contentsWrap header .contTit {float:left;} .contentsWrap .infoTxt {margin-bottom:16px;font-size:14px;line-height:22px;} /* 페이지 상단 안내글 영역 */ /* .contentsWrap .path {margin-top:13px;text-align:right;} /* 공통 네비게이션 영역 */ /*s .contentsWrap .path span, .contentsWrap .path strong {display:inline-block;background:url('/images/kor/icon/icon_pathArr.png') no-repeat left center;} .contentsWrap .path span {padding:0 8px 0 12px;} .contentsWrap .path strong {padding-left:12px;color:#444444;font-weight:700;} .contentsWrap .path .home {background:url('/images/kor/icon/icon_pathHome.png') no-repeat center center;padding-left:0;width:11px;height:11px;} .contentsWrap .path .home span {font-size:0;position:absolute;top:-9999px;}*/ #main .section02 .community_box {position:absolute;right:13px;top:10px;width:305px;height:363px;} #main .section02 .cols02 .community_box > ul > li {color:#2d487b;} #main .section02 .cols02 .cardnews_box .btn_more {position:absolute;z-index:998;right:15px;top:15px;} #main .section02 .cols02 .cardnews_box {position:absolute;right:13px;top:10px;width:305px;height:363px;} #main .section02 .cols02 .cardnews_box .con_box {margin-top:52px;margin-left:15px;font-size:14px;line-height:20px;letter-spacing:-1px;} #main .section02 .cols02 .con_box p.img {margin-bottom:10px;} #main .section02 .cols02 .con_box p.title {color:#4f4f4f;} #main .section02 .cols02 .con_box p.date {color:#a1a0a0;} #main .section03 { width:1200px;margin:auto;height:214px;position:relative;} #main .section03 .cols01 {width:240px;margin-top:26px;float:left;margin-left:2px;} #main .section03 .cols01 .list_box {display:inline-block;width:191px;margin-top:5px;} #main .section03 .cols01 .list_box .fl {float:left;} #main .section03 .cols01 .list_box .fr {float:right;} #main .section03 .cols02 {width:793px;float:right;height:214px;position:relative;} #main .section03 .cols02 .btn_more {position:absolute;z-index:998;left:34px;top:125px;} @media all and (max-width: 1000px) { } @media all and (max-width: 900px) { } @media all and (max-width: 640px) { } @media all and (max-width: 440px) { }