@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);

@charset "utf-8";

*{ font-family: 'Noto Sans KR', sans-serif;}

/* Reset CSS  */
html { height: 100%;overflow-y:scroll;overflow-x:hidden;  }
body { font-size: 13px; font-family: 'Noto Sans KR', sans-serif;color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#333;}
hr, legend {
    height: 0;
    left: -5000px;
    line-height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    visibility: hidden;
    width: 0;
}
caption {
	font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
* {-webkit-text-size-adjust:none;word-break: keep-all;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;}
td strong {
	font-weight: 100;
	font-size: 5px;
	vertical-align: bottom;
}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

/************* css ******************/

#wrap{
	margin:0;
	padding:0;
	width:100%;
}
.wrapper {z-index:5;margin:0 auto;width:100%;max-width:100%;zoom:1;clear: both;}
.wrapper:after {display:block;visibility:hidden;clear:both;content:""}


/* header*/
.header_wrap{position: relative;z-index: 99;}
#header{margin:0 auto; width:1200px; position:relative;max-width: 100%;text-align: center;}

#logo_w {position: absolute;top: 35px;left: 15px;}
#logo_c {position: absolute;top: 35px;left: 15px;display:none}
#nav_btn{display:none; color:#fff; font-size:18px;padding:12px 0; font-weight:600; cursor:pointer;
text-align:center}


/*main_head*/
#main_head{background: rgba(0,0,0,0.2);position: fixed;top: 0;width: 100%;height:100px}
#main_head .nav_wrap{float:right;padding:35px 0}
#main_head #nav{display:none}
#main_head .nav_right{float:right}
#main_head .nav_wrap .lan{color:#fff;float: left;margin-top:2px}
#main_head .nav_wrap .lan img{float: left;}
#main_head .nav_wrap .lan a{font-size:14px;margin-left:5px;line-height: 27px;float:right;color:#fff}
#main_head .nav_wrap .mobile-menu{color:#fff;font-size:25px;cursor:pointer;padding:0 5px 5px  15px;float: right;}
#main_head .nav_wrap .mobile-menu.open.active + *:before{display:block}

.close{display:block;position:absolute;right:0;color:#fff;z-index: 99;right:10px;
font-size:20px !important;overflow:hidden;cursor:pointer;padding:0 !important}
#header .headAllMenu{display:none;position:absolute;top:0;left:0;right:0;z-index:99;transition: 0.5s;}
#header .headAllMenu:after{display:block;content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.6}
#header .headAllMenu .allMenuArea{position:relative;z-index:10;background:#fff;width:1200px;max-width: 100%;
margin:30px auto 0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#header .headAllMenu .allMenuArea .menuArea{width:100%;font-size:0}
#header .headAllMenu .allMenuArea .menu{background: #000;opacity:0.8;position:relative;vertical-align:top;text-align: left;
border-right:1px solid #747474;padding:43px 0 43px 45px;width: calc(100%/5);float: left;height: 350px;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#header .headAllMenu .allMenuArea .menu:after{display:block;content:'';position:absolute;right:0;bottom:0;opacity: 0.5;
width:90px;height:108px}
#header .headAllMenu .allMenuArea .menu.menu4{border-right:none}
#header .headAllMenu .allMenuArea .menu h2{font-size:18px;margin-bottom:25px}
#header .headAllMenu .allMenuArea .menu h2 a{color:#fff}
#header .headAllMenu .allMenuArea .menu li{margin-top:15px;font-size:14px}
#header .headAllMenu .allMenuArea .menu li:first-child{margin-top:0}
#header .headAllMenu .allMenuArea .menu li a{color:#fff;font-size:13px}

/*sub_head*/
#sub_head{background: #000;height:100px;position: fixed;top: 0;width: 100%;}
#sub_head:after{display:block;clear:both;content:""}
#sub_head .headAllMenu{display:none}
.nav_wrap{float:right;width:80%}
#nav{float: right;}
#nav > li{float:left;text-align:center;position:relative;min-width: 150px;}
#nav > li > a{font-size:16px; color:#fff;display:block;padding: 40px 30px;}
#menu_bar_bg{background:#f5f5f5; width:100%; height:290px; position:absolute; top:100%; left:0;display:none;
border-bottom:solid 1px #d3d3d3}

#sub_head .sub_menu{width:100%;padding:0 !important; z-index:99;left: 0;position: absolute;display:none;
    border-right: 1px solid #e3e3e3;height:290px}
#sub_head .sub_menu li{padding:2px 0;margin: 0 5px;}
#sub_head .sub_menu li a{display:block; padding:10px 15px; font-size:13px;color:#000;}
#sub_head .sub_menu li a:hover{color:#0099cc;font-weight:bold;text-decoration: none;}

#sub_head:hover {background: #fff;transition: 0.3s;}
#sub_head:hover #logo_w {display: none;}
#sub_head:hover #logo_c {display: block;}
#sub_head:hover #nav > li > a {color: #1b1464;font-weight:bold}

/*slider*/
#m_slider_w{position: relative; height: 850px;}
#m_slider {overflow: hidden;width:100%;position: absolute;top: 0;}
#m_slider .slide2 .sl_bg{background-image:url('/en/img/sl02.png');background-size: cover;
background-position: center center;width: 100%;}
#m_slider .slide3 .sl_bg{background-image:url('/img/sl03.png');background-size: cover;
background-position: center center;width: 100%;}
#m_slider .slide4 .sl_bg{background-image:url('/img/sl04.png');background-size: cover;
background-position: center center;width: 100%;}

.slide .slogan {display: flex;height: 100%;width:100%;
    position: absolute;top: 0;justify-content: center;align-items: center;}
.slide .slogan .slogan_text{text-align:center}
.slide .slogan .text1{font-size:50px;color:#fff;font-weight:bold;margin-bottom:10px;display:block}
.slide .slogan .text2{font-size:20px;color:#fff;}

.slide { height: 700px; position: relative; overflow: hidden; }
.slide #sl { width: 300%; height: 100%; }
.slide #sl:after { content: ""; display: block; clear: both; }
.slide #sl li { width: 33.333%; height: 100%; float: left; overflow: hidden; }
.slide #sl li > div { height: 100%; transition: 0.5s; }
.slide #sl li.active > div { transform: inherit; }
.slide .pos { position: absolute; left: 0; bottom: 30px; text-align: center; width: 100%; }
.slide .pos a { display: inline-block; display: inline-block; width: 10px; height: 10px; border-radius: 100%; 
border:solid 2px #fff;line-height: 8px; text-align: center; font-size: 0; margin: 0 2px; transition: .3s; text-decoration: none; }
.slide .pos a:hover, .slide .pos a.active { background: #fff; }

.pos_w{width:100%;max-width:100%;border-bottom:solid 1px #c6c6c6;border-top:solid 5px #f5821f;text-align: center;background:#fff}
.pos2{width:1200px;margin:0 auto;padding: 30px 0;max-width: 100%;}
.pos2 li{width:33%;border-right:solid 1px #c6c6c6;float:left;text-align:center;position: relative;min-height: 82px;}
.pos2 li:last-child{border-right:none}
.pos2 li h2{color:#363636;font-size:19px;font-weight:bold;margin-bottom:10px}
.pos2 li:nth-child(2) h2,.pos2 li:last-child h2{padding:29px 0;margin-bottom:0}
.pos2 li img{margin-top:10px}
.pos2 li a{color:#363636;line-height:24px;font-size: 14px;}
.pos2 .active:before {display:block;content:'';position: absolute;width: 56px;height: 19px;
    top: -53px;left:170px;background-image:url('/img/sl_text_arr.png');background-position: top center; }
.pos2 li:hover a,.pos2 li:hover h2{color:#de5f0f !important}


.slide .arrow { position: absolute; top: calc(50%); width: 40px; height: 40px;box-sizing: border-box;
text-align: center; display: inline-block; line-height: 33px; z-index: 10;border:solid 2px #88898a;
    border-radius: 50px;}
.slide .arrow img{vertical-align: middle;}
.slide .arrow.left { left: calc(50% - 600px); }
.slide .arrow.right { right: calc(50% - 600px); }


/* container*/
.container{margin:0 auto;width:1200px;max-width: 100%;box-sizing: border-box;}

.main_sub{overflow:hidden;padding:70px 0;text-align:center}
.main_sub h2{font-size:26px;color:#525252;margin-top: 15px;font-weight:600}
.main_sub h2:after{content:'';display:block;width:35px;height:2px;background:#f5821f;margin:20px auto}
.main_sub h3{font-size:13px;color:#8a8a8a;font-weight:inherit;text-transform: uppercase;letter-spacing: 5px;}

#bus li{float:left;font-size:16px;text-align:center;color:#4a4a4a;width:calc(100%/3);margin-top: 60px;}
#bus li p:first-child{height:120px;line-height: 120px;}
#bus li p:first-child img{vertical-align: bottom;}
#bus li .text{margin-top:15px;color:#363636}
#bus li .more{background:#bf4013;color:#fff;padding:5px 10px;font-size:13px;display:block;
width:70px;margin:20px auto 0}

#visi {background-image:url('/img/vi_bg.png');background-size: cover;
background-position: center center;height:290px;padding:100px 0;box-sizing: border-box;}
#visi p{font-size:33px;font-weight:bold;color:#fff;font-weight: 600;}
#visi a{font-size:13px;background-image:url('/img/vi_more.png');background-size: cover;
height:38px;width:168px;display:block;color:#fff;margin:40px auto;line-height:30px}

/*news*/
#news{text-align:center;padding:90px 0;box-sizing: border-box;overflow:hidden;background-image:url('/img/news_bg.png');
background-position: right bottom;background-repeat: no-repeat;}
#news_text{width:25%;float:left;text-align:left}
#news #news_text h2{font-size:28px;font-weight:100;margin-bottom:20px}
#news #news_text h2 b{font-weight:bold}
#news #news_text p{font-size:18px;line-height:24px;margin-bottom:40px}
#news #news_text a{font-size:15px;padding:5px 10px;box-sizing: border-box;border:solid 1px #898989;display:block;width:100px;color:#898989;
text-align:center;}
#news .lt{float:right;width:75%;text-align: right;}

/* footer*/
.ft {background:#353535;overflow: hidden;width: 100%;max-width:100%}
.ft_top{border-bottom:solid 1px #727272;overflow:hidden;padding:10px 0}
.ft_top #ft_top{float:left;line-height: 23px;}
.ft_top #ft_top a{color:#9e9e9e;font-size:13px}
.ft_top #ft_top a:after{content:'|';margin:0 5px;}
.ft_top #ft_top a:last-child:after{content:'';}
.ft_cont{width:1200px;max-width:100%;margin:0 auto;color:#fff;overflow:hidden}
.ft_bt{padding:30px 0}
#ft_bt_l{float:left;}
#ft_bt_c {color:#9e9e9e;font-size:14px;float: left;width: 58%;line-height:23px;
     margin-left: 50px;}
#ft_bt_c p:last-child {margin-top:5px}
#ft_bt_r{float:right;text-align:right;}
#ft_bt_r a:nth-child(2){margin:0 10px}
.top_btn{color: #656565;opacity: 0.5;font-size: 35px;position: fixed;bottom: 50px;right: 30px;}

#inst_title h2{  font-size: 20px;border-bottom: solid 1px #acacac;padding-bottom: 10px;
    margin-bottom: 20px;}
#instafeed a{width: calc(100%/6);display: block;float: left;padding: 5px;position: relative;box-sizing: border-box;}
#instafeed a:hover{}
.inst_w{background:#f1f1f1;padding:50px 0;}
.inst_w:after{display:block;content:'';clear:both}

/*sub*/
.sub_bg{text-align:left; color:#fff;width: 100%;height: 358px; padding-top:200px;box-sizing: border-box; }
.sub_bg p:first-child{font-size:35px; padding-bottom:5px;color:#fff;font-weight:bold}
.sub_bg p:last-child{font-size:19px; color:#fff;margin-top:10px; padding-left: 15px;text-transform: uppercase; }
.sub_bg h1 { font-size:30px; color:#fff; font-weight: 400; padding-left: 15px;text-transform: uppercase;}
#sub_bg01 img,#sub_bg05 img { position: absolute; right:0; max-width: 300px; padding-right: 20px;top: 15px; }
#sub_bg02 img { position: absolute; right:0; max-width: 200px; padding-right: 20px; }
.sub_bg .container { position: relative; }

#sub_bg01{background:url('/img/sub_bg01.png') no-repeat center center / cover;}
#sub_bg02{background:url('/img/sub_bg02.png') no-repeat center center / cover;}
#sub_bg03{background:url('/img/sub_bg03.png') no-repeat center center / cover;}
#sub_bg04{background:url('/img/sub_bg04.png') no-repeat center center / cover;}
#sub_bg05{background:url('/img/sub_bg01.png') no-repeat center center / cover;}

#sub_bg03 p:first-child{font-size:50px;}
#sub_bg03 p:last-child{font-size:19px;line-height:24px}

.sub_wrap{min-height:400px;padding:80px 0;overflow: hidden;}
.sub_title{color:#393939 !important;font-size:30px !important;font-weight:bold !important;margin-bottom:15px;padding-left:15px}
.sub_nav{border-bottom:solid 1px #acacac;padding-bottom:25px;padding-left:15px}
.sub_nav li{font-size:13px;color:#393939;float:left;}
.sub_nav li:after{content:'>';margin:0 6px;}
.sub_nav li:last-child:after{content:''}
.sub_nav li a{color:#393939}
.sub_nav li a:hover{text-decoration: underline;}

.sub_cont{padding-top:80px}
.sub_cont p{line-height: 25px;margin-bottom: 20px;color: #5d5d5d;font-size:14px}
.sub_cont h4{color:#4b4b4b;text-align:center;font-size:30px;font-weight:800;}
.sub_cont h4:after{background:#5e5e5e;width:130px;height:3px;content:'';display: block;margin:10px auto 60px}
.sub_cont p span{font-size:14px !important}

#sub01 .sub_cont{background:url('/img/ceo.png') no-repeat bottom right;padding-bottom: 120px;position: relative;}
#sub01 .sub_cont p{font-size:15px;width:72%}
#sub01 .sub_cont h2{font-size:25px;font-weight:bold;margin-bottom:20px}
#sub01 .sub_cont p:last-child{position: absolute;bottom: 0;margin:0}
#sub01 .sub_cont p img{margin-left:10px;vertical-align: text-bottom;}

#sub01_02 .bus_icon li{float: left;width: 50%;margin-bottom:10px;text-align: center;}

#sub01_02 .grid{margin-bottom:160px;}
#sub01_02 .grid:nth-child(2){text-align:center}
#sub01_02 .grid p b{font-size:22px;line-height: 36px;color:#272361}
#sub01_02 .grid p strong{padding-bottom:2px;    border-bottom: solid 1px #5d5d5d;}

#sub01_02 #vi{background:url('/img/vi.png') no-repeat center center;height: 573px;padding: 160px 0;box-sizing: border-box;position: absolute;
width:100%;max-width: 1200px;}
#sub01_02 #vi h4{color:#fff;}
#sub01_02 #vi h4:after{background:#fff;width:100px}
#sub01_02 #vi p{color:#fff;font-size: 17px;line-height: 33px;}
#sub01_02 #vi p b{color:#fff !important;}
#prin{text-align:center;background:#e9e9e9;margin-top: 520px;}
#prin_img{display:inline}
.prin_cont{padding:200px 0 80px}
#prin p{font-size: 18px;color: #4a4a4a;margin-top: 50px;font-weight: 600;line-height: 36px;}
#sub01_02 #ora{margin-bottom:0}
#sub01_02 #ora_img{text-align: center;padding: 20px;box-sizing: border-box;display:block}

.his_tab {width:500px;margin:0 auto 40px}
.his_tab li{float:left;border:1px solid #eee;
text-align: center;font-size:18px}
.his_tab li a{padding: 10px 70px;display: block;}
.his_tab .on{background:#1b1464;}
.his_tab .on a{color:#fff;}

.history{padding:20px 0; background:url(../img/history_line.png) repeat-y center center;}
.history li{width:50%; box-sizing:border-box; margin-bottom:30px; position:relative;}
.history li:nth-child(odd){margin-left:50%; padding-left:25px;}
.history li:nth-child(even){margin-right:50%; padding-right:25px; text-align:right;}
.history li span{position:absolute; top:10px; width:10px;height:10px; background:#fff; border:4px solid #ccc; border-radius:40px; display:block;}
.history li:nth-child(odd) span{left:-8px;}
.history li:nth-child(even) span{right:-8px;}
.history li:nth-child(1) span{border-color:#1b1464;}
.history li:nth-child(2) span{border-color:#6b6b6b;}
.history li h2{font-size:35px; font-weight:500; letter-spacing:-5px;}
.history li p{padding:15px; border:1px solid #eee; margin-top:7px; }
.history li:nth-child(odd) p{padding-left:37px;}
.history li p b{margin-left:-22px;}

.map {height:380px; margin-bottom:50px; overflow:hidden;}
.map_info{padding-top:45px; letter-spacing:-0.5px;}
.map_info .mapArea{margin-top:35px;}
.map_info .info{padding:50px 0 50px 126px; border-top:1px dashed #dfdfdf;}
.map_info .info:first-child{border-top:none;}
.map_info .info .info_title{font-size:18px; color:#252525; font-weight:normal; padding-bottom:15px;}
.map_info .info ul li{font-size:14px; color:#252525;line-height: 24px;}
.map_info .info ul li .point{font-size:16px;color:#1b1464;}
.map_info .info .busNum{font-size:14px; color:#252525;font-weight:bold;}
.map_info .info .busNum .busTit{ display: inline-block; vertical-align:middle; 
font-size:12px; color:#fff; border-radius: 3px; background-color:#729f40; padding:1px 5px; }
.map_info .info.row01 ul li{margin-top:15px;}
.map_info .info.row01 ul li:first-child{margin-top:0;}
.map_info .info.row01 ul li .point{display:block;}
.map_info .info.row03 ul li{margin-bottom:5px}

.map_info .info.row01{background: url("/img/loca01.png") no-repeat 0 50px;}
.map_info .info.row02{background: url("/img/loca02.png") no-repeat 0 50px; }
.map_info .info.row03{background: url("/img/loca03.png") no-repeat 0 50px;}

.map_info #subway{padding-left:0;line-height: 30px;color:#252525;margin-bottom:5px}
.map_info #subway b{color:#365abc;margin:0 20px 0 5px}
.map_info #subway .no{width:30px;height: 30px;background: #365abc;
    font-size: 11px;line-height: 30px; font-weight: bold; color:#fff !important;
	text-align: center;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;display: block;float: left;}
.map_info #subway:last-child .no{background:#889823}
.map_info #subway:last-child b{color:#889823;}

#siteMap{ margin-top:34px; }
#siteMap > ul{ font-size:0; }
#siteMap > ul > li{ float:left;padding-bottom:67px;min-height:350px }
#siteMap > ul > li{ width:31%; margin-right:3.5%; }
#siteMap > ul > li:nth-child(3n){ margin-right:0; }
#siteMap > ul > li > a{ padding-left:16px; display:block; font-size:20px; line-height:73px; }
#siteMap > ul > li > a{ border-top:1px solid #000; border-bottom:1px solid #D9D9D9; }
#siteMap > ul > li > ul{ padding-left:20px; margin-top:27px; }
#siteMap > ul > li > ul > li{ position: relative;}
#siteMap > ul > li > ul > li + li{ margin-top:24px; }
#siteMap > ul > li > ul > li > a{ padding-left:12px; font-size:15px; color:#222; }
#siteMap > ul > li > ul > li > a:before{ background:#272361; width:5px; height:5px; position:absolute; 
top:6px; left:0px; content:''; display:inline-block; }
#siteMap > ul > li > ul > li > ul{ margin-top:10px; }
#siteMap > ul > li > ul > li > ul > li{margin-bottom:10px }
#siteMap > ul > li > ul > li > ul > li + li{ margin-top:5px; }
#siteMap > ul > li > ul > li > ul > li > a{ color:#888; font-size:14px; }

.family li{float:left;width:25%;text-align:center}
.family li img{border:solid 1px #ccc}
.family li p{line-height: inherit;margin-top:10px}

@media screen and (max-width:1204px){
		#header{width:100%}
		.container{padding:0 15px;}
		#logo{padding-left:15px}
		.nav_wrap{padding-right: 15px;}
}

@media (max-width: 1199px) { .slide { height: 48vw; }#m_slider_w{height: 60vw;}}


@media screen and (min-width:769px) and (max-width:1023px){/*테블릿사이즈*/
		.container{width:auto;padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
		.header_wrap{display:block;height: auto;}
		#top_wrap{width:auto;float:none}
		#logo_w{text-align: center;margin-bottom:20px;position: relative;top:auto;left:auto}
		#logo_c{text-align: center;margin-bottom:20px;position: relative;top:auto;left:auto}
		#main_head .nav_wrap{padding:20px 15px !important}

		#sub_head #header{padding-top:20px}
		#sub_head:hover #logo_w {display: none;}
		#sub_head:hover #logo_c {display: block;}
		#sub_head:hover #nav > li > a {color: #222;font-weight:100}

		#nav{padding:0 15px !important;margin-top:0}
		#nav .sub_menu{left:0 !important}
		#nav .last{padding-right:0 !important}
		.ft{padding:0 15px;box-sizing: border-box;}
		.ft_top{display:none}
		.ft_cont{text-align:center}
		#ft_bt_l{float:none;}
		#ft_bt_c{width:auto;float:none;margin:10px 0}
		#ft_bt_r{float:none;text-align:center}

		/*main cont*/
		#m_slider_w{height: 50vw;}
		.pos2{display:none}
		.mov_lt li{width:auto;float:none;margin-right:0}
		
		/*sub*/
		#sub_head{height:auto}
		#sub_head .nav_wrap{width:auto;float:none}
		#sub_head #logo{position: relative !important;top:auto;left:auto;margin-bottom:0;padding: 20px 0;}
		#sub_head #nav{float:none;width:auto;}
		#sub_head .nav_wrap{padding:0 !important}
		#sub_head #nav > li{width:calc(100%/5);min-width:auto}
		#sub_head #nav > li > a{padding:10px 20px }
		#sub_head #nav > li:nth-child(2) > a{padding:10px 0}
		#sub_head #nav > li:nth-child(3) > a{padding:10px 0}
		#sub_head #nav > li:nth-child(4) > a{padding:10px 0}

		#sub01 .sub_cont p{width:65%}
		#sub01_02 #vi{width:auto;right:15px;left:15px}




}
@media screen and (max-width:768px){/*Mobile사이즈*/
		.header_wrap{display:block;height:auto}
		.container{width:auto;padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
		#header #top{display:none}
		#logo_c{display:none}
		#logo_w{padding:0;    width: 200px;}
		#top_wrap{width:auto;float:none}
		.pos2{display:none}
		#m_slider_w{height: 80vw;}
		.slide{height: 80vw;}
		.slide .slogan .text1{font-size:30px;}
		.slide .slogan .text2{font-size:15px}

		.ft{padding:0 15px;box-sizing: border-box;}
		.ft_top{display:none}
		.ft_cont{text-align:center}
		#ft_bt_l{float:none;}
		#ft_bt_c{width:auto;float:none;margin:10px 0}
		#ft_bt_c p:first-child{max-width: 280px;margin: 0 auto;}
		#ft_bt_r{float:none;text-align:center}


		/*main cont*/
		.hd_pops{left:0 !important}
		.hd_pops_footer{text-align:left}
		#main_head{position:absolute}
		#header .headAllMenu .allMenuArea .menuArea{position: fixed;    top: 0;
    right: 0;    width: 200px;    bottom: 0;    display: block;    background: #fff;    overflow: hidden;
    transition: 0.5s;padding:20px 0}
		#header .headAllMenu .allMenuArea .menu h2{margin:0;font-size: 14px;line-height: 18px;padding: 10px;}
		#header .headAllMenu .allMenuArea .menu ul{display:none;padding:10px 0}
		#header .headAllMenu .allMenuArea .menu{float:none;width:100%;height:auto;background:#fff;padding:0;
		border-bottom: solid 1px #ccc;border-right:none}
		#header .headAllMenu .allMenuArea .menu:last-child{border-bottom: none;}
		#header .headAllMenu .allMenuArea .menu h2 a{font-size: 14px;font-weight: bold;color: #0d3d8c;}
		#header .headAllMenu .allMenuArea .menu li{margin:0}
		#header .headAllMenu .allMenuArea .menu li a:before{content:'-';margin-right:5px}
		#header .headAllMenu .close{color:#000;top:0;line-height:27px}

		.sub_menu{position: static !important;width: 100% !important;border-bottom: 0;background: #fff;height:auto !important;border:none;padding:10px 0 !important;
		border-top: solid 1px #ccc !important;}
		.sub_menu li a{display: block;padding: 7px 10px !important;font-size: 14px;border-radius: 0;color:#333 !important}
		.sub_menu li a:last-child{border-bottom: none;}
		.sub_menu li a:hover{color: #e31d1a;background: #f5f5f5;}
		.sub_menu li a::before{content: "- ";}
		.sub_menu li{padding:0}
		#bo_cate_ul li a{font-size:14px}


		.mov_lt li{width:auto;float:none;margin-right:0;padding:0}
		.mov_lt li .lt_img_w{float:none;width:auto;height:35vw}
		.mov_lt li .img_bg{width:100%;height:35vw}
		.mov_lt li .mov_text{float:none;width:auto;}
		.main_sub h2{max-width:280px;margin:15px auto 0}

		/*sub*/
		#main_head .header_wrap{background:#fff !important;}
		#nav_btn{display:block;position: absolute;right: 15px;top: 20px;}
		#sub_head{height:auto}
		#sub_head .nav_wrap{clear:both;text-align:center;width: 100%;margin-top:0;line-height: 15px;float:none}
		#sub_head #logo_w {position: relative;bottom:0;left:15px;float:none;top:auto;padding: 35px 0;}
		#sub_head #nav{display:none}
		#sub_head:hover {background: #000 !important;}
		#sub_head:hover #logo_w {display: block;}
		#sub_head:hover #logo_c {display: none;}

		.sub_bg{position: relative;height:auto;padding:50px 0}
		#sub_head{position:relative}
		#sub_bg01 img{display:none}
		#sub_bg05 img{width:200px}
		#sub_bg02 img{width:150px}

		#sub01 .sub_cont{background:none;}
		#sub01 .sub_cont p{width:100%}
		#sub01_02 .bus_icon li{float:none;width:100%;margin-bottom:20px}
		#sub01_02 .grid{margin-bottom:80px}
		#sub01_02 #vi{padding:100px 0;height:auto;left:0}
		#prin{margin-top:400px;}
		.prin_cont{padding:150px 15px 80px}

		.history{background:none;}
		.history li{width:100%}
		.history li:nth-child(odd),.history li:nth-child(even){margin:0;padding:0;text-align:left}
		.history li:nth-child(odd) span,.history li:nth-child(even) span{left:auto;right:auto}
		.history li h2{margin-left: 25px;}

		.his_tab{width:auto;}
		.his_tab li{float:none;width:250px;margin: auto;}

		.sub_bg p:last-child{font-size:15px; }
        .sub_bg h1 { font-size:19px; }
		#siteMap > ul > li{float:none;width:100%;margin:0 0 20px 0}
		.family li{width:48%;margin-right:10px}
		.family li:nth-child(2n){margin-right:0}

}