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


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

Site Name : 양산시청역 반도 유보라 7차
Part :
Last edit : 2022.02
Author : Gautech(PDH)

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

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





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


header { position:fixed; z-index:100;}



/* 서브 비주얼 */

.container_visual {}
.sub_visual { position:relative; width:100%; height:500px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:500px; min-width:1500px; background-position:50% 50%; background-size:cover; animation: /*선택자*/sub_img /*동작시간*/6s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: sub_img 6s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}

@keyframes sub_img {
	0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
	100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

.sub_visual .sub01_bg_pc { background-image:url(/images/sub/sub01_visual.jpg);}
.sub_visual .sub02_bg_pc { background-image:url(/images/sub/sub02_visual.jpg);}
.sub_visual .sub03_bg_pc { background-image:url(/images/sub/sub03_visual.jpg);}
.sub_visual .sub04_bg_pc { background-image:url(/images/sub/sub04_visual.jpg);}



/* 서브탭 start */

.depth3_tab { width:100%; max-width:1500px; height:auto; font-size:0; padding:20px 0 40px 0; margin:0 auto;}
.depth3_tab>a { display:inline-block; font-size:18px; text-align:center; padding:14px 20px; 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:#394889;}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:1500px; padding:0 0 100px 0;}
.sub_container { position: relative; width:1500px; margin:0 auto; padding:0;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { position:relative; width:100%; margin:0 auto 40px auto; padding:60px 0 20px 20px; font-size:28px; font-weight:700; letter-spacing:-1px; text-align:left; border-bottom:1px solid #e1ded8;}
.icon_home { position:absolute; right:49px; bottom:0; width:50px; height:50px; border-top:1px solid #e1ded8;}
.icon_print { position:absolute; right:0; bottom:0; width:50px; height:50px; border-top:1px solid #e1ded8;}
.box100per { width:100%; margin:0 auto; padding:0; text-align:center;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top; max-width:544px;}
.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 { font-size:48px; line-height:55px; font-weight:700; margin:80px 0 10px 0; letter-spacing:-0.07em; color:#333;}
.in_title1_bar { width:1px; height:50px; margin:40px auto; background-color:#666;}
.in_title1_txt { font-size:24px; line-height:32px; font-weight:400;  margin-bottom:40px; letter-spacing:-0.07em; color:#777;}
.in_title1_txt>span { display:block;}
.in_title2 { font-size:30px; line-height:36px; font-weight:400;  margin:30px 0 20px 0; letter-spacing:-0.06em;}
.in_title2_bar { width:40px; height:1px; margin-bottom:20px; background-color:#666;}
.in_title2_txt { font-size:18px; line-height:30px; font-weight:400;  margin-bottom:20px; letter-spacing:-0.05em; color:#777; padding:50px 50px; box-sizing:border-box; border:1px solid #ddd; border-radius:20px; background-image:url(/images/sub/greetings_D_img01.png); background-repeat:no-repeat; background-position:100% 0%; background-size:auto 100%}
.in_title3 { font-size:28px; line-height:26px; font-weight:500; letter-spacing:-0.03em; 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;}
.sub_img { position:relative;}
.sub_img_m { display:none;}
.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%;}

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



/* 서브01 */

.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;}

.greetings_D_wrap { position:relative; width:100%; margin:80px auto;}
.greetings_D_wrap:after { display:block; content:""; clear:both;}
.greetings_D_wrap_bg {}
.greetings_D_box { width:100%; max-width:1300px; text-align:left; margin:0 auto;}
.greetings_D_box1 { background-color:#f1f1f1; background-image:url(/images/sub/greetings_D_img01.png); background-repeat:no-repeat; background-position:100% 0%; background-size:auto 100%; min-height:250px; border-radius:20px; padding:60px 600px 60px 60px;}
.greetings_D_title { width:100%; font-size:34px; font-weight:700;}
.greetings_D_title>span { display:inline-block;}
.greetings_D_box2 { margin:60px auto 20px auto;}
.greetings_D_txt1 { font-size:24px; margin-bottom:30px; font-weight:500;}
.greetings_D_txt2 { font-size:18px; margin-bottom:30px;}
.greetings_D_txt3 { font-size:18px; text-align:right;}
.greetings_D_txt3>span { display:inline-block; margin-left:20px; font-size:24px; font-weight:500;}
.greetings_D_txt3>img { vertical-align:middle; margin-left:20px;}

.history_B_wrap { position:relative; width:100%; padding:50px 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 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 { display:inline-block; width:100px; color:#8a7256; font-size:18px; font-weight:500; vertical-align:top;}
.history_B_month_txt { display:inline-block; width:800px; vertical-align:top; font-size:18px; padding-right:20px;}
.history_B_img { position:absolute; top:40px; right:0; width:600px; display:none;}
.history_B_img>img { width:100%; height:auto;}

.location_B_wrap { position:relative; width:100%; padding:50px 0 345px 0;}
.location_B_wrap:after { display:block; content:""; clear:both;}
.location_B_wrap_bg {}
.location_B_contents { width:100%; margin-bottom:60px;}
.location_B_contents:after { display:block; content:""; clear:both;}
.location_B_contents_box1 { width:100%; height:500px;}
.location_B_map { width:100%; height:500px;}
.location_B_contents_box2 { position:absolute; top:550px; left:50%; margin-left:-35%; width:70%; height:auto;}
.location_B_contents_box2_in1 { width:100%; background-color:#369; color:#fff; padding:50px 80px; font-size:0;}
.location_B_contents_title { display:inline-block; vertical-align:top; font-size:36px; font-weight:700; width:20%;}
.location_B_contents_txt_wrap { display:inline-block; vertical-align:top; width:80%; border-left:1px solid rgba(255,255,255,0.3); padding:0 0 0 40px;}
.location_B_contents_txt { font-size:18px; background-repeat:no-repeat; background-position:0 0; padding-left:30px; margin-bottom:10px;}
.location_B_contents_txt1 { background-image:url(/images/sub/location_B_icon1.png);}
.location_B_contents_txt2 { background-image:url(/images/sub/location_B_icon2.png);}
.location_B_contents_txt2>span { display:inline-block;}
.location_B_contents_txt3 { background-image:url(/images/sub/location_B_icon3.png); margin-bottom:0;}
.location_B_contents_txt3>a { color:#09F; text-decoration:underline;}
.location_B_contents_box2_in2 { width:100%; margin-bottom:50px;}
.location_B_contents_box2_in2_in { font-size:0; padding:30px; border-bottom:1px solid #ccc;}
.location_B_contents_box2_in2_in:last-child { border-bottom:none;}
.location_B_contents_title2 { display:inline-block; vertical-align:top; width:30%; font-size:24px; font-weight:500; background-image:url(/images/sub/location_B_icon4.png); background-repeat:no-repeat; background-position:0 50%; min-height:82px; padding:20px 20px 20px 100px;}
.location_B_contents_title3 { display:inline-block; vertical-align:top; width:30%; font-size:24px; font-weight:500; background-image:url(/images/sub/location_B_icon5.png); background-repeat:no-repeat; background-position:0 50%; min-height:82px; padding:20px 20px 20px 100px;}
.location_B_contents_txt4 { display:inline-block; vertical-align:top; width:70%; font-size:18px; margin-top:20px;}

.sub01_03_wrap{ width:100%; height:auto; overflow:hidden;}
.sub01_03_box{ width:46%; height:auto; overflow:hidden; float:left; margin:0 2%; margin-bottom:30px; text-align:center;}
.sub01_03_title{ width:100%; height: auto; padding:10px 0; text-align:center; font-size:28px; color:#fff; background-color:#3f598a; border-radius:15px 15px 0 0;}
.sub01_03_title_in{ width:100%; height:auto; min-height:205px; border-radius:0 0 15px 15px; border:1px solid #ddd; padding:40px 60px; box-sizing:border-box; font-size:22px; line-height:30px; margin-bottom:20px;}
.sub01_03_txt { font-size:1.3em; line-height:26px; letter-spacing:-0.02em; margin-bottom:20px; background-image:url(/images/icon/ar_15x15.png); background-repeat:no-repeat; background-position:0% 5px; padding-left:20px; text-align: left;}

.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;}



/* 서브02 */
.sub02_01_txt { font-size:18px; line-height:30px; font-weight:400;  margin-bottom:20px; letter-spacing:-0.05em; color:#777; padding:50px 350px 50px 50px; box-sizing:border-box; border:1px solid #ddd; border-radius:20px; background-repeat:no-repeat; background-position:100% 0%; background-size:auto 100%;}
.sub02_01_txt01 { background-image:url(/images/sub/sub02_01_bg01.png);}
.sub02_01_txt02 { background-image:url(/images/sub/sub02_01_bg02.png);}
.sub02_01_txt03 { background-image:url(/images/sub/sub02_01_bg03.png);}
.sub02_01_txt04 { background-image:url(/images/sub/sub02_01_bg04.png);}






/* 서브03 */


.product_list { width:100%; font-size:0; text-align:left;}
.list_box { display:inline-block; vertical-align:top; width:31%; margin:0 1% 0 1%; font-size:14px;}
.list_img { width:100%; height:300px; border:1px solid #d5d5d5; overflow:hidden;}
.list_img>img { width:100%; height:100%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.list_txt { padding:20px 5px; text-align:left;}
.list_txt1 { display:inline-block; width:100%; font-size:18px; font-weight:700; margin-bottom:10px; word-break:break-all; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.list_txt2 { color:#839953; /* 내용 2줄에서 말줄임 */ line-height:16px; height:32px; text-overflow:ellipsis; word-wrap:normal; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.list_box:hover>.list_img>img { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}

.product_view { width:100%; text-align:center;}
.product_view_top { font-size:0; margin-bottom:20px;}
.product_view_img { display:inline-block; vertical-align:top; width:50%; padding-top: 57px;}
.product_view_img>img { max-width:700px; width:100%; height:auto; float:left;}
.product_view_txt { display:inline-block; vertical-align:top; width:50%; padding:20px 5px; font-size:16px; text-align:left; margin:20px 0;}
.product_view_txt1 { font-size:24px; font-weight:700; word-break: break-all; border-bottom:2px solid #666; padding:10px; letter-spacing: 0;}
.product_view_txt2 { border-bottom:1px solid #d5d5d5; padding:10px;}
.product_view_txt3 { border-bottom:1px solid #d5d5d5; padding:10px;}
.product_view_txt4 { border-bottom:1px solid #d5d5d5; padding:10px;}
.product_view_txt5 { border-bottom:2px solid #666; padding:10px; margin-bottom:30px;}
.product_view_txt>p>span:nth-child(1) { display:inline-block; width:20%; color:#999; vertical-align:top;}
.product_view_txt>p>span:nth-child(2) { display:inline-block; width:80%; vertical-align:top;}
.product_view_download { display:inline-block; border:1px solid #d5d5d5; padding:15px 20px 15px 50px; background-image:url(/images/icon/download.jpg); background-repeat:no-repeat; background-position:20px 50%; margin-right:10px;}
.product_view_gotosale { display:inline-block; border:1px solid #d5d5d5; padding:15px 20px 15px 20px; margin-right:10px;}
.next_btn{ width:100%; height:auto; display: inline-block; text-align:center; margin-top:20px;}
.next_btn>a{ padding:10px 40px; margin:0 7px; border:1px solid #ccc; font-size:18px; color:#333;}
.next_btn>a:hover{ background-color: #3f598a; color: #fff; border: 1px solid #3f598a;}




/* 서브04 */

.sub04_03_box{ width:100%; height:auto; display: inline-block; background: #f9f9f9; border: 1px solid #ddd;}
.sub04_03_img{ width:45%; height:auto; float:left; border-right:1px solid #ddd;}
.sub04_03_img>img{ width:100%; height:auto;}
.sub04_03_txt{ width:55%; height:auto; padding:60px 60px; box-sizing:border-box; float:left;}
.sub04_03_txt>img{ width:100%; height:auto; display:inline-block; margin:10px 0;}
.sub04_03_txt>p{ font-size:15px; font-weight:300; text-align:center; margin:35px 0;}
.sub04_03_txt>a{ width: 100%; height:auto; display:block; text-align:center;}
.sub04_03_txt>a>img{ width:auto; height:auto; border:1px solid #ccc; border-radius:5px;}










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





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

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


header { position:fixed; z-index:100;}



/* 서브 비주얼 */

.container_visual {}
.sub_visual { position:relative; width:100%; height:320px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:320px; min-width:1px; background-position:50% 50%; background-size:cover;}



/* 서브탭 start */

.depth3_tab { width:100%; max-width:1500px; height:auto; font-size:0; padding:0 0 40px 0; margin:0 auto; text-align:center;}
.depth3_tab>a { display:inline-block; font-size:16px; text-align:center; padding:15px 40px; background-color:#eee; margin:2px;}
.depth3_tab>a:nth-child(2n) { background-color:#ddd;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#394889;}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:768px; padding:0 20px 60px 20px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { position:relative; width:100%; margin:0 auto 30px auto; padding:40px 0 10px 10px; font-size:26px; font-weight:700; letter-spacing:-1px; text-align:left; border-bottom:1px solid #e1ded8;}
.icon_home { position:absolute; right:49px; bottom:0; width:50px; height:50px; border-top:1px solid #e1ded8;}
.icon_print { position:absolute; right:0; bottom:0; width:50px; height:50px; border-top:1px solid #e1ded8;}
.box100per { width:100%; margin:0 auto; padding:0; text-align:center;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top; max-width:544px;}
.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 { font-size:38px; line-height:55px; font-weight:700; margin:60px 0 0 0; letter-spacing:-0.07em; color:#333;}
.in_title1_bar { width:1px; height:40px; margin:35px auto; background-color:#666;}
.in_title1_txt { font-size:19px; line-height:32px; font-weight:400;  margin-bottom:35px; letter-spacing:-0.07em; color:#777;}
.in_title1_txt>span { display:block;}
.in_title2 { font-size:28px; line-height:36px; font-weight:400;  margin:30px 0 20px 0; letter-spacing:-0.06em;}
.in_title2_bar { width:40px; height:1px; margin-bottom:20px; background-color:#666;}
.in_title2_txt { font-size:15px; line-height:22px; font-weight:400;  margin-bottom:20px; letter-spacing:-0.05em; color:#777;}
.in_title3 { font-size:22px; line-height:26px; font-weight:400; margin-bottom:15px; 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;}
.sub_img { position:relative;}
.sub_img_m { display:none;}
.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%;}

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



/* 서브01 */

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

.greetings_D_wrap { position:relative; width:100%; margin:60px auto;}
.greetings_D_wrap:after { display:block; content:""; clear:both;}
.greetings_D_wrap_bg {}
.greetings_D_box { width:96%; max-width:1300px; text-align:left; margin:0 auto;}
.greetings_D_box1 { background-color:#f1f1f1; background-image:url(/images/sub/greetings_D_img01.png); background-repeat:no-repeat; background-position:100% 0%; background-size:auto 100%; min-height:250px; border-radius:20px; padding:40px 350px 40px 40px;}
.greetings_D_title { width:100%; font-size:26px; font-weight:700;}
.greetings_D_title>span { display:inline-block;}
.greetings_D_box2 { margin:40px auto 20px auto;}
.greetings_D_txt1 { font-size:20px; margin-bottom:20px; font-weight:500;}
.greetings_D_txt2 { font-size:16px; margin-bottom:20px;}
.greetings_D_txt3 { font-size:16px;}
.greetings_D_txt3>span { display:inline-block; margin-left:15px; font-size:20px; font-weight:500;}
.greetings_D_txt3>img { vertical-align:middle; margin-left:15px; width:130px; height:auto;}

.history_B_wrap { position:relative; width:100%; padding:40px 20px;}
.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 { display:inline-block; width:15%; color:#8a7256; font-size:16px; font-weight:500; vertical-align:top;}
.history_B_month_txt { display:inline-block; width:85%; 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;}

.location_B_wrap { position:relative; width:100%; padding:40px 20px 200px 20px;}
.location_B_wrap:after { display:block; content:""; clear:both;}
.location_B_wrap_bg {}
.location_B_contents { width:100%; margin-bottom:60px;}
.location_B_contents:after { display:block; content:""; clear:both;}
.location_B_contents_box1 { width:100%; height:400px;}
.location_B_map { width:100%; height:400px;}
.location_B_contents_box2 { position:absolute; top:400px; left:50%; margin-left:-40%; width:80%; height:auto;}
.location_B_contents_box2_in1 { width:100%; background-color:#369; color:#fff; padding:40px 60px; font-size:0;}
.location_B_contents_title { display:inline-block; vertical-align:top; font-size:30px; font-weight:700; width:20%;}
.location_B_contents_txt_wrap { display:inline-block; vertical-align:top; width:80%; border-left:1px solid rgba(255,255,255,0.3); padding:0 0 0 40px;}
.location_B_contents_txt { font-size:16px; background-repeat:no-repeat; background-position:0 0; padding-left:30px; margin-bottom:10px;}
.location_B_contents_txt1 { background-image:url(/images/sub/location_B_icon1.png);}
.location_B_contents_txt2 { background-image:url(/images/sub/location_B_icon2.png);}
.location_B_contents_txt2>span { display:inline-block;}
.location_B_contents_txt3 { background-image:url(/images/sub/location_B_icon3.png); margin-bottom:0;}
.location_B_contents_txt3>a { color:#09F; text-decoration:underline;}
.location_B_contents_box2_in2 { width:100%; margin-bottom:50px;}
.location_B_contents_box2_in2_in { font-size:0; padding:20px 0; border-bottom:1px solid #ccc;}
.location_B_contents_box2_in2_in:last-child { border-bottom:none;}
.location_B_contents_title2 { display:inline-block; vertical-align:top; width:35%; font-size:20px; font-weight:500; background-image:url(/images/sub/location_B_icon4.png); background-repeat:no-repeat; background-position:0 50%; min-height:82px; padding:20px 20px 20px 100px;}
.location_B_contents_title3 { display:inline-block; vertical-align:top; width:35%; font-size:20px; font-weight:500; background-image:url(/images/sub/location_B_icon5.png); background-repeat:no-repeat; background-position:0 50%; min-height:82px; padding:20px 20px 20px 100px;}
.location_B_contents_txt4 { display:inline-block; vertical-align:top; width:65%; font-size:16px; margin-top:20px;}

.sub01_03_box{ width:46%; height:auto; overflow:hidden; float:left; margin:0 2%; margin-bottom:30px; text-align:center;}
.sub01_03_title{ width:100%; height: auto; padding:10px 0; text-align:center; font-size:26px; color:#fff; background-color:#3f598a; border-radius:15px 15px 0 0;}
.sub01_03_title_in{ width:100%; height:auto; min-height:205px; border-radius:0 0 15px 15px; border:1px solid #ddd; padding:40px 60px; box-sizing:border-box; font-size:20px; line-height:30px; margin-bottom:20px;}
.sub01_03_txt { font-size:1.2em; line-height:26px; letter-spacing:-0.02em; margin-bottom:20px; background-image:url(/images/icon/ar_15x15.png); background-repeat:no-repeat; background-position:0% 5px; padding-left:20px; text-align: left;}

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





/* 서브02 */

.sub02_01_txt { font-size:16px; line-height:30px; margin-bottom:20px; padding:30px 30px; background-image:none; background-color:#fafafa; border-radius:20px;}






/* 서브03 */

.product_list { width:100%; font-size:0; text-align:center;}
.list_box { display:inline-block; vertical-align:top; width:31%; margin:0 1% 0 1%; font-size:14px;}
.list_img { width:100%; height:200px; border:1px solid #d5d5d5; overflow:hidden;}
.list_img>img { width:100%; height:100%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.list_txt { padding:20px 5px; text-align:left;}
.list_txt1 { font-size:16px; font-weight:700; margin-bottom:10px;}
.list_txt2 { color:#839953; /* 내용 2줄에서 말줄임 */ line-height:16px; height:32px; text-overflow:ellipsis; word-wrap:normal; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.list_box:hover>.list_img>img { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}

.product_view { width:100%; text-align:center;}
.product_view_top { font-size:0; margin-bottom:20px;}
.product_view_img { display:inline-block; vertical-align:top; width:100%; padding-top:20px;}
.product_view_img>img { max-width: 100%; width:100%; height:auto;}
.product_view_txt { display:inline-block; vertical-align:top; width:100%; padding:5px 5px; font-size:14px; text-align:left; margin:20px 0;}
.product_view_txt1 { font-size:24px; font-weight:700; border-bottom:2px solid #666; padding:10px; letter-spacing: 0;}
.product_view_txt2 { border-bottom:1px solid #d5d5d5; padding:10px;}
.product_view_txt3 { border-bottom:1px solid #d5d5d5; padding:10px;}
.product_view_txt4 { border-bottom:1px solid #d5d5d5; padding:10px;}
.product_view_txt5 { border-bottom:2px solid #666; padding:10px; margin-bottom:30px;}
.product_view_txt>p>span:nth-child(1) { display:inline-block; width:25%; color:#999; vertical-align:top;}
.product_view_txt>p>span:nth-child(2) { display:inline-block; width:75%; vertical-align:top;}
.product_view_download { display:inline-block; border:1px solid #d5d5d5; padding:15px 20px 15px 50px; background-image:url(/images/icon/download.jpg); background-repeat:no-repeat; background-position:20px 50%;}
.next_btn{ width:100%; height:auto; text-align:center; margin:0px 0 10px 0;}
.next_btn>a{ padding:8px 35px; margin:0 7px; border:1px solid #ccc; font-size:16px; color:#333;}





/* 서브04 */

.sub04_03_box{ width:100%; height:auto; display: inline-block; background: #f9f9f9; border: 1px solid #ddd;}
.sub04_03_img{ width:50%; height:auto; float:left;}
.sub04_03_img>img{ width:100%; height:auto;}
.sub04_03_txt{ width:50%; height:auto; padding:30px 30px; box-sizing:border-box; float:left;}
.sub04_03_txt>img{ width:100%; height:auto; display:inline-block; margin:10px 0;}
.sub04_03_txt>p{ font-size:14px; font-weight:300; text-align:center; margin:25px 0;}
.sub04_03_txt>a{ width: 100%; height:auto; display:block; text-align:center;}
.sub04_03_txt>a>img{ width:80%; height:auto; border:1px solid #ccc; border-radius:5px;}







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




}






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

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



/* 서브 비주얼 */

.sub_visual { display:none;}



/* 서브탭 start */

.depth3_tab { width:100%; max-width:1500px; height:auto; font-size:0; padding:0 0 30px 0; margin:0 auto; text-align:center;}
.depth3_tab>a { display:inline-block; font-size:14px; text-align:center; padding:10px 20px; background-color:#eee; margin:2px;}
.depth3_tab>a:nth-child(2n) { background-color:#ddd;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#394889;}


/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:320px; padding:0 10px 50px 10px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { width:100%; margin:0 auto 30px auto; padding:40px 0 5px 5px; font-size:22px; font-weight:700; letter-spacing:-0.04em; text-align:left; border-bottom:1px solid #e1ded8;}
.icon_home { position:absolute; right:0; bottom:0; width:40px; height:40px; border-top:1px solid #e1ded8;}
.icon_home>a>img { width:100%; height:auto;}
.icon_print { display:none;}
.box100per { width:100%; margin:0 auto; padding:0;}
.box50per { display:block; width:100%; padding: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 { font-size:30px; line-height:40px; font-weight:700; margin:40px 0 0 0; letter-spacing:-0.06em; color:#333;}
.in_title1_bar { width:1px; height:30px; margin:30px auto; background-color:#666;}
.in_title1_txt { font-size:16px; line-height:22px; font-weight:400;  margin-bottom:30px; letter-spacing:-0.06em; color:#777;}
.in_title1_txt>span { display:inline-block;}
.in_title2 { font-size:24px; line-height:30px; font-weight:400;  margin:20px 0 15px 0; letter-spacing:-0.06em;}
.in_title2_bar { width:40px; height:1px; margin-bottom:15px; background-color:#666;}
.in_title2_txt { font-size:14px; line-height:20px; font-weight:400;  margin-bottom:20px; letter-spacing:-0.05em; color:#777;}
.in_title3 { font-size:20px; line-height:22px; font-weight:400; margin-bottom:12px; 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;}
.sub_img { position:relative;}
.sub_img_pt { display:none;}
.sub_img_m { display:block;}
.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); background-size:100%; width: 50px; height: 50px;}
.big_view>a { display: block; width: 100%; height: 100%;}


/* 서브01 */

.responsive_sub01_01 { margin-bottom:30px;}
.responsive_sub01_01_img { position:relative;}
.responsive_sub01_01_img>img { width:100%; height:auto;}

.greetings_D_wrap { position:relative; width:100%; margin:30px auto;}
.greetings_D_wrap:after { display:block; content:""; clear:both;}
.greetings_D_wrap_bg {}
.greetings_D_box { width:96%; max-width:1300px; text-align:left; margin:0 auto;}
.greetings_D_box1 { background-color:#6b9dee; background-image:url(/images/sub/greetings_D_img01.png); background-repeat:no-repeat; background-position:100% 0%; background-size:auto 100%; min-height:200px; border-radius:20px; padding:30px;}
.greetings_D_title { width:100%; font-size:22px; font-weight:700; color:#FFF;}
.greetings_D_title>span { display:inline-block;}
.greetings_D_box2 { margin:30px auto 20px auto;}
.greetings_D_txt1 { font-size:16px; margin-bottom:20px; font-weight:500;}
.greetings_D_txt2 { font-size:14px; margin-bottom:20px;}
.greetings_D_txt3 { font-size:14px;}
.greetings_D_txt3>span { display:inline-block; margin-left:15px; font-size:16px; font-weight:500;}
.greetings_D_txt3>img { vertical-align:middle; margin-left:15px; width:110px; height:auto;}

.history_B_wrap { position:relative; width:100%; padding:30px 10px;}
.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 { display:inline-block; width:15%; color:#8a7256; font-size:14px; font-weight:500; vertical-align:top;}
.history_B_month_txt { display:inline-block; width:85%; 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;}

.location_B_wrap { position:relative; width:100%; padding:30px 10px 0px 10px;}
.location_B_wrap:after { display:block; content:""; clear:both;}
.location_B_wrap_bg {}
.location_B_contents { width:100%; margin-bottom:30px;}
.location_B_contents:after { display:block; content:""; clear:both;}
.location_B_contents_box1 { width:100%; height:400px;}
.location_B_map { width:100%; height:400px;}
.location_B_contents_box2 { position: relative; top:auto; left:auto; margin-left:0; width:100%; height:auto;}
.location_B_contents_box2_in1 { width:100%; background-color:#369; color:#fff; padding:30px; font-size:0;}
.location_B_contents_title { display:inline-block; vertical-align:top; font-size:24px; font-weight:700; width:100%; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.3);}
.location_B_contents_txt_wrap { display:inline-block; vertical-align:top; width:100%; border-left:none; padding:0;}
.location_B_contents_txt { font-size:14px; background-repeat:no-repeat; background-position:0 0; padding-left:25px; margin-bottom:10px;}
.location_B_contents_txt1 { background-image:url(/images/sub/location_B_icon1.png);}
.location_B_contents_txt2 { background-image:url(/images/sub/location_B_icon2.png);}
.location_B_contents_txt2>span { display:inline-block;}
.location_B_contents_txt3 { background-image:url(/images/sub/location_B_icon3.png); margin-bottom:0;}
.location_B_contents_txt3>a { color:#09F; text-decoration:underline;}
.location_B_contents_box2_in2 { width:100%; margin-bottom:0px;}
.location_B_contents_box2_in2_in { font-size:0; padding:20px 0; border-bottom:1px solid #ccc;}
.location_B_contents_box2_in2_in:last-child { border-bottom:none;}
.location_B_contents_title2 { display:block; vertical-align:top; width:90%; margin:0 auto; font-size:20px; font-weight:500; background-image:url(/images/sub/location_B_icon4.png); background-repeat:no-repeat; background-position:0 50%; background-size:60px auto; min-height:60px; padding:15px 20px 0 70px;}
.location_B_contents_title3 { display:block; vertical-align:top; width:90%; margin:0 auto; font-size:20px; font-weight:500; background-image:url(/images/sub/location_B_icon5.png); background-repeat:no-repeat; background-position:0 50%; background-size:60px auto; min-height:60px; padding:15px 20px 0 70px;}
.location_B_contents_txt4 { display:block; vertical-align:top; width:90%; font-size:14px; margin:20px auto 0 auto;}

.sub01_03_box{ width:100%; height:auto; overflow:hidden; float:left; margin:0 0 20px 0; text-align:center;}
.sub01_03_title{ width:100%; height: auto; padding:10px 0; text-align:center; font-size:22px; color:#fff; background-color:#3f598a; border-radius:15px 15px 0 0;}
.sub01_03_title_in{ width:100%; height:auto; min-height: inherit; border-radius:0 0 15px 15px; border:1px solid #ddd; padding:20px 20px; box-sizing:border-box; font-size:17px; line-height:28px; margin-bottom:20px;}
.sub01_03_txt { font-size:1.2em; line-height:24px; letter-spacing:-0.02em; margin-bottom:20px; background-image:url(/images/icon/ar_15x15.png); background-repeat:no-repeat; background-position:0% 5px; padding-left:20px; text-align: left;}

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



/* 서브02 */

.sub02_01_txt { font-size:15px; line-height:28px; margin-bottom:20px; padding:20px 25px; border-radius:20px;}




/* 서브03 */

.product_list { width:100%; font-size:0; text-align:center;}
.list_box { display:inline-block; vertical-align:top; width:48%; margin:0 1% 0 1%; font-size:14px;}
.list_img { width:100%; height:120px; border:1px solid #d5d5d5; overflow:hidden;}
.list_img>img { width:100%; height:100%; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.list_txt { padding:10px 4px; text-align:left;}
.list_txt1 { font-size:14px; font-weight:700; margin-bottom:5px;}
.list_txt2 { color:#839953; font-size:12px; /* 내용 2줄에서 말줄임 */ line-height:16px; height:32px; text-overflow:ellipsis; word-wrap:normal; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.list_box:hover>.list_img>img { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}

.product_view { width:100%; text-align:center;}
.product_view_top { font-size:0; margin-bottom:20px;}
.product_view_img { display:inline-block; vertical-align:top; width:100%; padding-top:0}
.product_view_img>img { width:100%; height:250px; max-width:400px;}
.product_view_txt { display:inline-block; vertical-align:top; width:100%; padding:10px 5px; font-size:12px; text-align:left; margin:5px 0;}
.product_view_txt1 { font-size:18px; font-weight:700; border-bottom:2px solid #666; padding:10px; letter-spacing: 0;}
.product_view_txt2 { border-bottom:1px solid #d5d5d5; padding:10px;}
.product_view_txt3 { border-bottom:1px solid #d5d5d5; padding:10px;}
.product_view_txt4 { border-bottom:1px solid #d5d5d5; padding:10px;}
.product_view_txt5 { border-bottom:2px solid #666; padding:10px; margin-bottom:10px;}
.product_view_txt>p>span:nth-child(1) { display:inline-block; width:25%; color:#999; vertical-align:top;}
.product_view_txt>p>span:nth-child(2) { display:inline-block; width:75%; vertical-align:top;}
.product_view_download { display:inline-block; border:1px solid #d5d5d5; padding:15px 20px 15px 50px; background-image:url(/images/icon/download.jpg); background-repeat:no-repeat; background-position:20px 50%;}
.next_btn{ width:100%; height:auto; text-align:center; margin:0px 0 10px 0;}
.next_btn>a{ padding:7px 30px; margin:0 5px; border:1px solid #ccc; font-size:14px; color:#333;}




/* 서브04 */

.sub04_03_box{ width:100%; height:auto; display: inline-block; background: #f9f9f9; border: 1px solid #ddd;}
.sub04_03_img{ width:100%; height:auto; float:left; border-right:0; border-bottom:1px solid #ddd;}
.sub04_03_img>img{ width:100%; height:auto;}
.sub04_03_txt{ width:100%; height:auto; padding:50px 30px; box-sizing:border-box; float:left;}
.sub04_03_txt>img{ width:100%; height:auto; display:inline-block; margin:10px 0;}
.sub04_03_txt>p{ font-size:14px; font-weight:300; text-align:center; margin:25px 0;}
.sub04_03_txt>a{ width: 100%; height:auto; display:block; text-align:center;}
.sub04_03_txt>a>img{ width:80%; height:auto; border:1px solid #ccc; border-radius:5px;}







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