firstgarden/heegarden-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First Commit

Browse Source
This commit is contained in:
siane
2026-05-27 11:44:02 +09:00
commit 1de0de1fc5
2352 changed files with 198354 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
.env.example Normal file
View File

@ -0,0 +1,10 @@
TZ=Asia/Seoul
# 시스템 권한 설정 (보통 일반 사용자는 1000)
PUID=1000
PGID=1000
# MariaDB / MySQL 설정 (특수문자 ! 포함 예시)
DBROOTPW='Super!Root!Password123'
DBUSER='heegarden_user'
DBNAME='heegarden_db'
DBPW='My!Secret!Password@@'

66
.gitignore vendored Normal file
View File

@ -0,0 +1,66 @@
# 백업 및 임시 파일 (요청하신 부분)
*.bak
*.tmp
*.temp
*~
~*
# OS 자동 생성 시스템 파일
.DS_Store
Thumbs.db
desktop.ini
# 로그 및 런타임 파일
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# 환경 변수 및 비밀번호 (보안 필수)
.env
.env.local
.env.development.local
.env.test.local
.env.production.local
# IDE 및 편집기 설정 파일
.idea/
.vscode/
*.suo
*.ntvs*
*.njsproj
*.sln
*.swp
# 1. 먼저 프로젝트 루트의 모든 파일과 폴더를 제외합니다.
/*
# 2. 필수 설정 파일들은 예외로 두어 Git 관리 대상에 포함합니다.
!.gitignore
!.env.example
!docker-compose.yml
# 상위폴더 권한허용
!/web/
!/web/html/
/web/html/*
# 3. theme 폴더와 그 내부의 모든 것을 포함합니다.
!/web/html/theme/
/web/html/theme/*
!/web/html/theme/*/
/web/html/theme/basic/
# 4. extend 폴더와 그 내부의 모든 것을 포함합니다.
!/web/html/extend/
/web/html/extend/*
!/web/html/extend/*/
!/web/conf.d/
/web/conf.d/*
!/web/conf.d/*/
# (선택) 만약 db 폴더나 web/data 등 docker 실행 파일들이 루트에 있다면
# 위에서 /* 로 이미 제외되었기 때문에 안전하지만, 명시적으로 적어주어도 좋습니다.
/db/
/web/html/data/

36
docker-compose.yml Normal file
View File

@ -0,0 +1,36 @@
services:
web:
image: reg.siane.kr/apache-php:8.2.7
#container_name: web
restart: always
depends_on:
- db
environment:
PUID: ${PUID}
PGID: ${PGID}
TZ: ${TZ}
volumes:
- ./web/html:/var/www/html
- ./web/conf.d/www-default.ini:/usr/local/etc/php/conf.d/www-default.ini
ports:
- 80:80
db:
image: mariadb:10.6.5
#container_name: mariadb
restart: unless-stopped
#ports:
# - 3306:3306
volumes:
- ./db/mysql:/var/lib/mysql
- ./db/conf.d:/etc/mysql/conf.d:ro
- ./db/backup:/backup
- ./db/log:/var/log/maria
environment:
TZ: ${TZ}
ALLOW_EMPTY_PASSWORD: "no"
MYSQL_ROOT_PASSWORD: ${DBROOTPW}
MYSQL_DATABASE: ${DBNAME}
MYSQL_USER: ${DBUSER}
MYSQL_PASSWORD: ${DBPW}

116
web/html/theme/AT_WEB01/AT_WEB01_게시판 설정.txt Normal file
View File

@ -0,0 +1,116 @@
1. 관리자 > 게시판그룹관리 > 게시판 그룹 추가 (at01_gall , at01_table)
2. 게시판 관리 >게시판 추가
그룹 at01_table (at01_FAQ [스킨: (테마) faq] , at01_QA [스킨: (테마) qa] ,at01_ing_project [스킨: (테마) basic_table] ,at01_news [스킨: (테마) basic_table])
그룹 at01_gall (at01_gallery [스킨: (테마) gallery_table] , at01_gall_list [스킨: (테마) gall_list] ,at01_webzine [스킨: (테마) webzine])
3. 게시판 관리 > 해당 게시판 수정> 디자인/양식 > 상단 내용 > HTML 탭 클릭후 아래내용추가
3.1 at01_gallery
<div class="ing_bnr_Wrap">
<div class="bnrimg product_banner"><br style="clear:both;"><br style="clear:both;"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">PRODUCT</h3>
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
<p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
</div>
</div>
<div class="mdlTxt">
<h2 class="wow flipInX" data-wow-duration="2s">갤러리형</h2>
</div>
3.2 at01_gall_list
<div class="ing_bnr_Wrap">
<div class="bnrimg product_banner"><br style="clear:both;"><br style="clear:both;"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">PRODUCT</h3>
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
<p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
</div>
</div>
<div class="mdlTxt">
<h2 class="wow flipInX" data-wow-duration="2s">리스트형</h2>
</div>
3.3 at01_webzine
<div class="ing_bnr_Wrap">
<div class="bnrimg product_banner"><br style="clear:both;"><br style="clear:both;"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">PRODUCT</h3>
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
<p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
</div>
</div>
<div class="mdlTxt">
<h2 class="wow flipInX" data-wow-duration="2s">웹진형</h2>
</div>
3.4 at01_FAQ
<div class="ing_bnr_Wrap">
<div class="bnrimg customer_banner"><br style="clear:both;"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">CUSTOMER</h3>
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
<p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
</div>
</div>
<div class="mdlTxt">
<h2 class="wow flipInX" data-wow-duration="2s">자주묻는 질문</h2>
<p class="wow flipInX" data-wow-delay="0.3s">골뱅이스토어에게 문의하세요. 친절하게 답해드리겠습니다.</p>
</div>
3.5 at01_ing_project
<div class="ing_bnr_Wrap">
<div class="bnrimg customer_banner"><br style="clear:both;"><br style="clear:both;"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">CUSTOMER</h3>
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
<p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
</div>
</div>
<div class="mdlTxt">
<h2 class="wow flipInX" data-wow-duration="2s">ING PROJECT</h2>
</div>
3.6 at01_news
<div class="ing_bnr_Wrap">
<div class="bnrimg customer_banner"><br style="clear:both;"><br style="clear:both;"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">CUSTOMER</h3>
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
<p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
</div>
</div>
<div class="mdlTxt">
<h2 class="wow flipInX" data-wow-duration="2s">NEWS</h2>
</div>
3.7 at01_QA
<div class="ing_bnr_Wrap">
<div class="bnrimg customer_banner"><br style="clear:both;"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">CUSTOMER</h3>
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
<p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
</div>
</div>
<div class="mdlTxt">
<h2 class="wow flipInX" data-wow-duration="2s">질문과 답변</h2>
</div>

6
web/html/theme/AT_WEB01/_common.php Normal file
View File

@ -0,0 +1,6 @@
<?php
include_once('../../common.php');
error_reporting(E_ALL);
ini_set("display_errors", 1);
?>

3
web/html/theme/AT_WEB01/business/_common.php Normal file
View File

@ -0,0 +1,3 @@
<?php
include_once('../../../common.php');
?>

219
web/html/theme/AT_WEB01/business/business_area.php Normal file
View File

@ -0,0 +1,219 @@
<?php
include_once('./_common.php');
include_once(G5_THEME_PATH.'/head.php');
?>
<script>
new WOW().init();
</script>
<div class="ing_bnr_Wrap">
<div class="bnrimg"><img src="<?php echo G5_THEME_IMG_URL ?>/business/banner.png"><br style="clear:both;"><br style="clear:both;"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">BUSINESS</h3>
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
<p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
</div>
</div>
<div class="mdlTxt">
<h2 class="wow flipInX" data-wow-duration="2s">사업영역</h2>
</div>
<div class="bs_area">
<div class="section first_area" >
<div class="inner clearfix">
<div class="leftarea">
<div class="img1 wow bounceInLeft" data-wow-delay="0.3s"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section1_img1.png" alt=""></div>
<div class="img2 wow bounceInLeft" data-wow-delay="0.3s"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section1_img2.png" alt=""></div>
</div>
<div class="rightarea wow bounceInRight" data-wow-delay="0.3s">
<div class="toptxt">
<h2>ATSTORE<br><span>TEMPLATE SKIN'S</span></h2>
</div>
<div class="mdllinewrap">
<div class="mdlline"></div>
</div>
<div class="mdltxt">
<p>골뱅이스토어에서 제작한 다양한 컨셉의 고급 스킨으로 <br>멋진 홈페이지를 구현해 보세요!</p>
</div>
<div class="bottomtxt">
<p>
잘 만든 홈페이지는 시간이 지나도 그 가치를 간직합니다. 다년간의 노하우와 경험으로 가장최적화된 디자인과 기술력을 선보입니다. 제작이 완성된 후에도 꾸준한 소통으로 항상 만족할 수 있도록 노력하겠습니다. 기능은 동일하지만 다양한 효과를 주어 시각적으로 다른 것처럼 보여질 수 있습니다. 고객에게 홍보와 상품구매로 이어지는 최적화된 절차, 컨슈머의 이목을 끌기 위한 기능 개발 등 가치있는 홈페이지로써의 최적화된 '기술'을 개발하기 위해 노력합니다.
</p>
</div>
</div>
</div>
</div>
<div class="section second_area">
<div class="bgc">
<div class="inner clearfix">
<div class="article">
<div class="artimg ai1"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon1.png" alt=""></div>
<div class="arttbox">
<div class="center">
<div class="leftnum">
<h3 class="count" data="760">0</h3>
</div>
<div class="righttxt">
<p>SATISFIED<br>CUSTOMERS</p>
</div>
</div>
</div>
</div>
<div class="article">
<div class="artimg ai2"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon2.png" alt=""></div>
<div class="arttbox">
<div class="center">
<div class="leftnum">
<h3 class="count" data="543">0</h3>
</div>
<div class="righttxt">
<p>COMPLETED<br>WORKS</p>
</div>
</div>
</div>
</div>
<div class="article">
<div class="artimg ai3"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon3.png" alt=""></div>
<div class="arttbox">
<div class="center">
<div class="leftnum">
<h3 class="count" data="120">0</h3>
</div>
<div class="righttxt">
<p>SATISFIED<br>CUSTOMERS</p>
</div>
</div>
</div>
</div>
<div class="article">
<div class="artimg ai4"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section2_icon4.png" alt=""></div>
<div class="arttbox">
<div class="center">
<div class="leftnum">
<h3 class="count" data="432">0</h3>
</div>
<div class="righttxt">
<p>COMPLETED<br>WORKS</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section third_area">
<div class="inner clearfix">
<div class="rightarea wow bounceInRight" data-wow-delay="0.3s">
<div class="imgwrap"></div>
</div>
<div class="leftarea wow bounceInLeft" data-wow-delay="0.3s">
<div class="txtbox tb1">
<div class="toptxt">
<h3>함께 나아가는 골뱅이스토어입니다.</h3>
</div>
<div class="bottomtxt">
<p>
잘 만든 홈페이지는 시간이 지나도 그 가치를 간직합니다. 다년간의 노하우와 경험으로 가장최적화된 디자인과 기술력을 선보입니다. 제작이 완성 된 후에도 꾸준한 소통으로 항상 만족할 수 있도록 노력하겠습니다. 기능은 동일하지만 다양한 효과를 주어 시각적으로 다른 것처럼 보여질 수 있습니다. 고객에게 홍보와 상품구매로 이어지는 최적화된 절차, 컨슈머의 이목을 끌기 위한 기능 개발 등 가치있는 홈페이지로써의 최적화된 '기술' 을 개발하기 위해 노력합니다.
</p>
</div>
</div>
<div class="txtbox tb2">
<div class="toptxt">
<h3>How We <span>Work</span></h3>
</div>
<div class="bottombox">
<div class="boxarticle">
<div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon1.png" alt=""></div>
<div class="boxtxtwrap">
<div>
<p class="p1">EASY AND FAST</p>
</div>
<div>
<p>쉽게 사이트를 제작할수 있으며 빠른 시간안에 웹사이트를 만나볼 수 있습니다.</p>
</div>
</div>
</div>
<div class="boxarticle">
<div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon2.png" alt=""></div>
<div class="boxtxtwrap">
<div>
<p class="p1">STRATEGY DEVELOPMENT</p>
</div>
<div>
<p>전문적 제작 컨설팅 및 다양한 경험을 바탕으로 제대로 된 웹 서비스를 재공합니다.</p>
</div>
</div>
</div>
<div class="boxarticle">
<div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon3.png" alt=""></div>
<div class="boxtxtwrap">
<div>
<p class="p1">HIGH QUALITY</p>
</div>
<div>
<p>차별화된 디자인과 체계적인 제작으로 고객님이 만족하는 웹사이트를 제작합니다.</p>
</div>
</div>
</div>
<div class="boxarticle">
<div class="boximgwrap"><img src="<?php echo G5_THEME_IMG_URL?>/business/area_section3_icon4.png" alt=""></div>
<div class="boxtxtwrap">
<div>
<p class="p1">PROJECT MANAGEMENT</p>
</div>
<div>
<p>고객의 목적과 상황에 맞게 컨설팅 및 분석을 하여 고객의 맞는 웹서비스를 제공합니다.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(window).scroll(function() {
var sectionTwo = $('.second_area');
var sectionTwoOffset = sectionTwo.offset().top;
var windowHeight = $(window).height();
var windowScroll = $(this).scrollTop();
// console.log(windowScroll);
if(windowScroll > sectionTwoOffset - windowHeight / 2) {
// console.log("hi");
$(window).off("scroll");
$('.count').each(function () {
var $this = $(this);
jQuery({ Counter: 0 }).animate({ Counter: $this.attr("data") }, {
duration: 2000,
easing: 'swing',
step: function () {
$this.text(Math.ceil(this.Counter));
}
});
});
}
});
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

169
web/html/theme/AT_WEB01/business/business_info.php Normal file
View File

@ -0,0 +1,169 @@
<?php
include_once('./_common.php');
include_once(G5_THEME_PATH.'/head.php');
?>
<script>
new WOW().init();
</script>
<div class="ing_bnr_Wrap">
<div class="bnrimg"><img src="<?php echo G5_THEME_IMG_URL ?>/business/banner.png"><br style="clear:both;"><br style="clear:both;"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">BUSINESS</h3>
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
<p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
</div>
</div>
<div class="mdlTxt">
<h2 class="wow flipInX" data-wow-duration="2s">사업소개</h2>
</div>
<div class="bs_info">
<div class="section cus_info">
<div class="inner">
<div class="figure_area">
<img class="wow bounceInUp" data-wow-delay="0.3s" src="<?php echo G5_THEME_IMG_URL ?>/business/section1_img1.png">
</div>
<div class="text_area">
<ul class="bsinfo_list clearfix">
<li class="bsinfo_item01 wow bounceInUp" data-wow-delay="0.1s" data-wow-offset="100">
<div class="tit_box">
<span class="sub_tit">AT Store</span>
<h3 class="main_tit">고객사의 요구사항을 이해하려 합니다.</h3>
</div>
<div class="desc_box">
<p>
기술을 모르는 고객사들 또한 이쁘고 멋진 홈페이지를 만들고 싶어 합니다. 고객사의 원하는 바를 지속적인 협의를 통해 고객사의 요구사항을 최대한 반영하고 고객사와 골뱅이 모두 '만족' 할 수 있는 홈페이지를 만들려고 노력합니다.
</p>
</div>
</li>
<li class="bsinfo_item02 wow bounceInUp" data-wow-delay="0.2s" data-wow-offset="100">
<div class="tit_box">
<span class="sub_tit">AT Store</span>
<h3 class="main_tit">기술 개발에 많은 시간을 투자합니다.</h3>
</div>
<div class="desc_box">
<p>
기능은 동일하지만 다양한 효과를 주어 시각적으로 다른 것처럼 보여질 수 있습니다. 고객에게 홍보와 상품구매로 이어지는 최적화된 절차, 컨슈머의 이목을 끌기 위한 기능 개발 등 가치있는 홈페이지로써의 최적화된 '기술'을 개발하기 위해 노력합니다.
</p>
</div>
</li>
<li class="bsinfo_item03 wow bounceInUp" data-wow-delay="0.3s" data-wow-offset="100">
<div class="tit_box">
<span class="sub_tit">AT Store</span>
<h3 class="main_tit">고객사의 요구사항을 이해하려 합니다.</h3>
</div>
<div class="desc_box">
<p>
멋진 스킨, 물론 중요하지만 그보다 더 중요한 것은 웹에이전시 업체와의 지속적인 '소통'이라고 생각합니다. 운영 중 일어날 수 밖에 없는 유지보수에 대해 지속적으로 케어할 수 있도록 노력합니다.
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="section ph_info">
<div class="inner">
<ul class="ph_list clearfix">
<li class="phlist_item01 wow bounceInUp" data-wow-delay="0.2s" data-wow-offset="100">
<div class="picto_box">
<img src="<?php echo G5_THEME_IMG_URL ?>/business/section2_img1.png">
</div>
<div class="text_box">
<h3 class="main_tit">RESEARCH &amp; STRATEGY</h3>
<p class="desc">
연구에서부터 실행에 이르기까지 고객의 의견과 원하는 스타일을 반영하여 홈페이지를 구축합니다.
</p>
</div>
</li>
<li class="phlist_item02 wow bounceInUp" data-wow-delay="0.2s" data-wow-offset="100">
<div class="picto_box">
<img src="<?php echo G5_THEME_IMG_URL ?>/business/section2_img2.png">
</div>
<div class="text_box">
<h3 class="main_tit">WEB DESIGN</h3>
<p class="desc">
풍부한 경험과 무한한 상상력으로 성공적인 서비스를 창출합니다.
</p>
</div>
</li>
<li class="phlist_item03 wow bounceInUp" data-wow-delay="0.2s" data-wow-offset="100">
<div class="picto_box">
<img src="<?php echo G5_THEME_IMG_URL ?>/business/section2_img3.png">
</div>
<div class="text_box">
<h3 class="main_tit">WEB DEVELOPMENT</h3>
<p class="desc">
골뱅이스토어는 회사의 이미지와 디자인을 결합하고 전달하여 감정을 불러 일으키고 전략을 유도합니다.
</p>
</div>
</li>
<li class="phlist_item04 wow bounceInUp" data-wow-offset="200">
<div class="picto_box">
<img src="<?php echo G5_THEME_IMG_URL ?>/business/section2_img4.png">
</div>
<div class="text_box">
<h3 class="main_tit">BUILDING WEB SERVICES</h3>
<p class="desc">
골뱅이스토어는 고품질의 설계 및 웹사이트 구축을 제공하기 위해 최선을 다하고 있습니다.
</p>
</div>
</li>
<li class="phlist_item05 wow bounceInUp" data-wow-offset="200">
<div class="picto_box">
<img src="<?php echo G5_THEME_IMG_URL ?>/business/section2_img5.png">
</div>
<div class="text_box">
<h3 class="main_tit">STRATEGIC THINKIN</h3>
<p class="desc">
말로만 앞서지 않고 직접 보여드리는 서비스를 제공합니다. 웹사이트 제작은 고객의 목적과 상황에 맞게 컨설팅 후 웹사이트를 제작합니다.
</p>
</div>
</li>
<li class="phlist_item06 wow bounceInUp" data-wow-offset="200">
<div class="picto_box">
<img src="<?php echo G5_THEME_IMG_URL ?>/business/section2_img6.png">
</div>
<div class="text_box">
<h3 class="main_tit">AT Store MAINTENANCE</h3>
<p class="desc">
웹에이전시 업체와의 지속적인 '소통'이라고 생각합니다. 운영 중 일어날 수 밖에 없는 유지보수에 대해 지속적으로 케어할 수 있도록 노력합니다.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="section tem_info">
<div class="inner clearfix">
<div class="figure_area">
<img class="wow bounceInLeft" data-wow-delay="0.1s" data-wow-offset="100" src="<?php echo G5_THEME_IMG_URL ?>/business/section3_img1.png">
</div>
<div class="text_area wow bounceInRight" data-wow-delay="0.1s" data-wow-offset="200">
<div class="tit_box">
<h3 class="main_tit">ATSTORE<strong>TEMPLATE SKIN'S</strong></h3>
<p class="main_desc">
골뱅이스토어에서 제작한 다양한 컨셉의 고급 스킨으로<br />멋진 홈페지를 구현해보세요!
</p>
</div>
<div class="desc_box">
<p>
잘 만든 홈페이지는 시간이 지나도 그 가치를 간직합니다.
다년간의 노하우와 경험으로 가장 최적화된 디자인과 기술력을 선보입니다.
제작이 완성된 후에도 꾸준한 소통으로 항상 만족할 수 있도록 노력하겠습니다.
기능은 동일하지만 다양한 효과를 주어 시각적으로 다른 것처럼 보여질 수 있습니다. 고객에게 홍보와 상품구매로 이어지는 최적화된 절차, 컨슈머의 이목을 끌기 위한 기능 개발 등 가치있는 홈페이지로써의 최적회된 '기술'을 개발하기 위해 노력합니다.
</p>
</div>
</div>
</div>
</div>
</div>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

3
web/html/theme/AT_WEB01/company/_common.php Normal file
View File

@ -0,0 +1,3 @@
<?php
include_once('../../../common.php');
?>

92
web/html/theme/AT_WEB01/company/directions.php Normal file
View File

@ -0,0 +1,92 @@
<?php
include_once('./_common.php');
include_once(G5_THEME_PATH.'/head.php');
?>
<script>
new WOW().init();
</script>
<div class="ing_bnr_Wrap">
<div class="bnrimg"><img src="<?php echo G5_THEME_IMG_URL?>/company/directions_banner.png" alt=""><br style="clear:both;"><br style="clear:both;"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">COMPANY</h3>
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
<p class="wow fadeInDown" data-wow-delay="0.2s">골뱅이스토어는 최선의 서비스를 제공합니다.</p>
</div>
</div>
<div class="mdlTxt">
<h2 class="wow flipInX" data-wow-duration="2s">찾아오시는 길</h2>
<p class="wow flipInX mdlTxt_direc_p" data-wow-delay="0.3s">골뱅이스토어로 찾아오시는 길을 안내해드립니다.</p>
</div>
<div class="directions">
<div class="inner">
<div class="map_area">
<!-- * 카카오맵 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1556788142621" class="root_daum_roughmap root_daum_roughmap_landing wow bounceInUp" style="width:100%;"></div>
<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp": "1556788142621",
"key": "tcr4",
"mapHeight": "300",
}).render();
</script>
</div>
<div class="map_desc">
<div class="map_desc_box wow bounceInUp">
<div class="map_title clearfix">
<span class="map_icon1"></span>
<h3>주소</h3>
</div>
<ul class="map_list clearfix">
<li class="map_item">
<p class="item_desc">
서울특별시 금천구 가산디지털 1로 137 IT캐슬2차 401호
</p>
</li>
</ul>
</div>
<div class="map_desc_box wow bounceInUp">
<div class="map_title clearfix">
<span class="map_icon1"></span>
<h3>대중교통</h3>
</div>
<ul class="map_list clearfix">
<li class="map_item">
<p class="item_desc">
1호선, 7호선 가산디지털단지역 5번 출구로 나와서 우림라이온스밸리 앞에 있는 횡단보도 건넌 후 약 130m 직진
</p>
</li>
<li class="map_item bus_info">
<ul class="map_2list clearfix">
<li class="map_2item clerfix">
<span class="bus_line">지선</span>
<p class="bus_number">21번</p>
</li>
<li class="map_2item clearfix">
<span class="bus_line blue">간선</span>
<p class="bus_number">503번</p>
</li>
</ul>
<p class="item_desc">
디지털3단지사거리 정류장에서 하차 후 야치과의원 방면으로 횡단 후 약 205m 이동 뒤 왼쪽 방향으로 돌고 약 150m 직진
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

279
web/html/theme/AT_WEB01/company/history.php Normal file
View File

@ -0,0 +1,279 @@
<?php
include_once('./_common.php');
include_once(G5_THEME_PATH.'/head.php');
?>
<style>
/*
.sub_bn { display: table; width: 100%;}
.intro_sub { background: url(../img/company/intro_bg.jpg) no-repeat center center fixed; background-size: cover;}
.sub_bn {height: 310px;position: relative;}
.box {position: relative;}
.bnrline{width: 40px;height: 3px;background: #fff;margin: 20px auto 20px;}
.sub_top{position: absolute;margin: auto;top: 40%;bottom: 0;left: 0;right: 0;}
.sub_top{text-align: center; color: #fff}
.sub_top h3{ font-size: 40px;color: #fff;text-align: center;line-height: 40px;}
.sub_bn_desc {font-size: 20px;color: #fff;text-align: center;line-height: 25px;}
*/
</style>
<script>
new WOW().init();
</script>
<!--
<div id="sub_content">
<div class="sub_bn intro_sub">
<div class="sub_top">
<h3 class="sub_bn_tit wow fadeInDown">연혁</h3>
<div class="bnrline wow fadeInDown"></div>
<p class="sub_bn_desc wow fadeInDown">가치있는 홈페이지를 만들기 위해 골뱅이스토어는 노력합니다.</p>
</div>
</div>
<div class="box">
</div>
</div>
-->
<div id="sub_content">
<div class="ing_bnr_Wrap">
<div class="bnrimg"><img src="<?php echo G5_THEME_IMG_URL?>/company/intro_bg.jpg"></div>
<div class="bnrtxtwrap">
<h3 class="wow fadeInDown">HISTORY</h3>
<div class="bnrline wow fadeInDown" data-wow-delay="0.1s"></div>
<p class="wow fadeInDown" data-wow-delay="0.2s">가치있는 홈페이지를 만들기 위해 골뱅이스토어는 노력합니다.</p>
</div>
</div>
<div class="mdlTxt">
<h2 class="wow flipInX" data-wow-duration="2s">연혁</h2>
<p class="wow flipInX" data-wow-delay="0.3s">골뱅이스토어가 걸어 온 길입니다.</p>
</div>
<div class="sub_con">
<div class="inner">
<div class="history_area">
<!--빨#C80D21 파#0E58A4 -->
<style>
.clearfix:after {content: ''; display: block; clear: both;}
.time_list {padding: 30px 0; display: flex; align-items: center;}
.tl_line {position: relative; width: 160px; height: 160px; padding: 20px; border: 1px solid #ddd; border-radius: 50%;text-align: center;}
.tl_line:before {content: ''; position: absolute; top: 50%; left: 100%; width: 100px; height: 1px; background: #ddd;}
.tl_ood .tl_line:after{content: ''; position: absolute; top: 50%; right: -100px; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #C80D21;}
.tl_even .tl_line:after{content: ''; position: absolute; top: 50%; right: -100px; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #0E58A4;}
.time_list .year_cricle{padding: 20px;width: 100%; height: 100%; border-radius: 50%; display: table;}
.time_list .year_txt {width: 100%; height: 100%; background: #fff;border-radius: 50%; font-size: 20px; font-weight: 700; display: table-cell;
vertical-align: middle;}
.tl_ood .year_cricle{background:#C80D21; }
.tl_even .year_cricle{background:#0E58A4;}
.tl_ood .year_txt{color:#C80D21; }
.tl_even .year_txt{color:#0E58A4;}
.time_list .tl_year { margin-right: 80px;padding-right: 100px; }
.time_list .tl_txt { width: 500px; text-align: left;}
.tl_txt li{margin-bottom: 5px;}
.tl_txt li:after{content: ''; display: block; clear: both;}
.tl_month {float: left;width: 15%; display: inline-block;padding:0 10px; font-weight: 700; font-size: 18px;}
.tl_info {float: left; width: 85%; display: inline-block; font-size: 18px;}
.history_area {text-align: center;}
.timeline_box {display: inline-block; margin-bottom: 70px;}
@media screen and (max-width:768px){
.time_list{display: block;}
.tl_line{display: inline-block; width: 120px; height: 120px; padding: 15px;}
.time_list .year_cricle {padding: 15px;}
.time_list .year_txt {font-size: 18px;}
.tl_line:before {top: 100%;left: 50%;width: 1px;height: 30px;}
.time_list .tl_year {margin: 0 auto; padding-right: 0; padding-bottom: 35px;}
.tl_even .tl_line:after {top: auto; right: 50%; bottom: -30px; margin-right: -4px; margin-top: 0;}
.tl_ood .tl_line:after {top: auto;right: 50%;bottom: -30px;margin-right: -4px;margin-top: 0;}
}
@media screen and (max-width:600px){
.timeline_box{width: 100%;}
.time_list .tl_txt {width: 100%;}
}
@media screen and (max-width:480px){
.tl_month {width: 20%; font-size: 16px;}
.tl_info {width: 80%; font-size: 16px;}
}
</style>
<div class="timeline_box">
<div class="time_list tl_even clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2018</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">2월</span>
<p class="tl_info">움직이는 편의점 앱 프로젝트 수주</p>
</li>
<li>
<span class="tl_month">3월</span>
<p class="tl_info">움직이는 편의점 앱 프로젝트 수주</p>
</li>
<li>
<span class="tl_month">4월</span>
<p class="tl_info">(주)팀엔제이 "아이사랑" 앱 프로젝트 수주</p>
</li>
</ul>
</div>
<div class="time_list tl_ood clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2017</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">1월</span>
<p class="tl_info">(자회사)포인트플러스 웹/앱 프로젝트 구축</p>
</li>
<li>
<span class="tl_month">4월</span>
<p class="tl_info">퍼피 웹 프로젝트 구축</p>
</li>
</ul>
</div>
<div class="time_list tl_even clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2016</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">9월</span>
<p class="tl_info">모두나와 앱 프로젝트 구축</p>
</li>
</ul>
</div>
<div class="time_list tl_ood clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2015</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">1월</span>
<p class="tl_info">바로나와 앱 프로젝트 구축</p>
</li>
<li>
<span class="tl_month">4월</span>
<p class="tl_info">큐레이팅커뮤니티 퍼비앱 프로젝트 구축</p>
</li>
</ul>
</div>
<div class="time_list tl_even clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2014</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">5월</span>
<p class="tl_info">캐쉬넛 앱 프로젝트 구축</p>
</li>
<li>
<span class="tl_month">5월</span>
<p class="tl_info">가산메뉴픽 웹/앱 프로젝트 구축</p>
</li>
<li>
<span class="tl_month">11월</span>
<p class="tl_info">시스템포유 도매쇼핑몰 웹 프로젝트 구축 </p>
</li>
</ul>
</div>
<div class="time_list tl_ood clearfix wow fadeInUp" data-wow-delay="0.7s">
<div class="tl_year">
<div class="tl_line">
<div class="year_cricle">
<p class="year_txt">2013</p>
</div>
</div>
</div>
<ul class="tl_txt">
<li>
<span class="tl_month">2월</span>
<p class="tl_info">어플페이지 웹 프로젝트 구축</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

332
web/html/theme/AT_WEB01/company/introduce.php Normal file
View File

@ -0,0 +1,332 @@
<?php
include_once('./_common.php');
include_once(G5_THEME_PATH.'/head.php');
?>
<div class="sub1_bannerwrap">
<div class="bnr_img"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/sub_banner_img.png" alt=""></div>
<div class="inner">
<div class="imgtextwrap">
<div class="bnr_text">
<h2 class="wow fadeInDown">'골뱅이커뮤니케이션은'</h2>
<h3 class="wow fadeInDown" data-wow-delay="0.3s">온라인 마케팅 전문 기업입니다.</h3>
<p class="wow fadeInDown" data-wow-delay="0.5s">정확한 데이터와 골뱅이 커뮤니케이션만의 풍부한 경험으로<br>고객의 비즈니스 성장과 성공을 위해 최선을 다하고 있습니다.</p>
</div>
<div class="bnr_hexagon">
<div class="wow bounceInUp"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/hexagon1.png" alt=""></div>
<div class="wow bounceInUp" data-wow-delay="0.1s"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/hexagon2.png" alt=""></div>
<div class="wow bounceInUp" data-wow-delay="0.2s"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/hexagon3.png" alt=""></div>
</div>
</div>
</div>
</div>
<div class="sub_intro">
<div class="section sub1-1">
<div class="inner">
<div class="con1wrap">
<div class="title_wrap">
<h4 class="wow flipInX">골뱅이커뮤니케이션 목표</h4>
<p class="wow fadeInDown">고객의 비즈니스 성장과 성공을 생각하는 마케팅</p>
</div>
<div class="art_wrap1">
<div class="left_area wow bounceInLeft">
<div><img src="<?php echo G5_THEME_IMG_URL?>/sub/professional.png" alt=""></div>
</div>
<div class="right_area wow bounceInRight">
<ul>
<li>
<div class="con1_img"><img src="<?php echo G5_THEME_IMG_URL?>/sub/subicon1.png" alt=""></div>
<div class="con1_tbox">
<h5>01. Professional</h5>
<p>골뱅이커뮤니케이션은 각 분야별 최고의 마케팅 전문가들이<br>성공을 위한 최적의 솔루션을 제안합니다.</p>
</div>
</li>
<li>
<div class="con1_img"><img src="<?php echo G5_THEME_IMG_URL?>/sub/subicon2.png" alt=""></div>
<div class="con1_tbox">
<h5>01. Professional</h5>
<p>골뱅이커뮤니케이션은 각 분야별 최고의 마케팅 전문가들이<br>성공을 위한 최적의 솔루션을 제안합니다.</p>
</div>
</li>
<li>
<div class="con1_img"><img src="<?php echo G5_THEME_IMG_URL?>/sub/subicon3.png" alt=""></div>
<div class="con1_tbox">
<h5>01. Professional</h5>
<p>골뱅이커뮤니케이션은 각 분야별 최고의 마케팅 전문가들이<br>성공을 위한 최적의 솔루션을 제안합니다.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="section sub1-2">
<div class="inner">
<div>
<div class="title_wrap">
<h4 class="wow flipInX">골뱅이커뮤니케이션 비젼</h4>
<p class="wow fadeInDown">마케팅에 감정을 더하다</p>
</div>
<div class="art_wrap2">
<div class="article wow bounceInUp">
<div><img src="<?php echo G5_THEME_IMG_URL?>/sub/vision_icon1.png" alt=""></div>
<div class="blueline">
<div></div>
</div>
<div class="tbox">
<h5>한발 앞서가는 스마트한 마케팅</h5>
<p>미래를 향한 노력과 급변하는 시대를<br>한발 먼저 나아가는 스마트한 마케팅</p>
</div>
</div>
<div class="article wow bounceInUp" data-wow-delay="0.1s">
<div><img src="<?php echo G5_THEME_IMG_URL?>/sub/vision_icon2.png" alt=""></div>
<div class="blueline">
<div></div>
</div>
<div class="tbox">
<h5>창의력적인 마케팅</h5>
<p>다른 마케팅회사와 차별화 된<br>크리에이티브한 기획과 마케팅</p>
</div>
</div>
<div class="article wow bounceInUp" data-wow-delay="0.2s">
<div><img src="<?php echo G5_THEME_IMG_URL?>/sub/vision_icon3.png" alt=""></div>
<div class="blueline">
<div></div>
</div>
<div class="tbox">
<h5>함께 성장하는 마케팅</h5>
<p>고객과 함께 같이 성장해가고 발전해가는<br>골뱅이커뮤니케이션</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section sub1-3">
<div class="inner">
<div class="con3wrap">
<div class="title_wrap">
<h4 class="wow flipInX">골뱅이커뮤니케이션 연혁</h4>
</div>
<section class="con3_sect1">
<article class="wow bounceInUp clearfix">
<div class="line"></div>
<h5 class="year">2018</h5>
<div class="desc">
<span class="date">2018.04</span>
<p>디자인 아웃소싱 전문 플랫폼 디자인 및 개발</p>
</div>
</article>
<article class="wow bounceInUp clearfix">
<div class="line"></div>
<h5 class="year">2017</h5>
<div class="desc">
<span class="date">2017.05</span>
<p>티에이 영상광고 및 홍보 포스터 기획물 제작</p>
</div>
<div class="desc">
<span class="date">2017.07</span>
<p>기획 사업부 신설</p>
</div>
<div class="desc">
<span class="date">2017.09</span>
<p>마케팅 성과 측정 솔루션</p>
</div>
</article>
<article class="wow bounceInUp clearfix">
<div class="line"></div>
<h5 class="year">2016</h5>
<div class="desc">
<span class="date">2016.03</span>
<p>호로나민씨 포스터 및 영상 제작</p>
</div>
<div class="desc">
<span class="date">2016.05</span>
<p>에이스컴퍼니 투자 유치 빅데이터 분석 연구소 설립</p>
</div>
<div class="desc">
<span class="date">2016.05</span>
<p>구로디지한국기획 인수</p>
</div>
</article>
<article class="wow bounceInUp clearfix" data-wow-delay="0.1s">
<div class="line"></div>
<h5 class="year">2015</h5>
<div class="desc">
<span class="date">2015.04</span>
<p>디자인 개발 산업부 신설</p>
</div>
<div class="desc">
<span class="date">2015.11</span>
<p>미래전략사업부 신설</p>
</div>
</article>
<article class="wow bounceInUp clearfix" data-wow-delay="0.1s">
<div class="line"></div>
<h5 class="year">2014</h5>
<div class="desc">
<span class="date">2014.05</span>
<p>티에이 인수</p>
</div>
<div class="desc">
<span class="date">2014.07</span>
<p>빅데이터 기반 마케팅 솔루션 개발</p>
</div>
<div class="desc">
<span class="date">2014.08</span>
<p>마케팅 성과측정 솔루션</p>
</div>
<div class="desc">
<span class="date">2014.12</span>
<p>호릴디자인 플랫폼 개발</p>
</div>
</article>
<article class="wow bounceInUp clearfix" data-wow-delay="0.1s">
<div class="line"></div>
<h5 class="year">2013</h5>
<div class="desc">
<span class="date">2013.05</span>
<p>골뱅이커뮤니케이션 시작</p>
</div>
<div class="desc">
<span class="date">2013.07</span>
<p>SNS 기획 사업부 신설</p>
</div>
</article>
</section>
<div class="swiper-container sub_intro">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2018</h5>
<div class="desc">
<span class="date">2018.04</span>
<p>디자인 아웃소싱 전문 플랫폼 디자인 및 개발</p>
</div>
</div>
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2017</h5>
<div class="desc">
<span class="date">2017.05</span>
<p>티에이 영상광고 및 홍보 포스터 기획물 제작</p>
</div>
<div class="desc">
<span class="date">2017.07</span>
<p>기획 사업부 신설</p>
</div>
<div class="desc">
<span class="date">2017.09</span>
<p>마케팅 성과 측정 솔루션</p>
</div>
</div>
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2016</h5>
<div class="desc">
<span class="date">2016.03</span>
<p>호로나민씨 포스터 및 영상 제작</p>
</div>
<div class="desc">
<span class="date">2016.05</span>
<p>에이스컴퍼니 투자 유치 빅데이터 분석 연구소 설립</p>
</div>
<div class="desc">
<span class="date">2016.05</span>
<p>구로디지한국기획 인수</p>
</div>
</div>
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2015</h5>
<div class="desc">
<span class="date">2015.04</span>
<p>디자인 개발 산업부 신설</p>
</div>
<div class="desc">
<span class="date">2015.11</span>
<p>미래전략사업부 신설</p>
</div>
</div>
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2014</h5>
<div class="desc">
<span class="date">2014.05</span>
<p>티에이 인수</p>
</div>
<div class="desc">
<span class="date">2014.07</span>
<p>빅데이터 기반 마케팅 솔루션 개발</p>
</div>
<div class="desc">
<span class="date">2014.08</span>
<p>마케팅 성과측정 솔루션</p>
</div>
<div class="desc">
<span class="date">2014.12</span>
<p>호릴디자인 플랫폼 개발</p>
</div>
</div>
<div class="swiper-slide">
<div class="line"></div>
<h5 class="year">2013</h5>
<div class="desc">
<span class="date">2013.05</span>
<p>골뱅이커뮤니케이션 시작</p>
</div>
<div class="desc">
<span class="date">2013.07</span>
<p>SNS 기획 사업부 신설</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="btnWrap">
<div class="swiper-button-next1"><img src="<?php echo G5_THEME_IMG_URL?>/sub/sub1_prevbtn.png" alt=""></div>
<div class="swiper-button-prev1"><img src="<?php echo G5_THEME_IMG_URL?>/sub/sub1_nextbtn.png" alt=""></div>
</div>
</div>
</div>
<script>
new WOW().init();
</script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container.sub_intro', {
spaceBetween: 0,
centeredSlides: true,
loop: true,
/* autoplay: {
delay: 3500,
disableOnInteraction: false,
},*/
navigation: {
nextEl: '.swiper-button-prev1',
prevEl: '.swiper-button-next1',
},
});
</script>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

2739
web/html/theme/AT_WEB01/css/common/animate.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

179
web/html/theme/AT_WEB01/css/common/common.css Normal file
View File

@ -0,0 +1,179 @@
/*common.css*/
@font-face {
font-family: 'GongGothicLight';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.inner{width: 1200px; margin: 0 auto; padding: 0 20px;font-family: 'GongGothicLight';}
.clearfix{*zoom: 1}
.clearfix:before, .clearfix:after{display:table; content:""; line-height:0;}
.clearfix:after{clear:both;}
.ell{overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical;}
.customer_banner{background: url(../../img/customer/banner.png); background-position: center; background-size: cover;}
.product_banner{background: url(../../img/ingprojectimg.png); background-size: cover; background-position: center;}
.ing_bnr_Wrap{width: 100%; position: relative; overflow: hidden;}
.ing_bnr_Wrap>.bnrimg{height: 350px; width: 100%;}
.ing_bnr_Wrap>.bnrimg>img{position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.ing_bnr_Wrap>.bnrtxtwrap{width: 400px; position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 15px;}
.ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 33px; color: #fff; text-align: center; line-height: 40px; font-weight: 700;}
.ing_bnr_Wrap>.bnrtxtwrap>.bnrline{width: 40px; height: 3px; background: #fff; margin: 20px auto 20px;}
.ing_bnr_Wrap>.bnrtxtwrap>p{margin: 0 auto; width: 90%; font-size: 18px; color: #fff; text-align: center; line-height: 25px;}
.mdlTxt{text-align: center; line-height: 40px; padding-top: 50px; padding-bottom:40px;}
.mdlTxt>h2{font-size: 30px; font-weight: bold;}
.mdlTxt > p{margin-top: 35px; font-size: 16px; color: #666;}
/* sub navigation */
.groupmenu{border: 1px solid #cfcfcf; border-bottom: none;}
#mysubmenu .leftmenu_b{display: none;}
#mysubmenu{margin-top: -23px;}
.tab_submenu{height: 60px;}
.tab_submenu .tab_sub2ul{width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.tab_submenu .tab_sub2ul li{float: left; width: 50%; height: 100%; border-bottom: 3px solid #ccc; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.tab_submenu .tab_sub2ul li:nth-child(1){border-right: 1px solid #ccc;}
.tab_submenu .tab_sub2ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 60px; font-size: 18px;}
.tab_submenu .tab_sub2ul li:hover a{color: #c80e21;}
.tab_submenu .tab_sub2ul li:hover{border-bottom-color: #c80e21;}
.leftmenu_b{display: none;}
.tab_submenu .tab_sub2ul li.on{border-bottom-color: #c80e21;}
.tab_submenu .tab_sub2ul li.on a{color: #c80e21;}
/*페이지*/
.pg_wrap{margin: 30px 0;}
.pg_current{background: #000;}
.pg_page{background: #fff;}
.pg_start{display: none;}
.pg_end{display: none;}
/*검색*/
#bo_sch{position:relative; width: 500px; border: none; margin-bottom: 60px; padding: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#bo_sch>form{width: 100%; }
#bo_sch #sfl{width: 129px; height: 40px;margin: 0; border: 1px solid #ddd;}
#bo_sch .sch_input{width: 249px; height: 40px; background-color: #fff; border: 1px solid #ddd; }
#bo_sch .sch_btn{width: 102px; height: 40px; text-align: center;height: 40px; background-color: #000; border: 1px solid #ddd; color: #fff; font-size: 14px; font-weight: 700;}
#bo_sch #sfl{padding: 0 6px; box-shadow: none; -webkit-box-shadow: none; border: none; outline: none;}
#bo_sch #sfl{margin: 0; padding-left: 5px; width: 129px; height: 40px; border: 1px solid #ddd; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: url(../../img/common/down.png) 95% 50% no-repeat;}
#bo_sch #sfl::-ms-expand {display:none;}
#bo_sch .sch_input{padding: 0 10px; box-shadow: none; -webkit-box-shadow: none; outline: none;}
/*버튼*/
a.btn_b01.notice_btn01{display: none;}
a.btn_b02:hover, .btn_b02:hover {background:#000}
/*카테고리*/
/*#bo_cate>ul>li:nth-child(1){display: none;}*/
.bo_cate_link{display: none;}
#bo_cate{border: none; width: 100%; background: transparent; padding: 0; margin: 0; text-align: center; margin-top: 20px; margin-bottom:;}
#bo_cate li{/*width: 50%; */border: 1px solid #cccccc; -webkit-transition: .2s; transition: .2s; padding: 0; border-left:none;}
/*#bo_cate li:nth-child(3){border-left: none;}*/
#bo_cate li:nth-child(1){border-left: 1px solid #cccccc;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{background: none;}
#bo_cate a:hover{ border-bottom: 2px solid #c71526;}
#bo_cate a{padding: 8px 20px;}
#bo_cate #bo_cate_on{border-bottom: 2px solid #c71526;-webkit-box-shadow:none;box-shadow:none; background: none; color: #000;}
/* 게시판 공통 */
#bo_w{padding-bottom: 80px;}
/* 버튼 제어 */
a.btn, .btn{padding: 0 30px; height: 40px; line-height: 40px; text-align: center; font-weight: 300; font-size: 17px;}
a.btn_admin, .btn_admin{height: 40px; line-height: 40px; text-align: center; background: #c80e21;} /*관리자, 복사, 이동*/
a.btn_admin:hover, .btn_admin:hover{background: #444;}
a.btn_b02, .btn_b02{height: 40px; line-height: 40px; text-align: center; background: #444; font-weight: 300;} /*글쓰기*/
a.btn_b02:hover, .btn_b02:hover {background:#c80e21;}
a.btn_b01, .btn_b01{height: 40px; line-height: 40px; background: #c80e21;} /*수정, 삭제, 목록, 답변*/
a.btn_b01:hover, .btn_b01:hover{background: #c80e21;}
.btn_submit{background: #c80e21; height: 40px; line-height: 40px; text-align: center;} /*댓글등록*/
.btn_submit:hover{background: #444;}
.bo_vc_w .btn_submit{border-radius: 0; font-weight: 300; font-size: 17px;}
a.btn_cancel{background: #999; height: 40px; line-height: 40px; text-align: center;}
/*.btn .fa{display: none;} /*버튼 픽토그램*/
.cmt_btn{background-position: 67px 10px; font-size: 16px;}
.cmt_btn_op{background-position: 67px -20px;}
/*.cmt_btn .fa{display: none;}*/
.bo_w .btn_submit, .bo_vc_w .btn_submit{border-radius: 0; font-size: 1.0em;}
.btn_cancel{height: 40px; line-height: 40px;}
.btn_bo_user{margin: 20px 0;}
.bo_fx{margin: 20px 0; width: 100%;}
#bo_v_share .btn{padding: 0 20px; width:130px; }
.file_del input{float: left; margin: 7px 10px 0 0;}
.file_del label{float: left;}
#ctt{margin: 0; padding: 0;}
#ctt_con{padding: 0;}
#ctt_con .reg_bn + .inner{padding: 90px 20px; min-height: 700px;}
#ctt_con *{color: #333;}
.reg_bn{width: 100%; height: 90px; background: #333;}
.ctt_admin{position: absolute; width: 1200px; left: 50%; top: 90px; height: 60px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.ctt_admin a{line-height: 60px; height: 100%;}
@media screen and (max-width:1199px){
.inner{width: 100%;}
a.btn, .btn{font-size: 14px;}
a.btn_b01, .btn_b01{font-size: 14px;}
a.btn_b02, .btn_b02{font-size: 14px;}
a.btn_admin, .btn_admin{font-size: 14px;}
.btn_submit{font-size: 14px;}
.tab_submenu{height: 55px;}
.tab_submenu .tab_sub2ul li a{font-size: 16px; line-height: 55px;}
.ctt_admin{width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none;}
.ctt_admin a{line-height: 60px; height: 100%;}
#ctt_con *{font-size: 14px;}
}
@media screen and (max-width:1024px){
.reg_bn{height: 60px;}
.ctt_admin{width: 100%; left: 0; top: 60px; -webkit-transform: none; -ms-transform: none; transform: none;}
.ctt_admin a{line-height: 60px; height: 100%;}
}
@media screen and (max-width: 700px){
.bo_v_left{width: 100%;}
.bo_v_left li{width: 20%;}
.bo_v_left li a{width: 100%;}
.bo_v_com{float: left; margin: 0 0 20px; width: 100%;}
.bo_v_com li{margin: 0;/*margin-left: 0; margin-right: 5px; */width: 30%;}
.bo_v_com li a{width: 100%; font-size: 14px;}
}
@media screen and (max-width:630px){
#bo_w .bo_w_flie .file_wr{height: 80px;}
#bo_w .bo_w_flie .lb_icon{height: 100%;}
#bo_w .bo_w_flie .file_del{top:50%; margin-top: 5px; left: 55px;}
#bo_w .bo_w_flie .file_del label{font-size: 14px;}
a.btn, .btn{padding: 0 10px;}
}
@media screen and (max-width:570px){
.ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 28px; line-height: 32px;}
.ing_bnr_Wrap>.bnrtxtwrap>p{font-size: 14px; line-height: 18px;}
#bo_sch{width: 376px;}
#bo_sch .sch_input{width:213px;}
#bo_sch .sch_btn{width: 60px; font-size: 12px;}
#bo_sch #sfl{width:95px; font-size: 12px;}
#bo_sch #sfl option{font-size: 12px;}
#bo_sch .sch_input{font-size: 12px;}
}
@media screen and (max-width: 480px){
a.btn, .btn{font-size: 12px;}
a.btn_b01, .btn_b01{font-size: 12px;}
a.btn_b02, .btn_b02{font-size: 12px;}
a.btn_admin, .btn_admin{font-size: 12px;}
.btn_submit{font-size: 12px;}
.tab_submenu{height: 40px;}
.tab_submenu .tab_sub2ul li a{font-size: 14px; line-height: 40px;}
.bo_v_com li a{width: 100%; font-size: 12px;}
#bo_w .bo_w_flie .file_del label{font-size: 13px;}
#ctt_con *{font-size: 13px;}
}
@media screen and (max-width:400px){
.mdlTxt>h2{font-size: 26px;}
.ing_bnr_Wrap>.bnrtxtwrap{width: 100%;}
.ing_bnr_Wrap>.bnrtxtwrap>p{word-break: keep-all;}
#bo_sch{width: 280px;}
#bo_sch .sch_input{width: 128px;}
#bo_sch .sch_btn{width: 50px;}
#bo_w .bo_w_flie .file_wr{height: 120px;}
#bo_w .bo_w_flie .file_del{top:40px; margin-top: 5px; left: 55px;}
#bo_w .bo_w_flie .file_del label{font-size: 12px;}
.bo_fx{float: none;}
.bo_fx ul{width: 100%;}
.bo_fx .btn_bo_user li{width: 25%; margin-left: 0;}
.bo_fx .btn_bo_user li a{width: 100%;}
.bo_fx .btn_bo_user .bo_fx_write{width: 100%;}
.bo_fx .btn_bo_user .bo_fx_write a{margin-right: 5px; margin-top: 10px; width: 100%;}
}

96
web/html/theme/AT_WEB01/css/common/footerStyle.css Normal file
View File

@ -0,0 +1,96 @@
/* footerStyle.css */
#ft{background: #333; color: #888;}
#ft a, #ft p, #ft_copy{color: #888;}
#ft_wr{width: 1200px; padding: 50px 20px; overflow: hidden;}
#ft_sns{width: 65%;}
#ft_sns ul{float: right; overflow: hidden;}
#ft_sns ul li{float: left; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; margin-left: 15px;}
#ft_sns ul li a{width: 100%; height: 100%; background: url(../../img/common/ft_sns1.png); background-size: 100% auto; }
#ft_sns ul li.ft_sns2 a{background-image: url(../../img/common/ft_sns2.png);}
#ft_sns ul li.ft_sns3 a{background-image: url(../../img/common/ft_sns3.png);}
#ft_sns ul li.ft_sns4 a{background-image: url(../../img/common/ft_sns4.png);}
/* 쇼핑몰 링크용 */
#ft_shop{width: 65%; }
#ft_shop ul{float: right; overflow: hidden;}
#ft_shop ul li{float: right; /*width: 300px;/* height: 40px; */overflow: hidden; font-size: 34px; line-height:2;}
#ft_shop ul li a{color: #ccc; }
/* 쇼핑몰 링크용 끝 */
#ft_contact{width: 40%; text-align: right; margin-top: 10px;}
#ft_contact strong{font-size: 36px; font-weight: 600; line-height: 50px;}
#ft_link{width: 30%; height: 20px; margin-top: -40px; margin-bottom: 30px;}
#ft_link > a{float: left; height: 100%; line-height: 20px; font-size: 14px;}
#ft_link > a::after{content: ""; display: block; width: 1px; height: 15px; background: #888; margin-left: 10px; float: right; margin-right: 10px; margin-top: 3px;}
#ft_link > a.ft_link3::after{display: none;}
#ft_company{width: 60%; margin-bottom: 30px;}
#ft_company ul{overflow: hidden;}
#ft_company li{float: left; line-height: 20px; font-size: 14px;}
#ft_company li::after{content: ""; display: block; width: 1px; height: 15px; background: #888; margin-left: 10px; float: right; margin-right: 10px; margin-top: 3px;}
#ft_company li.ft_company3{display:block;}
#ft_company li.ft_company3::after, #ft_company li.ft_company5::after, #ft_company li.ft_company6::after{display: none;}
#ft_company li.ft_company6 a{display: inline-block;}
#ft_copy{width: 70%; font-size: 14px; margin-top: -25px;}
@media screen and (min-width:1200px){
#ft_sns{float: right;}
#ft_sns ul{float: right;}
#ft_sns ul li{float: left;}
#ft_shop{float: right;}
#ft_shop ul{float: right;}
#ft_shop ul li{float: left;}
#ft_contact{float: right;}
#ft_link{float: left;}
#ft_company{float: left;}
#ft_copy{float: left;}
}
@media screen and (max-width:1199px){
#ft{width: 100%;}
#ft_wr{width: 100%; padding: 40px 0;}
#ft_sns,
#ft_shop,
#ft_contact,
#ft_link,
#ft_company,
#ft_copy{overflow: hidden; width: 100%;}
#ft_sns ul{float: none; width: 264px; margin: 0 auto;}
#ft_sns ul li{margin: 0; width: 25%;}
#ft_sns ul li a{background-size: 40px auto; background-position: center; background-repeat: no-repeat;}
#ft_shop ul{float: none; width: 100%;}
#ft_shop ul li{margin: 0; width: 100%; text-align:center}
#ft_contact{margin-top: 20px; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #888;}
#ft_link{text-align: center; width: 313px; margin: 20px auto 0;}
#ft_company{ text-align: center; margin: 30px auto;}
#ft_copy{margin-top: 0; text-align: center;}
#ft_company{width: 100%;}
#ft_company li{float: none; display: inline-block;}
#ft_company li.ft_company2::after, #ft_company li.ft_company3::after{display: none;}
#ft_copy span{display: block;}
#ft_company li.ft_company3{display: block;}
#ft_contact strong{font-size: 36px; line-height: 50px;}
#ft_contact p{font-size:14px;}
}
@media screen and (max-width:480px){
#ft_company{padding: 0 20px;}
#ft_company li::after{display: none;}
#ft_company li.ft_company6{display: block;}
#ft_company li.ft_company1::after, #ft_company li.ft_company4::after{display: block;}
#ft_link{width: 274px; width:294px !ie; }
#ft_link > a{font-size: 12px;}
#ft_company li{font-size: 12px;}
#ft_copy{font-size:12px;}
#ft_contact{margin-bottom: 30px; padding: 0 20px 30px;}
#ft_contact strong{font-size: 30px; line-height: 40px;}
#ft_contact p{font-size:12px; line-height: 1.5;}
}
@media screen and (max-width: 430px){
#ft_company li.ft_company4{display: block;}
#ft_company li.ft_company4::after{display: none;}
}

127
web/html/theme/AT_WEB01/css/common/headStyle - 복사본.css Normal file
View File

@ -0,0 +1,127 @@
/*headStyle.css*/
.dark-mode { background:#333; }
.dark-mode h1, h2 , h3, p { color:#fff; }
.dark-mode p,
.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
background-color:#c71526;
color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
background-color:#c71526;
color:#ee1e
}
button { background:#c71526; }
#darkLight {
width:70px; height:90px;
font-size:3em;
padding-left:0.5%;
position:fixed;
right:0; bottom:3%;
border-radius:100px 0 0 100px;
transition:all .3s;
z-index:99999;
}
#darkLight:hover {
width:130px;
padding-left:1%;
background-color:#111;
}
#hd{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2);}
#hd_wrapper{height: 100%; }
#logo{position: absolute; width: 82px; height: 55px; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;}
#logo img{width: 100%;}
#gnb{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 50%;}
#gnb .gnb_1dli{line-height: 90px; width: 20%; text-align: center;}
.hd_login { width:20%; overflow: hidden; position:fixed; right:5%; top:35%; z-index:999999;}
.hd_login a {float:left; margin:0 5%; color:#fff; }
.gnb_1da{width: 100%; color: #fff; font-weight: 400;}
.gnb_1dli .bg{display: none;}
.gnb_2dul{top: 90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; background: rgba(0,0,0,0.7);}
.gnb_1dli_over .gnb_2dul{left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: rgba(0,0,0,0.7);}
#nav_bar{height: 3px; background: #fff; position: absolute; bottom: 0;}
.gnb_2dli{border: none;}
.gnb_2da{color: #fff; text-align: center; font-weight: 300;}
a.gnb_2da:hover{background-color: #c80e21;}
#tnb{ border-bottom: none; background: none; width: 1200px; height: 90px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#tnb ul{min-width: inherit; width: 100%;}
#tnb li{position: absolute; width: 40px; height: 40px; font-size: 1.0em; border-left: none; z-index: 10;}
#tnb li a{width: 100%; height: 100%; text-indent: -9999px; overflow: hidden;}
#tnb li .fa{display: none;}
#tnb .tnb_admin a{color: #d40424;}
#tnb a:hover{background: none; color: #333;}
#tnb .tnb_admin a:hover{color: #d40424;}
#tnb li.register{background: url(../../img/common/register_icon1.png) center no-repeat; position: absolute; top: 50%; right: 70px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
#tnb li.join{display: none;}
#tnb li.tnb_admin{display: none;}
#tnb li.login{background: url(../../img/common/login_icon2.png) center no-repeat; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
#tnb li.logout{background: url(../../img/common/logout_icon2.png) center no-repeat; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
#aside{position: fixed;right: -100%; top: 0px; bottom: 0; margin: 0px;width: 80%; border-top: 0;z-index: 1005;overflow-y: auto;background:#223040;border: 0;}
.close_menu {position: fixed;z-index: 1100; top: 20px; right: -100%; width: 35px; height: 35px;}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#fff; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.mask {display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer; z-index: 1000;}
.mb-sub-ul {display: none; background: #333;}
.mb-sub-ul li a {display: block; font-size: 16px; font-weight: 100; padding: 15px 0;}
.mobile_menu{position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.mobile_menu ul{width: 100%; overflow: hidden;}
.mobile-list {width: 100%;}
.mobile-list a {padding: 20px 0; width: 100%; color: #fff; text-transform: uppercase;font-size: 13px; text-align: center; font-size: 18px; font-weight: normal;}
#mb-open-menu{position: absolute;right: 20px;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);width: 26px;height: 16px;cursor: pointer;z-index: 10;}
#mb-open-menu span {position: absolute;left: 0;display: block;width: 100%;height: 1px;background: #fff;-webkit-transition: all .4s ease;transition: all .4s ease;}
#mb-open-menu .line1 {top: 0px;}
#mb-open-menu .line2 {top: 7px;}
#mb-open-menu .line3 {bottom: 0;}
@media screen and (max-width:1200px){
#hd_wrapper{width: 100%;}
}
@media screen and (max-width:1199px){
#tnb{width: 100%;}
}
@media screen and (min-width:1025px){
#hd{height: 90px; z-index: 10; position: fixed; top: 0; min-width: none; width: 100%; }
#hd_wrapper{background: rgba(255,255,255,0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
#hd.scrollBg #hd_wrapper{background: rgba(255,255,255,1); -webkit-box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26); box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26);}
#hd_wrapper{position: absolute; width: 100%; height: 90px;}
#hd_wrapper .inner{height: 90px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#hd.scrollBg .gnb_1da{color: #000;}
#hd.scrollBg #tnb li.login{background-image: url(../../img/common/login_icon1.png);}
#hd.scrollBg #tnb li.logout{background-image: url(../../img/common/logout_icon1.png);}
#hd.scrollBg #tnb li.register{background-image: url(../../img/common/register_icon2.png);}
#gnb{width: 700px;}
.logo_pc{display: block;}
.logo_mobile{display: none;}
#aside{display: none;}
#gnb{display: block;}
.close_menu{display: none;}
#mb-open-menu{display: none;}
#hd.scrollBg #nav_bar{background: #c80e21; bottom: -1px;}
}
@media screen and (max-width:1024px){
.hd_login{display: none;}
#hd{width: 100%; display: block; height: 60px;}
#hd_wrapper{width: 100%;}
#tnb{width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; height: 60px;}
#tnb li{width: 35px; height: auto;}
#tnb li.login, #tnb li.register{right: inherit; left: 20px;}
#tnb li.logout{right: inherit; left: 70px;}
#tnb li{height: 40px; line-height: 40px;}
#gnb{display: none;}
#logo{width: 40px; height: 26px; left: 50%; margin-left: -20px;}
.logo_mobile{display: block;}
.logo_pc{display: none;}
#aside{display: block; z-index: 2000;}
}
@media screen and (max-width:600px){
#aside{width: 100%;}
#tnb li{width: 28px; height: auto;}
#tnb a{padding: 0;}
#tnb li.logout{right: inherit; left: 56px;}
}

157
web/html/theme/AT_WEB01/css/common/headStyle.css Normal file
View File

@ -0,0 +1,157 @@
/*headStyle.css*/
.dark-mode { background:#333; }
.dark-mode h1, h2 , h3, p { color:#fff; }
.dark-mode p,
.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
background-color:#c71526;
color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
background-color:#c71526;
color:#ee1e
}
button { background:#c71526; }
#darkLight {
width:70px; height:90px;
font-size:3em;
padding-left:0.5%;
position:fixed;
right:0; bottom:3%;
border-radius:100px 0 0 100px;
transition:all .3s;
z-index:99999;
}
#darkLight:hover {
width:130px;
padding-left:1%;
background-color:#111;
}
#hd{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2);}
#hd_wrapper{height: 100%; }
#logo{position: absolute; width: 82px; height: 55px; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;}
#logo img{width: 100%;}
#gnb{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 50%;}
#gnb .gnb_1dli{line-height: 90px; width: 20%; text-align: center;}
.hd_login { width:20%; overflow: hidden; position:fixed; right:5%; top:35%; z-index:999999;}
.hd_login a {float:left; margin:0 5%; color:#fff; }
.gnb_1da{width: 100%; color: #fff; font-weight: 500;}
.gnb_1dli .bg{display: none;}
.gnb_2dul{top: 90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; background: rgba(0,0,0,0.7);}
.gnb_1dli_over .gnb_2dul{left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: rgba(0,0,0,0.7);}
#nav_bar{height: 3px; background: #fff; position: absolute; bottom: 0;}
.gnb_2dli{border: none;}
.gnb_2da{color: #fff; text-align: center; font-weight: 400;}
a.gnb_2da:hover{background-color: #c80e21;}
/* 3차메뉴 */
.gnb_3dul{top: 90px; left: 50%; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); width: 100%; background: rgba(255,255,255,0.1);}
/*.gnb_2dli_over .gnb_3dul{left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: rgba(0,0,0,0.7);}*/
.gnb_3dli{border: none;}
.gnb_3da{color: #fff; /*text-align: center; */font-weight: 300;}
a.gnb_3da:hover{background-color: #c80e21;}
#tnb{ border-bottom: none; background: none; width: 1200px; height: 90px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#tnb ul{min-width: inherit; width: 100%;}
#tnb li{position: absolute; width: 40px; height: 40px; font-size: 1.0em; border-left: none; z-index: 10;}
#tnb li a{width: 100%; height: 100%; text-indent: -9999px; overflow: hidden;}
#tnb li .fa{display: none;}
#tnb .tnb_admin a{color: #d40424;}
#tnb a:hover{background: none; color: #333;}
#tnb .tnb_admin a:hover{color: #d40424;}
#tnb li.join{display: none;}
/*#tnb li.tnb_admin{display: none;}*/
#tnb li.shop{background: url(../../img/common/shop_icon2.png) center no-repeat; position: absolute; top: 50%; right: 70px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
#tnb li.tnb_admin{background: url(../../img/common/admin_icon2.png) center no-repeat; position: absolute; top: 50%; right: 170px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
#tnb li.register{background: url(../../img/common/login_icon2.png) center no-repeat; position: absolute; top: 50%; right: 120px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
#tnb li.login{background: url(../../img/common/login_icon2.png) center no-repeat; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
#tnb li.logout{background: url(../../img/common/logout_icon2.png) center no-repeat; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-size: 100%;}
#aside{position: fixed;right: -100%; top: 0px; bottom: 0; margin: 0px;width: 80%; border-top: 0;z-index: 1005;overflow-y: auto;background:#223040;border: 0;}
.close_menu {position: fixed;z-index: 1100; top: 20px; right: -100%; width: 35px; height: 35px;}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#fff; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.mask {display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer; z-index: 1000;}
.mb-sub-ul {display: none; background: #333;padding-left:45%}
.mb-sub-ul li a {display: block; font-size: 16px; font-weight: 100; padding: 15px 0;text-align:left; font-weight:500}
.mb-sub2-ul {display: none; background: #333;padding-left:3%;}
.mb-sub2-ul li a {display: block; font-size: 13px; font-weight: 100; padding: 10px 0 ;text-align:left}
.mb-sub2-ul li a:first-child {padding-top: 0}
.mobile_menu{position: absolute; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.mobile_menu ul{width: 100%; overflow: hidden;}
.mobile-list {width: 100%;}
.mobile-list a {padding: 20px 0; width: 100%; color: #fff; text-transform: uppercase;font-size: 13px; text-align: center; font-size: 18px; font-weight: 600;}
#mb-open-menu{position: absolute;right: 20px;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);width: 26px;height: 16px;cursor: pointer;z-index: 10;}
#mb-open-menu span {position: absolute;left: 0;display: block;width: 100%;height: 1px;background: #fff;-webkit-transition: all .4s ease;transition: all .4s ease;}
#mb-open-menu .line1 {top: 0px;}
#mb-open-menu .line2 {top: 7px;}
#mb-open-menu .line3 {bottom: 0;}
@media all and (max-width:1200px){
#hd_wrapper{width: 100%;}
}
@media all and (max-width:1199px){
#tnb{width: 100%;}
}
@media all and (min-width:1025px){
#hd{height: 90px; z-index: 10; position: fixed; top: 0; min-width: none; width: 100%; }
#hd_wrapper{background: rgba(255,255,255,0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
#hd.scrollBg #hd_wrapper{background: rgba(255,255,255,1); -webkit-box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26); box-shadow: -2px 6px 16px 0px rgba(0,0,0,0.26);}
#hd_wrapper{position: absolute; width: 100%; height: 90px;}
#hd_wrapper .inner{height: 90px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#hd.scrollBg .gnb_1da{color: #000;}
#hd.scrollBg #tnb li.login{background-image: url(../../img/common/login_icon1.png);}
#hd.scrollBg #tnb li.logout{background-image: url(../../img/common/logout_icon1.png);}
#hd.scrollBg #tnb li.register{background-image: url(../../img/common/login_icon1.png);}
#hd.scrollBg #tnb li.tnb_admin{background-image: url(../../img/common/admin_icon1.png);}
#hd.scrollBg #tnb li.shop{background-image: url(../../img/common/shop_icon1.png);}
#gnb{width: 700px;}
.logo_pc{display: block;}
.logo_mobile{display: none;}
#aside{display: none;}
#gnb{display: block;}
.close_menu{display: none;}
#mb-open-menu{display: none;}
#hd.scrollBg #nav_bar{background: #c80e21; bottom: -1px;}
}
@media all and (max-width:1024px){
#hd{width: 100%; display: block; height: 60px;}
#hd_wrapper{width: 100%;}
#tnb{width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; height: 60px;}
#tnb li{width: 35px; height: auto;}
#tnb li.login, #tnb li.register{right: inherit; left: 20px;}
#tnb li.logout{right: inherit; left: 120px;}
#tnb li.tnb_admin{right: inherit; left: 170px;}
#tnb li.shop{right: inherit; left: 70px;}
#tnb li{height: 40px; line-height: 40px;}
#gnb{display: none;}
#logo{width: 40px; height: 26px; left: 50%; margin-left: -20px;}
.logo_mobile{display: block;}
.logo_pc{display: none;}
#aside{display: block; z-index: 2000;}
}
@media all and (max-width:980px){
.hd_login {
width: 20%;
overflow: hidden;
position: absolute;
right: 5%;
top: 35%;
}
}
@media all and (max-width:600px){
.hd_login { display: none; }
#aside{width: 100%;}
#tnb li{width: 28px; height: auto;}
#tnb a{padding: 0;}
#tnb li.logout{right: inherit; left: 92px;}
#tnb li.shop{right: inherit; left: 56px;}
#tnb li.tnb_admin{right: inherit; left: 128px;}
}

132
web/html/theme/AT_WEB01/css/common/reset.css Normal file
View File

@ -0,0 +1,132 @@
/*reset.css*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,700,900');
body.dark-mode .aboutWrap { background:#333; }
body.dark-mode .aboutWrap h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
background-color:#c71526;
color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
background-color:#c71526;
color:#eee
}
button { background:#c71526; }
#darkLight {
width:70px; height:90px;
font-size:3em;
padding-left:0.5%;
position:fixed;
right:0; bottom:3%;
border-radius:100px 0 0 100px;
transition:all .3s;
z-index:99999;
}
#darkLight:hover {
width:130px;
padding-left:1%;
background-color:#111;
}
html, body{width: 100%; -ms-overflow-x: hidden; overflow-x: hidden;}
#aside{display: none;}
#top_btn{display: none;}
.gnb_menu_btn{display: none;}
body{background: none;}
#hd{border-top: none; width: 100%; height: 90px; position: absolute;}
#hd_wrapper{padding: 0;}
#container_wr{width: 100%;}
#container{margin: 0; width: 100%;}
#logo{padding: 0; float: none;}
#gnb{height: 100%;}
#gnb .gnb_wrap{width: 100%;}
#gnb .gnb_mnal{display: none;}
#gnb #gnb_1dul{background: none; -webkit-box-shadow: none; box-shadow: none; width: 100%;}
#gnb .gnb_1dli{padding: 0;}
#gnb .gnb_1dli:hover{background: none; -webkit-transition: none; transition: none;}
.gnb_1da{color: #000;}
#ft{border-top: none; background: none; padding-bottom: 0; text-align: left;}
#ft_wr{width: 100%;}
#ft_link{border-bottom: none; padding: 0;}
#ft_link a{padding: 0; line-height: 1em; font-weight: normal;}
#ft_copy{color: #000; font-size: 1em;}
button[type="submit"]{outline: 0;}
input[type="submit"]{-webkit-appearance: none;-webkit-border-radius: 0;}
img, iframe, fieldset, frameset, input, select, option, textarea, button{border: 0 none; border-radius: 0;}
ul, ol, li{list-style: none;}
b, strong{font-weight: normal;}
address, i, em{font-style: normal;}
a{text-decoration:none; color: #000;}
a, img, label{display: block;}
html, body, table, tr, th, td, input, select, option, textarea, button{font: 15px / 150% 'Noto Sans KR', sans-serif; color: #000; font-weight: normal;}
h1, h2, h3, h4, h5, h6{font-size: 1.0em; font-weight: normal; color: #000;}
/* noto-sans-kr-100 - latin */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: url('../../fonts/noto-sans-kr-v11-latin-100.eot'); /* IE9 Compat Modes */
src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
url('../../fonts/noto-sans-kr-v11-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../fonts/noto-sans-kr-v11-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
url('../../fonts/noto-sans-kr-v11-latin-100.woff') format('woff'), /* Modern Browsers */
url('../../fonts/noto-sans-kr-v11-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../fonts/noto-sans-kr-v11-latin-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url('../../fonts/noto-sans-kr-v11-latin-300.eot'); /* IE9 Compat Modes */
src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
url('../../fonts/noto-sans-kr-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../fonts/noto-sans-kr-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../../fonts/noto-sans-kr-v11-latin-300.woff') format('woff'), /* Modern Browsers */
url('../../fonts/noto-sans-kr-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../fonts/noto-sans-kr-v11-latin-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url('../../fonts/noto-sans-kr-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
url('../../fonts/noto-sans-kr-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../fonts/noto-sans-kr-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../../fonts/noto-sans-kr-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../../fonts/noto-sans-kr-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../fonts/noto-sans-kr-v11-latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: url('../../fonts/noto-sans-kr-v11-latin-700.eot'); /* IE9 Compat Modes */
src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
url('../../fonts/noto-sans-kr-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../fonts/noto-sans-kr-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../../fonts/noto-sans-kr-v11-latin-700.woff') format('woff'), /* Modern Browsers */
url('../../fonts/noto-sans-kr-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../fonts/noto-sans-kr-v11-latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 900;
src: url('../../fonts/noto-sans-kr-v11-latin-900.eot'); /* IE9 Compat Modes */
src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
url('../../fonts/noto-sans-kr-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../fonts/noto-sans-kr-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../../fonts/noto-sans-kr-v11-latin-900.woff') format('woff'), /* Modern Browsers */
url('../../fonts/noto-sans-kr-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../fonts/noto-sans-kr-v11-latin-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

483
web/html/theme/AT_WEB01/css/default.css Normal file
View File

@ -0,0 +1,483 @@
@charset "utf-8";
@font-face {
font-family: 'GongGothicLight';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.dark-mode #wrapper { background:#333; }
body.dark-mode #wrapper h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
background-color:#c71526;
color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
background-color:#c71526;
color:#eee
}
button { background:#c71526; }
#darkLight {
width:70px; height:90px;
font-size:3em;
padding-left:0.5%;
position:fixed;
right:0; bottom:3%;
border-radius:100px 0 0 100px;
transition:all .3s;
z-index:99999;
}
#darkLight:hover {
width:130px;
padding-left:1%;
background-color:#111;
}
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family: 'GongGothicLight';background:#e7e7e7}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'GongGothicLight';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
textarea, select {font-family:'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
*, :after, :before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
/*
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow: 0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}
*/
.placeholdersjs { color: #aaa !important; }
/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{/*min-width:1200px*/}
#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr{width:1200px}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
/* 상단 레이아웃 */
#hd {border-top:2px solid #d13f4a}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:115px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#logo {float:left;padding:30px 0 0}
.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;border-right:0;float:left;font-size:1.25em}
#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#d13f4a;width:50px;float:left;cursor:pointer;font-size:18px}
#sbn_side{position:absolute;top:20px;right:0}
#tnb {border-bottom:1px solid #ddd;background:#fff}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;border-left:1px solid #ddd;margin-bottom:-1px;font-size:0.92em}
#tnb a {display:inline-block;padding:0 10px;color:#646464;line-height:35px}
#tnb a:focus, #tnb a:hover {color:#d13f4a;background:#fafafa}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#d13f4a;border-bottom:1px solid #e7e7e7}
#hd_qnb{float:right;margin-top:20px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}
/* 메인메뉴 */
#gnb{position:relative}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#d13f4a;zoom:1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:50px;padding:0 15px;position:relative;}
#gnb .gnb_1dli:hover{background:#1a30a7;
-webkit-transition: background-color 2s ease-out;
-webkit-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}
.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none;}
.gnb_2dli{border-top:1px solid #d13f4a}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding: 0;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none}
a.gnb_2da:hover{background:#0e2080;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
/* 3차메뉴 */
.gnb_3dli{border-top:1px solid #d13f4a}
.gnb_3dli:first-child{border:0}
.gnb_3dul {display:block;/*position:relative;*/top:90px;min-width:140px;background:#1a30a7;padding: 0;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.gnb_3da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none}
a.gnb_3da:hover{background:#0e2080;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.gnb_2dli_over .gnb_3dul {display:block;left:0}
.gnb_2dli_over2 .gnb_3dul {display:block;right:0}
/* 3차메뉴 끝 */
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}
.gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}
#gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0}
#gnb .gnb_mnal{padding:0}
#gnb_all{display:none;position:absolute;width:100%;z-index:99;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul{background:#fff;border:1px solid #4158d1;padding:20px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
#gnb_all .gnb_al_li{background:#fff;float:left;min-width:20%;padding:5px }
#gnb_all .gnb_al_li .gnb_al_a{font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;font-weight: bold;color:#243071}
#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}
#gnb_all .gnb_al_li li i{color:#9ca6cc}
#gnb_all .gnb_al_li li a{color:#555}
/* 중간 레이아웃 */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px}
#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:875px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
/* 하단 레이아웃 */
#ft {border-top:1px solid #d5d5d5;background:#fff;padding-bottom:30px;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative;}
#ft_link{padding:15px 0;border-bottom:1px solid #eee}
#ft_link a{display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold}
#ft_catch{margin:20px 0 10px}
#ft_copy{color:#555;font-size:0.92em}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}
/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap{margin:20px }
#copymove .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}
/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}
/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}
/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;
-webkit-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:right} /* 서식단계 진행 */
.btn_submit {border:0;background:#d13f4a;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#0025eb}
a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}
/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#d13f4a;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}
/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}
/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0;}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
.tbl_head01 thead th input {vertical-align:top; margin:10% 0; width:15px; height:15px; } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:70px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}
.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}
/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}
.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}
/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}
/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}
/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important;}
/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}
.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}
/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#d13f4a;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#d13f4a;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}
/* 검색결과 색상 */
.sch_word {color:#00c4ac}
/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}
/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}
/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}
.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
-webkit-box-shadow: inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}
/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

12
web/html/theme/AT_WEB01/css/ie.css Normal file
View File

@ -0,0 +1,12 @@
/*ie.css*/
#bo_w .bo_w_flie .frm_file{width: 100%;}
@media screen and (max-width:1199px){
#ft_link{width: 337px;}
}
@media screen and (max-width:480px){
#ft_link{width:294px; }
}

27
web/html/theme/AT_WEB01/css/ie9.css Normal file
View File

@ -0,0 +1,27 @@
/*ie9.css*/
#mb-open-menu{background: rgba(255,255,255,0);}
.webzine_table#bo_list .subject_box{height: 193px;}
@media screen and (max-width:600px){
.sub1-3{float: left; height: auto; background-position: center; background-size: cover;}
.sub1-3 .con3_sect1{display: block;}
.sub1-3 .sub_intro.swiper-container{display: none;}
.sub1-3 .con3_sect1 .line{left: 34px; top: 8px;}
.sub1-3 .btnWrap{display: none;}
.sub1-3 article{padding: 0 20px; width: 100%; height: auto;}
.sub1-3 .con3_sect1 img{margin: 0 auto; max-width: 400px;}
.sub1-3 .con3_sect1 .year{font-size: 25px;}
.sub1-3 .con3_sect1 .desc .date{margin-right: 10px; font-size: 13px;}
.sub1-3 .con3_sect1 .desc p{width: 60%; font-size: 13px;}
}
@media screen and (max-width:480px){
.sub1-3 .con3_sect1 .year{font-size: 20px;}
}
@media screen and (min-width:768px)and (max-width:1199px){
.coreComWrap .detail ul li{height:350px;}
}
@media screen and (max-width:767px){
#bo_list.webzine_table .tbl_head01 .td_chk{top: inherit; margin-left: 20px; margin-top: 60px;}
}
@media screen and (max-width:480px){
#bo_list.webzine_table .tbl_head01 .td_chk{top: inherit; margin-left: 20px; margin-top: 35px;}
}

262
web/html/theme/AT_WEB01/css/mainStyle.css Normal file
View File

@ -0,0 +1,262 @@
/*mainStyle.css*/
@font-face {
font-family: 'GongGothicLight';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body.dark-mode { background:#333; }
body.dark-mode h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
background-color:#c71526;
color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
background-color:#c71526;
color:#eee
}
button { background:#c71526; }
#darkLight {
width:70px; height:90px;
font-size:3em;
padding-left:0.5%;
position:fixed;
right:0; bottom:3%;
border-radius:100px 0 0 100px;
transition:all .3s;
z-index:99999;
}
#darkLight:hover {
width:130px;
padding-left:1%;
background-color:#111;
}
#container{overflow: hidden; font-family: 'GongGothicLight';}
.bannerWrap{width: 100%; height: 950px; position: relative;}
.bannerWrap > img{height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bannerWrap > div{width: 768px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bannerWrap > div img{margin: 30px auto;}
.bannerWrap > div h2, .bannerWrap > div p{text-align: center; color: #fff;}
.bannerWrap > div h2{font-size: 48px; letter-spacing: -1px; line-height: 1.2; margin-bottom: 40px;}
.bannerWrap > div p{font-size: 28px; line-height: 1.5;}
.bannerWrap > div p span{display: block;}
.bannerWrap > div > div{width: 37px; height: 192px; position: absolute; font-size: 100px; color: #fff; z-index: 10; top: 30px; background: url(../img/main/square_bracket1.png); background-size: 100% 100%;}
.bannerWrap > div > div.square_bracket1{left: 100px;}
.bannerWrap > div > div.square_bracket2{background-image: url(../img/main/square_bracket2.png); right: 100px;}
.inner.box{padding: 0 20px 120px;}
.main_title{padding: 100px 0;}
.main_title h2{font-size: 60px; line-height: 1.0; color: #777; text-align: center;}
.main_title h2::after{content: ""; display: block; width: 1px; height: 35px; background: #223040; margin: 55px auto;}
.main_title h2 span{color: #d40424; font-weight: 600; margin-right: 20px;}
.main_title p{width: 70%; margin: 0 auto; text-align: center; font-size: 20px; line-height: 1.5;}
.detail{width: 100%; margin: 0 auto;}
.detail > ul{width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto;}
.detail > ul li{float: left; width: 32%; padding: 13px 0;}
.detail > ul li.second{margin: 0 2%;}
.detail > ul li img{margin: 30px auto 35px;}
.detail > ul li p{color: #666; font-size: 28px; margin-bottom: 26px;}
.detail > ul li p span{display: block;}
.detail > ul li strong{display: block; font-size: 35px; line-height: 1.5; color: #333; margin: 0 auto; text-align: center;}
.detail > ul li strong span{font-size: 44px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;}
.detail > ul li p{text-align: center;}
.aboutWrap{width: 100%;}
.aboutWrap .detail > ul li strong{text-align: center;}
/*.coreComWrap{width: 100%; background: url(../img/main/bg_img1.png); background-size: 100% auto; background-position: center;}*/
.coreComWrap{width:100%;background: url(../img/main/port_bg.png); padding-bottom: 90px;}
.coreComWrap .main_title h2::after{background: #fff;}
.coreComWrap .main_title h2, .coreComWrap .main_title h2 span, .coreComWrap .main_title p{color: #fff;}
.coreComWrap .main_title h2{letter-spacing: -4px; font-weight: 600;}
.coreComWrap .main_title h2 span{letter-spacing: 0;}
.coreComWrap .detail ul li{background: #fff; border-radius: 10px; padding: 44px 0;}
.coreComWrap .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrap .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}
.portfolioWrap{background: url(../img/main/port_bg.png); padding-bottom: 90px;}
.portfolioWrap .main_title h2::after{background: #fff;}
.portfolioWrap .main_title h2, .portfolioWrap .main_title h2 span, .portfolioWrap .main_title p{color: #fff;}
.port_go{width: 100%;}
.portfolioWrap .port_go a{color: #fff; text-align: center; font-size: 18px; width: 100%; border: 1px solid #fff; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;margin: 0 auto;}
.portfolioWrap .port_go a:hover{background: #fff; color: #223040;}
.pic_lt .lat_title, .pic_lt .lt_more, .pic_lt li .new_icon, .pic_lt .lt_date{display: none;}
.portfolioWrap .mainPage{display: block;}
.portfolioWrap .latest_wr{display: none;}
.portfolioWrap .latest_wr2{display: block;}
.portfolioWrap .pic_lt .empty_li{width: 100%; height: 500px; background: #fff; line-height: 500px; text-align: center;}
.portfolioWrap .pic_lt{width: 100%; background: none; border: none; margin-bottom: 0;}
.portfolioWrap .pic_lt ul{padding: 0;}
.portfolioWrap .pic_lt li{padding: 0; margin:0.6%; height:347px; overflow: hidden;}
.portfolioWrap .pic_lt li .lt_img{ }
.portfolioWrap .pic_lt li .lt_img img{display: block; display: block;}
.portfolioWrap .pic_lt li .lt_img + a{display: none;}
.portfolioWrap .latest_wr2 .pic_lt .new_icon + a{display: none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot{outline: 0 none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span{background: #ddd;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span:hover, .portfolioWrap .owl-theme .owl-dots .owl-dot.active span{background: #c80e21;}
.consertWrap{background: url(../img/main/consert_bg.png);}
.consertWrap .inner{padding-bottom: 170px;}
.consertWrap .main_title{padding-bottom: 30px;}
.consertWrap .latest_wr{width: 100%; margin: 0 auto;}
.consertWrap .latest_wr > div{float: left; width: 45%;}
.hot_icon .latest_wr > div.ing_projects{ }
.pic_lt li .hot_icon { float:left; margin:1%; }
.consertWrap .latest_wr > div.news{float: right;}
.consertWrap .lat{margin-bottom: 0; border: none; padding: 60px; min-height: 493px;}
.consertWrap .lat .lat_title{border-bottom: none; background: none; padding: 0; line-height: 1.0em; font-size: 1.0em; color:#333; border-bottom: 1px solid #ddd;}
.consertWrap .lat .lat_title a{color: #333; font-size: 30px; color: #333; font-weight: 600; line-height: 70px; height: 70px;}
.consertWrap .lat ul{padding: 0; margin-top: 30px;}
.consertWrap .lat li{padding: 0; padding-right: 0; padding-left: 0; line-height: 45px; overflow: hidden; }
.consertWrap .lat li:before{display: none;}
.consertWrap .lat li a{width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-size: 18px; display: unset;}
.consertWrap .lat li a:hover{color:#c80e21; font-weight: bold;}
.consertWrap .lat .lt_date{color: #888; font-size: 18px; float:right; }
.consertWrap .lat .lat_title_area{position: relative;}
.consertWrap .lat .lt_more{top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; font-weight: normal; color: #7a838c; font-size: 45px;}
.consertWrap .lat .lt_more .fa{display: none;}
.consertWrap .lat li .new_icon{display: none;}
.consertWrap .lat li .hot_icon { float:left; margin: 4%; }
.consertWrap .lat .lat_title a:after{display: none;}
.consertWrap .lat .empty_li{line-height: 270px; font-size: 18px;}
.contactWrap{background: url(../img/main/bg_img2.png); background-size: cover; background-position: center;}
.contactWrap .inner{padding-bottom: 170px;}
.contactWrap .main_title{padding-bottom: 70px;}
.contactWrap .main_title h2::after{display: none;}
.contactWrap .main_title h2, .contactWrap .main_title h2 span, .contactWrap .main_title p{color: #fff;}
.contactWrap .main_title p{padding-top: 50px;}
.contactWrap .detail{width: 100%; height: 420px;}
.contactWrap .root_daum_roughmap{height: 100%;}
.contactWrap .root_daum_roughmap .wrap_map{height: 100%;}
@media screen and (max-width: 1199px){
.bannerWrap > div img{width:110px;}
.bannerWrap > div h2{font-size: 30px;}
.bannerWrap > div p{width: 90%; margin: 0 auto; font-size: 18px;}
.bannerWrap > div > div{top: 20px;}
.bannerWrap > div > div.square_bracket1{left: 160px;}
.bannerWrap > div > div.square_bracket2{right: 160px;}
.inner{width: 100%; padding: 0 20px 60px;}
.main_title{padding: 60px 0;}
.main_title h2{font-size: 42px;}
.main_title h2::after{width: 1px; height: 24px; margin: 35px auto;}
.main_title h2 span{margin-right: 15px;}
.main_title p{width: 100%; font-size: 16px; padding: 0 30px;}
.detail > ul li p{font-size: 20px; margin-bottom: 0;}
.detail > ul li strong{font-size: 26px;}
.detail > ul li strong span{font-size: 30px;}
.detail > ul li, .detail > ul li img{width:100%; -webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;}
.aboutWrap .detail > ul li:hover img{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.coreComWrap{background-size: auto 100%;}
.coreComWrap .main_title h2{letter-spacing: -2px;}
.coreComWrap .detail ul li strong{margin-bottom: 0; font-size: 26px;}
.coreComWrap .detail ul li p{padding: 0 20px; font-size: 20px;}
.portfolioWrap .port_go a{width: 100%; margin-top: 35px;}
.portfolioWrap .port_go a{font-size: 16px;}
.contactWrap .inner{padding-bottom: 100px;}
.contactWrap .main_title{padding-bottom: 50px;}
}
@media screen and (min-width:481px){
.portfolioWrap .mainPagewrap{width: 100%; position: relative;}
.portfolioWrap .latest_wr{display: none;}
.portfolioWrap .latest_wr2{display: block; width: 100%; height: auto; margin: 0 auto;}
.portfolioWrap .pic_lt ul{display: inherit; width: 100%; overflow: hidden; margin-bottom: 32px; padding: 0;}
.portfolioWrap .pic_lt li{padding: 0; width: 32%; padding: 0;}
.portfolioWrap .pic_lt li .lt_img{margin: 0; width: 100%; overflow: hidden;}
.portfolioWrap .pic_lt li .lt_img:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webokit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition: 0.6s; -0-transition-duration: 0.6s;}
}
@media screen and (min-width:481px) and (max-width: 1199px){
.bannerWrap{height: 800px;}
}
@media screen and (max-width:1024px){
.consertWrap .latest_wr > div{width: 49%;}
.consertWrap .lat .lat_title a{font-size: 20px;}
.consertWrap .lat .lt_more{font-size: 30px;}
.consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
.consertWrap .lat .empty_li{line-height: 270px; font-size: 16px;}
}
@media screen and (max-width:767px){
.bannerWrap > div{width: 480px;}
.bannerWrap > div > div.square_bracket1{left: 20px;}
.bannerWrap > div > div.square_bracket2{right: 20px;}
.detail > ul{width: 80%; display: inherit;}
.detail > ul li{width: 100%;}
.detail > ul li.second{margin: 0;}
.detail > ul li p{font-size: 20px; margin-bottom: 0;}
.detail > ul li strong{font-size: 26px;}
.detail > ul li strong span{font-size: 30px;}
.consertWrap .inner{padding-bottom: 80px;}
.consertWrap .main_title{padding-bottom: 0;}
.consertWrap .latest_wr > div{float: left; width: 100%;}
.consertWrap .latest_wr > div.ing_projects{margin-bottom: 5%;}
.consertWrap .lat{padding: 40px;}
.consertWrap .lat .lat_title a{font-size: 20px; line-height: 60px; height: 60px;}
.consertWrap .lat li{line-height: 50px;}
.consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
.consertWrap .lat .empty_li{line-height: 300px; font-size: 16px;}
}
@media screen and (max-width:600px){
.portfolioWrap .latest_wr{display: block;}
.portfolioWrap .latest_wr2{display: none;}
.portfolioWrap .pic_lt .empty_li{height: 200px; line-height: 200px;}
.portfolioWrap .inner{position: relative;}
.portfolioWrap .mainPagewrap{width: 100%; position: relative;}
.portfolioWrap .latest_wr{width: 240px; height: auto; margin: 0 auto;}
.portfolioWrap{padding-bottom: 60px;}
.portfolioWrap .port_go a{width: 100%; margin-top: 35px; font-size: 12px; padding: 10px 0;}
}
@media screen and (min-width:481px) and (max-width:767px){
.coreComWrap .detail ul{width: 40%; min-width: 320px;}
.coreComWrap .detail img{margin: 10px auto 20px;}
.coreComWrap .detail > ul li.second{margin: 20px 0;}
}
@media screen and (max-width: 480px){
.bannerWrap{height: 700px;}
.bannerWrap > div{width: 320px;}
.bannerWrap > div img{width: 63px; height: 42px; margin: 30px auto 20px;}
.bannerWrap > div h2{font-size: 20px;}
.bannerWrap > div p{font-size: 12px;}
.bannerWrap > div > div{width: 20px; height: 104px;}
.bannerWrap > div > div.square_bracket1{left: 20px;}
.bannerWrap > div > div.square_bracket2{right: 20px;}
.main_title{padding: 40px 0;}
.main_title h2{font-size: 27px;}
.main_title h2::after{width: 1px; height: 13px; margin: 20px auto;}
.main_title h2 span{margin-right: 10px;}
.main_title p{width: 100%; font-size: 12px; padding: 0 20px;}
.detail > ul{width: 240px;}
.detail > ul li{width: 100%; height: 130px; overflow: hidden;}
.detail > ul li img{/*width: 56px;*/ margin: 0px auto 30px;}
.detail > ul li p{font-size: 16px;}
.detail > ul li strong{font-size: 23px; line-height: 1.5; margin: 0 auto; text-align: left; line-height: 1.0;}
.detail > ul li strong span{font-size: 35px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;}
.detail > ul li p, .detail > ul li strong{text-align: left; width: 152px; margin-right: 0px;}
.aboutWrap .detail > ul li img{float: left;}
.aboutWrap .detail > ul li p{/*float: right;*/ text-align:center; width:100%;}
.aboutWrap .detail > ul li strong{float: right;}
.aboutWrap .detail > ul li strong{text-align: left;}
.coreComWrap .detail ul li{padding: 40px 0; height: 240px;}
.coreComWrap .detail > ul li.second{margin: 15px 0;}
.coreComWrap .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
.coreComWrap .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:23px;}
.coreComWrap .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;}
.consertWrap .inner{padding-bottom: 60px;}
.consertWrap .lat{padding: 30px; min-height: 373px;}
.consertWrap .lat .lat_title a{font-size: 17px; height: 40px; line-height: 40px;}
.consertWrap .lat .lt_more{font-size: 20px;}
.consertWrap .lat li{line-height: 40px;}
.consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 14px;}
.consertWrap .lat .empty_li{line-height: 240px; font-size: 14px;}
.contactWrap .inner{padding-bottom: 50px;}
.contactWrap .main_title{padding-bottom: 30px;}
.contactWrap .detail{height: 220px; overflow: hidden;}
.portfolioWrap .pic_lt li .lt_img {height: 220px;}
}
@media screen and (max-width:350px){
.portfolioWrap .port_go a{font-size: 12px;}
}

322
web/html/theme/AT_WEB01/css/mobile.css Normal file
View File

@ -0,0 +1,322 @@
@charset "utf-8";
/* 초기화 */
html {overflow-y:scroll;height:100%;min-width:320px}
body {margin:0;padding:0;font-size:0.75em;background:#e6e6e6;height:100%}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:dotum}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0;background:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd{padding:0;margin:0}
ul{list-style:none;}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%;height:auto}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
/* 상단 레이아웃 */
#hd {position:relative;background:#333}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#logo {padding:10px 10px;height:50px;text-align:center}
#logo img{vertical-align:middle;max-height:100%;width:auto}
#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:30px;width:30px;border:0;background-size:70%;color:#fff;background:none; font-size: 16px;}
#gnb {display:none;background:#262626;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:300px;
-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4);
-moz-box-shadow:0 0 5px rgba(55,55,5,0.4);
box-shadow: 0 0 5px rgba(55,55,5,0.4);}
#gnb a {display:block;color:#efefef}
.gnb_1dli{position:relative;line-height:40px;}
.gnb_1dli button{position:absolute;top:0;right:0;background:url;border:0;width:40px;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
.gnb_1dli button.btn_gnb_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}
.gnb_1da {padding:0 20px;border-bottom:1px solid #2d2d2d}
.gnb_2dul {display:none;}
.gnb_2da {border-bottom:1px solid #2d2d2d;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px}
#gnb_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%
#222222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}
#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}
#hd_sch {text-align:center;padding:20px}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding-right:40px;}
#hd_sch #sch_stx {width:100%;height:45px;background:#464646;border:0;padding-left:10px;border-radius:3px 0 0 3px;color:#fff}
#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;;border:0;border-radius:0 3px 3px 0;cursor:pointer;color:#fff;background:#464646;font-size:1.25em}
#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:30px;width:30px;border:0;;color:#fff;font-size:16px;background:none;letter-spacing:-0.1em}
#user_menu{display:none;position:fixed;top:0;right:0;height:100%;;overflow-y:auto;width:320px;z-index:9999;background:#fff;text-align:center;
-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4);
-moz-box-shadow:0 0 5px rgba(55,55,5,0.4);
box-shadow: 0 0 5px rgba(55,55,5,0.4);}
#user_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%
#222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}
#snb_cnt span{display:inline-block;padding: 0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;border-radius:20px;color:#fff}
#hd_nb{margin:20px;}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb li{width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold}
#hd_nb li a{display:block;color:#717171;padding:20px 0}
#hd_nb li i{font-size:20px;}
#hd_nb .hd_nb1{border-right:1px solid #e2e5e7;border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb2{border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb3{border-right:1px solid #e2e5e7}
/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px;}
#text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;border-radius:50%}
#text_size button.select{background:#fff;border-bottom:1px solid #bbb;
-webkit-box-shadow:0 0 5px rgba(100,80,100,0.2);
-moz-box-shadow:0 0 5px rgba(100,100,100,0.2);
box-shadow: 0 0 5px rgba(100,100,100,0.2);}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}
/* 중간 레이아웃 */
#wrapper {}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {position:relative;min-height:300px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.2em;font-weight:bold;height:50px;padding:10px;line-height:30px;background:#fff;color:#333;
-webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4);
-moz-box-shadow: 0 0 5px rgba(55,55,5,0.4);
box-shadow: 0 0 5px rgba(55,55,5,0.4);
}
.top{position:relative}
.btn_top{position:absolute;top:0px;right:0px;z-index:999;padding:10px;}
.btn_top li{display:inline-block}
.btn_top a,.btn_top .btn_submit{line-height:30px;padding: 0 10px;border-radius:3px}
.btn_top .btn_cancel,.btn_top .btn_b01{border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff}
.fixed{position:fixed;top:0;right:0;z-index:999;}
#container_title.fixed{width:100%;}
/* 하단 레이아웃 */
#ft {background:#222;padding:0px 10px 10px}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}
#ft_copy {padding:10px;line-height:2em;text-align:center;color:#777}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a {display:inline-block;padding:0 10px;line-height:1em;border-left:1px solid #333;color:#fff}
#ft_copy #ft_company a:first-child{border:0}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}
#top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99}
#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center}
/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01{margin-top:10px}
#copymove td{background:#fff}
#copymove .win_btn{margin:10px}
/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}
/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em}
/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}
/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;}
/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}
/*단축키일람 */
.cke_sc{text-align:right}
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}
/* 버튼 */
.btn{display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px}
a.btn01 {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {border:0;background:#ff506a;color:#fff;cursor:pointer;border-radius:3px}
fieldset .btn_submit {}
a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}
/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02 ,.btn_b02{display:inline-block;background:#ff506a;color:#fff;text-decoration:none;vertical-align:middle;border:0}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:1px solid #ed6478;color:#ed6478;background:none;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}
/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}
.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border:1px solid #cacaca;background:#d9d9da;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border:1px solid #e3e3e5;line-height:1.5em;word-break:break-all}
.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
/* 기본리스트 */
.list_01{padding:0 10px;}
.list_01 li{background:#fff;border-radius:3px;margin:10px 0;padding:10px 15px;border-bottom:1px solid #ccc;}
/* 기본폼 */
.form_01{margin:10px}
.form_01 .write_div{margin:5px 0;position:relative}
.form_01 li{margin:5px 0;position:relative;list-style:none}
.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:40px;}
.full_input{width:100%}
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select{height:40px;border-radius:3px;background-color:#fff}
.form_01 .frm_info{font-size:0.92em;color:#4162ff;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}
/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}
/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important;}
/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}
.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#999}
.txt_rdy {color:#8abc2a}
/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px;line-height: 30px;background: #4162ff;color: #fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con{margin:10px}
.new_win .win_ul {margin:10px}
.new_win .win_ul li {display:inline-block;}
.new_win .win_ul li a {display: block;line-height: 24px;padding: 0 10px;}
.new_win .win_ul li .selected {background: #4162ff;color: #fff;border-radius: 13px;
-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
box-shadow: 0 0 8px rgba(65,98,255,0.8);}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff}
.new_win .win_btn {clear:both;margin:10px 0;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-weight:bold;height:40px;border-radius:3px;margin:10px 0}
.new_win .win_btn .btn_submit {width:100%;height:40px;line-height:40px;border-radius:3px;margin:0 0 20px;display:inline-block;font-weight:bold}
/* 검색결과 색상 */
.sch_word {color:#00c4ac}
/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333;font-weight:bold;}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}
/* 페이징 */
.pg_wrap {clear:both;margin:10px 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {display:inline-block;padding:0 10px;height:30px;color:#000;line-height:28px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#fff;border:1px solid #d4d4d4;border-radius:3px}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fff;width:30px;height:30px ;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:normal;border-radius:3px;line-height:30px;}

110
web/html/theme/AT_WEB01/css/sub/bs_area.css Normal file
View File

@ -0,0 +1,110 @@
/*bs_area.css*/
.bs_area .section{width: 100%; padding: 60px 0;}
.bs_area .first_area{padding-top: 0;}
.bs_area .first_area .leftarea{width: 55%; float: left;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.first_area .leftarea>.img1{width: 48%; margin: 1%; float: left;}
.first_area .leftarea img{width: 100%;}
.first_area .leftarea>.img2{width: 48%; margin: 1%; float: left;}
.first_area .rightarea{width: 45%; float: left; padding-left: 60px;}
.first_area .toptxt>h2{font-size: 42px; font-weight: 700; line-height: 48px;}
.first_area .toptxt>h2>span{color: #c71526;}
.first_area .mdllinewrap{padding: 20px 0;}
.first_area .mdlline{width: 55px; height: 2px; background: #c71526;}
.first_area .mdltxt>p{font-size: 16px; color: #333; line-height: 22px;}
.first_area .bottomtxt{padding-top: 40px; padding-bottom: 0;}
.first_area .bottomtxt>p{font-size: 14px; color: #999; line-height: 20px;}
.bgc{background-color: #f5f5f5;}
.second_area .article{padding: 55px 0; width: 25%; float: left; text-align: center;}
.second_area .artimg{margin: 0 auto;width: 60px; height: 60px; }
.second_area .artimg>img{width: 100%; margin:0 auto;}
.second_area .ai2>img {padding-top:13%; }
.second_area .arttbox{width: 180px;margin: 10px auto 0;}
.second_area .center{overflow: hidden; }
.second_area .leftnum{float: left; margin: 0 5px;}
.second_area .leftnum>h3{width: 170px;font-size: 40px; color:#c71526; font-weight:700; text-align: center; line-height: 40px; padding: 10px 0;}
.second_area .righttxt{float: left; margin: 0 5px;}
.second_area .righttxt>p{width:170px; padding: 10px 0;font-size: 14px;color: #333;line-height: 20px;}
.bs_area .third_area{padding-top: 50px; padding-bottom: 150px;}
.third_area .leftarea{width: 70%; float: left; padding-right: 60px;}
.third_area .txtbox{padding: 20px 0;}
.third_area .toptxt>h3{font-size: 42px; line-height: 48px; font-weight: 700;}
.third_area .bottomtxt{padding-top: 40px;}
.third_area .bottomtxt>p{font-size: 14px; line-height: 20px; color: #999;}
.tb2 .toptxt>h3{font-size: 42px; line-height: 48px;}
.tb2 .toptxt>h3>span{color: #c71526;}
.tb2 .bottombox{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.tb2 .boxarticle{float: left;width: 50%;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 50px; margin-top: 40px;}
.tb2 .boximgwrap{width: 51px; height: 51px;}
.tb2 .boximgwrap>img{width: 100%;}
.tb2 .boxtxtwrap{width: 85%; padding-left: 10px;}
.tb2 .boxtxtwrap p{font-size: 14px; color: #999; line-height: 20px;}
.tb2 .boxtxtwrap .p1{font-size: 16px; color: #333; line-height: 48px;}
.third_area .rightarea{width: 30%; float: right;}
.third_area .rightarea>.imgwrap{width: 100%; height: 630px; background-image: url('../../img/business/area_section3_img2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
@media screen and (max-width:1199px){
/* br{display: none;}*/
.second_area .righttxt>p>br{display: block;}
.bs_area .first_area .leftarea{width: 100%;}
.bs_area .first_area .rightarea{width: 100%; margin-top: 40px; padding-left: 0;}
.first_area .rightarea{padding-left: 40px;}
.third_area .leftarea{width: 100%;float: inherit; margin-top: 40px; padding-right: 0;}
.third_area .rightarea{float: inherit;padding-bottom: 40px;}
.third_area .rightarea{width: 100%; float: left;}
.third_area .rightarea>.imgwrap{width: 100%; height: 500px; background-image: url('../../img/business/area_section3_img2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
}
@media screen and (max-width:920px){
.bs_area .section{padding: 30px 0;}
.bs_area .third_area{ padding-bottom: 150px;}
.second_area .article{width: 50%; margin-top: 0;}
.third_area .rightarea>.imgwrap{width: 100%; height: 400px; background-size:auto ;}
.second_area .article:nth-child(1){border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.second_area .article:nth-child(2){border-bottom: 1px solid #ddd;}
.second_area .article:nth-child(3){border-right: 1px solid #ddd;}
}
@media screen and (max-width:768px){
.first_area .mdltxt>p>br{display: block;}
.third_area .toptxt>h3{word-break: keep-all;}
.tb2 .boxarticle{width: 48%;padding-right: 0; margin-top: 20px;}
.tb2 .boxarticle:nth-child(1){margin-right: 2%;}
.tb2 .boxarticle:nth-child(3){margin-right: 2%;}
.bs_area .third_area{ padding-bottom: 100px;}
}
@media screen and (max-width:650px){
.first_area .toptxt>h2{font-size: 32px;}
.tb2 .boxarticle{width: 100%; margin: 30px 0;}
.tb2 .boxarticle:nth-child(1){margin-right:0;}
.tb2 .boxarticle:nth-child(3){margin-right:0;}
.third_area .toptxt>h3{font-size: 32px;}
.third_area .rightarea>.imgwrap{height: 300px;}
.first_area .bottomtxt{padding-bottom: 40px;}
.second_area .inner{padding: 0;}
}
@media screen and (max-width:500px){
.mdlTxt>h2{font-size: 20px!important;}
.ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 28px;}
.ing_bnr_Wrap>.bnrtxtwrap>p{font-size: 16px;}
.bs_area .section{padding: 10px 0;}
.first_area .toptxt>h2{font-size: 28px; line-height: 36px;}
.first_area .toptxt>h2>br{display: block;}
.first_area .mdltxt>p{font-size: 13px;}
.first_area .mdltxt>p br{display: none;}
.first_area .bottomtxt>p{font-size: 12px;}
.first_area .bottomtxt{padding-bottom: 40px;}
.third_area .toptxt>h3{line-height: 36px; font-size: 28px;}
.second_area .article{width: auto; padding: 25px 0; position:relative; left: 50%; top: 50px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.bgc{padding: 40px 0;}
.second_area .artimg{float: left;}
.second_area .arttbox{float: left}
.second_area .arttbox{margin: 0;}
.second_area .leftnum{margin: 0 35px;}
.second_area .arttbox{width: auto;}
.tb2 .boxarticle{margin: 20px 0;}
.bs_area .third_area{ padding-bottom: 80px; padding-top: 60px;}
.second_area .article:nth-child(1){border-right: none; border-bottom: none}
.second_area .article:nth-child(2){border-bottom: none;}
.second_area .article:nth-child(3){border-right: none}
}
@media screen and (max-width:400px){
.third_area .rightarea>.imgwrap{height: 250px;}
.tb2 .boxarticle{margin: 15px 0;}
}

111
web/html/theme/AT_WEB01/css/sub/bs_info.css Normal file
View File

@ -0,0 +1,111 @@
.mdlTxt h3 {font-size: 20px; line-height:2;}
.mdlTxt p {}
/* bs_info */
.bs_info{width: 100%;}
.bs_info .inner{width: 1200px; padding: 0 20px;}
.as_comment {padding-top: 10px;}
.as_red {color:red; font-weight:600;}
@media screen and (max-width:1199px){
.bs_info .inner{width: 100%;}
.bs_info .inner{margin: 0 0;}
}
@media screen and (max-width:480px){
.bs_info .inner{margin: 0 0;}
}
.bs_info .section{padding: 100px 0; width: 100%;}
@media screen and (max-width:1199px){
.bs_info .section{padding: 75px 0;}
}
@media screen and (max-width:767px){
.bs_info .section{padding: 50px 0;}
}
.bs_info .section.cus_info{padding-top: 0px;}
.cus_info .figure_area{width: 100%; margin-bottom: 60px;}
.cus_info .figure_area img{width: 100%;}
.cus_info .text_area{width: 100%;}
.cus_info .bsinfo_list{padding: 30px 30px 55px; width: 100%;}
.cus_info .bsinfo_list li{float: left; width: 30%;}
.cus_info .bsinfo_list li.bsinfo_item02{margin: 0 5%;}
.cus_info .tit_box .sub_tit{display: inline-block; margin-bottom: 10px; color: #999; font-size: 14px; font-weight: 300; line-height: 20px;}
.cus_info .tit_box .main_tit{color: #333; font-size: 16px; font-weight: 600; line-height: 20px;}
.cus_info .tit_box .main_tit::after{display: block; content:""; margin: 20px 0; width: 40px; height: 3px; background: #c71526;}
.cus_info .desc_box p{color: #666; font-weight: 300; font-size: 14px;}
@media screen and (max-width:978px){
.cus_info .figure_area{margin-bottom: 50px;}
.cus_info .bsinfo_list{padding: 0 0 30px;}
.cus_info .bsinfo_list li{width: 100%;}
.cus_info .bsinfo_list li.bsinfo_item02{margin: 30px 0;}
}
@media screen and (max-width:480px){
.cus_info .tit_box .sub_tit{font-size: 12px;}
.cus_info .tit_box .main_tit{font-size: 14px;}
.cus_info .tit_box .main_tit::after{margin: 15px 0; width: 35px;}
.cus_info .desc_box p{font-size: 12px;}
}
.ph_info{background: #333;}
.ph_info .ph_list{padding: 0 30px; width: 100%;}
.ph_info .ph_list li{float: left; width: 32%;}
.ph_info .ph_list li.phlist_item02,.ph_info .ph_list li.phlist_item05{margin: 0 2%;}
.ph_info .ph_list li.phlist_item01,.ph_info .ph_list li.phlist_item02, .ph_info .ph_list li.phlist_item03{margin-bottom: 25px;}
.ph_info .picto_box{width: 60px; margin: 20px auto;}
.ph_info .picto_box img{width: 100%;}
.ph_info .text_box{text-align: center; color: #fff;}
.ph_info .text_box .main_tit{margin-bottom: 15px; color: #fff; font-size: 24px; font-weight: 300; line-height: 25px;}
.ph_info .text_box .desc{padding: 0 15px 20px; font-size: 14px; font-weight: 100; line-height: 20px;}
@media screen and (max-width:978px){
.ph_info .ph_list{padding: 0 20px;}
.ph_info .ph_list li.phlist_item02,.ph_info .ph_list li.phlist_item05{margin: 0;}
.ph_info .ph_list li.phlist_item01,.ph_info .ph_list li.phlist_item02, .ph_info .ph_list li.phlist_item03{margin-bottom: 0;}
.ph_info .ph_list li{width: 50%; height: 270px; padding: 30px 0;}
.ph_info .picto_box{width: 50px;}
.ph_info .text_box .desc{padding: 0 30px 30px;}
}
@media screen and (max-width:767px){
.ph_info .ph_list li{padding: 5px 0; width: 100%; height: auto;}
.ph_info .picto_box{width: 50px; margin: 15px auto;}
.ph_info .text_box .main_tit{margin-bottom: 20px; font-size: 25px; line-height: 20px;}
.ph_info .text_box .desc{padding: 0 5px 30px; font-size: 12px; line-height: 17px;}
}
.tem_info{width: 100%;}
.tem_info .inner > div{float: left; /*width: 50%;*/}
.tem_info .figure_area img{width: 100%;}
.tem_info .text_area{/*padding-left: 60px; */padding-top: 20px;}
.tem_info .text_area .main_tit{margin-bottom: 25px; font-size: 42px; line-height: 48px; font-weight: 700;}
.tem_info .text_area .center{text-align:center; }
.tem_info .text_area .main_tit strong{display: block; font-weight: 700; color: #c71526;}
.tem_info .text_area .main_desc{margin-bottom: 35px; font-size: 16px; line-height: 22px; color: #333;}
.tem_info .text_area .desc_box{padding-right: 10%;}
.tem_info .text_area .desc_box p{color: #999; font-size: 14px; line-height: 1.4; }
.tem_info .text_area .desc_box h3{color: #333; font-size: 30px; line-height: 2; font-weight:600; }
.tem_info .text_area .desc_box ol{padding-left:20px;color: #333; font-size: 20px; line-height: 2; }
.tem_info .text_area .desc_box .sub1 li {list-style-type:upper-roman;}
.tem_info .text_area .desc_box .sub2 li {list-style-type:lower-roman;}
.tem_info .text_area .desc_box li{list-style:auto; }
.tem_info .text_area .desc_box ul li{list-style:none; }
@media screen and (min-width:768px) and (max-width:978px){
.tem_info .text_area{padding-top: 15px;}
.tem_info .text_area .main_tit{font-size: 30px; line-height: 35px;}
.tem_info .text_area .main_desc{font-size: 14px; line-height: 18px;}
.tem_info .text_area .desc_box p{font-size: 13px; line-height: 17px;}
.tem_info .text_area .desc_box .tit{font-size: 20px; line-height: 1.4; }
}
@media screen and (max-width:880px){
.tem_info .inner > div{width: 100%;}
.tem_info .figure_area{padding: 0 20px; margin-bottom: 45px;}
.tem_info .text_area{padding-left: 0; padding: 0 20px;}
.tem_info .text_area .desc_box{padding-right: 0;}
}
@media screen and (max-width:480px){
.tem_info .text_area .main_tit{margin-bottom: 15px; font-size: 28px; line-height: 30px;}
.tem_info .text_area .main_desc{margin-bottom: 25px; font-size: 13px; line-height: 17px;}
.tem_info .text_area .desc_box p{font-size: 12px; line-height: 16px;}
.tem_info .text_area .desc_box .tit{font-size: 20px; line-height: 1.4; }
}

53
web/html/theme/AT_WEB01/css/sub/directions.css Normal file
View File

@ -0,0 +1,53 @@
/* directions.css */
.directions{width: 100%; padding: 0 0 130px;}
.map_area{margin-top: 50px; width: 100%; height: auto; overflow: hidden;}
.map_desc{margin-top: 80px; width: 100%;}
.map_desc_box{width: 100%;}
.map_title{height: 60px; border-bottom: 2px solid #666;}
.map_title .map_icon1{float: left; display: inline-block; margin-right: 10px; width: 30px; height: 100%; background: url(../../img/company/directions_icon01.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: center;}
.map_title h3{float: left; line-height: 60px; color: #333; font-size: 20px;}
.map_list{margin-bottom: 65px; width: 100%;}
.map_item{float: left; width: 100%; border-bottom: 1px solid #999;}
.item_desc{line-height: 60px; color: #666; font-size: 16px;}
.map_item::before{display: inline-block; float: left; margin-right: 26px; content: ""; width: 4px; height: 4px; background: #c71526; border-radius: 50%; margin-top: 28px;}
.map_2list{}
.map_2item{float: left; margin-right: 32px; padding: 15px 0 15px;}
.map_2item .bus_line{display: inline-block; margin-right: 10px; width: 45px; height: 30px; background: #3caa3a; color: #fff; text-align: center; line-height: 30px; border-radius: 5px}
.map_2item .bus_line.blue{background: #358fd4;}
.map_2item .bus_number{display: inline-block; color: #666; font-size: 16px; line-height: 30px;}
.map_item.bus_info .item_desc{margin-left: 30px;}
@media screen and (max-width:1199px){
.directions{padding: 0 0 90px;}
.map_area{margin-top: 20px; height: 300px;}
.map_desc{margin-top: 60px;}
.map_title{height: 50px;}
.map_title .map_icon1{width: 25px;}
.map_title h3{line-height: 50px; font-size: 18px;}
.map_list{margin-bottom: 45px;}
.map_item{padding: 20px 0;}
.item_desc{float: left; margin-left: 20px; width: 90%; line-height: 20px; font-size: 14px;}
.map_item::before{margin-top: 8px; margin-right: 0;}
.map_2list{float: left; margin-left: 20px; width: 90%;}
.map_2item{margin-right: 25px; padding: 0 0 20px;}
.map_2item .bus_line{width: 38px; height: 28px; line-height: 28px; font-size: 14px;}
.map_2item .bus_number{font-size: 14px; line-height: 28px;}
.map_item.bus_info .item_desc{margin-left: 24px;}
.map_item.bus_info::before{margin-top: 10px;}
}
@media screen and (max-width: 480px){
.directions{padding: 0 0 80px;}
.map_area{margin-top: 10px; height: 250px;}
.map_desc{margin-top: 50px;}
.map_title{height: 45px;}
.map_title .map_icon1{width: 20px; background-size: 18px 18px;}
.map_title h3{line-height: 45px; font-size: 16px;}
.map_list{margin-bottom: 30px;}
.item_desc{width: 90%; line-height: 17px; font-size: 13px;}
.map_item::before{margin-top: 6px;}
.map_2list{width: 90%;}
.map_2item{margin-right: 20px;}
.map_2item .bus_line{width: 35px; height: 25px; line-height: 25px; font-size: 13px;}
.map_2item .bus_number{font-size: 13px; line-height: 25px;}
.map_item.bus_info .item_desc{margin-left: 30px;}
.map_item.bus_info::before{margin-top: 10px;}
}

236
web/html/theme/AT_WEB01/css/sub/introduce.css Normal file
View File

@ -0,0 +1,236 @@
/*sub1.css*/
#container_title{display: none;}
.sub1_bannerwrap{position: relative;}
.sub1_bannerwrap>.bnr_img{width: 100%; height: 900px; position: relative;}
.sub1_bannerwrap>.bnr_img>img{height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.sub1_bannerwrap>.bnr_img>video{height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.sub1_bannerwrap .imgtextwrap{position: absolute; top: 20%; left: 0; right: 0; margin: auto;}
.sub1_bannerwrap .bnr_text{text-align: center; color: #fff;}
.sub1_bannerwrap h2{font-size: 64px; font-weight: 700; line-height: 80px; color: #fff;}
.sub1_bannerwrap h3{font-size: 42px; line-height: 80px; color: #fff;}
.sub1_bannerwrap p{font-size: 16px; line-height: 25px; font-weight: 100; padding: 15px 0;}
.sub1_bannerwrap .bnr_hexagon{padding-top: 65px; overflow: hidden; margin: 0 auto; width: 795px;}
.sub1_bannerwrap .bnr_hexagon>div{width: 233px;height: 269px;margin: 0 2%; float: left;}
.sub1_bannerwrap .bnr_hexagon img{width: 100%;margin: 0 auto;}
.sub_intro .section .title_wrap{text-align: center; padding: 100px 0;}
.sub_intro .section .title_wrap>h4{font-size: 42px; font-weight: 700; line-height: 80px; color: #333;}
.sub_intro .section .title_wrap>p{font-size: 24px; line-height: 35px; color: #666;}
.sub1-1{padding-bottom: 110px; width: 100%; background-size: 100% auto; background-image: url('../../img/sub/subbg_img1.png');}
.sub1-1 .art_wrap1{width: 100%;overflow: hidden;}
.sub1-1 .left_area{float: left; padding-left: 30px;}
.sub1-1 .left_area>div{width: 461px;height: 397px;}
.sub1-1 .left_area img{width: 100%;}
.sub1-1 .main_image{text-align:center; padding-bottom: 30px;}
.sub1-1 .main_image>div{width: 100%; }
.sub1-1 .main_image>p{text-align:left; font-size:1.3em;}
.sub1-1 .main_image img{margin:0 auto; /*max-height: 550px; */width:100%;}
.sub1-1 .right_area{float: right; padding-right: 15%;}
.sub1-1 li{ overflow: hidden;}
.sub1-1 li:nth-child(1){padding: 0;}
.sub1-1 li{padding-top: 40px;}
.sub1-1 li>div>img{width: 100%;}
.sub1-1 .con1_img{float: left; /*width: 78px;*/ height: 78px;}
.sub1-1 .con1_tbox{padding-left: 20px; float: left;}
.sub1-1 .con1_tbox>h5{font-size: 24px; color: #1659a3; line-height: 25px;}
.sub1-1 .con1_tbox>p{font-size: 18px; color: #555; line-height: 25px;}
.sub1-2{padding-bottom: 100px;}
.sub1-2 .art_wrap2{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.sub1-2 .article{margin: 0 30px; float: left;}
.sub1-2 .article>div>img{margin: 0 auto;}
.sub1-2 .blueline{width: 100%; padding: 40px 0;}
.sub1-2 .blueline>div{width: 2px; height: 70px; background: #1659a3; margin: 0 auto;}
.sub1-2 .tbox>h5{font-size: 24px; color: #1659a3; font-weight: 700; line-height: 40px; text-align: center;}
.sub1-2 .tbox>h5 a{color: #1659a3; }
.sub1-2 .tbox>p{font-size: 18px; color: #666; line-height: 30px; text-align: center;}
.sub1-3{padding-bottom: 150px; width: 100%; background-size: 100% auto; background-image: url('../../img/sub/sub1_con3img.png');}
.sub1-3 .swiper-container.sub_intro{display: none;}
.sub1-3 .btnWrap{display: none;}
.sub1-3 .con3_sect1{overflow: hidden; }
.sub1-3 article{float: left; position: relative; width: 33.33%; height: 290px;}
.sub1-3 .con3_sect1 img{width: 100%;}
.sub1-3 .con3_sect1 .line{position: absolute; width: 2px; height: 100%; background: #ddd; left: 14px; top: 8px;}
.sub1-3 .con3_sect1 .year{float: left; margin-bottom: 20px; font-size: 36px; font-weight: 700; line-height: 40px; color: #1659a3;}
.sub1-3 .con3_sect1 .year::before{display: block; float: left; margin-right: 20px; position: relative; z-index: 1; content:""; width: 30px; height: 40px; background: url(../../img/company/history_icon1.png) 100% center no-repeat; background-position: center;}
.sub1-3 .con3_sect1 .desc{float: left; margin-bottom: 20px; width: 100%;}
.sub1-3 .con3_sect1 .desc::before{display: block; float: left; margin-right: 20px; position: relative; z-index: 1; content: ""; width: 30px; height: 30px; background: url(../../img/company/history_icon2.png) 100% center no-repeat; background-position: center;}
.sub1-3 .con3_sect1 .desc .date{display: block; float: left; margin-right: 10px; line-height: 30px; color: #999; font-size: 17px;}
.sub1-3 .con3_sect1 .desc p{float: left; width: 60%; line-height: 30px; color: #999; font-size: 17px;}
.sub1-3 article:nth-child(4){margin-top:40px;}
.sub1-3 article:nth-child(5){margin-top:40px;}
.sub1-3 article:nth-child(6){margin-top:40px;}
.sub1-3 .ie9{display: none;}
@media screen and (max-width:1199px){
.inner{width: 100%;}
.sub1-1{padding-bottom: 80px;}
.sub1_bannerwrap p>br{display: block;}
.sub1-1 .con1_tbox>p>br{display: block;}
.sub1-1 .left_area{width: 100%; padding-left: 0;}
.sub1-1 .left_area>div{margin: 0 auto;}
.sub1-1 .left_area img{width: 100%;}
.sub1-1 .right_area{width: 100%;padding-right: 0; padding-top: 70px; text-align: center;}
.sub1-1 .right_area ul{display: inline-block;}
.sub1-2 .tbox>p>br{display: none;}
.sub1-1 .con1_tbox>h5{text-align: left;}
.sub1-1 .con1_tbox>p{text-align: left;}
.sub1-2 .article{width: 31.33%; margin: 0 1%;}
.sub1-2 .tbox>h5{word-break: keep-all;}
}
@media screen and (max-width:1024px){
.sub1-3 article{width: 50%; margin-bottom: 20px; padding-left: 30px;}
.sub1-3 article:nth-child(2n){float: right;}
.sub1-3 article:nth-child(2n-1){float: left;}
.sub1-3 article:nth-child(4), .sub1-3 article:nth-child(5), .sub1-3 article:nth-child(6){margin: 0 0 20px;}
.sub1-3 .con3_sect1 .line{left: 44px;}
.sub1-3 .con3_sect1 .year{margin-bottom: 20px; font-size: 30px; line-height: 40px;}
.sub1-3 .con3_sect1 .desc .date{margin-right: 10px; line-height: 30px; font-size: 15px;}
.sub1-3 .con3_sect1 .desc p{width: 60%; line-height: 30px; font-size: 15px;}
}
@media screen and (max-width:980px){
.section .title_wrap{padding: 80px 0;}
.sub1-2 .blueline{display: none;}
.sub_intro .tbox{position: relative;}
.tbox:before{position: absolute;content: ''; width: 70px; height: 2px; background: #1659a3; top: 20px; left: 40px;}
.sub1-2 .article{width: 700px; margin: 0 auto;overflow: hidden; padding: 40px 0px;}
.sub1-2 .article>div{float: left;}
.sub1-2 .tbox{float: left; padding: 40px 40px;}
.sub1-2 .tbox>h5{text-align: left;}
.sub1-2 .tbox>p{text-align: left;}
.sub1-2 .tbox>p>br{display: block;}
}
@media screen and (max-width:800px){
.sub1_bannerwrap .bnr_hexagon{width: 100%; padding-top: 0;}
.sub1_bannerwrap .bnr_hexagon>div{width: 31.33%; height: auto; margin: 0 1%;}
}
@media screen and (max-width:768px){
.section .title_wrap{padding: 70px 0;}
.section .title_wrap>h4{font-size: 40px;}
.section .title_wrap>p{font-size: 28px;}
.sub1_bannerwrap>.bnr_img{height: 800px;}
.sub1_bannerwrap h2{font-size: 48px;}
.sub1_bannerwrap h3{font-size: 36px;}
.sub1-1 .left_area{width: 100%; padding-left: 0;}
.sub1-1 .right_area{width: 100%; padding-right: 0;}
.sub1-2 .article{width: 100%;}
.sub1-2 .article>div{float: none;}
.sub1-2 .blueline{display: block;}
.sub1-2 .tbox{float: none;}
.sub1-2 .tbox::before{display: none;}
.sub1-2 .tbox>h5{text-align: center;}
.sub1-2 .tbox>p{text-align: center;}
.sub1-2 .tbox{padding: 0;}
.sub1-3 .con3_sect1 .desc{margin-bottom: 10px;}
.sub1-3 .con3_sect1 .desc p{width: 58%;}
.sub1-3 .con3_sect1 .year::before{margin-right: 10px; background-size: 24px auto;}
.sub1-3 .con3_sect1 .desc::before{margin-right: 10px; background-size: 14px auto;}
}
@media screen and (max-width:600px){
.sub1-3 .con3_sect1{display: none;}
.sub1-3 .swiper-container.sub_intro{display: block;}
.sub1-3 .btnWrap{display: block;}
.swiper-slide>img{margin: 0 auto;}
.sub_intro .btnWrap{z-index: 999;}
.sub_intro .section .title_wrap{padding: 70px 0;}
.sub_intro .section .title_wrap>h4{font-size: 30px; line-height: 30px;}
.sub_intro .section .title_wrap>p{font-size: 18px; line-height: 25px;}
.sub1_bannerwrap>.bnr_img{height: 600px;}
.sub1_bannerwrap h2{font-size: 36px; line-height: 45px;}
.sub1_bannerwrap h3{font-size: 26px; line-height: 45px;}
.sub1_bannerwrap p{font-size: 14px;}
.sub1_bannerwrap .bnr_hexagon{margin-top: 45px;}
.sub1-1 .con1_img{width:20%; height: auto; padding-right: 10px;}
.sub1-1 .con1_img>img{width: 100%; margin: 0 auto;}
.sub1-1 .right_area ul{}
.sub1-1 .con1_tbox{width: 80%; padding-left: 0;}
.sub1-1 .con1_tbox>h5{font-size: 22px;}
.sub1-1 .con1_tbox>p{font-size: 16px;}
.sub1-1 li:nth-child(2){padding: 40px 0;}
.sub1-1 .left_area>div{width: auto; height: auto;}
.sub1-1 .right_area{padding-top: 40px;}
.sub1-2 .article{width: 100%;}
.sub1-2 .tbox>h5{font-size: 17px;}
.sub1-2 .tbox>p{font-size: 13px;}
.sub1-2 .blueline>div{height: 40px;}
.sub1-2 .blueline{padding: 20px 0;}
.sub1-3{width: 100%; height: 500px;position: relative;}
.swiper-container.sub_intro{display: block;width: 80%; margin: 0 15%; position: relative;}
.swiper-container.sub_intro .swiper-slide{width: 100%; height: 260px;}
.sub_intro .btnWrap{display: block;width: 90%; margin: 0 5%; position: absolute; margin: auto; left: 0; right: 0; bottom: 230px; overflow: hidden;}
.sub_intro .swiper-button-next1{float: left; outline: 0;}
.sub_intro .swiper-button-prev1{float: right; outline: 0;}
.swiper-container.sub_intro .line{position: absolute; width: 2px; height: 100%; background: #ddd; left: 14px; top: 6px;}
.swiper-container.sub_intro .year{float: left; margin-bottom: 20px; font-size: 25px; font-weight: 700; line-height: 40px; color: #1659a3;}
.swiper-container.sub_intro .year::before{display: block; float: left; margin-right: 10px; position: relative; z-index: 1; content:""; width: 30px; height: 40px; background: url(../../img/company/history_icon1.png) 100% center no-repeat; background-position: center; background-size: 24px auto;}
.swiper-container.sub_intro .desc{float: left; margin-bottom: 10px; width: 100%;}
.swiper-container.sub_intro .desc::before{display: block; float: left; margin-right: 10px; position: relative; z-index: 1; content: ""; width: 30px; height: 30px; background: url(../../img/company/history_icon2.png) 100% center no-repeat; background-position: center; background-size: 14px auto;}
.swiper-container.sub_intro .desc .date{display: block; float: left; margin-right: 10px; line-height: 30px; color: #999; font-size: 13px;}
.swiper-container.sub_intro .desc p{float: left; width: 60%; line-height: 30px; color: #999; font-size: 13px;}
}
@media screen and (max-width:480px){
.sub_intro .section .title_wrap{padding: 30px 0;}
.sub_intro .section .title_wrap>h4{font-size: 22px; font-weight: 700; line-height: 40px; color: #333;}
.sub_intro .section .title_wrap>p{font-size: 12px; line-height: 30px; color: #666;}
.sub1_bannerwrap>.bnr_img{height: 500px;}
.sub1_bannerwrap h2{font-size: 28px; line-height: 40px;}
.sub1_bannerwrap h3{font-size: 18px; line-height: 30px;}
.sub1_bannerwrap p{font-size: 12px; line-height: 20px; padding: 5px 0;}
.sub1-1 .con1_tbox>h5{font-size: 18px;}
.sub1-1 .con1_tbox>p{font-size: 14px;}
.sub1-3{width: 100%; height: auto; padding-bottom: 0;}
.btnWrap{width: 90%; margin: 0 5%; position: absolute; margin: auto; left: 0; right: 0; bottom: 40%; overflow: hidden; }
.sub_intro .swiper-button-next1{float: left;}
.sub_intro .swiper-button-prev1{float: right;}
.sub1-3{padding-bottom: 80px;}
.swiper-container.sub_intro .year{font-size: 20px;}
}
@media screen and (max-width:400px){
.swiper-container.sub_intro .swiper-slide{height: 300px;}
.sub_intro .swiper-container.sub_intro.sub_intro{margin: 0 auto;}
.swiper-container.sub_intro .desc p{width: 50%;}
}
@media screen and (max-width:360px){
.sub1_bannerwrap .imgtextwrap{top: 22%;}
.btnWrap{width: 90%; margin: 0 5%; position: absolute; margin: auto; left: 0; right: 0; overflow: hidden;}
}
@media screen and (max-width:320px){
.sub1-3{width: 100%;}
}

44
web/html/theme/AT_WEB01/css/table/basic_table.css Normal file
View File

@ -0,0 +1,44 @@
/*basic_table.css*/
@font-face {
font-family: 'GongGothicLight';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
font-weight: normal;
font-style: normal;
}
* { font-family: 'GongGothicLight'; }
#bo_list .bo_tit .title_icon{display: none;}
#bo_list .fa{display: none;}
#bo_list_total{background: transparent;}
#bo_list .bo_tit .title_icon{display: none;}
.sv_member{text-align: center;}
.tbl_wrap table{border-top: 1px solid #666; border-right: none; border-left: none; width:100%; margin:0 auto;}
#bo_list .td_datetime{font-style: normal;}
#bo_list .td_num{display: none;}
.td_subject{padding-left: 30px!important;}
.tbl_head01 thead th{padding: 15px 0;}
#bo_list_total{margin: 20px 0; overflow: hidden;/*width: 100%; */line-height: 30px;}
#bo_list_total span{float: left; font-size: 14px; color: #aaa;}
#new1{width: 90px;height: 30px;border: 1px solid #ddd; float: right; font-size: 14px; font-weight: 500; line-height: 30px;padding-left: 10px; display: none;}
#bo_list tbody tr:hover{border-left: none;}
.btn_bo_user>li:nth-child(4){display:block;}
#bo_list .bo_tit .title{width:auto; margin:0 1%; float:left; overflow: hidden; text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.5; height: 1.5em; -webkit-line-clamp: 1;}
@media screen and (max-width:700px){
.btn_bo_user>li:nth-child(4){width:5px;}
}
@media screen and (max-width:570px){
.td_subject{padding-left: 15px!important;}
#bo_list .tbl_head01 thead .notice_wr{display: none;}
#bo_list .td_name.notice_td_name{display: none;}
}
@media screen and (max-width:480px){
#bo_list .tbl_head01 a{width: 90%;}
#bo_list_total{margin: 20px 0;}
#bo_list_total span{float: left; font-size: 12px;}
.tbl_head01 thead th{font-size: 14px;}
}
@media screen and (max-width:400px){
.td_subject{font-size: 13px;}
.sv_member{font-size: 12px;}
.td_num2{font-size: 12px;}
.td_datetime{font-size: 12px;}
}

76
web/html/theme/AT_WEB01/css/table/board.css Normal file
View File

@ -0,0 +1,76 @@
/*gallery_table.css*/
#new1{display: none;}
#bo_gall{width: 1200px; margin: 0 auto;}
#bo_gall .inner{padding: 0 20px;}
#bo_list_total{padding: 0;}
#bo_gall #gall_ul{margin: 0; width: 100%;}
#bo_gall .gall_img{overflow: hidden; border: 1px solid #eee;}
#bo_gall .gall_img img{width: 100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
#bo_gall .gall_img:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.gall_row .gall_li{width: 32%; padding-left: 0; padding-right: 0;}
.gall_row .gall_li:nth-child(3n-1){margin: 0 2%;}
#bo_gall .gall_box{border: none;}
#bo_btn_top{margin: 0;}
.gall_row .gall_li{width: 32%; padding-left: 0; padding-right: 0;}
#bo_gall .gall_box{border: none; margin: 0 0 60px 0;}
#bo_gall .gall_li .gall_chk{z-index: 20;}
#bo_gall .gall_info{display: none;}
#bo_gall .gall_info i.fa-eye, #bo_gall .gall_info i.fa-clock-o{display: none;}
#bo_gall .gall_info .gall_date{font-style: normal; color: #000;}
#bo_gall .gall_name{display: none;}
#bo_gall .gall_content{}
#bo_sch .sch_btn{text-indent: 0; background: none;}
#bo_gall .gall_text_href{height: 70px; margin: 0;}
#bo_gall .gall_text_href .title_icon{display: none;}
#bo_gall .gall_go{margin-top: 10px;}
#bo_gall .gall_go a, #bo_gall .gall_content{font-size: 14px; font-weight: 300;}
#bo_gall .gall_content{color: #666;height: 44px;overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.2; height: 2.4em; -webkit-line-clamp: 2;}
#bo_gall .gall_text_href a{font-size: 18px; font-weight: 400; line-height: 70px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
#bo_w .bo_w_flie .file_del label {display: inline-block;}
#bo_gall .gall_text_href:hover a{text-decoration: underline;}
#bo_gall .gall_go a{color: #c71526; font-weight: 400; font-size: 13px;}
#bo_gall .gall_go:hover a{text-decoration: underline;}
#bo_gall li.empty_list{height: 500px; line-height: 500px;}
.cate_title_ex{width: 100%; height: 30px; line-height: 30px; font-size: 30px; text-align: center; font-weight: 700;}
#bo_v{width:100%; margin: 0 auto; padding: 0 0 80px;}
#bo_vc_w_info{width:100%;}
#bo_v_info{padding: 20px 0;}
#bo_v_info .if_date{font-style: normal; font-size: 13px;}
.bo_v_nb li{padding: 20px;}
.bo_vc_w textarea{padding: 10px;}
#captcha #captcha_key{margin: 0; margin-left: 0;}
#captcha.m_captcha #captcha_key{height: 40px; margin-left: 0;}
#bo_v_info .fa{display: none;}
#bo_v_info span, #bo_v_info strong, #bo_v_info strong a{font-size: 13px;}
.brd-state strong a{margin: 15px 0; font-size: 15px;}
.bo_vc_w_info .frm_input{width: 100%;}
@media screen and (max-width:1199px){
#bo_v{width:100%;}
#bo_gall{width: 100%;}
}
@media screen and (min-width:768px){
.gall_row .gall_li.gall_li1, .gall_row .gall_li.gall_li4{margin: 0 2%;}
}
@media screen and (max-width: 767px){
.gall_row .gall_li{width: 48%; margin: 0; clear: none;}
.gall_row .gall_li:nth-child(3n-1){margin: 0;}
.gall_row .gall_li:nth-child(2n-1){margin-right: 4%;}
#bo_gall .gall_go{margin-top: 40px;}
#bo_gall .gall_text_href a{font-size: 16px;}
#bo_gall .gall_content{font-size: 13px;}
#bo_gall .gall_go a{font-size: 12px;}
#bo_v_title .bo_v_tit{font-size: 18px;}
}
@media screen and (max-width:480px){
.gall_row .gall_li{width: 100%; margin: 0; clear: none;}
.gall_row .gall_li:nth-child(2n-1){margin-right: 0%;}
#bo_gall .gall_go{margin-top: 25px;}
#bo_gall .gall_text_href a{font-size: 15px;}
#bo_gall .gall_content{font-size: 12px;}
#bo_gall .gall_go a{font-size: 11px;}
.brd-state strong a{margin: 10px 0; font-size: 13px;}
#bo_v_info strong.bo_v_writer{display: block; width:100%;}
}

19
web/html/theme/AT_WEB01/css/table/contact_us.css Normal file
View File

@ -0,0 +1,19 @@
/* contact_us */
.contact_us{width: 100%;}
.contact_us input:focus{outline: 0 none;}
.contact_us input[type=text], input[type=password], textarea{outline: none;}
.contact_us button:focus{outline: 0 none;}
.contact_us input.name:focus{outline: 0 none;}
.contact_us .outline{float: left; display: block; margin-bottom: 25px;width: 48%; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 1%; overflow: hidden;}
.contact_us .outline.right{float: right; margin-left: 0;}
.contact_us .outline input{display: block; width: 100%; height: 100%;}
.contact_us .outline.message{width: 100%; height: 300px;}
.contact_us .outline.message input{padding-bottom: 240px;}
.inputbox, .focusbox {float:left; margin:0; height:auto; font-size:14px; color:#666;}
.inputbox {padding:4px 1px 3px 20px; border: 1px solid #ddd;}
.focusbox {padding:3px 0 2px 19px; border:2px solid #c71526;}
#contact_submit{width: 300px; height: 60px; background: #c71526; margin: 0 auto; display: block; color: #fff; }
@media screen and (max-width: 480px){
.mdlTxt > p{margin-top: 10px; font-size: 13px;}
}

35
web/html/theme/AT_WEB01/css/table/faq.css Normal file
View File

@ -0,0 +1,35 @@
/* faq style */
.bo_fx{display: block;}
.listWrap .qa_li:first-child{border-top: 1px solid #eee;}
.qa_li .question{background: none; padding: 0;}
.qa_li .answer{display: none;}
.tit input{display: none;}
.faq-accordion > li > a:before{color: #c71526;}
.faq-content p.answer:before{color: #333;}
.listWrap .qa_li .tit{padding: 45px 0;font-size: 18px;}
.listWrap .qa_li .tit .q_icon{float: left; font-weight:700; font-size: 16px; color: #c71526;}
.qa_li .question .tit h3{width: 80%; margin-left: 3%;}
.qa_li .answer{background: none; background-color: #fff; padding: 40px 0; color: #999;}
.qa_li .answer .a_icon{float: left; font-weight:700; font-size: 16px; color: #333;}
.qa_li .answer .answer_con{margin-left: 3%;}
.listWrap .qa_li:hover .tit{color: #c80e21;}
.mdlTxt > p{line-height: 20px; word-break: keep-all;}
@media screen and (max-width:1199px){
.qa_li .question .iconDiv{right: 10px;}
.modA{right: 5px; bottom: 10px; font-size: 14px;}
}
@media screen and (max-width:767px){
.qa_li .question .tit h3{margin-left: 5%; font-size: 14px;}
.listWrap .qa_li .tit .q_icon{margin-right: 0;}
.qa_li .answer .a_icon{margin-right:0;}
.qa_li .answer .answer_con{margin-left: 5%; width: 90%; font-size: 14px;}
.qa_li .question .iconDiv{width: 18px;}
.qa_li .question .iconDiv img{width: 100%;}
}
@media screen and (max-width: 480px){
.qa_li .question .tit h3{font-size: 13px; margin-left: 7%;}
.qa_li .answer .answer_con{font-size: 13px; margin-left: 7%;}
.qa_li .question .iconDiv{width: 15px;}
.modA{right: 5px; bottom: 10px; font-size: 12px;}
}

76
web/html/theme/AT_WEB01/css/table/gallery_table.css Normal file
View File

@ -0,0 +1,76 @@
/*gallery_table.css*/
#new1{display: none;}
#bo_gall{width: 1200px; margin: 0 auto;}
#bo_gall .inner{padding: 0 20px;}
#bo_list_total{padding: 0;}
#bo_gall #gall_ul{margin: 0; width: 100%;}
#bo_gall .gall_img{overflow: hidden; border: 1px solid #eee;}
#bo_gall .gall_img img{width: 100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
#bo_gall .gall_img:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.gall_row .gall_li{width: 32%; padding-left: 0; padding-right: 0;}
.gall_row .gall_li:nth-child(3n-1){margin: 0 2%;}
#bo_gall .gall_box{border: none;}
#bo_btn_top{margin: 0 auto; width:100%;}
.gall_row .gall_li{width: 32%; padding-left: 0; padding-right: 0;}
#bo_gall .gall_box{border: none; margin: 0 0 60px 0;}
#bo_gall .gall_li .gall_chk{z-index: 20;}
#bo_gall .gall_info{display: none;}
#bo_gall .gall_info i.fa-eye, #bo_gall .gall_info i.fa-clock-o{display: none;}
#bo_gall .gall_info .gall_date{font-style: normal; color: #000;}
#bo_gall .gall_name{display: none;}
#bo_gall .gall_content{}
#bo_sch .sch_btn{text-indent: 0; background: none;}
#bo_gall .gall_text_href{height: 70px; margin: 0;}
#bo_gall .gall_text_href .title_icon{display: none;}
#bo_gall .gall_go{margin-top: 10px;}
#bo_gall .gall_go a, #bo_gall .gall_content{font-size: 14px; font-weight: 300;}
#bo_gall .gall_content{color: #666;height: 44px;overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.2; height: 2.4em; -webkit-line-clamp: 2;}
#bo_gall .gall_text_href a{font-size: 18px; font-weight: 400; line-height: 70px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
#bo_w .bo_w_flie .file_del label {display: inline-block;}
#bo_gall .gall_text_href:hover a{text-decoration: underline;}
#bo_gall .gall_go a{color: #c71526; font-weight: 400; font-size: 13px;}
#bo_gall .gall_go:hover a{text-decoration: underline;}
#bo_gall li.empty_list{height: 500px; line-height: 500px;}
.cate_title_ex{width: 100%; height: 30px; line-height: 30px; font-size: 30px; text-align: center; font-weight: 700;}
#bo_v{width:100%; margin: 0 auto; padding:5% 0; }
#bo_vc_w_info{width:100%;}
#bo_v_info{padding: 20px 0;}
#bo_v_info .if_date{font-style: normal; font-size: 13px;}
.bo_v_nb li{padding: 30px 20px;}
.bo_vc_w textarea{padding: 10px;}
#captcha #captcha_key{margin: 0; margin-left: 0;}
#captcha.m_captcha #captcha_key{height: 40px; margin-left: 0;}
/*#bo_v_info .fa{display: none;}*/
#bo_v_info span, #bo_v_info strong, #bo_v_info strong a{font-size: 14px;}
.brd-state strong a{margin: 15px 0; font-size: 15px;}
.bo_vc_w_info .frm_input{width: 100%;}
#bo_gall .gall_text_href a{overflow: hidden; text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
@media screen and (max-width:1199px){
#bo_v{width:100%;}
#bo_gall{width: 100%;}
}
@media screen and (min-width:768px){
.gall_row .gall_li.gall_li1, .gall_row .gall_li.gall_li4{margin: 0 2%;}
}
@media screen and (max-width: 767px){
.gall_row .gall_li{width: 48%; margin: 0; clear: none;}
.gall_row .gall_li:nth-child(3n-1){margin: 0;}
.gall_row .gall_li:nth-child(2n-1){margin-right: 4%;}
#bo_gall .gall_go{margin-top: 40px;}
#bo_gall .gall_text_href a{font-size: 16px;}
#bo_gall .gall_content{font-size: 13px;}
#bo_gall .gall_go a{font-size: 12px;}
#bo_v_title .bo_v_tit{font-size: 18px;}
}
@media screen and (max-width:480px){
.gall_row .gall_li{width: 100%; margin: 0; clear: none;}
.gall_row .gall_li:nth-child(2n-1){margin-right: 0%;}
#bo_gall .gall_go{margin-top: 25px;}
#bo_gall .gall_text_href a{font-size: 15px;}
#bo_gall .gall_content{font-size: 12px;}
#bo_gall .gall_go a{font-size: 11px;}
.brd-state strong a{margin: 10px 0; font-size: 13px;}
#bo_v_info strong.bo_v_writer{display: block; width:100%;}
}

33
web/html/theme/AT_WEB01/css/table/qa.css Normal file
View File

@ -0,0 +1,33 @@
/*qa.css*/
#bo_list{ display:block; width:100%; margin:20px auto;}
#bo_btn_top.faq_bo_btn_top #bo_list_total{width: inherit;}
.btn_bo_user.faq_btn_bo_user{margin: 35px 0 20px 0;}
.bo_fx.faq_bo_fx{display: block; width: inherit;}
.bo_fx.faq_bo_fx .btn_b02.faq_submit{display: none;}
.sch_btn .fa{display: none;}
.qnaIco{color: #333;}
.qnaIco2{border-color: #c80e21; color: #c80e21;}
.qnaIco3{color: #747474;}
#bo_list a.btn_admin, #bo_list a.btn_b01 {
display: none;
}
a.btn_b02, .btn_b02 {
height: 40px;
width:130px;
}
.tbl_wrap table {
background:#fcfcfc;
border-bottom:0;
}
@media screen and (max-width:767px){
#bo_list.faq_bo_list .td_num2{width: 100px;}
#bo_list.faq_bo_list .tbl_head01 thead .th_name{display: none;}
#bo_list.faq_bo_list .td_name{display: none;}
}
@media screen and (max-width:480px){
#bo_list.faq_bo_list .td_num2{width: 80px;}
#bo_list.faq_bo_list .tbl_head01 thead th{font-size: 14px;}
#bo_list.faq_bo_list .tbl_head01 thead .th_date{display: none;}
#bo_list.faq_bo_list .td_datetime{display: none;}
#bo_list.faq_bo_list .tbl_head01 .faq_td_subject a{width: 100%;}
}

68
web/html/theme/AT_WEB01/css/table/webzine_table.css Normal file
View File

@ -0,0 +1,68 @@
/*webzine_table.css*/
@font-face {
font-family: 'GongGothicLight';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
font-weight: normal;
font-style: normal;
}
* { font-family: 'GongGothicLight'; }
#bo_list.webzine_table{border-bottom: none;}
.webzine_table .tbl_wrap table{border: none;}
#bo_list.webzine_table tr{border-bottom: 1px solid #ccc;}
#bo_list.webzine_table .tbl_head01 thead th{border-top: 1px solid #666; border-bottom: 1px solid #666; height: 60px;}
#bo_list.webzine_table .tbl_head01 thead .th_num2{width: 80px;}
#bo_list.webzine_table .tbl_head01 thead .th_checkbox input{margin-top:5px;}
#bo_list.webzine_table .tbl_head01 thead .th_writer{width: 150px;}
#bo_list.webzine_table .tbl_head01 td{padding: 30px 0; border: none; color: #000;}
#bo_list.webzine_table .tbl_head01 .td_datetime{width: 30%;}
#bo_list.webzine_table .tbl_head01 .td_datetime img{width: 100%;}
#bo_list.webzine_table .tbl_head01 .td_name span{display: block; text-align: center;}
#bo_list.webzine_table .subject_box{height: 100%;}
@media screen and (min-width:0\0){.webzine_table#bo_list .subject_box{height: 193px;}}
#bo_list.webzine_table .subject_box br{display: none;}
#bo_list.webzine_table .bo_tit h3{padding: 25px 0; font-weight: 700; font-size: 18px; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
#bo_list.webzine_table .webzine_content{margin-bottom: 30px; color: #666; line-height: 20px; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 40px;}
#bo_list.webzine_table .webzine_date{color: #999;}
#bo_list.webzine_table .webzine_date .info_detail{display: none;}
#bo_list.webzine_table .webzine_date .fa{display: inline-block;}
@media screen and (max-width: 1199px){
#bo_list.webzine_table .bo_tit h3{padding: 20px 0 10px; font-size: 16px;}
#bo_list.webzine_table .webzine_content{font-size: 14px;}
#bo_list.webzine_table .webzine_date{font-size: 14px;}
}
@media screen and (max-width: 1024px){
#bo_list.webzine_table .tbl_head01 thead .th_writer, #bo_list.webzine_table .tbl_head01 .td_name{display: none;}
#bo_list.webzine_table .tbl_head01 .td_datetime{width: 35%;}
#bo_list.webzine_table .tbl_head01 thead .th_num2{width: 60px;}
#bo_list.webzine_table .bo_tit h3{padding: 15px 0; }
#bo_list.webzine_table .webzine_content{margin-bottom: 20px;}
}
@media screen and (max-width: 767px){
#bo_list.webzine_table table, #bo_list.webzine_table tbody, #bo_list.webzine_table tr, #bo_list.webzine_table td{display: block; float: left;}
.webzine_table .tbl_wrap{float: left;}
#bo_list.webzine_table .tbl_head01 thead th{display: none; border: none;}
#bo_list.webzine_table .tbl_head01 thead tr{border: none;}
#bo_list.webzine_table .tbl_head01 thead .th_checkbox{display: block; padding: 0; margin: 15px 0 0; float: left; border: none; height: inherit;}
#bo_list.webzine_table .tbl_head01 thead .th_checkbox input{margin-top:0;}
#bo_list.webzine_table .tbl_head01 .td_num2, #bo_list.webzine_table .tbl_head01 .td_name{display: none;}
#bo_list.webzine_table .tbl_head01{border-top: 1px solid #666;}
#bo_list.webzine_table .tbl_head01 td{padding: 0 20px 30px; float: left;}
#bo_list.webzine_table .tbl_head01 .td_datetime{margin-top: 50px; width: 100%; height: auto;}
#bo_list.webzine_table .tbl_head01 .td_datetime a{width: 100%;}
#bo_list.webzine_table .tbl_head01 .td_subject{height: auto;}
#bo_list.webzine_table .bo_tit h3{padding: 25px 0;}
#bo_list.webzine_table tr{position: relative; float: left;}
#bo_list.webzine_table .tbl_head01 .td_chk{position: absolute; padding: 0; margin-top: 50px; background: none; left: 24px; top: 8px; height: inherit;}
}
@media screen and (max-width:480px){
#bo_list.webzine_table .tbl_head01 .td_datetime{margin-top: 30px;}
#bo_list.webzine_table .tbl_head01 td{padding: 0 0 30px;}
#bo_list.webzine_table .tbl_head01 .td_datetime{padding-bottom: 10px;}
#bo_list.webzine_table .bo_tit h3{font-size: 15px;}
#bo_list.webzine_table .webzine_content{font-size: 13px;}
#bo_list.webzine_table .webzine_date{font-size: 13px;}
#bo_list.webzine_table .tbl_head01 .td_chk{margin-top: 30px; left: 0; top: 5px;}
}

43
web/html/theme/AT_WEB01/dbconfig.php Normal file
View File

@ -0,0 +1,43 @@
<?php
if (!defined('_GNUBOARD_')) exit;
define('G5_MYSQL_HOST', 'localhost');
define('G5_MYSQL_USER', 'test003');
define('G5_MYSQL_PASSWORD', 'test003@@');
define('G5_MYSQL_DB', 'test003');
define('G5_MYSQL_SET_MODE', false);
define('G5_TABLE_PREFIX', 'g5_');
$g5['write_prefix'] = G5_TABLE_PREFIX.'write_'; // 게시판 테이블명 접두사
$g5['auth_table'] = G5_TABLE_PREFIX.'auth'; // 관리권한 설정 테이블
$g5['config_table'] = G5_TABLE_PREFIX.'config'; // 기본환경 설정 테이블
$g5['group_table'] = G5_TABLE_PREFIX.'group'; // 게시판 그룹 테이블
$g5['group_member_table'] = G5_TABLE_PREFIX.'group_member'; // 게시판 그룹+회원 테이블
$g5['board_table'] = G5_TABLE_PREFIX.'board'; // 게시판 설정 테이블
$g5['board_file_table'] = G5_TABLE_PREFIX.'board_file'; // 게시판 첨부파일 테이블
$g5['board_good_table'] = G5_TABLE_PREFIX.'board_good'; // 게시물 추천,비추천 테이블
$g5['board_new_table'] = G5_TABLE_PREFIX.'board_new'; // 게시판 새글 테이블
$g5['login_table'] = G5_TABLE_PREFIX.'login'; // 로그인 테이블 (접속자수)
$g5['mail_table'] = G5_TABLE_PREFIX.'mail'; // 회원메일 테이블
$g5['member_table'] = G5_TABLE_PREFIX.'member'; // 회원 테이블
$g5['memo_table'] = G5_TABLE_PREFIX.'memo'; // 메모 테이블
$g5['poll_table'] = G5_TABLE_PREFIX.'poll'; // 투표 테이블
$g5['poll_etc_table'] = G5_TABLE_PREFIX.'poll_etc'; // 투표 기타의견 테이블
$g5['point_table'] = G5_TABLE_PREFIX.'point'; // 포인트 테이블
$g5['popular_table'] = G5_TABLE_PREFIX.'popular'; // 인기검색어 테이블
$g5['scrap_table'] = G5_TABLE_PREFIX.'scrap'; // 게시글 스크랩 테이블
$g5['visit_table'] = G5_TABLE_PREFIX.'visit'; // 방문자 테이블
$g5['visit_sum_table'] = G5_TABLE_PREFIX.'visit_sum'; // 방문자 합계 테이블
$g5['uniqid_table'] = G5_TABLE_PREFIX.'uniqid'; // 유니크한 값을 만드는 테이블
$g5['autosave_table'] = G5_TABLE_PREFIX.'autosave'; // 게시글 작성시 일정시간마다 글을 임시 저장하는 테이블
$g5['cert_history_table'] = G5_TABLE_PREFIX.'cert_history'; // 인증내역 테이블
$g5['qa_config_table'] = G5_TABLE_PREFIX.'qa_config'; // 1:1문의 설정테이블
$g5['qa_content_table'] = G5_TABLE_PREFIX.'qa_content'; // 1:1문의 테이블
$g5['content_table'] = G5_TABLE_PREFIX.'content'; // 내용(컨텐츠)정보 테이블
$g5['faq_table'] = G5_TABLE_PREFIX.'faq'; // 자주하시는 질문 테이블
$g5['faq_master_table'] = G5_TABLE_PREFIX.'faq_master'; // 자주하시는 질문 마스터 테이블
$g5['new_win_table'] = G5_TABLE_PREFIX.'new_win'; // 새창 테이블
$g5['menu_table'] = G5_TABLE_PREFIX.'menu'; // 메뉴관리 테이블
$g5['social_profile_table'] = G5_TABLE_PREFIX.'member_social_profiles'; // 소셜 로그인 테이블
?>

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-100.eot Normal file
View File

Binary file not shown.

1
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-100.svg Normal file
View File

@ -0,0 +1 @@
<!DOCTYPE html><html lang=en><meta charset=utf-8><meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width"><title>Error 500 (Server Error)!!1</title><style>*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{color:#222;text-align:unset;margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px;}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}pre{white-space:pre-wrap;}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}</style><div id="af-error-container"><a href=//www.google.com><span id=logo aria-label=Google></span></a><p><b>500.</b> <ins>That’s an error.</ins><p>There was an error. Please try again later. <ins>That’s all we know.</ins></div>

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-100.woff Normal file
View File

Binary file not shown.

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-100.woff2 Normal file
View File

Binary file not shown.

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-300.eot Normal file
View File

Binary file not shown.

1
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-300.svg Normal file
View File

@ -0,0 +1 @@
<!DOCTYPE html><html lang=en><meta charset=utf-8><meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width"><title>Error 500 (Server Error)!!1</title><style>*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{color:#222;text-align:unset;margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px;}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}pre{white-space:pre-wrap;}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}</style><div id="af-error-container"><a href=//www.google.com><span id=logo aria-label=Google></span></a><p><b>500.</b> <ins>That’s an error.</ins><p>There was an error. Please try again later. <ins>That’s all we know.</ins></div>

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-300.woff Normal file
View File

Binary file not shown.

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-300.woff2 Normal file
View File

Binary file not shown.

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-700.eot Normal file
View File

Binary file not shown.

1
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-700.svg Normal file
View File

@ -0,0 +1 @@
<!DOCTYPE html><html lang=en><meta charset=utf-8><meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width"><title>Error 500 (Server Error)!!1</title><style>*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{color:#222;text-align:unset;margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px;}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}pre{white-space:pre-wrap;}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}</style><div id="af-error-container"><a href=//www.google.com><span id=logo aria-label=Google></span></a><p><b>500.</b> <ins>That’s an error.</ins><p>There was an error. Please try again later. <ins>That’s all we know.</ins></div>

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-700.woff Normal file
View File

Binary file not shown.

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-700.woff2 Normal file
View File

Binary file not shown.

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-900.eot Normal file
View File

Binary file not shown.

1
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-900.svg Normal file
View File

@ -0,0 +1 @@
<!DOCTYPE html><html lang=en><meta charset=utf-8><meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width"><title>Error 500 (Server Error)!!1</title><style>*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{color:#222;text-align:unset;margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px;}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}pre{white-space:pre-wrap;}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}</style><div id="af-error-container"><a href=//www.google.com><span id=logo aria-label=Google></span></a><p><b>500.</b> <ins>That’s an error.</ins><p>There was an error. Please try again later. <ins>That’s all we know.</ins></div>

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-900.woff Normal file
View File

Binary file not shown.

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-900.woff2 Normal file
View File

Binary file not shown.

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-regular.eot Normal file
View File

Binary file not shown.

1
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-regular.svg Normal file
View File

@ -0,0 +1 @@
<!DOCTYPE html><html lang=en><meta charset=utf-8><meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width"><title>Error 500 (Server Error)!!1</title><style>*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{color:#222;text-align:unset;margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px;}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}pre{white-space:pre-wrap;}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}</style><div id="af-error-container"><a href=//www.google.com><span id=logo aria-label=Google></span></a><p><b>500.</b> <ins>That’s an error.</ins><p>There was an error. Please try again later. <ins>That’s all we know.</ins></div>

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-regular.woff Normal file
View File

Binary file not shown.

BIN
web/html/theme/AT_WEB01/fonts/noto-sans-kr-v11-latin-regular.woff2 Normal file
View File

Binary file not shown.

50
web/html/theme/AT_WEB01/group.php Normal file
View File

@ -0,0 +1,50 @@
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
if (G5_IS_MOBILE) {
include_once(G5_THEME_MOBILE_PATH.'/group.php');
return;
}
if(!$is_admin && $group['gr_device'] == 'mobile')
alert($group['gr_subject'].' 그룹은 모바일에서만 접근할 수 있습니다.');
$g5['title'] = $group['gr_subject'];
include_once(G5_THEME_PATH.'/head.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
?>
<div class="latest_wr">
<!-- 메인화면 최신글 시작 -->
<?php
// 최신글
$sql = " select bo_table, bo_subject
from {$g5['board_table']}
where gr_id = '{$gr_id}'
and bo_list_level <= '{$member['mb_level']}'
and bo_device <> 'mobile' ";
if(!$is_admin)
$sql .= " and bo_use_cert = '' ";
$sql .= " order by bo_order ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
$lt_style = "";
if ($i%2==1) $lt_style = "margin-left:2%";
else $lt_style = "";
?>
<div style="float:left;<?php echo $lt_style ?>" class="lt_wr">
<?php
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
echo latest('theme/basic', $row['bo_table'], 6, 25);
?>
</div>
<?php
}
?>
<!-- 메인화면 최신글 끝 -->
</div>
<?php
include_once(G5_THEME_PATH.'/tail.php');
?>

189
web/html/theme/AT_WEB01/head - 복사본.php Normal file
View File

@ -0,0 +1,189 @@
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
if (G5_IS_MOBILE) {
include_once(G5_THEME_MOBILE_PATH.'/head.php');
return;
}
include_once(G5_THEME_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
?>
<script>
new WOW().init();
</script>
<script>
$(function() {
$("#gnb .gnb_1dli").mouseenter(function() {
var menuWidth = $("#gnb .gnb_1dli").outerWidth();
var menuLeft = 0;
var index = $(this).index();
for (var i = 0; i <= index - 1; i++) {
menuLeft += $("#gnb .gnb_1dli").eq(i).outerWidth();
}
menuLeft -= $(this).outerWidth();
$("#nav_bar").stop().animate({
width: menuWidth,
left: menuLeft
}, 300);
});
$("#gnb").mouseleave(function() {
$("#nav_bar").stop().animate({
width: 0,
left: 0
}, 0);
});
setInterval(function() {
if ($(window).scrollTop() >= 90) {
$("#hd").addClass("scrollBg");
$("#logo img.logo_pc").attr("src", "<?php echo G5_THEME_IMG_URL ?>/common/logo.png");
} else {
$("#hd").removeClass("scrollBg");
$("#logo img.logo_pc").attr("src", "<?php echo G5_THEME_IMG_URL ?>/common/logo_white.png");
}
}, 300);
});
</script>
<!-- 상단 시작 { -->
<div id="hd">
<h1 id="hd_h1"><?php echo $g5['title'] ?></h1>
<div id="skip_to_container"><a href="#container">본문 바로가기</a></div>
<?php
if(defined('_INDEX_')) { // index에서만 실행
include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어
}
?>
<div id="hd_wrapper">
<div class="inner">
<div id="mb-open-menu">
<span class="line1"></span>
<span class="line2"></span>
<span class="line3"></span>
</div>
<div id="tnb">
<ul>
<?php if ($is_member) { ?>
<li class="register"><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php"><i class="fa fa-cog" aria-hidden="true"></i> 정보수정</a></li>
<li class="logout"><a href="<?php echo G5_BBS_URL ?>/logout.php"><i class="fa fa-sign-out" aria-hidden="true"></i> 로그아웃</a></li>
<?php if ($is_admin) { ?>
<li class="tnb_admin"><a href="<?php echo G5_ADMIN_URL ?>"><b><i class="fa fa-user-circle" aria-hidden="true"></i> 관리자</b></a></li>
<?php } ?>
<?php } else { ?>
<li class="join"><a href="<?php echo G5_BBS_URL ?>/register.php"><i class="fa fa-user-plus" aria-hidden="true"></i> 회원가입</a></li>
<li class="login"><a href="<?php echo G5_BBS_URL ?>/login.php"><b><i class="fa fa-sign-in" aria-hidden="true"></i> 로그인</b></a></li>
<?php } ?>
</ul>
</div>
<div id="logo">
<a href="<?php echo G5_URL ?>">
<img class="logo_pc" src="<?php echo G5_THEME_IMG_URL ?>/common/logo_white.png" alt="<?php echo $config['cf_title']; ?>">
<img class="logo_mobile" src="<?php echo G5_THEME_IMG_URL ?>/common/logo_white.png" alt="<?php echo $config['cf_title']; ?>">
</a>
</div>
<nav id="gnb">
<h2>메인메뉴</h2>
<div class="gnb_wrap">
<ul id="gnb_1dul">
<li class="gnb_1dli gnb_mnal"><button type="button" class="gnb_menu_btn"><i class="fa fa-bars" aria-hidden="true"></i><span class="sound_only">전체메뉴열기</span></button></li>
<?php
$sql = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
$menu_datas = array();
for ($i=0; $row=sql_fetch_array($result); $i++) {
$menu_datas[$i] = $row;
$sql2 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$result2 = sql_query($sql2);
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
$menu_datas[$i]['sub'][$k] = $row2;
}
}
$i = 0;
foreach( $menu_datas as $row ){
if( empty($row) ) continue;
?>
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>
<?php
$k = 0;
foreach( (array) $row['sub'] as $row2 ){
if( empty($row2) ) continue;
if($k == 0)
echo '<span class="bg">하위분류</span><ul class="gnb_2dul">'.PHP_EOL;
?>
<li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>
<?php
$k++;
} //end foreach $row2
if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
$i++;
} //end foreach $row
if ($i == 0) { ?>
<li class="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 &gt; 환경설정 &gt; 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>
<?php } ?>
</ul>
</div>
<div id="nav_bar"></div>
</nav>
<script>
$(function() {
$(".gnb_menu_btn").click(function() {
$("#gnb_all").show();
});
$(".gnb_close_btn").click(function() {
$("#gnb_all").hide();
});
});
</script>
</div>
</div>
</div>
<!-- } 상단 끝 -->
<!--<div class="popup_log">-->
<!--</div>-->
<hr>
<!-- 콘텐츠 시작 { -->
<div id="wrapper">
<div id="container_wr">
<div id="container">
<?php if (!defined("_INDEX_")) { ?><h2 id="container_title"><span title="<?php echo get_text($g5['title']); ?>"><?php echo get_head_title($g5['title']); ?></span></h2><?php } ?>

213
web/html/theme/AT_WEB01/head.php Normal file
View File

@ -0,0 +1,213 @@
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
if (G5_IS_MOBILE) {
include_once(G5_THEME_MOBILE_PATH.'/head.php');
return;
}
include_once(G5_THEME_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
// 메뉴 확장 관련
if(isset($bo_table)) {
$cate = "me_link LIKE '%bo_table=".$bo_table ."%'";
$present_row = sql_query("select me_code from ".$g5['menu_table']." where $cate order by me_order,me_code desc,me_id limit 0,1 ");
$total_count = sql_num_rows($present_row);
for ($i=0 ; $i < $total_count ; $i++) {
$present_row2=sql_fetch_array($present_row);
}
if (isset($present_row2['me_code'])) $me_code = $present_row2['me_code'];
}else if(isset($co_id)){
$cate = "me_link LIKE '%co_id=".$co_id ."' ";
$present_row = sql_query("select me_code from ".$g5['menu_table']." where $cate order by me_order,me_code desc,me_id limit 0,1 ");
$total_count = sql_num_rows($present_row);
for ($i=0 ; $i < $total_count ; $i++) {
$present_row2=sql_fetch_array($present_row);
}
if (isset($present_row2['me_code'])) $me_code = $present_row2['me_code'];
}
?>
<script>
new WOW().init();
</script>
<script>
$(function() {
$("#gnb .gnb_1dli").mouseenter(function() {
var menuWidth = $("#gnb .gnb_1dli").outerWidth();
var menuLeft = menuWidth;
var index = $(this).index();
for (var i = 0; i <= index - 1; i++) {
menuLeft += $("#gnb .gnb_1dli").eq(i).outerWidth();
}
menuLeft -= $(this).outerWidth();
$("#nav_bar").stop().animate({
width: menuWidth,
left: menuLeft
}, 300);
});
$("#gnb").mouseleave(function() {
$("#nav_bar").stop().animate({
width: 0,
left: 0
}, 0);
});
setInterval(function() {
if ($(window).scrollTop() >= 90) {
$("#hd").addClass("scrollBg");
$("#logo img.logo_pc").attr("src", "<?php echo G5_THEME_IMG_URL ?>/common/logo.png");
} else {
$("#hd").removeClass("scrollBg");
$("#logo img.logo_pc").attr("src", "<?php echo G5_THEME_IMG_URL ?>/common/logo_white.png");
}
}, 300);
});
</script>
<!-- 상단 시작 { -->
<div id="hd">
<h1 id="hd_h1"><?php echo $g5['title'] ?></h1>
<div id="skip_to_container"><a href="#container">본문 바로가기</a></div>
<?php
if(defined('_INDEX_')) { // index에서만 실행
include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어
}
?>
<div id="hd_wrapper">
<div class="inner">
<div id="mb-open-menu">
<span class="line1"></span>
<span class="line2"></span>
<span class="line3"></span>
</div>
<div id="tnb">
<ul>
<?php if ($is_member) { ?>
<li class="register"><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php"><i class="fa fa-user-circle" aria-hidden="true"></i> 정보수정</a></li>
<li class="logout"><a href="<?php echo G5_BBS_URL ?>/logout.php"><i class="fa fa-sign-out" aria-hidden="true"></i> 로그아웃</a></li>
<?php if ($is_admin) { ?>
<li class="tnb_admin"><a href="<?php echo G5_ADMIN_URL ?>"><b><i class="fa fa-cog" aria-hidden="true"></i> 관리자</b></a></li>
<?php } ?>
<?php } else { ?>
<li class="join"><a href="<?php echo G5_BBS_URL ?>/register.php"><i class="fa fa-user-plus" aria-hidden="true"></i> 회원가입</a></li>
<li class="login"><a href="<?php echo G5_BBS_URL ?>/login.php"><b><i class="fa fa-sign-in" aria-hidden="true"></i> 로그인</b></a></li>
<?php } ?>
<li class="shop"><a href="https://shop.ddfnd.com" target="_blink"><i class="fa fa-user-plus" aria-hidden=true"></i>쇼핑몰</a></li>
</ul>
</div>
<div id="logo">
<a href="<?php echo G5_URL ?>">
<img class="logo_pc" src="<?php echo G5_THEME_IMG_URL ?>/common/logo_white.png" alt="<?php echo $config['cf_title']; ?>">
<img class="logo_mobile" src="<?php echo G5_THEME_IMG_URL ?>/common/logo_white.png" alt="<?php echo $config['cf_title']; ?>">
</a>
</div>
<nav id="gnb">
<h2>메인메뉴</h2>
<div class="gnb_wrap">
<ul id="gnb_1dul">
<?php
$sql = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
for ($i=0; $row=sql_fetch_array($result); $i++) {
?>
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>
<?php
$sql2 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$result2 = sql_query($sql2);
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0)
echo '<ul class="gnb_2dul">'.PHP_EOL;
?>
<li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a>
<?php
//3차메뉴 불러 오기.
$sql3 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '6'
and substring(me_code, 1, 4) = '{$row2['me_code']}'
order by me_order, me_id ";
$result3 = sql_query($sql3);
$num3 = sql_num_rows($result3);
if($num3>0){
echo '<ul class="gnb_3dul">'.PHP_EOL;
while($row3=sql_fetch_array($result3)){
?>
<li class="gnb_3dli"><a href="<?php echo $row3['me_link']; ?>" target="_<?php echo $row3['me_target']; ?>" class="gnb_3da">- <?php echo $row3['me_name'] ?></a></li>
<?php
}
echo '</ul>'.PHP_EOL;
}
echo '</li>';
}
if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}
if ($i == 0) { ?>
<li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 &gt; 환경설정 &gt; 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>
<?php } ?>
</ul>
</div>
<div id="nav_bar"></div>
</nav>
<script>
$(function() {
$(".gnb_menu_btn").click(function() {
$("#gnb_all").show();
});
$(".gnb_close_btn").click(function() {
$("#gnb_all").hide();
});
});
</script>
</div>
</div>
</div>
<!-- } 상단 끝 -->
<!--<div class="popup_log">-->
<!--</div>-->
<hr>
<!-- 콘텐츠 시작 { -->
<div id="wrapper">
<div id="container_wr">
<div id="container">
<?php if (!defined("_INDEX_")) { ?><h2 id="container_title"><span title="<?php echo get_text($g5['title']); ?>"><?php echo get_head_title($g5['title']); ?></span></h2><?php } ?>

125
web/html/theme/AT_WEB01/head.sub.php Normal file
View File

@ -0,0 +1,125 @@
<?php
// 이 파일은 새로운 파일 생성시 반드시 포함되어야 함
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
$begin_time = get_microtime();
if (!isset($g5['title'])) {
$g5['title'] = $config['cf_title'];
$g5_head_title = $g5['title'];
}
else {
$g5_head_title = $g5['title']; // 상태바에 표시될 제목
$g5_head_title .= " | ".$config['cf_title'];
}
// 현재 접속자
// 게시판 제목에 ' 포함되면 오류 발생
$g5['lo_location'] = addslashes($g5['title']);
if (!$g5['lo_location'])
$g5['lo_location'] = addslashes(clean_xss_tags($_SERVER['REQUEST_URI']));
$g5['lo_url'] = addslashes(clean_xss_tags($_SERVER['REQUEST_URI']));
if (strstr($g5['lo_url'], '/'.G5_ADMIN_DIR.'/') || $is_admin == 'super') $g5['lo_url'] = '';
/*
// 만료된 페이지로 사용하시는 경우
header("Cache-Control: no-cache"); // HTTP/1.1
header("Expires: 0"); // rfc2616 - Section 14.21
header("Pragma: no-cache"); // HTTP/1.0
*/
?>
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta property="og:type" content="website">
<meta property="og:title" content="대동에프앤디">
<meta property="og:description" content="대동에프앤디 공식사이트">
<meta property="og:url" content="https://www.ddfnd.com">
<?php
/*if (G5_IS_MOBILE) {
echo '<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">'.PHP_EOL;
echo '<meta name="HandheldFriendly" content="true">'.PHP_EOL;
echo '<meta name="format-detection" content="telephone=no">'.PHP_EOL;
} else {
echo '<meta http-equiv="imagetoolbar" content="no">'.PHP_EOL;
echo '<meta http-equiv="X-UA-Compatible" content="IE=edge">'.PHP_EOL;
}*/
if($config['cf_add_meta'])
echo $config['cf_add_meta'].PHP_EOL;
?>
<title><?php echo $g5_head_title; ?></title>
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/<?php echo G5_IS_MOBILE ? 'mobile' : 'default'; ?>.css?ver=<?php echo G5_CSS_VER; ?>">
<!--[if lte IE 8]>
<script src="<?php echo G5_JS_URL ?>/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/common/reset.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/common/headStyle.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/common/footerStyle.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/mainStyle.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/sub/introduce.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/sub/directions.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/table/gallery_table.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/table/webzine_table.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/sub/bs_info.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/sub/bs_area.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/common/common.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/table/basic_table.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/table/contact_us.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL; ?>/table/faq.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL;?>/common/animate.css">
<!--[if IE]>
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL?>/ie.css">
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" href="<?php echo G5_THEME_CSS_URL?>/ie9.css">
<![endif]-->
<script>
// 자바스크립트에서 사용하는 전역변수 선언
var g5_url = "<?php echo G5_URL ?>";
var g5_bbs_url = "<?php echo G5_BBS_URL ?>";
var g5_is_member = "<?php echo isset($is_member)?$is_member:''; ?>";
var g5_is_admin = "<?php echo isset($is_admin)?$is_admin:''; ?>";
var g5_is_mobile = "<?php echo G5_IS_MOBILE ?>";
var g5_bo_table = "<?php echo isset($bo_table)?$bo_table:''; ?>";
var g5_sca = "<?php echo isset($sca)?$sca:''; ?>";
var g5_editor = "<?php echo ($config['cf_editor'] && $board['bo_use_dhtml_editor'])?$config['cf_editor']:''; ?>";
var g5_cookie_domain = "<?php echo G5_COOKIE_DOMAIN ?>";
</script>
<script src="<?php echo G5_JS_URL ?>/jquery-1.8.3.min.js"></script>
<script src="<?php echo G5_JS_URL ?>/jquery.menu.js?ver=<?php echo G5_JS_VER; ?>"></script>
<script src="<?php echo G5_JS_URL ?>/common.js?ver=<?php echo G5_JS_VER; ?>"></script>
<script src="<?php echo G5_JS_URL ?>/wrest.js?ver=<?php echo G5_JS_VER; ?>"></script>
<script src="<?php echo G5_JS_URL ?>/placeholders.min.js"></script>
<script src="<?php echo G5_THEME_JS_URL ?>/site.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<link rel="stylesheet" href="<?php echo G5_JS_URL ?>/font-awesome/css/font-awesome.min.css">
<?php
if(G5_IS_MOBILE) {
echo '<script src="'.G5_JS_URL.'/modernizr.custom.70111.js"></script>'.PHP_EOL; // overflow scroll 감지
}
if(!defined('G5_IS_ADMIN'))
echo $config['cf_add_script'];
?>
</head>
<body<?php echo isset($g5['body_script']) ? $g5['body_script'] : ''; ?>>
<?php
if ($is_member) { // 회원이라면 로그인 중이라는 메세지를 출력해준다.
$sr_admin_msg = '';
if ($is_admin == 'super') $sr_admin_msg = "최고관리자 ";
else if ($is_admin == 'group') $sr_admin_msg = "그룹관리자 ";
else if ($is_admin == 'board') $sr_admin_msg = "게시판관리자 ";
echo '<div id="hd_login_msg">'.$sr_admin_msg.get_text($member['mb_nick']).'님 로그인 중 ';
echo '<a href="'.G5_BBS_URL.'/logout.php">로그아웃</a></div>';
}
?>

BIN
web/html/theme/AT_WEB01/img/btn_end.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
web/html/theme/AT_WEB01/img/btn_first.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
web/html/theme/AT_WEB01/img/btn_next.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
web/html/theme/AT_WEB01/img/btn_prev.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
web/html/theme/AT_WEB01/img/bullet.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section1_img1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section1_img2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section2_icon1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section2_icon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section2_icon3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section2_icon4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section3_icon1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section3_icon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section3_icon3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section3_icon4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section3_img1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
web/html/theme/AT_WEB01/img/business/area_section3_img2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
web/html/theme/AT_WEB01/img/business/banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
web/html/theme/AT_WEB01/img/business/section1_img1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
web/html/theme/AT_WEB01/img/business/section2_img1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
web/html/theme/AT_WEB01/img/business/section2_img2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
web/html/theme/AT_WEB01/img/business/section2_img3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
web/html/theme/AT_WEB01/img/business/section2_img4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
web/html/theme/AT_WEB01/img/business/section2_img5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
web/html/theme/AT_WEB01/img/business/section2_img6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
web/html/theme/AT_WEB01/img/business/section3_img1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
web/html/theme/AT_WEB01/img/close_btn.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
web/html/theme/AT_WEB01/img/common/admin_icon1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
web/html/theme/AT_WEB01/img/common/admin_icon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
web/html/theme/AT_WEB01/img/common/down.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
web/html/theme/AT_WEB01/img/common/ft_sns1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 933 B

BIN
web/html/theme/AT_WEB01/img/common/ft_sns2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
web/html/theme/AT_WEB01/img/common/ft_sns3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
web/html/theme/AT_WEB01/img/common/ft_sns4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
web/html/theme/AT_WEB01/img/common/login_icon1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
web/html/theme/AT_WEB01/img/common/login_icon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
web/html/theme/AT_WEB01/img/common/logo.old.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
web/html/theme/AT_WEB01/img/common/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
web/html/theme/AT_WEB01/img/common/logo_white.old.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
web/html/theme/AT_WEB01/img/common/logo_white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
web/html/theme/AT_WEB01/img/common/logout_icon1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

Some files were not shown because too many files have changed in this diff Show More