@charset "utf-8";
/* by WEBsiting.co.kr 2016-06-23 */
/* 초기화 */
html {width:100%; height:100%;}
body {margin:0;padding:0;font-size:0.75em;font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic';width:100%; height:100%;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#topAr{position:absolute; left:0px; top:100px;}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}
.clb{clear:both;}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:980px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#header {z-index:4;position:fixed;height:70px;top:0px;left:0px;width:100%;min-width:1100px;background:URL('../img/gnbOnbg2.png') repeat; z-index:999999999;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#header.scDown{background:url('../img/gnbOnbg2.png') repeat #fff;border-bottom:1px solid #efefef; 
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#header:hover{background:url('../img/gnbOnbg2.png') repeat #fff; 
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.hd_zindex {z-index:10 !important}
#header.msOn{height:220px;background:#000 !important;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:0;width:1100px;height:25px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {position:absolute; left:50px; top:-1px; z-index:99999}
#logo img{width:auto;height:70px;}

/* 상단 회원가입 등 링크 */
#tnb {position:absolute; right:0px; top:0px;margin:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 -1px;border:1px solid #e1e1e1;border-top:0px;}
#tnb a {display:block; color:#000;line-height:22px;font-weight:bold;}
#tnb a span{display:block;padding:0 15px 0 30px;}
#tnb .tsns a{display:block; height:22px; background: #f5f5f5; overflow:hidden;font-family:verdana;font-size:10px;color:#666;}
#tnb .tsns a:hover{color:#000;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
#tnb .bs_facebook a{background:URL('../img/icoFacebook.gif') no-repeat 5px top #f5f5f5;}
#tnb .bs_facebook a:active,#tnb .bs_facebook a:focus,#tnb .bs_facebook a:hover{background-position:5px bottom;}
#tnb .bs_blog a{background:URL('../img/icoBlog.gif') no-repeat 5px top #f5f5f5;}
#tnb .bs_blog a:active,#tnb .bs_blog a:focus,#tnb .bs_blog a:hover{background-position:5px bottom;}
#tnb .bs_mail a{background:URL('../img/icoMail.gif') no-repeat 5px top #f5f5f5;}
#tnb .bs_mail a:active,#tnb .bs_mail a:focus,#tnb .bs_mail a:hover{background-position:5px bottom;}
#tnb .bs_tel a span{padding-left:15px;}

/* GNB */
#gnbAR{position:relative; height:45px;min-width:1100px; width: 100%; }
.gnbAR {min-width: 1100px; width: 100%; height:45px; overflow:hidden; position:relative;  top:0px; left:0; z-index:10000}
.gnbAR .gnbWrap{position:absolute; top:0px; z-index:10000; height:45px; margin: 0 auto; overflow: hidden; position:relative;  width:1100px; padding-top:0px; z-index:10000;}
#gnbAR:hover,
#gnbAR:hover .gnbAR,
#gnbAR:hover .gnbAR .gnbWrap{height:220px;}
	.gnb{width:800px; z-index:10000; float:right ; height:45px}
	.gnb a.dep1{font-size:16px; color:#fff; font-weight:bold;  height:45px; text-align:center;}
	.gnb a.dep1 strong{display:block; margin:0 auto; text-align:center;padding:10px 0 0 0; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic';font-weight:bold; font-size:15px; color:#002344;}
	.gnbAR .gnbWrap li:hover  a.dep1 strong{color:#2c77bd;}
	
	.gnbAR .gnbWrap:hover{height:300px;}
	.gnb ul{overflow:hidden; width:100%; height:220px}
	.gnb ul li{float:left; height:220px; text-align:center; overflow:hidden;}
	.gnb ul li.m01{width:140px;}
	.gnb ul li.m02{width:185px;}
	.gnb ul li.m03{width:190px;}
	.gnb ul li.m04{width:140px;}
	.gnb ul li.m05{width:140px;}
	.gnb ul li a.dep1{display:block; position:relative;width:100%; text-align:center;}
	.gnb ul li:hover a.dep1{color:#fff;}
	.gnb ul li a.dep1 b{display:block; width:100%; height:15px; 
	background:url('../img/gnb_arr.png') no-repeat center 30px; position:absolute; left:0px; bottom:-7px; z-index:10004;
		-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.gnb ul li:hover a.dep1 b{background:url('../img/gnb_arr.png') no-repeat top center;
		-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.gnbAR .gnbWrap .dep2{overflow:hidden; height:0px; display:block; padding:0 0 ; margin:10px 0 0 0px;  position:relative; visibility:visible;}
.gnbAR .gnbWrap:hover li .dep2{height:120px;padding-top:10px;
		-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.gnbAR .gnbWrap li.on .dep2 a.off:hover{background:#018f48; color:#fff; vertical-align:top;}
.gnbAR .gnbWrap li .dep2 a{display:block; padding-left:8px; height:30px; line-height:30px; text-align:left;  font-size:13px; font-weight:normal !important;}
.gnbAR .gnbWrap li .dep2 a:link,
.gnbAR .gnbWrap li .dep2 a:visited{color:#666; font-weight:normal;
		-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.gnbAR .gnbWrap li .dep2 a:hover,
.gnbAR .gnbWrap li .dep2 a:active,
.gnbAR .gnbWrap li .dep2 a:focus{background:#2c77bd; color:#fff; font-weight:bold;
		-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.gnbSub_bg{display:; background:url('../img/gnbOnbg2.png') repeat; position:absolute; top:45px; left:0; height:140px; width:100%; z-index:9999; border-bottom:1px solid #ddd;}


/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:980px;zoom:1;background:#fff; margin-top:0px;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

.subTop{width:100%;min-width:1100px; background-color:#f0f5f9;height:219px;text-align:center;background-size:auto 100%;background-repeat:repeat-x;border-bottom:1px solid #dde4e9;
		height:210px;overflow:hidden;}
.subTop img{margin-top:10px;}
.subtop01{background:URL(../img/subtoppbg.png) center -3px #2c77bd;}
.subtop02{background:URL(../img/subtoppbg.png) center -3px #193055;}
.subtop03{background:URL(../img/subtoppbg.png) center -3px #f15c19;}
.subtop05{background:URL(../img/subtoppbg.png) center -3px #2cbe80;}
.subtop0{background:URL(../img/subtoppbg.png) center -3px #666;}


#aside {float:left;margin:0 0 0 -1px;width:188px;background:#fff}
#aside dl{margin:0px; padding:0px;}
#aside dl dt{margin:0px; padding:0px;background:#f0f4f8;position:relative;height:187px; text-align:center;font-weight:bold;border-bottom:1px solid #e0e0e0;}
#aside dl dt small{display:block;padding:80px 0 8px;width:100%; text-align:center;font-size:11px; color:#878787;}
#aside dl dt b{display:block;width:100%; text-align:center;font-size:24px; color:#000;}
#aside dl dd{margin:0px; padding:0px; width:188px; overflow:hidden;}
#aside dl dd ul{margin:0px; padding:0px; list-style:none;overflow:hidden;border-bottom:1px solid #e0e0e0;}
#aside dl dd ul li{margin:0px; padding:0px;margin-top:-1px;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#aside dl dd ul li:hover{background:#f1f1f1;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#aside dl dd ul li:hover a span{border-top:1px solid #f1f1f1;}
#aside dl dd ul li a{display:block; padding:0 25px;cursor:pointer;overflow:hidden;}
#aside dl dd ul li a:link,
#aside dl dd ul li a:visited{color:#666;}
#aside dl dd ul li a:hover,
#aside dl dd ul li a:focus,
#aside dl dd ul li a:active{color:#000;}
#aside dl dd ul li a span{display:block; padding:20px 0; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; font-weight:bold; font-size:14px;text-align:right;border-top:1px dashed #cccccc;}
#aside dl dd ul li a span b{font-weight:normal; color:#999;}
#aside dl dd ul li ul{background:#fcfcfc; text-align:right;border-bottom:0px;border-top:1px dotted #dddddd;overflow:hidden;}
#aside dl dd ul li ul li{border-left:0px !important;margin-top:-1px;}
#aside dl dd ul li ul li a{padding:0 25px; line-height:1.4em;font-weight:normal; font-size:11px;}
#aside dl dd ul li ul li a b{font-weight:normal;display:block;border-top:1px dashed #dddddd;padding:12px 0;}
#aside dl dd ul li ul li:hover a{background:#eaeaea;}

#aside dl.sm0  dt small,
#aside dl.sm02  dt small,
#aside dl.sm03  dt small{padding-top:60px;}

#aside dl.sm02 dt{background:#f0f2f9 ;}
#aside dl.sm03 dt{background:#fcf4ed ;}
#aside dl.sm05 dt{background:#f0f9f5 ;}


#container {position:relative;float:left;padding:40px;width:705px;min-height:500px;height:auto !important;height:500px;border-left:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}

#container_title {margin:10px 0 60px 0;}
#container_title h2{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; font-size:32px; font-weight:bold; color:#333; margin:0px; padding:20px 0 5px 0;}
#container_title p{position:absolute; right:40px; top:40px; font-size:11px; color:#c9c9c9; text-align:right; margin:0px; padding:0px;}
#container_title p b{display:inline-block; padding:0 5px; color:#999;}
#container_title p strong{display:inline-block; padding:0 0 0 5px; color:#999;}
#container_title span{font-weight:bold; font-size:11px; color:#999;}

.btn_leftmapnmail{overflow:hidden;padding-top:10px !important;}
.btn_leftmapnmail a{display:block; margin:10px;height:32px; line-height:32px; text-align:right;padding:0 20px;border:1px solid #94c1eb;border-radius:30px;-webkit-appearance:30px;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;
		-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.btn_leftmapnmail a:hover{filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;
		-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.btn_leftmapnmail a.btn_leftmap{ background:URL('../img/btn_leftmap.png') no-repeat left center;}
.btn_leftmapnmail a.btn_leftmail{background:URL('../img/btn_leftmail.png') no-repeat left center;}

.sm02 .btn_leftmapnmail a{border:1px solid #193055 ;}
.sm03 .btn_leftmapnmail a{border:1px solid #f15c19 ;}
.sm05 .btn_leftmapnmail a{border:1px solid #2cbe80 ;}

/* 하단 레이아웃 */
#footer {width:100%; min-width:1100px; text-align:center;margin:0 auto; background:#4b5258; border-top:1px solid #ececec;}
.ftbtn{width:980px;margin:0 auto; height:65px; overflow:hidden; border-bottom:1px solid #ececec;}
.ftbtn a{display:block; float:left;margin-top:-1px;}
.ftbtn a:link,
.ftbtn a:visited{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
.ftbtn a:hover,
.ftbtn a:active,
.ftbtn a:focus{filter:Alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;}
.ftcustomerWrap{width:100%;text-align:center;border-bottom:1px solid #d5d5d5;background:#fff;}
.ftcustomer{width:980px; margin:0 auto; height:78px; overflow:hidden;  text-align:center; background:#fff;position:relative;}
.copynaddress{width:980px; margin:0 auto; text-align:left; position:relative;}
.copynaddress .bottomlogo{display:block; position:absolute; left:0px; top:34px;}
.copynaddress address{font-style:normal;padding:34px 0 34px 220px; font-size:11px; color:#b1b8bf; line-height:1.8em;}
.copynaddress address u{display:inline-block; text-decoration:none; padding:0 5px; color:#666c72; font-weight:normal}
.copynaddress address a{font-weight:bold;}
.copynaddress address a:link,
.copynaddress address a:visited{color:#b1b8bf;}
.copynaddress address a:hover,
.copynaddress address a:active,
.copynaddress address a:focus{color:#fff; text-decoration:none;}
.copynaddress address span{display:block;padding-top:5px;}
.copynaddress address b{font-family:verdana; font-size:8px;display:block;padding-top:5px; color:#7e8387;}
.copynaddress address b a:link,
.copynaddress address b a:visited,
.copynaddress address b a:hover{color:#7e8387;}
.copynaddress .relatedsite{position:absolute; right:20px; top:34px; width:180px;background:#fff;}
.copynaddress .relatedsite dl{margin:0px; padding:0px; position:relative;}
.copynaddress .relatedsite dl dt{ height:30px; width:180px;}
.copynaddress .relatedsite dl dt  a{display:block; color:#999;  padding:0 64px 0 10px; height:30px; line-height:30px; background:URL('../img/ico_relsite.gif') no-repeat center right;}
.copynaddress .relatedsite dl dt a:link,
.copynaddress .relatedsite dl dt a:visited{color:#999;border:1px solid #ccc;}
.copynaddress .relatedsite dl dt a:hover,
.copynaddress .relatedsite dl dt a:active,
.copynaddress .relatedsite dl dt a:focus{color:#666;border:1px solid #333; text-decoration:none;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.copynaddress .relatedsite dl:hover dd{display:block;position:absolute; right:0px; bottom:-2px;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.copynaddress .relatedsite dl dd{display:none;margin:0px; padding:10px 0 0 0; position:absolute; right:0px; bottom:-20px; width:220px; overflow:hidden; border:1px solid #333; background:#fff; z-index:9999; text-align:center;}
.copynaddress .relatedsite dl dd a{display:block; color:#999;  padding:0 5px 0 10px; height:26px; line-height:26px; width:180px; margin:0 auto;text-align:left;font-family:'verdana','Nanum Gothic', '나눔고딕', 'Malgun Gothic', '나눔고딕'; font-size:10px;  font-weight:bold;}
.copynaddress .relatedsite dl dd a:link,
.copynaddress .relatedsite dl dd a:visited{color:#999;border-bottom:1px solid #e1e1e1;}
.copynaddress .relatedsite dl dd a:hover,
.copynaddress .relatedsite dl dd a:active,
.copynaddress .relatedsite dl dd a:focus{background:#0974be;color:#fff;border-bottom:1px solid #0974be;text-decoration:none;}
.copynaddress .relatedsite dl dd b{display:block; color:#000;  padding:10px 5px 0 10px; height:26px; line-height:26px; width:180px; margin:0 auto;text-align:left; font-weight:bold;border-bottom:1px solid #e1e1e1;}
.copynaddress .relatedsite dl dd div span{display:block; color:#999;  padding:0 84px 0 10px; height:30px; line-height:30px; background:URL('../img/ico_relsite.gif') no-repeat center right;}

.bottomSitemapWrap{width:100%;overflow:hidden;text-align:center;background:#e2e6ea;padding:38px 0;}
.bottomSitemap{width:980px;overflow:hidden;margin:0 auto;}
.bottomSitemap dl{width:20%;float:left;border-right:1px solid #ebeef0; border-left:1px solid #cbcfd2; text-align:left;padding-bottom:10px;}
.bottomSitemap dl.first{border-left:0px;}
.bottomSitemap dl.last{border-right:0px;width:19%;}
.bottomSitemap dl a{padding:5px 10px 5px 18px;display:block;font-size:11px;}
.bottomSitemap dl dt{padding:0px; margin:0px;}
.bottomSitemap dl dt a{padding:10px 10px 10px 18px;font-size:14px;}
.bottomSitemap dl dt a:link,
.bottomSitemap dl dt a:visited{color:#5a5c5e;}
.bottomSitemap dl dt a:hover{color:#000;}
.bottomSitemap dl dd{padding:0px; margin:0px;}
.bottomSitemap dl dd a:link,
.bottomSitemap dl dd a:visited{color:#797b7c;}
.bottomSitemap dl dd a:hover{color:#000;}


/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#045e9c}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#002e61;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#002e61;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#045e9c;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#002e61;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #ff8400;background:#ff8400;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background:#f8f8f9;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background:#f8f8f9;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #eeeeee;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}
.txt_active {color:#5d910b}
.txt_done {color:#ff8400}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}
.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#002e61;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#002e61;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 내용관리 */
#ctt {margin:0px 0;padding:0px;}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px 0}
.ctt_img {text-align:center}

/* 검색결과 색상 */
.sch_word {color:#045e9c}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#eeeeee;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* 컨텐츠 관련 */
.topment{width:100%; height:90px; top:0px; left:0px; border-bottom:1px solid #ddd; background-color:#fff; text-align:center;}
.topment h1{font-family:batangche,'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕',gulim; font-size:32px; margin:0px; padding:0px; height:50px; line-height:50px; color:#000e48;}
.topment p{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕',gulim; font-size:12px; margin:0px; padding:0px; line-height:1.2em; color:#999;}
.txtarea{width:100%; height:100%; background:#fff; margin:0 auto;}
.txtarea th{height:0px;}
.txtarea td{text-align:center; width:100%;}
.txtarea td textarea{width:620px; height:220px; margin:0 auto; text-align:left; font-family:dotum; font-size:11px; color:#666; padding:20px; border:0px; line-height:1.4em;}

.qmenu{position:fixed;_position:absolute !important; z-index:99999; left:50%; top:250px; margin-left:520px; width:72px;background:URL('../img/qmenu.png') no-repeat;border-top:3px solid #e0e0e0;
				-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.qmenu:hover{border-top:3px solid #000;}
.qmenu a{width:70px; position:relative; text-align:center;background:#f0f4f8;border:1px solid #e0e0e0;display:block; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕',Gulim; font-size:11px; padding:22px 0; font-weight:bold;color:#999;margin-top:-1px;}
.qmenu a:link,
.qmenu a:visited{}
.qmenu a:active,
.qmenu a:focus,
.qmenu a:hover{background:#2c77bd;color:#fff; border:1px solid #2c77bd;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.qmenu a span{ }
.qmenu a span b{}
.qmenu a:link span,
.qmenu a:visited span{display:block;}
.qmenu a:active span,
.qmenu a:focus span,
.qmenu a:hover span{display:block;}

.qmenu02 a{background:#f0f2f9;}
.qmenu02 a:hover{background:#193055;border:1px solid #193055;}

.qmenu03 a{background:#fcf4ed;}
.qmenu03 a:hover{background:#f15c19;border:1px solid #f15c19;}

.qmenu05 a{background:#f0f9f5;}
.qmenu05 a:hover{background:#2cbe80;border:1px solid #2cbe80;}


.qmenu a.btnTop{background:URL(../img/btnTop.gif) no-repeat center center #fff;height:30px;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.qmenu a.btnTop span{display:none;}
.qmenu a:hover.btnTop{background-position:center -10px;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.qmenu a:hover.btnTop span{display:block;position:absolute; left:0px; top:40px;width:100%; text-align:center;color:#000;}

/* 컨텐츠CSS */
.realcont {width:710px; overflow:hidden;}
.realcont h2{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; width:100%; font-size:24px; color:#000033; font-weight:bold; clear:both; padding:5px 0 5px 15px; margin:10px 0 20px 0; border-left:4px solid #ddd;}
.realcont h2 b{display:block; font-size:12px; color:#666; padding:5px 0;}
.realcont h2 span{display:block; font-size:12px; color:#999;}
.realcont p{font-size:13px; color:#666; line-height:1.4em;w}
.realcont hr{display:block; margin:35px 0; border-top:2px dashed #ddd; border-bottom:0px;border-left:0px;border-right:0px; }
.realcont_left{width:340px; float:left;}

.font-14pxb{font-weight:bold; font-size:14px !important; color:#907c4b !important;}

.rightimg{float:right;margin:0  0 20px 20px;}
.rightimg span{display:block; padding:5px 0; text-align:center; font-family:dotum; font-size:11px; color:#999; background:#f7f7f7; border-bottom:2px solid #ddd;}
.rightimg a{display:block; margin-top:10px; background-position:bottom center;}
.rightimg a img{}
.rightimg a:hover{background:URL('../img/img_big.png') no-repeat center center #000;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.rightimg a:hover span{color:#fff; background:#2c77bd;}
.rightimg a:hover img{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.leftimg{float:left;margin:0 20px 20px 0;}
.leftimg span{display:block; padding:5px 0; text-align:center; font-family:dotum; font-size:11px; color:#999; background:#f7f7f7; border-bottom:2px solid #ddd;}
.leftimg a{display:block; margin-top:10px; background-position:bottom center;}
.leftimg a img{}
.leftimg a:hover{background:URL('../img/img_big.png') no-repeat center center #000;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.leftimg a:hover span{color:#fff; background:#2c77bd;}
.leftimg a:hover img{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}

.flolr{float:left; width:350px;}
.w360{width:355px !important;}

.flolr h3{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; font-size:18px; color:#663300; font-weight:bold; padding:3px 0 3px 15px; margin:10px 0 20px 0; border-left:4px solid #f2f2f2;}
.flolr h3 b{display:block; font-size:12px; color:#666;}
.flolr hr{display:block; margin:10px 0; border-top:1px dotted #ddd; border-bottom:0px;border-left:0px;border-right:0px; }

.realcont_ul_1{color:#666; font-size:13px;line-height:1.4em;}
.realcont_ul_1 li{padding-bottom:10px;}
.realcont_ul_2{color:#666; font-size:11px;line-height:1.4em;}
.realcont_ul_2 li{padding-bottom:12px;}

.importantment1{text-align:center;font-size:16px; font-weight:bold; color:#eb1163; padding:24px;}
.importantment1 strong{font-size:28px;}
.importantment2{text-align:center;font-size:34px; font-weight:normal; font-family:arial; color:#666; padding:30px;}
.importantment2 strong{font-size:40px; display:block; font-weight:bold; color:#000;}
.importantment3{text-align:left;font-size:20px; font-weight:bold; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; color:#333; padding:20px 0;}
.importantment3 strong{font-size:26px; display:block; font-weight:bold; color:#000;}

.importantment_hrd{text-align:left;font-size:26px; font-weight:normal; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; color:#0974be; padding:30px; 
		border:1px dashed #fff; background:#fff; text-align:center; overflow:hidden;}
.importantment_hrd strong{font-size:34px; display:block; font-weight:bold; color:#000033; padding-bottom:10px;}
.importantment_hrd b{font-size:28px; display:block; font-weight:bold; color:#0974be; }
.importantment_hrd hr{border-top:2px dashed #d7e8f4;}
.importantment_hrd_btn{text-align:left;font-size:26px; font-weight:normal; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; color:#0974be; padding:30px; 
		border:1px dashed #d7e8f4; background:#f1f6fa; text-align:center; margin-bottom:30px; overflow:hidden;}
.importantment_hrd_btn a{display:inline-block; width:140px; height:140px; overflow:hidden; font-size:13px; font-weight:bold; margin:2px; color:#000033;
		background:#d5dfe7; border:3px solid #fff;border-radius:10px;-webkit-appearance:10px;}
.importantment_hrd_btn a:hover{border:3px solid #0974be; background:#fff;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.importantment_hrd_btn a span{display:block;padding-top:50px; color:#000033;}
.importantment_hrd_btn a.on{background:#0974be;border:3px solid #0974be;}
.importantment_hrd_btn a.on span{color:#fff !important;;}
.importantment_hrd_btn2 a{width:130px !important; height:60px !important;}
.importantment_hrd_btn2 a span{padding-top:16px;}
.importantment_hrd_btn3 a{width:180px !important; height:60px !important;}
.importantment_hrd_btn3 a span{padding-top:16px;}
.importantment_hrd_btn a.aList span{padding-top:20px;}
.importantment_hrd_btn a.aList u{display:block;text-align:left;padding:20px;text-decoration:none;font-weight:normal;font-size:11px;}

.importantment_qtm{text-align:left;font-size:26px; font-weight:normal; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; color:#ef5f19; padding:30px; 
		border:1px dashed #fff; text-align:center; overflow:hidden;}
.importantment_qtm strong{font-size:34px; display:block; font-weight:bold; color:#5b280f; padding-bottom:10px;}
.importantment_qtm b{font-size:28px; display:block; font-weight:bold; color:#ef5f19; }
.importantment_qtm hr{border-top:2px dashed #d7e8f4;}

.importantment_qtm_btn{text-align:left;font-size:26px; font-weight:normal; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; color:#ff9000; padding:30px 0; 
		border:1px dashed #f1eadb; background:#faf4e8; text-align:center; margin-bottom:30px; overflow:hidden;}
.importantment_qtm_btn a{display:inline-block; width:120px; height:80px; overflow:hidden; font-size:12px; font-weight:bold; margin:2px; color:#c58b16;
		background:#f5e7cb; border:3px solid #fff;border-radius:10px;-webkit-appearance:10px;}
.importantment_qtm_btn a:hover{border:3px solid #f36e21; background:#fff;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.importantment_qtm_btn a span{display:block;padding-top:35px; color:#936407;}
.importantment_qtm_btn a.on{background:#0974be;border:3px solid #0974be;}
.importantment_qtm_btn a.on span{color:#fff !important;;}
.importantment_qtm_btn2 a{width:140px;}
.importantment_qtm_btn2 span{padding-top:25px !important;}
.importantment_qtm_btn2 span b{font-size:18px;}

.importantment_qtm_btn3 a{width:40%;}
.importantment_qtm_btn3 span{padding-top:20px !important;}
.importantment_qtm_btn3 span b{font-size:26px;}




.importantment_qtm-success{text-align:left;font-size:26px; font-weight:normal; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; color:#0994dc; padding:30px; 
		border:1px dashed #fff; text-align:center; overflow:hidden;}
.importantment_qtm-success strong{font-size:34px; display:block; font-weight:bold; color:#0f425b; padding-bottom:10px;}
.importantment_qtm-success b{font-size:28px; display:block; font-weight:bold; color:#0994dc; }
.importantment_qtm-success hr{border-top:2px dashed #d7e8f4;}

.importantment_qtm-success_btn{text-align:left;font-size:26px; font-weight:normal; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; color:#ff9000; padding:30px 0; 
		border:1px dashed #cdddff; background:#e0edf4; text-align:center; margin-bottom:30px; overflow:hidden;}
.importantment_qtm-success_btn a{display:inline-block; width:120px; height:80px; overflow:hidden; font-size:12px; font-weight:bold; margin:2px; color:#001234;
		background:#c7dde9; border:3px solid #fff;border-radius:10px;-webkit-appearance:10px;}
.importantment_qtm-success_btn a:hover{border:3px solid #0994dc; background:#fff;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.importantment_qtm-success_btn a span{display:block;padding-top:35px; color:#001234;}


.quantumlist a{display:block; padding:30px; overflow:hidden; margin-bottom:10px;}
.quantumlist a strong{display:block;float:left; width:120px;padding:0; font-size:20px; text-align:center;}
.quantumlist a b{display:block; width:120px;padding:10px 0; font-size:5px 0 0 0; font-size:10px;font-family:verdana; color:#000033}
.quantumlist a span{display:block;float:left; margin-left:20px; line-height:1.4em;;}
.quantumlist a:link,
.quantumlist a:visited{border:3px solid #ebebeb;background:URL('../img/liston.png') no-repeat right center #fff;}
.quantumlist a:hover,
.quantumlist a:focus,
.quantumlist a:active{border:3px solid #f36e21; background:URL('../img/liston.png') no-repeat right center #faebe0;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.quantumlist a:link strong,
.quantumlist a:visited strong{color:#f36e21;}
.quantumlist a:hover strong,
.quantumlist a:focus strong,
.quantumlist a:active strong{color:#000;}
.quantumlist a:link span,
.quantumlist a:visited span{color:#666;}
.quantumlist a:hover span,
.quantumlist a:focus span,
.quantumlist a:active span{color:#333;}

.quantum03_1_01{width:700px; height:350px; position:relative; background:URL('../img/quantum03_1_01.jpg') no-repeat bottom center;}
.quantum03_1_01 dl{margin:0px; padding:0px; position:absolute;  background:#eaf1f5; height:120px; overflow:hidden;}
.quantum03_1_01 dt{margin:0px; padding:10px; font-weight:bold; font-size:14px;text-align:center; background:#073353; color:#fff;}
.quantum03_1_01 dt b{display:block; font-size:16px;}
.quantum03_1_01 dd{margin:0px; padding:10px; background:#eaf1f5; color:#00213a;}
.quantum03_1_01 dd b{color:#d7245b;}
.quantum03_1_01_1{left:39px; top:200px;width:200px;}
.quantum03_1_01_2{right:30px; top:200px;width:200px;}
.quantum03_1_01_3{top:17px; left:250px;width:200px;}

.groupimg{width:720px; overflow:hidden;}
.groupimg a{display:block; float:left; width:135px; height:90px; text-align:center; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕',Gulim; font-size:11px; color:#999; margin-right:5px;}
.groupimg a img{width:135px; height:56px; display:block; margin-bottom:3px; border:1px solid #f2f2f2;}
.groupimg a:link,
.groupimg a:hover{cursor:default}
.groupimg a:link img,
.groupimg a:visited img{border:1px solid #ddd;/*filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;*/}
.groupimg a:active,
.groupimg a:focus,
.groupimg a:hover{color:#000;}
.groupimg a:active img,
.groupimg a:focus img,
.groupimg a:hover img{border:1px solid #000;filter:Alpha(opacity=100); opacity:1.0; -moz-opacity:1.0;}

.organichart{width:710px; height:475px; position:relative; text-align:center; overflow:hidden; background:URL('../img/organichart_bg.gif') no-repeat top center;}
.organichart h3{border-radius:15px;-webkit-appearance:15px;background:#2c77bd; color:#fff; margin:0 auto 15px auto; font-size:24px; width:150px; height:50px; line-height:50px; border:5px solid #2c77bd; text-align:center;font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕',Gulim;}
.organichart h4{border-radius:15px;-webkit-appearance:15px;background:#fff; color:#000033; margin:0 auto 15px auto; font-size:18px; width:150px; height:50px; line-height:50px; border:5px solid #2c77bd; text-align:center;font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕',Gulim;}
.organichart h4.oc_adviser{position:absolute; right:70px; top:40px;}
.organichart div.oc_align{width:100%; height:20px;}
.organichart dl{border-radius:15px;-webkit-appearance:15px;margin:0px; padding:0px; width:150px; display:inline-block;_display:block;_float:left; border:5px solid #dee9f4; margin:20px 5px; }
.organichart dl dt{border-radius:15px;-webkit-appearance:15px;margin:0px; padding:0px; background:#fff; font-size:14px; font-weight:bold; color:#000033; text-align:center;font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕',Gulim;height:30px; line-height:30px;}
.organichart dl dd{margin:0px; padding:0px; text-align:left; background:#dee9f4; padding:10px 0 0 10px; color:#2c77bd; font-weight:bold; line-height:1.8em; height:160px;}

.bs_area {font-family:verdana; width:276px; padding:30px; float:left; height:200px; text-align:center;margin:5px;  position:relative;}
.bs_area:hover{background:#f8f8f8;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.bs_area h3{font-family:Georgia,'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕';font-size:28px; text-align:left}
.bs_area h3 strong{display:block;font-family:Georgia,'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕';font-size:28px; text-align:left; color:#0974be;}
.bs_area h3 small{display:block; font-size:14px; color:#000;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
.bs_area h3 u{display:block;font-family:Georgia;font-size:18px; text-align:left; color:#999; text-decoration:none;}
.bs_area h3 b{display:block; padding:10px 0 20px 0; color:#000; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; font-size:18px;}
.bs_area strong{font-family:arial;font-size:16px; color:#666;}
.bs_area span{display:block;position:absolute; left:30px; bottom:30px; color:#808080; text-align:left; font-size:13px; line-height:1.8em;}
.bs_area span span{position:static;padding-left:10px;font-size:11px;color:#999;}
.bs_area div{margin:0 auto 10px  auto;; padding:10px 0;background:#fff;}
.bs_area0{background:#f3f4f6;border:2px dotted #e8f6ff;}
.bs_area0{width:626px;height:180px;}
	.bs_area0 h3{padding-top:70px;padding-left:40px;}
	.bs_area0 span{left:360px;}
.bs_area1{background:#f2fafd;border:2px dotted #f0f0de;}
.bs_area2{background:#fef7f3;border:2px dotted #e3efe0;}
.bs_area3{background:#f7fcf4;border:2px dotted #ffefe6;}
.bs_area4{background:#f6f4f9;border:2px dotted #f8ebff;}

.bs_area-0{color:#193055;}
.bs_area-1{color:#0994dc;}
.bs_area-2{color:#f15c19;}
.bs_area-3{color:#66c430;}
.bs_area-4{color:#542790;}

.Philosophy{width:700px !important;}
.Philosophy dl{margin:0px; padding:0px;}
.Philosophy dl dt{margin:0px; padding:0px; text-align:center;}
.Philosophy dl dd{margin:0px; padding:30px 0px; font-size:14px; font-weight:bold; color:#999; text-align:center; border:5px dotted #dee9f4;background:URL('../img/importantment_hrd_bg.gif') repeat top center #f1f6fa;}
.Philosophy dl dd strong{font-size:20px; color:#0974be; display:block; padding-bottom:10px;}
.Philosophy h3{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; display:inline-block; font-size:26px; color:#663300; font-weight:bold; padding:3px 15px; margin:10px auto 5px auto; border-top:4px solid #f2f2f2;}
.Philosophy h3 b{display:block; font-size:14px; color:#999;}

.Philosophy2{width:710px; height:475px; position:relative; text-align:center; overflow:hidden; padding-top:30px;background:URL('../img/Philosophy2_bg.gif?v2') no-repeat bottom center;}
.Philosophy2 dl{margin:0px; padding:0px;}
.Philosophy2 dl dt{margin:0px; padding:0px;}
.Philosophy2 dl dd{margin:0px; padding:0px;}
.Philosophy2 h3{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; display:inline-block; font-size:26px; color:#663300; font-weight:bold; padding:3px 15px; margin:10px 0 5px 0; border-top:4px solid #f2f2f2;}
.Philosophy2 h3 b{display:block; font-size:14px; color:#999;}
.Philosophy2 .ph_cv01 dd{border-radius:15px;-webkit-appearance:15px;background:#2c77bd; color:#fff; margin:0 auto 15px auto; font-size:14px; width:300px; height:60px; line-height:1.4em; border:5px solid #2c77bd; text-align:center;font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕',Gulim;}
.Philosophy2 .ph_cv01 dd strong{padding:10px; display:block;}
.Philosophy2 .ph_cv02 dd{border-radius:150px;-webkit-appearance:150px;position:absolute;border:5px solid #dee9f4;
background:URL('../img/importantment_hrd_bg.gif') repeat top center #dee9f4;width:150px; height:150px; overflow:hidden; color:#000033; font-weight:bold; font-size:18px;}
.Philosophy2 .ph_cv02 dd span{display:block; text-align:center; padding-top:50px;}
.Philosophy2 .ph_cv02-1{left:0px;bottom:130px;}
.Philosophy2 .ph_cv02-2{left:180px;bottom:0px;}
.Philosophy2 .ph_cv02-3{right:180px;bottom:0px;}
.Philosophy2 .ph_cv02-4{right:0px;bottom:130px;}

.customer_list{width:710px; font-size:12px; color:#999; line-height:1.8em;overflow:hidden}
.customer_list span{display:inline-block; _display:block;_float:left; width:135px; text-align:left;}
.customer_list:hover{background:#fafafa;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.customer_list:hover span{color:#666;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.contactusmap{width:710px; position:relative; overflow:hidden; background:#dee9f4;}
.contactusmap .mapWrap{border:10px solid #ecf3f7; padding:0px;}
.contactusmap span.cover{display:block; position:absolute; left:0px; top:0px;z-index:999;}

.hrd_table{width:100%;border-top:2px solid #ddd;border-bottom:1px solid #ddd;width:710px;}
.hrd_table th{height:40px; font-weight:bold; text-align:center; font-size:12px; background:#efefef;border:1px solid #fff;}
.hrd_table td{padding:20px; text-align:left; background:#f5f5f5;border:1px solid #fff; color:#666; vertical-align:top; width:50%;}
.hrd_table td ol, .hrd_table td ul{padding:0 0 0 20px;}
.hrd_table td ol li, .hrd_table td ul li{padding-bottom:10px; text-align:left;}
.hrd_table td strong{font-size:16px; color:#999; line-height:1.8em;}
.hrd_table td.vam{vertical-align:middle; text-align:center;}
.tableB_ment{padding:10px 0; text-align:center; font-weight:bold; line-height:1.6em; color:#b59348; font-size:12px;}
.hrd_table td.daytd {width:5% !important; padding:0px !important; vertical-align:middle; text-align:center; font-weight:bold; font-size:14px;}
.hrd_table td.day1{background:#e6eed5; color:#76923c ;}
.hrd_table td.day2{background:#d3dfee; color:#365f91 ;}
.hrd_table td.day3{background:#efd3d2; color:#943634 ;}

.hrd h3{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; display:block; font-size:18px; color:#663300; font-weight:bold; overflow:hidden; padding:3px 15px; margin:10px 0 5px 0; border-left:4px solid #f2f2f2;}
.hrd h3 b{display:block; font-size:12px; color:#999;}
.hrd p{padding:0 0 20px 20px;}
.hrd .smalltxt1{font-size:11px; color:#999;}
h4.tit{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; font-size:14px; color:#0a74be; font-weight:bold; padding:3px 0 3px 15px; margin:10px 0 5px 0; border-left:4px solid #f2f2f2;}
h4.tit b{display:block; font-size:11px; color:#666;}

.btn_hrd_imp{height:35px; position:relative; overflow:hidden; clear:both; width:100%;}
.btn_hrd_imp a{display:block; position:absolute; right:1px; top:10px; width:40px; height:20px; overflow:hidden; color:#999; line-height:20px; text-align:center; border:1px solid #ddd; background:#efefef;}
.btn_hrd_imp a:hover{color:#fff; background:#000033; border:1px solid #000;}

.b_inlineB b{display:inline-block !important;}

.shrdncon_dl{overflow:hidden; padding-bottom:20px;}
.shrdncon_dl dl{margin:0px; padding:0px; float:left; margin:30px 0 0 20px; position:relative; width:210px; height:210px;}
.shrdncon_dl dl dt{margin:0px; padding:0px; position:absolute; left:-15px; top:-15px; width:100px; ;height:100px; border-radius:150px;-webkit-appearance:150px; border:3px solid #fff;}
.shrdncon_dl dl dt h4{text-align:center; padding-top:40px; color:#fff; font-size:14px; font-family:Arial;}
.shrdncon_dl dl dd{margin:0px; padding:0px; width:210px; height:210px; border-radius:110px;-webkit-appearance:110px;}
.shrdncon_dl dl dd span{display:block; padding:100px 20px; text-align:center;}

.shrdncon_dl1 dt{background:#77933c}
.shrdncon_dl1 dd{background:#ebf3d5}
.shrdncon_dl2 dt{background:#5891d6}
.shrdncon_dl2 dd{background:#c6d9f1}
.shrdncon_dl3 dt{background:#8a799f}
.shrdncon_dl3 dd{background:#e6e0ec}

.hrd03_01{width:710px; overflow:hidden;padding-top:20px;}
.hrd03_01img{float:left; width:486px;}
.hrd03_01ment{float:left; width:200px; height:280px; overflow:hidden; border:1px solid #ddd;}
.hrd03_01ment dl{margin:0px; padding:20px;}
.hrd03_01ment dl dt{margin:0px; padding:0px; font-weight:bold; font-size:14px; color:#0a74be;}
.hrd03_01ment dl dd{margin:0px; padding:0px;}
.hrd03_01ment dl dd ul{margin:0px; padding:15px; color:#666;}

.w100{width:100px !important;}
.w130{width:130px !important;}
.w500{width:500px !important;}

.hrd_bs_area {font-family:verdana; overflow:hidden; width:700; padding:20px 0 20px 20px; text-align:center;margin:5px; border:3px dotted #efefef; position:relative;}
.hrd_bs_area:hover{background:#efefef;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.hrd_bs_area h3{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕';font-size:18px; text-align:left; border-left:0px; float:left; width:160px; padding:0px !important;;}
.hrd_bs_area h3 b{display:inline !important; font-size:60px; color:#999;}
.hrd_bs_area span{display:block; float:left; width:500px;font-size:11px; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕';color:#666; text-align:left; font-size:12px; line-height:1.8em;}

.hrd_bs_area h3.bs_area-1,
.hrd_bs_area h3.bs_area-1 b{color:#0974be;}
.hrd_bs_area h3.bs_area-2,
.hrd_bs_area h3.bs_area-2 b{color:#6fc055;}
.hrd_bs_area h3.bs_area-3,
.hrd_bs_area h3.bs_area-3 b{color:#f46f21;}
.hrd_bs_area h3.bs_area-4,
.hrd_bs_area h3.bs_area-4 b{color:#6f2b91;}

.hrd_cont{width:710px; overflow:hidden;}

.hrd_sc01{width:710px; overflow:hidden; padding-top:20px;}
.hrd_sc01 dl{margin:0px; padding:0px;float:left; width:175px; background:URL('../img/hrd_sc01_dlbg.gif') no-repeat top right #fff;}
.hrd_sc01 dl.last{background:none !important;}
.hrd_sc01 dl dt{margin:0px; padding:0px; width:156px; height:156px;overflow:hidden; text-align:center;border:2px solid #a6bed0; background:URL('../img/importantment_hrd_bg.gif') repeat top center #e2ecf8; font-weight:bold; font-size:12px; color:#000033;border-radius:160px;-webkit-appearance:160px;}
.hrd_sc01 dl dt span{display:block; padding-top:50px; font-size:18px;}
.hrd_sc01 dl dd{margin:0px; padding:0px; width:160px; height:100px;}
.hrd_sc01 dl dd ul{margin:0px; padding:0 0 0 20px; color:#57718f;}
.hrd_sc01 dl dd ul li{padding:10px 0 0 0;}

.hrd_sc02{width:710px; overflow:hidden; padding-top:20px; text-align:center;}
.hrd_sc02 span{display:inline-block; width:170px; height:66px; margin-bottom:20px; overflow:hidden; background:URL('../img/hrd_sc01_dlbg2.gif') no-repeat center right #fff;}
.hrd_sc02 span b{display:block; text-align:center; float:left;width:155px; height:60px;background:#f2eed0; color:#000033; border:2px solid #cbc59e; border-radius:20px;-webkit-appearance:20px;}
.hrd_sc02 span b strong{display:block;padding-top:15px;}
.hrd_sc02 span.last{background:none !important;}

.hrd_sc03{width:700px; height:320px; position:relative;}
.hrd_sc03 dl{margin:0px; padding:0px;position:absolute; left:300px;}
.hrd_sc03 dl dt{margin:0px; padding:0px; font-weight:bold; font-size:14px; color:#000033;}
.hrd_sc03 dl dd{margin:0px; padding:5px 0 0 60px;}
.hrd_sc031{top:20px;}
.hrd_sc032{top:60px;}
.hrd_sc033{top:160px;}
.hrd_sc034{top:230px;}
.hrd_sc03img{width:300px; height:300px;}

.hrd_sc04{width:700px; height:500px; position:relative;}
.hrd_sc04 strong{display:block; width:200px; height:200px; line-height:200px; position:absolute; top:120px; left:50%; margin-left:-100px; text-align:center; 
		font-size:30px; background:#fff; color:#0a74be; border:10px solid #0a74be;border-radius:200px;-webkit-appearance:200px;}
.hrd_sc04 dl{margin:0px; padding:0px;width:250px;height:200px; position:absolute;filter:Alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;}
.hrd_sc04 dl dt{margin:0px; padding:10px 0px; text-align:center; font-weight:bold; font-size:16px; color:#000033; background:#fff; border:3px solid #9ac6e4;
		border-radius:10px 10px 0 0;-webkit-appearance:10px 10px 0 0;}
.hrd_sc04 dl dd{margin:0px; padding:20px; border:3px solid #9ac6e4; border-top:0px !important; border-radius:0 0 10px 10px;-webkit-appearance:0 0 10px 10px; background:#e6f1f8;}
.hrd_sc04 dl dd ul{margin:0px; padding:0 0 0 20px; color:#000033;}
.hrd_sc04 dl dd ul li{padding:10px 0 0 0;}
.hrd_sc04 dl dd b{font-size:14px;}
.hrd_sc041{left:50px; top:20px;}
.hrd_sc042{right:50px; top:20px;}
.hrd_sc043{left:50%; margin-left:-115px !important; bottom:20px;}

.hrd_pdr01{ text-align:center; padding:20px 0 40px 80px;overflow:hidden;}
.hrd_pdr01 span{display:block; float:left; height:80px; overflow:hidden; border:3px solid #0a74be;border-radius:20px;-webkit-appearance:20px;}
.hrd_pdr01 span strong{display:block; padding:15px; color:#999;}
.hrd_pdr01 span strong b{font-size:18px; color:#0a74be;}
.hrd_pdr01 u{display:block; float:left; height:80px; line-height:80px; border:3px solid #fff; color:#666; text-decoration:none; font-size:30px;}

.hrd_pdr02{width:710px; overflow:hidden;}
.hrd_pdr02img{float:left; margin-right:10px;}
.hrd_pdr02 dl{margin:0px; padding:30px 0 0 0;}
.hrd_pdr02 dl dt{margin:0px; padding:0 0 20px 0; font-weight:bold; font-size:18px; color:#0a74be;}
.hrd_pdr02 dl dd{margin:0px; padding:0px;}
.hrd_pdr02 dl dd ul{margin:0px; padding:0 0 0 20px; color:#999;}
.hrd_pdr02 dl dd ul li{padding:20px 0 0 0; font-size:13px;}
.hrd_pdr02 dl dd b{font-size:14px;}

.art_tit strong{font-size:60px; font-family:Arial;}

.art_ment{text-align:left; font-weight:bold; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; padding:30px; 
		border:1px dashed #d7e8f4; background:URL('../img/art_talk.gif') no-repeat top right #f1f6fa; text-align:left; margin-bottom:30px; overflow:hidden;}
.art_ment1{text-align:left;font-size:24px; font-weight:bold; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; color:#8f8149;}
.art_ment1 strong{font-size:60px;color:#443c1a;}

.art_ment2{text-align:left; font-size:22px; font-weight:normal; line-height:1.8em; color:#5d7e40; height:194px;}
.art_ment2 b{ font-size:26px;}

.art_ment3{width:710px; height:320px; overflow:hidden; text-align:center;background:URL('../img/art_talk3.gif') no-repeat top left #fff;}
.art_ment3 div {text-align:center; padding:50px 0 0 170px;}
.art_ment3 div span{display:inline-block; padding:5px 20px; font-size:20px; font-weight:bold;}
.art_ment3 div span.f30{font-size:30px !important;}
.art_ment3 div span.f40{font-size:40px !important;}
.art_ment3 div span.f50{font-size:50px !important;}
.art_ment3 div span.f60{font-size:60px !important;}

.sitemap_wrap{width:710px;overflow:hidden;}
.sitemap{width:33%; float:left; text-align:center;}
.sitemap h2{text-align:left;}
.sitemap .stm{width:90%; margin:0 auto; text-align:left;}
.sitemap .stm ul{padding:0px; margin:0px; list-style:none !important;}
.sitemap .stm ul li{padding:0px; margin:0px; list-style:none !important; font-size:12px; font-weight:bold;}
.sitemap .stm ul li b{display:block; padding:10px 5px 5px 5px;}
.sitemap .stm ul li ul{list-style:circle !important;}
.sitemap .stm ul li ul li{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕',gulim; font-size:11px;padding-left:10px !important; font-weight:normal;}
.sitemap .stm ul li a{display:block; color:#747474;}
.sitemap .stm ul li a span{display:block; padding:8px 5px;}
.sitemap .stm ul li:hover{background-color:#f5f5f5;}
.sitemap .m01 ul li a:hover{background-color:#2c96bd; color:#fff;}
.sitemap .m02 ul li a:hover{background-color:#0974be; color:#fff;}
.sitemap .m03 ul li a:hover{background-color:#5cb348; color:#fff;}
.sitemap .m04 ul li a:hover{background-color:#f36e21; color:#fff;}
.sitemap .m05 ul li a:hover{background-color:#5cb348; color:#fff;}
.sitemap .m06 ul li a:hover{background-color:#2c96bd; color:#fff;}

/* Bottom customer scroller */
div#scroller {position:relative;clear:both;width:930px; margin:0 auto; overflow:hidden; padding-top:8px;}
#btn_leftarr, #btn_rightarr {cursor:pointer; width:40px; height:78px; display:block;}
#btn_leftarr{position:absolute; left:0px; top:0px; z-index:999; background:URL('../../../img/btn_arr_left.gif') no-repeat center center;}
#btn_rightarr{position:absolute; right:0px; top:0px; z-index:999; background:URL('../../../img/btn_arr_right.gif') no-repeat center center;}
ul#scrollerFrame {width:2000px; padding:0;margin:0;list-style:none;}
ul#scrollerFrame li {position:relative;float:left; margin:0px; padding:0px;width:155px;height:78px; overflow:hidden;}
ul#scrollerFrame li a img{width:155px; height:auto;}
ul#scrollerFrame li{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
ul#scrollerFrame li:hover{filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}


.qtfc h3{font-size:22px;}
.qtfc h3{color:#000 !important;}
.qtfc h3 b{color:#564331;}
.fc_article{padding:0 0 0 20px; margin-bottom:30px; clear:both; border-left:3px solid #efefef;}
.fc_article h4{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; font-size:13px; color:#333;}
.fc_article ul{color:#999; margin:0px; padding:10px 0 20px 20px; list-style:square;}
.fc_article hr{display:block; margin:0; clear:both; border-top:1px dotted #ddd; border-bottom:0px;border-left:0px;border-right:0px; }



.qln_8k {font-family:verdana; width:270px; padding:30px; float:left; height:300px; text-align:center;margin:5px; border:5px dotted #efefef;}
.qln_8k:hover{background:#f8f8f8;
	-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;transition-duration: 0.5s;transition-timing-function: ease;}
.qln_8k h3{font-family:arial;font-size:18px;border-left:0px;}
.qln_8k strong{font-family:arial;font-size:16px; color:#666;}
.qln_8k span{display:block; padding-bottom:20px; color:#999;}
.qln_8k div{margin:0 auto 10px  auto;; padding:10px 0;background:#fff;}
.qln_8k h3 b{display:block; padding-bottom:10px; color:#000; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic','나눔고딕'; font-size:16px;}
.qln_8k-1{color:#03693f !important;}
.qln_8k-2{color:#991f2d !important;}
.qln_8k-3{color:#1c4d82 !important;}
.qln_8k-4{color:#03693f !important;}
.qln_8k-5{color:#b6276a !important;}
.qln_8k-6{color:#2b8784 !important;}
.qln_8k-7{color:#eb6018 !important;}
.qln_8k-8{color:#311755 !important;}


.qpList{width:100%; overflow:hidden;}
.qpList a{display:block; width:703px; height:150px; border:3px solid #ebebeb; overflow:hidden; position:relative;margin-bottom:10px;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.qpList a:hover{
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.qpList a i{display:block;background:#fff;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.qpList a i img{display:block;filter:Alpha(opacity=8); opacity:0.08; -moz-opacity:0.08;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.qpList a span{display:block;position:absolute;left:30px; top:40px;z-index:9;}
.qpList a span sup{display:block;font-size:14px;color:#000; font-weight:bold;}
.qpList a span b{display:block;font-size:24px;color:#000;padding:3px 0 10px 0;}
.qpList a span u{display:inline-block;font-size:12px;color:#fff;background:#f36e21;text-decoration:none;padding:3px 5px;}
.qpList a em{display:block;position:absolute;right:30px; top:50%;margin-top:-34px;z-index:8;}
.qpList a em img{display:block;float:left;margin-left:10px;width:100px;border:1px solid #fff;}

/*.qpList a.qpList1 i{background:#edf9ff;}
.qpList a.qpList2 i{background:#fef0ea;}
.qpList a.qpList3 i{background:#f0faea;}
.qpList a.qpList4 i{background:#f3ecfc;}*/
.qpList a.qpList1 span u{background:#0994dc;}
.qpList a.qpList2 span u{background:#f15c19;}
.qpList a.qpList3 span u{background:#66c430;}
.qpList a.qpList4 span u{background:#542790;}
.qpList a.qpList1 span b{color:#0994dc;}
.qpList a.qpList2 span b{color:#f15c19;}
.qpList a.qpList3 span b{color:#66c430;}
.qpList a.qpList4 span b{color:#542790;}

.qpList a:hover i{background:#000;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.qpList a:hover i img{display:block;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.qpList a:hover em img{border:1px solid #999;}
.qpList a:hover span sup,
.qpList a:hover span b{color:#fff;
	-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}



.youtube_wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; width:100%; margin-bottom:20px;} 
.youtube_wrap iframe, 
.youtube_wrap object, 
.youtube_wrap embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }


@media all and (max-width:1200px)
{
	#header{position:absolute;}
	.qmenu{left:auto; right:0px; margin-left:0px; 
	
}