/* VDESIGN.kr > Moon Sung Kook(canbe76@naver.com) 
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face{font-family:Nanum Gothic; src:url(/board/inc/NanumGothic.eot);}
나눔고딕 body { margin:0; padding:0; font-size:14px; color:#000; font-family:Nanum Gothic, Nanum Myeongjo, Lucida Sans Unicode,"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif, Arial, Verdana, Lucida Sans Unicode;}
다국어 body { margin:0; padding:0; font-size:12px; color:#000; font-family:Lucida Sans Unicode,"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif, Arial, Verdana, Lucida Sans Unicode;}
대표색상 #067cc4
07b9e8

@font-face { font-family: 'Gyeonggi'; 
font-style: normal; 
font-weight: 900; 
src:url(/board/inc/GyeonggiTitleB.woff) format('woff');
} 
@font-face { font-family: 'Godo'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff'); } 
@font-face { font-family: 'Godo'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff') format('woff'); } 
@font-face { font-family: 'Cafe24Simplehae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Cafe24Danjunghae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Binggrae-Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
	font-family:'NanumBarunGothic-UltraLight';
	font-style:normal;
	font-weight:300;
	src:url('/board/incNanumBarunGothic-UltraLight.eot');
	src:url('/board/incNanumBarunGothic-UltraLight.eot?#iefix') format('embedded-opentype'),
		url('/board/incNanumBarunGothic-UltraLight.woff2') format('woff2'),
		url('/board/incNanumBarunGothic-UltraLight.woff') format('woff');
}
@font-face {
	font-family:'NanumBarunGothic-Light';
	font-style:normal;
	font-weight:300;
	src:url('/board/incNanumBarunGothic-Light.eot');
	src:url('/board/incNanumBarunGothic-Light.eot?#iefix') format('embedded-opentype'),
		url('/board/incNanumBarunGothic-Light.woff2') format('woff2'),
		url('/board/incNanumBarunGothic-Light.woff') format('woff');
}
@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:400;
	src:url('/board/incNanumBarunGothic.eot');
	src:url('/board/incNanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('/board/incNanumBarunGothic.woff2') format('woff2'),
		url('/board/incNanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family:'NanumBarunGothic-Bold';
	font-style:normal;
	font-weight:400;
	src:url('/board/incNanumBarunGothic-Bold.eot');
	src:url('/board/incNanumBarunGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('/board/incNanumBarunGothic-Bold.woff2') format('woff2'),
		url('/board/incNanumBarunGothic-Bold.woff') format('woff');
}
*/
@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Element Reset */
html {	overflow-y: scroll;}

body { margin:0; padding:0; font-size:1.2em; line-height:1.4em; color:#444; font-family:'noto sans kr', 'Nanum Gothic', 'Nanum Myeongjo', "맑은 고딕", Malgun Gothic, Lucida Sans Unicode,"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif, Arial, Verdana, Lucida Sans Unicode;}
hr, caption, legend, .hidden{ width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; margin: 0; padding: 0 !important;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot {	margin:0;padding: 0;border: 0;background: transparent;}
label { cursor:pointer; }
@media screen and (min-width:501px) and (max-width:1024px){
body {font-size:1.2em; line-height:1.4em; }
}
@media screen and (max-width:500px){
body {font-size:1.2em; line-height:1.4em; }
}

/* body { background:url('/img/bg_body.jpg'); } */
.txt_3charic { padding:0 1.1px !important;color:#fff;}
.txt_2charic { padding:0 10.9px !important;color:#fff;}
.board_content img { max-width: 100%; }

a {text-decoration:none; color:#000;}
a:link, a:active {text-decoration:none; color:#000;}
a:visited {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#067cc4;}

.clear{clear: both;line-height:0px;font-size:0px;display:block;}
.nodisplay{display:none; }
.float_left { float:left; }
.float_right { float:right; }
.div_block { display:block; }
ul.list_none { list-style:none; }

.txt_line { text-decoration:underline; }
.txt_center { text-align:center; }
.txt_left { text-align:left; }
.txt_right { text-align:right; }
.txt_bold { font-weight:bold; }
.txt_line { text-decoration:underline; }
.txt_normal { font-weight:normal !important; }
.txt_white { color:#fff; }
.txt_yellow { color:#ee0; }
.txt_black { color:#000; }
.txt_green { color:#009900; }
.txt_red { color:#f00; }
.txt_orange { color:#f50; }
.txt_pink { color:#f09; }
.txt_blue { color:#067cc4; }
.txt_sky { color:#10b5e5; }
.txt_purple { color:#808; }
.txt_box  { padding:10px 10px 10px 10px; }
.txt_box2  { padding:10px 10px 10px 10px; }
.txt_box30  { padding:10px 10px 30px 10px; }
.txt_boxt30  { padding:30px 10px 10px 10px; }
.txt_boxbf  { padding:10px; border:1px solid #ddd; font-size:16px;  }
.txt_boxb  { padding:30px 10px 30px 10px; border:1px solid #ddd;  }
.txt_boxbb  { padding:10px; border:1px solid #a9cff1; background:#fff;  }

.txt_size11 { font-size:11px; }
.txt_size12 { font-size:12px; }
.txt_size13 { font-size:13px; }
.txt_size14 { font-size:14px; }
.txt_size15 { font-size:15px; }
.txt_size16 { font-size:16px; }
.txt_size17 { font-size:17px; }
.txt_size18 { font-size:18px; }
.txt_size19 { font-size:19px; }
.txt_size20 { font-size:20px; }
.txt_size21 { font-size:21px; }
.txt_size22 { font-size:22px; }
.txt_size23 { font-size:23px; }
.txt_size24 { font-size:24px; }
.txt_size25 { font-size:25px; }
.txt_size26 { font-size:26px; }
.txt_size27 { font-size:27px; }
.txt_size28 { font-size:28px; }
.txt_size29 { font-size:29px; }
.txt_size30 { font-size:30px; }
.txt_size31 { font-size:31px; }
.txt_size32 { font-size:32px; }
.txt_size33 { font-size:33px; }
.txt_size34 { font-size:34px; }
.txt_size35 { font-size:35px; }
.txt_size36 { font-size:36px; }
.txt_size37 { font-size:37px; }
.txt_size38 { font-size:38px; }
.txt_size39 { font-size:39px; }
.txt_size40 { font-size:40px; }
.txt_size50 { font-size:50px; }
.txt_size60 { font-size:60px; }
.txt_size70 { font-size:70px; }

.bg_white { background:#fff; }
.bg_gray { background:#f7f7f7; }
.bg_yellow { background:#ee0; }
.bg_black { background:#000; }
.bg_green { background:#009900; }
.bg_red { background:#f00; }
.bg_orange { background:#f50; }
.bg_pink { background:#f09; }
.bg_blue { background:#06f; }
.bg_purple { background:#808; }

.mar10 { margin:10px; }
.mar20 { margin:20px; }
.mar30 { margin:30px; }
.mar40 { margin:40px; }
.mar50 { margin:50px; }
.mar60 { margin:60px; }
.mar70 { margin:70px; }
.mar80 { margin:80px; }
.mar90 { margin:90px; }
.mar_top10 { margin-top:10px; }
.mar_top20 { margin-top:20px; }
.mar_top30 { margin-top:30px; }
.mar_top40 { margin-top:40px; }
.mar_top50 { margin-top:50px; }
.mar_top60 { margin-top:60px; }
.mar_top70 { margin-top:70px; }
.mar_top80 { margin-top:80px; }
.mar_top90 { margin-top:90px; }
.mar_top100 { margin-top:100px; }
.mar_right10 { margin-right:10px; }
.mar_right20 { margin-right:20px; }
.mar_right30 { margin-right:30px; }
.mar_right40 { margin-right:40px; }
.mar_right50 { margin-right:50px; }
.mar_right60 { margin-right:60px; }
.mar_right70 { margin-right:70px; }
.mar_right80 { margin-right:80px; }
.mar_right90 { margin-right:90px; }
.mar_right100 { margin-right:100px; }
.mar_bot10 { margin-bottom:10px; }
.mar_bot20 { margin-bottom:20px; }
.mar_bot30 { margin-bottom:30px; }
.mar_bot40 { margin-bottom:40px; }
.mar_bot50 { margin-bottom:50px; }
.mar_bot60 { margin-bottom:60px; }
.mar_bot70 { margin-bottom:70px; }
.mar_bot80 { margin-bottom:80px; }
.mar_bot90 { margin-bottom:90px; }
.mar_bot100 { margin-bottom:100px; }
.mar_left10 { margin-left:10px; }
.mar_left20 { margin-left:20px; }
.mar_left30 { margin-left:30px; }
.mar_left40 { margin-left:40px; }
.mar_left50 { margin-left:50px; }
.mar_left60 { margin-left:60px; }
.mar_left70 { margin-left:70px; }
.mar_left80 { margin-left:80px; }
.mar_left90 { margin-left:90px; }
.mar_left100 { margin-left:100px; }

.pad10 { padding:10px; }
.pad20 { padding:20px; }
.pad30 { padding:30px; }
.pad40 { padding:40px; }
.pad50 { padding:50px; }
.pad60 { padding:60px; }
.pad70 { padding:70px; }
.pad80 { padding:80px; }
.pad90 { padding:90px; }
.pad_top10 { padding-top:10px; }
.pad_top20 { padding-top:20px; }
.pad_top30 { padding-top:30px; }
.pad_top40 { padding-top:40px; }
.pad_top50 { padding-top:50px; }
.pad_top60 { padding-top:60px; }
.pad_top70 { padding-top:70px; }
.pad_top80 { padding-top:80px; }
.pad_top90 { padding-top:90px; }
.pad_top100 { padding-top:100px; }
.pad_right10 { padding-right:10px; }
.pad_right20 { padding-right:20px; }
.pad_right30 { padding-right:30px; }
.pad_right40 { padding-right:40px; }
.pad_right50 { padding-right:50px; }
.pad_right60 { padding-right:60px; }
.pad_right70 { padding-right:70px; }
.pad_right80 { padding-right:80px; }
.pad_right90 { padding-right:90px; }
.pad_right100 { padding-right:100px; }
.pad_bot10 { padding-bottom:10px; }
.pad_bot20 { padding-bottom:20px; }
.pad_bot30 { padding-bottom:30px; }
.pad_bot40 { padding-bottom:40px; }
.pad_bot50 { padding-bottom:50px; }
.pad_bot60 { padding-bottom:60px; }
.pad_bot70 { padding-bottom:70px; }
.pad_bot80 { padding-bottom:80px; }
.pad_bot90 { padding-bottom:90px; }
.pad_bot100 { padding-bottom:100px; }
.pad_left10 { padding-left:10px; }
.pad_left20 { padding-left:20px; }
.pad_left30 { padding-left:30px; }
.pad_left40 { padding-left:40px; }
.pad_left50 { padding-left:50px; }
.pad_left60 { padding-left:60px; }
.pad_left70 { padding-left:70px; }
.pad_left80 { padding-left:80px; }
.pad_left90 { padding-left:90px; }
.pad_left100 { padding-left:100px; }

.content_left20 { float:left; width:20%; }
.content_left25 { float:left; width:25%; }
.content_left30 { float:left; width:30%; }
.content_left35 { float:left; width:35%; }
.content_left333 { float:left; width:33.3%; }
.content_left40 { float:left; width:40%; }
.content_left45 { float:left; width:45%; }
.content_left50 { float:left; width:50%; }
.content_left60 { float:left; width:60%; }
.content_left70 { float:left; width:70%; }
.content_left80 { float:left; width:80%; }
.content_right20 { float:right; width:20%; }
.content_right25 { float:right; width:25%; }
.content_right30 { float:right; width:30%; }
.content_right35 { float:right; width:35%; }
.content_right333 { float:left; width:33.3%; }
.content_right40 { float:right; width:40%; }
.content_right50 { float:right; width:50%; }
.content_right60 { float:right; width:60%; }
.content_right70 { float:right; width:70%; }
.content_right80 { float:right; width:80%; }
@media screen and (max-width:1025px){
.content_left20 { float:none; width:100%; margin:auto }
.content_left25 { float:none; width:100%; margin:auto }
.content_left30 { float:none; width:100%; margin:auto }
.content_left35 { float:none; width:100%; margin:auto }
.content_left333 { float:none; width:100%; margin:auto }
.content_left40 { float:none; width:100%; margin:auto }
.content_left45 { float:none; width:100%; margin:auto; margin-bottom:20px; }
.content_left50 { float:none; width:100%; margin:auto }
.content_left60 { float:none; width:100%; margin:auto }
.content_left70 { float:none; width:100%; margin:auto }
.content_left80 { float:none; width:100%; margin:auto }
.content_right20 { float:none; width:100%; margin:auto }
.content_right25 { float:none; width:100%; margin:auto }
.content_right30 { float:none; width:100%; margin:auto }
.content_right35 { float:none; width:100%; margin:auto }
.content_right333 { float:none; width:100%; margin:auto }
.content_right40 { float:none; width:100%; margin:auto }
.content_right50 { float:none; width:100%; margin:auto }
.content_right60 { float:none; width:100%; margin:auto }
.content_right70 { float:none; width:100%; margin:auto }
.content_right80 { float:none; width:100%; margin:auto }
}

.float_width33 { width:33.3333%; }
.float_width25 { width:25%; }
.float_width20 { width:20%; }
.float_width16 { width:16.6666%; }
.float_width20 { width:20%; }
.float_width25 { width:25%; }
.float_width33 { width:33.3333%; }
.float_width40 { width:40%; }
.float_width50 { width:50%; }
.float_width60 { width:60%; }
.float_width65 { width:65%; }
.float_width70 { width:70%; }
.float_width75 { width:75%; }
.float_width80 { width:80%; }
@media screen and (max-width:1025px){
.float_width33 { float:none; width:100%; }
.float_width25 { float:none; width:100%; }
.float_width20 { float:none; width:100%; }
.float_width16 { float:none; width:100%; }
.float_width20 { float:none; width:100%; }
.float_width25 { float:none; width:100%; }
.float_width33 { float:none; width:100%; }
.float_width40 { float:none; width:100%; }
.float_width50 { float:none; width:100%; }
.float_width60 { float:none; width:100%; }
.float_width65 { float:none; width:100%; }
.float_width70 { float:none; width:100%; }
.float_width75 { float:none; width:100%; }
.float_width80 { float:none; width:100%; }
}

.vd_table { border:1px solid #ddd; border-left:0; border-bottom:0;}
.vd_table_th { padding:5px 10px; border:1px solid #ddd; border-top:0; border-right:0; }
.vd_table_td { padding:5px 10px; border:1px solid #ddd; border-top:0; border-right:0; }
.vd_table_td ul { margin:0; padding:0; }

.vd_table2 { border:1px solid #ddd; border-left:0; border-bottom:0; border-right:0;}
.vd_table2 .vd_table_th:first-child { border-left:0 !important; }
.vd_table2 .vd_table_td:first-child { border-left:0 !important; }

.vd_table3 { border:1px solid #ddd; border-left:0; border-bottom:0; font-size:12px;}
.vd_table3_th { padding:3px 5px; border:1px solid #ddd; border-top:0; border-right:0; background:#fafafa; }
.vd_table3_td { padding:3px 5px; border:1px solid #ddd; border-top:0; border-right:0; }
.vd_table3_td ul { margin:0; padding:0; }

/* Layout */
#vdesign_kr {position:relative;width:100%; margin:0 auto; padding:0;*zoom:1}

#topMobileMenu { position:fixed; overflow-y:auto; background:#067cc4 url('/img/bg_topmobile.jpg') no-repeat; top:0; right:-302px; width:280px; height:100%; padding:10px; border:1px solid #ddd; z-index:9999; }
#topMobileMenu ul { list-style:none; padding-bottom:10px;} /*대메뉴간 여백*/
#topMobileMenu a { display:block; color:#fff; }
#topMobileMenu ul li.depth0 { margin:0 0 0px 0; }
#topMobileMenu ul li.depth0 a.depth0 { padding:5px 0; margin:0 0 5px 0; font-size:20px; font-weight:bold; border-bottom:0px solid #ddd; }
#topMobileMenu ul.depth1 li a.stitle { color:#f30; }
#topMobileMenu ul.depth1 li.depth1 { float:left; width:50%; margin:5px 0; font-size:13px; line-height:18px; font-weight:normal; letter-spacing:-1px;}
#topMobileMenu ul.depth1 li.depth1 a { margin:2px; border:1px solid #89a9e5; padding:3px; }
#topMobileMenu ul.depth1 li.depth1a { float:none; width:100%; margin:5px 0; font-size:18px; line-height:22px; font-weight:normal; letter-spacing:-1px;}
#topMobileMenu ul.depth1 li.depth1a a { margin:2px; border-bottom:1px solid rgba(255,255,255,0.3); padding:5px; }
#topMobileMenu ul.depth1:after{ content:""; display:block; clear:both;} 
#topMobileMenu ul.depth2 li.depth2 { float:left; width:50%; font-size:11px; font-weight:normal; letter-spacing:-1px;}
#topMobileMenu ul.depth2:after{ content:""; display:block; clear:both;} 
#topMobileWarp { display:none; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%; z-index:9998; }
#topMobileMenu nav { margin-bottom:50px; }
#topMobileMenu ul.topMobileLogin li { float:left; width:32.33%; margin-right:1.5%; margin-bottom:5px; }
#topMobileMenu ul.topMobileLogin li:nth-child(3n) { margin-right:0%; }
#topMobileMenu ul.topMobileLogin li a { padding:5px 0; font-size:14px; text-align:center; border:1px solid rgba(255,255,255,0.3); }
#topMobileMenu ul.topMobileLogin:after { content:""; display:block; clear:both;}

#header {position:relative; width:100%; z-index:100; clear:both; margin:auto;*zoom:1;}
#header:after{ content:""; display:block; clear:both;}


#tpop_box { position:relative; width:100%; background:#f7f7f7; margin:0; padding:0; *zoom:1; }
#tpop_box:after { content:""; display:block; clear:both; }
#tpop_area { position:relative; width:1200px; margin:0 auto; padding:0; *zoom:1; }
#tpop_area1 { width:800px; float:left; margin:0; padding:0; *zoom:1; }
#tpop_area2 { width:400px; float:right; margin:0; padding:40px 0 0 0; *zoom:1; text-align:right; }
#tpop_area2 a { margin:0 0 0 0px; }
@media screen and (max-width:1025px){
#tpop_box { position:relative; width:100%; background:#f7f7f7; margin:0; padding:0; *zoom:1; }
#tpop_box:after { content:""; display:block; clear:both; }
#tpop_area { position:relative; width:100%; margin:0 auto; padding:0; *zoom:1; }
#tpop_area1 { width:100%; float:none; margin:0; padding:0; *zoom:1; }
#tpop_area2 { position:absolute; top:0px; right:0px; float:none; margin:0; padding:0px 0 0 0; *zoom:1; font-size:11px; text-align:right; }
#tpop_area1 img { width:100%; }
}


#topAreaBox { position:relative; width:100%; border-bottom:1px solid #eee; margin:0; padding:0px 0 0 0; z-index:300; *zoom:1;}
#topAreaBox:after{ content:""; display:block; clear:both;}
#topAreaBox { color:rgba(255, 255, 255, 0.5); line-height:30px; }
#topAreaBox a { color:#444; }
#topAreaBox a:hover, active { font-weight:bold; }
#topAreaBox a:last-child { margin:0 10px 0 0; }
#topArea {position:relative; width:1200px; clear:both; margin:auto;*zoom:1;}
#topArea:after{ content:""; display:block; clear:both;}
#topArea1 {position:relative; float:left; width:55%; color:#444; font-size:12px; line-height:30px; *zoom:1;}
#topArea2 {position:relative; float:right; width:45%; text-align:right; color:#444; font-size:12px; line-height:30px; *zoom:1;}
#topArea1 ul { list-style:none; margin:0; padding:0; }
#topArea1 ul:after { content:""; display:block; clear:both;}
#topArea1 ul li { float:left; }
#topArea3 { display:none; }
@media screen and (max-width:1025px){
#topArea { width:100%; }
}


#toptopLink { display:none; }
@media screen and (max-width:600px){
#toptopLink { display:block; width:100%; background:#60972c; }
#toptopLink ul { list-style:none; margin:0; padding:0; }
#toptopLink ul:after { content:""; display:block; clear:both;}
#toptopLink ul li { float:left; width:33.3333%; text-align:center; }
#toptopLink ul li img { vertical-align:top; display:none;  }
#toptopLink ul li:first-child { background:#ed9a00 }
#toptopLink ul li:last-child { background:#1974bb }
#toptopLink ul li a { color:#fff; font-size:14px; line-height:30px;}
}



#topLink {position:relative; width:1200px; z-index:400; background:url('/img/bg_top.jpg') no-repeat; clear:both; margin:auto;*zoom:1;}
#topLink:after{ content:""; display:block; clear:both;}
#topLogo {position:relative; text-align:center; z-index:500; *zoom:1;}
#topRight {position:absolute; top:1em; right:0px; color:#ddd; text-align:center; font-size:0.8em; line-height:0.8em; z-index:9999; *zoom:1;}

#topRight ul { list-style:none; margin:0; padding:0; }
#topRight ul:after { content:""; display:block; clear:both;}
#topRight ul li { float:left; border-right:1px solid #ddd; padding:0 20px; }
#topRight ul li:last-child { border:none; }
#topRight ul li img { vertical-align:middle; padding:0 5px;  }
#topPhone { display:none; }
@media screen and (max-width:1025px){
#topLink {position:relative; width:100%; z-index:400; clear:both; margin:auto;*zoom:1;}
#topLink:after{ content:""; display:block; clear:both;}
#topLogo {position:relative; width:100%; z-index:900; *zoom:1;}
#topLogo img { width:60% }
#topRight { border:none; display:none }
#topPhone {position:absolute; top:25px; right:0px; z-index:900; *zoom:1;}
#topPhone {display:block !important}
#topPhone a { display:inline-block; padding:5px 10px 5px 10px; border:1px solid #ddd; font-weight:bold; background:#fff; }
}

#topLogin {position:relative; padding:10px 0 30px 0; text-align:right; color:#444; z-index:400; *zoom:1;}
.topLoginBtn { display:inline-block; border:none; height:23px; padding:0 10px 0px 10px; color:#000; text-decoration:none; background:#444; color:#fff; font-weight:bold; font-size:12px; line-height:22px; vertical-align:top; }


#topSearchBox { position:relative; width:100%; padding:10px 0; }
#topSearch { position:relative; width:1200px; margin:0 auto; color:#ddd; text-align:center; z-index:19999; *zoom:1;}
.topSearchBox { margin:0; padding:0 5px 0 5px; width:40%; font-size:18px; font-weight:bold; height:40px; line-height:40px; color:#444; border:5px solid #75a357; }
.topSearchBtn { margin:0; padding:0 10px; border:0; vertical-align:top; line-height:50px; text-align:center; background:#75a357; color:#fff; font-size:14px; font-weight:bold;  cursor:pointer; }
.topSearchSelect { margin:0; padding:0 2px; background:#fff; font-size:12px; font-weight:bold; height:46px; line-height:46px; color:#444; border:0px solid #75a357; }
@media screen and (max-width:1025px){
#topSearch {text-align:center; width:100%; }
.topSearchBox { margin:0; padding:0 5px 0 5px; width:80%; height:30px; line-height:30px; color:#444; border:2px solid #004091; }
.topSearchBtn { margin:0; padding:0 6px; border:0; height:34px; line-height:34px; text-align:center; background:#004091; color:#fff; font-size:12px; font-weight:bold;  cursor:pointer; }
}



#gnb_boxwrap { position:relative; width:100%; margin:0; padding:0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#gnb_boxwrap:after{ content:""; display:block; clear:both;}
#gnb_box {position:absolute;left:0;top:0px;width:100%; background:url('/img/bg_gnb.png') top center; z-index:200;height:50px;overflow:hidden;transition:0.3s;/*box-shadow:0 1px 18px rgba(0,0,0,0.35);*/}
#gnb_box:before {content:"";display:block;position:absolute;left:0;top:50px;width:100%;height:145px;/*box-shadow:0 1px 18px rgba(0,0,0,0.35);*/z-index:0;}
#gnb_box:after {content:'';display:block;width:100%;height:0px;background:rgba(255,255,255,0.3);position:absolute;left:0;top:89px;z-index:0;}
#gnb_box ul { list-style:none; margin:0; padding:0; }
#gnb_box .gnb_ul:after{ content:""; display:block; clear:both;}
#gnb_box .gnb_ul {width:1200px; padding-left:0; margin:0 auto;height:50px;position:relative;position:relative;z-index:100;}
#gnb_box .gnb_ul {font-size:10;text-align:center;  box-sizing:border-box;}
#gnb_box .gnb_ul > li {display:block; float:left; width:12.5%; border-right:1px solid #eee; text-align:center; vertical-align:top;box-sizing:border-box;position:relative;padding:0 0px; margin:0 0px;}
#gnb_box .gnb_ul > li.first { border-left:1px solid #eee; }
#gnb_box .gnb_ul > li > a {position:relative; display:block; font-weight:bold; letter-spacing:-1px; line-height:50px;font-size:18px !important;color:#000;transition:0s;}
#gnb_box .gnb_ul > li > ul {display:block;position:absolute;left:0;top:100%;width:100%; box-sizing:border-box;padding:20px 0 !important; height:380px;}
#gnb_box .gnb_ul > li > ul { border-right:0px solid rgba(255,255,255,0.2); }
#gnb_box .gnb_ul > li > ul.first { border-left:0px solid rgba(255,255,255,0.2); }
#gnb_box .gnb_ul > li > ul > li { display:block; width:80%; margin:auto; }
#gnb_box .gnb_ul > li > ul > li > a {display:block; text-align:left; letter-spacing:-1px; line-height:20px;font-size:16px;color:#000; border-bottom:1px solid rgba(255,255,255,0.2); padding:5px 0;margin:5px 0; transition:0s;}
#gnb_box .gnb_ul > li:hover > a,
#gnb_box .gnb_ul > li.active > a {color:#fff !important; background:#067cc4;}
#gnb_box .gnb_ul > li:hover > ul { background:#067cc4; }
#gnb_box .gnb_ul > li:hover > ul:before  {content:"";display:block;position:absolute; margin:auto; left:0;right:0;top:0px;width:80%;height:1px; background:#fff; z-index:0;}
#gnb_box .gnb_ul > li > ul > li:hover > a,
#gnb_box .gnb_ul > li > ul > li.active > a {color:#07b9e8; border-bottom:1px solid rgba(255,255,255,0.2); border-radius:0px;}
#gnb_box .gnb_ul > li:hover > ul > li > a { color:#fff; }
#gnb_box .gnb_ul > li:hover > ul > li:hover > a,
#gnb_box .gnb_ul > li:hover > ul > li.active > a {color:#000; }
#gnb_box .gnb_ul > li.active > a:after
{content:''; display:block; width:20%; margin:auto; height:0px; background:#1baade; margin-top:0px; z-index:100;} 
#gnb_box .gnb_ul > li:hover > a:after
{content:''; display:block; width:20%; margin:auto; height:0px; background:#1baade; margin-top:0px; z-index:100;}

#gnb_box:hover { height:400px; }
#gnb_box:hover .gnb_ul > li > a { color:#000; }
#gnb_box #mainLeft { display:none; position:absolute; top:0; left:0; font-size:11px; line-height:50px; text-align:center; width:20px; z-index:801; }
#gnb_box_gap { height:50px; }

#gnb_boxwrap.fixed { position:fixed; top:0; left:0; border-bottom:1px solid #eee; background:#fff; }

*#gnb_box2 {display:none;}
@media screen and (max-width:1025px){

#gnb_box_gap { height:0px; }
#gnb_box {position:relative; height:40px; overflow-y:hidden; }
#gnb_box .gnb_ul { width:100%; height:40px; overflow-y:hidden; }
#gnb_box:before { display:none; }
#gnb_box:hover { height:40px; box-shadow:none; }
#gnb_box .gnb_ul > li > a { font-size:15px !important; line-height:40px; letter-spacing:-1px; }

#gnb_box #gnb {width:800px; margin:0 auto; }
#gnb_box {
  white-space: nowrap; 
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch; 
  -ms-overflow-style: -ms-autohiding-scrollbar; }

#gnb_box::-webkit-scrollbar {
  display: none; }


#gnb_box2 {display:block;}
#gnb_box2 { position:absolute; top:25px; left:5px; font-size:16px;text-align:left; margin:0 auto; padding:5px 0; z-index:1000; *zoom:1;}
#gnb_box2:after{ content:""; display:block; clear:both;}

#gnb_box #mainLeft { display:block; }
}





#mainswiper_box {position:relative; width:100%; z-index:4; background:#153460; clear:both; margin:auto;*zoom:1;}
#mainswiper_box:after{ content:""; display:block; clear:both;}
#mainswiper {position:relative; width:1200px; z-index:4; background:url('/img/bg_mvisual.jpg') no-repeat; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
#mainswiper:after{ content:""; display:block; clear:both;}
@media screen and (max-width:1025px){
#mainswiper {width:100%; overflow:hidden;}
.swiper-pagination {display:none; }
.swiper-slide img {width:140% !important;}
}



#mainfbox {position:relative; width:100%; z-index:4; background:#153460; clear:both; margin:auto;*zoom:1;}
#mainfbox:after{ content:""; display:block; clear:both;}
#mainf {position:relative; width:1200px; z-index:4; background:url('/img/bg_mvisual.jpg') no-repeat; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
#mainf:after{ content:""; display:block; clear:both;}
#mainf_txt {position:absolute; top:100px; left:0; right:0; width:80%; margin:0 auto; padding:0; text-align:center; color:#fff; z-index:5; *zoom:1;}
#mainf_txt h2 { font-size:30px; line-height:34px;}
#mainf_txt .mainf_title { font-size:55px; font-weight:1000; line-height:60px; letter-spacing:-1px;}
#mainf_txt .mainf_article { font-size:20px; line-height:25px; letter-spacing:-1px;}
@media screen and (max-width:1025px){
#mainf {width:100%; }
#mainf li { position:relative; }
#mainf li img { display:block; margin:auto; width:150%; }
#mainf_txt {position:absolute; top:50px; left:3%; color:#fff; z-index:10; *zoom:1;}
}


#subfbox {position:relative; width:100%; z-index:4; background:#153460; clear:both; margin:auto; margin:0 0 0 0;*zoom:1;}
#subfbox:after{ content:""; display:block; clear:both;}
#subf {position:relative; width:1200px; z-index:4; background:url('/img/bg_svisual.jpg') no-repeat; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
/*#subf {position:relative; width:100%; height:250px; background:url('/img/sp_visual.jpg') top center no-repeat; background-attachment: fixed; }*/
#subf:after{ content:""; display:block; clear:both;}
#subf li.sub img { margin-top:-300px; }

#subf_txt {position:absolute; width:100%; top:30%; left:5%; color:#fff; text-align:left; z-index:10; *zoom:1;}
#subf_txt h2 { font-size:34px; line-height:40px; font-weight:bold; text-shadow: 2px 2px rgba(0,0,0,0.8);}
#subf_txt h3 { font-size:20px; line-height:30px; font-weight:normal; }
#subf_txt p.line { height:1px; width:10%; margin:0; background:#fff; }
#subf_txt p.name { color:#07b9e8; font-size:14px; margin-bottom:30px; }

.subf_wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.subf_bg { position: fixed; display: block; top:0; left:0; width:100%; height: 100%; background: url('/img/sp_visual.jpg') no-repeat; z-index:-10px; }
/*  background-size: cover; background-position: center;*/
@media screen and (max-width:1025px){
#subf { width:100%; overflow:hidden; background-attachment: scroll; background-size:100%; }
#subf_txt {position:absolute; top:20%; left:3%; width:90%; color:#fff; z-index:10; *zoom:1;}
#subf li.sub img { margin-top:0px; }
#subf_txt h2 { font-size:24px; line-height:30px; }
}



.hero__scroll {
  position: absolute; z-index:10; color:#444;
  bottom: 50px;
  width: 200px;
  margin: auto;
  text-align:center;
  display: block;
  cursor: pointer;
  padding-bottom: 40px;
  left: 0;
  right: 0;
  text-transform: uppercase; }
.hero__scroll .chevron {
margin-top: 10px;
display: block;
-webkit-animation: pulse 2s infinite;
		animation: pulse 2s infinite;
color: #444; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.chevron::before {
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  content: '';
  display: inline-block;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: top;
  width: 20px; }

.chevron.right:before {
  left: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.chevron.bottom:before {
  top: 0;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg); }

.chevron.left:before {
  left: 0.25em;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }







#mainh {position:relative; width:1200px; z-index:4; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
#mainh:after{ content:""; display:block; clear:both;}
#mainh1 {position:relative; width:15%; margin:0 0 0 0; float: left; z-index:1;*zoom:1;}
#mainh2 {position:relative; width:85%; margin:0 0 0 0; float: left;*zoom:1;}
#mainh1:after{ content:""; display:block; clear:both;}
#mainh2:after{ content:""; display:block; clear:both;}
#mainh1 h3 { font-size:14px; line-height:30px; }
#mainh1 h3 a { color:#f30; }
#mainh2 a { font-size:14px; line-height:30px; padding:0 0 0 0px;}
@media screen and (max-width:1025px){
#mainh {position:relative; width:95%; z-index:4; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
#mainh:after{ content:""; display:block; clear:both;}
#mainh1 {position:relative; width:100%; margin:0 0 0 0; float: none; z-index:1;*zoom:1;}
#mainh2 {position:relative; width:98%; margin:0 0 0 0; float: none;*zoom:1;}
#mainh1:after{ content:""; display:block; clear:both;}
#mainh2:after{ content:""; display:block; clear:both;}
#mainh1 h3 { font-size:14px; color:#f30; line-height:30px; }
#mainh2 a { font-size:14px; line-height:20px; padding:0 0 0 0px; width:80%; display:block; overflow:hidden; }
#mainh .btnArea2 {position: absolute; right:5px; top:0px;  z-index:400;}
}
#mainh ul { list-style:none;}
#mainh .btnArea2 {position: absolute; right:5px; top:0px;  z-index:400;}
#mainh .btnArea2 input {background: url('/icon/circle_btns.png') no-repeat; width:13px; height:13px; border:0; margin:0; padding:0; text-align:center;cursor:pointer; font-size:10px; font-weight:bold; vertical-align:middle;}
#mainh .btnArea2 input#prev3 {background-position:-104px -4px; font-size:0;}
#mainh .btnArea2 input#btnPlay2 {background-position:-4px -4px; font-size:0;}
#mainh .btnArea2 input#btnPause2 {background-position:-24px -4px; font-size:0;}
#mainh .btnArea2 input#next3 {background-position:-84px -4px; font-size:0;}

#mainh .btnNumArea2 {position: absolute; right:5px; top:35px; z-index:400;}
#mainh .btnNumArea2 ul li {float: left;}
#mainh .btnNumArea2 input {background: url('/icon/circle_btns.png') no-repeat; width:16px; height:13px; border:0; margin:0; padding:0; text-align:center;cursor:pointer; font-size:10px; font-weight:bold; vertical-align:middle;}
#mainh .btnNumArea2 ul li input {background-position:-62px -4px; }
#mainh .btnNumArea2 ul li input.btn_on {background-position:-42px -4px;color:white; }


#mainroll_box {position:relative; width:100%; z-index:4; background:#fff; clear:both; margin:auto; margin:0 0 0 0; padding:70px 0; *zoom:1;}
#mainroll_box:after{ content:""; display:block; clear:both;}
#mainroll {position:relative; width:1200px; z-index:4; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
#mainroll:after{ content:""; display:block; clear:both;}
#mainroll ul { list-style:none; margin:0; padding:0; }
#mainroll ul li { text-align:center; }
#mainroll ul:after{ content:""; display:block; clear:both;}
#mainroll ul li a { display:block; margin:10px; font-size:14px; }
#mainroll ul li a img { width:100%;  }
#mainroll ul li a span.title { display:block; font-size:13px; color:#444; }
#mainroll ul li a span.cost { display:block; font-size:12px; color:#f50; }
#mainroll ul li a span.gap { display:block; padding-bottom:10px; }
@media screen and (max-width:1025px){
#mainroll_box { padding:30px 0; }
#mainroll { width:100%; }
#mainroll ul li a { display:block; margin:5px; font-size:13px; }
#mainroll ul li a img { width:100%;  }
#mainroll ul li a span.title { display:block; font-size:12px; color:#444; }
#mainroll ul li a span.cost { display:block; font-size:11px; color:#f50; }
#mainroll ul li a span.gap { display:block; padding-bottom:10px; }
}


#mainProduct_box {position:relative; width:100%; z-index:4; clear:both; *zoom:1;margin:60px auto; padding:0px 0 0 0}
#mainProduct_box:after{ content:""; display:block; clear:both;}
#mainProduct {position:relative; width:1200px; z-index:4; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
#mainProduct .title { font-size:36px; line-height:40px; text-align:center; }
#mainProduct .line { margin:auto; padding:5px; width:10%; border-bottom:1px solid #444; }
#mainProduct .subtext { font-size:16px; margin:10px 0 20px 0; color:#888; text-align:center; }
.mproduct_area {float:left; width:33.3333%; margin:20px 0; border-bottom:0px solid #ddd; overflow:hidden; }
.mproduct_box { position:relative; width:90%; margin:auto; overflow:hidden; }
.mproduct_box:hover { background:#f9f9f9; }
.mproduct_box .product_list_title { padding:0px; text-align:left; font-size:14px; font-weight:normal; line-height:20px; height:40px; text-overflow:ellipsis;word-wrap:break-word;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;  }
.mproduct_box .product_list_info { padding:0px; text-align:left; line-height:20px; height:20px; overflow:hidden; font-size:12px; }
.mproduct_box .product_list_photo { border:0px solid #ddd; height:250px; overflow:hidden; text-align:center; }
.mproduct_box .product_list_photo img { width:100%; height:250px; overflow:hidden; }

.mproduct_box .product_list_photo img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.mproduct_box:hover .product_list_photo img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

@media screen and (min-width:500px) and (max-width:1000px){
#mainProduct_box { margin:30px auto; }
#mainProduct { width:100%; }
.mproduct_area {float:left; width:50%; margin:10px 0; }
.mproduct_box .product_list_photo { border:0px solid #ddd; height:200px; overflow:hidden; text-align:center; }
.mproduct_box .product_list_photo img { width:100%; height:200px; overflow:hidden; }
#mainProduct .title { font-size:30px; line-height:32px; text-align:center; }
#mainProduct .line { margin:auto; padding:5px; width:10%; border-bottom:1px solid #444; }
#mainProduct .subtext { font-size:14px; margin:10px 0 20px 0; color:#888; text-align:center; }
}
@media all and (max-width:500px){
#mainProduct_box { margin:30px auto; }
#mainProduct { width:100%; }
.mproduct_area {float:left; width:50%; margin:10px 0; }
.mproduct_box .product_list_photo { border:0px solid #ddd; height:150px; overflow:hidden; text-align:center; }
.mproduct_box .product_list_photo img { width:100%; height:150px; overflow:hidden; }
#mainProduct .title { font-size:30px; line-height:32px; text-align:center; }
#mainProduct .line { margin:auto; padding:5px; width:10%; border-bottom:1px solid #444; }
#mainProduct .subtext { font-size:14px; margin:10px 0 20px 0; color:#888; text-align:center; }
}



#mainMidBan_box {position:relative; width:100%; z-index:4; clear:both; *zoom:1;margin:20px auto; padding:0px 0 0 0}
#mainMidBan_box:after{ content:""; display:block; clear:both;}
#mainMidBan {position:relative; width:1200px; z-index:4; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
#mainMidBan ul { list-style:none; margin:0; padding:0; }
#mainMidBan ul:after{ content:""; display:block; clear:both;}
#mainMidBan ul li { float:left; width:33.3%; text-align:center; }
#mainMidBan ul li a { display:block; margin:5px 10px; }
#mainMidBan ul li a img { width:100%;  }
@media screen and (max-width:1025px){
#mainProduct_box { margin:30px auto; }
#mainProduct { width:100%; }
#mainMidBan_box { margin:10px auto; padding:0px 0 0 0}
#mainMidBan { width:100%; }
#mainMidBan ul li a { display:block; margin:2px 4px; }
}


.main_section_box {position:relative; width:100%; z-index:4; background:#fff; clear:both; margin:auto; margin:0 0 0 0; padding:0px 0; *zoom:1;}
.main_section_box:after{ content:""; display:block; clear:both;}
.main_section {position:relative; width:1200px; z-index:4; clear:both; *zoom:1; padding:0; margin:0 auto; }
.main_section .main_section1 { float:left; width:45%; padding:70px 0;}
.main_section .main_section2 { float:right; }
.main_section p { font-size:1.7em; line-height:1.2em; font-weight:bold; }
.main_section p.small { font-size:1em; line-height:1.2em; }
.main_section span.bold { font-weight:1000; color:#ee5555; }
.main_section .more { margin-top:20px;}
.main_section .more a { display: inline-block; padding:5px 10px; border:1px solid #ddd; transition: .3s ease-in-out;}
.main_section .more a:hover {transform: translateX(10px); transition: .3s ease-in-out;}
@media screen and (max-width:500px){
.main_section_box {position:relative; width:100%; z-index:4; clear:both; margin:auto; margin:0 0 0 0; padding:0px 0; *zoom:1;}
.main_section_box:after{ content:""; display:block; clear:both;}
.main_section {position:relative; width:94%; z-index:4; clear:both; *zoom:1; padding:0; margin:0 auto; }
.main_section .main_section1 { float:none; width:100%; }
.main_section .main_section2 { float:none; width:100%; }
.main_section p { font-size:1.2em; line-height:1em; font-weight:bold; }
}


#mainc_box {position:relative; width:100%; z-index:4; background:#f0f0f0; clear:both; margin:auto; margin:0 0 0 0; padding:50px 0; *zoom:1;}
#mainc_box:after{ content:""; display:block; clear:both;}
#mainc {position:relative; width:1000px; z-index:4; clear:both; *zoom:1; padding:0; margin:0 auto; }
#mainc:after{ content:""; display:block; clear:both;}
#mainc21 { padding:10px 0; width:100%; }
#mainc21 ul { list-style:none; margin:0; padding:0; }
#mainc21 ul li { float:left; width:25%; text-align:center; }
#mainc21 ul:after{ content:""; display:block; clear:both;}
#mainc21 ul li a span { margin-top:5px; display:block; text-align:center; font-size:16px;}
@media screen and (max-width:1025px){
#mainc_box {position:relative; width:100%; z-index:4; clear:both; margin:auto; margin:0 0 0 0; padding:30px 0; *zoom:1;}
#mainc_box:after{ content:""; display:block; clear:both;}
#mainc {position:relative; width:100%; z-index:4; clear:both; *zoom:1; padding:0; margin:0 auto; }
#mainc:after{ content:""; display:block; clear:both;}
#mainc21 { padding:10px 0; width:100%; }
#mainc21 ul { list-style:none; margin:0; padding:0; }
#mainc21 ul li { float:left; width:50%; text-align:center; }
#mainc21 ul:after{ content:""; display:block; clear:both;}
#mainc21 ul li a span { margin-top:5px; display:block; text-align:center; font-size:14px;}
}

#maind_box {position:relative; width:100%; z-index:4; clear:both; *zoom:1;margin:auto; padding:60px 0; background:#f3f0ec;}
#maind {position:relative; width:1000px; overflow:hidden; margin:auto; padding:0px 0}
#maind:after{ content:""; display:block; clear:both;}
#maind .maind1 {position:relative; width:232px; margin:0 24px 0 0; float:left; z-index:1;*zoom:1;}
#maind .maind1 .cphoto img { width:100%; border:1px solid #ddd; }
#maind .maind1 .cphoto img:hover { border:1px solid #000; }
#maind .maind1 .ctitle { font-weight:bold; font-size:16px; margin:30px 0 10px 0; }
#maind .maind1:last-child { margin:0 0 0 0px; }
@media screen and (max-width:1025px){
#maind {position:relative; width:100%; overflow:hidden; margin:auto; padding:0px 0}
#maind:after{ content:""; display:block; clear:both;}
#maind .maind1 {position:relative; width:48%; margin:1%; float:left; z-index:1;*zoom:1;}
#maind .maind1:last-child { margin:1%; }
#maind .maind1 .ctitle { font-weight:bold; font-size:16px; margin:10px 0 10px 0; }
#maind .maind1 .ctext { height:60px; line-height:20px; }
}


#mainp_box {position:relative; width:100%; z-index:4; clear:both; *zoom:1;margin:auto; padding:20px 0 40px 0; }
#mainp {position:relative; width:1200px; overflow:hidden; margin:auto; padding:0px 0}
#mainp:after{ content:""; display:block; clear:both;}
#mainp ul { list-style:none; overflow:hidden; }
#mainp ul li { float:left; width:390px; margin-left:15px; position:relative; overflow:hidden; text-align:center; }
#mainp ul li:first-child { margin-left:0; }
#mainp ul li .thumb { width:100%; position:absolute; left:0; top:0; z-index:-1; transform:scale(1.05); }
#mainp ul li .thumb img { width:100%; }
#mainp ul li dl { padding-top:42px; padding-bottom:30px; color:#fff; }
#mainp ul li dl dt { margin-bottom:20px; font-size:24px; font-weight:600; }
#mainp ul li dl dd { font-size:15px; font-weight:400; }
#mainp ul li p.btn_detail { padding-bottom:30px; }
#mainp ul li a { display:inline-block; width:118px; line-height:34px; border:1px solid #fff; border-radius:0px; font-size:15px; font-weight:400; color:#fff; text-align:center; overflow:hidden; }
#mainp ul li a:hover { background:#666; background:rgba(255,255,255,0.2); }
@media screen and (max-width:1025px){
#mainp {position:relative; width:96%; overflow:hidden; margin:auto; padding:0px 0}
#mainp ul li { width:100%; margin-top:10px; margin-left:0; }
#mainp ul li dl { padding-top:50px; padding-bottom:22px; }
#mainp ul li dl dt { margin-bottom:10px; }
#mainp ul li dl dd { font-size:14px; }
#mainp ul li a { font-size:13px; }
#mainp ul li p.btn_detail { padding-bottom:50px; }
}


.main_titlebox { position:relative; padding:50px 0 10px 0; }
.main_titlebox h4 { font-size:2em; line-height:1.5em; }
.main_title { font-size:30px; line-height:40px; text-align:center; }
.main_line { margin:0; padding:5px; width:10%; border-bottom:1px solid #444; }
@media screen and (max-width:1025px){
.main_titlebox { position:relative; padding:30px 0 10px 0; }
.main_titlebox h4 { font-size:1.2em; line-height:1.0em; }
.main_title { font-size:20px; line-height:30px; text-align:center; }
.main_line { margin:0; padding:5px; width:10%; border-bottom:1px solid #444; }
}


#maintro {position:relative; width:1200px; z-index:4; clear:both; *zoom:1;margin:auto; padding:50px 0}
#maintro:after{ content:""; display:block; clear:both;}
#maintro1 {position:relative; width:680px; margin:0 10px 0 0; float: left; z-index:1;*zoom:1;}
#maintro2 {position:relative; width:510px; margin:0 0px 0 0; float: right;*zoom:1;}
#maintro2box {position:relative; margin-top:10px; clear:both; *zoom:1; }
#maintro2box:after{ content:""; display:block; clear:both;}
#maintro2box1 {position:relative; width:250px; margin:0 10px 0 0; float: left; z-index:1;*zoom:1;}
#maintro2box2 {position:relative; width:250px; margin:0 0px 0 0; float: right;*zoom:1;}
@media screen and (max-width:1025px){
#maintro { width:100%; padding:30px 0}
#maintro1 {position:relative; width:100%; margin:0 10px 0 0; float: none; }
#maintro2 {position:relative; width:100%; margin:0 0px 0 0; float: none; }
#maintro2box {position:relative; margin-top:10px; clear:both; *zoom:1; }
#maintro2box:after{ content:""; display:block; clear:both;}
#maintro2box1 {position:relative; width:50%; margin:0 0px 0 0; float: left; z-index:1;*zoom:1;}
#maintro2box2 {position:relative; width:50%; margin:0 0px 0 0; float: right;*zoom:1;}
}


.mainv {position:relative; width:1200px; z-index:4; clear:both; *zoom:1;margin:auto; padding:60px 0}
.mainv.top { padding:60px 0 0 0 !important; }
.mainv:after{ content:""; display:block; clear:both;}
.mainv1 {position:relative; width:325px; margin:0 50px 0 0; float: left; z-index:1;*zoom:1;}
.mainv2 {position:relative; width:450px; margin:0 50px 0 0; float: left;*zoom:1;}
.mainv3 {position:relative; width:325px; margin:0 0px 0 0; float: left;*zoom:1;}
.mainv1:after{ content:""; display:block; clear:both;}
.mainv2:after{ content:""; display:block; clear:both;}
.mainv3:after{ content:""; display:block; clear:both;}

.mainv3 ul { list-style:none; }
.mainv3 h3 { font-size:2em; font-weight:1000; text-align:center; padding-top:10px; color:#000;}
.mainv3 ul.sns li { float:left; width:24%; margin:0.5%; }
.mainv3 ul.sns li:nth-child(4n) { margin-right:0; }
@media screen and (max-width:1025px){
.mainv {width:95%; padding:30px 0; }
.mainv1 {width:100%; margin:0 0 10px 0; float:none; }
.mainv2 {width:100%; margin:0 0 10px 0; float:none; }
.mainv3 {width:100%; margin:0 0 10px 0; float:none; }

.mainv3 ul li img { width:100%; }
}


.mt_need_wrap {position:relative; width:100%; background:#341f41; z-index:4; clear:both; *zoom:1;margin:auto; margin:40px 0 0 0; }
.mt_need {position:relative; width:1200px; overflow:hidden; margin:auto; padding:0px 0}
.mt_need_wrap:after{ content:""; display:block; clear:both;}
@media screen and (max-width:1025px){
.mt_need {width:100%; padding:0px 0; }
}


#maing_box {position:relative; width:100%; z-index:4; clear:both; margin:auto; margin:0 0 0 0; padding:0; background:#043b8b; *zoom:1;}
#maing_box:after{ content:""; display:block; clear:both;}
#maing {position:relative; width:1200px; z-index:4; clear:both; *zoom:1; padding:0; margin:0 auto; }
#maing:after{ content:""; display:block; clear:both;}
#maing1 { float:left; width:50%; text-align:left; overflow:hidden; }
#maing2 { float:left; width:50%; text-align:left; overflow:hidden; }
#maing .inner { position:relative; margin:0 20px; border:0px solid #ddd; overflow:hidden;}
#maing .text { position:relative; padding:50px 15px; color:#fff;  }
#maing h2 { display:block; text-align:center; color:#fff; font-size:30px; line-height:30px; margin-bottom:30px; }
#maing1 img { width:100%; vertical-align:top; }
#maing li { margin:0 0 0 30px; font-size:22px; line-height:33px;}

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

#maing {position:relative; width:100%; z-index:4; clear:both; *zoom:1; padding:0; margin:0 auto; }
#maing:after{ content:""; display:block; clear:both;}
#maing1 { float:none; width:100%; margin:auto; overflow:hidden; }
#maing2 { float:none; width:100%; margin:auto; overflow:hidden; }
#maing .inner { position:relative; margin:0 0px; border:0px solid #ddd; overflow:hidden;}
#maing .text { position:relative; padding:30px 15px; }
#maing h2 { display:block; text-align:center; color:#fff; font-size:26px; line-height:30px; margin-bottom:30px; }
#maing2 img { width:100%; vertical-align:top; }
#maing li { margin:0 0 0 20px; font-size:16px; line-height:26px;}
}

#maink_box {position:relative; width:100%; z-index:4; clear:both; margin:auto; margin:0 0 0 0; padding:0; background:#3e2b49; *zoom:1;}
#maink_box:after{ content:""; display:block; clear:both;}
#maink {position:relative; width:1200px; z-index:4; clear:both; *zoom:1; padding:0; margin:0 auto; }
#maink:after{ content:""; display:block; clear:both;}

@media screen and (max-width:1025px){
#maink {position:relative; width:100%; z-index:4; clear:both; *zoom:1; padding:0; margin:0 auto; }
#maink:after{ content:""; display:block; clear:both;}
}


.main_marquee1 > div {display: none;}
div.main_marquee1_active {display: block;}
.main_marquee1 {position: relative; height: 500px; margin-bottom: 80px;}
.main_marquee1_box {position: absolute; top: 0; width: 100%; min-width: 1000px; overflow: hidden; height: 500px;}
.main_marquee1_box ul { list-style:none; }
.main_marquee1_box li {position: relative; float: left; text-align:center; height:500px; line-height: 50px;}
.main_marquee1_box a {display: inline-block; padding: 0 20px; outline: 0;}
.main_marquee1_box img {vertical-align: middle;}
.main_marquee1_img { margin-top: 30px; }
@media screen and (max-width:1025px){
.main_marquee1 {position: relative; height: 500px; margin-bottom: 20px;}
.main_marquee1_box {position: absolute; top: 0; width: 100%; min-width:100%; overflow: hidden; height: 500px;}
.main_marquee1_box {
  white-space: nowrap; 
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch; 
  -ms-overflow-style: -ms-autohiding-scrollbar; }
}

/*
{animation: move 0.8s ease-in-out; animation-fill-mode: forwards;}
{animation: move 0.8s 0.8s ease-in-out; animation-fill-mode: forwards;}
*/



/* Main */
#mainf ul { list-style:none;}
#flash_area {position:absolute; top:10px; left:200px; width:500px; height:100px; z-index:100; *zoom:1;}
#mainv ul { list-style:none;}
#mainv1 ul { list-style:none;}
#mainv1 ul.hide{visibility:hidden}
#mainv1 h2.board_tab{float:left; height:28px; padding:0 3px 0 0;}
#mt_board1, #mt_board2, #mt_board3 {width:360px;position:absolute;left:0;top:40px;}
.mt_board_txt{float:left;width:265px;padding:0 0 0 15px;background:url('/icon/bg_dot2.gif') no-repeat 6px 8px; line-height:1.6em;}
.mt_board_date{float:right;margin:0 10px 0 0; width:70px; color:#000; font-size:11px}
.mt_board_more{position:absolute;right:5px;top:-35px;}
.mt_board_1more{position:absolute;right:5px;top:5px;}
.mt_board_1more a { font-size:26px; font-weight:normal; padding:0px 5px; border:0px solid #444; }
.mt_board_bar {position:relative; clear:both; *zoom:1;margin:auto; padding:0 0 0 0; margin-bottom:20px; }
.mt_board_bar:after{ content:""; display:block; clear:both;}
.mt_board_bar h2 { font-size:24px; padding:5px 0 10px 0; border-bottom:1px solid #444;  }
.mt_board_line { font-size:15px; line-height:18px; padding:7px 0; letter-spacing:-1px; }
.mt_board_day { font-size:11px; color:#999; }

.mt_board_photo { list-style:none; margin:0; padding:0; }
.mt_board_photo li { float:left; width:33.3333%; text-align:center; }
.mt_board_photo:after{ content:""; display:block; clear:both;}
.mt_board_photo_list { margin:10px; border:1px solid #ddd; height:150px; overflow:hidden; }
@media all and (max-width:600px){
.mt_board_photo li { float:none; width:100%; }
.mt_board_photo_list { height:200px;}
}
@media screen and (min-width:600px) and (max-width:1000px){

}
.mt_board_photo_list img { width:100%; /*height:150px; overflow:hidden;*/ vertical-align:top;}
.mt_board_photo_list img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.mt_board_photo_list:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}




.mt_news ul { list-style:none; margin:0; padding:0 }
.mt_news { width:100%; height:150px; position: relative; margin:0 auto; padding:0; background:url('/img/bg_mcategory.jpg') repeat-x; }
.mt_news{ content:""; display:block; clear:both;}
.mt_news .small_tab {position:absolute; top:0; left:0; width:100%; }
.mt_news .small_tab li {float:left; margin-right:-1px; }
.mt_news .small_list {position:absolute; left:5px; top:45px; clear:both; width:98%; }
.mt_news .small_list li {width:97%; padding:0 0 0 0;  background:url('/img/b_dot.jpg') no-repeat 6px 12px; }
.mt_news .small_list li a { float:left; color:#444; font-size:14px; line-height:30px; padding:0 0 0 15px; -webkit-text-size-adjust: none;}
.mt_news .small_list li span { float:right; font-size:11px; line-height:30px; color:#767676; -webkit-text-size-adjust: none;}
.mt_news .fir_depth { cursor:pointer; padding:10px 20px; border:1px solid #ddd; color:#999; }
.mt_news .on { background:#437834; color:#fff; }
.mt_news .more_news {display:block;}
.more_news_btn {position:absolute; top:-10px; right:5px; margin:0; padding:0}
.more_news_btn a  { display:inline-block; padding:0 10px; text-align:center; font-size:30px; line-height:30px; border:0px solid #b0b0b0; }

.mt_board_btn { text-align:center; margin:30px 0 0 0; }
.mt_board_btn a { display:inline-block; padding:5px 15px; text-align:center; font-size:14px; border:1px solid #b0b0b0; }

.main_mt  {height:33px; background:url(/img/bg_mt.jpg); margin:0 0 10px 0 }
.main_mt h2  { font-size:16px; color:#000; line-height:33px;  }

#mainv .btnArea {position: absolute; left:5px; bottom:45px;  z-index:400;}
#mainv .btnArea input {background: url('/icon/circle_btns.png') no-repeat; width:13px; height:13px; border:0; margin:0; padding:0; text-align:center;cursor:pointer; font-size:10px; font-weight:bold; vertical-align:middle;}
#mainv .btnArea input#prev2 {background-position:-104px -4px; font-size:0;}
#mainv .btnArea input#btnPlay {background-position:-4px -4px; font-size:0;}
#mainv .btnArea input#btnPause {background-position:-24px -4px; font-size:0;}
#mainv .btnArea input#next2 {background-position:-84px -4px; font-size:0;}

#mainv .btnNumArea {position: absolute; right:5px; bottom:45px; z-index:400;}
#mainv .btnNumArea ul li {float: left;}
#mainv .btnNumArea input {background: url('/icon/circle_btns.png') no-repeat; width:16px; height:13px; border:0; margin:0; padding:0; text-align:center;cursor:pointer; font-size:10px; font-weight:bold; vertical-align:middle;}
#mainv .btnNumArea ul li input {background-position:-62px -4px; }
#mainv .btnNumArea ul li input.btn_on {background-position:-42px -4px;color:white; }


#main_tablebox {position:relative; width:1200px; padding:30px 0; z-index:4; clear:both; margin:0 auto;*zoom:1;z-index:4;}
#main_tablebox:after{ content:""; display:block; clear:both;}
.main_table {position:relative; border:1px solid #ddd; border-left:none; list-style:none; margin:0; padding:0; font-family:empty; font-size:0; }
.main_table > li { display:inline-block; *zoom:1; *display:inline; margin:0; padding:0; vertical-align:top; width:25%; text-align:center; overflow:hidden;}
.main_table > li:after {display:block; content:''; width:1px; height:100%; position:absolute; top:0; z-index:2; background: #ddd;}
.main_table > li:first-child:after {display:none;}
.main_table > li:nth-child(-n+4) { border-bottom:1px solid #ddd; }
.main_table > li strong { font-weight:normal; }
.main_table > li.company strong { font-size:20px; font-weight:bold; }
.main_table > li.last strong { font-size:20px; font-weight:bold; }
.main_table > li.last { display:none; }
.main_table > li a {display:block; padding:20px 0; text-decoration:none; font-size:14px; }
/*
.main_table > li a:after {display:block; content:''; margin-top:15px; background:url('/img/b_more.jpg') no-repeat 50% 50%; width:100%; height:16px; -webkit-background-size:contain; background-size: contain; }
*/
.main_table > li .icon { display:block; }
.main_table > li .icon img { vertical-align:top; width:50px; }
@media screen and (max-width:1025px){
#main_tablebox { width:100%; }
.main_table {margin:20px 10px; }
.main_table > li {width:33.3333%; }
.main_table > li:nth-child(-n+6) { border-bottom:1px solid #ddd; }
.main_table > li.last { display:inline-block; }
.main_table > li a {padding:15px 0;}
/*
.main_table > li a:after {margin-top:15px;height:15px;}
*/
}


#mbanner_box {position:relative; width:100%; background:#f7f7f7; padding:10px 0; z-index:4; clear:both; margin:auto;*zoom:1;z-index:4;}
#mbanner {position:relative; width:1200px; padding:0px 0; z-index:4; clear:both; margin:0 auto;*zoom:1;z-index:4;}
#mbanner ul:after{ content:""; display:block; clear:both;}
#mbanner_box:after{ content:""; display:block; clear:both;}
#mbanner:after{ content:""; display:block; clear:both;}
@media screen and (max-width:1000px){
#mbanner_box {position:relative; width:100%; padding:10px 0; z-index:4; clear:both; margin:auto;*zoom:1;z-index:4;}
#mbanner {position:relative; width:98%; padding:0px 0; z-index:4; clear:both; margin:0 auto;*zoom:1;z-index:4;}
#mbanner img { width:80%; margin:auto; }
}


/****** owl-theme  ******/
.owl-carousel .owl-stage-outer{ z-index:2;}
.owl-theme .owl-dots, .owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent; }
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next{position: absolute;top:50%;display:none;width:30px;height:30px;cursor:pointer;overflow: hidden; z-index: 3;}
.owl-theme .owl-nav .owl-prev{left: 0;}
.owl-theme .owl-nav .owl-next{right: 0;}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots{font-size: 0;position: absolute;left: 50px;bottom: 25px;z-index: 3;}
.owl-theme .owl-dots .owl-dot{display: inline-block;margin: 0;zoom:1;}
.owl-theme .owl-dots .owl-dot span{width: 12px;height: 12px;margin: 0px 4px;background:rgba(255,255,255,0.5);border:0;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;transition: all 0.3s;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #fff !important;}


.foot_banner{ position:relative; width:100%; background:#fff; overflow: hidden; padding:17px 0; border-top: 1px solid #d6d6d6;}
.foot_banner:after{ content:""; display:block; clear:both;}
.foot_banner_wrap { position:relative; width:1200px; margin:auto; }
.foot_banner .item{  height: 65px;}
.foot_banner .item a{display:block;height: 65px;}
.foot_banner .item img{ height: 100%; width:auto !important; margin: 0 auto;}
.foot_banner .owl-carousel{}
.foot_banner.owl-theme .owl-nav .owl-prev, 
.foot_banner.owl-theme .owl-nav .owl-next{ border:none; top:15px; background:transparent;display: block !important;height:30px;width: 30px;margin:0; padding:0; }
.foot_banner.owl-theme .owl-nav .owl-prev{background: url(/img/flexslider_nav.png) no-repeat 0px 0; left: -30px;}
.foot_banner.owl-theme .owl-nav .owl-next{background: url(/img/flexslider_nav.png) no-repeat -30px 0;right: -30px;}
.foot_banner.owl-theme .owl-nav .owl-prev span, .foot_banner.owl-theme .owl-nav .owl-next span{color:#646464;line-height: 65px;margin-top: -10px; display:none;}

.foot_banner.owl-theme .control_bn {left: 0;margin: 0;bottom: 0;display:none;}
.foot_banner.owl-theme .control_bn .btn.play{ border:0; background: url(/img/flexslider_nav.png) no-repeat -60px 0;}
.foot_banner.owl-theme .control_bn .btn.stop{ border:0; background: url(/img/flexslider_nav.png) no-repeat -90px 0;}
.foot_banner.owl-theme .control_bn .btn.play, .foot_banner.owl-theme .control_bn .btn.stop{ width:30px !important; height:30px !important;}

@media only screen and (max-width : 1000px ){
.foot_banner_wrap { width:96%; margin:auto; }
.foot_banner{ padding:5px 0;}
.foot_banner.owl-theme .owl-nav .owl-prev{ left: -10px;}
.foot_banner.owl-theme .owl-nav .owl-next{ right:-10px;}
}



#shop_mbanner { position:relative; width:800px; height:160px }
#shop_mbanner ul { list-style:none;}
#shop_mbanner .btnArea {position: absolute; left:0px; bottom:5px;  z-index:400;}
#shop_mbanner .btnArea input {background: url('/icon/circle_btns.png') no-repeat; width:13px; height:13px; border:0; margin:0; padding:0; text-align:center;cursor:pointer; font-size:10px; font-weight:bold; vertical-align:middle;}
#shop_mbanner .btnArea input#prev2 {background-position:-104px -4px; font-size:0;}
#shop_mbanner .btnArea input#btnPlay {background-position:-4px -4px; font-size:0;}
#shop_mbanner .btnArea input#btnPause {background-position:-24px -4px; font-size:0;}
#shop_mbanner .btnArea input#next2 {background-position:-84px -4px; font-size:0;}

#shop_mbanner .btnNumArea {position: absolute; right:0px; bottom:5px; z-index:400;}
#shop_mbanner .btnNumArea ul li {float: left;}
#shop_mbanner .btnNumArea input {background: url('/icon/circle_btns.png') no-repeat; width:16px; height:13px; border:0; margin:0; padding:0; text-align:center;cursor:pointer; font-size:10px; font-weight:bold; vertical-align:middle;}
#shop_mbanner .btnNumArea ul li input {background-position:-62px -4px; }
#shop_mbanner .btnNumArea ul li input.btn_on {background-position:-42px -4px;color:white; }


#contentBody {position:relative; margin:0 auto; padding:100px 0; width:1200px;z-index:4;*zoom:1;}
#contentBody:after{ content:""; display:block; clear:both;}
#leftColumn {position:relative;width: 240px; float: left; margin:0; background:url('/img/bg_submenu.jpg') repeat-x; padding:0 0 0 0px; z-index:4;*zoom:1;}
#leftColumn:after{ content:""; display:block; clear:both;}
#contentColumn {position:relative;width: 900px; float: right; margin:0; padding:0; z-index:2; *zoom:1;}
#contentColumn:after{ content:""; display:block; clear:both;}
#contentColumn2 {position:relative;width: 100%; margin:0; padding:0; z-index:2; *zoom:1;}
#contentColumn2:after{ content:""; display:block; clear:both;}
#contentPage {position:relative; margin:0; padding:0; z-index:2; *zoom:1;}
#contentPage:after{ content:""; display:block; clear:both;}
#contentBox {position:relative; padding:0px 0 0px 0; min-height:400px; word-break:keep-all; z-index:2;*zoom:1;}
#contentBox:after{ content:""; display:block; clear:both;}
.contentArea {position:relative; margin:0 auto; padding:0; width:100%;z-index:4;*zoom:1;}
.contentArea:after{ content:""; display:block; clear:both;}
.contentArea2 {position:relative; margin:0 auto !important; padding:0; width:800px !important; z-index:4;*zoom:1;}
.contentArea2:after{ content:""; display:block; clear:both;}
@media screen and (max-width:1025px){
#contentBody {position:relative; margin:0 auto; padding:40px 0; width:100%;z-index:4;*zoom:1;}
#leftColumn { display:none !important}
#contentColumn { position:relative;width:100%; float: none !important; margin:0; padding:0; z-index:2; *zoom:1;}
#contentColumn2 {position:relative;width:100%; margin:0; padding:0 0 0px 0; z-index:2; *zoom:1;}
#contentBox {position:relative; padding:0 5px; word-break:keep-all;  z-index:2;*zoom:1;}
.contentArea { width:100%; }
.contentArea2 { width:100% !important; }
}


#helpcenter_box { position:relative; width:100%; background:#f4f4f4; margin:50px 0 0 0; padding:60px 0; *zoom:1; }
#helpcenter_box:after { content:""; display:block; clear:both; }
#helpcenter { position:relative; width:1200px; margin:0 auto; padding:0; *zoom:1; }
#helpcenter1 { position:relative; width:35%; float:left; text-align:center; margin:0; padding:0; *zoom:1; }
#helpcenter2 { position:relative; width:40%; float:left; text-align:center; margin:0; padding:0; *zoom:1; }
#helpcenter3 { position:relative; width:25%; float:left; text-align:center; margin:0; padding:0;  *zoom:1; }
#helpcenter h2 { font-size:20px; margin:0 0 15px 0; }
#helpcenter h2 span { font-weight:normal !important; }
#helpcenter .helpcenter_gap { padding:10px; }
#helpcenter .borderlr { border-left:1px solid #ddd; border-right:1px solid #ddd;  }
#helpcenter2 ul { display:inline-block; list-style:none; margin:0; padding:0; }
#helpcenter2 ul li { float:left; margin:0; padding:0; }
#helpcenter2 span.txt_eng { display:block; text-align:center; }
#helpcenter2 span.txt_kor { display:block; font-size:12px; color:#666; text-align:center; }
#helpcenter3 .helpcenter_number { padding:10px; border:1px solid #ddd; background:#fff; line-height:20px; }
#helpcenter3 h3 { font-size:24px; margin:10px 0; color:#db508d; font-family:Arial; }
@media screen and (max-width:1025px){
#helpcenter_box { margin:30px 0 0 0; padding:30px 0; }
#helpcenter { width:100%; }
#helpcenter1 { width:100%; float:none; margin-bottom:20px; border-bottom:1px solid #ddd; }
#helpcenter2 { width:100%; float:none; margin-bottom:20px; border-bottom:1px solid #ddd;}
#helpcenter3 { width:100%; float:none; }
#helpcenter h2 { font-size:20px; margin:0 0 15px 0; }
#helpcenter h2 span { font-weight:normal !important; }
#helpcenter .helpcenter_gap { padding:10px; }
#helpcenter .borderlr { border-left:0px solid #ddd; border-right:0px solid #ddd;  }
#helpcenter2 ul li { float:left; margin:0; padding:0; width:20%; }
#helpcenter2 ul li img { width:80%; }
#helpcenter2 span.txt_eng { display:block; font-size:11px; text-align:center; }
#helpcenter2 span.txt_kor { display:block; font-size:11px; color:#666; text-align:center; }
}


.conpage { position:relative; margin:0px 0 0 0; padding:0px 0; *zoom:1; }
.conpage:after { content:""; display:block; clear:both; }
.conpage ul { list-style:none; margin:0; padding:0; }
.conpage_right { position:relative; float:right; width:25%; margin:0 0 30px 0; padding:0; *zoom:1; }
.conpage_left { position:relative; float:left; width:70%; margin:0; padding:0; *zoom:1;  }
.conpage .conpage_border { padding:10px; border:1px solid #ddd; }
.conpage .conpage_title  { position:relative; margin:0px 0 15px 0; padding:5px 0; border-bottom:1px solid #ddd; }
.conpage .conpage_title h3 { font-size:16px; font-weight:bold; color:#004091;}
.conpage .conpage_title .board_more { position:absolute; top:0; right:0; font-size:10px; }
.conpage .conpage_contents  { position:relative; font-size:14px; line-height:20px; margin:0 0 20px 0; }
.conpage .conpage_contents li { margin:0 0 5px 0; }
.conpage .conpage_contents li.tel { font-family: 'Noto Sans KR'; font-weight:500; font-size:20px; }
.conpage .conpage_contents li.time { font-family: 'Noto Sans KR'; font-size:12px; }
.conpage .conpage_contents li.bank { font-family: 'Noto Sans KR'; font-size:12px; }
@media screen and (max-width:1025px){
.conpage_right { float:none; width:100%; }
.conpage_left { float:none; width:100%; }
}

/* sitemap bottom */
#site_bmap_box { position:relative; width:100%; background:#444; }
#site_bmap:after{content:"";display:block;*zoom:1;clear:both;}
#site_bmap { position:relative; width:1200px; margin:0 auto; padding:20px 0 40px 0; border-bottom:0px solid rgba(255,255,255,0.2); }
#site_bmap:after{content:"";display:block;*zoom:1;clear:both;}
#site_bmap ul, #site_bmap li { list-style: none; padding:0; margin:0; }
#site_bmap  ul {width:20%; float:left; text-align:center; }
#site_bmap  ul li.step1{ color:#fff; border-bottom:0px solid #84c82b; font-size:17px; margin:15px; line-height:40px; margin-bottom:20px; font-weight:bold;}
#site_bmap  ul li.step1 a{color:#fff; display:block;}
#site_bmap  ul li.step1 li:hover,
#site_bmap  ul li.step1 a:hover{color:#ff0;}
#site_bmap  ul li.step1 a.title:after {content: " "; display: block; position:relative; margin:auto; padding: 0px 0; width:10%; height: 1px; background-color: #ddd;}
#site_bmap  ul.step2 { width:100%; padding:0; margin:20px 0 0 0; font-weight:normal;}
#site_bmap  ul.step2 li{font-size:12px; line-height:24px; }
#site_bmap  ul.step2 li:hover{background:none;}
#site_bmap  ul.step2 a{color:#fff !important;}
#site_bmap  ul.step2 li:hover,
#site_bmap  ul.step2 a:hover{color:#ff0 !important;}
#site_bmap  ul.step0 { border-right:0px solid #eee; }
@media all and (max-width:1025px){
#site_bmap { position:relative; width:98%; margin:0 0 0px 0; padding:0px 0 30px 0; }
#site_bmap  ul.nomobile { display:none !important; }
#site_bmap  ul {width:33.3333%; float:left;}
#site_bmap  ul li.step1{ margin:5px; }
}


#footerWrite {position:relative;width:100%; height:30px; margin:20px 0 0 0; padding:0; *zoom:1}
#footerWrite:after{ content:""; display:block; clear:both;}
#footerWriteLink {position:relative;width:1200px; text-align:center; line-height:30px; font-size:16px; margin:0 auto; padding:0;*zoom:1}
#footerWriteLink ul { display:inline-block; list-style:none; margin:0; padding:0; }
#footerWriteLink ul li { float:left; margin:0 10px; }


#footerLinkarea {position:relative;width:100%; height:30px; margin:20px 0 0 0; padding:0; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; *zoom:1}
#footerLinkarea:after{ content:""; display:block; clear:both;}
#footerLink {position:relative;width:100%; margin:0 auto; font-weight:bold; padding:0 0 40px 0;*zoom:1}
@media screen and (max-width:1025px){
#footerLinkarea {position:relative;width:100%; background:#eee; margin:20px 0 0 0; padding:0; *zoom:1}
#footerLinkarea:after{ content:""; display:block; clear:both;}
#footerLink {position:relative;width:100%; margin:0 auto; padding:20px 0 0px 0;*zoom:1}
#footerLink1 {position:relative;width: 100%; float: none; margin:0; padding:0 0 0 0px; *zoom:1;}
#footerLink2 {position:relative;width: 100%; float: none; margin:0; padding:0 0 0 0; *zoom:1;}
#footerLink3 {position:relative;width: 100%; float: none; margin:0; padding:0 0 0 0px; *zoom:1;}
#footerLink3 #mt_way1 {position:relative;width:50%; float: left; margin:0; padding:0 0 0 0px; *zoom:1;}
#footerLink3 #mt_way2 {position:relative;width:50%; float: right; margin:0; padding:0 0 0 0px; *zoom:1;}
#footer_time {position:relative; background:#0088ab; *zoom:1; padding:0 0 20px 0;}
}


#footerBox {position:relative;width:100%; background:#555; margin:0px 0 0 0; padding:0;*zoom:1}
#footerBox:after{ content:""; display:block; clear:both;}
#footer {position:relative; width:1200px; padding:50px 0; margin:auto; background:url(/img/bg_copy.jpg); clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}
#leftFooter {position:relative; float:left; text-align:center; width:30%; margin:0; padding:0; *zoom:1;}
#rightFooter {position:relative; float:right; width:60%; margin:0; padding:0; color:#fff; line-height:20px; text-align:right; font-size:14px;*zoom:1;}
@media screen and (max-width:1025px){
#footerBox {position:relative;width:100%; background:#444;  margin:0px 0 0 0; padding:0;*zoom:1}
#footerBox:after{ content:""; display:block; clear:both;}
#footer {position:relative; width:100%; padding:50px 0; margin:auto;  clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}
#leftFooter { float:none; width:100%;  padding:10px 0 0 0; }
#rightFooter { float:none; width:100%; text-align:center; }
}
#footer a{ text-decoration:none; color:#fff;}
#footer a:hover,
#footer a:active,
#footer a:focus{ text-decoration:none;}
#footer address {font-style:normal;}


#footerSite {position:relative; float:right; width:16%; margin:0; padding:0; text-align:right; }
#footerSite ul { list-style:none; margin:0; padding:0; }
#footerSite .footer_site { position:relative; }
#footerSite .footer_sns { position:relative; text-align:center; }
#footerSite .footer_sns ul { display:inline-block; }
#footerSite .footer_sns ul li { float:left; margin-right:5px; }
#footerSite .footer_sns ul li:last-child { margin-right:0px; }
#footerSite .footer_sns:after{ content:""; display:block; clear:both;}
#footerSite .footer_sitetitle { position:relative; width:100%; background:url('/icon/i_arrow_up.png') no-repeat 90% 50%; }
#footerSite .footer_sitetitle a {display:block; border:1px solid #eee; height:32px;line-height:32px;padding-left:10px; text-align:left;font-size:12px;color:#fff}
#footerSite .footer_sitelist {display:none;position:absolute; width:100%; bottom:34px;left:0; text-align:left; background:rgba(0,0,0,0.8); z-index:8900}
#footerSite .footer_sitelist ul { border-top:1px solid rgba(255,255,255,0.5); }
#footerSite .footer_sitelist ul li { padding-left:10px; font-size:12px; line-height:30px; border:1px solid rgba(255,255,255,0.5); border-top:0; border-bottom:0;  }
#footerSite .footer_sitelist ul li a:hover { color:#ffa; }
#footer_sitelist { color:#fff; background:rgba(0,0,0,0.8); padding:5px 0; width:100%; border:1px solid #444; }
@media screen and (max-width:1025px){
#footerSite {position:relative; float:none; width:97%; margin:0; padding:40px 0 20px 0; text-align:center; }
#footerSite .footer_sitetitle { position:relative; width:50%; margin:auto; background:url('/icon/i_arrow_up.png') no-repeat 90% 50%; }
#footerSite .footer_sitelist {display:none;position:absolute; width:100%; bottom:34px;left:0; text-align:center; background:none;z-index:8900}
#footerSite .footer_sitelist ul { display:inline-block; width:50%; background:rgba(0,0,0,0.8); }
#footer_sitelist { width:50%; }
}

.footer_table{ position:relative; padding:0; margin:0; text-align:left; }
.footer_table dl{ position:relative; padding:0 0 0 0px; }
.footer_table dl:before{ content:""; position:absolute; top:-35px; left:20px; width:1px; height:45px; background:url("/img/bg_history.jpg") 0 0 repeat-y;}
.footer_table dl dt{ margin:0 0 10px 0; font-size:20px; color:#48c8d5; font-weight:600}
.footer_table dl dd{ position:relative; padding:0 0 0 54px; line-height:20px;}
.footer_table dl dd strong{ position:absolute; top:0; left:0; color:#333; font-size:14px; padding:0px 10px; background:#fff; color:#444; border-radius:5px; display:inline-block;}
.footer_table dl dd+dd{ margin-top:10px; }
@media screen and (max-width:1025px){
.footer_table{ width:98%; margin:auto; padding:0 0 10px 0; }
.footer_table dl dt{ text-align:center; }
}


#rScroll {position:fixed;top:200px;right:20px;z-index:8989;}
/* #rScroll {position:fixed; top:500px; left:50%; width:90px; margin:0 0 0 500px;} */
#btn_top {position:fixed; bottom:0px; right:15px; width:30px; margin:0 0 0 0px; display:none; z-index:8999;}
#btn_top a {display:inline-block; padding:5px 10px 5px 10px; color:#fff; border-radius:0px; text-decoration:none !important; background:rgba(0, 0, 0, 0.5); font-weight:bold; font-size:13px; line-height:20px; text-align:center; }
#btn_top a:hover, #btn_top a:active { color:#fff !important; background:rgba(255, 50, 0, 0.7)}
#quickbar {position:relative;width:78px; margin:0; padding:0; background:#f7f7f7; text-align:center; border:solid 1px #ddd; *zoom:1}
#quickbar:after{ content:""; display:block; clear:both;}
@media screen and (max-width:1025px){
#rScroll  {display:none !important;}
#btn_top {position:fixed;bottom:0px;right:15px;z-index:8999;}
}


#panel_right { position:fixed; top:0px; right:-100px; height:100%; z-index:8990; }
#panel_right ul { list-style:none; margin:0; padding:0; }
#panel_right_btn { background:#067cc4; top:40% !important; width:20px; height:20px !important; text-align:center; float:left; right:-1px; display:inline-block; position:relative; z-index:99; cursor:pointer !important; opacity:1; border:0px solid #ddd; border-right:none; padding:30px 5px; }
#panel_right_wrap { position:relative; display:inline-block; margin:0; height:100%; width:100px; background:#067cc4; color:#444; padding:0 0px; border-left:0px solid #ddd; }
#panel_right.on { right:0px; }
#panel_right .panel_title  { position:relative; margin:0; padding:30px 0; text-align:center; }
#panel_right .panel_title h3 { font-size:14px; font-weight:bold; color:#fff;}
#panel_right .panel_title p { font-size:13px; color:#fff;}
#panel_right .panel_title .board_more { position:absolute; top:0; right:0; font-size:10px; }
#panel_right .panel_title:hover { background:#f90 !important; }
#panel_right .panel_title2  { position:relative; margin:0; padding:30px 0 0 0; text-align:center; }
#panel_right .panel_title2 h3 { font-size:14px; font-weight:bold; color:#fff;}
#panel_right .panel_title2 p { font-size:13px; color:#fff; line-height:15px;}
#panel_right .panel_title2 a:hover p { color:#000 !important; }

#panel_right .panel_contents  { position:relative; margin:0 0 5px 0; font-size:13px; line-height:16px; color:#fff; text-align:center; }
#panel_right .panel_contents li { margin:0 0 5px 0; }
#panel_right .panel_contents li.tel { font-family: 'Noto Sans KR'; font-weight:500; font-size:20px; }
#panel_right .panel_contents li.time { font-family: 'Noto Sans KR'; font-size:12px; }
#panel_right .panel_contents li.bank { font-family: 'Noto Sans KR'; font-size:12px; }

.panel_quick { margin:0 0 20px;}
.panel_quick:after{content:"";display:block;*zoom:1;clear:both;}
.panel_quick ul:after{content:"";display:block;*zoom:1;clear:both;}
.panel_quick li{float:left;width:50%;height:28px;margin-bottom:1px;}
.panel_quick li:nth-child(even){margin-left:-1px;}
.panel_quick li a{display:block;line-height:28px;border:1px solid #ddd;font-size:12px; letter-spacing:-1px; color:#000;text-align:center;;transition:all .3s ease;-webkit-transition:all .3s ease;}
.panel_quick li a:hover{background:#f7f7f7;text-decoration:none;font-weight:bold;}
.panel_quick .panel_mypage a { display:block; background:#444; text-align:center; font-size:14px; padding:5px 0; color:#fff; }
.panel_quick .panel_mypage a:hover { background:#004091;  }


/* Skip To Content */
.skipToContent {display:block; margin:0; }
.skipToContent a {display:block; height:0px; overflow:hidden;}
.skipToContent a:focus {height:auto; text-align:center; padding:10px; background-color:#fff; }

/* Header */
#skipLink  {position:relative; width:205px; padding:5px 0 0px 0; z-index:4; clear:both; margin:auto;*zoom:1;z-index:4;}
#skipLink ul { list-style:none;}
#skipLink ul li { float:left;	}
#skipLink a {display:inline-block; padding:2px 10px 2px 10px; color:#000; text-decoration:none; border:1px solid #aaa; background-color:#fafafa; font-weight:bold; font-size:13px}
#skipLink a:link,
#skipLink a:visited,
#skipLink a:active { color:#000; }
#skipLink a:hover { color:#0000ff}





/* full menu */
#fullmenu{ position:absolute; top:-766px; left:0; width:100%; overflow: hidden; z-index:9999; }
#fullmenu ul, #fullmenu li {list-style: none;}

#fullmenu .sitemap{position:relative; width:1100px; height:250px; padding:40px 10px 20px 10px; margin:0 auto;  background:#fff; border:1px solid #215eb5; }
#fullmenu .sitemap a.close{position:absolute; bottom:9px; right:10px;}
#fullmenu .sitemap ul {width:210px; float:left; }
#fullmenu .sitemap ul:after { content:""; display:block; clear:both;}
#fullmenu .sitemap ul li.step1{ padding-left:10px; color:333; font-size:17px;  line-height:18px; height: 40px; font-weight:bold;}
#fullmenu .sitemap ul li.step1 li:hover,
#fullmenu .sitemap ul li.step1 a:hover{color:#215eb5;}
#fullmenu .sitemap ul.step2 {padding:0; width:200px; margin:20px 0 0 0; font-weight:normal;}
#fullmenu .sitemap ul.step2 li{color:#333; font-size:14px; line-height:24px; }
#fullmenu .sitemap ul.step2 li:hover{background:none;}
#fullmenu .sitemap ul.step0 {border-right:1px solid #eee; height:250px;}






/* Sub */
#subv {position:absolute; top:0; left:0; width:500px; height:100px; z-index:100; *zoom:1;}
#flash_area_sub {position:absolute; top:10px; left:200px; width:500px; height:100px; z-index:100; *zoom:1;}

#subp {position:relative; z-index:4; clear:both; *zoom:1;margin:auto; padding:0 0 10px 0}
#subMenuName {position:relative; width:100%; z-index:999; clear:both; *zoom:1;margin:auto; margin-top:-180px; background:#07b9e8 url('/img/bg_smn.jpg') no-repeat;; padding:50px 0;}
#subMenuName h2  { margin:0; padding:0 0 0 0px; font-size:26px; font-weight:bold; color:#fff; text-align:center; line-height:30px; font-weight:bold; border-bottom:0px solid #444; }

#sub_help { position:relative; padding:0 0 5px 10px; margin:30px 0 10px 0; border:2px solid #36addf; background:url('/img/mt_help.jpg') no-repeat; }
#sub_bank { position:relative; padding:0 0 15px 10px; margin:0px 0 10px 0; border:2px solid #dfa136; background:url('/img/mt_bank.jpg') no-repeat; }
#sub_notice { position:relative; padding:0 0 0 0; margin:0px 0 30px 0; border:2px solid #47bf26;  }

/* LNB */
#subMenu { position:relative; width:100%; margin:0; }
#subMenu ul{ list-style-type: none;	margin: 0;	padding: 0; list-style-image: none; list-style:none;}
#subMenu li {line-height:0.5em; font-size:0px;}

#subMenuText {position:relative;background:#fff; padding-bottom:20px; width:100%; box-shadow:0 1px 10px rgba(0,0,0,0.3);margin:0 0 200px 0; *zoom:1;}
#subMenuText ul{ list-style-type: none; margin: 0; padding:0 10px; list-style-image: none; list-style:none;}
#subMenuText li { border-bottom:1px solid #eee; }
#subMenuText li a{
	display: block;
	font-size:18px; line-height:20px; letter-spacing:-1px;
	padding: 10px 0 10px 10px;
	text-decoration: none;
	font-weight:bold;
}	
#subMenuText li a:link, #subMenuText li a:visited {
	color: #000;
}
#subMenuText li a:hover{
	color: #067cc4;
	background-position: 100% -40px;
}
#subMenuText .subMenuTopSelected a{
	background-position: 100% -80px;
	color: #067cc4 !important;
}
#subMenuText .subMenuTopSelected a:hover { color: #067cc4 !important; }

#subMenuText .subMenuSelected a:link, #subMenuText .subMenuSelected a:visited{
	color: #067cc4;
	background-position: 100% -40px;
}
#subMenuText:after{ content:""; display:block; clear:both;}

#subMenuText li.sm_rally a{
	display: block;
	background: transparent url(/img/sm_blank2.jpg) 100% 0;
	height: 30px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0 0 0 35px;
	line-height: 30px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	font-size:12px;
}	
#subMenuText li.sm_rally a:link, #subMenuText li.sm_rally a:visited {
	color: #000;
}
#subMenuText li.sm_rally a:hover{
	color: #005d73;
	background-position: 100% -60px;
}
#subMenuText li.sm_rally_on a{
	display: block;
	background: transparent url(/img/sm_blank2.jpg) 100% 0;
	height: 30px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0 0 0 35px;
	line-height: 30px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	background-position: 100% -60px;
	color: #090 !important;
	font-size:12px;
}
#subMenuText li.sm_rally_on a:hover{
	color: #005d73;
	background-position: 100% -60px !important;
}
#subMenuText li.sm_rally_on a:link, #subMenuText li.sm_rally_on a:visited{
	display: block;
	background: transparent url(/img/sm_blank2.jpg) 100% 0;
	height: 30px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0 0 0 35px;
	line-height: 30px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	color: #005d73;
	background-position: 100% -30px;
}

.subLayerMenu a{
	display: block;
	background: url('/icon/i_arrow.gif') no-repeat 20px !important;
	height: 30px !important; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0 0 0 25px !important;
	line-height: 30px !important; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	font-weight:normal !important;
	font-size:14px !important;
}

.subLayerMenu a:hover{
	color: #f50 !important;
}
#subMenuText a.subLayerSelected{
	font-weight:bold !important;
	color: #f50 !important;
}

.subLayerMenu2 a{
	display: block;
	background: none !important;
	height: 20px !important; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0 0 0 25px !important;
	line-height: 20px !important; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	font-weight:normal !important;
	font-size:11px !important;
}

.subLayerMenu2 a:hover{
	color: #f50 !important;
}
#subMenuText a.subLayerSelected2{
	color: #f50 !important;
}


.subMenuMap {width:95%; text-align:left; margin:0 0 30px 0;}
.subMenuMap h4 { text-align:center; font-size: 16px; line-height:30px; border-bottom:1px solid #000; }
.subMenuMap ul{ list-style-type: none;	margin: 0 !important;	padding: 0 !important; list-style-image: none; list-style:none;}
.subMenuMap li a{
	display: block;
	background: #fff;
	margin:0;
	padding: 10px 5px;
	text-decoration: none;
	font-size:12px;
	letter-spacing:-1px;
	border-bottom: 1px solid #eee;
}	
.subMenuMap li a:link, .subMenuMap li a:visited {
	color : #888888;
	font-weight:bold;
}
.subMenuMap li a:hover{
	color: #ff0;
	background: #828282;
}
.subMenuMap .subMenuTopSelected a{
	background: #696969;
	color: #fff !important;
}
.subMenuMap .subMenuSelected a:link, .subMenuMap .subMenuSelected a:visited{
	color: #ff0;
	background: #828282;
}


#navigation {position:relative; margin:0 auto; padding:50px 0; width:100%; text-align:center; z-index:99;*zoom:1;}
#menu-toggle{display:none;float:left}
#main-menu{ display:inline-block;float:none;font-size:0;margin:0px 0 0 0}
#main-menu>li{ display:inline-block; float:left; height: 40px; }
#main-menu>li>a{ display:block; color:#555;font-size:14px; line-height:20px; margin:0px 0 0 0; padding:10px 20px;text-decoration:none}
#main-menu>li:hover>a {background:#dca85a;}
#main-menu>li.current-menu-item>a {color:#fff; background:#555; font-weight:bold; }
#main-menu li{position:relative}
ul.sub-menu{display:none;left:0px;top:34px;padding-top:0px;position:absolute;width:150px;z-index:8998}
ul.sub-menu ul.sub-menu {margin-top:-1px;padding-top:0;left:149px;top:0} /*3차 메뉴*/
ul.sub-menu>li>a{background:#dca85a; text-align:left; border:0px solid #6b74b7;border-top:none;color:#fff;display:block;font-size:12px;line-height:22px;padding:5px 12px}
ul.sub-menu>li>a:hover{background:#d6932c;color:#fff}
ul.sub-menu>li:first-child{border-top:0px solid #23dbdb}
ul.sub-menu ul.sub-menu>li:first-child{border-top:0px solid #444}
#main-menu li:hover>ul.sub-menu{display:block}
@media all and (max-width:1025px){
#navigation{position:relative;  margin:0px 0 0 0; padding:0 0 0px 0; text-align:left; }
#menu-toggle{display:block; float:none; background:#444; }
#menu-toggle { color:#fff; padding:5px; }
#main-menu{display:none;float:none;}
#main-menu>li{ display:inline-block; float:none; height:40px; width:100%; background:#333; }
#main-menu>li{margin-top:0px}
#main-menu>li:first-child{margin-top:0}
#main-menu>li>a{background:#555;border:0px solid #444;color:#fff;display:block;font-size:14px; margin:0px 0 0 0; padding:10px !important;}
#main-menu>li>a:hover{background:#333}
#main-menu>li:hover>a,
#main-menu>li.current-menu-item>a{border:0px solid #444!important; background:#333; color:#fff !important}
ul.sub-menu{display:block;margin-top:0px;margin-left:0px;top:0;position:static;padding:0 !important;width:inherit;}
ul.sub-menu>li>a{ background:#555; border:0px solid #444; padding:2px 0 0 20px; }
ul.sub-menu>li>a:hover{background:#333;}
ul.sub-menu>li:first-child{border-top:0px solid #444!important}
}


#stabMenu_box {position:relative; margin:0 auto; width:100%; background:#eee; z-index:4;*zoom:1;}
#stabMenu_box:after{ content:""; display:block; clear:both;}
.stabMenu { margin:0 auto; background:url(/img/bg_smenu_tab.jpg); text-align:center; }
.stabMenu:after{ content:""; display:block; clear:both;}
.stabMenu ul{ list-style-type: none;margin:0 !important; padding: 0; list-style-image: none; list-style:none; }
.stabMenu ul li a { display:block; margin:0; padding:0 20px; }
.stabMenu ul li { float:left; margin:0 0 0 0; padding:0; height: 30px; line-height: 30px; background:url(/img/smenu_tab.jpg); font-weight:bold; font-size:14px;	color:#000; }
.stabMenu ul li { float:left; width:49%; margin-right:1%; margin-bottom:3px; padding:0; height: 30px; line-height: 30px; border:1px solid #ddd; font-weight:bold; font-size:14px;	color:#000; }
.stabMenu ul li:nth-child(even) { margin-right:0; }
.stabMenu ul li.topSelected a { background:#555; color:#fff; }
.stabMenu ul:after{ content:""; display:block; clear:both;}
@media all and (max-width:1025px){
.stabMenu {  width:100%; display:block !important; margin:0 0 15px 0; }
.stabMenu ul li { float:left; margin:0 0 0 0; padding:0; width:50%; line-height: 30px; background:#f0f0f0; font-weight:bold; font-size:14px; color:#000; }
}


.ptabMenu { height:30px; border-bottom:1px solid #ddd; text-align:center; margin:10px 0 5px 0}
.ptabMenu:after{ content:""; display:block; clear:both;}
.ptabMenu ul{ margin:0 !important; padding: 0; list-style-image: none; list-style:none; }
.ptabMenu ul li a { display:block; padding:0 20px 0 20px; border:1px solid #ddd; border-bottom:none !important}
.ptabMenu ul li { float:left; margin:0 3px 0 0; padding:0; height: 30px; line-height: 30px; background:url(/img/smenu_tab.jpg); font-weight:bold; font-size:16px;	color:#000; }
.ptabMenu ul li.topSelected a{ color:#fff; background:#004091}
@media all and (max-width:1025px){
}


.htabMenu { border-bottom:1px solid #ddd; text-align:center; margin:10px 0 40px 0}
.htabMenu:after{ content:""; display:block; clear:both;}
.htabMenu ul{ margin:0 !important; padding: 0; list-style-image: none; list-style:none; }
.htabMenu ul li { float:left; width:10%; margin:0; padding:0px; font-weight:bold; font-size:16px;	color:#000; }
.htabMenu ul li a { display:block; margin:5px; padding:5px 20px; border:1px solid #ddd; }
.htabMenu ul li a.on { color:#fff; background:#444}
.his_box { position:relative; margin:20px 0; padding:40px 0; border-bottom:1px solid #eee; }
.his_box:after{ content:""; display:block; clear:both;}
.his_box ul { list-style:none; }
.his_box .his_left { float:left; width:20%; border-right:1px solid #444;}
.his_box .his_right { float:right; width:77%; }
.his_box .his_right li { line-height:26px; }
.disHistory h2 { font-size:30px; color:#8f0071; text-align:center; }
@media all and (max-width:1025px){
.htabMenu ul li { float:left; width:33%; margin:0; padding:0px; font-weight:bold; font-size:14px;	color:#000; }
}


/* Content */
#pageTitle { position:relative; margin:0; padding-bottom:10px; width:100%; height:30px; z-index:2; background:url(../img/pt_blank.gif) no-repeat; }
#pageTitle h1 { padding:9px 0 0 28px; font-size:14px; font:bold 14px }

#siteLocation {position:relative; margin:0 auto; margin-top:-25px; padding:0; width:1200px; background:#fff; z-index:4;*zoom:1;}
#siteLocationL {display:none;  position:absolute; top:0; left:0; margin:0; padding:0;}
#siteLocationR {position:relative; text-align:right; margin:0; padding:10px; box-shadow:0 0px 0 10px rgba(0,0,0,0.3);}
#siteLocationL h3 { padding:0 0 0 30px; font-size:20px; font-weight:bold; line-height:30px; background: url('/img/pt_icon.jpg') no-repeat left; }
@media all and (max-width:1025px){
#siteLocation { width:100%; font-size:14px; }
#siteLocationR { box-shadow:0 0px 0 1px rgba(0,0,0,0.3);}
}


#contentBox .contentSummary { position:relative; margin:0; width:100%;  }
#contentBox .contentSummary { padding:0 0 20px 0; color:#333; font-size:16px; }
#contentBox .contentTxt { position:relative; margin:0; width:100%;  padding:0 0 20px 0;}
#contentBox .contentTxtBox { position:relative; margin-bottom:20px; padding:0 10px 0 10px; ;border:1px solid #ddd; }
#contentBox .contentTitle { position:relative; margin-bottom:40px; padding:0; width:100%; border-bottom:1px solid #ddd;}
#contentBox .contentTitle h2 { padding:0 0 0 0px; font-family:'Nanum Myeongjo'; font-weight:1000; font-size:30px; line-height:40px; background:url('/img/i_title.jpg') no-repeat; }
#contentBox .contentTitle p { margin:3px 0 0 0; padding:0 0 20px 0; color:#000;  }
#contentBox .contentTitle2 { position:relative; margin-bottom:10px; padding:0; width:100%; }
#contentBox .contentTitle2 h3 { padding:0 0 0 0px; color:#067cc4; font-size:1.3em; line-height:1.3em; background:url('/img/i_arrow.jpg') no-repeat; }
#contentBox .contentTitle3 { position:relative; padding:0; width:100%; }
#contentBox .contentTitle3 h4 { padding:0 0 0 0px; font-size:1.1em; line-height:1.1em;}
#contentBox .contentText { position:relative; margin:0; padding:0 0px 0px 0px;  }
#contentBox .contentText:after { content:""; display:block; clear:both;}
#contentBox .contentText20 { position:relative; margin:0; padding:0 0px 20px 0px; font-size:16px; line-height:24px; }
#contentBox .contentText40 { position:relative; margin:0; padding:0 0px 40px 0px; font-size:16px; line-height:24px; }
#contentBox .contentText p { padding:0 0 0 0; }
#contentBox .contentText .txtp { margin:0 0 0 0; padding:5px 0 0px 0; text-align:justify; font-size:16px; font-weight:bold; line-height:20px;}
#contentBox .contentText .txtp10 { margin:0 0 0 0; padding:5px 0 10px 0; text-align:justify; font-size:16px; font-weight:bold; line-height:20px;}
#contentBox .contentText .txtp20 { margin:0 0 0 0; padding:5px 0 20px 0; text-align:justify; font-size:16px; font-weight:bold; line-height:20px;}
#contentBox .contentText .txtp30 { margin:0 0 0 0; padding:5px 0 30px 0; text-align:justify; font-size:16px; font-weight:bold; line-height:20px;}
#contentBox .contentText li { padding:0 0 0 0; }
#contentBox ul { margin:0 0 0 30px; padding:0 0 0 0; line-height:1.4em; }
#contentBox ol { margin:0 0 0 30px; padding:0 0 0 0; }
#contentBox .contentText ul { margin:0 0 0 30px; padding:0 0 0 0; line-height:24px;}
#contentBox .contentText ol { margin:0 0 0 30px; padding:0 0 0 0; line-height:24px;}

#contentBox .contentText ul.noul { margin:0 0 0 20px; padding:0 0 0 0; line-height:24px;}
#contentBox .contentText ol.nool { margin:0 0 0 20px; padding:0 0 0 0; line-height:24px;}
#contentBox .contentText li.noli { padding:0 0 5px 0; line-height:20px;}

#contentBox .contentText .nemo_ul li { margin:0; padding:0 0 0 10px; background:url('/icon/bg_dot2.gif') no-repeat 2px 6px; }
#contentBox .contentText .nemo_ul { margin:0; padding:0;list-style-type: none; list-style-image: none; list-style:none;}

#contentBox .contentText h3 { padding:10px 0 10px 0; margin:0 }
#contentBox .contentText .outLink { text-decoration:underline; color:#06f;padding-right:12px; background: url(/icon/out_link.png) no-repeat right;}
#contentBox .contentText dl {margin:0; padding:0 0 10px 0; display:inline; float:left; width:100%; color:#000; border-top:1px solid #ddd;}
#contentBox .contentText dt {width:25%; float:left; height:20px; text-indent:10px; text-align:left; border-bottom:1px solid #ddd; background:#f4f4f4; padding-top:10px; margin:0;}
#contentBox .contentText dd {width:75%; float:left; height:20px; text-indent:10px; text-align:left; border-bottom:1px solid #ddd; background:#fff; padding-top:10px; margin:0; }
#contentBox .contentText dl:after{ content:""; display:block; clear:both;}
#contentBox .contentTablebox {position:relative; margin:0 0 20px 0; padding:0 0 0px 0; *zoom:1;}
#contentBox .contentTablebox:after{ content:""; display:block; clear:both;}
#contentBox .contentTablebox ul { list-style:none; }
#contentBox .contentTablebox ul li { float:left; text-align:center; margin:0 0 10px 0; padding:0}
#contentBox .contentTablebox ul li p { margin:5px; padding:10px; background:#cfecff }

#vd_gallery_txt { position:relative; margin:0; padding:5px; width:100%; text-align:center }
h4.top30h4 { margin:30px 0 0 0}



#comfbox {position:relative; width:100%; height:100%; z-index:4; background:url('/img/bg_visual.jpg'); clear:both; margin:auto;*zoom:1;}
#comfbox:after{ content:""; display:block; clear:both;}
#comf {position:relative; width:100%; height:100%; z-index:4; background:url('/img/bg_mvisual.jpg') no-repeat; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
#comf:after{ content:""; display:block; clear:both;}

#mvideo {position:relative; width:100%; background:url('/img/bg_main.jpg')  no-repeat 50% 0; background-size:cover; overflow:hidden; z-index:5; }
#mvideo iframe {position:absolute; top:0; left:0;  }
#mvideo .mvideo_over {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
#mvideo .mvideo_inner {width:100%;margin:0 auto; padding:250px 0 0 0; text-align:center; position:relative; z-index:99;}
#mvideo h2 {text-align:center;color:#fff;font-size:40px; line-height:40px; font-weight:600;padding-top:160px;}
#mvideo p {text-align:center;color:#fff;font-size:20px; line-height:20px; }
.movie_icon { padding:10px 0; text-align:center; }

#comf_txt {position:absolute; top:100px; left:20%; color:#fff; z-index:10; *zoom:1;}
#comf_txt h2 { font-size:30px; line-height:34px;}
#comf_txt .comf_title { font-size:55px; font-weight:1000; line-height:60px; letter-spacing:-1px;}
#comf_txt .comf_article { font-size:20px; line-height:25px; letter-spacing:-1px;}
@media screen and (max-width:1025px){
#comf {width:100%; }
#comf li { position:relative; }
#comf li img { display:block; margin:auto; width:150%; }
#comf_txt {position:absolute; top:50px; left:3%; color:#fff; z-index:10; *zoom:1;}

#mvideo .mvideo_over { background:rgba(0,0,0,0.2);}
#mvideo iframe {position:relative; top:0; left:0; width:100%; height:400px; }
#mvideo .mvideo_inner {width:100%;margin:0 auto; padding:0; position:relative; z-index:99;}
#mvideo h2 {text-align:center;color:#fff;font-size:24px;font-weight:600;padding-top:0px;}
#mvideo h2 img { width:90%; }
}


.pages_wrap { position:relative; width:100%; padding:20px 0px; margin:auto; font-size: 1em; }
.pages_wrap h2 { font-size: 1.5em; }
.pages_wrap h3 { font-size: 1.3em; }
.pages_wrap .pbox_bg {position:relative; width:100%; height:auto;  z-index:4; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
.pages_wrap .pbox_bg:after{ content:""; display:block; clear:both;  }
.pages_wrap .pbox_txt1 {position:absolute; width:80%; top:75%; left:0; right:0; margin:auto; padding:20px 0; text-align:center; z-index:10; *zoom:1;}
@media screen and (max-width:1200px){
.pages_wrap { width:100%; }
.pages_wrap .pbox_txt1 { width:98%; padding:10px 0; }
}



.sub_circlebox3 { margin:10px 0; padding:0px 0 0 0; margin:auto; text-align:center; }
.sub_circlebox3 ul { list-style:none; margin:0 !important; padding:0 !important;  }
.sub_circlebox3 ul li { float:left; width:33.33%; text-align:center; margin-bottom:20px; }
.sub_circlebox3 ul:after{ content:""; display:block; clear:both;}
.sub_circlebox3 ul li div { padding:10px; text-align:center;}
.sub_circlebox3 ul li p { margin:auto; width:160px; height:160px; line-height:1.2em; font-size:1.2em; display:block; color:#fff; background:#067cc4; border-radius:50%; }
@media screen and (min-width:600px) and (max-width:1200px){
.sub_circlebox3 ul li p { width:150px; height:150px; line-height:150px; }
}
@media all and (max-width:600px){
.sub_circlebox3 ul li p { width:100px; height:100px; line-height:100px; }
}


.sub_circlebox4 { margin:10px 0; padding:0px 0 0 0; margin:auto; text-align:center; }
.sub_circlebox4 ul { list-style:none; margin:0 !important; padding:0 !important;  }
.sub_circlebox4 ul li { float:left; width:25%; text-align:center; margin-bottom:20px; }
.sub_circlebox4 ul:after{ content:""; display:block; clear:both;}
.sub_circlebox4 ul li div.wrap { padding:10px; text-align:center;}
.sub_circlebox4 ul li div.inner { position:relative; margin:auto; width:160px; height:160px; line-height:1.2em; font-size:1.2em; display:block; color:#fff; background:#067cc4; border-radius:50%; }
.sub_circlebox4 ul li p { position:absolute; top:40%; left:0; right:0; text-align:center; width:100%; }
.sub_circlebox4 ul li p.line2  { position:absolute; top:30%; left:0; right:0; text-align:center; width:100%; }
@media screen and (min-width:600px) and (max-width:1200px){
.sub_circlebox4 ul li div.inner { width:150px; height:150px;  }
}
@media all and (max-width:600px){
.sub_circlebox4 ul li div.inner { width:80px; height:80px; line-height:1em; font-size:0.7em; }
}


.sub_imgbox1 { padding:0px; }
.sub_imgbox1 ul { list-style:none; margin:0; padding:0; margin-bottom:0px;}
.sub_imgbox1 ul li { text-align:center; }
.sub_imgbox1 ul:after{ content:""; display:block; clear:both;}
.sub_imgbox1 ul li div { padding:20px; }
.sub_imgbox1 ul li p { padding:5px; display:block; }
.sub_imgbox1 ul li img { width:100%; }
.sub_imgbox1 ul li span { margin-top:5px; background:#e0ffc9; display:block; text-align:center; color:#666; font-size:14px;}
.sub_imgbox1 ul li h3 { background:#3e8905; color:#fff; }
.sub_imgbox1 ul li span.left { text-align:left; padding:10px; }
.sub_imgbox1 img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.sub_imgbox1 ul li p:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
@media all and (max-width:1025px){
.sub_imgbox1 { padding:0px; }
.sub_imgbox1 ul li div { padding:20px; }
.sub_imgbox1 ul li p { padding:5px; display:block; }
}



.sub_imgbox2 { padding:0px; }
.sub_imgbox2 ul { list-style:none; margin:0 !important; padding:0 !important; }
.sub_imgbox2 ul li { float:left; width:50%; text-align:center; margin-bottom:20px;}
.sub_imgbox2 ul:after{ content:""; display:block; clear:both;}
.sub_imgbox2 ul li div { padding:20px; }
.sub_imgbox2 ul li p { padding:5px; display:block; }
.sub_imgbox2 ul li img { width:100%; }
.sub_imgbox2 ul li span { margin-top:5px; background:#e0ffc9; display:block; text-align:center; color:#666; font-size:14px;}
.sub_imgbox2 ul li h3 { background:#3e8905; color:#fff; }
.sub_imgbox2 ul li span.left { text-align:left; padding:10px; }
.sub_imgbox2 img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.sub_imgbox2 ul li p:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
@media all and (max-width:1025px){
.sub_imgbox2 { padding:0px; }
.sub_imgbox2 ul li { float:none; width:100%; text-align:center; }
.sub_imgbox2 ul li div { padding:10px; }
.sub_imgbox2 ul li p { padding:5px; display:block; }
}


.sub_imgbox3 { padding:0px; }
.sub_imgbox3 ul { list-style:none; margin:0 !important; padding:0 !important; }
.sub_imgbox3 ul li { float:left; width:33.3333%; text-align:center; margin-bottom:20px; }
.sub_imgbox3 ul:after{ content:""; display:block; clear:both;}
.sub_imgbox3 ul li div { padding:20px; }
.sub_imgbox3 ul li p { padding:5px; display:block; }
.sub_imgbox3 ul li img { width:100%; }
.sub_imgbox3 ul li span { margin-top:5px; background:#e0ffc9; display:block; text-align:center; color:#666; font-size:14px;}
.sub_imgbox3 ul li h3 { background:#3e8905; color:#fff; }
.sub_imgbox3 ul li span.left { text-align:left; padding:10px; }
.sub_imgbox3 img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.sub_imgbox3 ul li p:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
@media all and (max-width:1025px){
.sub_imgbox3 { padding:0px; }
.sub_imgbox3 ul li { float:none; width:100%; text-align:center; }
.sub_imgbox3 ul li div { padding:10px; }
.sub_imgbox3 ul li p { padding:5px; display:block; }
}


.sub_banbox3 { padding:0px; }
.sub_banbox3 ul { list-style:none; margin:0 !important; padding:0 !important; }
.sub_banbox3 ul li { float:left; width:33.3333%; text-align:center; margin-bottom:20px; }
.sub_banbox3 ul:after{ content:""; display:block; clear:both;}
.sub_banbox3 ul li div { padding:20px; }
.sub_banbox3 ul li p { padding:10px 5px; display:block; border:1px solid #ddd; background:#fff; }
.sub_banbox3 ul li img { width:50%; }
.sub_banbox3 ul li span { margin-top:0px; display:block; text-align:center; color:#666; font-size:14px;}
.sub_banbox3 ul li h3 { background:#3e8905; color:#fff; }
.sub_banbox3 ul li span.left { text-align:left; padding:10px; }
@media all and (max-width:1025px){
.sub_banbox3 { padding:0px; }
.sub_banbox3 ul li img { width:90%; }
.sub_banbox3 ul li { float:left; width:50%; text-align:center; }
.sub_banbox3 ul li div { padding:5px; }
.sub_banbox3 ul li p { padding:10px 5px; display:block; }
.sub_banbox3 ul li span { font-size:13px; letter-spacing:-1px; }
}




.sub_imgbox4 { padding:0px; }
.sub_imgbox4 ul ul { list-style:none; margin:0 !important; padding:0 !important; margin-bottom:20px; }
.sub_imgbox4 ul li { float:left; width:25%; text-align:center; }
.sub_imgbox4 ul:after{ content:""; display:block; clear:both;}
.sub_imgbox4 ul li div { padding:20px; }
.sub_imgbox4 ul li p { padding:5px; display:block; }
.sub_imgbox4 ul li img { width:100%; }
.sub_imgbox4 ul li span { margin-top:5px; background:#e0ffc9; display:block; text-align:center; color:#666; font-size:14px;}
.sub_imgbox4 ul li h3 { background:#3e8905; color:#fff; }
.sub_imgbox4 ul li span.left { text-align:left; padding:10px; }
.sub_imgbox4 img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.sub_imgbox4 ul li p:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
@media all and (max-width:1025px){
.sub_imgbox4 { padding:0px; }
.sub_imgbox4 ul li { float:left; width:50%; text-align:center; }
.sub_imgbox4 ul li div { padding:10px; }
.sub_imgbox4 ul li p { padding:5px; display:block; }
}


.sub_boxcon1 {position:relative; width:100%; overflow:hidden; margin:0 auto; padding:20px 0;}
.sub_boxcon1:after{ content:""; display:block; clear:both;}
.sub_boxcon1 ul { list-style:none; margin:0 !important; padding:0 !important; }
.sub_boxcon1 ul:after{ content:""; display:block; clear:both;}
.sub_boxcon1 ul li { float:left; width:25%; text-align:left; margin:0 0 50px 0; }
.sub_boxcon1 .sub_boxcon1_box { width:90%; margin:auto; padding:0; border:1px solid #ddd; display:block;overflow:hidden;border-radius:10px;background:#ffffff}
.sub_boxcon1 .sub_boxcon1_wrap { position:relative; padding:15px; letter-spacing:-0.5px; }
.sub_boxcon1 .sub_boxcon1_photo { display:block; }
.sub_boxcon1 .sub_boxcon1_photo img { width:100%; vertical-align:bottom}
.sub_boxcon1 .sub_boxcon1_wrap:before {
	content:'';position:absolute;bottom:-20px;left:50%;z-index:1;margin-left:-10px;border-width:10px;border-style:solid;border-color:#ffffff transparent transparent transparent;
}
.sub_boxcon1 .sub_boxcon1_caption { font-size:14px; line-height:16px; color:#04a; }
.sub_boxcon1 .sub_boxcon1_title { font-size:22px; line-height:26px; font-weight:bold; color:#444; }
.sub_boxcon1 .sub_boxcon1_txt { margin:10px 0; min-height:40px; font-size:14px; line-height:20px; }

.sub_boxcon1 .sub_boxcon1_photo img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.sub_boxcon1 .sub_boxcon1_photo:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
@media all and (max-width:1025px){
.sub_boxcon1 { padding:20px 0;}
.sub_boxcon1 ul li { float:left; width:50%; text-align:left; margin:0 0 20px 0; }
.sub_boxcon1 .sub_boxcon1_box { width:90%; margin:auto; padding:0; border:1px solid #ddd; border-radius:10px; }
.sub_boxcon1 .sub_boxcon1_wrap { padding:15px; letter-spacing:-0.5px; }
.sub_boxcon1 .sub_boxcon1_photo { display:block; }
.sub_boxcon1 .sub_boxcon1_wrap:before {
	content:'';position:absolute;bottom:-20px;left:50%;z-index:1;margin-left:-10px;border-width:10px;border-style:solid;border-color:#ffffff transparent transparent transparent;
}
.sub_boxcon1 .sub_boxcon1_caption { font-size:14px; line-height:16px; color:#04a; }
.sub_boxcon1 .sub_boxcon1_title { font-size:22px; line-height:26px; font-weight:bold; color:#444; }
.sub_boxcon1 .sub_boxcon1_txt { margin:10px 0; min-height:40px; font-size:14px; line-height:20px; }
}


.subTabMenu:after{ content:""; display:block; clear:both;}
.subTabMenu {position:relative; margin:0 0 20px 0; padding:0 0 0px 0; border-bottom:1px solid #ff9c52; z-index:2;*zoom:1;}
.subTabMenu ul { list-style:none; margin:0 !important; padding:0; }
.subTabMenu ul li { float:left; text-align:center; background:#f0f0f0; margin:0 2px 5px 0; padding:0}
.subTabMenu ul li.on { background:#ff9c52; color:#fff}
.subTabMenu ul li a.on { background:#ff9c52; color:#fff}
.subTabMenu ul li a.on:hover, 
.subTabMenu ul li a.on:active,
.subTabMenu ul li a.on:focus{ background:#ff9c52; color:#fff}
.subTabMenu ul li a{  line-height:30px; display:inline-block; padding:0 20px 0 20px; font-weight:bold;}
.subTabMenu ul li a:hover,
.subTabMenu ul li a:active,
.subTabMenu ul li a:focus{ color:#ff5500}
@media all and (max-width:1025px){
.subTabMenu ul li { float:left; width:33.33%; margin:0; }
.subTabMenu ul li a{ width:100%; display:block; line-height:20px; display:inline-block; padding:5px 0; font-weight:normal;}
}


.subTabMenu2:after{ content:""; display:block; clear:both;}
.subTabMenu2 {position:relative; margin:0 0 20px 0; padding:0 0 0px 0; border-bottom:1px solid #ddd; z-index:2;*zoom:1;}
.subTabMenu2 ul { list-style:none; margin:0 !important; padding:0; }
.subTabMenu2 ul li { float:left; width:33.3%; text-align:center; background:#f0f0f0; margin:0 0 0 0; padding:0}
.subTabMenu2 ul li.on { background:#0088ac; color:#fff}
.subTabMenu2 ul li a.on { background:#0088ac; color:#fff}
.subTabMenu2 ul li a.on:hover, 
.subTabMenu2 ul li a.on:active,
.subTabMenu2 ul li a.on:focus{ background:#0088ac; color:#fff}
.subTabMenu2 ul li a{  line-height:30px; display:block; padding:0; font-size:14px; font-weight:bold;}
.subTabMenu2 ul li a:hover,
.subTabMenu2 ul li a:active,
.subTabMenu2 ul li a:focus{ color:#ff5500}
@media all and (max-width:1025px){
.subTabMenu2 ul li { float:left; width:100%; text-align:center; background:#f0f0f0; margin:0 0 0 0; padding:0}
}


.productTabMenu:after{ content:""; display:block; clear:both;}
.productTabMenu {position:relative; margin:0 0 20px 0; padding:0 0 0px 0; border-bottom:0px solid #ddd; z-index:2;*zoom:1;}
.productTabMenu ul { list-style:none; margin:0 !important; padding:0; }
.productTabMenu ul li { float:left; border:1px solid #ddd; border-right:0; text-align:center; background:#fff; margin:0 0 0 0; padding:0; }
.productTabMenu ul li:last-child { border-right:1px solid #ddd; }
.productTabMenu ul li.on { background:#07b9e8; color:#fff}
.productTabMenu ul li a.on { background:#07b9e8; color:#fff}
.productTabMenu ul li a.on:hover, 
.productTabMenu ul li a.on:active,
.productTabMenu ul li a.on:focus{ background:#07b9e8; color:#fff}
.productTabMenu ul li a{ display:block; padding:0 10px 10px 10px; font-size:16px; line-height:0.8em; font-weight:bold; }
.productTabMenu ul li a:hover,
.productTabMenu ul li a:active,
.productTabMenu ul li a:focus{ color:#ff5500}
@media all and (max-width:1025px){
.productTabMenu ul li a{ font-size:14px; padding:0 5px 10px 5px; }
}


.shop_view_area { position:relative; margin:0 0 0 0;}
.shop_view_area:after{ content:""; display:block; clear:both;}
.shop_view_left { float:left; width:30%;text-align:center }
.shop_view_right { float:right; width:65%; }
@media all and (max-width:1025px){
.shop_view_left { float:none; width:100%;text-align:center }
.shop_view_right { float:none; width:100%; }
}

.product_smenu_box { position:relative; padding:10px; margin:0 0 20px 0; }
.product_smenu_box ul { list-style:none; }
.product_smenu_box ul:after { content:""; display:block; clear:both;}
.product_smenu_box ul li { float:left; width:25%; text-align:center; }
.product_smenu_box ul li div.cat_div1 { width:220px; margin-bottom:5px;  background:#fafafa;}
.product_smenu_box ul li div.cat_div1 a.cat_view1 { display:block; font-size:13px; padding:5px 5px; border:1px solid #ddd; }
.product_smenu_box ul li div a.ps_selected { background:#88aa05; color:#fff; }
.product_smenu_box ul li div.cat_div2 { position:absolute; margin-top:-1px; width:23%; height:auto; display:none; z-index:9999; }
.product_smenu_box ul li:hover div.cat_div2 { display:block; }
.product_smenu_box ul li div.cat_div2 { width:218px; border:1px solid #ddd; border-top:0; background:#fafafa;}
.product_smenu_box ul li div.cat_div2 a.cat_view2 { display:block; font-size:12px; padding:5px 5px; border:0 !important; }
@media screen and (max-width:1025px){ 
.product_smenu_box ul li { float:left; width:33%; text-align:center; }
.product_smenu_box ul li div.cat_div1 { width:120px; }
.product_smenu_box ul li div.cat_div2 { width:118px; }
}


.pview_left { position:relative; float:left; width:40%; }
.pview_right { position:relative; float:right; width:59%; }
.pview_title { padding:10px; border-bottom:1px dashed #ddd; }
.pview_title span {display:inline-block; width:20%; padding:3px 5px; font-weight:bold; font-size:12px; text-align:center; }
@media all and (max-width:1025px){
.pview_left { position:relative; float:none; width:100%; text-align:center; }
.pview_right { position:relative; float:none; width:100%; }
}


.portview_left { position:relative; float:left; width:60%; }
.portview_right { position:relative; float:right; width:39%; }
.portview_title { padding:10px; border-bottom:1px dashed #ddd; }
.portview_title span {display:inline-block; width:25%; padding:3px 5px; margin-right:10px; border-right:1px solid #ddd; font-weight:bold; font-size:12px; text-align:center; }
@media all and (max-width:1025px){
.portview_left { position:relative; float:none; width:100%; text-align:center; }
.portview_right { position:relative; float:none; width:100%; }
}


#product_option { margin:10px 0; padding:5px; border-top:0px solid #ddd; border-bottom:0px solid #ddd; }
#product_tprice  { margin:10px 0; padding:5px; text-align:right; font-weight:bold; font-size:14px;  }


.btn_reserv  { position:relative; margin:0 auto; padding:10px; text-align:center  }
.btn_reserv a {display:inline-block; padding:10px 20px 10px 20px; color:#000; text-decoration:none; border:2px solid #e18224; background:#fafafa; font-weight:bold; font-size:16px}
.btn_reserv a:link,
.btn_reserv a:visited,
.btn_reserv a:active { color:#fff}
.btn_reserv a:hover { color:#e18224}


.btn_visit  { position:relative; margin:0 auto; padding:10px; text-align:center  }
.btn_visit a {display:inline-block; padding:5px 10px 5px 10px; color:#000; text-decoration:none; border:1px solid #aaa; background:#fafafa; font-weight:bold; font-size:13px}
.btn_visit a:link,
.btn_visit a:visited,
.btn_visit a:active { color:#000; }
.btn_visit a:hover { color:#e18224}

a.vbtn {display:inline-block; padding:5px 10px 5px 10px; color:#fff; text-decoration:none !important; background:#444; font-weight:bold; font-size:13px}
a.vbtn:link,
a.vbtn:visited,
a.vbtn:active { color:#fff !important; }
a.vbtn:hover { color:#fff !important; background:#c51b1b}

a.vbtn2 {display:inline-block; padding:5px 10px 5px 10px; color:#444; text-decoration:none !important; background:#f7f7f7; font-weight:bold; font-size:13px; border:1px solid #ddd; }
a.vbtn2:link,
a.vbtn2:visited,
a.vbtn2:active { color:#444 !important; }
a.vbtn2:hover { color:#444 !important; background:#eee; }

a.topBtn {display:inline-block; margin:0; padding:5px 15px; color:#222; text-decoration:none !important; background:#fff; font-weight:bold; font-size:14px; border:2px solid #999; border-radius:15px;}
a.topBtn {
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* ie8  */
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
a.topBtn:link,
a.topBtn:visited,
a.topBtn:active { color:#000 !important; }
a.topBtn:hover { color:#fff !important; background:#444}

a.cbtn {display:inline-block; padding:5px 10px 5px 10px; color:#fff; text-decoration:none !important; background:#444; font-weight:bold; font-size:13px}
a.cbtn:link,
a.cbtn:visited,
a.cbtn:active { color:#fff !important; }
a.cbtn:hover { color:#fff !important; background:#c51b1b}

a.sbtn { display:inline-block; padding:0 30px; height:40px; color:#fff; background:#666; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight:bold; margin:0 0 0 0 }
a.sbtn:link,
a.sbtn:visited,
a.sbtn:active { color:#fff !important; }
a.sbtn:hover { color:#fff !important; background:#888; }
a.sbtn1 { display:inline-block; padding:0 30px; height:40px; color:#fff; background:#2252aa; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight:bold; margin:0 0 0 0 }
a.sbtn1:link,
a.sbtn1:visited,
a.sbtn1:active { color:#fff !important; }
a.sbtn1:hover { color:#fff !important; background:#2f6cd5; }

ol.txt_ol { margin:0; padding:0 0 0 20px; }
ol.txt_ol li { margin:0 0 10px 0; }


.td_bgtitle_top_left { padding:10px;background:#f0f0f0; font-weight:bold; color:#000; text-align:center; border-top:1px solid #aaa;}
.td_bgtitle_top_right { padding:10px;background:#f0f0f0; font-weight:bold; color:#000; text-align:center; border-top:1px solid #aaa;border-left:1px solid #aaa;}
.td_bgtitle_bot_left { padding:10px;background:#f0f0f0; font-weight:bold; color:#000; text-align:center; border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
.td_bgtitle_bot_right { padding:10px;background:#f0f0f0; font-weight:bold; color:#000; text-align:center; border-top:1px solid #aaa;border-bottom:1px solid #aaa;border-left:1px solid #aaa;}

.td_bg_top_left { padding:10px;background:#fff; font-weight:bold; color:#000; text-align:center; border-top:1px solid #aaa;}
.td_bg_top_right { padding:10px;background:#fff; font-weight:bold; color:#000; text-align:center; border-top:1px solid #aaa;border-left:1px solid #aaa;}
.td_bg_bot_left { padding:10px;background:#fff; font-weight:bold; color:#000; text-align:center; border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
.td_bg_bot_right { padding:10px;background:#fff; font-weight:bold; color:#000; text-align:center; border-top:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #aaa;}


.td_bgtitle { padding:15px;background:#EAF3FB; color:#007ec5; }
.td_bg1 { padding:15px;background:#EAF3FB; font-weight:bold; color:#007ec5;}
.td_bg2 { padding:15px;background:#fff; }
.td_bg3 { padding:15px;background:#fff; }
.td_bg4 { padding:15px;background:#f4fafe; }
@media all and (max-width:1025px){
}

.td_bgtitle2 { padding:5px;background:#EAF3FB; color:#007ec5; }
.td_bg12 { padding:5px;background:#EAF3FB; font-weight:bold; color:#007ec5;}
.td_bg22 { padding:5px;background:#fff; }
.td_bg32 { padding:5px;background:#fff; }
.td_bg42 { padding:5px;background:#f4fafe; }
@media all and (max-width:1025px){
.td_bgtitle2 { padding:5px; font-size:12px; letter-spacing:-1px; background:#EAF3FB; color:#007ec5; }
.td_bg12 { padding:5px;font-size:12px; letter-spacing:-1px; background:#EAF3FB; font-weight:bold; color:#007ec5;}
.td_bg22 { padding:5px;font-size:12px; letter-spacing:-1px; background:#fff; }
.td_bg32 { padding:5px;font-size:12px; letter-spacing:-1px; background:#fff; }
.td_bg42 { padding:5px;font-size:12px; letter-spacing:-1px; background:#f4fafe; }
.td_small td { font-size:12px; letter-spacing:-1px;}
}

.td_bgtitle3 { padding:15px 5px 15px 5px;background:#EAF3FB; color:#007ec5;border-bottom:solid 1px #cccccc; }
.td_bg13 { padding:15px 5px 15px 5px;background:#EAF3FB; font-weight:bold; color:#007ec5; border-bottom:solid 1px #cccccc;}
.td_bg23 { padding:15px 5px 15px 5px;background:#fff; border-bottom:solid 1px #cccccc; }
.td_bg33 { padding:15px 5px 15px 5px;background:#fff; border-bottom:solid 1px #cccccc;}
.td_bg43 { padding:15px 5px 15px 5px;background:#f4fafe; border-bottom:solid 1px #cccccc;}
@media all and (max-width:1025px){
}

.td_bgaddleft { padding:10px; border-top:2px solid #f50; }
.td_bgadd { padding:5px; }
.td_bgaddtitle { padding:5px; font-weight:bold; font-size:18px; color:#f50; }
.td_bgaddtitle2 { padding:5px; font-weight:bold; font-size:24px; color:#f50; }
.td_bgadd2 { padding:10px; background:#f7f7f7; }
.td_bgadd ul { list-style:none; margin:0 0 0 36px !important; padding:0 !important; }
.td_bgadd ul li { line-height:40px !important; }
.td_bgadd ul li.hdate1 { float:left; margin:0 10px 0 0; font-weight:bold; font-size:16px;}
.td_bgadd ul li.hdate2 { float:left; font-size:16px; letter-spacing:-1px; }
.td_bgadd ul:after{ content:""; display:block; clear:both;}
@media all and (max-width:1025px){
}


.es_table { border:2px solid #000; border-left:0; border-bottom:0; }
.es_td { border:2px solid #000; border-top:0; border-right:0; background:#ffffff;font-weight:bold;  }
.es_td2 { border:2px solid #000; border-top:0; border-right:0; background:#ffffff; padding:5px; font-weight:bold; background:#fff; font-size:14px;}

.vdb_bar {font-size:11px;background:#fff;padding:4px 0 0 0;font-weight:normal;color:#000;border-top:solid 1px #dddddd;border-bottom:solid 2px #dddddd;}
.vdb_line {padding:10px 5px 10px 5px; border-bottom:solid 1px #dddddd;}
.vdb_wline {padding:5px;border-bottom:solid 1px #dddddd;}
.vdb_wtitle {height:30px;background:#f9f9f9;font-weight:bold;text-align:center;}
@media all and (max-width:1025px){
td.vdb_line { font-size:12px; }
}

.vdb_bar_num {font-size:11px;color:#000;background:url(/board/img/bg_blist_num.jpg) right;height:35px;}
.vdb_bar_title {font-size:11px;color:#000;background:url(/board/img/bg_blist_title.jpg) right;height:35px;}
.vdb_bar_last {font-size:11px;color:#000;background:url(/board/img/bg_blist_last.jpg) right;height:35px;}

/* Footer */
#quickbarProductList ul { list-style:none; margin:0; padding:0; }
#quickbarProductList li { margin:0 0 3px 0; }
#quickbarProductList li img { border:1px solid #ddd; }
#quickbarProductList li.on img { border:1px solid #444; }
#quickbar .quick_btn_top { margin:0 0 3px 0; }
#q_gotop { text-align:center; padding:5px; }


/* scrollbar */
html, body{
scrollbar-face-color:#F0F0F0;
scrollbar-base-color:#F0F0F0;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#F0F0F0;
scrollbar-highlight-color:#F0F0F0;
scrollbar-3dlight-color:#A0A0A0;
scrollbar-darkshadow-Color:#A0A0A0;
}



/* Pagenation */
.direct_page {display:inline-block; margin-right:5px; padding:8px; color:#aaa; text-decoration:none; border:1px solid #e1e1e1; background-color:#fafafa; font:bold 14px/normal arial, ; _width /**/:17px;}
.current_page {display:inline-block; margin-right:5px; padding:8px; color:#f50; text-decoration:none; border:1px solid #e1e1e1; background-color:#fff; font:bold 14px/normal arial, ; _width /**/:17px;}
.next_page, .prev_page {display:inline-block; color:#ccc; border:1px solid #fff; position:relative; top:1px; _top:-1px; font:12px/normal; _width /**/:46px;}
.prev_page {margin-right:6px; padding:7px 6px 5px 16px; _padding-bottom:3px; background:url(/board/img/prev_1.gif) no-repeat 6px 11px !important;}
.next_page {margin-left:4px; padding:7px 16px 5px 6px; _padding-bottom:3px; background:url(/board/img/next_1.gif) no-repeat 36px 11px !important;}



.fsmall
{
FONT-SIZE: 11px; LETTER-SPACING: 0px; LINE-HEIGHT: 1.2
}

.box
{
    border: 1px solid #ccc;
	background: #FFF;
    font-size: 12px;
	padding:5px;
	line-height:16px;
	vertical-align:top;
}


.srch_btn { display:inline-block; padding:0px 10px; color:#fff; text-decoration:none !important; background:#186fab; font-weight:bold; font-size:12px; line-height:28px; border:0; vertical-align:top; cursor:pointer; }


.btn
{

    FONT-SIZE: 9pt;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #000444;
    background: #f0f0f0;
    height: 18px;
    margin: 0px;
    padding: 0px 5px;
    border: 0;
	cursor: pointer;
    BORDER-LEFT: 1px #777777 solid; BORDER-right: 1px #777777 solid; BORDER-top: 1px #777777 solid;  BORDER-BOTTOM: 1px #777777  solid;
}

.btn50
{
    FONT-SIZE: 14px;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #ffffff;
	line-height:40px;
    background: #444;
    height: 40px;
    width: 50px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
}

.btn80
{
    FONT-SIZE: 14px;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #ffffff;
	line-height:40px;
    background: #444;
    height: 40px;
    width: 80px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
}

.btn100
{

    FONT-SIZE: 14px;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #ffffff;
	line-height:40px;
    background: #444;
    height: 40px;
    width: 100px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
}

.btn150
{

    FONT-SIZE: 14px;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #ffffff;
	line-height:40px;
    background: #444;
    height: 40px;
    width: 150px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
}

.btn200
{

    FONT-SIZE: 14px;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #ffffff;
	line-height:40px;
    background: #444;
    height: 40px;
    width: 200px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
}

.btn300
{

    FONT-SIZE: 14px;
    font-weight: bold;
    LETTER-SPACING: -1px;
    color: #ffffff;
	line-height:40px;
    background: #444;
    height: 40px;
    width: 300px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
}

a.btn_reply_write { display:inline-block; width:100px; height:80px; background:#444; line-height:80px; text-align:center; color:#fff; font-size:16px; font-weight:bold }
a.btn_reply_edit { display:inline-block; width:100px; height:40px; background:#444; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight:bold }


.image_carea { position:relative; width: 720px; height: 450px; margin: 0 auto; overflow: hidden; *zoom:1;}

.image_carousel1 {
	position:relative;
	width: 700px; /* -2px */
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
	border: 10px solid #ddd;
	*zoom:1;
}
.image_carousel1 li {
	padding: 0px;
	margin: 0;
	float: left;
}


.pagination1 {
	position:absolute;
	bottom:0px;
	right:0;
	text-align: center;
	height: 20px;
}	
.pagination1 a {
	background:url(/img/room_page.jpg) 0 0 no-repeat transparent;
	width: 20px;
	height: 20px;
	margin: 0 0 0 5px;
	display: inline-block;
}
.pagination1 a.selected {
	background-position: 0 -20px;
	cursor: default;
}
.pagination1 a span {
	display: none;
}

.clearfix {
	float: none;
	clear: both;
}

a.play4 {  

background: url(/icon/i_slide_pause2.gif) no-repeat transparent;  
width: 14px;  
height: 13px;  
display: block;  
position: absolute;  
bottom: 0px;  
right: 13px;  

}  

a.play4 {                background-position: 0 0; }  
a.play4.paused {         background-position: 0 -13px; }  
a.play4 span {           display: none; }  

a.next4 {  

width: 14px;  
height: 13px;  
display: block;  
position: absolute;  
bottom: 0px;  
right: 0;  
}  


a.prev4 {  

width: 14px;  
height: 13px;  
display: block;  
position: absolute;  
bottom: 0px;  
right: 26px;  

}  








.image_carousel2 { position:relative;	width:100%; /* -2px */margin: 0 auto;	padding:0; overflow: hidden; border:0px solid #ddd; *zoom:1; }
.image_carousel2 ul { list-style:none }
.image_carousel2 #foo5 li { width:300px; height:150px; padding:0px; overflow: hidden; text-align:center; margin:0px; float:left; }
.image_carousel2 #foo5 li img { width:90%; }
.image_carousel2_btn { position:relative; height:70px; line-height:70px; text-align:center; }
.image_carousel2_btnimg { padding:5px; border:1px solid #555; }
@media all and (max-width:600px){
.image_carousel2 #foo5 li { width:150px; height:90px; padding:0px; overflow: hidden; text-align:center; margin:0px; float:left; }
.image_carousel2 #foo5 li img { width:90%; }
}
@media screen and (min-width:600px) and (max-width:1000px){
.image_carousel2 #foo5 li { width:200px; height:120px; padding:0px; overflow: hidden; text-align:center; margin:0px; float:left; }
.image_carousel2 #foo5 li img { width:90%; }
}

a.play5 {  
background: url(/icon/i_slide_pause2.gif) no-repeat transparent;  
width: 14px;  
height: 13px;  
display: block;  
position: absolute;  
top: 15px;  
left: 0px;  
} 

a.play5 {                background-position: 0 0; }  
a.play5.paused {         background-position: 0 -13px; }  
a.play5 span {           display: none; }  



.pagination1 {
	position:absolute;
	top:10px;
	right:0;
	text-align: right;
}	
.pagination1 a {
	background:url(/icon/pagination1.png) 0 0 no-repeat transparent;
	width: 16px;
	height: 10px;
	margin: 0 0 0 2px;
	display: inline-block;
}
.pagination1 a.selected {
	background-position: 0 -10px;
	cursor: default;
}
.pagination1 a span {
	display: none;
}



/* datepicker */
div.datepicker {position: absolute; border: 1px solid #ddd; background-color: white;}
div.datepicker div {height: 20px; padding:5px; position: relative; text-align: center;}
div.datepicker div span {text-align: center; font-weight:bold}
div.datepicker th {text-align: center;}
div.datepicker td {font-size: 12px; text-align: center; width: 20px; height: 20px; cursor:pointer}
div.datepicker td.past_day {color: #AAA;}
div.datepicker td.blank_day {color: #fff; cursor:none}
div.datepicker td.td_sunday {color: #f00;}
div.datepicker td.td_saturday {color: #00f;}
div.datepicker a {text-decoration: none;}



.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position:absolute;top: 0;left:0;width:100%;height:100%;}


#slick-photo { width:1200px; margin:auto; padding-bottom:0px; }
#slick-photo:after { content:""; display:block; clear:both; }
#slick-photo .slick-photo-list a { display:block; padding:10px; text-align:center; }
#slick-photo .slick-photo-list a img { width:100%; height:200px; }
@media screen and (max-width:1025px){
#slick-photo { width:100%; }
#slick-photo .slick-photo-list a img { height:150px; }
}

/* Dots */
.slick-prev {position: absolute;left:20px;top:35%;background: url('/img/btn_slick.png') no-repeat left top;width: 38px;height: 68px;text-indent: -9999em;z-index: 1;border:0;cursor: pointer;}
.slick-next {position: absolute;right:20px;top:35%;background: url('/img/btn_slick.png') no-repeat right top;width:38px;height: 68px;text-indent: -9999em;border:0;cursor: pointer;}
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -30px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-size:30px; line-height:30px; position: absolute; top: 0; left: 0; width:30px; height:30px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }


.history_org{ position:relative; padding:0; margin:0;}
.history_org ul {margin:0 !important; padding:0 !important; width:100%; position: relative; list-style:none; }
.history_org ul:before {content: " "; display: block; position: absolute; left: 50%; margin-left: -2px; padding: 20px 0; width: 2px; height: 100%; background-color: #ddd;}
.history_org ul li { position: relative; padding:0; margin:0; margin-bottom:20px; width: 48%; text-align:right; padding-right:2%; }
.history_org ul li:after{ content:""; position:absolute; top:10px; right:-8px; display:block; width:10px; height:10px; background:#fff; border:#ef8729 4px solid; border-radius:50%;}
.history_org ul li:before{ content:""; position:absolute; top:20px; right:-7px; width:30px; height:1px; background:#ef8729; display:block;}

.history_org ul li.right { padding-left: 52%; width:48%; text-align:left; padding-right:0%; }
.history_org ul li.right:after { left: 50%; margin-left:-10px; right: auto;}
.history_org ul li.right:before { left: 50%; margin-left:-10px; right: auto;}
/*odd*/
.history_org ul li h4 {padding-top:8px; margin-bottom: 10px; font-size:18px; font-weight: bold;}
.history_org ul li p { font-size: 15px; line-height: 1.7; letter-spacing: 0.01rem; }
@media screen and (max-width:1025px){
.history_org ul {margin:0 !important; padding:0 !important; width:95%; position: relative; list-style:none; }
.history_org ul:before {content: " "; display: block; position: absolute; left:10px; padding: 20px 0; width: 2px; height: 100%; background-color: #ddd;}
.history_org ul li { position: relative; padding:0; margin:0; margin-bottom:20px; width:95%; text-align:left; padding-left:35px; padding-right:0%; }
.history_org ul li:after{ content:""; position:absolute; top:10px; left:0px; display:block; width:10px; height:10px; background:#fff; border:#ef8729 4px solid; border-radius:50%;}
.history_org ul li:before{ content:""; position:absolute; top:20px; left:0px; width:30px; height:1px; background:#ef8729; display:block;}

.history_org ul li.right { position: relative; padding:0; margin:0; margin-bottom:20px; width:95%; text-align:left; padding-left:35px; padding-right:0%; }
.history_org ul li.right:after { content:""; position:absolute; top:10px; left:0px; margin-left:0px; display:block; width:10px; height:10px; background:#fff; border:#ef8729 4px solid; border-radius:50%;}
.history_org ul li.right:before { content:""; position:absolute; top:20px; left:0px; margin-left:0px; width:30px; height:1px; background:#ef8729; display:block;}
}

ul.p_company02 { list-style:none; }
@media screen and (max-width:1025px){
ul.p_company02 li { float:left; width:50%; }
}


.datepicker { font-size:14px !important; }
.vd_line_plus { display:none; }
@media screen and (max-width:1025px){
.board_photo { width:100%; }
.vcenter img, .contentText img { width:100%; }
.vd_line_plus { display:block; }
a.sbtn { padding:0 10px; }
a.sbtn1 { padding:0 10px; }
#panel_right { display:none;}
}



.board_slider { position:relative; width:1000px; margin:auto; }
.board_slider:after {
  content: '';
  display: block;
  clear: both;
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-item {
  float: left;
}
.grid-sizer,
.grid-item { width: 50%; }
.grid-item .grid-item-box { margin:2px; }
.grid-item img { width:100%; vertical-align:top; }

.grid-item--width2 { width: 50%; }

@media screen and (max-width:600px){
.board_slider { position:relative; width:100%; margin:auto; }
.grid-item { width: 100%; }
}