/* 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'S-CoreDream-8Heavy';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'consolab';src: url('/fonts/consolab.ttf') format('truetype');font-weight: normal;font-style: normal;}

/* reset */
html, body{height:100%!important;width:100%;padding:0;background:#fff;letter-spacing: -1px;font-family: 'Noto Sans KR', sans-serif;}
body{font-weight:400;margin: auto;}
html{margin:0;}
h1,p,ul{margin:0;padding:0}
ul, li, ol{list-style:none;margin:0;padding:0;}
a{color:#333;text-decoration:none !important;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;text-decoration: none;}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:700}
em{text-decoration: none;font-weight: inherit;font-style: normal;}
br{font-family: 'Noto Sans KR', sans-serif;}


h1,h2,h3,h4,h5,h6{font-weight: normal;}

.sec h1{font-family: 'Noto Sans KR', sans-serif; font-weight: bold;}
.sec h2{font-family: 'Noto Sans KR', sans-serif; font-weight: 600;}
.sec h3{font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.sec h4{font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}
.sec h5{font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}
.sec h6{font-family: 'Noto Sans KR', sans-serif; font-weight: 100;}
.sec .a_h1{font-family: 'GmarketSansBold', sans-serif;}
.sec .sd_h3{font-family: 'S-CoreDream-8Heavy', sans-serif;}
.sec .consolab{font-family:'consolab', sans-serif;}

#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{width: 100%;}
*:focus { outline:none; }



/* class1 */
.img-responsive{max-width:100%; display:block; width:auto;}
.m-auto{margin:auto}
.clearfix{*zoom:1;}
.clearfix::after {content: '';clear: both;display: block;}


.m_img{display:none !important}
.pc_img{display:block !important}
.m_img_in{display:none !important}
.pc_img_in{display:inline-block !important}

.visible{display:none !important}
.hidden{display:block !important}

.v500{display:none !important}
.h500{display:block !important}

.left{float:left}
.right{float:right}
.txt_c{text-align:center;}

.w100{width:100%!important}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w33{width: 33.3333%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}

.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb80{margin-bottom:80px !important;}
.mb100{margin-bottom: 100px !important;}
.mb110{margin-bottom: 110px !important;}

.pt05{padding-top: 5px !important;}
.mt05{margin-top: 5px !important;}

.ft12{font-size:0.6vw;}
.ft14{font-size:0.7vw;}
.ft15{font-size:0.7vw;}
.ft16{font-size:0.8vw;}
.ft18{font-size:0.9vw;}
.ft20{font-size:1vw;}
.ft22{font-size:1.1vw;}
.ft24{font-size:1.2vw;}
.ft25{font-size:1.3vw;}
.ft26{font-size:1.4vw;}
.ft28{font-size:1.5vw;}
.ft30{font-size:1.6vw;}
.ft32{font-size:1.7vw;}
.ft35{font-size:1.8vw;}
.ft36{font-size:1.9vw;}
.ft38{font-size:2vw;}
.ft40{font-size:2.1vw;}
.ft50{font-size:2.6vw;}
.ft55{font-size:2.8vw;}
.ft60{font-size:3.1vw;}
.ft65{font-size:3.4vw;}
.ft70{font-size:3.6vw;}
.ft85{font-size:4.4vw;}
.ft90{font-size:5.2vw;}
.ft100{font-size:5.5vw;}
.ft150{font-size:7.8vw;}
.ft200{font-size:10.4vw;}



.map{width: 100% !important; height: 100% !important; margin: 0 auto !important; padding: 0 !important;border: 0 !important;}


/* class2 */
.container{max-width:1370px;margin:auto}
.container01{max-width:1370px;margin:5% auto !important;width:90%;}
.sub{position:relative;}
.subcontainer{}

.section{position: relative;overflow:hidden;padding:170px 0;}
.section a{display:block;}
.max1920{max-width:1920px;width:100%;margin:auto;}



/* //// header //// */
/* pc */
#headerwrap{background:#fff;position:fixed;width:100%;max-width:1300px;margin:auto;top:5%;left:0;right:0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;z-index:9990;}
#headerwrap.tran{top:0;box-shadow:0 0 3px rgba(0,0,0,0.2);}
#headerwrap .tbwrap{display:table;height:110px;}
#headerwrap .logowrap{float:left;width:20%;background:#f39325;}
#headerwrap .menuwrap{float:left;width:80%;}

#headerwrap .logowrap .logo{display:table-cell;vertical-align:middle;}
#headerwrap .menuwrap .listwrap{width:90%;margin:auto;}
#headerwrap .menuwrap .listwrap .list{width:20%;display:table-cell;vertical-align:middle;text-align:center;}
#headerwrap .menuwrap .listwrap .list a{display:inline-block;color:#727171;}
#headerwrap .menuwrap .listwrap .list a h3{position:relative;transition: all 0.3s ease-in-out;}
#headerwrap .menuwrap .listwrap .list a:hover h3:before{position:absolute;display:block;content:'';width:100%;height:4px;background:#f39325;bottom:-13px;}
#headerwrap .menuwrap .listwrap .list a:hover h3:after{position:absolute;display:block;content:'';right:0;left:0;bottom:-9px;margin:auto;width:17px;border-bottom:7px solid #f39325;border-right:9px solid transparent;border-left:9px solid transparent;}

/* mobile */
.mo_wrap{background:#f39325;position:fixed;width:100%;top:0;margin:auto;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;z-index:9990;}
.mo_wrap .menu_m{width:90%;margin:auto;}
.mo_wrap .menu_m .tel_link{float:left;width:10%;display:table;height:70px;text-align:left;}
.mo_wrap .menu_m .tel_link a{display:table-cell;vertical-align:middle;color:#fff;}
.mo_wrap .menu_m .tel_link a i{color:#fff;}
.mo_wrap .menu_m .logo_m{float:left;width:60%;margin:0 10%;display:table;height:70px;}
.mo_wrap .menu_m .logo_m .logowrap{display:table-cell;vertical-align:middle;}
.mo_wrap .menu_m .logo_m a img{height:25px;margin:auto;}
.mo_wrap .menu_m .line_icon{float:left;width:10%;display:table;height:70px;text-align:right;}
.mo_wrap .menu_m .line_icon i{display:table-cell;vertical-align:middle;color:#fff;}

.m_menu{position: fixed;top: 0;left: 0;bottom: 0;width: 0;height: 100%;background:#fff;z-index:9999;letter-spacing: 0px;transition: all 0.4s ease;overflow-x: hidden;}
.m_menu_top:after{display:block;content:"";clear:both;}
.m_menu .m_menu_top{padding:20px;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#f39325;position:relative;}
.m_menu .m_menu_top .logom{width: 130px; margin: 0;}
.m_menu .m_menu_top .closebtn{position:absolute;top:0;right:0;padding:5px 20px;font-size:30px;bottom:0;height:54px;margin:auto;color:#fff;}
.all_bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);display: none;z-index: 9999;}

#lnb {width: 100%;text-align: left;}
#lnb::-webkit-scrollbar {width: 6px;height: 6px;}
#lnb::-webkit-scrollbar-track {background: #fff;}
#lnb::-webkit-scrollbar-thumb {background: #005aab ;}
#lnb::-webkit-scrollbar-thumb:hover {background: #005aab ;}

#lnb .depth00{box-shadow:0 3px 9px -7px rgba(0,0,0,0.2)}
#lnb .depth01 {display: block;font-size: 13px;padding: 20px 25px;position: relative;top: 0;left: 0;}
/* #lnb .depth02{display:none;background-color: #02aef0;}
#lnb .depth02 li a {font-size: 13px;padding: 15px 40px;display: block;position:relative;top:0;left:0;color:#fff;}
#lnb .depth02 li a:hover{background:rgba(0,0,0,0.1);} */
#lnb .list .depth01:hover{background:rgba(0,0,0,0.1);}

/* #lnb .depth02 > li > a.void_link:before {display: block;content: "";clear: both;position: absolute;top: 50%;margin-top:-5px;right: 30px;height: 10px;width: 1px;opacity:1;background: #828386;-webkit-transform: rotate(0deg);transform:	 rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#lnb .depth02 > li > a.void_link:after {display: block;content: "";clear: both;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;width: 10px;height: 1px;background: #828386;}
#lnb .depth02 li.active > a.void_link:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);opacity:0}

#lnb .depth01.void_link:before {display: block;content: "";clear: both;position: absolute;top: 50%;margin-top:-5px;right: 30px;width: 1px;height: 11px;background: #828386;-webkit-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#lnb .depth01.void_link:after {display: block;content: "";clear: both;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;width: 11px;height: 1px;background: #828386;-webkit-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#lnb .list.active .depth01:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#lnb .list.active .depth01:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);} */







#page01{position:relative;}
#page01 .container .txtwrap{position:absolute;width:45%;top:25%;right:5%;color:#727171;}
/* #page01 .container .txtwrap h5 b{font-weight:400;} */
#page01 .container .txtwrap .col_oran{color:#f39325;}
#page01 .container .txtwrap .col_oran_re{background:#f39325;color:#fff;margin:30px auto 40px;padding:0 5px;display:inline-block;}
#page01 .container .txtwrap .ft90{margin:0 auto 30px;line-height:1;letter-spacing:-7px;}
#page01 .container .txtwrap .imgdiv{padding-left:10px;width:30%;}

#page02 .listwrap{position:relative;}
#page02 .listwrap .list{display:flex;}
#page02 .listwrap .list02{flex-direction:row-reverse;}

#page02 .listwrap .list .box{width:50%;}
#page02 .listwrap .list .box01{display:table;height:26.4vw;padding-right:5%;}
#page02 .listwrap .list .box01 .txtwrap{display:table-cell;vertical-align:middle;text-align:right;color:#727171;}
#page02 .listwrap .list .box01 .txtwrap .inner{max-width:500px;width:100%;margin:auto;}

#page02 .listwrap .list .box01 .txtwrap h1{color:#f39325;position:relative;padding-bottom:29px;display:inline-block;}
#page02 .listwrap .list .box01 .txtwrap h1:after{content:'';display:block;position:absolute;background:#727171;width:34px;height:3px;right:0;bottom:13px;margin:auto;}
#page02 .listwrap .list .box01 .txtwrap h4 em{color:#f39325;font-weight:500;}

#page02 .listwrap .list .box02 .imgdiv .inner{max-width:533px;width:100%;margin:auto;position:relative;}
#page02 .listwrap .list .box02 .imgdiv .sd_h3{position:absolute;width:48%;height:50%;top:13%;left:0;color:#fff;z-index:5;max-width:265px;margin:auto;text-align:center;}

#page02 .listwrap .list02 .box01{padding-right:0;padding-left:5%;}
#page02 .listwrap .list02 .box01 .txtwrap{text-align:left;}
#page02 .listwrap .list02 .box01 .txtwrap h1:after{right:auto;left:0;}

.mainwrap .maintit{margin-bottom:50px;}
.mainwrap .maintit h1{line-height:1.2;margin-bottom:15px;}
.mainwrap .maintit h1 em{color:#f39325;}
.mainwrap .maintit h4{color:#727171;}


.tabsection .tab_wrap .tab_menu_container{width:48%;float:left;}
.tabsection .tab_wrap .tab_menu_container .tab_menu{float:left;width:49%;margin-bottom:2%;padding:15px 20px;color:#727171;border:1px solid #e8e8e8;position:relative;cursor:pointer;}
.tabsection .tab_wrap .tab_menu_container .tab_menu:nth-child(odd){margin-left:2%;}
.tabsection .tab_wrap .tab_menu_container .tab_menu:first-child{float:left;}
.tabsection .tab_wrap .tab_menu_container .tab_menu .menubtn{background:url(/img/main/btn.png)no-repeat center center /cover;width:24px;height:24px;position:absolute;right:20px;top:50%;transform:translate(0, -12px);}
.tabsection .tab_wrap .tab_menu_container .tab_menu.on{background:#f39325;color:#fff;}
.tabsection .tab_wrap .tab_menu_container .tab_menu.on .menubtn{background:url(/img/main/btn_h.png)no-repeat center center /cover;}

.tabsection .tab_wrap .tab_box{display:none;width:48%;float:left;margin-left:4%;}
.tabsection .tab_wrap .tab_box.on{display:block;}
.tabsection .tab_wrap .tab_box .txt{max-width:650px;margin:auto;width:100%;min-height:110px;word-break:keep-all;}
.tabsection .tab_wrap .tab_box:nth-child(7) .txt h4.ft30{margin:25px 0 10px;}
.tabsection .tab_wrap .tab_box:last-child .txt h4.ft30{margin:25px 0 10px;}
.tabsection .tab_wrap .tab_box .txt .txttit{color:#333;margin:25px 0 10px;}
.tabsection .tab_wrap .tab_box .txt .txttit:after{content:'';display:block;clear:both;}
.tabsection .tab_wrap .tab_box .txt .txttit h4{display:inline-block;vertical-align:middle;width:50%;}
.tabsection .tab_wrap .tab_box .txt .txttit .consolab{display:inline-block;vertical-align:middle;width:50%;text-align:right;}
.tabsection .tab_wrap .tab_box .txt .txttit .consolab em{color:#f39325;}
.tabsection .tab_wrap .tab_box .txt h4.ft22{color:#727171;}


#page03{background:#efefef;}
#page03 .tab_wrap{width:100%;}
#page03 .tab_wrap .tab_menu_container .tab_menu{background:#fff;}
#page03 .tab_wrap .tab_menu_container .tab_menu.on{background:#f39325;}

#page04 .tab_wrap{width:100%;}
#page04 .tab_wrap .tab_box img{border:1px solid #c3c3c3;}


#page05 .topimg{position:relative;}
#page05 .topimg .bannertit{position:absolute;top:50px;width:100%;text-align:center;color:#727171;line-height:1.2;}
#page05 .topimg .bannertit h6{letter-spacing:1px;}
#page05 .topimg .bannertit h1{font-weight:900;word-spacing:-7px;}
#page05 .topimg .bannertit em{color:#f39325;}
#page05 .doc_info .listwrap .list{width: 31.2%;float:left;margin-right:3%;text-align:center;}
#page05 .doc_info .listwrap .list:last-child{margin-right:0;}
#page05 .doc_info .listwrap .list .doc_tit{display:table;width:100%;height:70px;border:1px solid #c3c3c3;margin:80px auto 40px;color:#333;}
#page05 .doc_info .listwrap .list .doc_tit h3{display:table-cell;width:40%;vertical-align:middle;}
#page05 .doc_info .listwrap .list .doc_tit h1{display:table-cell;width:60%;vertical-align:middle;}
#page05 .doc_info .listwrap .list .cont h4{line-height:1.8;color:#727171;}
#page05 .doc_info .listwrap .list .cont h4 em{color:#f39325;font-weight:500;}

#page06 .lSSlideOuter #imageGallery li{position:relative;}
#page06 .lSSlideOuter #imageGallery li .namebox h5{display:inline-block;padding:10px 20px;color:#fff;background:#000;}
#page06 .lSSlideOuter #imageGallery li .namebox{position:absolute;bottom:10%;right:0;}
#page06 .lSSlideOuter .lSPager.lSGallery li{opacity:0.5;}
#page06 .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover{border-radius:0;opacity:1;}


#page07 .topimg{position:relative;}
#page07 .topimg .box{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:60%;height:70%;max-width:520px;max-height:250px;background:rgba(243,147,36,0.8);color:#fff;text-align:center;padding:20px 0;}
#page07 .topimg .box .linebox{width:48px;height:4px;margin:5% auto;background:#fff;}

#page07 .co_logos{margin-top:30px;}
#page07 .co_logos .list{float:left;width:31.3333%;margin-right:3%;}
#page07 .co_logos .list03{margin-right:0;}
#page07 .co_logos .list04{clear:both;}
#page07 .co_logos .list06{margin-right:0;}
#page07 .co_logos .list_u{margin-bottom:30px;}

#page08 .hide{display:none;}
#page08 .wrap{position:relative;}
#page08 .wrap .infobox{position:absolute;max-height:410px;top:0;bottom:0;right:5%;margin:auto;padding:40px;background:rgba(243,147,36,0.9);color:#fff;z-index:10;}
#page08 .wrap .infobox .listwrap .list{margin-bottom:20px;}
#page08 .wrap .infobox .listwrap .list h1{color:#703507;}
#page08 .wrap .infobox .listwrap .list04{margin-bottom:0;}
#page08 .wrap .infobox .listwrap .list04 h1{font-weight:900;color:#fff;}

#page08 .wrap .infobox .listwrap .list03 .timewrap .line .box{float:left;}
#page08 .wrap .infobox .listwrap .list03 .timewrap .line .box01{width:20%;margin-right:5%;display:flex;justify-content:space-between;}
#page08 .wrap .infobox .listwrap .list03 .timewrap .line .box02{width:75%;letter-spacing:3px;}


.quickwrap a{display:block;}
.quickwrap .box{position:fixed;right:25px;margin:0;background:#f39325;text-align:center;cursor:pointer;color: #fff; z-index:9999;border-radius: 50%;}
.quickwrap .box.quickbox{background:#5db533;}
.quickwrap .quickbox{bottom:5.2083vw;}
.quickwrap .quickbox img{width:1.77083vw;}
.quickwrap .quickbox:hover{background:#f5a549;}
.quickwrap .topbox{bottom:1.0208vw;}
.quickwrap .topbox:hover{background:#f5a549;}
.quickwrap .tbwrap{display:table;width:3.0833vw;height:3.0833vw;max-width:60px;max-height:60px;}
.quickwrap .tbwrap .tcwrap{display:table-cell;vertical-align:middle;}




.footerwrap{background:#333;padding:55px 0;text-align:center;color:#fff;}
.footerwrap a{color:#fff;}
.footerwrap .f_logo{margin-bottom:50px;}
.footerwrap .listwrap .list{display:inline-block;padding:0 15px;position:relative;}
.footerwrap .listwrap .list:after{content:'';display:block;position:absolute;width:2px;height:14px;background:#fff;right:0;top:0;bottom:0;margin:auto;}
.footerwrap .listwrap .list05{display:block;margin-bottom:40px;}
.footerwrap .listwrap .list06{display:block;}
.footerwrap .listwrap .list04:after{display:none;}
.footerwrap .listwrap .list05:after{display:none;}
.footerwrap .listwrap .list06:after{display:none;}


@media(min-width:1921px){
	.ft12{font-size: 12px;}
	.ft14{font-size: 14px;}
	.ft15{font-size: 15px;}
	.ft16{font-size: 16px;}
	.ft18{font-size: 18px;}
	.ft20{font-size: 20px;}
	.ft22{font-size: 22px;}
	.ft24{font-size: 24px;}
	.ft25{font-size: 25px;}
	.ft26{font-size: 26px;}
	.ft28{font-size: 28px;}
	.ft30{font-size: 30px;}
	.ft32{font-size: 32px;}
	.ft35{font-size: 35px;}
	.ft36{font-size: 36px;}
	.ft38{font-size: 38px;}
	.ft40{font-size: 40px;}
	.ft50{font-size: 50px;}
	.ft55{font-size: 55px;}
	.ft60{font-size: 60px;}
	.ft65{font-size: 65px;}
	.ft70{font-size: 70px;}
	.ft85{font-size: 85px;}
	.ft90{font-size: 90px;}
	.ft100{font-size: 100px;}
	.ft150{font-size: 150px;}
	.ft200{font-size: 200px;}
}
@media(max-width:1400px){

	.container{width:90%;}
	#page08 .wrap .infobox{max-height:370px;}
}
@media(max-width:1024px){
	.section{padding:100px 0;}
}
@media(max-width:960px){
}
@media(max-width:768px){
	
	.ft12{font-size:2.4vw;}
	.ft14{font-size:2.8vw;}
	.ft15{font-size:3vw;}
	.ft16{font-size:3.1vw;}
	.ft18{font-size:3.3vw;}
	.ft20{font-size:3.4vw;}
	.ft22{font-size:3.5vw;}
	.ft24{font-size:3.6vw;}
	.ft25{font-size:3.65vw;}
	.ft26{font-size:3.7vw;}
	.ft28{font-size:3.8vw;}
	.ft30{font-size:3.9vw;}
	.ft32{font-size:4.16vw;}
	.ft35{font-size:4.55vw;}
	.ft36{font-size:4.68vw;}
	.ft38{font-size:4.94vw;}
	.ft40{font-size:5.2vw;}
	.ft50{font-size:6.51vw;}
	.ft55{font-size:7.16vw;}
	.ft60{font-size:7.81vw;}
	.ft65{font-size:8.46vw;}
	.ft70{font-size:9.11vw;}
	.ft85{font-size:11.06vw;}
	.ft90{font-size:11.71vw;}
	.ft100{font-size:13.02vw;}
	.ft150{font-size:19.53vw;}
	.ft200{font-size:26.04vw;}


	.section{padding:80px 0;}

	.m_img{display:block !important}
	.pc_img{display:none !important}
	.m_img_in{display:inline-block !important}
	.pc_img_in{display:none !important}

	.hd_pops{width:100% !important;left: 0 !important;top: 50px !important;}
	.hd_pops img {width:100% !important;}
	.hd_pops_con {width:100% !important;height:auto !important;}
	#hd_pops_1{margin-top: 17% !important; left: 0 !important;top: 0 !important;z-index: 9999;}

	#page01{margin-top:70px;}
	#page01 .container .txtwrap{width:80%;top:12%;right:auto;left:5%;}
	#page01 .container .txtwrap .imgdiv{width:40%;}
	#page01 .container .txtwrap .col_oran_re{margin:20px auto 40px;font-size:2.5vw;}
	#page02 .listwrap .list .box02 .imgdiv .sd_h3{top:11%;}
	
	#page02 .listwrap .list{flex-direction:column-reverse;margin-bottom:20%;}
	#page02 .listwrap .list03{margin-bottom:0;}
	#page02 .listwrap .list .box{width:100%;}
	#page02 .listwrap .list .box01{display:block;height:auto;padding-right:0;}
	#page02 .listwrap .list .box01 .txtwrap{display:block;text-align:center;}
	#page02 .listwrap .list .box02{width:70%;margin:auto;}
	#page02 .listwrap .list .box01 .txtwrap h1:after{left:0;}
	#page02 .listwrap .list02 .box01 .txtwrap h1:after{right:0;}

	.tabsection .tab_wrap .tab_menu_container{width:100%;float:none;}
	.tabsection .tab_wrap .tab_menu_container .tab_menu{margin-bottom:1%;padding:5px 10px;}
	.tabsection .tab_wrap .tab_menu_container .tab_menu .menubtn{right:10px;}
	.tabsection .tab_wrap .tab_box{width:100%;float:none;margin-left:0;}
	#page04 .tab_wrap .tab_menu_container .tab_menu .ft20{font-size:2.5vw;}

	#page05 .doc_info .listwrap .list{width:100%;float:none;margin-right:0;}
	#page05 .doc_info .listwrap .list .doc_tit{margin:40px auto 20px;max-width:400px;width:70%;}
	#page05 .doc_info .listwrap .list .cont h4{line-height:1.3;}

	#page07 .topimg .box{width:50%;height:50%;max-height:none;padding:15% 0;}

	#page08 .wrap .infobox{position:relative;max-height:none;right:auto;padding:40px 0;}
	#page08 .wrap .infobox .listwrap{width:90%;margin:auto;}
	#page08 .map{height:300px !important;}
	#page08 .map .wrap_map{height:300px !important;}

	.quickwrap .box{right:15px;}
	.quickwrap .quickbox{bottom:90px;}
	.quickwrap .quickbox img{width:34px;}
	.quickwrap .topbox{bottom:20px;}
	.quickwrap .topbox h5{font-size:15px;}
	.quickwrap .tbwrap{width:60px;height:60px;}

	.footerwrap .listwrap .list02:after{display:none;}
}
@media(max-width:500px){
	.v500{display:block !important}
	.h500{display:none !important}

	.section{padding:50px 0;}

	.tabsection .tab_wrap .tab_menu_container .tab_menu .menubtn{width:14px;height:14px;transform:translate(0, -7px);}
	.tabsection .tab_wrap .tab_menu_container .tab_menu.on .menubtn{width:14px;height:14px;}
	/* #page04 .tab_wrap .tab_menu_container .tab_menu:last-child .ft20{font-size:1vw;} */
	#page07 .topimg .box{width:80%;}

	.footerwrap .f_logo img{height:30px;}
	.footerwrap .listwrap .list:after{width:1px;height:10px;}
	
}
@media(max-width:400px){
	#page01 .container .txtwrap{top:5%;}
	.footerwrap .f_logo{margin-bottom:30px;}
	.footerwrap .listwrap{width:90%;margin:auto;}
	.footerwrap .listwrap .list{padding:0 8px;}
	.footerwrap .listwrap .list05{margin-bottom:20px;}
}