@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : ㈜퍼스트플랜트
Part : 
Last edit : 2024.02
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'Noto Serif KR', serif; (100,300,400,500,700,900)

--------------------------------------------------------- */



/* 서브 start ----------------------------------- */


header {}



/* 서브 비주얼 */

.container_visual {}
.sub_visual { position:relative; width:100%; height:600px; overflow:hidden; background-color:#f5f5f5; text-align:center;}
.sub_visual .sub_bg { width:100%; height:600px; min-width:1500px; background-position:50% 0%; background-size:cover;
animation: /*선택자*/sub_bg_a /*동작시간*/3s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: sub_bg_a 3s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%; background-color:#f5f5f5;}
@keyframes sub_bg_a {
	0% { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
	100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
}
.sub_visual .sub01_01_bg { background-image:url(/images/sub/sub01_01_visual.jpg);}
.sub_visual .sub02_01_bg { background-image:url(/images/sub/sub02_01_visual.jpg);}
.sub_visual .sub03_01_bg { background-image:url(/images/sub/sub03_01_visual.jpg);}
.sub_visual .sub04_01_bg { background-image:url(/images/sub/sub04_01_visual.jpg);}
.sub_visual .sub05_01_bg { background-image:url(/images/sub/sub05_01_visual.jpg);}

.top_txt { position:absolute; top:42%; left:50%; margin-left:-750px; font-family: 'OmniGothic', sans-serif; font-size:60px; width:1500px; letter-spacing:-0.02em; line-height:1.2; font-weight:500; color:rgba(255,255,255,0.9); text-align:center;}
.top_txt2 { position:absolute; top:55%; left:50%; margin-left:-750px; font-size:18px; width:1500px; letter-spacing:0; line-height:1.2; font-weight:400; color:rgba(255,255,255,0.9); text-align:center;}

.sub_visual2 { position:relative; width:100%; height:100px; overflow:hidden;}
.sub_visual2 .sub_bg2 { width:100%; height:100px; background-color:#fff;}



/* 서브탭 start */

.depth3_tab { width:100%; max-width:1500px; height:auto; padding:0 0 70px 0; margin:0 auto;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:block; float:left; font-size:16px; text-align:center; padding:20px 0; background-color:#eee;}
.depth3_tab>a:nth-child(2n) { background-color:#ddd;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#ea151a;}
.depth3_tab>a>span { color:rgba(0,0,0,0);}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:1500px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0 0 150px 0;}
.sub_link_wrap { position: absolute; top:170px; left:50%; width:1px; height:1px;}
.sub_container:after { display:block; content:""; clear:both;}

.box100per { width:100%; margin:0 auto;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.in_title1_wrap { width:100%; max-width:1500px; margin:0 auto; padding:0 70px; height:50px;}
.page_location { position:absolute; top:-100px; left:50%; margin-left:-750px; width:100%; max-width:1500px; font-size:16px; line-height:19px; font-weight:500; background-color:rgba(255,255,255,1); padding:50px 70px; letter-spacing:0; text-align:left;}
.page_location_1 { display:inline-block; vertical-align:top; background-image:url(/images/icon/home2.png); width:20px; height:19px; margin-right:10px; text-indent:-9999px;}
.page_location_2 { display:inline-block; vertical-align:top; color:#999;}
.page_location_3 { display:inline-block; vertical-align:top; color:#95766f;}
.page_location_dot { display:inline-block; vertical-align:top; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:center; width:20px; height:19px;}

.in_title1 { font-family: 'OmniGothic', sans-serif; font-size:50px; line-height:1.2; font-weight:500; margin-bottom:0 0 20px 0; letter-spacing:-0.06em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title1_txt { font-size:20px; line-height:32px; font-weight:400; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center; margin-bottom:60px;}
.in_title2 { font-family: 'OmniGothic', sans-serif; font-size:30px; line-height:1.2; font-weight:500; margin:0 0 20px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title2_txt { font-size:18px; line-height:30px; font-weight:400; letter-spacing:-0.02em; color:rgba(0,0,0,0.6); margin-bottom:60px; text-align: center;}
.in_title3 { font-size:20px; line-height:26px; font-weight:500; margin-bottom:40px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}
.big_view { display: none; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); width: 60px; height: 60px;}
.big_view>a { display: block; width: 100%; height: 100%;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}




/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0 120px 0px 20px;}
.sub01_01_box:after { display:block; content:""; clear:both;}
.sub01_01_box_in { position:relative; width:100%; margin-bottom:80px;}

.sub01_01_box_ceo_wrap { width:100%; min-height:565px; background-image:url(/images/sub/sub01_01_img01_bg.jpg); background-size:100% 420px; background-position:50% 100%; background-repeat:no-repeat; margin:120px 0 0 0;}
.sub01_01_box_ceo { width:100%; max-width:1400px; position:relative; margin:0 auto;}
.sub01_01_box_ceo_photo { float:left; width:45%; min-height:460px; background-image:url(/images/sub/sub01_01_img01.jpg); background-position:50% 0%; background-size:cover;}
.sub01_01_box_ceo_txt_wrap { float:left; width:55%; padding:0 80px 0 0;}
.sub01_01_box_ceo_txt1 { font-size:24px; font-weight:700; width:100%; padding:35px 0 35px 80px; letter-spacing:-0.06em;}
.sub01_01_box_ceo_txt2 { font-size:18px; color:rgba(0,0,0,0.6); width:100%; padding:25px 0 35px 80px; letter-spacing:-0.04em;}
.sub01_01_box_ceo_txt3 { font-size:18px; width:100%; padding:0 0 0 80px;}
.sub01_01_box_ceo_txt3>span { font-size:30px; font-weight:700; margin-left:20px;}

.history_B_wrap { position:relative; width:100%; padding:0;}
.history_B_wrap:after { display:block; content:""; clear:both;}
.history_B_wrap_bg {}
.history_B_contents { width:100%; margin:0 auto; height:auto;}
.history_B_contents_box { position:relative; padding:0; text-align:left;}
.history_B_contents_box_bg1 { background-image:url(/images/sub/history_B_bg_line01.png); background-repeat:no-repeat; background-position:10px 50px;}
.history_B_contents_box_bg2 { background-image:url(/images/sub/history_B_bg_line01.png); background-repeat:no-repeat; background-position:10px 0;}
.history_B_contents_box_bg3 { background-image:url(/images/sub/history_B_bg_line01.png); background-repeat:no-repeat; background-position:10px -4950px;}
.history_B_contents_txt { padding:30px 30px 30px 80px; background-image:url(/images/sub/history_B_icon_right.png); background-repeat:no-repeat; background-position:-34px 42px;}
.history_B_contents_box p { font-size:0; margin-bottom:5px; width:100%;}
.history_B_year { font-weight:700; font-size:36px !important; margin-bottom:20px !important;}
.history_B_month_txt { display:inline-block; width:700px; vertical-align:top; font-size:18px; padding-right:20px;}
.history_B_img { position:absolute; top:40px; right:0; width:600px;}
.history_B_img>img { width:100%; height:auto;}
.history_photo_p { display:block;}
.history_photo_m { display:none;}


.responsive_sub01_01 { margin-bottom:40px; text-align:left !important;}
.responsive_sub01_01_img { position:relative;}
.responsive_sub01_01_img>img { width:100%; height:auto;}

.sub01_03_img{display: block; width: 100%; text-align: center; height: auto;}
.sub01_03_img>img{width: auto; height: auto;}
.sub01_03_img_m{display: none;}




.sub01_05_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0 120px 0px 20px;}
.sub01_05_box_logo_box { width:100%; margin-bottom:60px; font-size:0;}
.sub01_05_box_logo_box:after { display:block; content:""; clear:both;}
.sub01_05_box_logo_wrap { display:inline-block; vertical-align:top; width:19%; height:auto; border:1px solid rgba(0,0,0,0.1); margin:0.5%; background-color:#fff;}
.sub01_05_box_logo_box>.sub03_01_box_logo_wrap:nth-child(2n) {}
.sub01_05_box_logo { width:100%; height:200px; background-position:center; background-size:100% auto; background-repeat: no-repeat;}
.sub01_05_box_logo1 { background-image:url(/images/sub/sub01_05_img_01.jpg);}
.sub01_05_box_logo2 { background-image:url(/images/sub/sub01_05_img_02.jpg);}
.sub01_05_box_logo3 { background-image:url(/images/sub/sub01_05_img_03.jpg);}
.sub01_05_box_logo4 { background-image:url(/images/sub/sub01_05_img_04.jpg);}
.sub01_05_box_logo5 { background-image:url(/images/sub/sub01_05_img_05.jpg);}
.sub01_05_box_logo6 { background-image:url(/images/sub/sub01_05_img_06.jpg);}
.sub01_05_box_logo7 { background-image:url(/images/sub/sub01_05_img_07.jpg);}
.sub01_05_box_logo8 { background-image:url(/images/sub/sub01_05_img_08.jpg);}
.sub01_05_box_logo9 { background-image:url(/images/sub/sub01_05_img_09.jpg);}
.sub01_05_box_logo10 { background-image:url(/images/sub/sub01_05_img_10.jpg);}
.sub01_05_box_logo11 { background-image:url(/images/sub/sub01_05_img_11.jpg);}
.sub01_05_box_logo12 { background-image:url(/images/sub/sub01_05_img_12.jpg);}
.sub01_05_box_logo13 { background-image:url(/images/sub/sub01_05_img_13.jpg);}
.sub01_05_box_logo14 { background-image:url(/images/sub/sub01_05_img_14.jpg);}
.sub01_05_box_logo15 { background-image:url(/images/sub/sub01_05_img_15.jpg);}

.sub01_05_box_logo16 { background-image:url(/images/sub/sub01_05_img_16.jpg);}
.sub01_05_box_logo17 { background-image:url(/images/sub/sub01_05_img_17.jpg);}
.sub01_05_box_logo18 { background-image:url(/images/sub/sub01_05_img_18.jpg);}
.sub01_05_box_logo19 { background-image:url(/images/sub/sub01_05_img_19.jpg);}
.sub01_05_box_logo20 { background-image:url(/images/sub/sub01_05_img_20.jpg);}
.sub01_05_box_logo21 { background-image:url(/images/sub/sub01_05_img_21.jpg);}
.sub01_05_box_logo22 { background-image:url(/images/sub/sub01_05_img_22.jpg);}
.sub01_05_box_logo23 { background-image:url(/images/sub/sub01_05_img_23.jpg);}
.sub01_05_box_logo24 { background-image:url(/images/sub/sub01_05_img_24.jpg);}
.sub01_05_box_logo25 { background-image:url(/images/sub/sub01_05_img_25.jpg);}
.sub01_05_box_logo26 { background-image:url(/images/sub/sub01_05_img_26.jpg);}


.sub01_06_tab { width:50%;}
.sub01_06_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0 120px 0px 20px;}
.sub01_06_box:after { display:block; content:""; clear:both;}
.sub01_06_map { height:600px; width:100%; border:1px solid rgba(0,0,0,0.1);}


/* 서브02 */

.sub02_01_box_wrap { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0 120px 0px 20px;}
.sub02_01_box_wrap:after { display:block; content:""; clear:both;}

.sub02_01_box { margin-bottom:40px;}
.sub02_01_box_in { border:1px solid #ddd; border-radius:20px; width:100%; text-align:left; padding:60px; margin-bottom:60px;}
.sub02_01_box_img { display:inline-block; position:relative;}
.sub02_01_box_img>img { width:100%; height:auto; max-width:1157px;}
.sub02_01_img01 { display:inline-block;}
.sub02_01_img02 { display:none;}

.sub02_01_box_in_bg { background-image:url(/images/sub/sub02_01_01.jpg); background-position:100% 50%; background-repeat:no-repeat; background-size:auto 100%;}
.sub02_01_box_in_txt1 { font-size:22px; font-weight:500; margin-bottom:5px;}
.sub02_01_box_in_txt2 { font-size:16px; margin-bottom:30px; color:#666;}


/* 서브03 */

.sub03_01_wrap{width: 100%; height: auto; overflow: hidden; margin-top: 50px; text-align: center;}
.sub03_01_box{width: 312px; height: auto; overflow: hidden; display: inline-block; margin-right: 65px; margin-bottom: 0px;}
.sub03_01_box:nth-child(3n){margin-right: 0;}
.sub03_01_box>img{width: 100%; height: auto; border: 1px  solid #ddd;}
.sub03_01_box>p{text-align: center; font-size: 18px; font-weight: 600; padding: 16px 0;}



/* 서브04 */

.sub04_01_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0 120px 0px 20px;}
.sub04_01_box:after { display:block; content:""; clear:both;}
.sub04_01_box_in { position:relative; width:100%; margin-bottom:80px;}


.sub04_03_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0 120px 0px 20px;}
.sub04_03_box:after { display:block; content:""; clear:both;}
.sub04_03_box_in { font-size:0; text-align:center;}


.sub04_01_txt3 { position:relative; font-size:15px; line-height:26px; padding-right:650px; margin-top:35px; }
.sub04_01_txt3>p {text-align: center;font-size: 18px; font-weight: 600; padding: 16px 0;}
.right_p3 { position:absolute; top:0px; right:70px; z-index:1; width:600px; height:300px;}
.right_p3>p {text-align: center;font-size: 18px; font-weight: 600; padding: 16px 0;}



/* 서브05 */

.sub05_01_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0 70px;}
.sub05_01_box:after { display:block; content:""; clear:both;}
.sub05_01_box_in { position:relative; width:100%; margin-bottom:80px;}




/* 서브 end ----------------------------------- */


/* 아이페드 프로 */

@media screen and (max-width:1366px){

#wrap { min-width: 1300px;}
.sub_box { min-width: 1300px;}
.sub_visual .sub_bg { min-width: 1300px;}

.page_location { position:absolute; top:-100px; left:0; margin-left:0; right:0; width:100%; max-width:1500px; font-size:16px; line-height:19px; font-weight:500; background-color:rgba(255,255,255,1); padding:50px 70px; letter-spacing:0; text-align:left;}


}



/* 1024 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1024px){

#wrap { min-width: 100%;}
.sub_box { min-width: 100%;}
.sub_visual .sub_bg { min-width: 100%;}


/* 서브 비주얼 */

.container_visual { text-align:center;}
.sub_visual { position:relative; width:100%; height:350px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:350px; min-width:1px; background-position:50% 50%; background-attachment:scroll; 
animation: /*선택자*/sub_bg_a /*동작시간*/3s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: sub_bg_a 3s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%; background-color:#f5f5f5;}
@keyframes sub_bg_a {
	0% { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
	100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
}

.top_txt { position:absolute; top:35%; left:50%; margin-left:-350px; font-size:45px; text-align:center; width:700px; letter-spacing:-0.06em; line-height:1.2; color:rgba(255,255,255,0.9);}
.top_txt>p { display:block;}
.top_txt2 { position:absolute; top:55%; left:50%; margin-left:-350px; font-size:17px; text-align:center; width:700px; letter-spacing:0; line-height:1.2; font-weight:400; color:rgba(255,255,255,0.9);}



/* 서브탭 start */

.depth3_tab { width:100%; max-width:1500px; height:auto; padding:0 0 40px 0; margin:0 auto;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:block; float:left; font-size:15px; text-align:center; padding:15px 0; background-color:#eee;}
.depth3_tab>a:nth-child(2n) { background-color:#ddd;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#ea151a;}
.depth3_tab>a>span { color:rgba(0,0,0,0);}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:768px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:70px 0 70px 0;}
.sub_link_wrap { position: absolute; top:120px; left:50%; width:1px; height:1px;}
.sub_container:after { display:block; content:""; clear:both;}

.box100per { width:100%; margin:0 auto; padding:0 40px;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.in_title1_wrap { width:100%; max-width:1500px; height:auto; margin:0 auto 40px auto; padding:0; text-align:left;}
.page_location { position:relative; top:auto; left:auto; width:100%; max-width:1500px; font-size:15px; line-height:19px; margin:0; font-weight:500; padding:0;}
.page_location_1 { display:inline-block; vertical-align:top; background-image:url(/images/icon/home2.png); width:20px; height:19px; margin-right:10px; text-indent:-9999px;}
.page_location_2 { display:inline-block; vertical-align:top; color:#999;}
.page_location_3 { display:inline-block; vertical-align:top; color:#95766f;}
.page_location_dot { display:inline-block; vertical-align:top; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:center; width:20px; height:19px;}

.in_title1 { font-size:36px; line-height:1.2; font-weight:500; margin:0 0 15px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.8);}
.in_title1_txt { font-size:16px; line-height:24px; font-weight:400; margin-bottom:40px; letter-spacing:-0.02em; color:rgba(0,0,0,0.6);}
.in_title2 { font-size:28px; line-height:1.2; font-weight:500; margin:0 0 15px 0; letter-spacing:-0.02em; color:rgba(0,0,0,0.8);}
.in_title2_txt { font-size:14px; line-height:22px; font-weight:400; margin-bottom:40px; letter-spacing:-0.02em; color:rgba(0,0,0,0.6);}
.in_title3 { font-size:18px; line-height:26px; font-weight:500; margin-bottom:40px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}
.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); width: 60px; height: 60px;}
.big_view>a { display: block; width: 100%; height: 100%;}




/* 서브01 */



.sub01_01_box_ceo_wrap { width:100%; min-height:500px; background-image:url(/images/sub/sub01_01_img01_bg.jpg); background-size:100% 370px; background-position:50% 100%; background-repeat:no-repeat; margin:80px 0 0 0;}
.sub01_01_box_ceo { width:100%; max-width:1400px; position:relative; margin:0 auto;}
.sub01_01_box_ceo_photo { float:left; width:40%; min-height:420px; background-image:url(/images/sub/sub01_01_img01.jpg); background-position:50% 0%; background-size:cover;}
.sub01_01_box_ceo_txt_wrap { float:left; width:60%;}
.sub01_01_box_ceo_txt1 { font-size:22px; font-weight:700; width:100%; padding:35px 0 35px 60px; letter-spacing:-0.06em;}
.sub01_01_box_ceo_txt2 { font-size:16px; color:rgba(0,0,0,0.6); width:100%; padding:35px 0 35px 60px;}
.sub01_01_box_ceo_txt3 { font-size:16px; width:100%; padding:0 0 0 60px;}
.sub01_01_box_ceo_txt3>span { font-size:26px; font-weight:700; margin-left:20px;}


.history_B_wrap { position:relative; width:100%; padding:0;}
.history_B_wrap:after { display:block; content:""; clear:both;}
.history_B_wrap_bg {}
.history_B_contents { width:100%; max-width:1300px; margin:0 auto; height:auto;}
.history_B_contents_box { position:relative; padding:0; text-align:left;}
.history_B_contents_box_bg1 { background-image:url(/images/sub/history_B_bg_line01.png); background-repeat:no-repeat; background-position:10px 50px;}
.history_B_contents_box_bg2 { background-image:url(/images/sub/history_B_bg_line01.png); background-repeat:no-repeat; background-position:10px 0;}
.history_B_contents_box_bg3 { background-image:url(/images/sub/history_B_bg_line01.png); background-repeat:no-repeat; background-position:10px -4950px;}
.history_B_contents_txt { padding:30px 30px 30px 80px; background-image:url(/images/sub/history_B_icon_right.png); background-repeat:no-repeat; background-position:-34px 40px;}
.history_B_contents_box p { font-size:0; margin-bottom:5px; width:100%;}
.history_B_year { font-weight:700; font-size:30px !important; margin-bottom:10px !important;}
.history_B_month_txt { display:inline-block; width:100%; vertical-align:top; font-size:16px; padding-right:20px;}
.history_B_img { position:relative; top:auto; right:auto; width:100%; padding:0 30px 30px 80px; margin-top:-15px;}
.history_B_img>img { width:100%; height:auto; max-width:600px;}
.history_photo_p { display:none;}
.history_photo_m { display:block;}

.sub01_05_box { position:relative; width:100%; margin:0 auto; padding:0 0 80px 0;}
.sub01_05_box_logo_box { width:100%; margin-bottom:50px; font-size:0;}
.sub01_05_box_logo_box:after { display:block; content:""; clear:both;}
.sub01_05_box_logo_wrap { display:inline-block; vertical-align:top; width:32.333333333%; height:auto; border:1px solid rgba(0,0,0,0.1); margin:0.5%; background-color:#fff;}
.sub01_05_box_logo_box>.sub03_01_box_logo_wrap:nth-child(2n) {}
.sub01_05_box_logo { width:100%; height:200px; background-position:center; background-size:100% auto; background-repeat: no-repeat;}



.sub01_06_tab { width:33.333%;}
.sub01_06_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0;}
.sub01_06_box:after { display:block; content:""; clear:both;}
.sub01_06_map { height:500px; width:100%; border:1px solid rgba(0,0,0,0.1);}


/* 서브02 */

.sub02_01_box_wrap { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0;}
.sub02_01_box_wrap:after { display:block; content:""; clear:both;}

.sub02_01_box { margin-bottom:40px;}
.sub02_01_box_in { border:1px solid #ddd; border-radius:20px; width:100%; text-align:left; padding:40px; margin-bottom:40px;}
.sub02_01_box_img { display:inline-block; position:relative;}
.sub02_01_box_img>img { width:100%; height:auto; max-width:1157px;}
.sub02_01_img01 { display:inline-block;}
.sub02_01_img02 { display:none;}

.sub02_01_box_in_bg { background-image:url(/images/sub/sub02_01_01.jpg); background-position:170% 50%; background-repeat:no-repeat; background-size:auto 100%; padding-right:50%;}
.sub02_01_box_in_txt1 { font-size:18px; font-weight:500; margin-bottom:0;}
.sub02_01_box_in_txt2 { font-size:14px; margin-bottom:20px; color:#666;}


/* 서브03 */

.sub03_01_wrap{width: 100%; height: auto; overflow: hidden; margin-top: 50px; text-align: center;}
.sub03_01_box{width: 312px; height: auto; overflow: hidden; display: inline-block; margin-right: 65px; margin-bottom: 10px;}
.sub03_01_box:nth-child(3n){margin-right: 65px;}
.sub03_01_box:nth-child(2n){margin-right: 0;}
.sub03_01_box>img{width: 100%; height: auto; border: 1px  solid #ddd;}
.sub03_01_box>p{text-align: center; font-size: 18px; font-weight: 600; padding: 10px 0;}



/* 서브04 */

.sub04_01_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0;}
.sub04_01_box:after { display:block; content:""; clear:both;}
.sub04_01_box_in { position:relative; width:100%; margin-bottom:60px;}


.sub04_03_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0;}
.sub04_03_box:after { display:block; content:""; clear:both;}
.sub04_03_box_in { position:relative; width:100%; margin-bottom:60px;}

.sub04_01_txt3 { font-size:15px; line-height:23px; letter-spacing:0.02em;  padding-right:0px; }
.sub04_01_txt3>p {text-align: center;font-size: 17px; font-weight: 600; padding: 16px 0;}
.right_p3 { position:relative; top:auto; right:auto; z-index:1; width:100%; height:auto; margin-bottom:40px; margin-top:40px;}
.right_p3>p {text-align: center;font-size: 17px; font-weight: 600; padding: 16px 0;}



/* 서브05 */

.sub05_01_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0;}
.sub05_01_box:after { display:block; content:""; clear:both;}
.sub05_01_box_in { position:relative; margin-bottom:60px;}






/* 서브 end ----------------------------------- */
}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px){



/* 서브 비주얼 */

.container_visual {}
.sub_visual { position:relative; width:100%; height:300px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:300px; min-width:1px; background-position:50% 50%; background-attachment:scroll; background-size:cover; 
animation: /*선택자*/sub_bg_a /*동작시간*/3s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: sub_bg_a 3s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%; background-color:#f5f5f5;}
@keyframes sub_bg_a {
	0% { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
	100% { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
}

.top_txt { position:absolute; top:35%; left:50%; margin-left:-150px; font-size:35px; text-align:center; width:300px; letter-spacing:-0.06em; line-height:1.2; color:rgba(255,255,255,0.9);}
.top_txt>p { display:block;}
.top_txt2 { position:absolute; top:52%; left:50%; margin-left:-150px; font-size:14px; text-align:center; width:300px; letter-spacing:0; line-height:1.2; font-weight:400; color:rgba(255,255,255,0.9);}


/* 서브탭 start */

.depth3_tab { width:100%; max-width:1500px; height:auto; padding:0 0 30px 0; margin:0 auto; text-align:center; font-size:0;}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display: inline-block; float:none; font-size:14px; text-align:center; padding:8px 15px; background-color:#eee; margin:0 2px 2px 0;}
.depth3_tab>a:nth-child(2n) { background-color:#eee;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#ea151a;}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:320px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:50px 0 80px 0;}
.sub_container:after { display:block; content:""; clear:both;}

.box100per { width:100%; margin:0 auto; padding:0 20px;}
.box50per { display:block; width:100%; padding:0 0 40px 0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 20px 25px 20px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.in_title1_wrap { width:100%; max-width:1500px; margin:0 auto 30px auto; text-align:left;}
.page_location { width:100%; max-width:1500px; font-size:13px; line-height:19px; margin-bottom:30px; font-weight:500;}
.page_location_1 { display:inline-block; vertical-align:top; background-image:url(/images/icon/home2.png); width:15px; height:14px; margin-right:5px; text-indent:-9999px; background-size:cover;}
.page_location_2 { display:inline-block; vertical-align:top; color:#999;}
.page_location_3 { display:inline-block; vertical-align:top; color:#95766f;}
.page_location_dot { display:inline-block; vertical-align:top; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:center; width:10px; height:19px;}

.in_title1 { font-size:28px; line-height:1.2; font-weight:500; margin:0 0 10px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.8);}
.in_title1_txt { font-size:15px; line-height:22px; font-weight:400; margin-bottom:30px; letter-spacing:-0.02em; color:rgba(0,0,0,0.6);}
.in_title2 { font-size:22px; line-height:1.2; font-weight:500; margin:0 0 10px 0; letter-spacing:-0.02em; color:rgba(0,0,0,0.8);}
.in_title2_txt { font-size:13px; line-height:20px; font-weight:400; margin-bottom:30px; letter-spacing:-0.02em; color:rgba(0,0,0,0.6);}
.in_title3 { font-size:16px; line-height:26px; font-weight:500; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}
.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); background-size:100%; width: 40px; height: 40px;}
.big_view>a { display: block; width: 100%; height: 100%;}




/* 서브01 */

.sub01_01_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0;}
.sub01_01_box:after { display:block; content:""; clear:both;}
.sub01_01_box_in { position:relative; width:100%; margin-bottom:40px;}

.sub01_01_tw { width:auto;}

.sub01_01_box_ceo_wrap { width:100%; min-height:500px; background-image:url(/images/sub/sub01_01_img01_bg.jpg); background-size:100% 100%; background-position:50% 100%; background-repeat:no-repeat; margin:40px 0 0 0;}
.sub01_01_box_ceo_wrap:after { display:block; content:""; clear:both;}
.sub01_01_box_ceo { width:100%; max-width:1500px; position:relative; margin:0 auto;}
.sub01_01_box_ceo_photo { float:left; width:100%; min-height:420px; background-image:url(/images/sub/sub01_01_img01.jpg); background-position:50% 0%; background-size:cover;}
.sub01_01_box_ceo_txt_wrap { float:left; width:100%;}
.sub01_01_box_ceo_txt1 { font-size:20px; font-weight:700; width:100%; padding:30px 20px 0 20px; letter-spacing:-0.04em;}
.sub01_01_box_ceo_txt2 { font-size:15px; color:rgba(0,0,0,0.6); width:100%; padding:30px 20px 0 20px;}
.sub01_01_box_ceo_txt3 { font-size:15px; width:100%; padding:30px 20px 60px 20px;}
.sub01_01_box_ceo_txt3>span { font-size:22px; font-weight:700; margin-left:10px;}

.history_B_wrap { position:relative; width:100%; padding:0;}
.history_B_wrap:after { display:block; content:""; clear:both;}
.history_B_wrap_bg {}
.history_B_contents { width:100%; max-width:1300px; margin:0 auto; height:auto;}
.history_B_contents_box { position:relative; padding:0; text-align:left;}
.history_B_contents_box_bg1 { background-image:url(/images/sub/history_B_bg_line01.png); background-repeat:no-repeat; background-position:10px 50px;}
.history_B_contents_box_bg2 { background-image:url(/images/sub/history_B_bg_line01.png); background-repeat:no-repeat; background-position:10px 0;}
.history_B_contents_box_bg3 { background-image:url(/images/sub/history_B_bg_line01.png); background-repeat:no-repeat; background-position:10px -4960px;}
.history_B_contents_txt { padding:20px 20px 20px 40px; background-image:url(/images/sub/history_B_icon_right.png); background-repeat:no-repeat; background-position:-34px 25px;}
.history_B_contents_box p { font-size:0; margin-bottom:5px; width:100%;}
.history_B_year { font-weight:700; font-size:26px !important; margin-bottom:10px !important; background-color:#fff;}
.history_B_month_txt { display:inline-block; width:100%; vertical-align:top; font-size:14px; padding-right:20px;}
.history_B_img { position:relative; top:auto; right:auto; width:100%; padding:0 20px 20px 40px; margin-top:-10px;}
.history_B_img>img { width:100%; height:auto; max-width:600px;}

.sub01_05_box { position:relative; width:100%; margin:0 auto; padding:20px 0 0px 0;}
.sub01_05_box_logo_box { width:100%; margin-bottom:40px; font-size:0;}
.sub01_05_box_logo_box:after { display:block; content:""; clear:both;}
.sub01_05_box_logo_wrap { display:inline-block; vertical-align:top; width:100%; height:auto; border:1px solid rgba(0,0,0,0.1); margin:1% 2% 1% 0; background-color:#fff;}
.sub01_05_box_logo_box>.sub03_01_box_logo_wrap:nth-child(2n) { margin-right:0;}
.sub01_05_box_logo { width:100%; height:120px; background-position:center; background-size:100% auto; background-repeat: no-repeat;}




.sub01_06_tab { width:auto;}
.sub01_06_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0;}
.sub01_06_box:after { display:block; content:""; clear:both;}
.sub01_06_map { height:400px; width:100%; border:1px solid rgba(0,0,0,0.1);}



/* 서브02 */

.sub02_01_box_wrap { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0;}
.sub02_01_box_wrap:after { display:block; content:""; clear:both;}

.sub02_01_box { margin-bottom:40px;}
.sub02_01_box_in { border:1px solid #ddd; border-radius:20px; width:100%; text-align:left; padding:30px; margin-bottom:30px;}
.sub02_01_box_img { display:inline-block; position:relative;}
.sub02_01_box_img>img { width:100%; height:auto; max-width:1157px;}
.sub02_01_img01 { display:none;}
.sub02_01_img02 { display:inline-block;}

.sub02_01_box_in_bg { background-image:none; padding-right:30px;}
.sub02_01_box_in_txt1 { font-size:16px; font-weight:500; margin-bottom:0;}
.sub02_01_box_in_txt2 { font-size:13px; margin-bottom:20px; color:#666;}


/* 서브03 */

.sub03_01_wrap{width: 100%; height: auto; overflow: hidden; margin-top: 50px; text-align: center;}
.sub03_01_box{width: 312px; height: auto; overflow: hidden; display: inline-block; margin-right: 0; margin-bottom: 15px;}
.sub03_01_box:nth-child(3n){margin-right: 0;}
.sub03_01_box:nth-child(2n){margin-right: 0;}
.sub03_01_box>img{width: 100%; height: auto; border: 1px  solid #ddd;}
.sub03_01_box>p{text-align: center; font-size: 16px; font-weight: 600; padding: 10px 0;}



/* 서브04 */

.sub04_01_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0;}
.sub04_01_box:after { display:block; content:""; clear:both;}
.sub04_01_box_in { position:relative; width:100%; margin-bottom:40px;}

.sub04_03_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0;}
.sub04_03_box:after { display:block; content:""; clear:both;}
.sub04_03_box_in { position:relative; width:100%; margin-bottom:40px;}


.sub04_01_txt3 { font-size:14px; font-weight: 400; letter-spacing:0.02em;}
.sub04_01_txt3>p {text-align: center;font-size: 15px; font-weight: 600; padding: 16px 0;}
.sub04_01_txt3>img { width:100%; height:auto;}
.right_p3>p {text-align: center;font-size: 15px; font-weight: 600; padding: 16px 0;}
.right_p3>img { width:100%; height:auto;}

/* 서브05 */

.sub05_01_box { position:relative; width:100%; max-width:1500px; margin:0 auto; padding:0;}
.sub05_01_box:after { display:block; content:""; clear:both;}
.sub05_01_box_in { position:relative; width:100%; margin-bottom:40px;}







/* 서브 end ----------------------------------- */
}