@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/* html{opacity:0; margin-top:0px;} */
.layout {width:1425px; margin:auto;}
caption {display:none;}

 body, table, td, th. div, p, dl, dt, dd, span, a, ul, ol, li, input, select, form, label {font-family:'Noto Sans KR', sans-serif;font-weight:400; font-style:normal; font-size:16px;} 

body{background-color:white;}

#container_title span:before {position:absolute;content:'';top:97px;left:50%;width:40px;height:3px;margin-left:-20px;background-color:#43a2e2;}
@media( max-width:767px){
	#container_title span:before {top:60px;}
}
.all_menu_btn {width:80px;height:80px;background-color:#4c6f00;text-align:center;padding-top:30px;}

#m_visual {position:relative; width:100%; height:773px; overflow:hidden;background-color:#fff;}
.m_slide1 {width:100%;height:773px;background:white url('/images/main/mv01.jpg') center 150px no-repeat;}
.m_slide2 {width:100%;height:773px;background:white url('/images/main/mv02.jpg') center 150px no-repeat;}
.m_slide3 {width:100%;height:773px;background:white url('/images/main/mv03.jpg') center 150px no-repeat;}
.m_slide4 {width:100%;height:773px;background:white url('/images/main/mv04.jpg') center 150px no-repeat;}

#m_visual .txt_bx {position:absolute; left:50%; top:240px; margin-left:-545px; z-index:40;}
#m_visual .txt_bx > img {width:100%;max-width:740px;}
#m_visual .txt_bx2 {position:absolute; left:50%;  margin-left:-256px; z-index:40;}
#m_visual .txt_bx3 {position:relative; top:320px; z-index:40;color:white;}
#m_visual .bx2_1 {font-size:47px;font-weight:normal;text-align:center;letter-spacing:-3px;text-shadow: 0px 0px 5px #000;}
#m_visual .bx2_2 {font-size:25px;text-align:center;margin-top:15px;text-shadow: 0px 0px 5px #000;}
#m_visual .bx2_bar {width:550px;border-bottom:4px solid white;margin:0 auto;box-shadow: 0px 0px 5px #000;}
#m_visual .inner_bx {position:absolute; left:50%; top:0px; width:2000px; margin-left:-1000px; z-index:10;}
#m_visual .bx-controls {position:absolute; left:50%; top:0; width:1425px; margin-left:-600px; z-index:100;}
#m_visual .bx-pager {display:block;}
#m_visual .bx-pager {position:absolute; text-align: center;color: #cfcfcf;top: 338px;left:50%;margin-left:-550px;} 
#m_visual .bx-pager .bx-pager-item{display: inline-block;*zoom:1;display:inline;}
#m_visual .bx-pager .bx-pager-link {display: inline-block;font-size:0px;width:10px;height:10px;border-radius:50%;background-color:#cfcfcf;margin:0 5px;}
#m_visual .bx-pager .bx-pager-link.active {background-color:#f36f21;}

@media( max-width:767px){
	#m_visual .bx-controls {position:absolute; left:50%; top:-50px; width:100%; margin-left:50%; z-index:100;}
}

#m_visual .bx-controls-direction {position:absolute; left:50%; top:500px; width:1200px; margin-left:-600px; z-index:999;}
#m_visual .bx-controls-direction a {width:60px; height:60px; text-indent:-9999px; display:block; overflow:hidden;}
#m_visual .bx-controls-direction .bx-prev {float:left;border:1px solid #fff;}
#m_visual .bx-controls-direction .bx-next {float:right;border:1px solid #fff;}
/*#m_visual .bx-controls-direction .bx-prev {float:left;background:url('/images/main/mv_leftarrow.png') no-repeat}
#m_visual .bx-controls-direction .bx-next {float:right;background:url('/images/main/mv_rightarrow.png') no-repeat}*/
#m_visual .mv_name_div {position:absolute;top:686px;left:50%;margin-left:-200px;width:700px;font-size:14px;color:white;}
#m_visual .mv_name {float:left;width:72px;height:72px;border:3px solid white;border-radius:36px;text-align:center;padding-top:26px;overflow:hidden;}
#m_visual .mv_name.active {background-color:#b18d4f;border:0px solid white;padding-top:28px;}
#m_visual .mv_namedot {float:left;margin:15px 0px;font-size:40px;color:white;overflow:hidden;width:39px;text-align:center;}

#c_visual {position:relative; width:100%; height:620px; overflow:hidden;background-color:#fff;margin-bottom:30px;}
.c_slide {}
.c_slide img {}
#c_visual .slide_bx {position:absolute; left:0px; top:0px; width:100%; z-index:10;}
#c_visual .bx-controls {position:absolute; left:50%; top:0; width:400px; margin-left:-200px; z-index:100;}
#c_visual .bx-pager {display:none;}
#c_visual .bx-controls-direction {position:absolute; left:50%; top:270px; width:1200px; margin-left:-600px; z-index:40;}
#c_visual .bx-controls-direction a {width:80px; height:80px; text-indent:-9999px; display:block; overflow:hidden;}
#c_visual .bx-controls-direction .bx-prev {float:left;background:url('/images/sub/sub04_1_3.jpg') no-repeat;background-size:cover;}
#c_visual .bx-controls-direction .bx-next {float:right;background:url('/images/sub/sub04_1_4.jpg') no-repeat;background-size:cover;}

.c_slide1 {width:100%;height:620px;background:white url('/images/sub/sub04_1_1.jpg') center center no-repeat;}
.c_slide2 {width:100%;height:620px;background:white url('/images/sub/sub04_1_2.jpg') center center no-repeat;}

#r_visual {position:relative; width:100%; height:442px; overflow:hidden;background:url('/images/main/ms2_bg.png') center 0 no-repeat;}
.r_slide {}
.r_slide img {}
#r_visual .slide_bx2 {position:absolute; left:0px; top:0px; width:100%;  z-index:10;}
#r_visual .bx-controls {position:absolute; left:50%; top:180px; width:440px; z-index:100;margin-left:-220px;}
#r_visual .bx-pager {display:none;}
#r_visual .bx-pager {position:absolute; text-align: center;color: #666;top: 150px;left:160px;} 
#r_visual .bx-pager .bx-pager-item{display: inline-block;*zoom:1;display:inline;}
#r_visual .bx-pager .bx-pager-link {display: inline-block;font-size:0px;width:10px;height:10px;border-radius:50%;background-color:#fff;margin:0 5px;border:1px solid #ddd;}
#r_visual .bx-pager .bx-pager-link.active {background-color:#ffbe00;border:1px solid #ffbe00;}

#r_visual .bx-controls-direction {position:absolute; left:373px; top:20px; width:460px; z-index:40;}
#r_visual .bx-controls-direction a {width:66px; height:42px; text-indent:-9999px; display:block; overflow:hidden;}
#r_visual .bx-controls-direction .bx-prev {float:left;background:url('/images/main/ms2_left.png') no-repeat;}
#r_visual .bx-controls-direction .bx-next {float:right;background:url('/images/main/ms2_right.png') no-repeat;}

@media( max-width:767px){
	#r_visual .bx-controls-direction {position:absolute; left:0px; top:20px; width:100%; z-index:40;}
}

.r_slide1 {width:100%;height:442px;background:url('/images/main/ms2_img1.jpg') center center no-repeat;}
.r_slide2 {width:100%;height:442px;background:url('/images/main/ms2_img2.jpg') center center no-repeat;}
.r_slide3 {width:100%;height:442px;background:url('/images/main/ms2_img3.jpg') center center no-repeat;}
.r_slide4 {width:100%;height:442px;background:url('/images/main/ms2_img4.jpg') center center no-repeat;}
.r_slide5 {width:100%;height:442px;background:url('/images/main/ms2_img5.jpg') center center no-repeat;}
.r_slide6 {width:100%;height:442px;background:url('/images/main/ms2_img6.jpg') center center no-repeat;}
.r_slide7 {width:100%;height:442px;background:url('/images/main/ms2_img7.jpg') center center no-repeat;}
.r_slide8 {width:100%;height:442px;background:url('/images/main/ms2_img8.jpg') center center no-repeat;}
.r_slide9 {width:100%;height:442px;background:url('/images/main/ms2_img9.jpg') center center no-repeat;}
.r_slide10 {width:100%;height:442px;background:url('/images/main/ms2_img10.jpg') center center no-repeat;}

#gnb .all_menu {box-shadow:0px 0px 20px #000;background:url('/images/layout/logo.png') center 320px no-repeat;position:fixed;top:190px;left:50%;margin-left:-550px;width:1100px;height:397px;background-color:#f9f9f9;padding:1px;}
#gnb .am_top {position:relative;height:72px;color:white;font-size:26px;letter-spacing:-2px;background-color:#4c6f00;text-align:center;padding-top:22px;}
#gnb .all_menu_close_btn{position:absolute;right:0px;top:0px;background:#3f2e1f url('/images/layout/am_close.png') center 20px no-repeat;height:72px;width:72px;cursor:pointer;}
#gnb .am_txt {position:relative;text-align:center;padding:30px 30px;}
#gnb .am_txt > li {float:left;width:calc(95%/5);margin:0.5%;}
#gnb .am_txt1 {background-color:#ccc;font-size:16px;padding:5px;}
#gnb .am_txt2 {font-size:15px;}
#gnb .am_txt2 > li {margin:9px;list-style:none;}

@media( max-width:767px){
	.layout {width:99%; margin:auto;}
	#m_visual {height:230px;}
	.m_slide1 {width:100%;background:white url('/images/main/mv01_m.jpg')}
	.m_slide2 {width:100%;background:white url('/images/main/mv02_m.jpg')}
	.m_slide1,.m_slide2,.m_slide3,.m_slide4 {height:250px;background-position:center 30px;background-size:contain;}

	#m_visual .inner_bx {top:0px; width:780px; height:605px;left:50%;margin-left:-390px; z-index:10;}
	#m_visual .txt_bx {position:absolute; left:50%; top:115px; width:100%; margin-left:-50%; z-index:40;text-align:center;}
	#m_visual .txt_bx > img {width:90%;max-width:300px;}
	#m_visual .txt_bx2 {position:absolute;width:100%; left:50%; top:200px; margin-left:-50%; z-index:40;text-align:center;}
	#m_visual .txt_bx2 > img {width:90%;max-width:527px;}
	#m_visual .txt_bx3 {position:relative; top:70px; z-index:40;color:white;}
	#m_visual .bx2_1 {font-size:27px;letter-spacing:-2px;}
	#m_visual .bx2_2 {font-size:15px;margin-top:15px;}
	#m_visual .bx2_bar {width:330px;border-bottom:2px solid white;}
	#m_visual .mo_menu {position:relative;margin-top:75px;z-index:40;}
	#m_visual .mo_menu ul {overflow:hidden;}
	#m_visual .mo_menu ul li {float:left;width:50%;height:40px;border:1px solid black;}
	#m_visual .mo_menu ul li a {position:relative;display:inline-block;width:100%;height:100%;text-align:center;color:white;font-size:16px;background-color:rgba(0,0,0,0.6);padding-top:5px;}
	#m_visual .mo_menu ul li a:hover {font-weight:bold;}
}

#header_reactive{display:none;}

#header{padding:0px 0px; clear:both; height:152px; position:fixed;width:100%; z-index:999;background:url('/images/layout/top_bg.gif') repeat-x;border-bottom:1px solid #e2e2e2;}

.header_top_mac {position: relative; width: 200px; height: 90px; margin: 0 auto; overflow: hidden;}
.header_top_mac .slogan {float: left; margin: 28px 0 0 156px; color: #3a3a3a; font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 700; text-align: center; line-height: 109%;}
.header_top_mac .top_utils {float: right; margin-top: 24px;}
.header_top_mac .top_utils li {float: left; margin-left: 13px;}
.header_top_mac .top_utils li a {width: 42px; height: 42px; background: url('/images/common/top_utils_ico2.png') no-repeat; font-size: 0; line-height: 0; text-indent: -99999px; display: block;}
.header_top_mac .top_utils li.home a {background-position: 0 0;}
.header_top_mac .top_utils li.home a:hover {background-position: 0 -42px;}
.header_top_mac .top_utils li.facebook a {background-position: 0 -84px;}
.header_top_mac .top_utils li.facebook a:hover {background-position: 0 -126px;}
.header_top_mac .top_utils li.youtube a {background-position: 0 -168px;}
.header_top_mac .top_utils li.youtube a:hover {background-position: 0 -210px;}

/*.left_left{float:left;padding-top:20px;padding-bottom:8px;z-index:999}*/
.left_left{float:left;padding-top:8px;z-index:999;}
.left_left > img {width:105px;}
.left_logo{position:relative;padding-top:1px;padding-bottom:8px;z-index:999;text-align:center;height:70px;width:500px;}
.left_logo img {width:500px;margin-top:23px;}
.center_logo {color:#3a3a3a;font-size: 32px;font-weight:bold;overflow:hidden;letter-spacing:-1px;padding-right:105px;padding-top:7px;}
.center_logo > p {font-size: 18px;letter-spacing:0.5px;color:#888;padding-top:0px;font-weight:normal;font-family: 'Playfair Display', serif;}
.top_right{float:right;margin-top:-68px;}
.top_right_ul {border:1px solid #ccc;overflow:hidden;border-radius:15px;}
/*.top_right_ul li {float:left;overflow:hidden;padding:6px 17px;border-left:1px solid #ccc;margin-left:-1px;}*/
.top_right_ul li {float:left;overflow:hidden;border-left:1px solid #ccc;margin-left:-1px;}
.top_right_ul li a {position:relative;display:inline-block;width:100%;height:100%;color:#999;font-size:12px;padding:5px 17px 6px 17px;}
.top_right_ul li a:hover {background-color:#ccc;color:#fff;font-weight:bold;}
.right_allmenu{padding:0px 0px; height:80px; position:fixed;width:80px; z-index:999;right:0px;top:0px;}
#header .menu_leftimg {position:absolute;left:-310px;top:120px;display:none;}
/*#header:before {position:absolute;content:'';background:url('/images/layout/topmenu_img1.jpg') no-repeat;top:215px;left:50%;width:240px;height:136px;margin-left:-600px;display:none;}*/
#header .logo{float:left; width:231px;}

#header #menutop{position:relative;margin-top:0px;}
/*#header #menutop .menu{margin:8px 0 0 0px; padding:0px; width:1200px; overflow:hidden;padding-left:160px;}*/
#header #menutop .menu{overflow:hidden;margin-top:28px;margin-left:90px;}
#header #menutop .menu > li{position:relative;float:left;width:260px;  text-align:center; font-size:20px;font-weight:bold;color:#333;letter-spacing:0px;}
/*#header #menutop .menu > li:first-child > div {border-left:1px solid #888;}*/
#header #menutop .menu > li > div {border-right:0px solid #888;height:55px;line-height:47px;}
#header #menutop .menu > li a{position:relative;display:inline-block; width:100%; padding:0px 0px;color:#000; cursor:pointer;}
#header #menutop .menu > li a:before {content:'';position:absolute;top:50px;left:50%;width:100px;height:3px;margin-left:-50px;border-top:5px solid #ff8841;opacity:0;transform:scaleX(2.0);transition:0.5s;}
#header #menutop .menu > li a:hover:before{opacity:1;transform:scaleY(1);}


#header #menutop .smnu{position:absolute;top:175px;list-style:none; display:none;width:260px;letter-spacing:0px;}
/*
#header #menutop .smnu1 {left:80px;}
#header #menutop .smnu2 {left:300px;}
#header #menutop .smnu3 {left:520px;}
#header #menutop .smnu4 {left:740px;}
#header #menutop .smnu5 {left:960px;}
#header #menutop .smnu6 {left:1180px;}
*/
#header #menutop .smnu1 {left:100px;}
#header #menutop .smnu2 {left:350px;}
#header #menutop .smnu3 {left:620px;}
#header #menutop .smnu4 {left:880px;}
#header #menutop .smnu5 {left:1140px;}
#header #menutop .smnu6 {left:1210px;}
#header #menutop .smnu li{width:240px;height:32px; text-align:center; font-size:16px; font-weight:normal;margin:0px;}
/*#header #menutop .menu .smnu li:hover{background-color:#4c6f00;color:white;}*/
#header #menutop .smnu li a{color:#fff;display:inline-block;width:100%;height:100%;padding:0px 17px;}
#header #menutop .smnu li a:hover{color:#ff8841;font-weight:bold;}
#header #menutop .smnu li ul{margin:0px; padding:0px 0px 10px 0px; list-style:none;}
#header #menutop .smnu li ul li{float:none; width:100%; text-align:left; font-size:1em; border:none;}
#header #menutop .smnu li ul li a{padding:1px 0px 1px 40px; font-size:1em;}

#header #menutop .menu li .smnu li a:hover{color:white !important; font-weight:400; }
#header .menutop_line {position:absolute; width:100%; top:80px; border-top:1px solid #eee;}
#header #menutop .menu .active{background-color:#003366; color:white;}
#header #menutop .menu .active_sub{background-color:#eef7ff; color:white;}

#reactive{display:none;}
#reactive.re_open{display:none;}
#reactive.re_close{display:none;}

.slidemenu{top:0px; left:-71%; position:fixed; height:100%; width:70%; border-right:0px solid #428bca; background-color:#fff; z-index:999; overflow-Y:hidden; display:none; box-shadow:0px 0px 5px #000; }
.slidemenu .logo{text-align:center; padding:10px 0px; border-bottom:2px solid #ddd; background-color:white; border-bottom:2px solid #428bca; box-shadow:0px 0px 5px #428bca;}
.slidemenu .logo nav .menu{}
.slidemenu nav .menu{margin-top:0px;}
.slidemenu nav .menu li{font-weight:400;}
.slidemenu nav .menu li ol{list-style:none; margin:0px; padding:0px 0; border:none; display:none; background-color:#fff;;}
.slidemenu nav .menu li ol li{border-bottom:1px dashed #e1e1e1; }
.slidemenu nav .menu li ol li a {padding:2px 0 5px 30px;font-size:16px;}

.slidemenu nav .menu li a{ display:inline-block; width:100%; padding:12px; border-bottom:1px solid #2c40ac;font-size:17px;background-color:#4f61be;color:white;}
.slidemenu nav .menu li ol li ul li{border-bottom:none; } 
.slidemenu_bg{background-color:rgba(0,0,0,0.8); position:fixed; width:100%; height:100%; z-index:99; left:0px; opacity:1;}

.slidemenu nav .submnu > li > a:hover{background-color:#eee  !important;color:#333 !important;}
.slidemenu nav .submnu > li > a:before {position: relative; left: -10px; top: 14px;width: 3px; height: 3px; background: #2b2f35;display: block; content: '';}

.menu_close{display:none; text-align:center;  width:100%; padding:13px 10px; cursor:pointer;}
.menu_open{text-align:center; cursor:pointer; width:100%; padding:13px 10px;}
.sub01_con_bg {width:589px; height:225px;position:absolute;left:50%;background:url('/images/layout/con_bg1.png') center center no-repeat;}
.sub02_con_bg {width:589px; height:225px;position:absolute;left:50%;background:url('/images/layout/con_bg2.png') center center no-repeat;}
.sub03_con_bg {width:589px; height:225px;position:absolute;left:50%;background:url('/images/layout/con_bg3.png') center center no-repeat;}
.sub04_con_bg {width:589px; height:225px;position:absolute;left:50%;background:url('/images/layout/con_bg4.png') center center no-repeat;}

@media( max-width:767px){
	#header{display:none;}
	#header_reactive{display:block; background-color:white; position:fixed; top:0px; border-bottom:1px solid #eee; z-index:999; width:100%; height:75px }
	#header_reactive #reactive{position:absolute; top:3px; right:5px; padding:0px; background-color:white;}
	#header_reactive .logo{padding:23px 0px 0 0px;text-align:left;}
	#header_reactive .logo img {width: 300px;}


	.slidemenu{display:block;}
	.slidemenu_bg{display:none;}

	#header .logo{float:left; width:180px;}
	#header #menutop{display:none;}
	#reactive{display:block; float:right; font-size:37px; padding:7px 10px 0px 0px; text-align:right;}
	#reactive.re_open{display:block;}
	#reactive.re_close{display:none;}
}

#quick_zone {position:relative;width:510px;letter-spacing:-1px;margin-top:-360px;margin-left:55%;}
#quick_zone > .quick_ul {position:relative;overflow:hidden;margin-top:0px;z-index:11;}
#quick_zone > .quick_ul > li {float:left;text-align:center;padding:25px 0px 0 0px;width:calc(98%/4);height:125px;background-color:rgba(0,0,0,0.5);overflow:hidden;margin:0.25%;}
#quick_zone > .quick_ul > li > a > p {color:white;font-size:15px;padding:3px 2px 8px 2px;margin-top:10px;}

#m_quick {position:relative;width:440px;letter-spacing:-1px;margin-top:-530px;left:50%;margin-left:250px;z-index:11;margin-bottom:39px;}
#m_quick .m_q1 {position:relative;width:440px;height:260px;background-color:#1e233d;}
#m_quick .m_q2 {position:relative;width:440px;height:230px;background-color:#162b48;}
.m_q1p {position:relative;color:#9f9172;border-bottom:1px solid #9f9172;font-size:20px;width:370px;margin:0px 35px 35px 35px;padding:35px 0 10px 0;letter-spacing:0px;font-weight:bold;}
.m_q1 ul li p {line-height:130%;padding-top:10px;}
.m_q1 a {color:white;font-size:18px;}
.m_q1 li {float:left;width:calc(100%/3);text-align:center;}
.m_q2p {position:relative;color:#9f9172;border-bottom:1px solid #9f9172;font-size:20px;width:370px;margin:0px 35px 20px 35px;padding:35px 0 10px 0;letter-spacing:0px;font-weight:bold;}
.m_q2p a {padding-left:274px;}

@media( max-width:767px){
	#m_quick {position:relative;width:100%;letter-spacing:-1px;margin-top:0px;left:0%;margin-left:0px;z-index:11;margin-bottom:0px;}
	#m_quick .m_q1 {position:relative;width:100%;height:200px;background-color:#1e233d;}
	#m_quick .m_q2 {position:relative;width:100%;height:auto;background-color:#162b48;}
	.m_q1p {position:relative;font-size:18px;width:100%;margin:0px 0px 0px 0px;padding:15px 0 10px 10px;}
	.m_q1 ul li p {line-height:130%;padding-top:10px;}
	.m_q1 a {color:white;font-size:18px;}
	.m_q1 li {float:left;width:calc(100%/3);text-align:center;margin-top:20px;}
	.m_q2p {position:relative;font-size:18px;width:100%;margin:0px 0px 0px 0px;padding:15px 0 10px 10px;}
	.m_q2p a {padding-left:255px;}
}

.m_gal_area {position:relative;border-bottom:1px solid #dedede;overflow:hidden;margin-bottom:10px;}
.gal_area_li1 {position:relative;float:left;width:270px;}
.gal_area_li2 {position:relative;float:right;width:1125px;}
.gal_link_li {position:relative;border-top:1px solid #dedede;font-size:20px;height:90px;}
.gal_link_li a {position:relative;color:black;width:100%;height:100%;display:inline-block;padding:35px 0 0 20px;}
.gal_link_li a i{position:absolute;right:20px;;}
.gal_link_li a:hover {color:white;background-color:#1a3759;}

@media( max-width:767px){
	.m_gal_area {position:relative;border-bottom:1px solid #dedede;overflow:hidden;margin-bottom:10px;}
	.gal_area_li1 {position:relative;float:none;width:100%;}
	.gal_area_li2 {position:relative;float:none;width:100%;}
	.gal_link_li {position:relative;border-top:0px solid #dedede;border-bottom:1px solid #dedede;font-size:18px;height:auto;}
	.gal_link_li a {position:relative;color:black;width:100%;height:100%;display:inline-block;padding:10px 0 10px 20px;}
	.gal_link_li a i{position:absolute;right:20px;;}
	.gal_link_li a:hover {color:white;background-color:#1a3759;}
}
.m_noti_area {position:relative;overflow:hidden;padding-bottom:100px;padding-top:100px;}
.m_noti_area:before {position:absolute;content:'';background:url('/images/main/main_dbg.png') no-repeat;top:35px;left:50%;width:929px;height:416px;}
.noti_area_li1 {position:relative;float:left;width:50%;}
.noti2_li1 {position:relative;float:left;width:33%;}
.noti2_p1 {position:relative;font-size:16px;color:black;font-weight:bold;margin-bottom:5px;}
.noti2_p2 {position:relative;font-size:34px;color:black;font-weight:bold;margin-bottom:50px;}
.noti2_p3 {position:relative;font-size:18px;color:#333333;margin-bottom:70px;}
.noti2_p4 {position:relative;width:50px;height:50px;background-color:#fff;border:1px solid #000;font-size:35px;text-align:center;margin:20px 0 0 0px;padding-top:5px;}
.noti2_p4 a {position:relative;color:#000;display:inline-block;width:100%;height:100%; }
.noti2_p4 a:hover {color:#000;}
.noti2_p4 a i {color:#000;}
.noti2_li2 {position:relative;float:right;width:67%;}

.noti_area_li2 {position:relative;float:left;width:50%;}
.noti3_li1 {position:relative;float:left;width:27%;margin-left:6%;}
.noti3_p1 {position:relative;font-size:16px;color:white;font-weight:bold;margin-bottom:5px;}
.noti3_p2 {position:relative;font-size:34px;color:white;font-weight:bold;margin-bottom:50px;}
.noti3_p3 {position:relative;font-size:18px;color:#333333;margin-bottom:70px;}
.noti3_p4 {position:relative;width:50px;height:50px;background-color:#000;border:1px solid #000;font-size:35px;text-align:center;margin:20px 0 0 0px;padding-top:5px;}
.noti3_p4 a {position:relative;color:#fff;display:inline-block;width:100%;height:100%; }
.noti3_p4 a:hover {color:#fff;}
.noti3_p4 a i {color:#fff;}
.noti3_li2 {position:relative;float:right;width:67%;}

@media( max-width:767px){
	.m_noti_area {position:relative;overflow:hidden;padding-bottom:50px;padding-top:50px;}
	.m_noti_area:before {position:absolute;content:'';background:url('/images/main/main_dbg.png') center center no-repeat;top:35px;left:0%;width:929px;height:416px;}
	.noti_area_li2 {position:relative;float:none;width:100%;}
	.noti3_li1 {position:relative;float:none;width:100%;margin-left:0%;}
	.noti3_p1 {position:relative;font-size:16px;color:white;font-weight:bold;margin-bottom:5px;padding-left:20px;}
	.noti3_p2 {position:relative;font-size:34px;color:white;font-weight:bold;margin-bottom:20px;padding-left:20px;}
	.noti3_p3 {position:relative;font-size:18px;color:#333333;margin-bottom:70px;}
	.noti3_p4 {position:relative;width:50px;height:50px;background-color:#000;border:1px solid #000;font-size:35px;text-align:center;margin:20px 0 0 0px;padding-top:5px;}
	.noti3_p4 a {position:relative;color:#fff;display:inline-block;width:100%;height:100%; }
	.noti3_p4 a:hover {color:#fff;}
	.noti3_p4 a i {color:#fff;}
	.noti3_li2 {position:relative;float:right;width:100%;}
}

.noti_link_li {position:relative;border-top:1px solid #dedede;font-size:20px;height:90px;}
.noti_link_li a {position:relative;color:black;width:100%;height:100%;display:inline-block;padding:35px 0 0 20px;}
.noti_link_li a i{position:absolute;right:20px;;}
.noti_link_li a:hover {color:white;background-color:#1a3759;}

.con_tit {position:relative;text-align:center;margin-bottom:30px;}

@media( max-width:767px){
	#quick_zone {position:relative;width:100%;margin-top:-250px;margin-left:0%;}
	#quick_zone > .quick_ul {position:relative;overflow:hidden;margin-top:0px;z-index:11;}
	#quick_zone > .quick_ul > li {float:left;text-align:center;padding:25px 0px 0 0px;width:calc(98%/4);height:121px;background-color:rgba(0,0,0,0.5);overflow:hidden;margin:0.25%;}
	#quick_zone > .quick_ul > li > a > p {color:white;font-size:15px;padding:3px 2px 8px 2px;margin-top:10px;}
}

#notice_zone {position:relative;width:100%;background-color:#f3f4f6;letter-spacing:-1px;overflow:hidden;}
#notice_zone .layout {text-align:center;}
#notice_zone .layout a {color:white;}
#notice_zone .layout > ul {width:95%;display:inline-block;overflow:hidden;}
#notice_zone .date_white_bg {background-color:white;width:125px;height:125px;padding-top:30px;border-radius:12px;}
#notice_zone .mn_left {float:left;color:black;width:63%;padding-top:21px;}
#notice_zone .mn_left > ul {overflow:hidden;}
#notice_zone .mn_left ul li:first-child {float:left;line-height:25px;padding-right:15px;padding-top:16px;}
#notice_zone .mn_left ul li:last-child {text-align:left;overflow:hidden;}
#notice_zone .mn1_year {font-size:21px;color:#888;}
#notice_zone .mn1_day {font-size:29px;font-weight:bold;}
#notice_zone .mn1_title {position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;padding:3px 35px;display:inline-block;width:80%;margin:10px 10px;}
#notice_zone .mn1_title:before {position:absolute;content:'';background-color:#f36f21;top:15px;left:20px;width:6px;height:6px;border-radius:50%;}
#notice_zone .mn1_more {float:right;font-size:16px;padding:5px;display:inline-block;margin-top:10px;margin-right:15px;}
#notice_zone .mn1_con {overflow:hidden;text-overflow:ellipsis;font-size:15px;padding:0px 10px 0 30px;height:77px;color:#eee;}
#notice_zone .mn_right {float:right;padding-top:22px;}
#notice_zone .mn_right ul li {text-align:left;width:360px;height:26px;line-height:21px;font-size:15px;}
#notice_zone .mn_right ul li:first-child{display:none;}

.mac_notice {width:100%;height:70px;background-color:white;margin:50px 0 20px 0;}
.mac_link {width:100%;height:200px;background-color:white;margin:0px 0 50px 0;}

@media( max-width:767px){
	#notice_zone .mn_left {width:100%;}
}

#latestzone{position:relative;margin:50px 0px 45px 0; overflow:hidden;letter-spacing:-1px;}
#latestzone #notice{width:300px; height:284px;float:left;  overflow:hidden;  border:1px solid #ddd;  position:relative;}
#latestzone #notice .title{text-align:center; width:100%; padding:10px; background-color:#ff8c00; color:white; font-size:20px;}
#latestzone #notice .more{position:relative; display:inline-block;width:100%;text-align:right;color:#000;font-size:15px;font-weight:bold;padding:20px 20px 0 0;}
#latestzone #freeboard{width:300px; height:284px;float:left;  overflow:hidden; border:1px solid #ddd; margin-left:-1px; position:relative;}
#latestzone #freeboard .title{text-align:center; width:100%; padding:10px; background-color:#f1f1f1; color:#333; font-size:20px; }
#latestzone #freeboard .more{position:relative; display:inline-block;width:100%;text-align:right;color:#000;font-size:15px;font-weight:bold;padding:20px 20px 0 0;}
#latestzone #jobzone{width:300px; height:284px;float:left;  overflow:hidden; border:1px solid #ddd; margin-left:-1px; position:relative;}
#latestzone #jobzone .title{text-align:center; width:100%; padding:10px; background-color:#f1f1f1; color:#333; font-size:20px; }
#latestzone #jobzone .more{position:relative; display:inline-block;width:100%;text-align:right;color:#000;font-size:15px;font-weight:bold;padding:20px 20px 0 0;}
#latestzone #popupzone{width:300px; height:284px;float:left;  overflow:hidden; border:1px solid #ddd; margin-left:-1px; position:relative;}
#latestzone #popupzone .title{text-align:left; width:100%; padding:10px 10px 10px 45px; background:url('/images/main/m_icon4.png') 13px 10px no-repeat #2a5caa; background-size:20px;color:white; font-size:20px;}
#latestzone #popupzone .popup_div {position:relative;width:100%;height:100%;background-color:#f1f1f1;}

@media( max-width:767px){
#latestzone{margin:0px 0px 10px 0px;}
#latestzone #notice{width:50%; margin:10px 0px 0px 0px;}
#latestzone #freeboard{width:50%; margin:10px 0px 0px 0px;}
#latestzone #jobzone{width:50%; margin:10px 0px 0px 0px;}
#latestzone #popupzone{width:50%; margin:10px 0px 0px 0px;}
}
@media( max-width:500px){
#latestzone #notice{width:100%;}
#latestzone #freeboard{width:100%;}
#latestzone #jobzone{width:100%;}
#latestzone #popupzone{width:100%;}
}

#slide_zone {position:relative;width:100%;z-index:99;letter-spacing:-1px;overflow:hidden;padding:40px 0 0 0;}
#slide_zone .r_box {position:relative;color:white;left:50%;width:415px;margin:81px 0 0 175px;height:280px;background-color:rgba(0,133,87,0.9);padding:25px 55px;}
#slide_zone .r_box .r_box_txt1 {display:inline-block;font-size:34px;letter-spacing:-3px;font-weight:bold;padding:5px 0;margin:0px 0px;}
#slide_zone .r_box .r_box_txt2 {font-size:16px;letter-spacing:-1px;line-height:170%;margin:10px 0 40px 0}
#slide_zone .r_box .r_box_more {color:white;font-size:15px;border:1px solid white;width:120px;text-align:center;padding:7px 0 11px 0;}

@media( max-width:767px){
	#c_visual {position:relative; width:100%; height:375px; overflow:hidden;background-color:#fff;}
	.c_slide1 {width:100%;height:375px;background-size:cover;}
	.c_slide2 {width:100%;height:375px;background-size:cover;}
	#c_visual .bx-controls {position:absolute; left:0px; top:0; width:100%; margin-left:0px; z-index:100;}
	#c_visual .bx-controls-direction {position:absolute; left:0px;top:120px; width:100%; margin-left:0px; z-index:100;}
	#c_visual .bx-controls-direction a {width:65px; height:65px; text-indent:-9999px; display:block; overflow:hidden;}
	
	#r_visual {position:relative; width:100%; height:280px; overflow:hidden;background-color:#fff;}
	#r_visual .bx-controls {left:50%;margin-left:-44%; top:93px;width:88%;}
	.r_slide1 {width:100%;height:260px;background-size:cover;}
	.r_slide2 {width:100%;height:260px;background-size:cover;}
	.r_slide3 {width:100%;height:260px;background-size:cover;}
	.r_slide4 {width:100%;height:260px;background-size:cover;}
	.r_slide5 {width:100%;height:260px;background-size:cover;}
	.r_slide6 {width:100%;height:260px;background-size:cover;}
	.r_slide7 {width:100%;height:260px;background-size:cover;}
	.r_slide8 {width:100%;height:260px;background-size:cover;}
	.r_slide9 {width:100%;height:260px;background-size:cover;}
	.r_slide10 {width:100%;height:260px;background-size:cover;}
	#slide_zone .r_box {margin:0 auto;width:80%;padding-top:13px;height:100%;left:auto;}
}

#top2_zone {position:relative;width:100%;top:50px;letter-spacing:-1px;overflow:hidden;}
#top2_zone ul {overflow:hidden;}
#top2_zone ul li {float:left;width:25%;text-align:center;padding:3px;overflow:hidden;}
#top2_zone ul li img {}
#top2_zone .q1 {width:270px;height:108px;margin:0 auto;border:1px solid #ccc;font-size:19px;color:#555;padding-top:20px;}
#top2_zone .q_more {width:120px;height:35px;margin:0 auto;border:1px solid #ccc;font-size:14px;color:#666;margin-top:10px;padding-top:7px;}
#top2_zone:before {position:absolute;content:'';background:url('/images/main/leaf_s.png') no-repeat;top:200px;left:50%;width:112px;height:162px;margin-left:-720px;} 
#top2_zone:after {position:absolute;content:'';background:url('/images/main/leaf_b.png') no-repeat;top:100px;left:50%;width:227px;height:328px;margin-left:640px;} 

#pic_zone {position:relative;width:100%;height:470px;margin-top:0px;background:#e3e3e3 url('/images/main/gallery_bg.jpg') center center no-repeat;background-size:cover;text-align:center;padding:40px 0 40px 0;letter-spacing:-1px;}
#pic_zone .b_txt {font-size:44px;color:white;font-weight:bold;margin-top:80px;}
#pic_zone .s_txt {font-size:18px;color:white;margin-bottom:80px;}
#pic_zone ul {overflow:hidden;}
#pic_zone .photo_txt {font-size:18px;color:#e1b467;margin-top:8px;}

.mac_jg {position:relative;margin-top:30px;width:460px;margin:0 auto;}
.mac_jg>li {width:calc(100%/2);float:left;padding:7px;overflow:hidden;}
.mac_jg>li div {position:relative;height:56px;width:220px;padding-top:13px;}
.mac_jg>li a {position:relative;width:100%;color:white;font-size:24px;display:inline-block;border:2px solid white;border-radius:29px;}
.mac_jg>li a:hover {background-color:#000;border:1px solid #000;}
.mac_jg_tit {position:relative;padding-top:63px;font-size:16px;font-weight:bold;}
.mac_jg_li1 a {background:url('/images/main/jg_icon1.png') center 17px no-repeat;background-size:32px;}
.mac_jg_li2 a {background:url('/images/main/jg_icon2.png') center 17px no-repeat;background-size:30px;}
.mac_jg_li3 a {background:url('/images/main/jg_icon3.png') center 17px no-repeat;background-size:32px;}
.mac_jg_li4 a {background:url('/images/main/jg_icon4.png') center 17px no-repeat;background-size:32px;}
.mac_jg_li5 a {background:url('/images/main/jg_icon5.png') center 17px no-repeat;background-size:38px;}
.mac_jg_li6 a {background:url('/images/main/jg_icon6.png') center 17px no-repeat;background-size:22px;}
.mac_jg_li7 a {background:url('/images/main/jg_icon7.png') center 17px no-repeat;background-size:35px;}
.mac_jg_li8 a {background:url('/images/main/jg_icon8.png') center 17px no-repeat;background-size:32px;}
.mac_jg_li9 a {background:url('/images/main/jg_icon9.png') center 17px no-repeat;background-size:25px;}
.mac_jg_li10 a {background:url('/images/main/jg_icon10.png') center 17px no-repeat;background-size:30px;}
.mac_jg_li11 a {}

.lat_gal {background:url('/images/main/title_head.png') 20px 0px no-repeat;padding:0px 0px 0px 85px;font-size:40px;font-weight:bold;letter-spacing:-2px;line-height:90%;height:95px;margin-top:30px;}
.lat_exp {font-size:24px;color:#000;font-weight:bold;height:80px;border:1px solid #ddd;padding:0px 0 0 25px;line-height:80px;}
.lat_galbar {text-align:center;padding-top:110px;}
.lat_more {float:right;height:100%;width:80px;background-color:#004394;text-align:center;line-height:72px;}

.m_line{position:relative;width:100%;height:1px;border-bottom:1px solid #ccc;margin-top:100px;}
.m_line2 {position:relative;width:245px;height:1px;border-bottom:1px solid #6f6f6f;margin:0 auto;}


@media( max-width:767px){
	.lat_more {height:78px;}
}

@media( max-width:767px){
	#notice_zone {position:relative;width:100%;margin-top:-7px;padding-top:0px;}
	#notice_zone > .layout {padding:0px 0px;}
	#notice_zone .mn1_more {display:none;}
	#notice_zone .mn1_title {width:100%;margin:10px 0px;padding:5px 0px 0px 25px;}
	#notice_zone .mn1_title:before {left:10px;}

	#notice_zone .mn1_con {padding:10px 10px 0 10px;}
	#notice_zone .mn_left ul li:first-child {padding-right:10px;}

	#notice_zone .noti_li1 {float:none;width:100%;}
	#notice_zone .noti_li2 {float:none;width:100%;margin-left:0%;}

	#top2_zone ul li {float:left;width:50%;}
	#top2_zone ul li img{width:100%;}

	#pic_zone {position:relative;width:100%;height:350px;margin-top:0px;background-size:cover;text-align:center;}
	#pic_zone .b_txt {font-size:28px;margin-top:50px;}
	#pic_zone .s_txt {font-size:16px;margin-bottom:50px;}
	#pic_zone ul {overflow:hidden;}
	#pic_zone .menu .li_left {float:none;}
	.mac_jg {position:relative;margin-top:30px;width:100%;margin:0 auto;}
	.mac_jg>li {width:calc(100%/2);float:left;padding:7px;overflow:hidden;}
	.mac_jg>li div {position:relative;height:50px;width:100%;padding-top:13px;}
	.mac_jg>li a {position:relative;width:100%;color:white;font-size:18px;display:inline-block;border:2px solid white;border-radius:29px;}

	#pic_zone .menu .cut0{display:block;}
	#pic_zone .menu .cut1{display:block;}
	#pic_zone .menu .cut2{display:block;}
	#pic_zone .menu .cut3{display:block;}
	#pic_zone .menu .cut4{display:none;}
	#pic_zone .menu .cut5{display:none;}
	#pic_zone .menu .cut6{display:none;}
	#pic_zone .menu .cut7{display:none;}

	.lat_gal {padding:0px 0px 0px 55px;}
	.lat_exp {padding-left:15px;padding-bottom:10px;}
	.lat_galbar {padding-top:30px;}
}

#middler{clear:both; padding:0px 0px 0px 0px;}

@media( max-width:767px){
	#middler{clear:both; padding:75px 0px 0px 0px;}
}

#middler #visual_sub1{height:426px; position:relative; background:#000 url('/images/layout/sub_mv1.jpg') center -29px no-repeat; background-size:1920px;}
#middler #visual_sub2{height:426px; position:relative; background:#000 url('/images/layout/sub_mv2.jpg') center -29px no-repeat; background-size:1920px;}
#middler #visual_sub3{height:426px; position:relative; background:#000 url('/images/layout/sub_mv3.jpg') center -29px no-repeat; background-size:1920px;}
#middler #visual_sub4{height:426px; position:relative; background:#000 url('/images/layout/sub_mv1.jpg') center -29px no-repeat; background-size:1920px;}
#middler #visual_sub5{height:426px; position:relative; background:#000 url('/images/layout/sub_mv2.jpg') center -29px no-repeat; background-size:1920px;}
#middler #visual_sub6{height:426px; position:relative; background:#000 url('/images/layout/sub_mv3.jpg') center -29px no-repeat; background-size:1920px;}
#middler #visual_sub7{height:426px; position:relative; background:#000 url('/images/layout/sub_mv2.jpg') center -29px no-repeat; background-size:1920px;}
#middler #visual_sub8{height:426px; position:relative; background:#000 url('/images/layout/sub_mv3.jpg') center -29px no-repeat; background-size:1920px;}

#middler .sub_gcod {position:absolute;width:100%;top:230px;font-size:38px;color:white;font-weight:600;text-align:center;}
#middler .sub_gcod:before {position:absolute;content:'';top:-15px;left:50%;width:50px;height:3px;margin-left:-25px;background-color:rgb(256,256,256);}

#middler .title{position:absolute;top:200px;left:50%;margin-left:-200px;}
#middler .title > img {width:400px;}
#middler .txt1{font-size:12px; padding:10px 0px 0px 30px; color:white;font-weight:600;letter-spacing:-1px;}  
#middler .txt2{padding:0px 0px 0px 0px;border-right:1px solid #fff;width:1px;height:30px;margin:30px auto;}  

@media( max-width:767px){
	#middler #visual_sub1,#middler #visual_sub2,#middler #visual_sub3,#middler #visual_sub4,#middler #visual_sub5,#middler #visual_sub6,#middler #visual_sub7,#middler #visual_sub8 {height:220px;background-size:cover;}
	#middler .title {position:relative;top:50px;text-align:center;left:auto;margin-left:auto;}
	#middler .title > img {width:70%;max-width:527px;}
	#middler .sub_gcod {position:absolute;width:100%;top:60px;font-size:30px;color:white;font-weight:600;text-align:center;}
	#middler .sub_gcod:before {position:absolute;content:'';top:-15px;left:50%;width:50px;height:3px;margin-left:-25px;background-color:rgb(256,256,256);}

}


#containers{position:relative;height:55px;margin-top:-55px;}
#containers .nav_menu{overflow:hidden; margin:0px; padding:0px;height:55px;background-color:rgba(39,69,135,0.7)}
#containers .nav_menu li{float:left; font-size:15px; border-right:1px solid #274487;}
#containers .nav_menu li a{display:inline-block; width:100%; height:55px; line-height:55px; padding-left:20px;color:white;}
#containers .nav_menu li a:hover{}
#containers .nav_menu .depth1{overflow:hidden; width:55px; font-weight:600;}
#containers .nav_menu .depth1 > a {padding-left:19px;line-height:52px;}
#containers .nav_menu .depth2{overflow:hidden; width:250px; }
#containers .nav_menu .depth3{overflow:hidden; width:250px;}

#containers .depth2_more{display:none; border-top:none; position:absolute; background-color:rgba(39,69,135,0.7);  margin:0px 0px 0px 55px;  padding:10px 0; width:250px;  z-index:10;}
#containers .depth2_more li{font-size:15px; border-top:none; float:none;}
#containers .depth2_more li a{color:white;margin:0px; padding:0px; display:inline-block; height:45px; line-height:45px; width:100%; text-indent:20px;}
#containers .depth2_more li a:hover{color:#f36f21;}

#containers .depth3_more{display:none; border-top:none; position:absolute; background-color:rgba(39,69,135,0.7);  margin:0px 0px 0px 304px;  padding:10px 0; width:250px; z-index:10;}
#containers .depth3_more li{font-size:15px; border-top:none; float:none;}
#containers .depth3_more li a{color:white;margin:0px; padding:0px; display:inline-block; height:45px; line-height:45px; width:100%; text-indent:20px;}
#containers .depth3_more li a:hover{color:#f36f21;}

#containers .sub_sns {float:right;margin-top:-50px;}
#containers .sub_sns > li {float:left;height:49px;width:49px;background-color:#214b95;margin-left:1px;text-align:center;}
#containers .sub_sns > li > a {display:inline-block;width:49px;height:49px;padding-top:14px;}

.sub_depth3 {height:56px;font-size:17px;text-align:center;}
.sub_depth3 > ul {overflow:hidden;display:inline-block;}
.sub_depth3 > ul > li {float:left;width:200px;height:56px;padding-top:17px;}
.sub_depth3 > ul > li:hover{border-bottom:2px solid #4c6f00;}

@media( max-width:767px){
	#containers{display:block;}
	#containers .nav_menu{background-image:none;}
	#containers .nav_menu .depth1{width:15%;}
	#containers .nav_menu .depth1 > a {padding-left:50%;margin-left:-10px;}
	#containers .nav_menu .depth2{width:40%;overflow:hidden;white-space:nowrap;overflow:hidden;}
	#containers .nav_menu .depth3{width:40%;overflow:hidden;white-space:nowrap;overflow:hidden;}
	#containers .depth3_more{width:39.2%; margin-left:53.8%;overflow:hidden;white-space:nowrap;overflow:hidden;}
	#containers .depth2_more{width:39.4%;  margin-left:14.6%;overflow:hidden;white-space:nowrap;overflow:hidden;}

	#containers .sub_sns {display:none;}
}

#middler .subtitle{padding:20px 0px; font-size:3em; font-weight:400;}

@media( max-width:767px){
	#middler .subtitle{font-size:2em; padding:0px;}
}


#linkzone{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; line-height:70px;}
#linkzone .title{width:105px; text-align:center; float:left; font-weight:600; font-size:14pt;}
#linkzone .ctrl{width:100px; text-align:center; float:left; margin-right:0px;}

@media(max-width:320px){

#linkzone .ctrl{margin-right:10px; width:auto;}
}
#linkzone .ctrl span{cursor:pointer;}
#linkzone .blank_btn{margin:0px 0px 6px 0px;}
#linkzone	#slidebanner{margin:0px 0px 0px 0px; padding:0px; width:auto; list-style:none;}
#linkzone	#slidebanner li{margin:0px 0px 0px 0px;}
#linkzone	#slidebanner li a{font-size:16px; display:inline-block;  text-align:left; width:210px;}
@media(max-width:320px){
#linkzone	#slidebanner li a{font-size:16px; display:inline-block;  text-align:left; width:210px;}
}

#ban_zone {position:relative;width:100%;background:url('/images/layout/bottom_bg.jpg') center center no-repeat;height:335px;margin:40px 0;}

.f_macrap {position:relative;background-color:#30353b;padding-bottom:20px;padding-top:30px;border-bottom:1px solid #3f4249;}
.f_macrap ul {overflow:hidden;}
.f_macrap li {float:left;overflow:hidden;padding-right:30px;}
.f_macrap li a{color:white; font-size:12px;}

 @media( max-width:767px){
	.f_macrap {position:relative;background-color:#30353b;padding-bottom:10px;padding-top:0px;}
	.f_macrap ul {overflow:hidden;}
	.f_macrap li {float:left;overflow:hidden;padding:5px;width:calc(100%/2);text-align:center;}
	.f_macrap li a{color:white; font-size:12px;}
}

.f_wrap {position:relative;background-color:#323232;height:60px;border-bottom:1px solid black;}
.f_container {position:relative;max-width: 1200px; padding: 0px 0 0 10px; margin: 0 auto;}
.f_etc {overflow:hidden;padding-top:20px;}
.f_etc li {display: inline-block; vertical-align: middle; padding: 0 22px 0 16px; position: relative;}
.f_etc li a {color: #fff; font-size: 14px;}
.f_etc li a:hover {color: #dcb27f;}
.f_etc li:before {position: absolute; right: 0; top: 50%; margin-top: -5px; width: 2px; height: 11px; background: #676767; display: block; content: '';}
.f_etc li:first-child {padding-left: 0;}
.f_etc li:last-child {padding-right: 0;}
.f_etc li:last-child:before {display: none;}
.footer_top {background:url('/images/layout/arrow_gotop.png') center center no-repeat;position:absolute;top:30px;width:62px;right:30px;height:62px;}

.f_wrap2 {position:relative;background-color:#30353b;padding-bottom:10px;padding-top:20px;}

.footer_wrap {position:relative;background-color:#fff;}
.footer_container {max-width: 1425px; padding: 0px 0px 0px 0px; margin: 0 auto; min-width: 320px;}
.footer_cont_box {height:60px;}
.f_logo {float:left;overflow:hidden;padding-right:50px;border-right:1px solid white;margin-right:50px;}
.f_logo img{width:200px;}



.footer_address {margin:25px 0 25px 0; font-size: 14px; line-height: 150%;letter-spacing:0px;word-break: keep-all;color:#8d8e93 }
.copy {color:#333;word-break: keep-all; }
.main_column_wrap {position:relative;margin:50px auto;z-index:99;}
.main_column_box {position:absolute;top:0px;right:0px;padding:0;width:200px;}
.main_site_wrap .relative_box {position: relative; padding-top: 0px;}
.main_site_wrap .relative_box:first-child {padding-top: 0;}
.main_site_wrap .relative_btn {font-size:14px;height: 35px; line-height: 30px; color: #888; width: 100%; text-align: left; padding: 0 18px; position: relative; background-color:#fff;border: 1px solid #dbdae1;}
.main_site_wrap .relative_btn .ico {display: block; content: ''; position: absolute; right: 15px; top: 15px; width: 9px; height: 9px;}
.main_site_wrap .relative_btn .ico:before {display: block; content: ''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #ccc;}
.main_site_wrap .relative_btn.active .ico:before {border-top: none; border-bottom: 5px solid #ccc;}
.main_site_wrap .relative_cont {display: none; position: absolute; left: 0; bottom: 35px; z-index: 5; width: 100%;}
.main_site_wrap .relative_cont.active {display: block;}
.main_site_wrap .relative_list {font-size:14px;color:#000;background: #fff; height: 120px; overflow-y: auto; border: 1px solid #dbdae1;margin-bottom:-1px;}
.main_site_wrap .relative_cont_tit {font-size:14px;display: block; padding: 10px 0 10px 15px; background: #eee; font-weight: 600;}
.main_site_wrap .relative_list a {color:#888;display: block; padding:5px 0 5px 20px;}

.private {position:relative;float:right;text-align:center;margin-top:15px;}
.private > a {color:white;padding:7px 20px;font-size:14px;display:inline-block;width:100%;height:100%;background:#666;border-radius:17px;letter-spacing:1px;}
.private > a:hover {background:#000;}

@media all and (max-width: 767px) {
	#ban_zone > .layout > ul > li {float:left;width:calc(100%/3);text-align:center;padding-top:18px;}
	#ban_zone .ban4, .ban5 {display:none;}
	
	.f_container {width: 100%; padding: 0px 0 0 10px; margin: 0 auto;}
	.footer_container {padding: 20px 0 0 0px; margin: 0 auto; min-width: 320px;}
	.f_etc li {padding: 0 12px 0 6px; position: relative;}
	.f_etc li a {font-size: 12px;}
	.f_etc li:before {position: absolute; right: 0; top: 50%; margin-top: -5px; width: 2px; height: 11px; background: #676767; display: block; content: '';}

	.main_column_box {position:relative;width:90%;margin:0 auto;}
	.f_logo {float:none;text-align:center;padding:0px 0px 0px 0px;border-right:none;margin-right:0px;}
	.footer_address {text-align:center; margin:0px 0 20px 0;word-break: keep-all; }
	.private {position:relative;background:#666; float:none;width:90%;margin:0 auto 20px auto;border-radius:17px;}
}

@media all and (max-width: 525px) {
	#ban_zone > .layout > ul > li {float:left;width:calc(100%/2);text-align:center;padding-top:18px;}
	#ban_zone .ban3, .ban4, .ban5 {display:none;}
}

/*CONTENTS*/
.sgi_txt {position:relative;font-size:16px;letter-spacing:-0px;padding:4px 0 4px 17px;line-height:150%;text-align:left;}
.sgi_txt:before {position:absolute;content:'';background-color:#f36f21;top:15px;left:3px;width:5px;height:5px;}
.sgi_txt > strong {color:#333;}

.sgi_txt2 {position:relative;font-size:16px;letter-spacing:-0px;padding:4px 0 4px 17px;line-height:150%;text-align:left;text-indent:-73px;margin-left:73px;word-break:keep-all;}
.sgi_txt2:before {position:absolute;content:'';background-color:#f36f21;top:15px;left:-70px;width:5px;height:5px;}
.sgi_txt2 > strong {color:#333;}

.sub_imgdiv {position:relative;text-align:center;}

.red_txt {position:relative;font-size:30px;letter-spacing:-1px;line-height:130%;color:#f36f21;font-weight:bold;word-break:keep-all;font-family:"Nanum Myeongjo",sans-serif;}
.sgray_txt {position:relative;font-size:16px;letter-spacing:-1px;line-height:130%;color:#888;font-weight:bold;}
.bgray_txt {position:relative;font-size:36px;letter-spacing:0px;line-height:120%;color:#888;font-weight:normal;margin-bottom:30px;font-family: 'Playfair Display', serif;}
.sub_logo {position:relative;float:left;padding:0px 60px 10px 60px;;}
.sub_txt {position:relative;font-size:18px;text-align:center;color:black;line-height:130%;}
.sub_txt22 {font-size:22px;font-weight:bold;line-height:130%;}
.sub_txt20 {font-size:20px;font-weight:bold;line-height:130%;}
.sub_txt39 {font-size:45px;font-family: 'Nanum Brush Script', cursive;padding-left:10px;font-weight:normal}
.sub_txt40 {font-size:40px;font-weight:400;line-height:130%;}
.sub_txt_blue {position:relative;color:#274487;}

@media all and (max-width: 767px) {
	.sub_txt {position:relative;font-size:16px;text-align:center;color:black;}
	.sub_txt22 {font-size:18px;font-weight:bold;}
	.sub_txt20 {font-size:20px;font-weight:bold;}
	.sub_txt39 {font-size:40px;font-family: 'Nanum Brush Script', cursive;padding-left:10px;font-weight:normal}
	.sub_txt40 {font-size:27px;font-weight:400;line-height:130%;}
	.sub_txt_blue {position:relative;color:#274487;}
}
.mi_img {position:relative;height:355px;background:#000 url("/images/sub/scimg_01_1_1.jpg") center center no-repeat;margin:90px auto;}
/*.mi_img {position:relative;height:355px;width:100%;margin:90px auto;}
.mi_img:before {position:absolute;content:'';background:url('/images/sub/scimg_01_1_1.jpg') no-repeat;top:0px;left:50%;margin-left:-50px;width:100%;height:355px;}*/
.t_title {position:relative;font-size:19px;margin-top:0px;margin-bottom:10px;padding:0 0 0 17px;font-weight:bold;color:#666;}
.t_title:after{position:absolute;left:4px;top:11px;content:"";display:block;width:5px;height:5px;background-color: rgb(243, 111, 33); font-size: 3px;}

.t_info ul li {background:url('/images/blit04.gif') no-repeat 0px 0px; background-position:10px 10px; padding:0px 0px 0px 20px;font-size:16px;}

.sub01_01_01 {margin-bottom:30px;}
.sub01_01_ul {position:relative;overflow:hidden;}
.sub01_01_li1 {float:left;width: 38%;}
.sub01_01_li2 {float:left;width: 62%;}
@media all and (max-width: 767px) {
	.sub01_01_li1 {width: 100%;text-align:center;}
	.sub01_01_li2 {width: 100%;margin-top:20px;}
}

.sub01_01_03 {margin-top:40px;font-size:20px;color:black;font-weight:normal;}
.sub01_01_04 {font-size:52px;font-family: 'Nanum Brush Script', cursive;padding-left:10px;font-weight:normal;}

.sub01_04_ul {position:relative;overflow:hidden;width:900px;margin:0 auto;}
.sub01_04_li1 {position:relative;float:left;width: 25%;padding:10px;overflow:hidden;}
.sub01_04_li1 > div {line-height:130%;width:97%;border:5px solid white;-moz-box-shadow: 0px 0px 10px #666;
 -webkit-box-shadow: 0px 0px 10px #666;
box-shadow:0px 0px 10px #666;border-radius:10px;text-align:center;color:white;font-size:22px;font-weight:bold;padding:10px;}
.sub01_04_li2 {position:relative;float:left;width: 75%;padding:10px;overflow:hidden;}
.sub01_04_li2 > div {line-height:150%;background:rgba(0,0,0,0.4);color:white;font-size:18px;padding:17px;border-radius:10px;text-align:left;}
.sub01_04_li2 > div > ul {position:relative;overflow:hidden;}
.sub01_04_li2 > div > ul > li {float:left;width:calc(99.7%/3);overflow:hidden;text-align:center;padding:8px;}

.sub01_4{background:url('/images/sub/his_bg.gif') -5px 0px repeat-Y;  overflow:hidden; margin:0px; padding:20px 0 0 0;border-bottom:2px solid #ddd;border-top:2px solid #ddd;}
.sub01_4 .y_img{float:left; width:200px;}
.sub01_4 .y_text{float:right; width:920px;font-size:16px;}
.sub01_4 ul li {text-indent:-72px; margin-left:72px; padding-bottom:5px; word-break:keep-all}
.sub01_4 ul li span{color:#c58d06;}
.sub01_4 ul .line{border-bottom:1px dashed #ddd; margin:20px 0px;}

.sub01_04_01 {float:left;}
.sub01_04_02 {float:right;}

@media( max-width:1000px){
	.sub01_4{background:none; }
	.sub01_4 .y_img{display:none;}
	.sub01_4 .y_text{float:none; width:100%;}
}

.sub01_06_ul {position:relative;overflow:hidden;}
.sub01_06_ul > li {float:left;border:1px solid #ddd; width:calc(98%/2);border-radius:10px;margin:0.5%;background:linear-gradient( to bottom, white, #f5f5f5 );}
.sub01_06_ul2 {position:relative;overflow:hidden;}
.sub01_06_li1 {float:left;text-align:center;padding:12px 15px 0 15px;width:32%;}
.sub01_06_li1 img {margin-top:0px;border-radius:5px;width:150px;}
.sub01_06_li1 > p {color:white;font-size:14px;margin-top:3px;padding:3px;border-radius:5px;background:#3f61b2;}
/*.sub01_06_li1 > p:hover {background:linear-gradient( to bottom, #008557,#0bb67b );}*/
.sub01_06_li1 > p > a {color:white;display:inline-block;width:100%;height:100%;}
.sub01_06_li2 {float:left;padding:14px 0;width:68%;height:240px;}
.pro_list_btn {position:relative;padding:5px;border-radius:5px; width:100px;margin:30px auto 0px auto;text-align:center;background:linear-gradient( to bottom, #0bb67b, #008557 );}
.pro_list_btn:hover {background:linear-gradient( to bottom, #008557,#0bb67b );}
.pro_list_btn > a {color:white; display:inline-block;width:100%;height:100%;font-size:16px}

@media all and (max-width: 767px) {
	.sub01_06_ul > li {float:none;width:100%;margin:2% 0;}
	.sub01_06_li1 {float:none;padding:15px 15px 0px 15px;width:auto;}
	.sub01_06_li2 {float:none;padding: 0 15px 15px 15px;width:auto;height:auto;}
}

.sub02_04_ul {position:relative;overflow:hidden;}
.sub02_04_li1 {float:left;text-align:center;padding:12px 30px 0 17px;width:15%;}
.sub02_04_li1 > p {background-color:#008557;font-size:14px;margin-top:3px;padding:4px;border-radius:5px;background:linear-gradient( to bottom, #0bb67b, #008557 );}
.sub02_04_li1 > p:hover {background:linear-gradient( to bottom, #008557,#0bb67b );}
.sub02_04_li1 > p > a {color:white;display:inline-block;width:100%;height:100%;}
.sub02_04_li2 {float:left;width:85%;background:url('/images/sub/cts22_img6.png') right bottom no-repeat;}

.sub02_04_tab {position:relative;overflow:hidden;}
.sub02_04_tab > li {letter-spacing:-1px;line-height:130%;height:60px;position:relative;overflow:hidden;float:left;width:calc(99%/5);background-color:#f8f8f8;text-align:center;padding:0px;font-size:16px;border:1px solid #ddd;margin:1px;}
.sub02_04_tab > li > a {display:inline-block;width:100%;height:100%;padding-top:9px;}
.sub02_04_tab > li > a:hover {background-color:#aaa;color:white;}
.li_ybg {background:linear-gradient( to bottom, #7c8389, #22272c  );color:white;}

@media all and (max-width: 767px) {
	.sub02_04_li1 {float:none;padding:15px 0px 10px 0px;width:100%;}
	.sub02_04_li2 {float:none;width:100%;}

	.sub02_04_tab > li {width:calc(98%/2);}
}

.sub04_2_ul {position:relative;overflow:hidden;}
.sub04_2_li1 {float:left;text-align:center;padding:12px 30px 0 17px;width:15%;}
.sub04_2_li1 > p {background-color:#008557;font-size:14px;margin-top:3px;padding:4px;border-radius:5px;background:linear-gradient( to bottom, #0bb67b, #008557 );}
.sub04_2_li1 > p:hover {background:linear-gradient( to bottom, #008557,#0bb67b );}
.sub04_2_li1 > p > a {color:white;display:inline-block;width:100%;height:100%;}
.sub04_2_li2 {float:left;width:85%;background:url('/images/sub/cts22_img6.png') right bottom no-repeat;}

.sub04_2_tab {position:relative;overflow:hidden;}
.sub04_2_tab > li {letter-spacing:-1px;line-height:130%;height:50px;position:relative;overflow:hidden;float:left;width:calc(99.4%/3);background-color:#f8f8f8;text-align:center;padding:0px;font-size:16px;border:1px solid #ddd;margin:1px;}
.sub04_2_tab > li > a {display:inline-block;width:100%;height:100%;padding-top:13px;}
.sub04_2_tab > li > a:hover {background-color:#aaa;color:white;}

.sub03_6_tab {position:relative;overflow:hidden;}
.sub03_6_tab > li {letter-spacing:-1px;line-height:130%;height:50px;position:relative;overflow:hidden;float:left;width:calc(99.6%/2);background-color:#f8f8f8;text-align:center;padding:0px;font-size:16px;border:1px solid #ddd;margin:1px;}
.sub03_6_tab > li > a {display:inline-block;width:100%;height:100%;padding-top:13px;}
.sub03_6_tab > li > a:hover {background-color:#aaa;color:white;}

@media all and (max-width: 767px) {
	.sub04_2_li1 {float:none;padding:15px 0px 10px 0px;width:100%;}
	.sub04_2_li2 {float:none;width:100%;}

	.sub04_2_tab > li {width:calc(98%/2);}
	.sub03_6_tab > li {width:calc(98%/2);}
}

.sub03_01_ul {position:relative;overflow:hidden;}
.sub03_01_ul > li {position:relative;float:left;width:calc(100%/4);text-align:center;padding:5px;}
@media all and (max-width: 767px) {
	.sub03_01_ul > li {width:calc(100%/2);}
}

.sub06_1_1 {background-color:#f36f21;color:white;font-size:20px;padding:10px;text-align:center;border-radius:5px;width:50%;margin:10px auto;line-height:130%;font-weight:bold;}
.sub06_1_ul1 {position:relative;overflow:hidden;width:100%;padding:20px 0 0 0;border-left:10px solid #98b8d1;}
.sub06_1_ul1 li{margin:0 0 20px 0;}
.sub06_1_li1 {position:relative;float:left;width:12%;overflow:hidden;text-align:left;}
.sub06_1_subtit {color:black;font-size:25px;font-weight:bold;}
.sub06_1_subtitb ul {overflow:hidden;}
.sub06_1_subtitb ul li {float:left;height:5px;margin:5px 1px;}
.sub06_1_subtit {font-size:25px;padding:5px 0 4px 10px;}
.sub06_1_txt1 {font-size:20px;line-height:150%;}
.sub06_1_txt1 span {font-size:30px;color:#f36f21;font-weight:bold;}
.sub06_1_stit {position:relative;padding:20px;border-radius:35px;background-color:#295eb2;color:white;font-size:22px;font-weight:bold;text-align:center;line-height:130%;}
.sub06_1_stit:before {position:absolute;content:'';background:url('/images/sub/dda1.png') no-repeat center;background-size:50%;top:-25px;left:3%;width:80px;height:60px;} 
.sub06_1_stit:after {position:absolute;content:'';background:url('/images/sub/dda2.png') no-repeat center;background-size:50%;bottom:-25px;right:3%;width:80px;height:60px;} 
.sub06_1_li2 {position:relative;float:left;width:88%;overflow:hidden;padding:10px 0;}

.j_li1 {float:left;width:80px;height:80px;border-radius:50%;background-color:#cfdbf1;color:black;font-size:20px;font-weight:bold;text-align:center;padding-top:13px;}
.j_li2 {float:left;width: 22px;text-align:center;padding-top:25px;}
.j_li3 {float:left;font-size:20px;letter-spacing:-1px;padding-right:15px;padding-top:13px;color:#555;}
.j_li4 {float:left;font-size:24px;letter-spacing:-1px;padding:0px 29px 0 28px;text-align:center;}
.j_li4 p {border:3px solid #ddd;width: 280px;text-align:center;padding:8px 0 10px 0;color:#555;}

@media all and (max-width: 767px) {
	.sub06_1_1 {width:100%;}
	.sub06_1_li1 {float:none;width:100%;}
	.sub06_1_li2 {float:none;width:100%;padding-left:10px;}
}

.sub06_02_li1 {float:left;width: 22%;}
.sub06_02_li2 {float:left;width: 78%;}
@media all and (max-width: 767px) {
	.sub06_02_li1 {width: 100%;text-align:center;}
	.sub06_02_li2 {width: 100%;margin-top:20px;}
}

.sub06_03_ul {position:relative;overflow:hidden;}
.sub06_03_ul > li {position:relative;float:left;width:calc(100%/2);overflow:hidden;padding-top:10px;}
.sub06_03_ul > li > img{position:relative;float:left;margin-right: 20px;}
@media all and (max-width: 767px) {
	.sub06_03_ul > li {position:relative;float:none;width:calc(100%/1);}
}

.sub07_01_tit {text-align:center;font-size:24px;font-weight:bold;color:black;margin-bottom:30px;line-height:150%;letter-spacing:-1px;}
.sub07_01_je {text-align:right;font-size:20px;font-weight:bold;color:black;margin-bottom:30px;letter-spacing:-1px;}
.sub07_01_chang {text-align:center;font-size:20px;font-weight:bold;color:black;margin-bottom:30px;letter-spacing:-1px;}
.sub07_01_jo {font-size:16px;color:black;margin-bottom:30px;line-height:200%;letter-spacing:-1px;}
.sub07_01_jo > span {font-size:18px;font-weight:bold;}


.green_txt {color:#60a245;}
.sub01_1_titimg {position:relative;text-align:center;}
.sub01_1_txt1 {position:relative;font-size:35px;font-weight:bold;color:#000;line-height:130%;text-align:center;letter-spacing:-3px;}
.sub01_1_txt2 {position:relative;font-size:17px;line-height:170%;text-align:center;letter-spacing:-1px;margin-top:50px;}

.sub01_4_detail {position:relative;width:180px;height:65px;margin:50px auto;}
.sub01_4_detail > a {display:inline-block;color:#fff;width:100%;height:100%;background-color:#008557;text-align:center;line-height:65px;font-size:17px;}

.sub02_1_contit {font-size:30px;font-weight:bold;margin:15px 0 30px 0;color:#000;line-height:130%;}
.sub02_1_con {font-size:17px;margin-bottom:30px;color:#666;}
.sub02_1_price {position:relative;color:#333;padding-left:15px;font-size:17px;}
.sub02_1_price:before {position:absolute;content:'';background:url('/images/sub/dot_sla.png') no-repeat;top:10px;left:0px;width:8px;height:7px;}

.sub04_1_name {position:relative;width:720px;height:90px;top:530px;background-color:#fff;z-index:50;font-size:30px;font-weight:bold;color:#000;padding:0px;letter-spacing:-3px;line-height:90px;}
.sub04_1_reserv {position:relative;float:right;background-color:#10418f;font-size:17px;font-weight:normal;width:140px;height:65px;line-height:63px;margin:25px 25px 0 0;}
.sub04_1_reserv a {display:inline-block;width:100%;height:100%;color:#fff;text-align:center;letter-spacing:-1px;}
.sub04_1_contit {position:relative;font-size:30px;font-weight:bold;color:#000;padding:20px 0;letter-spacing:-3px;}
.sub04_1_contit:before {position:absolute;content:'';background-color:#000;top:0px;left:0px;width:80px;height:3px;}
.sub04_1_bg {position:relative;height:434px;font-size:17px;background:url('/images/sub/sub04_1_5.jpg') center 0px no-repeat;background-size:cover;padding:50px 0 0 0;margin:50px 0;}
.sub04_1_whitetit {position:relative;color:#fff;font-size:28px;font-weight:bold;text-align:center;letter-spacing:-2px;}
.sub04_1_whitebg {background-color:rgba(255,255,255,0.9);color:#000;width:96%;margin:50px auto 0 auto;padding:30px 40px;letter-spacing:-1px;}
.sub04_1_ul {width:100%;overflow:hidden;}
.sub04_1_li1 {float:left;width:15%;overflow:hidden;padding:10px 0;}
.sub04_1_li2 {float:left;width:85%;overflow:hidden;padding:10px 0;}

@media all and (max-width: 767px) {
	.sub01_1_txt2 {text-align:left;}

	.sub04_1_name {position:relative;width:100%;height:65px;top:310px;background-color:#fff;z-index:50;font-size:30px;font-weight:bold;color:#000;padding:0px;line-height:73px;}
	.sub04_1_reserv {font-size:17px;font-weight:normal;width:140px;height:65px;line-height:63px;margin:0px 0px 0 0;}
	.sub04_1_reserv a {display:inline-block;width:100%;height:100%;color:#fff;text-align:center;letter-spacing:-1px;}

	.sub04_1_whitebg {margin:30px auto 0 auto;padding:20px 30px;}
	.sub04_1_li1 {float:none;width:100%;padding:5px 0;}
	.sub04_1_li2 {float:none;width:100%;padding:5px 0;}
}

.sub_txt1 {font-size:18px;line-height:160%;letter-spacing:-1px;margin:20px 0;}
.di3 {margin:20px 0;letter-spacing:-1px;}
.di3 > ul {overflow:hidden;}
.di3_li1 {width:calc(100%/3);float:left;text-align:left;}
.di3_li2 {width:calc(100%/3);float:left;text-align:center;}
.di3_li3 {width:calc(100%/3);float:left;text-align:right;}

.sub_title {position:relative;padding:2px 0px 9px 20px;font-size:26px;color:#333333;font-weight:600;letter-spacing:-1px;margin:11px 0;line-height:120%;}
.sub_title:after {position:absolute;content:'';top:8px;left:0px;width:8px;height:20px;background-color:#f36f21;}
.sub_title:before {position:absolute;content:'';top:40px;left:0px;width:100%;height:1px;border-top:1px solid #dedede;}
.sub_title2 {position:relative;padding:2px 0px 9px 0px;font-size:22px;color:#000;font-weight:600;letter-spacing:-1px;margin:11px 0;line-height:120%;}
.st_s {font-size:20px;}
.sub_gdot {position:relative;background:url('/images/sub/sub_txt_greendot.png') 0 10px no-repeat;padding:2px 0px 9px 20px;font-size:22px;color:#000;letter-spacing:-1px;margin:10px 0 0 0;font-weight:bold;}
.sub_dottxt {padding:30px 0 40px 25px;letter-spacing:-1px;}
.sub_dottxt > p {position:relative;background:url('/images/sub/sub_txt_dot.png') 0 11px no-repeat;padding:0px 0px 5px 15px;margin-bottom:0px;font-size:18px;line-height:150%;}

.di2 {margin:20px 0 40px 0;letter-spacing:-1px;font-size:18px;line-height:160%;}
.di2 > ul {overflow:hidden;}
.di2_li1 {width:55%;float:left;text-align:left;}
.di2_li2 {width:45%;float:left;text-align:left;}
.di2_li2 > .sub_dottxt {padding:0px 0 40px 0px;}

.add_info {font-size:16px;margin-top:30px;overflow:hidden;}
.add_li {float:left;width:100%;margin:5px 0;overflow:hidden;}
.add_li span {background-color:#dedede;width:120px;height:30px;border-radius:15px;text-align:center;display:inline-block;margin-right:10px;}
.add_li .li_x1 {float:left;width:130px;}
.add_li .li_x2 {float:left;width:400px;}

.sub_tab1 {position:relative;width:1055px;margin:0 auto;padding-bottom:40px;letter-spacing:-1px;}
.sub_tab1 > ul {overflow:hidden;border-bottom:0px solid #eee;}
.sub_tab1 > ul > li {text-align:center;width:calc(100%/4);border:1px solid #eee;margin-right:-1px;font-size:18px;height:55px;float:left;padding-top:15px;}
.sub_tab1 > ul > li.active {color:white;background-color:#4c6f00;}
.sub_tab1 > ul > li > a.active {color:white;}

.sub_tab2 {position:relative;width:1055px;margin:0 auto;padding-bottom:40px;letter-spacing:-1px;}
.sub_tab2 > ul {overflow:hidden;border-bottom:1px solid #eee;}
.sub_tab2 > ul > li {text-align:center;width:calc(100%/4);border:1px solid #eee;margin-right:-1px;margin-bottom:-1px;font-size:18px;height:55px;float:left;padding-top:15px;}
.sub_tab2 > ul > li.active {color:white;background-color:#4c6f00;}

@media( max-width:767px){
	.di3 > ul > li {text-align:center;margin:5px 0px;}
	.di3 > ul > li > img {width: 100%;}
	.di3_li1 {width:49%;float:left;}
	.di3_li2 {width:49%;float:right;}
	.di3_li3 {width:100%;float:auto;}

	.di2_li1 {width:100%;float:left;text-align:left;}
	.di2_li1 > img {width:100%;}
	.di2_li2 {width:100%;float:left;text-align:left;margin-top:10px;}

	.sub_tab1 {position:relative;width:100%;margin:0 auto;padding-bottom:40px;letter-spacing:-1px;}
	.sub_tab1 > ul {border-bottom:1px solid #eee;}
	.sub_tab1 > ul > li {overflow:hidden;text-align:center;width:calc(100%/2);border:1px solid #eee;margin-right:-1px;margin-bottom:-1px;font-size:14px;height:40px;float:left;padding-top:10px;}

	.sub_tab2 {position:relative;width:100%;margin:0 auto;padding-bottom:40px;letter-spacing:-1px;}
	.sub_tab2 > ul > li {overflow:hidden;text-align:center;width:calc(100%/2);border:1px solid #eee;margin-right:-1px;margin-bottom:-1px;font-size:14px;height:40px;float:left;padding-top:10px;}
}


#ctt_con{font-size:1rem; color:#666;}
@media( max-width:767px){ #ctt_con{font-size:0.75rem;} }

/*#ctt_con dl{padding:0px 0px 30px 0px}
#ctt_con dl dt{font-size:1.2rem; color:#428bca; padding:0px 0px 20px 0px;}*/
@media( max-width:767px){
	/*#ctt_con dl dt{font-size:1rem;}*/
}
/*#ctt_con dl dd{ padding:0px 0px 10px 0px;}*/
#ctt_con dl dd p{word-break:keep-all;}
#ctt_con dl dd ul{padding:10px;}
/*#ctt_con dl dd ul li{padding:0px 0px 5px 0px; }*/



#ctt_con .sub_t2 > .ofswipe table th{text-align:center; background-color:#e9e9e9; vertical-align:middle; color:black; border-top:2px solid #000;border-bottom:0px solid #000; padding:0.7rem;word-break:keep-all;}
#ctt_con .sub_t2 > .ofswipe table td{vertical-align:top;text-align:center; word-break:keep-all; padding:0.7rem; border:0px solid #ddd}
#ctt_con .sub_t2 > .ofswipe table {border-bottom:2px solid black;}
#ctt_con .ofswipe{overflow:hidden; width:100%; overflow-X:auto;text-align:center; }
#ctt_con .emphasis{font-weight:400; font-size:1.1rem; color:#428bca;}
#ctt_con .left_align {text-align:left;}
@media( max-width:767px){ #ctt_con .emphasis{font-size:0.9rem;} }

@media( max-width:767px){
	#ctt_con #ctt_con{font-size:1.3em; padding:0px 10px;}
}
#ctt_con #ctt_con p{word-break:keep-all;}

.h_space {height:65px;}

.sub_stitle {position:relative;font-size:28px;margin:60px 0px 30px 0px;color:black;border-top:1px solid #a9a9a9;padding-top:15px;}
.sub_stitle:after {position:absolute;content:'';top:0px;left:0px;width:140px;height:2px;border-top:2px solid #f36f21;}
.sub_stitle > span {font-size:22px;}

@media( max-width:767px){
	.sub_stitle {margin:30px 0px 30px 0px;color:black;border-top:1px solid #a9a9a9;padding-top:15px;}
}

.con_txt {position:relative;padding:0px 25px;letter-spacing:-1px;color:black;font-size:16px;line-height:170%;}
.con_txt_title {font-size:19px;margin:35px 0 20px 0;}
.arrow_icon {margin:0 15px;}
.con_txt > .s4_ul {overflow:hidden;}
.con_txt > .s4_ul > li {float:left;overflow:hidden;}
.con_txt > .s4_ul > li:nth-child(1) {width:580px;}
.con_txt > .s4_ul > li:nth-child(2) {width:520px;text-align:right;}

.s1_timg{margin-bottom:30px;}
.s1_conimg1, .s1_conimg2, .s1_conimg3 {position:relative;overflow:hidden;margin:30px 0px 30px 10px;}
.s1_conimg1 > li, .s1_conimg2 > li, .s1_conimg3 > li {width:370px;height:200px;float:left;margin:5px;}
.s1_conimg1 > li:nth-child(1) {background:url('/images/sub/s1_1.jpg') center center no-repeat;}
.s1_conimg1 > li:nth-child(2) {background:url('/images/sub/s1_2.jpg') center center no-repeat;}
.s1_conimg1 > li:nth-child(3) {background:url('/images/sub/s1_3.jpg') center center no-repeat;}

.s1_conimg2 > li:nth-child(1) {background:url('/images/sub/s1_4.jpg') center center no-repeat;}
.s1_conimg2 > li:nth-child(2) {background:url('/images/sub/s1_5.jpg') center center no-repeat;}
.s1_conimg2 > li:nth-child(3) {background:url('/images/sub/s1_6.jpg') center center no-repeat;}

.s1_conimg3 > li:nth-child(1) {background:url('/images/sub/s1_7.jpg') center center no-repeat;}
.s1_conimg3 > li:nth-child(2) {background:url('/images/sub/s1_8.jpg') center center no-repeat;}
.s1_conimg3 > li:nth-child(3) {background:url('/images/sub/s1_9.jpg') center center no-repeat;}

.s2_div {text-align: center; margin-top: 80px;}
.s2_div > ul {line-height: 58px; display: inline-block; widht: 400px;}
.s2_div > ul > li {width: 200px; height: 58px;float: left; font-size: 19px; }

@media( max-width:767px){
	.s2_div {text-align: center; margin-top: 40px;}
	.s2_div > ul {line-height: 36px; display: inline-block; widht: 280px;}
	.s2_div > ul > li {width: 140px; height: 38px;float: left; font-size: 14px; }
}

.half_ul {width:100%;overflow:hidden;}
.half_ul > li {width:50%;padding-right:20px;float:left;}

@media( max-width:767px){
	.half_ul > li {width:100%;padding-right:0px;float:none;}
}
.s7_point {background:#e2e2e2 url('/images/sub/s7_3.png') 20px center no-repeat;padding:10px 10px 10px 100px;}

.con_txt .s9_ul {overflow:hidden;}
.con_txt .s9_ul > li {width:50%;float:left;margin-bottom:20px;}
.con_txt .s9_ul > li > span {color:#f36f21;}

@media( max-width:767px){
	.con_txt .s9_ul > li {width:100%;float:none;margin-bottom:20px;}
}

.con_txt .s9_ul2 {overflow:hidden;}
.con_txt .s9_ul2 > li {float:left;}
.con_txt .s9_ul2 > li:nth-child(1) {width:23%;}
.con_txt .s9_ul2 > li:nth-child(2) {width:77%;text-align:left;}

@media( max-width:767px){
	.con_txt .s9_ul2 > li {float:none;}
	.con_txt .s9_ul2 > li:nth-child(1) {width:100%;text-align:center;margin-bottom:20px;}
	.con_txt .s9_ul2 > li:nth-child(2) {width:100%;text-align:left;}
}

.con_txt .s11_ul {overflow:hidden;}
.con_txt .s11_ul > li {float:left;width:calc(99%/6);margin-bottom:20px;}
.con_txt .s11_ul > li > div {text-align:center;}
.con_txt .s11_ul > li > div > img{width:90%;}
.con_txt .s11_gray {background-color:#e2e2e2; padding:30px;margin:40px 0 40px 0;}
.con_txt .s11_gray > div {padding:5px 0 5px 40px;}

@media( max-width:767px){
	.con_txt .s11_ul > li {float:left;width:calc(100%/3);}
}
.pc_view {display:block;}
.mo_view {display:none;}

@media( max-width:767px){
	.pc_view {display:none;}
	.mo_view {display:block;}
}

/*.context {font-size:17px; line-height: 40px; color:#333333; padding-left:20px; background:url('../images/icon02.png') no-repeat 0px 12px;}*/
.context {background:url('/images/layout/subt_icon.png') no-repeat;padding:2px 0px 9px 45px;font-size:26px;color:#000;letter-spacing:-2px;margin-top:10px;line-height:100%;}
.context strong{color: #333333;}

.mar {width: 1100px; margin-top:20px; margin-bottom: 30px;colspace:0; border-top:2px solid #FF5E00; border-bottom:2px solid #FF5E00;}
table tr td {line-height:150%; font-size:16px; padding : 7px 7px;}
table tr th {line-height:150%; font-size:16px; background-color:#fcfcfc; padding : 7px 7px;}

.cc {text-align:center;}
.bob {border-bottom:1px solid #dddddd;}
.bol{ border-left:1px solid #dddddd;}
.bor {border-right:1px solid #dddddd;}
.bot {border-top:1px solid #dddddd;}
.st{ font-weight:600; color:#2360ba; background-color:#FFFFE4;}

.mar3 {width: 100%; margin: 0px auto;}
.mar3 tr td img {width:90%; }
.mar3 tr td {border: 1px solid #dddddd; padding: 10px 5px 5px 5px;}

.mar3_m {width: 98%; margin: 0px auto;}
.mar3_m tr td img {width:100%; }
.mar3_m tr td {border: 1px solid #dddddd; padding: 10px 10px;  font-size:9px;}


.mar3m { margin: 0px auto;}
.mar3m tr td img {width:90px; }
.mar3m tr td {border: 1px solid #dddddd; padding: 10px 10px;}

.scrip {font-weight:400; font-size:16px; color:#333333; margin: 0px 0px;background-color:#eee;}
.scrip_m {font-weight:600; font-size:8px; color:#333333; margin:0px 0px  5px 0px;}
.mar5 { border-spacing: 0; border-collapse: collapse; width: 100%; border-top: 2px solid #000;border-bottom: 1px solid #000; border-right: 1px solid #dddddd; margin-top: 10px; margin-bottom:20px;}
.mar5 tr td {border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.blue1 {background-color:#888; font-weight: 600;color:#fff;}
.blue2 {background-color:#fbfbfb;}
.space2 {height: 1px; margin-bottom:30px; /*border-bottom: 1px dashed #dddddd;*/}
.space3 {height: 40px; margin-bottom:40px; border-bottom: 2px double #dddddd;}
.addtext {font-size:16px; color:#000; line-height:30px; padding-left: 50px; margin-bottom: 30px;}
.addtext2 {font-size:16px; color:#000; line-height:140%; padding-left: 15px; margin-bottom: 10px;}
.contitle {font-size:25px; color:#4374D9; line-height: 45px; font-weight: 600; margin-bottom: 30px; background:url('../images/icon03.png') no-repeat 0px 7px; padding: 0px 30px 20px 40px; border-bottom:1px solid #FFBB00; display:inline-block; }

.daejin_menu {text-align:center;}
.daejin_menu a{display:inline-block; width:50%; text-align:center; border-bottom:1px solid #999; background-color:#eaeaea; font-size:18px; font-weight:600; line-height:40px;}

.fes_menu{position:relative;overflow:hidden; margin-bottom:50px;width:100%;overflow:hidden;}
.fes_menu li{width:calc(100%/3); float:left;border:1px solid #ccc;height:57px;}
.fes_menu li:nth-child(2), .fes_menu li:nth-child(3) {margin-left:-1px;}
.fes_menu li a{display:inline-block; width:100%; height:100%;padding:15px 0px; text-align:center; cursor:pointer;font-size:16px;}
.fes_major_img img{width:100%; padding:30px  0px;}

.m_addtext {color:black;font-size:18px;margin:20px 0px;letter-spacing:-1px;}
.m_addtext > p {position:relative;margin:0px 0px 0px 40px;padding-left:17px;line-height:170%;}
.m_addtext > p:before {position:absolute;content:'';top:12px;left:0px;width:8px;height:8px;background-color:#24408f;border-radius:50%;}
.mac_space {height: 1px; margin-bottom:30px;}

.ofswipe_img {width:1051px;max-width:1051px !important;}

.mac_sobo {padding-top:20px;}
.mac_sobo > p {float:left;margin:2.2%;}
.mac_sm_div {font-size:16px;}
.mac_num_div {line-height:220%;}
.mac_num {display:inline-block;background-color:#e77c34;color:white;border:1px solid white;width:30px;height:30px;text-align:center;border-radius:50%;line-height:28px;-moz-box-shadow: 0px 0px 9px #666;
 -webkit-box-shadow: 0px 0px 9px #666;box-shadow:0px 0px 9px #666;margin-right:5px;}

.mac_gi_div {position:relative;padding: 20px; border: 5px solid rgb(238, 238, 238); border-image: none;font-size:16px;}
.mac_gi_num {position:relative;float:left;background-color:#e77c34;color:white;font-weight:bold;margin:-25px 10px 0 -25px;font-size:22px;padding:10px;}
.mac_home_d {margin-left:10px;padding:5px 10px;font-size:14px;background-color:#275cab;color:white;font-weight:normal;border-radius:5px;}
.mac_home_d>img {width:12px;margin-right:5px;margin-top:-3px;}

.mac_jg_txt {font-size:16px;margin-bottom:20px;}

	.ctn170428 {font-size:16px; margin:auto; line-height:1.6em; color:#666;font-size:17px;}
	.ctn170428 p {word-break:keep-all; padding:0px 0px 10px 0px; margin:0px;}
	.ctn170428 ul {list-style:none; margin:0px; padding:0px 0px 10px 10px;}
	.ctn170428 ul li {	padding:0px 0px 5px 0px; text-indent:-18px; margin-left:18px; word-break:keep-all;font-size:17px;}
	.ctn170428 ul li ol{list-style:none; margin:0px; padding:0px 0px 10px 20px; color:#444;}
	.ctn170428 ul li ol li {padding:0px 0px 5px 0px; color:#666;}
	h3 {font-size:18px;font-weight:bold;text-align:center; padding:20px 0;}

.gj {font-size:16px;color:#666;}
.gj_tit {text-align:center;font-size:24px;font-weight:bold;color:black;margin-bottom:30px;line-height:150%;letter-spacing:0px;word-break:keep-all;}
.gj_je {text-align:right;font-weight:bold;color:black;margin-bottom:30px;letter-spacing:0px;word-break:keep-all;}
.gj_chang {text-align:center;font-size:20px;font-weight:bold;color:black;margin-bottom:30px;letter-spacing:0px;word-break:keep-all;}
.gj_jo {margin-bottom:30px;line-height:200%;letter-spacing:0px;word-break:keep-all;}
.gj_jo > span {font-weight:bold;}
.ul_num {list-style:decimal;padding-left:23px;}


	.m_info_area {background: #f3f4f6; padding: 20px 0;}

#m_notice {position: relative; width: 1200px; height: 70px; background: #fff; margin: 0 auto; letter-spacing: -0.04em; overflow: hidden;}
#m_notice h2 {float: left; width: 160px; background: url('/images/main/m_notice_ico.gif') no-repeat 30px 27px; padding-left: 68px; font-size: 17px; line-height: 420%;}
#m_notice .inner {float: left; position: relative; width: 969px; height: 70px; padding-right: 84px; overflow: hidden;}
#m_notice .inner li {float: left; position: relative; height: 26px; background: url('/images/main/m_notice_bullet.gif') no-repeat 30px 33px; padding: 22px 30px 22px 40px; font-size: 16px; line-height: 160%;}
#m_notice .inner li a {color: #333;}
#m_notice .inner li span {position: absolute; right: 30px; top: 22px; color: #888; letter-spacing: 0;}
#m_notice .bx-wrapper {background: url('/images/main/m_notice_bar.gif') no-repeat 50% 30px;}
#m_notice .bx-controls {position: absolute; right: 24px; top: 23px; width: 60px; z-index: 50;}
#m_notice .bx-pager {display: none;}
#m_notice .bx-controls-direction {position: absolute; right: 0; top: 0; width: 60px; z-index: 50;}
#m_notice .bx-controls-direction a {float: left; width: 24px; height: 24px; background: url('/images/main/m_notice_arrow.png') no-repeat 0 0; margin-right: 6px; font-size: 0; line-height: 0; text-indent:-99999px; overflow:hidden; display: block;}
#m_notice .bx-controls-direction .bx-prev {background-position: 0 0;}
#m_notice .bx-controls-direction .bx-next {background-position: 0 -24px;}
#m_notice .btn {float: right; width: 70px; height: 70px; background: #3f61b2 url('/images/main/m_notice_more.png') no-repeat 50%;}
#m_notice .btn a {width: 70px; height: 70px; font-size: 0px; line-height: 0; text-indent: -99999px; display: block;}

#m_business {position: relative; width: 1200px; background: #fff; margin: 20px auto 0; padding: 30px; overflow: hidden;}
#m_business h2 {float: left; font-size: 27px; line-height: 109%;margin:0 0 30px 220px;letter-spacing:0px;font-family: 'Playfair Display', serif;}
#m_business h2 i {color: #3f61b2;}
#m_business ul {float: right;margin-bottom:0px;}
#m_business li {float: left; width: 160px; background: url('/images/main/m_business_bg.png') no-repeat 50% 0; text-align: center;}
#m_business li a {padding-top: 120px; font-size: 12px; line-height: 149%; display: block;letter-spacing:0px;}
#m_business li .ic1 {background: url('/images/main/m_business_ico1.png') no-repeat 50% 8px;}
#m_business li .ic2 {background: url('/images/main/m_business_ico2.png') no-repeat 50% 8px;}
#m_business li .ic3 {background: url('/images/main/m_business_ico3.png') no-repeat 50% 8px;}
#m_business li .ic4 {background: url('/images/main/m_business_ico4.png') no-repeat 50% 8px;}
#m_business li .ic5 {background: url('/images/main/m_business_ico5.png') no-repeat 50% 8px;}
#m_business li .ic6 {background: url('/images/main/m_business_ico6.png') no-repeat 50% 8px;}
#m_business li a:hover {background-position: 50% 3px;font-weight:bold;}
#m_business .btn {position: absolute; left: 30px; top: 90px;}
#m_business .btn span {width: 37px; height: 37px; background: url('/images/main/m_business_more.png') no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -99999px; display: block;}

#m_business .mac_j_p {position: absolute; left: 25px; top: 19px;}
#m_business .mac_j_p > img {width:166px;border:5px solid #ddd;border-radius:10px;}

@media( max-width:767px){
	#m_business {position: relative; width: 100%; background: #fff; margin: 20px auto 0; padding: 30px; overflow: hidden;}
	#m_business h2 {float: left; font-size: 27px; line-height: 109%;margin:0 0 30px 0px;}
	#m_business li {float: left; width: calc(100%/2); background: url('/images/main/m_business_bg.png') no-repeat 50% 0; text-align: center;margin-bottom:20px;}

}

.j_img {text-align:center;}
.bre_all {word-break:break-all;}
.mac_link {color:#FFFFFF;background:linear-gradient(to bottom, #5cb85c, #419641);padding:0 8px 3px 10px;border-radius:5px;}
.mac_pop {text-shadow:0px 0px 5px #000;}
.mac_popa {text-shadow:0px 0px 0px #000;border-radius:5px;}
.ori_mac {border:5px solid #ccc; border-radius:20px;}

.mac_manage {position:relative;background:#eee url('/images/sub/big_logo.png') center center no-repeat;border-radius:20px;text-align:center;padding:20px 10px 30px 10px;color:black;box-shadow: 0px 0px 10px 5px #dedede;}
.mac_manage ul {overflow:hidden;display:inline-block;}
.mana_li1 {overflow:hidden;float:left;background-color:#43a2e2;border-radius:5px;padding:15px;color:white;}
.mana_li2 {overflow:hidden;float:left;background-color:#fff;padding:15px;border-radius:5px;}
.big_arrow {position:relative;text-align:center;padding-bottom:10px;}
.big_arrow img {position:relative;width:120px;}
.bot_box {position:relative;top:-30px;width:250px;text-align:center;}
.bot_box p {position:relative;background-color:#fff;padding:15px;border-radius:5px;border:1px solid #ccc;}

@media( max-width:767px){
	.mana_li1 {overflow:hidden;float:none;width:100%;background-color:#43a2e2;border-radius:5px;padding:10px;color:white;}
	.mana_li2 {overflow:hidden;float:none;width:100%;background-color:#fff;padding:10px;border-radius:5px;}
	.bot_box p {position:relative;background-color:#fff;padding:10px;border-radius:5px;border:1px solid #ccc;}
}

.organi {position:relative;width:90%;background:#eee;border-radius:20px;text-align:center;padding:20px 10px 20px 10px;color:black;box-shadow: 0px 0px 10px 5px #dedede;margin-bottom:50px;background-size:contain;}
@media( max-width:767px){
.organi {position:relative;width:96%;border-radius:20px;text-align:center;padding:20px 10px 20px 10px;color:black;box-shadow: 0px 0px 10px 5px #dedede;margin-bottom:50px;}
}

.project_tit {text-align:center;font-size:30px;font-weight:600;color:black;line-height:140%;}
.project_uline {position:relative;height:2px;background:linear-gradient( to right, #1eacdd, #bacc1c );margin:10px auto 0 auto;width:600px;}

@media( max-width:767px){
	.project_tit {text-align:center;font-size:20px;font-weight:600;color:black;line-height:140%;}
	.project_uline {position:relative;height:2px;background:linear-gradient( to right, #1eacdd, #bacc1c );margin:10px auto 0 auto;width:100%;}
}

.t_chart {position:relative;width:100%;text-align:center;padding:20px 0px 0px 0px;color:black;margin-bottom:0px;}
.t_chart p {position:relative;background:#eee;font-size:18px;padding:10px;border-radius:10px;}
@media( max-width:767px){
	.t_chart {position:relative;width:100%;}
	.t_chart p {position:relative;background:#eee;font-size:16px;}
}

.pageInfo-top {display:flex;font-size:18px;font-weight:400;padding:15px 40px;background-color:#fafafa;border:1px solid #dedede;flex-direction: row;margin-top:60px;text-align:left;}
.pageInfo-top .charger {display:flex; align-items: center; margin-left:0px;margin-right:60px;}
.pageInfo-top .charger:first-child {margin-left:0;}
.pageInfo-top .charger img {width:35px;}
.pageInfo-top .charger .icon {margin-right:10px;}
.pageInfo-top .charger .m_title {margin-right:20px; font-size:18px; font-weight:600; color:#3e3e3e;padding-top:8px;}
.pageInfo-top .charger .body {font-size:18px;padding-top:8px;}

@media screen and (max-width:767px){
    .pageInfo-top {margin-top:30px;padding:15px 20px;flex-direction:column;}
    .pageInfo-top .charger {flex-basis:100%;margin-right:0px;}
    .pageInfo-top .pageInfo-top {padding:15px 0px;}
    .pageInfo-top .pageInfo-body {padding:15px 0px;}
    .pageInfo-top .pageInfo-body .comment {margin-right:0; font-size:16px;}
    .pageInfo-top .charger .m_title {min-width:50px; font-size:16px;margin-right:5px;}
    .pageInfo-top .charger .body {padding:8px 0 0 0; font-size:16px;}

    .pageInfo-top .charger .icon {width:24px;}
}