/*공통*/ .objectWr { position:relative; width:1200px; margin:0 auto; text-align:center;} .boxWr { width:100%; overflow:hidden; } .more { position:absolute; right:23px; top:23px; } /* Logo */ .header_bottom h1 { width:35%; padding-top:10px; padding-bottom:10px; position:relative; margin:0 auto; text-align:center; border:1px solid #00ff00; } .header_bottom h1 a img {margin:8px auto 8px auto;} /* 검색 */ .header_bottom .search_area { position:absolute; top:0px; right:0px; overflow:hidden; padding-top:40px; margin-right:10px; border:0px solid #00ff00; } .bigbanner_area {display:block; margin-top:100px; position:relative; width:100%; height:auto; padding:0; overflow:hidden;} /* main slide area */ .main-slide-area {/*background:url(/images/main/slide/slide_basic_bg.jpg) no-repeat center center;*/ float:left; width:100%; height:auto; display:inline-block; overflow:hidden; margin:0 0 0 0; padding:0; z-index:1; border:0px solid #00ff00;} .margin-right-no {margin-right:0;} .aositem { /* width: 200px; height: 200px; margin: 50px auto; padding-top: 75px; background: #ccc; text-align: center; */ display: inline-block; width: 100%; padding: 0; color: #000; font-size: 1em; font-family: "ibm-kr",'Spoqa Han Sans Neo', sans-serif; } .aositem > * {vertical-align:top; border:0px solid #ff00ff;} /* .aositem::before { content: attr(data-id); position: relative; width: 100%; height: 100%; float: left; background: #1da4e2; line-height: 260px; text-align: center; color: #fff; } */ @media only screen and (max-width: 1024px) and (min-width: 767px) { } @media only screen and (max-width: 767px) and (min-width: 480px) { } @media only screen and (max-width: 479px) and (min-width: 250px) { } /* 바로가기 */ #mainpage_sec1 {width:100%; padding:20px 0; margin:0; vertical-align:top; text-align:center; display:block; position:relative; background:#354b69; border-top:1px solid #0b6391; border-bottom:1px solid #0b6391;} #mainpage_sec1 .directgo-wrap {width:100%; max-width:1300px; margin:0 auto; padding:0; display:flex; flex-wrap: wrap; align-items: stretch; position:relative; } #mainpage_sec1 .directgo-wrap .directlinkbox {/*width:21.8%; margin:0 1%; padding:0;*/ width:25.0%; margin:0; padding:30px 0; /*display:inline-block; */ position:relative; /*background:#fff; */ /* box-shadow: 3px 1px 5px 0px #c2c2c2; border-radius:10px; */ -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -khtml-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; border:0px solid #465e7e; } #mainpage_sec1 .directgo-wrap .directlinkbox:nth-child(1) {/*background-color: #0fb2af;*/} #mainpage_sec1 .directgo-wrap .directlinkbox a {display:inline-block;} #mainpage_sec1 .directgo-wrap .directlinkbox a p img {width:100%; /*max-width:96px; max-width:76px;*/ max-height:74px; transition-duration:0.6s;} #mainpage_sec1 .directgo-wrap .directlinkbox a:hover p img {width:100%; max-width:76px; transform: scale(1.1);} #mainpage_sec1 .directgo-wrap .directlinkbox a h4 {padding:15px 0 0 0; margin:0 auto; text-align:center; line-height:1.4; font-size:18px; font-weight:400; color:#efefef; word-break:keep-all;} #mainpage_sec1 .directgo-wrap .directlinkbox a:hover h4 {color:#fff;} @media only screen and (max-width: 767px) and (min-width: 480px) { #mainpage_sec1 {width:100%; padding:0 0 0 0;} #mainpage_sec1 .directgo-wrap .directlinkbox {width:50%; border:1px dashed #465e7e; margin:0; padding:0; /*background:rgba(222,235,250,1);*/ border-collapse:collapse;} #mainpage_sec1 .directgo-wrap .directlinkbox:nth-child(1) {/*margin-left:-5px; border-left:0;*/ border-top:0; border-left:0;} #mainpage_sec1 .directgo-wrap .directlinkbox:nth-child(2) {/*margin-left:-5px;*/ border-top:0; border-right:0;} #mainpage_sec1 .directgo-wrap .directlinkbox:nth-child(3) {/*margin-left:-5px; border-left:0;*/ border-left:0; border-bottom:0;} #mainpage_sec1 .directgo-wrap .directlinkbox:nth-child(4) {/*margin-left:-5px;*/ border-right:0; border-bottom:0;} #mainpage_sec1 .directgo-wrap .directlinkbox a {display:block; width:100%; height:100%; padding:22px 0 15px 0;} #mainpage_sec1 .directgo-wrap .directlinkbox a p img {width:100%; max-width:38px; height:50px} #mainpage_sec1 .directgo-wrap .directlinkbox a:hover p img {width:100%; max-width:38px; transform: scale(1.0);} #mainpage_sec1 .directgo-wrap .directlinkbox a h4 {padding:15px 0 0 0; margin:0 auto; font-size:14px; } #mainpage_sec2 .exp_list_wrap {margin:10px auto 20px auto; padding:0;} } @media only screen and (max-width: 479px) and (min-width: 250px) { #mainpage_sec1 {width:100%; padding:0 0 0 0;} #mainpage_sec1 .directgo-wrap .directlinkbox {width:50%; border:1px dashed #465e7e; margin:0; padding:0; /*background:rgba(222,235,250,1);*/ border-collapse:collapse;} #mainpage_sec1 .directgo-wrap .directlinkbox:nth-child(1) {/*margin-left:-5px; border-left:0;*/ border-top:0; border-left:0;} #mainpage_sec1 .directgo-wrap .directlinkbox:nth-child(2) {/*margin-left:-5px;*/ border-top:0; border-right:0;} #mainpage_sec1 .directgo-wrap .directlinkbox:nth-child(3) {/*margin-left:-5px; border-left:0;*/ border-left:0; border-bottom:0;} #mainpage_sec1 .directgo-wrap .directlinkbox:nth-child(4) {/*margin-left:-5px;*/ border-right:0; border-bottom:0;} #mainpage_sec1 .directgo-wrap .directlinkbox a {display:block; width:100%; height:100%; padding:22px 0 15px 0;} #mainpage_sec1 .directgo-wrap .directlinkbox a p img {width:100%; max-width:38px; height:50px} #mainpage_sec1 .directgo-wrap .directlinkbox a:hover p img {width:100%; max-width:38px; transform: scale(1.0);} #mainpage_sec1 .directgo-wrap .directlinkbox a h4 {padding:15px 0 0 0; margin:0 auto; font-size:14px; } #mainpage_sec2 .exp_list_wrap {margin:10px auto 20px auto; padding:0;} } /* 게시판 불러오기 */ #mainpage_sec2 {width:100%; padding:50px 0 40px 0; margin:0; /*background:#f6f6f6; background:#e8f0fa;*/ background:#eeeeee; vertical-align:top; text-align:center; display:block; position:relative;} #mainpage_sec2 .mainboard-wrap {width:100%; max-width:1300px; vertical-align:top; margin:0 auto; padding:0; display:block; position:relative;} #mainpage_sec2 .mainboard-wrap .inboard-area {width:46%; margin:0 1.7%; padding:0 25px; vertical-align:top; /*border:1px solid #dedede; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; background:#fff;*/ display:inline-block; position:relative;} #mainpage_sec2 .mainboard-wrap .inboard-area .tit {font-size:22px; color:#1f80a6; font-weight:500; padding:30px 10px 11px 10px; margin-bottom:18px; text-align:left; vertical-align:top; border-bottom:1px solid #999; } #mainpage_sec2 .mainboard-wrap .inboard-area a.inboard-go-plus {position:absolute; top:10px; right:20px; color:#999; font-size:30px; font-weight:400; padding:10px; text-align:center; vertical-align:top;} #mainpage_sec2 .mainboard-wrap .inboard-area a.inboard-go-plus:hover {color:#07729c;} #mainpage_sec2 .mainboard-wrap .inboard-area ul {width:100%; margin:0 0 0 0; vertical-align:top; } #mainpage_sec2 .mainboard-wrap .inboard-area ul li {font-size:16px; text-align:left; vertical-align:top; font-weight:normal; line-height:1.5; padding:0px 0 10px 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url('/images/main/board_list_icon.png')no-repeat left 10px; } @media only screen and (max-width: 767px) and (min-width: 480px) { #mainpage_sec2 {padding:15px 0 20px 0; margin:0; background:#fff;} #mainpage_sec2 .mainboard-wrap {width:98%; margin:0 1%;} #mainpage_sec2 .mainboard-wrap .inboard-area {width:100%; margin:0 0 12px 0; padding:0 15px 10px 10px; border:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border-bottom:1px solid #ddd;} #mainpage_sec2 .mainboard-wrap .inboard-area:nth-child(2) {border-bottom:0; margin-bottom:0;} #mainpage_sec2 .mainboard-wrap .inboard-area .tit {font-size:19px; font-weight:500; padding:15px 0;} #mainpage_sec2 .mainboard-wrap .inboard-area a.inboard-go-plus {top:2px; right:15px; font-size:25px;} #mainpage_sec2 .mainboard-wrap .inboard-area ul li {font-size:13px; line-height:1.5; padding:0 0 7px 15px; background:url('/images/main/board_list_icon.png')no-repeat left 9px; background-size:3px;} } @media only screen and (max-width: 479px) and (min-width: 250px) { #mainpage_sec2 {padding:15px 0 20px 0; margin:0; background:#fff;} #mainpage_sec2 .mainboard-wrap {width:98%; margin:0 1%;} #mainpage_sec2 .mainboard-wrap .inboard-area {width:100%; margin:0 0 12px 0; padding:0 15px 10px 10px; border:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border-bottom:1px solid #ddd;} #mainpage_sec2 .mainboard-wrap .inboard-area:nth-child(2) {border-bottom:0; margin-bottom:0;} #mainpage_sec2 .mainboard-wrap .inboard-area .tit {font-size:19px; font-weight:500; padding:15px 0;} #mainpage_sec2 .mainboard-wrap .inboard-area a.inboard-go-plus {top:2px; right:15px; font-size:25px;} #mainpage_sec2 .mainboard-wrap .inboard-area ul li {font-size:13px; line-height:1.5; padding:0 0 7px 15px; background:url('/images/main/board_list_icon.png')no-repeat left 9px; background-size:3px;} } /*footer*/ #footerWr { position:relative; display:block; width:100%; font-size:12px; font-family: 'Spoqa Han Sans Neo', "ibm-kr", sans-serif; margin-top:0px; border-top:1px solid #d1d1d1; background:#ffffff; color:#000; padding-top:0px;} #footer-area {position:relative; width:1200px; overflow:hidden; margin:0px auto 0 auto; padding:10px 0 20px 0; border:0px solid #ff00ff; } #theme_footArea_black {width:100%; display:block; position:relative; vertical-align:top; text-align:left; margin:0 auto; padding:0;} #theme_footArea_black .fo_nav_wrap {background:#f5f7f8; vertical-align:top; text-align:left; margin:0 auto; padding:0; width:100%; display:block; position:relative; } #theme_footArea_black .fo_nav_wrap .logo_area {width:24%; margin:0 3%; text-align:left; display:inline-block; vertical-align:top;} #theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo {width:; padding:10px; display:inline-block; vertical-align:top;} #theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo img {height:100%; max-height:32px;} #theme_footArea_black .fo_nav_wrap .link_area {width:64%; margin:0 3% 0 2%; text-align:right; display:inline-block; vertical-align:top;} #theme_footArea_black .fo_nav_wrap .link_area span {margin:20px 15px; vertical-align:top; display:inline-block; overflow:hidden;} #theme_footArea_black .fo_nav_wrap .link_area span a {color:#262626; font-size:14px; } #theme_footArea_black .fo_nav_wrap .link_area span a:hover {color:#3475bc;} #theme_footArea_black .fo_info_wrap { /* background:#282828; */ background:#043a5d; vertical-align:top; text-align:left; display:block; position:relative; } #theme_footArea_black .fo_info_wrap * {} #theme_footArea_black .fo_info_wrap .con_A {width:34%; padding:0 0 0 50px; margin:40px auto; display:inline-block; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_A h1 {padding:0 0 35px 0; margin:0; font-size:15px;font-weight:bold; color:#e9e9e9;} /* #theme_footArea_black .fo_info_wrap .con_A .add {min-height:90px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} */ #theme_footArea_black .fo_info_wrap .con_A .add {min-height:40px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_A .exp {padding-bottom:10px; display:block; line-height:1.6; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_A .add.ver_eng {min-height:140px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_A .number {padding-bottom:5px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_A .number span {color:#6b6b6b; font-size:12px; padding-right:12px;} #theme_footArea_black .fo_info_wrap .con_A .number a {color:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_A .number a:link, #theme_footArea_black .fo_info_wrap .con_A .number a:active, #theme_footArea_black .fo_info_wrap .con_A .number a:visited {color:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_A .number a:hover {color:#fff;} #theme_footArea_black .fo_info_wrap .con_B {width:24%; padding:0 0 0 50px; margin:40px auto; display:inline-block; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_B h1 {padding:0 0 35px 0; margin:0; font-size:15px;font-weight:bold; color:#e9e9e9;} /* #theme_footArea_black .fo_info_wrap .con_B .add {min-height:90px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} */ #theme_footArea_black .fo_info_wrap .con_B .add {min-height:40px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_B .add.ver_eng {min-height:140px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_B .number {padding-bottom:5px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_B .number span {color:#6b6b6b; font-size:12px; padding-right:12px;} #theme_footArea_black .fo_info_wrap .con_B .number a {color:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_B .number a:link, #theme_footArea_black .fo_info_wrap .con_B .number a:active, #theme_footArea_black .fo_info_wrap .con_B .number a:visited {color:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_B .number a:hover {color:#fff;} #theme_footArea_black .fo_info_wrap .con_C {width:14%; padding:0 0 0 50px; margin:40px auto; display:inline-block; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_C h1 {padding:0 0 35px 0; margin:0; font-size:15px;font-weight:bold; color:#e9e9e9;} #theme_footArea_black .fo_info_wrap .con_C .add {min-height:90px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_C .add.ver_eng {min-height:140px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_C .number {padding-bottom:5px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_C .number span {color:#6b6b6b; font-size:12px; padding-right:12px;} #theme_footArea_black .fo_info_wrap .con_C .number a {color:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_C .number a:link, #theme_footArea_black .fo_info_wrap .con_C .number a:active, #theme_footArea_black .fo_info_wrap .con_C .number a:visited {color:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_C .number a:hover {color:#fff;} #theme_footArea_black .fo_info_wrap .con_D {width:23%; padding:0 0 0 50px; margin:40px auto; display:inline-block; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_D h1 {padding:0 0 35px 0; margin:0; font-size:15px;font-weight:bold; color:#e9e9e9;} #theme_footArea_black .fo_info_wrap .con_D .iso {vertical-align:top; text-align:right;} #theme_footArea_black .fo_info_wrap .con_D .iso img {width:119px; display:inline-block;} #theme_footArea_black .fo_info_wrap .con_D .linkbanner {margin:0 3px 4px 0;vertical-align:top; text-align:left; max-width:150px; display:inline-block;} #theme_footArea_black .fo_info_wrap .con_D .linkbanner img {width:100%; max-width:150px; border-radius:8px;} #theme_footArea_black .container_COPY {color:#c3c3c3; padding:25px 0 25px 50px; vertical-align:top; text-align:left; border-top:1px solid #0b4468; display:block; position:relative; width:100%;} /* 메인페이지 롤링배너 */ .outDiv {border:1px solid #ddd; width:385px; height:40px; border-radius:8px; padding:6px 1%; margin:15px 4px; display:block;} .box {width:385px; height:30px; border:0; padding:6px 3px; font-size:15px; font-weight:400; } ul.outUl{border:3px solid red; width:150px; height:150px; padding:0; margin:0;list-style:none;} ul.outUl li{padding:0; margin:0; list-style:none;} .pa100{ padding:100px} .rollingbanner_blank {width:100%; height:10px; display:block; position:relative;} .rollingbanner_blank2 {width:100%; height:10px; display:block; position:relative;} /* 메인페이지 롤링배너 */