/* 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;}
대표색상 
파랑 #00a2fa 
녹색 #48bb90
@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);
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

body { margin:0; padding:0; font-size:1.3em; line-height:1.6em; color:#444; font-family:'GmarketSansMedium', 'Noto Sans KR', "맑은 고딕", Malgun Gothic, 'Nanum Gothic', 'Nanum Myeongjo', 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){

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

}

/* 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%; }
.board_content a { word-break:break-all !important; }
.word-break-all { word-break:break-all !important; }

a {text-decoration:none; color:#444;}
a:link, a:active {text-decoration:none; color:#444;}
a:visited {text-decoration:none; color:#444;}
a:hover {text-decoration:none; color:#00a2fa;}

.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; }
@media screen and (max-width:600px){
.vscroll_area { position:relative; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.vscroll_area:before {content:"";position:absolute;width:7px;height:14px;background:url('/img/i_updown.png') no-repeat; top:5px;right:5px;z-index:10;}
}

.txt_over { overflow:hidden; white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis; }
.txt_over2 { overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.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_gray { color:#999; }
.txt_green { color:#48bb90; }
.txt_red { color:#f00; }
.txt_orange { color:#f50; }
.txt_pink { color:#f09; }
.txt_blue { color:#00a2fa; }
.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_top5 { margin-top:5px; }
.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_bot5 { margin-bottom:5px; }
.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_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_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_ovx {
	transform: rotateX(180deg);
	overflow-x: auto;
	-webkit-overflow-scrolling:touch;
	scrollbar-x-position: top;
	scrollbar-y-position: left;
} 
.vd_table_ovx_wrap {
	transform: rotateX(180deg);
}

.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 {width: 100%; border-top: 2px solid #444; border-bottom: 1px solid #ddd; letter-spacing: -1px;}
.vd_table2 thead th {padding: 15px 0; background: #3f76bb; color:#fff; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; }
.vd_table2 thead th:last-child {border-right: none;}
.vd_table2 tbody th {padding: 15px; font-weight:normal; font-size:0.9em; border-right: 1px solid #ddd; border-top: 1px solid #ddd; vertical-align: middle;}
.vd_table2 tbody tr:first-child th {border-top: none; } 
.vd_table2 tbody tr:last-child td {border-bottom: 1px solid #ddd;} 
.vd_table2 tbody tr:last-child th {border-bottom: 1px solid #ddd;} 
.vd_table2 tbody td {padding: 15px; border-right: 1px solid #ddd; border-top: 1px solid #ddd;  }
.vd_table2 tbody td:last-child {border-right: none;}
.vd_table2 tbody tr:first-child td {border-top: none;}

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

.vd_table4 {width:100%; border-top:2px solid #0076c0;}
.vd_table4 thead th {padding:19px 16px; border-bottom:1px solid #cbcbcb; border-left:1px solid #cbcbcb; background:#f5f5f5; text-align:center; font-size:16px; line-height:24px; }
.vd_table4 tbody th {padding:19px 16px; border-bottom:1px solid #cbcbcb; border-left:1px solid #cbcbcb; background:#f5f5f5; text-align:center; font-size:16px; line-height:24px; }
.vd_table4 tbody td {padding:19px 16px; border-bottom:1px solid #cbcbcb; border-left:1px solid #cbcbcb; color:#212121; font-size:16px; line-height:24px; font-weight:400; text-align:center;}
.vd_table4 tbody td.align_left {text-align:left;}
.vd_table4 tr > th:first-child,
.vd_table4 tr > td:first-child {border-left:none;}


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

#topMobileMenu { position:fixed; overflow-y:auto; background:#fff; top:0; right:-602px; width:300px; height:100%; padding:10px; border:0px solid #ddd; z-index:9999; }
#topMobileMenu ul { list-style:none; padding-bottom:15px;} /*대메뉴간 여백*/
#topMobileMenu a { display:block; }
#topMobileMenu ul li.depth0 { margin:0 0 0px 0; }
#topMobileMenu ul li.depth0 a.depth0 { padding:0px 0; margin:0 0 0px 0; font-size:18px; font-weight:bold; border-bottom:1px solid rgba(255,255,255,0.3);  }

#topMobileMenu ul.depth1 li a.stitle { color:#f30; }
#topMobileMenu ul.depth1 li.depth1 { float:left; width:50%; margin:0px 0; font-size:16px; line-height:18px; font-weight:normal; letter-spacing:-1px;}
#topMobileMenu ul.depth1 li.depth1 a { margin:2px; border:1px solid #ddd; padding:5px 0px; text-align:center;}
#topMobileMenu ul.depth1 li.depth1a { float:left; width:33.33%; margin:0px 0; font-size:16px; line-height:18px; font-weight:normal; letter-spacing:-1px;}
#topMobileMenu ul.depth1 li.depth1a a { margin:2px; border:1px solid #ddd; padding:5px 0; text-align:center;}
#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.8); 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;}

#topMobileMenu .close { position: relative; float:right; width: 40px; height: 40px; cursor: pointer; color: #333; background: rgba(0, 0, 0, 0); /*box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);*/ }
#topMobileMenu .close span { position: absolute; top: 20px; left: 5px; width: 30px; height: 2px; background: #333; transition: all 0.3s ease; }
#topMobileMenu .close span.tb_bar01 { transform: rotate(45deg); }
#topMobileMenu .close span.tb_bar02 { opacity: 0; }
#topMobileMenu .close span.tb_bar03 { transform: rotate(-45deg); }
#topMobileMenu .close:hover span.tb_bar01 { transform: rotate(-45deg); }
#topMobileMenu .close:hover span.tb_bar02 {}
#topMobileMenu .close:hover span.tb_bar03 { transform: rotate(225deg); }


#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:#f0f0f0; 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:50%; float:left; margin:0; padding:0; *zoom:1; }
#tpop_area2 { width:50%; float:right; margin:0; padding:30px 0 0 0; *zoom:1; text-align:right; }
#tpop_area2 a { margin:0 0 0 0px; }
@media screen and (max-width:1400px){
#tpop_box { position:relative; width:100%; background:#f0f0f0; 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:after{ content:""; display:block; clear:both;}
#topLink {position:relative; width:100%; padding:10px 0; border-bottom:1px solid #ddd; z-index:400; clear:both; margin:auto;*zoom:1;}
#topLink:after{ content:""; display:block; clear:both;}
/*
#topLogo {position:relative; float:left; width:50%; z-index:500; *zoom:1;}
#topRight {position:relative; float:right; width:50%; text-align:right; margin-top:10px; z-index:9999; *zoom:1;}
*/
#topLogo {position:relative; width:100%; text-align:center; z-index:500; *zoom:1;}
#topRight { position:absolute; width:auto; top:35%; right:10px; z-index:1002; *zoom:1;}
#topRight a { border:0px solid #999; border-radius:10px; padding:10px 20px; margin-left:5px;  }
#topRight a:hover { background:#ddd; }
#topPhone { display:none; }
#topRight a img { vertical-align:middle !important; }



@media screen and (max-width:1400px){
#topLink {position:relative; width:100%; z-index:400; clear:both; padding:0px 0 0 0; margin:auto;*zoom:1;}
#topLink:after{ content:""; display:block; clear:both;}
#topLogo {position:relative; float:none; width:100%; z-index:900; *zoom:1;}
#topLogo h1 { margin-left:10px; }
#topRight { position:absolute; width:auto; top:7px; right:50px; z-index:1002; *zoom:1;}

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

@media screen and (max-width:600px){
#topLogo { text-align:left; }
#topLogo img { height:50px; }
#topRight { top:25%; }
#topRight a { padding:3px; margin-left:0px; font-size:16px;}
#topRight a img { width:15px !important;vertical-align:middle !important; }
}

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






#topMobile_Btn { position: relative; height: 50px; width: 50px; cursor: pointer; float: left; z-index: 10; }
#topMobile_Btn .tmobile_btn { position: relative; height: 50px; width: 50px; cursor: pointer; float: left; z-index: 10; }
#topMobile_Btn .tmobile_btn span { position: absolute; top: 50%; left: 50%; width: 25px; height: 3px; margin-left: -13px; background: #000; transition: all 0.5s ease; }
#topMobile_Btn .tmobile_btn span.tb_bar01 { margin-top: -8px; }
#topMobile_Btn .tmobile_btn span.tb_bar02 { animation: tb_bar02 2s ease infinite; width: 20px;  }
@keyframes tb_bar02 { 0% { transform: scaleX(0.8); } 25% { transform: scaleX(1); } 50% { transform: scaleX(0.8); } 75% { transform: scaleX(1); } 100% { transform: scaleX(0.8); }}
#topMobile_Btn .tmobile_btn span.tb_bar03 { margin-top: 8px; }
#topMobile_Btn .tmobile_btn:hover span.tb_bar01 { margin-top: 8px; animation: tb_bar01 0.5s; }
@keyframes tb_bar01 { 0% { transform: rotate(0deg); } 50% { transform: rotate(-15deg); } 100% { transform: rotate(0deg); }}
#topMobile_Btn .tmobile_btn:hover span.tb_bar02 { animation: tb_bar02 0s ease infinite; width: 15px; }
#topMobile_Btn .tmobile_btn:hover span.tb_bar03 { margin-top: -8px; animation: tb_bar03 0.5s }
@keyframes tb_bar03 { 0% { transform: rotate(0deg); } 50% { transform: rotate(15deg); } 100% { transform: rotate(0deg); }}


/*
#gnb_box {position:relative; width:100%; margin:0 auto; padding-top:5px; background: linear-gradient(45deg,  #58d405 0%,#00a2f8 100%);box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);z-index:300; *zoom:1;}
*/
#gnb_box {position:relative; width:100%; margin:0 auto; padding-top:5px; background: #fff; border-bottom:1px solid #ddd; z-index:300; *zoom:1;}
#gnb_box:after{ content:""; display:block; clear:both;}
#gnb {position:relative; width:1400px; margin:auto;*zoom:1;}
#gnb_box.fixed { position:fixed; top:0; left:0; }
#gnb_gap { position:relative; height:0; }
#topSitemap {position:absolute; top:0px; left:0; width:44px; height:44px; z-index:9000; *zoom:1;}
#gnb_box2 {display:none !important;}*/
#gnb_box #mainLeft { display:none; position:absolute; top:0; left:0; font-size:11px; line-height:46px; text-align:center; width:20px; z-index:801; }

#gnb_box.fixed { border-top:0px; }
#gnb_box {
   -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;
}

#gnb ul { list-style:none; }
#gnb .mainmenu {z-index: 800; position: relative; padding:0 0 0 0px;  }
#gnb .mainmenu:after {content: ""; clear: both; display: block;}
#gnb .mainmenu li.mainMenu {float: left; width:20%; }
#gnb .mainmenu li span a {display:block; line-height:50px; font-size:28px; color:#000; font-weight:normal; padding:0; text-align:center; background:url('/img/bg_gnb_right.png') no-repeat right; transition:.3s;}
#gnb .mainmenu li span a.on  { font-weight:normal;  }
#gnb .mainmenu li span a.mem  { color:#00a2fa !important; }
#gnb .mainmenu li span a:hover,
#gnb .mainmenu li span a:active { font-weight:bold; }
#gnb .mainmenu li span a .gnb_line { display:block; width:10%; margin:auto; height:2px; background:#fff; }
#gnb .mainmenu li span a:hover .gnb_line { background:#00a0e9; }
#gnb .mainmenu li span a .gnb_line{
   -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 ease;
}

#gnb .mainmenu li span a:hover .gnb_line {
   -webkit-transform: scaleX(2);
   -moz-transform: scaleX(2);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scaleX(4);
}
#gnb_box.fixed #gnb .mainmenu li span a { color:#000; }
#gnb_box.fixed #gnb .mainmenu li span a.on { color:#000; }
#gnb_box.fixed #gnb .mainmenu li span a.hover,
#gnb_box.fixed #gnb .mainmenu li span a.active, { font-weight:bold;}
#gnb_box.fixed #gnb .mainmenu li span a .gnb_line { display:block; width:10%; margin:auto; height:2px; background:#00a0e9; }
#gnb_box.fixed #gnb .mainmenu li span a:hover .gnb_line { background:#fff; }



#gnb .mainmenu li .submenu {z-index: 999; visibility:hidden; opacity:0; position: absolute; left: 0; top: 45px; transition:0.5s;  }
#gnb .mainmenu li .submenu { border:2px solid #000; border-radius:20px; background:#fff; padding:20px 0; width:280px; text-align:center;}

#gnb .mainmenu li:hover .submenu {
top:50px;
visibility:visible;
opacity:100; 

}

#gnb .mainmenu li .submenu::after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: '';
  display: block;
  left: 48%;
  position: absolute;
  top: -7px;
  width: 0;
  z-index: 1;
}

#gnb .mainmenu li .submenu::before {
  border-color: #000 transparent;
  border-style: solid;
  border-width: 0 6px 8px 6.5px;
  content: '';
  display: block;
  left: 48%;
  position: absolute;
  top: -10px;
  width: 0;
  z-index: 0;

}

#gnb .mainmenu li #submenu_01 { left:0px; }
#gnb .mainmenu li #submenu_02 { left:280px; }
#gnb .mainmenu li #submenu_03 { left:560px; }
#gnb .mainmenu li #submenu_05 { left:840px; }
#gnb .mainmenu li #submenu_06 { left:1120px; }


#gnb .mainmenu li .submenu ul:after {content: ""; clear: both; display: block;}

#gnb .mainmenu li .submenu ul li {float: none;}
#gnb .mainmenu li .submenu ul li {display: block; height:40px; line-height:40px; padding:0 0px 0 0; }
#gnb .mainmenu li .submenu ul li.sm_last { padding:0 0 0 0;; background:none !important}
#gnb .mainmenu li .submenu ul li a { display: block; color: #000; font-size:22px; transition:.3s;}
#gnb .mainmenu li .submenu ul li.on a,
#gnb .mainmenu li .submenu ul li a:hover,
#gnb .mainmenu li .submenu ul li a:active { font-weight:bold; }
@media screen and (max-width:1400px){
#gnb_box { display:none; }
#gnb_gap { display:none; }
#gnb_box #gnb {width:800px; margin:0 auto; }
#gnb_box #gnb li.gnb_top a {display:block;color:#444; text-align:center;height:50px; line-height:50px; }
#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_box #mainLeft { display:block; }

#gnb .mainmenu li span a { font-size:12px; }
#gnb .mainmenu li .submenu { visibility:hidden; }

#gnb_box2 {  display:block !important; }
#gnb_box2 { position:absolute; bottom:5px; right:0px; 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;}
#gnb2 table { margin:0 auto; text-align:center; }
#gnb2 { position:relative; margin:0 auto; padding:0; text-align:center; height:40px; width:100%;  }
#gnb2 ul { list-style:none; margin:0 auto; padding:0;  }
#gnb2 ul li {float: left; width:20%; margin:0; padding:0; font-weight:bold; line-height:40px;}
#gnb2 ul li a {display:block; color:#fff; text-align:center; }
}
@media screen and (max-width:600px){

}


#mainfbox {position:relative; width:100%; z-index:4; background:url('/img/bg_visual.jpg'); clear:both; margin:0 auto 50px;*zoom:1;}
#mainfbox:after{ content:""; display:block; clear:both;}
#mainf {position:relative; width:100%; 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:50px; left:0; right:0; width:80%; margin:0 auto; padding:0; z-index:5; *zoom:1;}
#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;}

#mainf_txt .mv_wrap { }
#mainf_txt .mv_wrap:after{ content:""; display:block; clear:both;}
#mainf_txt .mv_wrap .mv_ill { float:left; width:40%; margin-top:0px; }
#mainf_txt .mv_wrap .mv_ill2 { float:right; width:55%; background:url('/img/bg_mv_ill2.jpg') no-repeat right; border-radius:50px 50px 0 0; box-shadow:0 10px 20px rgba(0, 0, 0, 0.2); }
#mainf_txt .mv_wrap .mv_ill2 .mv_ill2_box { padding:40px 40px 30px 40px;  }



@media screen and (max-width:1400px){
#mainf {width:100%; }
#mainf .flexslider img { width:150%; }
#mainf_txt { position:relative; width:94%; margin-top:-250px; top:0; left:0; z-index:10; *zoom:1;}
#mainf_txt .mv_wrap { display:block; }
#mainf_txt .mv_wrap .mv_ill2 .mv_ill2_box { display:block; }
#mainf_txt .mv_wrap .mv_ill { float:none; width:100%; margin-top:0px;}
#mainf_txt .mv_wrap .mv_ill2 { float:none; width:100%;  }
}
@media screen and (max-width:600px){
#mainf_txt { position:relative; margin-top:0px; top:auto; left:auto; }
#mainf .flexslider img { width:20%; }
#mainf_txt .mv_wrap .mv_ill2 .mv_ill2_box { padding:20px;  }
#mainf_txt .mv_wrap .mv_ill { float:none; width:100%; margin-top:0px; }
#mainf_txt .mv_wrap .mv_ill2 { float:none; width:100%; background:none; margin-top:-50px; }

}

#mainf_btn {position:relative; width:100%; margin:0 auto; z-index:10; *zoom:1;}
#mainf_btn ul { list-style:none; margin:0px 0 0 0; padding:0;}
#mainf_btn ul{ content:""; display:block; clear:both;}
#mainf_btn ul li { position:relative; float:left; width:calc(25% - 20px); padding:15px 10px 10px 10px; background:#00a2fa; text-align:center; }
#mainf_btn ul li:after { content:""; position:absolute; z-index: 11;top:0; right:0; width:1px; height:100%; background:rgba(255,255,255,.3);}
#mainf_btn ul li:last-child:after { width:0; }
#mainf_btn ul li img { vertical-align:top; }
#mainf_btn ul li p { margin-top:10px; }
#mainf_btn ul li a { color:#fff; }
#mainf_btn ul li:hover a { color:#fff; }
#mainf_btn ul li:hover { background:#000; }
@media screen and (max-width:600px){
#mainf_btn ul li { width:calc(50% - 20px); }
#mainf_btn ul li:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.3);}
#mainf_btn ul li a { }
}





#subfbox {position:relative; width:100%; z-index:4; background:url('/img/bg_visual_sub.jpg') repeat-x; clear:both; margin:auto; margin:0 0 0 0;*zoom:1;}
#subfbox:after{ content:""; display:block; clear:both;}
#subf {position:relative; z-index:4; height:250px;background:url('/img/sp_visual.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:40%; left:0; text-align:center; z-index:10; *zoom:1;}
#subf_txt h2 { font-size:30px; line-height:40px; }
#subf_txt h3 { font-size:20px; line-height:30px; font-weight:normal; text-shadow: 2px 2px 2px rgba(0,0,0,0.9); text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;}
#subf_txt p.line { height:1px; width:10%; margin:auto; background:#000; }
#subf_txt p { margin-top:5px; }
.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%; height:200px; overflow:hidden; background-attachment: scroll; background-size:100%; }
#subf_txt {position:absolute; top:15%; left:0;  z-index:10; *zoom:1;}
#subf li.sub img { margin-top:0px; }
}
@media screen and (max-width:600px){
#subf { height:150px; }
}




.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.15em 0.15em 0 0;
  content: '';
  display: inline-block;
  height: 10px; overflow:hidden;
  position: relative;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: top;
  top: 10px;
  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); }



#main_srch_box {position:relative; width:100%; z-index:4; background:#fff; color:#444; clear:both; margin:auto; margin-bottom:0px; padding:50px 0; *zoom:1;}
#main_srch_box:after{ content:""; display:block; clear:both;}
#main_srch {position:relative; width:1400px; z-index:4; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
#main_srch:after{ content:""; display:block; clear:both;}
#main_srch1 { position:absolute; top:0; left:0; width:250px; text-align:center; z-index:5; }
#main_srch2 { position:absolute; top:0; right:0; width:250px;  text-align:center; z-index:5; }
#main_srch3 { position:relative; width:800px; *zoom:1; margin:auto; }
#main_srch a { color:#444; margin-top:5px; }


#topSearchBox { position:relative; width:100%; padding:0px 0; }
#topSearch { position:relative; width:100%; margin:4px 0 0 0; border:0px solid #00a2fa; border-radius:0px; text-align:left; z-index:19999; *zoom:1;}
.topSearchBox { margin:0; padding:0 15px; outline: none !important; border:none; width:calc(100% - 90px); border-radius:0px; font-size:20px; line-height:40px; color:#444; }
.topSearchBtn { margin:0; padding:0 10px; border:0; vertical-align:middle; line-height:50px; text-align:center; 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 #00a2fa; }
@media screen and (max-width:1400px){
#main_srch_box { padding:20px 0; }
#main_srch { width:100%; }
#main_srch3 { width:96%; }
#topSearchBox { width:96%; }
.topSearchBox { font-size:20px; }
#main_srch1 { position:relative; top:auto; left:auto; float:left; width:50%; }
#main_srch2 { position:relative; top:auto; left:auto; float:left; width:50%; }
}
@media screen and (max-width:600px) {
.topSearchBox { font-size:16px; }
#main_srch_box { margin-bottom:0px; }
#main_srch3 { border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:-50px;}
#main_srch img.sbanner {  }
#main_srch a { font-size:16px; line-height:20px; }
#main_srch1 { position:relative; top:auto; left:auto; float:left; width:50%; }
#main_srch2 { position:relative; top:auto; left:auto; right:auto; float:left; width:50%; }
#main_srch a { color:#000; }
}

#mainh { position:relative; width:800px; z-index:4; clear:both; *zoom:1;margin:20px auto 20px; padding:0 0 0 0}
#mainh:after{ content:""; display:block; clear:both;}
#mainh1 {position:relative; width:12%; margin:0 10px 0 0; float: left; z-index:1;*zoom:1;}
#mainh2 {position:relative; width:calc(85% - 30px); margin:0 30px 0 0; height:30px; overflow:hidden; 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; background:#00a2fa; color:#fff; text-align:center; border-radius:10px}
#mainh1 h3 a { color:#fff; }
#mainh2 a { font-size:16px; line-height:30px; padding:0 0 0 0px;}
@media screen and (max-width:800px){
#mainh { display:block; position:relative; width:95%; z-index:4; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
#mainh1 { display:none; position:relative; width:100%; margin:0 0 0 0; float: none; z-index:1;*zoom:1;}
#mainh2 {position:relative; width:100%; margin:0 0 0 0; float: none;*zoom:1;}
#mainh2 a { font-size:14px; line-height:30px; padding:0 0 0 0px; width:90%; 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_btns2.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_btns2.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_wrap {position:relative; margin:0 auto; padding:0 0 50px 0; width:1400px; z-index:2;*zoom:1;}
.mproduct_wrap:after{ content:""; display:block; clear:both;}

@media screen and (max-width:1400px){
.mproduct_wrap { width:94%; }
}

.mproduct_area_main { width:25%; float:left; margin:0; border-bottom:0px solid #ddd;  }
/*
.mproduct_box_main { position:relative; padding:20px; margin:10px; overflow:hidden; border-radius:10px; box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1); }
*/
.mproduct_box_main { position:relative; padding:20px; margin:10px; overflow:hidden; box-sizing: border-box; border:1px solid #ddd; border-radius:20px; box-shadow:none; }

.mproduct_area_main .mproduct_box_main a { color:#444; }
.mproduct_area_main .mproduct_box_main a:hover { color:#00a2fa; }
.mproduct_area_main .mproduct_box_main a:visited { color:#999; }

.mproduct_box_main .product_resume_photo { position:relative; width:100px; height:100px; border-radius:50%; overflow:hidden; margin:auto; text-align:center; font-size:11px; }
.mproduct_box_main .product_resume_photo .product_resume_photo_la { position:absolute; top:0; left:0; width:100px; height:100px; background:rgba(0,0,0,0.7); }
.mproduct_box_main .product_resume_photo img { width:100%; }

.mproduct_box_main .product_list_title { padding:0 10px; }
.mproduct_box_main .product_list_title .product_list_writer { line-height:30px; height:30px; overflow:hidden; }
.mproduct_box_main .product_list_title .product_list_link { line-height:20px; height:40px; overflow:hidden; text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.mproduct_box_main .product_list_title .product_list_area { font-size:16px; line-height:30px; height:30px; overflow:hidden; }
.mproduct_box_main .product_list_title .product_list_day { font-size:16px; color:#00a2fa; line-height:20px; height:20px; overflow:hidden; }
.mproduct_box_main .product_list_title .product_list_day1 { float:left; width:50%; }
.mproduct_box_main .product_list_title .product_list_day2 { float:left; width:50%; text-align:right;}
.mproduct_box_main .product_list_title .product_list_day:after{ content:""; display:block; clear:both;}
.mproduct_box_main .product_list_photo { text-align:center; height:100px; line-height:100px; overflow:hidden; }
.mproduct_box_main .product_list_photo span img { vertical-align:middle; }

.mproduct_box_main {
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
}
.mproduct_box_main:hover {
   border:1px solid #000;
}

.mproduct_box_main .product_list_date { position:absolute; top:30%; left:0; width:100%; text-align:center; }


@media screen and (max-width:559px){
.mproduct_area_main { width:50%; margin:auto; }
.mproduct_box_main { position:relative; padding:10px; margin:5px; overflow:hidden; }

.mproduct_box_main .product_list_photo { height:80px; line-height:80px; overflow:hidden; }
.mproduct_wrap .mar_bot100 { margin-bottom:30px; }
.product_list_photo.main {  }
}

@media screen and (min-width:560px) and (max-width:1025px){
.mproduct_area_main { width:33.3333%; }
.mproduct_box_main { position:relative; padding:10px; overflow:hidden; }
.mproduct_wrap .mar_bot100 { margin-bottom:30px; }
}


.mjob_box_main { position:relative; padding:10px; margin:0px; overflow:hidden; box-sizing: border-box; border-bottom:1px solid #ddd; border-radius:0px; box-shadow:none; }
.mjob_box_main .job_list_title { position:relative; padding:0 10px; height:60px; }

.mjob_box_main .job_list_title a { color:#444; }
.mjob_box_main .job_list_title a:hover { color:#00a2fa; }
.mjob_box_main .job_list_title a:visited { color:#999; }

.mjob_box_main .job_list_title .job_list_writer { 
text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
overflow:hidden; float:left; width:20%; vertical-align: middle; position: relative; top: 50%; transform: translateY(-50%); }

.mjob_box_main .job_list_title .job_list_link { 
text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
overflow:hidden; 
float:left; width:calc(45% - 20px); vertical-align: middle;padding:0 10px; position: relative; top: 50%; transform: translateY(-50%); }

/* 해당기업 구인정보 */
.mjob_box_main .job_list_title .job_list_link2 { 
text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
overflow:hidden; 
float:left; width:calc(65% - 20px); vertical-align: middle;padding:0 10px; position: relative; top: 50%; transform: translateY(-50%); }

.mjob_box_main .job_list_title .job_list_type { 
text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
overflow:hidden; float:left; width:10%; font-size:16px; vertical-align: middle; position: relative; top: 50%; transform: translateY(-50%); }


.mjob_box_main .job_list_title .job_list_area { 
text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
overflow:hidden; float:left; width:10%; font-size:16px; vertical-align: middle; position: relative; top: 50%; transform: translateY(-50%); }

.mjob_box_main .job_list_title .job_list_day { 
text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
overflow:hidden; float:left; width:15%; font-size:16px; vertical-align: middle;text-align:right; color:#00a2fa; position: relative; top: 50%; transform: translateY(-50%); }

.mjob_box_main {
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
}
.mjob_box_main:hover {
   border-bottom:1px solid #000;
}

@media screen and (max-width:1024px){
.mjob_box_main .job_list_title .job_list_writer { float:none; width:100%; top:auto; transform: translateY(0); -webkit-line-clamp: 1;}
.mjob_box_main .job_list_title .job_list_link { float:none; width:100%; padding:0; top:auto; transform: translateY(0);}
.mjob_box_main .job_list_title .job_list_link2 { float:none; width:100%; padding:0; top:auto; transform: translateY(0);}
.mjob_box_main .job_list_title .job_list_type { float:none; width:100%; padding:0; top:auto; transform: translateY(0);}
.mjob_box_main .job_list_title .job_list_area { float:left; width:50%; top:auto; transform: translateY(0); -webkit-line-clamp: 1; }
.mjob_box_main .job_list_title .job_list_day { float:left; width:50%; top:auto; transform: translateY(0); -webkit-line-clamp: 1; }
}

#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:#00a2fa; }
.mproduct_box .product_list_title { padding:0px; text-align:left; font-size:14px; font-weight:normal; line-height:20px; height:50px; 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:30px; overflow:hidden; font-size:14px; }
.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:120px; overflow:hidden; text-align:center; }
.mproduct_box .product_list_photo img { width:100%; height:120px; 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; }
}


#mainc_box {position:relative; width:100%; z-index:4; background:#e70015; 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:33.33%; text-align:center; }
#mainc21 ul:after{ content:""; display:block; clear:both;}
#mainc21 ul li div { padding:0 10px; word-break:keep-all; }
#mainc21 ul li a { color:#fff; }
#mainc21 ul li a span { margin-top:5px; display:block; text-align:center; font-size:16px;}
#mainc21 ul li img { width:50px; margin-bottom:10px; }
@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:100%; text-align:center; margin-bottom:20px; }
#mainc21 ul:after{ content:""; display:block; clear:both;}
#mainc21 ul li a span { margin-top:5px; display:block; text-align:center; font-size:14px;}
}


.maind4_box {position:relative; width:100%; z-index:4; clear:both; *zoom:1;margin:auto; padding:60px 0; }
.maind4_box:after{ content:""; display:block; clear:both;}
.maind4 {position:relative; width:1200px; overflow:hidden; margin:auto; padding:0px 0; }
.maind4:after{ content:""; display:block; clear:both;}
.maind4 ul { list-style:none; margin:0; padding:0; }
.maind4 ul li { float:left; width:24.25%; margin-right:1%; text-align:center; overflow:hidden; }
.maind4 ul li:last-child { margin-right:0; }
.maind4 ul:after{ content:""; display:block; clear:both;}
.maind4 ul li div { padding:0 0px; word-break:keep-all; }
.maind4 .cphoto img { width:100%; border:0px solid #ddd; overflow:hidden; }
.maind4 .cphoto img:hover { border:0px solid #000; }
.maind4 .ctitle { font-weight:bold; font-size:1.2em; margin:10px 0 10px 0; padding:10px 0;}
.maind4 .ctitle a { color:#fff; }
.maind4 .ctext { font-size:0.9em; line-height:1.2em; }

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

.maind4 ul li:hover .cphoto 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 (max-width:1200px){
.maind4 { width:96%; }
}
@media screen and (max-width:900px){
.maind4 ul li { float:left; width:49.5%; margin-right:1%; margin-bottom:20px; }
.maind4 ul li:nth-child(2n) { margin-right:0; }
}
@media screen and (max-width:600px){
.maind4 ul li { float:none; width:100%; margin-right:0%; }
}


#mcatep_box { position:relative; width:100%; padding:0px 0; }
#mcatep_box:after{ content:""; display:block; clear:both;}
#mcatep {position:relative; width:1400px; z-index:4; clear:both; *zoom:1;margin:auto; padding:30px 0}
#mcatep:after{ content:""; display:block; clear:both;}
.main_category_box{line-height:50px; height:50px; position:relative; width:100%; }
.main_category_box div {position:absolute; margin:0; padding:0; left:0; bottom:-1px; width:100%; background:#fff;}
.main_category_box .main_category li {display:block; float:left; width:calc(20% + 1px); margin:0; padding:0; background:#fff; border:1px solid #fff; box-sizing:border-box; margin-right:-1px; border-bottom-color:#ddd; }
.main_category_box .main_category li.on { background:#fff;border:1px #ddd solid;border-bottom:1px #fff solid;margin-left:0px;margin-right:-1px; }
.main_category_box .main_category li.on + li {border-left:1px #ddd solid;}
.main_category_box .main_category li a { display:block; line-height:50px; text-align:center;  }
#mcatep .dis { margin-top:30px; }
@media screen and (max-width:1400px){
#mcatep { width:98%; }
.main_category_box .main_category li a { font-size:16px; letter-spacing:-0.8px; }
}



#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 30px 0;  text-align:center;}
.main_title { font-size:1.5em; line-height:1.5em; text-align:center; font-family:'Nanum Myeongjo';}
.main_txt { color:#999; }
.main_line { margin:auto; padding:5px; width:10%; border-bottom:1px solid #444; }
@media screen and (max-width:1025px){
.main_titlebox { position:relative; padding:30px 0 20px 0; }
.main_title { font-size:1.3em; line-height:1.5em; }
}


#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:1400px; z-index:4; clear:both; *zoom:1;margin:50px auto 50px; padding:20px 0 0 0}
#mainv:after{ content:""; display:block; clear:both;}
#mainv1 {position:relative; width:calc(50% - 20px); margin:0 0px 0 0; float: left; z-index:1;*zoom:1;}
#mainv2 {position:relative; width:calc(50% - 20px); margin:0 0px 0 0; float: right;*zoom:1;}
#mainv3 {position:relative; width:260px; margin:0 20px 0 0; float: left;*zoom:1;}
#mainv4 {position:relative; width:200px; margin: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;}
#mainv4:after{ content:""; display:block; clear:both;}
@media screen and (max-width:1400px){
#mainv {width:94%; }
#mainv1 {width:100%; margin:0 0 40px 0; float:none; }
#mainv2 {width:100%; margin:0 0 10px 0; float:none; }
#mainv3 {width:100%; margin:0 0 10px 0; float:none; }
}

ul.mtboard_list { list-style:none; margin:20px 0 0 0; padding:0 }
ul.mtboard_list li { position:relative; width:100%; padding:5px 0;  }
ul.mtboard_list li:after{ content:""; display:block; clear:both;}
ul.mtboard_list li a { position:relative; display:block; float:left; width:76%; padding:0 0 0 0px; -webkit-text-size-adjust: none;}
ul.mtboard_list li span { position:relative; display:block; float:right; width:21%; text-align:right;font-size:12px; line-height:30px; color:#767676; -webkit-text-size-adjust: none;}



.mlogin_form { position:relative; padding:10px; border:1px solid #fff; border-radius:20px; height:180px }
.mlogin_form:after{ content:""; display:block; clear:both;}
.mlogin_left { float:left; width:65%; text-align:left; line-height:30px; }
.mlogin_left ul { list-style:none;}
.mlogin_left ul:after{ content:""; display:block; clear:both;}
.mlogin_left ul li { margin:0 0 5px 0; }
.mlogin_right { float:right; width:30%; text-align:right;}
.mlogin_naver { padding:5px 0; text-align:center; }

.mlogin_gaip { color:#fff; font-size:14px; line-height:40px; text-align:center;  }
.mlogin_gaip a { color:#fff; }
.mlogin_btn { border:0; color:#fff; background:#369c9b;border-radius:5px; text-align:center; width:100%; height:69px; font-weight:bold; cursor:pointer; }
.mlogin_link ul { list-style:none;}
.mlogin_link .mlogin_link_top { margin:0 0 5px 0; }
.mlogin_link .mlogin_link_left { float:left; width:49%; }
.mlogin_link .mlogin_link_right { float:right; width:49%; }
.mlogin_link a { display:block; padding:5px 0; margin-bottom:3px; background:#fff; border:1px solid #ddd; text-align:center; font-size:14px;}
.mlogin_member { margin:5px 0; padding:5px 5px; color:#fff; font-size:12px; text-align:center; }
.mlogin_member h3 { margin-bottom:3px; }
.mlogin_member a { color:#fff; padding:3px 8px; background:#e30; }


/* 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:0px;top:5px;}
.mt_board_1more a { font-size:14px; font-weight:normal; padding:5px 10px; color:#fff; background:#00a2fa; border-radius:5px;}
.mt_board_1more a:hover { background:#000; }
.mt_board_bar {position:relative; clear:both; *zoom:1;margin:0 auto 10px; border-bottom:2px solid #000; padding:5px 0; }
.mt_board_bar:after{ content:""; display:block; clear:both;}
.mt_board_bar h3 { padding-left:15px; }
.mt_board_line { font-size:15px; line-height:20px; padding:3px 0; color:#fff;}
.mt_board_line a { color:#fff; }
.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_cbanner  {position:relative; width:1200px; text-align:center; padding:40px 0; z-index:4; clear:both; margin:0 auto;*zoom:1;z-index:4;}
.main_cbanner:after{ content:""; display:block; clear:both;}
.main_cbanner ul { list-style:none; margin:0; padding:0; }
.main_cbanner ul li { float:left; width:50%; text-align:center; }
.main_cbanner ul:after{ content:""; display:block; clear:both;}
.main_cbanner ul li a { display:block; margin:10px; font-size:18px; }
.main_cbanner ul li a img { width:100%; overflow:hidden; }

@media screen and (max-width:600px){
.main_cbanner { width:100%; padding:20px 0;}
.main_cbanner ul li { float:none; width:100%; text-align:center; }
}

.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%; padding:10px 0; z-index:4; clear:both; margin:auto;*zoom:1;z-index:4;}
.mbanner {position:relative; width:1400px; padding:0px 0; z-index:4; clear:both; margin:0 auto;*zoom:1;z-index:4;}
.mbanner ul { list-style:none; margin:0; padding:0; }
.mbanner ul li { float:left; width:20%; }
.mbanner ul li div { padding:10px; }
.mbanner ul li div p { margin-top:5px; font-size:0.8em; text-align:center;}
.mbanner ul:after{ content:""; display:block; clear:both;}
.mbanner_box:after{ content:""; display:block; clear:both;}
.mbanner:after{ content:""; display:block; clear:both;}
.mbanner img { width:100%; margin:auto; border:1px solid #ddd; box-sizing:border-box; }

@media screen and (max-width:1400px){
.mbanner {position:relative; width:100%; padding:0px 0; z-index:4; clear:both; margin:auto;*zoom:1;z-index:4;}
}
@media screen and (max-width:600px){
.mbanner {position:relative; width:96%; padding:0px 0; z-index:4; clear:both; margin:0 auto;*zoom:1;z-index:4;}
.mbanner ul li { float:left; width:50%;  }
}


/****** 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;}

.hot_jobs { position:relative; width:100%; margin:0 auto 50px; padding:0; }
.hot_jobs:after{ content:""; display:block; clear:both;}

.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:1400px; margin:auto; }
.foot_banner .item{  height: 70px; text-align:center;}
.foot_banner .item a{display:block;height: 70px; }
.foot_banner .item img{ height: 100%; width:auto !important; margin: 0 auto; border:1px solid #ddd; box-sizing:border-box;}
.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_nav2.png) no-repeat 0px 0; left: -30px;}
.foot_banner.owl-theme .owl-nav .owl-next{background: url(/img/flexslider_nav2.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;}
}


.main_contents {position:relative; width:1400px; padding:0px 0; clear:both; margin:0 auto 40px;*zoom:1; }
.main_contents:after{ content:""; display:block; clear:both;}
.main_contents1 { position:relative; float:left; width:67%; }
.main_contents2 { position:relative; float:none; width:100%; }
.main_contents2 .item { margin-bottom:10px; width:33.33%; float:left; }
.main_contents1 ul { list-style:none; }
.main_contents1 ul li .wrap{ border-bottom:1px solid #eee; }
.main_contents1 ul li .wrap:after { content:""; display:block; clear:both;}
.main_contents1 ul li a { float:left; width:80%; line-height:50px; }
.main_contents1 ul li p { float:right; width:20%; text-align:right; line-height:50px; }

@media only screen and (max-width : 1400px ){
.main_contents { width:96%; }
}
@media only screen and (max-width : 600px ){
.main_contents { }
.main_contents1 { float:none; width:100%; }
.main_contents2 { float:none; width:100%; margin-bottom:20px; }
.main_contents2 .mcwrap { overflow-x:auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.main_contents2 .wrap { width:800px;  }
.main_contents2 .item { width:260px; float:left; }
.main_contents1 ul li a { float:none; width:100%; line-height:25px;}
.main_contents1 ul li p { float:none; width:100%; text-align:left; line-height:25px;}
}
.main_contents2 .mcwrap::-webkit-scrollbar{ height: 2px;  }
.main_contents2 .mcwrap::-webkit-scrollbar-thumb{	background-color: #333; }
.main_contents2 .mcwrap::-webkit-scrollbar-track{ background-color: #ddd; }

#mains {position:relative; width:1200px; z-index:4; clear:both; *zoom:1;margin:auto; padding:0 0 0 0}
#mains:after{ content:""; display:block; clear:both;}
#mains ul { list-style:none; margin:0; padding:0; }
#mains ul li { float:left; width:25%; text-align:center; }
#mains ul:after{ content:""; display:block; clear:both;}
#mains ul li a { display:block; margin:10px; font-size:18px; }
#mains ul li a img { width:100%; height:180px; overflow:hidden; }
#mains ul li a span.gap { display:block; padding-bottom:10px; }
#mains ul li a span.copy { display:block; font-size:14px; padding:5px 0; }
@media only screen and (max-width : 1200px ){
#mains { width:100%; }
}
@media only screen and (max-width : 600px ){
#mains ul li { float:left; width:50%; text-align:center; }
#mains ul li a img { width:100%; height:120px; overflow:hidden; }
}

#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:80px 0; width:1400px;z-index:1;*zoom:1;}
#contentBody:after{ content:""; display:block; clear:both;}
#leftColumn {position:relative;width: 200px; float: left; margin:0; background:url('/img/bg_submenu.jpg') repeat-x; padding:0 0 0 0px; z-index:2;*zoom:1;}
#leftColumn:after{ content:""; display:block; clear:both;}
#contentColumn {position:relative;width: 940px; 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:20px 0 40px 0; min-height:400px; word-break:break-all; z-index:3;*zoom:1;}
#contentBox:after{ content:""; display:block; clear:both;}
.contentArea {position:relative; margin:0 auto; padding:0; width:100%;z-index:3;*zoom:1;}
.contentArea:after{ content:""; display:block; clear:both;}
.contentArea2 {position:relative; margin:0 auto !important; padding:0; width:800px !important; z-index:3;*zoom:1;}
.contentArea2:after{ content:""; display:block; clear:both;}
@media screen and (max-width:1400px){
#contentBody {position:relative; margin:0 auto; padding:10px 0; width:100%;z-index:1;*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:0px 15px; word-break:break-all;  z-index:3;*zoom:1;}
.contentArea { width:100%; }
.contentArea2 { width:100% !important; }
}

.contentArea1200 {position:relative; width:1200px; margin:0 auto; padding:30px 0; z-index:5;*zoom:1;}
.contentArea1200:after{ content:""; display:block; clear:both;}
@media screen and (max-width:1200px){
.contentArea1200 { width:96% }
}

.contentArea600 {position:relative; width:600px; margin:0 auto; z-index:5;*zoom:1;}
.contentArea600:after{ content:""; display:block; clear:both;}
@media screen and (max-width:600px){
.contentArea600 { width:100% }
}

#gaipcenter {position:relative; width:100%; z-index:4; clear:both; *zoom:1;margin:0 0 10px 0; padding:0}
#gaipcenter:after{ content:""; display:block; clear:both;}
#gaipcenter1 {position:relative; width:49%; margin:0 0px 5px 0; float: left; z-index:1;*zoom:1;}
#gaipcenter2 {position:relative; width:49%; margin:0 0px 5px 0; float: right; *zoom:1;}
#gaipcenter a { color:#444; font-size:0.8em; }
#gaipcenter h4 { font-size:1.4rem; }
#gaipcenter .member1.select { color:#fff; background: #00a2fa url('/img/i_membertype1_on.png') no-repeat 95% 50%; }
#gaipcenter .member2.select { color:#fff; background: #00a2fa url('/img/i_membertype2_on.png') no-repeat 95% 50%; }
#gaipcenter .member1 { background: url('/img/i_membertype1.png') no-repeat 95% 50%; border:1px solid #ddd; border-radius:10px; padding:30px 0 30px 10px;  }
#gaipcenter .member2 { background: url('/img/i_membertype2.png') no-repeat 95% 50%; border:1px solid #ddd; border-radius:10px; padding:30px 0 30px 10px;  }
#gaipcenter .select a { color:#fff !important; }
@media screen and (max-width:700px){
#gaipcenter .member1.select { background: #00a2fa; }
#gaipcenter .member2.select { background: #00a2fa; }
#gaipcenter .member1, #gaipcenter .member2 { background:none; }
}



#helpcenter {position:relative; width:1400px; z-index:4; clear:both; *zoom:1;margin:0px auto 40px; padding:0}
#helpcenter:after{ content:""; display:block; clear:both;}
#helpcenter1 {position:relative; width:50%; margin:0 0px 0 0; float: left; z-index:1;*zoom:1;}
#helpcenter2 {position:relative; width:50%; margin:0 0px 0 0; float: right;*zoom:1;}
#helpcenter .help_title { text-align:center; margin:0 0 10px 0; letter-spacing:-0.5px; font-size:1.5em; }
#helpcenter .help_wrap { padding:30px 20px 30px 100px; color:#fff; line-height:20px;} 
#helpcenter a { color:#fff; }
#helpcenter h4 { font-size:1.1em; line-height:1.3em;}
@media screen and (max-width:1400px){
#helpcenter { width:94%; }
}
@media screen and (max-width:1024px){
#helpcenter .help_title { font-size:1.3em; }
}
@media screen and (max-width:700px){
#helpcenter .help_wrap { padding:30px 20px 30px 80px; }
#helpcenter1 { width:100%; float:none; margin:0 0 0px 0; }
#helpcenter2 { width:100%; float:none; margin:0 0 0px 0; }
}

.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:#00a2fa;}
.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%; margin:0px 0 20px 0; padding:5px 0; border-bottom:1px solid #eee; *zoom:1}
#footerWrite:after{ content:""; display:block; clear:both;}
#footerWriteLink {position:relative;width:100%; text-align:left; margin:0 auto; padding:0;*zoom:1}
#footerWriteLink ul { list-style:none; margin:0; padding:0; }
#footerWriteLink ul li { float:left; margin:0 5px; padding:0;  }
#footerWriteLink ul li a { line-height:30px; font-size:18px; }
@media screen and (max-width:1400px){
#footerWriteLink { width:96%; }
}

#footerBox {position:relative;width:100%; background:#fff; border-top:1px solid #ddd; margin:0px 0 0 0; padding:0;*zoom:1}
#footerBox:after{ content:""; display:block; clear:both;}
#footer {position:relative; width:1400px; 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:right; margin:0 0 10px 0; padding:0; color:#444; border-bottom:0px solid rgba(255,255,255,0.1); *zoom:1;}
#leftFooter:after{ content:""; display:block; clear:both;}
#rightFooter {position:relative; float:left; margin:0; padding:0; color:#444; text-align:left; word-break:keep-all; *zoom:1;}
#rightFooter:after{ content:""; display:block; clear:both;}
#footerLink { margin-top:10px; }
#footerLink ul { list-style:none; margin:0; padding:0; }
#footerLink ul li { float:left; margin-right:5px; margin-bottom:3px; }
#footerLink ul li:last-child { margin-right:0px; }


@media screen and (max-width:1400px){
#footer {position:relative; width:96%; padding:50px 0; margin:auto;  clear:both; *zoom:1;}
}
@media screen and (max-width:600px){
#footer {position:relative; width:94%; padding:50px 0; margin:auto;  clear:both; *zoom:1;}
#rightFooter { font-size:.8em; }
#leftFooter { float:none; width:100%; text-align:center; margin:auto; margin-bottom:10px; padding:10px 0 0 0; }


}


#footer a{ text-decoration:none; color:#444;}
#footer a:hover,
#footer a:active,
#footer a:focus{ text-decoration:none;}
#footer address {font-style:normal;}

#footer_jebo { margin:0 0 10px 0; }
#footer_jebo a { border:1px solid #ddd; padding:5px 5px }
#footer_jebo a:hover { color:#000; }

#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_sns { position:relative; text-align:right; margin-top:0px; }
.sns_center{background-image:url('/img/sns_all.png');background-repeat:no-repeat;vertical-align: top;display: inline-block;  overflow: hidden;font-size: 1px;line-height: 0;color: transparent;}
.footer_sns ul { display:inline-block; list-style:none; margin:0; padding:0; }
.footer_sns ul li { float:left; margin:5px 5px 0 0; }
.footer_sns ul li a{display:block;width:40px;height:40px;background-color:#333;border-radius:50%;text-align:center;}
.footer_sns .sns_center {width:24px;height:24px;margin-top:8px;}
.footer_sns .facebook .sns_center{background-position:0px 0px;}
.footer_sns .blog .sns_center{background-position:-50px 0px;}
.footer_sns .insta .sns_center{background-position:-25px 0px;}
.footer_sns .youtube .sns_center{background-position:-75px 0px;}
@media screen and (max-width:600px){
.footer_sns { position:relative; text-align:center; }
}


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


#btn_top {position:fixed; bottom:50px; right:70px; width:30px; margin:0 0 0 0px; display:none; z-index:8999;}
#btn_top a {display:inline-block; margin-bottom:10px; padding:15px; color:#444; text-decoration:none !important; background:rgba(255,255,255, 0.8); border:1px solid #ddd; box-sizing:border-box;	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(0, 0, 0, 1)}
#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:1200px){
#btn_top { position:fixed;bottom:0px;right:15px;z-index:8999;}
#btn_top a { padding:10px; }
}


#panel_right { position:fixed; top:0px; right:-210px; height:100%; z-index:8990; }
#panel_right ul { list-style:none; margin:0; padding:0; }
#panel_right_btn { background:#004091; 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:1px solid #ddd; border-right:none; padding:30px 5px; }
#panel_right_wrap { position:relative; display:inline-block; margin:0; height:100%; width:170px; background:rgba(255,255,255,0.9); color:#444; padding:0 20px; border-left:1px solid #ddd; }
#panel_right.on { right:0px; }
#panel_right .panel_title  { position:relative; margin:10px 0 5px 0; }
#panel_right .panel_title h3 { font-size:14px; font-weight:bold; color:#004091;}
#panel_right .panel_title .board_more { position:absolute; top:0; right:0; font-size:10px; }
#panel_right .panel_contents  { position:relative; font-size:14px; line-height:20px; }
#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:4; clear:both; *zoom:1;margin:auto; padding:0 0 10px 0}
#subMenuName h2  { margin:0; padding:5px 0; font-size:18px; font-weight:bold; color:#000; text-align:center; line-height:24px; font-weight:bold; border-bottom:1px 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;  }

/* submenu */
#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:url(/img/sm_bg.jpg) repeat-y;width:100%; margin:0 0 300px 0; *zoom:1;}
#subMenuText ul{ list-style-type: none;	margin: 0;	padding: 0; list-style-image: none; list-style:none;}
#subMenuText li a{
	display: block;
	background: transparent url(/img/sm_blank.jpg) 100% 0;
	height: 40px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 0 0 0 10px;
	line-height: 40px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
#subMenuText li a:link, #subMenuText li a:visited {
	color: #000;
}
#subMenuText li a:hover{
	color: #f50;
	background-position: 100% -40px;
}
#subMenuText .subMenuTopSelected a{
	background-position: 100% -80px;
	color: #444 !important;
}
#subMenuText .subMenuTopSelected a:hover { color: #f50 !important; }

#subMenuText .subMenuSelected a:link, #subMenuText .subMenuSelected a:visited{
	color: #f50;
	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;
}


#lnb {position:relative; width:100%; background: linear-gradient(45deg,  #58d405 0%,#00a2f8 100%); border-bottom:0px solid #eee; margin-top:0px; z-index:19; }
#lnb:after{ content:""; display:block; clear:both;}
#lnb_wrap { position:relative; width:1400px; margin:auto; }
#lnb .menu{ list-style:none; }
#lnb .menu li{ float:left;  }
#lnb .menu li a{display:block; font-size:22px;line-height:60px;color:#fff; letter-spacing:-0.6px;text-align:center; }
#lnb .menu li a:hover{color:#ff0;}
#lnb .menu li a.selected{color:#ff0;}
#lnb .menu li:first-child a{border-left:0px solid #ddd;}
/*
#lnb .menu li a.selected::after {
  border-color: #4f88c7 transparent;
  border-style: solid;
  border-width: 10px 8px 0px 9px;
  content: '';
  display: block;
  left: 47%;
  position: absolute;
  bottom: -8px;
  width: 0;
  z-index: 1;
}
*/

#lnb .menu.tab1 li{width:100%;}
#lnb .menu.tab2 li{width:50%;}
#lnb .menu.tab3 li{width:33.33333333333333%;}
#lnb .menu.tab4 li{width:25%;}
#lnb .menu.tab5 li{width:20%;}
#lnb .menu.tab6 li{width:16.6666%;}
@media screen and (max-width:1400px) {
#lnb_wrap { width:100%; }
}
@media screen and (max-width:600px) {
#lnb_wrap {

  white-space: nowrap; 
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch; 
  -ms-overflow-style: -ms-autohiding-scrollbar; }

#lnb_wrap::-webkit-scrollbar {
  display: none; }
#lnb_wrap .menu li a { font-size:16px; }
#lnb_wrap .menu { width:100%; }
#lnb_wrap .menu.tab3 { width:100%; }
#lnb_wrap .menu.tab4 { width:400px; }
#lnb_wrap .menu.tab5 { width:660px; }
#lnb_wrap .menu.tab6 { width:770px; }
}



#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; width:100%; margin:0 0 10px 0; 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; }
}

.stabMenu2 { margin:0 0 0px 0; background:url(/img/bg_smenu_tab.jpg); border-bottom:0px solid #ddd; text-align:center; }
.stabMenu2:after{ content:""; display:block; clear:both;}
.stabMenu2 ul{ list-style-type: none;margin:0 !important; padding: 0; list-style-image: none; list-style:none; }
.stabMenu2 ul li a { display:block; margin:0; padding:0 0px; }
.stabMenu2 ul li { float:left; width:50%; margin-bottom:0px; padding:0; height:40px; line-height:40px; background:#f0f0f0; border:0px solid #ddd; }
.stabMenu2 ul li:nth-child(even) { margin-right:0; }
.stabMenu2 ul li.topSelected a { background:#00a2fa; color:#fff; }
.stabMenu2 ul:after{ content:""; display:block; clear:both;}
@media all and (max-width:1025px){
.stabMenu2 ul li a { font-size:16px; }
}

.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 0 10px 0; padding:0; width:100%; text-align:center; background:url('/img/bg_location.jpg'); z-index:2;*zoom:1;}
#siteLocationL {position:relative; margin:0; padding:0;}
#siteLocationR {position:relative; margin:0; padding:0;}
#siteLocationL h3 { padding:0 0 0 0px; font-size:2rem; font-weight:bold; line-height:1.5em;  }
@media all and (max-width:1025px){
#siteLocation { width:95%; margin:0 auto 10px; }
}


#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:40px; background: #00a2fa; padding:50px 0; color:#fff; text-align:center; border-radius:20px;}
#contentBox .contentTitle { position:relative; margin-bottom:10px; padding:5px 0; width:100%; border-bottom:0px solid #ddd;}
#contentBox .contentTitle h2 { padding:0 0 0 0px; font-size:1.4em; line-height:1.4em; }
#contentBox .contentTitle p { margin:0px 0 10px 0; font-size:1.2em; line-height:1.2em; }
#contentBox .contentTitle2 { position:relative; margin-bottom:10px; padding:5px 0; width:100%; border-bottom:1px solid #ddd;}
#contentBox .contentTitle2 h3 { padding:0 0 0 0px; font-size:18px; line-height:24px; }
#contentBox .contentTitle3 { position:relative; margin-bottom:10px; padding:0; width:100%; }
#contentBox .contentTitle3 h2 { padding:0 0 0 0px; font-size:16px; line-height:28px;}
#contentBox .contentText { position:relative; margin:0; padding:0 0px 0px 0px; font-size:14px; line-height:24px;  }
#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 .contentText ul { margin:0 0 0 20px; padding:0 0 0 0; line-height:24px;}
#contentBox .contentText ol { margin:0 0 0 20px; 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}


.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 ul li:nth-child(2n+1) { clear:both; }
.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 { position:relative; padding:0px; border-bottom:1px solid #ddd; font-size:0.8em; }
.sub_imgbox3 ul { list-style:none; margin:0 !important; padding:0 !important; }
.sub_imgbox3 ul li { float:left; position:relative; width:20%; text-align:center; margin-bottom:20px; }
.sub_imgbox3 ul:after{ content:""; display:block; clear:both;}
.sub_imgbox3 ul li div { padding:0px; }
.sub_imgbox3 ul li p { padding:10px; display:block; letter-spacing:-1px; }
.sub_imgbox3 ul li p.sosok { margin-top:5px; height:40px; overflow:hidden; }
.sub_imgbox3 ul li img { border-radius:50%; }
.sub_imgbox3 ul li span { border:1px solid #ccc; font-size:14px; padding:0 5px;}
.sub_imgbox3 .ctitle { position:absolute; top:0; left:0; width:100%; text-align:center; }
.sub_imgbox3 .ctitle span { color:#fff; padding:0 10px; background:#8c000f; border-radius:5px 5px; }
.sub_imgbox3 .ctitle span.joa { background:#8c000f; }
.sub_imgbox3 .ctitle span.bal { background:#215110; }
.sub_imgbox3 .ctitle span.pae { background:#4368d3; }
@media all and (max-width:600px){
.sub_imgbox3 { padding:0px; }
.sub_imgbox3 ul li { width:50%; text-align:center; }
.sub_imgbox3 ul li:nth-child(2n+1) { clear:both;}
.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:nth-child(2n+1) { clear:both;}
.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_circlebox4 { margin:10px 0; padding:20px 0 0 0; width:80%; margin:auto; }
.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 { padding:20px; }
.sub_circlebox4 ul li p { padding:80px 5px 10px 5px; height:100px; color:#1baade; display:block; border:2px solid #1baade !important; background:#fff; border-radius:50%; }
.sub_circlebox4 ul li img { width:50%; }
.sub_circlebox4 ul li span { margin-top:0px; display:block; text-align:center; color:#666; font-size:14px;}
.sub_circlebox4 ul li h3 { background:#3e8905; color:#fff; }
.sub_circlebox4 ul li span.left { text-align:left; padding:10px; }
@media all and (max-width:600px){
.sub_circlebox4 { width:90%; }
.sub_circlebox4 ul li img { width:90%; }
.sub_circlebox4 ul li { float:left; width:50%; text-align:center; margin-bottom:10px; }
.sub_circlebox4 ul li div { padding:5px; }
.sub_circlebox4 ul li span { font-size:13px; letter-spacing:-1px; }
}
@media screen and (min-width:600px) and (max-width:1000px){
.sub_circlebox4 { width:70%; }
.sub_circlebox4 ul li img { width:90%; }
.sub_circlebox4 ul li { float:left; width:50%; text-align:center; margin-bottom:10px; }
.sub_circlebox4 ul li div { padding:5px; }
.sub_circlebox4 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_imgbox5 { padding:0px; }
.sub_imgbox5 ul { list-style:none; margin:0 !important; padding:0 !important; margin-bottom:20px; }
.sub_imgbox5 ul li { float:left; width:20%; text-align:center; }
.sub_imgbox5 ul:after{ content:""; display:block; clear:both;}
.sub_imgbox5 ul li div { padding:20px; }
.sub_imgbox5 ul li p { padding:0px; display:block;}
.sub_imgbox5 ul li img { width:100%; }
.sub_imgbox5 ul li span { margin-top:5px; display:block; text-align:center; font-size:14px;}
.sub_imgbox5 ul li h3 { background:#3e8905; color:#fff; }
.sub_imgbox5 ul li span.left { text-align:left; padding:10px; }
.sub_imgbox5 ul li:nth-child(5n+1) { clear:both;}
@media all and (max-width:600px){
.sub_imgbox5 { padding:0px; }
.sub_imgbox5 ul li { float:left; width:50%; text-align:center; }
.sub_imgbox5 ul li div { padding:10px; }
.sub_imgbox5 ul li p { padding:5px; display:block; }
.sub_imgbox5 ul li:nth-child(5n+1) { clear:none;}
.sub_imgbox5 ul li:nth-child(2n+1) { clear:both; }
}


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



.sub_webzine {position:relative; width:100%; overflow:hidden; margin:0 auto; padding:20px 0;}
.sub_webzine:after{ content:""; display:block; clear:both;}
.sub_webzine ul { list-style:none; margin:0 !important; padding:0 !important; }
.sub_webzine ul:after{ content:""; display:block; clear:both;}
.sub_webzine ul li { float:left; width:50%; text-align:left; margin:0; border-bottom:1px solid #ddd; }
.sub_webzine .sub_webzine_box { padding:40px 0; display:block;overflow:hidden; }
.sub_webzine .sub_webzine_photo { position:relative; float:left; width:30%; height:130px; overflow:hidden;}
.sub_webzine .sub_webzine_photo img { width:100%; vertical-align:top; }
.sub_webzine .sub_webzine_wrap { position:relative; float:right; width:68%; letter-spacing:-0.5px; }
.sub_webzine .sub_webzine_title { font-size:1.2em; line-height:20px; height:40px; overflow:hidden; font-weight:bold; color:#444; }
.sub_webzine .sub_webzine_txt { margin:0 10px; font-size:14px; line-height:20px; }
.sub_webzine .sub_webzine_con { margin:0; height:60px; font-size:14px; line-height:20px; overflow:hidden; }
@media all and (max-width:600px){
.sub_webzine ul li { float:none; width:100%; }
}


.subTabMenu:after{ content:""; display:block; clear:both;}
.subTabMenu {position:relative; margin:0 0 0px 0; padding:0 0 0px 0; border-bottom:0px solid #ddd; z-index:2;*zoom:1;}
.subTabMenu ul { list-style:none; margin:0 !important; padding:0; }
.subTabMenu ul li { float:left; width:33.3333%; text-align:center; margin:0 0px 0px 0; padding:0; border:1px solid #ddd; border-bottom:none; border-left:none;  box-sizing:border-box;}
.subTabMenu ul li:nth-child(3n-2) {border-left:1px solid #ddd;}
.subTabMenu ul li:nth-last-child(-n+3) {border-bottom:1px solid #ddd; }
.subTabMenu ul li a.on { background:#00a2fa; color:#fff}
.subTabMenu ul li a.on:hover, 
.subTabMenu ul li a.on:active,
.subTabMenu ul li a.on:focus{ background:#00a2fa; color:#fff}
.subTabMenu ul li a{  background:#fff; line-height:30px; display:block; padding:10px 20px; font-weight:normal; border-radius:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.subTabMenu ul li a:hover,
.subTabMenu ul li a:active,
.subTabMenu ul li a:focus{ color:#00a2fa}
@media all and (max-width:1025px){
.subTabMenu ul li { float:left; width:33.33%; margin:0; }
.subTabMenu ul li a{ width:100%; font-size:0.8em; display:block; line-height:30px; padding:10px 0; font-weight:normal;}
}

.subTabMenu2:after{ content:""; display:block; clear:both;}
.subTabMenu2 {position:relative; margin:20px 0 0px 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:25%; text-align:center; margin:0 0px 0px 0; padding:0}
.subTabMenu2 ul li a.on { background:#00a2fa; color:#fff}
.subTabMenu2 ul li a.on:hover, 
.subTabMenu2 ul li a.on:active,
.subTabMenu2 ul li a.on:focus{ background:#00a2fa; color:#fff}
.subTabMenu2 ul li a{  background:#f0f0f0; line-height:30px; display:block; padding:10px 10px; font-weight:normal; border-radius:0;}
.subTabMenu2 ul li a:hover,
.subTabMenu2 ul li a:active,
.subTabMenu2 ul li a:focus{ color:#00a2fa}
@media all and (max-width:1025px){
.subTabMenu2 ul li { float:left; width:25%; margin:0; }
.subTabMenu2 ul li a{ width:100%; font-size:0.8em; display:block; line-height:30px; padding:10px 0; font-weight:normal;}
}


.subTabMenu3:after{ content:""; display:block; clear:both;}
.subTabMenu3 {position:relative; margin:0 0 0px 0; padding:0 0 0px 0; border-bottom:0px solid #ddd; z-index:2;*zoom:1;}
.subTabMenu3 ul { list-style:none; margin:0 !important; padding:0; }
.subTabMenu3 ul li { float:left; text-align:center; margin:0 2px 0px 0; padding:0}
.subTabMenu3 ul li a.on { background:#666; color:#fff}
.subTabMenu3 ul li a.on:hover, 
.subTabMenu3 ul li a.on:active,
.subTabMenu3 ul li a.on:focus{ background:#666; color:#fff}
.subTabMenu3 ul li a{  background:#f0f0f0; line-height:20px; display:block; padding:10px 20px; font-weight:normal; border-radius:10px 10px 0 0;}
.subTabMenu3 ul li a:hover,
.subTabMenu3 ul li a:active,
.subTabMenu3 ul li a:focus{ color:#666}
@media all and (max-width:1025px){
.subTabMenu3 ul li a{ font-size:0.9em; }
}




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


.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:0px; 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:19%; margin-right:1.25%; text-align:center; }
.product_smenu_box ul li:last-child { margin-right:0; }
.product_smenu_box ul li div.cat_div1 { margin:auto; margin-bottom:5px;  background:#fafafa;}
.product_smenu_box ul li div.cat_div1 a.cat_view1 { display:block; font-size:16px; padding:5px 5px; border:1px solid #ddd; }
.product_smenu_box ul li div a.ps_selected { background:#802499; 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:32%; margin-right:2%; text-align:center; }
.product_smenu_box ul li:nth-child(3n) { margin-right:0; }
.product_smenu_box ul li div.cat_div1 { }
.product_smenu_box ul li div.cat_div2 { width:118px; }
}

.pview_wrap { position:relative; margin:0px 0 60px 0; }
.pview_wrap:after{ content:""; display:block; clear:both;}

.pview_topleft { position:relative; float:left; width:50%; }
.pview_topright { position:relative; float:left; width:50%; text-align:right;}
@media screen and (max-width:600px){ 
.pview_topleft { position:relative; float:none; width:100%; }
.pview_topright { position:relative; float:none; width:100%; text-align:left;}
}

.pview_jobwrap { position:relative; width:96%; margin:80px auto 100px;  }
.pview_jobwrap:after{ content:""; display:block; clear:both;}
.pview_jobleft { position:relative; float:left; width:32%; margin-right:2%; }
.pview_jobright { position:relative; float:left; width:32%; margin-right:2%; }
.pview_jobcom { position:relative; float:right; width:32%;  }
@media screen and (max-width:1023px){ 
.pview_jobleft { position:relative; float:left; width:49%; margin-right:2%; }
.pview_jobright { position:relative; float:left; width:49%; margin-right:0%; margin-bottom:40px; }
.pview_jobright:after{ content:""; display:block; clear:both;}
.pview_jobcom { position:relative; float:none; width:100%; }
}
@media screen and (max-width:600px){ 
.pview_jobleft { position:relative; float:none; width:100%;margin-right:0%; margin-bottom:40px; }
.pview_jobright { position:relative; float:none; width:100%; margin-right:0%; margin-bottom:40px;  }
.pview_jobcom { position:relative; float:none; width:100%;margin-right:0%; }
}

.pview_submitleft { position:relative; float:right; width:20%; text-align:left;  }
.pview_submitright { position:relative; float:left; width:75%; }
.pview_submitleft .countdown { font-size:1.5em; margin:20px 0; font-weight:600; color:#1771b9; }
@media screen and (max-width:800px){ 
.pview_submitleft { position:relative; float:none; width:100%; }
.pview_submitright { position:relative; float:none; width:100%; }
}

.pview_resumebtn { position:relative; margin:0 0 10px 0; }
.pview_resumebtn:after{ content:""; display:block; clear:both;}
.pview_resumebtn1 { position:relative; float:left; width:55%; }
.pview_resumebtn2 { position:relative; float:left; width:100%; }


.pview_left { position:relative; float:left; width:30%; text-align:center;  }
.pview_right { position:relative; float:right; width:70%; }
.pview_right h3 { font-size:1.3em; }
.pview_right p.title { font-size:0.9em; }
.pview_right p.txt { font-size:1.1em; }

.pview_right dl:after{ content:""; display:block; clear:both;}
.pview_right dl dt { float:left; width:15%; text-align:center; margin-bottom:10px; }
.pview_right dl dt p { padding:5px; border-radius:5px; border:1px solid #ddd; box-sizing:border-box; }
.pview_right dl dd { float:right; width:83%; border:1px solid transparent; margin-bottom:10px; }
.pview_right dl dd p { padding:5px; }
.pview_right dl dt{ content:""; display:block; clear:both;}
.pview_right a.map_view { padding:0px 6px; border-radius:3px; background:#00a2fa; color:#fff; font-size:14px; }

.pview_wrap .gallery ul { list-style:none; }
.pview_wrap .gallery ul li { float:left; width:20%; }
.pview_wrap .gallery ul li p { margin:2px; }
.pview_wrap .gallery ul li img { vertical-align:top; }

@media all and (max-width:1025px){
.pview_left { position:relative; float:none; width:100%; margin-bottom:20px;  text-align:center; }
.pview_right { position:relative; float:none; width:100%; }
.pview_right dl dt { width:25%; }
.pview_right dl dd { width:70%; }
}

@media all and (max-width:600px){
.pview_wrap .gallery ul li { float:left; width:50%; margin-bottom:10px; }
.pview_wrap .gallery ul li:nth-child(2n+1) { clear:both;}
}



.rview_wrap { position:relative; margin:30px 0 60px 0; }
.rview_wrap:after{ content:""; display:block; clear:both;}
.rview_left { position:relative; float:left; width:20%; text-align:center;  }
.rview_left img.rphoto { width:auto; }
.rview_right { position:relative; float:right; width:78%; }
.rview_right h3 { font-size:1.3em; }
.rview_right p.title { font-size:0.9em; }
.rview_right p.txt { font-size:1.1em; }
@media all and (max-width:600px){
.rview_left img.rphoto { width:200px; }
.rview_left { float:none; width:100%; margin-bottom:20px;  text-align:center; }
.rview_right { 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;  }


.online_jiwon  { position:relative; margin:0 auto; padding:20px 0px; text-align:center; overflow:hidden;  }
.online_jiwon a { animation: onlinecolor 3s infinite linear; display:block; background:#fa5659; color:#fff; padding:20px 0; font-weight:bold; font-size:20px;  }
.online_jiwon a:link,
.online_jiwon a:visited,
.online_jiwon a:active { color:#fff}
.online_jiwon a:hover { background:#00a2fa; animation-play-state:paused;}
@keyframes onlinecolor {
  0%   { background: #fa5659; }
  50%  { background: #fa0; }
  100% { background: #fa5659; }
}

.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 15px 5px 15px; color:#fff; text-decoration:none !important; background:#00a2fa; font-weight:normal; }
a.vbtn:link,
a.vbtn:visited,
a.vbtn:active { color:#fff !important; }
a.vbtn:hover { color:#fff !important; background:#03a6e2}

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:15px 5px 15px 5px; border-bottom:solid 1px #dddddd; font-size:0.9em;}
.vdb_wline {padding:10px;border-bottom:solid 1px #dddddd;}
.vdb_wtitle {height:30px; padding:10px 0; font-weight:normal; font-size:14px; letter-spacing:-1px; text-align:center;}
@media all and (max-width:1025px){
.vdb_line { font-size:14px; }
.vdb_view { font-size:14px; }
}

.vdb_bar_num {font-size:12px;color:#000; padding:5px 0; border-top:1px solid #aaa; border-bottom:1px solid #ddd; }
.vdb_bar_title {font-size:12px;color:#000; padding:5px 0; border-top:1px solid #aaa; border-bottom:1px solid #ddd; }
.vdb_bar_last {font-size:12px;color:#000; padding:5px 0; border-top:1px solid #aaa; border-bottom:1px solid #ddd; }

/* 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 15px; color:#aaa; text-decoration:none; border:1px solid #e1e1e1; background-color:#fafafa; font-size:14px;}
.current_page {display:inline-block; margin-right:5px; padding:8px 15px; color:#f50; text-decoration:none; border:1px solid #e1e1e1; background-color:#fff; font-size:14px; font-weight:bold;}
.next_page, .prev_page {display:inline-block; color:#ccc; border:1px solid #fff; position:relative; top:1px; _top:-1px; font-size:14px;}
.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;}
.direct_page, .current_page, .next_page, .prev_page { border-radius:10px; }

.vdform { display:flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; position:relative; margin:0 0 0 0; padding:20px; border-bottom:1px solid #ddd; box-sizing: border-box; *zoom:1; }
.vdform:after{ content:""; display:block; clear:both;}
.vdform .vdform_input1 { flex:0 0 1; width:20%; text-align:center; padding:5px 0; font-weight:bold; }
.vdform .vdform_input2 { flex:0 0 1; width:80%;  }
.vdform .botline { border-bottom:1px solid #eee; }
.vdform .vd_checkview { margin-bottom:10px; color:#00a2fa; font-size:16px;}
.vdform a.remove { padding:0 5px; margin:0 0 0 3px; border:1px solid #ddd; font-size:12px; line-height:12px; border-radius:4px;}
.vdform .require { border:1px solid #f50 !important; }
.vdform ul.jobtable { list-style:none; margin-bottom:10px; }
.vdform ul.jobtable:after{ content:""; display:block; clear:both;}
.vdform ul.jobtable li { display:block; float:left; width:33.33%; margin-bottom:3px; }
@media screen and (max-width:900px){
.vdform ul.jobtable li { float:none; width:100%;  }
}
@media screen and (max-width:600px){
.vdform { padding:10px 0px; display:block; }
.vdform .vdform_input1 { width:100%; text-align:left;  }
.vdform .vdform_input2 { width:100%;  }
}


input::placeholder{
	color: #666;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="checkbox"]{
border: 1px solid #aaa;
}

textarea { font-family:'Noto Sans KR'; }
textarea:focus { border:1px solid #aaa; }
textarea::placeholder{
	color: #999; 
	font-family:'Noto Sans KR';
}

input[type="checkbox"]{
        width:0 !important;
		height:0 !important;
		margin:0; padding:0;
		display:none;
      }
input[type="checkbox"] + label{
        display: inline-block;
        padding:5px; margin:0 0 5px 0; border-radius:5px; background:#fff;
		border:1px solid #00a2fa;
        position: relative;
		cursor: pointer;
		font-size:16px; 
      }
input[type="checkbox"]:checked + label{
         background:#00a2fa;
		 color:#fff;
      }
@media screen and (max-width:600px){
input[type="checkbox"] + label{ padding:2px; font-size:14px; letter-spacing:-1px; }
}

input.no_change + label{
	background:#fff !important;
	color:#444 !important;
}

input[type="radio"] {
  vertical-align: middle;
  appearance: none;
  border: max(2px, 0.1em) solid gray;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
  transition: border 0.1s ease-in-out;
  margin:10px 5px;
}
input[type="radio"] + label {
	cursor:pointer;
	vertical-align: middle;
}

input[type="radio"]:checked {
  background: #00a2fa;
}

input[type="radio"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) dotted #00a2fa;
}

input[type="radio"]:hover {
  box-shadow: 0 0 0 max(2px, 0.2em) lightgray;
  cursor: pointer;
}

input[type="radio"]:disabled {
  background-color: lightgray;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

input[type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}


input.searchbox[type="radio"] {
  vertical-align: middle;
  appearance: none;
  border: max(2px, 0.1em) solid #444;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
  transition: border 0.1s ease-in-out;
  margin:10px 2px;
}
input.searchbox[type="radio"]:checked {
  border: 0.4em solid #444;
}
input.searchbox[type="radio"] + label { color:#444; font-size:14px; }


input.searchbox2[type="radio"] {
  vertical-align: middle;
  appearance: none;
  border: max(2px, 0.1em) solid gray;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
  transition: border 0.1s ease-in-out;
  margin:10px 2px;
}
input.searchbox2[type="radio"]:checked {
  border: 0.4em solid #00a2fa;
}
input.searchbox2[type="radio"] + label { color:#444; font-size:14px; }


input[type="file"] { height:42px; font-size:12px; }
@media screen and (max-width:600px){
input[type="file"] { width:70%; }
}




ul.vd_checkboxlist { list-style:none; border-bottom:1px solid #ddd; width:100%;}
ul.vd_checkboxlist li { float:left; width:20%;}
ul.vd_checkboxlist after{ content:""; display:block; clear:both;}
@media screen and (max-width:600px){
ul.vd_checkboxlist li { float:left; width:33.33%;}
ul.vd_checkboxlist li:nth-child(3n):after{ content:""; display:block; clear:both;}
}


ul.vd_checkboxlistca { list-style:none; border-bottom:1px solid #ddd;  width:100%;}
ul.vd_checkboxlistca li { float:left; width:25%;}
ul.vd_checkboxlistca:after{ content:""; display:block; clear:both;}
@media screen and (max-width:600px){
ul.vd_checkboxlistca li { float:left; width:50%;}
ul.vd_checkboxlistca li:nth-child(2n):after{ content:""; display:block; clear:both;}
}


ul.vd_checkboxlist2 { list-style:none; margin:0; padding:0; display:inline-block; }
ul.vd_checkboxlist2 li { float:left; }
ul.vd_checkboxlist2:after{ content:""; display:block; clear:both;}
@media screen and (max-width:600px){
}

ul.area_category { list-style:none; }
ul.area_category > li { margin:0 0 50px 0; text-align:center; font-weight:bold; }
ul.area_category > li > h3 { border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:15px; }
ul.area_category > li > ul { list-style:none; }
ul.area_category > li > ul > li { float:left; width:20%; font-weight:normal; margin-bottom:10px; letter-spacing:-0.5px; }
ul.area_category:after{ content:""; display:block; clear:both;}
ul.area_category > li > ul:after{ content:""; display:block; clear:both;}
@media screen and (max-width:600px){
ul.area_category > li { margin:0 0 30px 0; }
ul.area_category > li > ul > li { float:left; width:33.33%; letter-spacing:-1px; font-size:15px; }
ul.area_category > li > ul > li:nth-child(3n):after{ content:""; display:block; clear:both;}
}

ul.jik_category { list-style:none; }
ul.jik_category > li { margin:0 0 50px 0; text-align:center; font-weight:bold; }
ul.jik_category > li > h3 { border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:15px; }
ul.jik_category > li > ul { list-style:none; }
ul.jik_category > li > ul > li { float:left; width:20%; font-weight:normal; margin-bottom:10px; letter-spacing:-0.5px;  }
ul.jik_category:after{ content:""; display:block; clear:both;}
ul.jik_category > li > ul:after{ content:""; display:block; clear:both;}
@media screen and (max-width:600px){
ul.jik_category > li { margin:0 0 30px 0; }
ul.jik_category > li > ul > li { float:left; width:50%; letter-spacing:-1px; font-size:16px; }
ul.jik_category > li > ul > li:nth-child(2n):after{ content:""; display:block; clear:both;}
}

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

.box
{
    border: 1px solid #666;
	background: #FFF;
    font-size: 18px;
	padding:10px;
	box-sizing : border-box;
	line-height:20px;
	vertical-align:top;
	outline:none;
}
.selbox
{
    border: 1px solid #666;
	background: #FFF;
    font-size: 16px;
	padding:11px;
	box-sizing : border-box;
	line-height:20px;
	vertical-align:top;
}
.selbox100
{
    border: 1px solid #666;
	background: #FFF;
    font-size: 16px;
	padding:11px;
	box-sizing : border-box;
	line-height:20px;
	vertical-align:top;
	width:100%;
}


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


.btn
{
	FONT-SIZE: 14px;
	line-height:20px;
    font-weight: bold;
    LETTER-SPACING: -0.5px;
    color: #000444;
    background: #f0f0f0;
    height: 18px;
    margin: 0px;
    padding: 0px 5px;
    border: 1px solid #777;
	border-radius:10px;
	cursor: pointer;
}

.btn50
{
	FONT-SIZE: 16px;
    font-weight: bold;
    LETTER-SPACING: -0.5px;
    color: #ffffff;
	line-height:40px;
    background: #00a2fa;
    height: 40px;
    width: 50px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
	border-radius:20px;
}

.btn80
{
    FONT-SIZE: 16px;
    font-weight: bold;
    LETTER-SPACING: -0.5px;
    color: #ffffff;
	line-height:40px;
    background: #00a2fa;
    height: 40px;
    width: 80px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
	border-radius:20px;
}

.btn100
{
	FONT-SIZE: 16px;
    font-weight: bold;
    LETTER-SPACING: -0.5px;
    color: #ffffff;
	line-height:40px;
    background: #00a2fa;
    height: 40px;
    width: 100px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
	border-radius:20px;
}

.btn150
{

    FONT-SIZE: 16px;
    font-weight: bold;
    LETTER-SPACING: -0.5px;
    color: #ffffff;
	line-height:40px;
    background: #00a2fa;
    height: 40px;
    width: 150px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
	border-radius:20px;
}

.btn200
{

    FONT-SIZE: 16px;
    font-weight: bold;
    LETTER-SPACING: -0.5px;
    color: #ffffff;
	line-height:40px;
    background: #00a2fa;
    height: 40px;
    width: 200px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
	border-radius:20px;
}

.btn300
{

    FONT-SIZE: 16px;
    font-weight: bold;
    LETTER-SPACING: -0.5px;
    color: #ffffff;
	line-height:40px;
    background: #00a2fa;
    height: 40px;
    width: 300px;
    margin: 0px;
    padding: 0px;
	cursor: pointer;
    border: none;
	border-radius:20px;
}

a.btn_reply_write { display:inline-block; border-radius:10px; 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; border-radius:10px; 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;
}


.subBoardMenu:after{ content:""; display:block; clear:both;}
.subBoardMenu {position:relative; margin:0 0 20px 0; padding:0 0 0px 0; border-bottom:0px solid #154a8c; z-index:2;*zoom:1;}
.subBoardMenu ul { list-style:none; margin:0 !important; padding:0; }
.subBoardMenu ul li { float:left; width:33.33%; text-align:center; background:#f0f0f0; margin:0 0px 0px 0; padding:0}
.subBoardMenu ul li a.on { background:#00a2fa; color:#fff}
.subBoardMenu ul li a.on:hover, 
.subBoardMenu ul li a.on:active,
.subBoardMenu ul li a.on:focus{ background:#00a2fa; color:#fff}
.subBoardMenu ul li a{  line-height:40px; display:block; padding:0px 0; font-weight:normal; letter-spacing:-1px;}
@media all and (max-width:1025px){
.subBoardMenu ul li { float:left; width:33.33%; margin:0; }
.subBoardMenu ul li a{ font-size:16px; }
}


/* 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;}
.ui-datepicker-prev, .ui-datepicker-prev:hover { background:url('/img/btn_gallery_prev.png') no-repeat 12px;  }
.ui-datepicker-next, .ui-datepicker-next:hover { background:url('/img/btn_gallery_next.png') no-repeat 12px;  }


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


#map_kakao .wrap {position: absolute;left: 0; bottom: -40px;width: 80px;height: 80px;margin-left: -20px;text-align: left;overflow: hidden; }
#map_kakao .wrap * {padding: 0;margin: 0;}
#map_kakao .wrap .title { width:40px; height:40px; font-size:16px;line-height:40px; text-align:center; background:rgba(23,113,185,.8); color:#fff; font-weight:bold; border-radius:50%;}
#map_kakao .wrap .title a { color:#fff; display:block; }
#map_kakao .wrap .title a:hover { color:#000; }

#map_search { position:absolute; background:#fff; top:5px; left:0px; right:0; width:96%; margin:auto; padding:10px; border:solid 1px #ddd; box-sizing:border-box; z-index:1000; }
#map_list { display:flex; flex-wrap: wrap;}
#map_list .maplist { position:relative; flex:0 1 auto; cursor:pointer; margin-right:5px;}
#map_list .maplist .maplist_title { font-weight:bold; font-size:14px; line-height:16px; padding:3px 0; }
#map_list .maplist span { font-size:14px; font-weight:normal; color:#00a2fa; }


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

.areamap_wrap { position:relative; margin:0; padding:0; font-size:1rem; }
.areamap_land { position:relative; height:601px; margin:0; padding:0; overflow:hidden; }
.root_daum_roughmap { margin:0 auto; padding:0; width:100% !important; height:100% !important; border:0; }
.root_daum_roughmap .wrap_map{ height:600px !important; }
.areamap_box { position:absolute; left:0%;top:0; width:20%; height:100%; background:#00a2fa; color:#fff; z-index:4;}
.areamap_txt { padding:15% 10%; word-break:break-all; }
.areamap_txt a { color:#fff; }
.areamap_txt p.title { font-weight:bold; font-size:1.2em; }
@media all and (max-width:1024px){
.areamap_land { height:401px; }
.root_daum_roughmap .wrap_map{ height:400px !important;}
}
@media all and (max-width:800px){
.areamap_land { height:301px; }
.root_daum_roughmap .wrap_map{ height:300px !important;}
.areamap_box { position:relative; left:0%;top:0; width:100%; height:100%; background:#00a2fa; color:#fff; z-index:4;}
.areamap_txt { padding:5%;}
}



.datepicker { font-size:14px !important; }
.vd_line_plus { display:none; }
.vd_line_pc { display:block; }
@media screen and (max-width:1025px){
.board_photo { width:100%; }
.vcenter img, .contentText img { width:100%; }
.vd_line_plus { display:block; }
.vd_line_pc { display:none; }
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%; }
}

.agree_title { margin:0 0 30px 0; border-top:2px solid #666; border-bottom:1px solid #666; }
.agree_title h3 { text-align:center; background:#eee; border-bottom:1px solid #666;margin:0 0 10px 0; padding:10px 0 3px 0; }
.agree_title p { padding:5px 0; }

.argeebox3 { position:relative; padding:10px 0;  }
.argeebox3 span { margin:auto; font-size:20px; line-height:20px; color:#fff; background:#ef8729; padding:5px 15px; border-radius:20px; }
.argeebox3 ul { list-style:none; margin:0 !important; padding:0 !important; }
.argeebox3 ul li { position:relative; float:left; width:25%; text-align:center; margin-bottom:20px; }
.argeebox3 ul li:after {display:block;position:absolute;top:15%; left:-2%; content: url('/img/btn_gallery_next.png');}
.argeebox3 ul li:nth-child(1):after {display:none;}
.argeebox3 ul li:last-child { margin-right:0%; }
.argeebox3 ul:after{ content:""; display:block; clear:both;}
.argeebox3 ul li p { border:1px solid #666; margin-bottom:30px;}
.argeebox3 ul li div { margin-top:-10px; line-height:30px; letter-spacing:-1px; padding:20px !important;  }
@media all and (max-width:768px){
.argeebox3 { padding:0px; }
.argeebox3 ul li { width:50%; }
}

.agree_sign { position:relative; padding:0px 0;  }
.agree_sign:after{ content:""; display:block; clear:both;}
.agree_sign1 { position:relative; float:right; width:45%; }
.agree_sign2 { position:relative; float:left; width:45%; }
@media all and (max-width:768px){
.agree_sign1 { float:none; width:100%; margin-bottom:20px;}
.agree_sign2 { float:none; width:100%; }
}

.vtitle { border-bottom:2px solid #666; }