@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/* defult */
html {-webkit-text-size-adjust: none;}
html>/**/body {overflow-y:scroll;}
body,textarea,select,table,button {font-family: 'Noto Sans KR', sans-serif;font-size:12px;color:#5f5f5f;margin:0;padding:0;}
img {border:0;vertical-align:middle;}
ul,ol {margin:0;padding:0;list-style:none;}
td{ text-decoration:none; color:#5f5f5f}
dl,dl dt,dl dd,form,p {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0; list-style:none;}
fieldset {margin:0;padding:0;border:0;}
legend {position:absolute;visibility:hidden;overflow:hidden;height:0;line-height:0;width:0;margin:0;padding:0;font:0/0 Arial;}
caption {visibility:hidden;overflow:hidden;height:0;line-height: 0;width:0;margin:0;padding:0;font:0/0 Arial;}
hr {display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;margin:0;}
a {text-decoration:none;color:#5f5f5f;}
a:hover,a:focus,a:active {text-decoration:none;color:#5f5f5f;}
/* table {table-layout:fixed;} */
input {color:#888;overflow:visible;vertical-align:middle;font-family:dotum,'돋움';font-size:12px;}
select,label {padding:0;margin:0;vertical-align:middle;}
em,address {font-style:normal;}
textarea {vertical-align:top;margin:0;padding:0;}
object,param {padding:0;margin:0;line-height:0;}
section, article, header, footer, hgroup, figcaption, figure {display:block;}


/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}
/*ico*/
.ico_clip{ display: inline-block; *display: inline; *zoom: 1; background: url(/images/ico/ico_clip.gif) right top no-repeat; padding-right: 20px; line-height: 15px; }

select.menu_search {height:18px; line-height:18px; border:1px solid #bebebe; margin:0 3px 0 0 ; }
input.text_search {height:18px; line-height:18px; border:1px solid #bebebe;  margin:0 3px 0 0; }
 


#micon {position:absolute; width:100%; min-width:1200px; z-index:10; bottom:0; }
.iconbanner {width:1200px; margin:0 auto; text-align:center;}
.iconbanner ul {font-size:0;}
.iconbanner ul li {display:inline-block; *display:inline; *zoom:1; color:#fff; text-align:center; }

#micon2 {position:absolute; width:100%; min-width:1200px; z-index:10; bottom:150px; }
#maincon {width:1200px; margin:0 auto;}

.mtxt {color:#fff; float:left; text-align:center; padding-top:80px;}
.mtxt h2 {font-size:42px; line-height:45px;font-family: 'Noto Sans KR'}
.mtxt li {font-size:18px; font-weight:300; padding-top:20px;}

.iconbanner2 {float:right; width:732px; margin:0 auto; text-align:right;}
.iconbanner2 ul {font-size:0; }
.iconbanner2 ul li {display:inline-block; *display:inline; *zoom:1; }


/*content*/
/*content:header slider*/
.slider_header_wrap { position:relative; min-width:1200px; margin-top:0px; }
.slider_header_wrap .slider_header li { position:relative; }
.slider_header_wrap .slider_header li .img {display:none;}
.slider_header_wrap .slider_header li .bgimg {height:601px;}
.slider_header_wrap .slider_header li .mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.1; filter: alpha(opacity=60); -moz-opacity: .6; filter: alpha(opacity=60); -moz-opacity: .6;}
.slider_header_wrap .slider_header li .info { position:absolute; left:0; top:0; width:100%; }
.slider_header_wrap .slider_header li .info2 {width:628px; margin:0 auto; text-align:center; background:url('/img/txt_bg.png') center top;}

.slider_header_wrap .slider_header li .info .tit {text-shadow:1px 1px 4px rgb(112,112,112); margin-top:130px; text-align:center; font-size:30px; padding-top:30px; color:#FFF; font-family:'Nanum Gothic'; }

.slider_header_wrap .slider_header li .info .txt { text-shadow:1px 1px 4px rgb(112,112,112); text-align:center; color:#FFF; font-size:19px; font-weight:600; padding-bottom:30px;}

.slider_header_wrap .slider_header li .info .btn { margin-top:20px; text-align:center;}

.btn.normal { padding:0px 20px; width:150px; margin:0 auto; font-size:15px; font-weight:500; line-height:52px; border-radius:5px; }
.btn.blue { background-color:#0058a0; color:#FFF;}

.slider_header_wrap .bx-pager { display:none; }
.slider_header_wrap .bx-prev { display:inline-block; position:absolute; top:50%; left:0; width:70px; margin-top:-35px; height:70px; background:url('/img/btn_prev.png') no-repeat 0 0; text-indent:999px; overflow:hidden;}
.slider_header_wrap .bx-next { display:inline-block; position:absolute; top:50%; right:0; width:70px; margin-top:-35px; height:70px; background:url('/img/btn_next.png') no-repeat 0 0; text-indent:999px; overflow:hidden;}
.slider_header_wrap .btn_wrap { position:absolute; left:0; bottom:74px; width:100%; text-align:center;}
.slider_header_wrap .btn_wrap .btn_down { display:inline-block; width:77px; height:39px; background:url('/images/btn/btn_down.png') no-repeat 0 0; background-position:100% 100%; vertical-align:top;}
.slider_header_wrap .bx-pager {position:absolute; left:0; bottom:30px; width:100%; font-size:0; line-height:0; text-align:center;}
.slider_header_wrap .bx-pager-item { display:inline-block; margin-left:10px; vertical-align:top;}
.slider_header_wrap .bx-pager-item:first-child { margin-left:0;}
.slider_header_wrap .bx-pager-item .bx-pager-link  { display:inline-block; width:15px; height:15px; background:url('/images/btn/btn_pager.png') no-repeat 0 0;}
.slider_header_wrap .bx-pager-item .bx-pager-link.active { display:inline-block; width:50px; height:15px; background:url('/images/btn/btn_pager_on.png') no-repeat 0 0;}



#contents {position: relative; width:100%; min-width:1200px;}
#contents2 {position: relative; width:100%; min-width:1200px; height:320px;}
#contents3 {position: relative; width:100%; min-width:1200px; height:310px;}

.mcon {width:1200px; margin:0 auto;}

.mbusiness2 {width:100%; min-width:1200px; height:173px; background:#50bfc8; text-align:center;}

.mbusiness {width:1200px; padding-top:15px; padding-bottom:15px;}
.mbusiness h2 {font-size:30px; letter-spacing:-1px; color:#000; font-weight:500; text-align:center; padding-bottom:10px;}
.mbusiness ul li {display:inline-block; *display:inline; *zoom:1;}
.mbusiness ul li.b_bt {width:calc(25% - 5px);margin-top:3px; text-align:center;}
.mbusiness ul li.b_bt a {display:block;line-height: 47px; padding:0 40px; border:1px solid #6d6d6d; font-size:16px;color:#333;font-weight:300; }
.mbusiness ul li.b_bt a:hover {color:#fff;background: rgba(16,38,102,0.9);
		-webkit-transition:300ms ease-out 0ms;
		-moz-transition:300ms ease-out 0ms;
		-ms-transition:300ms ease-out 0ms;
		transition:300ms ease-out 0ms;}


.mproduct {width:1200px; padding-top:15px; padding-bottom:15px;}
.mproduct h2 {font-size:30px; letter-spacing:-1px; color:#000; font-weight:500; text-align:center; padding-bottom:10px;}
.mproduct ul {font-size:0;}
.mproduct ul li {display:inline-block; *display:inline; *zoom:1; padding-left:15px;}
.mproduct ul li:first-child {padding-left:0px;}


.mba {width:333px; float:left;}

.mresult {float:left; width:412px; height:302px; background:#ff7300; text-align:center; color:#fff; margin:0 20px;}
.mresult h2 {padding-top:70px; font-size:22px; font-weight:500; letter-spacing:-1px;}
.mresult ul li {font-size:16px; font-weight:100;}
.mresult ul li.b_bt a span {font-size:8px; padding-left:4px; }

.mresult ul li.b_bt { text-align:center; padding-top:60px;}
.mresult ul li.b_bt a {padding:13px 60px; border:1px solid #fff; font-size:13px;color:#fff;font-weight:300; }
.mresult ul li.b_bt a:hover {color:#f05b19; background: rgba(225,255,255,0.9);
		-webkit-transition:300ms ease-out 0ms;
		-moz-transition:300ms ease-out 0ms;
		-ms-transition:300ms ease-out 0ms;
		transition:300ms ease-out 0ms;}


.monline {float:left; width:412px; height:302px; background:#e4e7ee; text-align:center; color:#34353c;}
.monline h2 {padding-top:70px; font-size:22px; font-weight:500; letter-spacing:-1px;}
.monline ul li {font-size:16px; font-weight:100;}
.monline ul li.b_bt a span {font-size:8px; padding-left:4px; }

.monline ul li.b_bt { text-align:center; padding-top:60px;}
.monline ul li.b_bt a {padding:13px 60px; border:1px solid #34353c; font-size:13px;color:#34353c;font-weight:300; }
.monline ul li.b_bt a:hover {color:#fff; background: rgba(52,53,60,0.9);
		-webkit-transition:300ms ease-out 0ms;
		-moz-transition:300ms ease-out 0ms;
		-ms-transition:300ms ease-out 0ms;
		transition:300ms ease-out 0ms;}


.mcus {float:right; width:590px;}

.sub_cont {width:588px; float:left; border:1px solid #e4e4e4;}

.orderpage_tabmenu_container2 {	width: 588px;	height: 50px;}
.orderpage_tabmenu2 {	width: 195px;	height: auto;	padding: 15px 0 15px 0;	float: left;	background-color: #fff;	border-bottom: solid 1px #e4e4e4;	border-right: solid 1px #e4e4e4;	border-top: solid 1px #e4e4e4;	text-align: center;	font-size: 17px;	color: #312f2f;	font-weight:600;	display: inline-block;	cursor: pointer;	margin-top:-1px;	}
.orderpage_tabmenu2:hover {	color: #000;}
.orderpage_tabmenu2.active {	color: #fff;	font-weight: 500;	background-color: #2c323e;	border-bottom: solid 1px #FFF;}
.orderpage_tabmenu12 {	width: 195px;	height: auto;	padding: 15px 0 15px 0;	float: left;	background-color: #fff;	border: solid 1px #e4e4e4;	text-align: center;	font-size: 17px;	color: #312f2f;	display: inline-block;	cursor: pointer;	font-weight:600;	margin-left:-1px;	margin-top:-1px;}
.orderpage_tabmenu12:hover {	color: #000;}
.orderpage_tabmenu12.active {	color: #fff;	background-color: #2c323e;	border-bottom: solid 1px #FFF;}
.orderpage_contents_area2 {	width: 590px;	height: auto;	margin-top:20px; vertical-align:top; height:224px;}
.orderpage_contents_area2 ul {padding:20px 40px;}
.orderpage_contents_area2 ul li {font-size:16px; font-weight:300; padding-bottom:5px;}
.orderpage_contents_area2 ul li a {color:#6f6f6f;}
.orderpage_contents_area2 ul li span {float:right;}


#sub_tab {margin-top:50px; margin-bottom:30px; border-bottom:0px solid #cfd0d1;}

#tabs{
  overflow: hidden;
  width: 588px;
  margin: 0;
  padding: 0;
  text-align:center;
  list-style: none;

  border-bottom: solid 1px #e4e4e4;	border-right: solid 1px #e4e4e4;	border-top: solid 1px #e4e4e4;
}

#tabs li{
  width: 195px;	height: auto;	padding: 15px 0 15px 0;	float: left;	background-color: #fff;	border-bottom: solid 1px #e4e4e4;	border-right: solid 1px #e4e4e4;	border-top: solid 1px #e4e4e4;	text-align: center;	font-size: 17px;	color: #312f2f;	font-weight:600;	display: inline-block;	cursor: pointer;	margin-top:-1px;
}

#tabs a{
  position: relative;

  text-decoration: none;
  color: #444;
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
 color: #fff;	font-weight: 500;	background-color: #2c323e;	border-bottom: solid 1px #FFF;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  bottom: 0;
  width: 1em;
  
}

#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}

#content
{
    background: #fff;
    position: relative;
	padding-top: 10px;
    z-index: 2;	
}
#content ul {padding:20px 40px;}
#content ul li {font-size:16px; font-weight:300; padding-bottom:5px;}
#content ul li a {color:#6f6f6f;}
#content ul li span {float:right;}



#m_footer {position:relative; width:100%; min-width:1200px; background:#2c313a; }
.footer{width:1200px; margin:0 auto; padding:40px 0;}
.footer-links li {color:#fff; text-align:center; font-size:14px; white-space: pre; font-weight:100px; line-height:24px; opacity:.8;}


.container {
  width:1200px; margin:0 auto; padding-right: 15px;
  padding-left: 15px;

}


.right{right:0}.relative{position:relative;z-index:2}

.container{position:relative}.vnu{display:inline}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}



 .main_bbs00 {height:60px; line-height:60px; background:rgba(0,0,0,.4);  color:#fff; position:relative; z-index:100; position:absolute; left:0; right:0; bottom:0;}
  .main_bbs00 h3 {position:absolute; left:0; top:0; color:#50a8d3;  font-size:17px; font-weight:400;}
  .main_bbs00 .sl-notice {float:left; width:60%; position:relative; padding-left:90px; border-right:0px solid #666;}
  .main_bbs00 .sl-notice h3 a {color:#50a8d3;}
  .main_bbs00 .sl-notice .date {position:absolute; right:60px; top:0;font-size:14px; }
  .main_bbs00 .bx-wrapper {position:relative;}
  .main_bbs00 .bx-slider li a {font-weight:300;display:block; font-size:14px;margin-right:180px; width:600px; white-space:nowrap;color:#fff;text-overflow:ellipsis; overflow:hidden;}
  .main_bbs00 .bx-controls a {position:absolute; right:30px; top:50%; line-height:1; display: inline-block; font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; font-size:0;}
  .main_bbs00 .bx-controls a:before {font-size:16px;}
  .main_bbs00 .bx-controls .bx-prev {margin-top:-15px;}
  .main_bbs00 .bx-controls .bx-prev:before {content:"\f0d8"; }
  .main_bbs00 .bx-controls .bx-next:before {content:"\f0d7";}
  .main_bbs00 .link {width:40%; float:right; position:relative;  padding-left:140px; }
  .main_bbs00 .link h3 {left:30px;}
  .main_bbs00 .link h3 a {color:#50a8d3;}
  .main_bbs00 .link ul {float:left; width:100%;}
  .main_bbs00 .link ul li {float:left; width:33.33%; font-size:14px;font-weight:300;}
  .main_bbs00 .link ul li a {display:block; text-align:center; position:relative; color:#fff;}
  .main_bbs00 .link ul li a:before {display:block; content:''; width:1px; height:10px; background:#fff; position:absolute; top:50%; margin-top:-5px; left:0;}
  .main_bbs00 .link ul li:first-child a:before {display:none;}


.slideb {width:1200px; margin:0 auto; text-align:center;}

footer{border-top:1px solid #dcdcdc; }
footer  .go_top {position:absolute; right:0; top:0; bottom:0; display:block; padding:0 20px; line-height:45px; background:#2279b6; font-size:12px; color:#fff}
footer .f_nav{border-bottom:1px solid #dcdcdc;}
footer .f_nav ul{margin-bottom:0; font-size:0;}
footer .f_nav li{display:inline-block; padding:0 15px; height:45px; line-height:45px; position:relative;}
footer .f_nav li:after{content:''; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#dcdcdc;}
footer .f_nav li:first-child{padding-left:0;}
footer .f_nav li:first-child:after{display:none;}
footer .f_nav li a{color: #888; font-size:13px; font-weight: 600;}
footer .f_con{padding:30px 0;}
footer .f_con h2{float:left; width:240px; margin-bottom:0; padding-top:0px;}
footer .f_con h2 img{width:200px;}
footer .f_con .info{margin-left:200px; font-size:13px; color: #888; line-height:18px; padding-top:8px; }
footer .f_con .info span{margin-right:10px;}
footer .f_con .info .copy{padding-top:5px;}
footer.dark{background:#252525; border-top:0;}
footer.dark .f_nav{border-bottom:1px solid #323232; background:#202020;}
footer.dark .f_con .info{color: #606060;}
footer.dark .f_nav li:after{background:#646464;}
footer.dark .f_nav li a{color:#969696}
footer.dark .f_con .info{color: #828282;}
footer.dark .f_nav li:after{background:#464646;}



.placeholdersjs { color: #aaa !important; }

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{min-width:1200px}

#hd_pop{width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;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 img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {border-top:2px solid #253dbe}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:100px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:00px 0 0}

.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;border-right:0;float:left;font-size:1.25em}
#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#253dbe;width:50px;float:left;cursor:pointer;font-size:18px}

#sbn_side{position:absolute;top:20px;right:0}

#tnb {border-bottom:1px solid #ddd;background:#fff}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;border-left:1px solid #ddd;margin-bottom:-1px;font-size:0.92em}
#tnb a {display:inline-block;padding:0 10px;color:#646464;line-height:35px}
#tnb a:focus, #tnb a:hover {color:#253dbe;background:#fafafa}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7}

#hd_qnb{float:right;margin-top:20px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}



/* 중간 레이아웃 */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:305px;padding:0;background: #e7ebf3;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px}

#container_title {font-size:1.333em;margin:0 auto;font-weight:bold;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
/* 하단 레이아웃 */
#ft {border-top:1px solid #d5d5d5;background:#fff;padding-bottom:30px;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative;}
#ft_link{padding:15px 0;border-bottom:1px solid #eee}
#ft_link a{display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold}
#ft_catch{margin:20px 0 10px}
#ft_copy{color:#555;font-size:0.92em}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.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}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#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 {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* 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.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:500;border:0;}
a.btn2,.btn2{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:500;border:0;}

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:#4b545e;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:#4b545e;color:#fff;text-decoration:none}

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

.btn_submit {border:0;background:#253dbe;color:#fff;cursor:pointer;border:0}


a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle;font-size:1.1em}
a.btn_b02,.btn_b02 {display:inline-block;font-size:1.22em;color:#fff;background:#005496;border:1px solid #dbdbdb;}
a.btn_b03, .btn_b03 {display:inline-block;background:#005496;border:1px solid #dbdbdb;color:#fff;text-decoration:none;vertical-align:middle;font-size:1.22em}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle;font-size:1.22em} /* 관리자 전용 버튼 */

a.btn_b05, .btn_b05 {display:inline-block;padding:30px;text-align:center;background:#4c4f6f;border:1px solid #ccc;color:#fff;text-decoration:none;}

/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;} 
.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:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
.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-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.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 #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;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;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

.tbl_head04 {margin:0 0 10px}
.tbl_head04 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head04 thead th {padding:12px 0;background:#f5f5f5;color:#454545;font-weight:500;font-size:17px;text-align:center;letter-spacing:1px}
.tbl_head04 thead th { border-top:2px solid #515151;border-bottom:1px solid #d7d7d7;}
.tbl_head04 thead a {color:#383838}
.tbl_head04 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head04 tfoot th, .tbl_head01 tfoot td {padding:20px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head04 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head04 tbody td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-size:1.20em;line-height:1.5em;word-break:break-all;color:#6e6e6e;}
.tbl_head04 tr:hover {background:#fafafa;}
.tbl_head04 a {color:#6e6e6e;}


/* 폼 테이블 */
.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}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;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}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

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

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:80px;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:80px;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:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}

/* 검색결과 색상 */
.sch_word {color:#00c4ac}

/* 자바스크립트 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 {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:55px 0 20px;text-align:center;line-height:normal;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;zoom:1;*display:inline;position:relative;width:36px;height:36px;border:1px solid #dbdbdb;margin:0 0 0 -4px;padding:0;font-family:"Nanum Gothic",sans-serif;font-size:14px;line-height:34px;color:#555;background-color:#fff;text-decoration:none;vertical-align:middle;}
.pg_current {color:#fff;border:1px solid #005496;background:#005496;}

.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {display:inline-block;zoom:1;*display:inline;position:relative;width:36px;height:36px;border:1px solid #dbdbdb;margin:0 0 0 -4px;padding:0;font-family:"Nanum Gothic",sans-serif;font-size:14px;line-height:34px;color:#555;background-color:#fff;text-decoration:none;vertical-align:middle;}
.pg_page:hover{background-color:#f9f9f9}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../../../img/btn_first.gif') no-repeat 50% 50%;padding:0;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../../../img/btn_prev.gif') no-repeat 50% 50%;padding:0;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../../../img/btn_end.gif') no-repeat 50% 50%;padding:0;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../../../img/btn_next.gif') no-repeat 50% 50%; padding:0;}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}


.paginate {margin:55px 0 20px;text-align:center;line-height:normal;}
.paginate a,
.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;width:36px;height:36px;border:1px solid #dbdbdb;margin:0 0 0 -4px;padding:0;font-family:"Nanum Gothic",sans-serif;font-size:13px;line-height:34px;color:#555;background-color:#fff;text-decoration:none;vertical-align:middle;}  
.paginate strong{color:#fff;border:1px solid #005496;background:#005496;}  

.paginate a.direction{padding:0; background-position:50% 50%; background-repeat:no-repeat;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-image:url("/images/bbs/btn_first.gif");}
.paginate a.direction.prev {background-image:url("/images/bbs/btn_prev.gif");}
.paginate a.direction.next {background-image:url("/images/bbs/btn_next.gif");}
.paginate a.direction.last {background-image:url("/images/bbs/btn_last.gif");}




/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}



/* 기존 css */


/*header : sub_type*/




#header .lnb_wrap {position:absolute; top:85px; left:0; width:100%; background:#fff; overflow:hidden; height:0; z-index:100;} 
#header .lnb_wrap .lnb {width:1200px; margin:0 auto; font-size:0;  box-sizing:border-box;}
#header .lnb_wrap .lnb > div {float:right; margin:0 15px; width:120px; vertical-align:top;}
#header .lnb_wrap .lnb > div ul {margin:0;}
#header .lnb_wrap .lnb > div ul li {text-align:left; margin-bottom:10px;}
#header .lnb_wrap .lnb > div ul li a {font-size:15px; font-weight:300; color:#555; border-bottom:1px solid #fff;}
#header .lnb_wrap .lnb > div ul li a:hover {color:#192082; border-bottom:2px solid #192082;} 

#sct_location {position:relative;z-index:20;;margin:0 0 10px;letter-spacing:-1px;text-align:right;}
#sct_location a {display:inline-block;padding:10px 10px 8px;text-decoration:none;letter-spacing:0 !important}
#sct_location a:hover {color:#cc0000;}
.sct_here {font-weight:bold}
.sct_bg {padding-right:5px !important;}


.tab_list{height:80px;margin:0 auto;padding-top:40px;width:100%}
.tab_list ul{position:relative;margin:0;padding:0;border-bottom:1px solid #2f68b7;height:57px;font-size:17px;list-style:none;*zoom:1}
.tab_list ul:after{display:block;clear:both;content:""}
.tab_list li{float:left;margin-bottom:-1px}
.tab_list li a{float:left;position:relative;border:1px solid #eee;border-bottom-color:#2f68b7;background:#fafafa;color:#666;text-decoration:none;font-weight:400}
.tab_list li a span{display:inline-block;padding:15px 25px 15px 25px;letter-spacing:-0.5px;cursor:pointer}
.tab_list li a:hover{border:1px solid #2f68b7;border-bottom:1px solid #fff;background:transparent;color:#333;font-weight:500} 

.tab_list.m1 .m1 a,
.tab_list.m2 .m2 a,
.tab_list.m3 .m3 a,
.tab_list.m4 .m4 a,
.tab_list.m6 .m6 a,
.tab_list.m7 .m7 a,
.tab_list.m8 .m8 a,
.tab_list.m9 .m9 a,
.tab_list.m5 .m5 a {margin-top:-1px;border:1px solid #2f68b7;border-bottom:1px solid #fff;background:#fff;color:#2f68b7;}
.tab_list.m1 .m1 a span,
.tab_list.m2 .m2 a span,
.tab_list.m3 .m3 a span,
.tab_list.m4 .m4 a span,
.tab_list.m6 .m6 a span,
.tab_list.m7 .m7 a span,
.tab_list.m8 .m8 a span,
.tab_list.m9 .m9 a span,
.tab_list.m5 .m5 a span{padding-top:16px;font-weight:bold}

.tab_list.m1 .m1 ul,
.tab_list.m2 .m2 ul,
.tab_list.m3 .m3 ul,
.tab_list.m4 .m4 ul,
.tab_list.m6 .m6 ul,
.tab_list.m7 .m7 ul,
.tab_list.m8 .m8 ul,
.tab_list.m9 .m9 ul,
.tab_list.m5 .m5 ul{display:block}
.tab_list.js_off{height:auto}
.tab_list.js_off ul{border:0}
.tab_list.js_off li{float:none;position:relative}
.tab_list.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333}
.tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab_list.js_off li li.more{top:7px;right:15px}

/* sidemenu2Depth+3Depth */
#sidemenu { display:block; width:200px; background:#f1f1f1;}
#sidemenu ul { width:200px; margin:0 auto; font-size:0; text-align:left;background:#fafafa; }
#sidemenu ul li { text-align:left; letter-spacing:-0.5px; font-weight:400; border-bottom:1px solid #e3e3e3;}
#sidemenu ul li a { display: block; margin: 0;  padding:10px 20px;font-size: 17px; color: #5c5c5c; font-weight:400;}
#sidemenu ul li a.on,
#sidemenu ul li a:hover {color:#fff; background: rgba(47,104,183,1.0); font-weight:700;
		-webkit-transition:300ms ease-out 0ms;
		-moz-transition:300ms ease-out 0ms;
		-ms-transition:300ms ease-out 0ms;
		transition:300ms ease-out 0ms;}



#lefttitle {background:#353535;}
#lefttitle ul li {padding:55px 30px; font-size:25px; color:#fff; letter-spacing:-0.05em; font-weight:500; text-align:center;}


/*sub_cont*/
.sub_cont_wrap {width:100%; min-width:1200px;background:url('../img/sub_bg.png') 50% 0 repeat-y;}

.sub_cont_wrap .sub_contents {width:1200px; margin:0 auto; border-left:1px solid #ddd; background:#f1f1f1;}
.sub_cont_wrap .sub_contents .left_menu { float:left; width:200px; background:#f1f1f1;}

.sub-bg {background:url('../img/sub_bg.png') 50% 0 repeat-y;}

#lnb {position:absolute;}
#lnb h2{background:#353535;padding:55px 30px; font-size:25px; color:#fff; letter-spacing:-0.05em; font-weight:500; text-align:center;}

.depth1 {width:200px; }
.depth1{border-bottom:1px solid #d9d9d9; letter-spacing:-0.5px; font-weight:400; line-height:40px;  font-size:14px; }

.bg2 {color:#535353;font-size:14px; padding-left:20px; cursor:hand;}
.bg2:hover {color:#3786bd;font-size:14px; padding-left:20px;}



.depth1.bg1{background:url(/images2/lnb/lnb_bg.gif) no-repeat 149px 15px}
.depth1.bg2{background:url(/images2/lnb/lnb_bg.gif) no-repeat 149px 15px}

.depth1_ul	{position:relative;width:100%;margin:-1px 0 0 1px;padding:7px 0 7px 21px;width:200px;}
.depth1_ul li{padding:5px 0;}
.depth1_ul li a{color:#535353;font-size:13px;}
.depth1_ul li a:hover{color:#000;font-size:13px;}


.sub_cont_wrap .sub_contents .cont_wrap { min-height:600px; margin-left:200px; padding:0px 20px; background:#FFF; border-left:1px solid #ddd; }
.sub_cont_wrap .sub_contents .cont_wrap .h1tit {height:80px;border-bottom:0px solid #ddd; padding-bottom:40px;  text-align:left; border-bottom:1px solid #ddd;}
.sub_cont_wrap .sub_contents .cont_wrap .h1tit2 {font-size:30px;color:#333;padding-top:0px;font-weight:500;height:80px; border-bottom:1px solid #ddd;}

.sub_cont_wrap .sub_contents .cont_wrap .h1tit h1 {float:left; font-weight:400; padding-bottom:40px; color:#35363a; font-size:30px; letter-spacing:-1px; text-align:left;}
.sub_cont_wrap .sub_contents .cont_wrap .h1tit2 h2 {font-weight:400; padding-bottom:40px; padding-left:5px; color:#8f8f8f; font-size:17px; letter-spacing:-0.9px; text-align:left;}

.sub_cont_wrap .sub_contents .cont_wrap .h1tit li {padding-top:20px; float:right;font-weight:300; padding-bottom:40px; color:#35363a; font-size:15px; letter-spacing:-1px; text-align:right;}


.scon {width:957px; text-align:left; padding:40px 0; min-height:500px;}




.history02_con{width:918px; margin-top:30px; background:url("/img/sub/img2-2-bg.gif") center top no-repeat;}
.history02_con:after{content:""; display:block; clear:both;}
.history02_con .left{float:left; width:45%; box-sizing:border-box; border-right:0px solid #d5d5d5;}
.history02_con .left div:nth-of-type(2){margin-top:100px;}
.history02_con .left div:nth-of-type(3){margin-top:60px;}
.history02_con .left div:nth-of-type(4){margin-top:60px; }
.history02_con .left div:nth-of-type(5){margin-top:40px; padding-bottom:90px;}
.history02_con .left div i{font-size:50px; color:#333; font-weight:100; position:relative; display:block;}
.history02_con .left div i img{position:absolute; top:35px; right:-4px;}
.history02_con .left div p{font-size:14px; color:#333; letter-spacing:-0.025em; line-height:30px; font-weight:300; padding-top:20px;}
.history02_con .left div p b{font-size:20px; font-weight:500; display:block;}
.history02_con .right{float:left; width:45%; box-sizing:border-box; text-align:right; border-left:1px solid #d5d5d5;}
.history02_con .right div:nth-of-type(1){margin-top:90px;}
.history02_con .right div:nth-of-type(2){margin-top:70px;}
.history02_con .right div:nth-of-type(3){margin-top:110px;}
.history02_con .right div:nth-of-type(4){margin-top:60px;}
.history02_con .right div i{font-size:50px; color:#333; font-weight:100; position:relative; display:block;}
.history02_con .right div i img{position:absolute; top:35px; left:-4px;}
.history02_con .right div p{font-size:14px; color:#333; letter-spacing:-0.025em; line-height:30px; font-weight:300; padding-top:20px;}
.history02_con .right div p b{font-size:20px; font-weight:500; display:block;}



.row {width:9180px; margin-top:30px; text-align:center; }
.col-md-4 {display:inline-block; *display:inline; *zoom:1; width: calc(100% /3 - 27px); vertical-align:top; margin-right:20px; text-align:center;margin-bottom:20px;}
.col-md-4 img {width:100%; border:1px solid #eee;}
.col-md-4 li {display:block; font-size:15px; font-weight:300; padding-top:20px;}

.col-md-4-2 {margin-top:50px; display:inline-block; *display:inline; *zoom:1; width:calc(50% - 5px); margin-bottom:30px;}
.col-md-4-2 h2 {padding-bottom:10px; text-align:center; font-size:20px; font-weight:500; letter-spacing:-1px; color:#000;}
.col-md-4-2 li {display:block; font-size:15px; font-weight:300; padding-top:10px;white-space: pre; text-align:center;}
.col-md-4-2 img {width:100%;}

.col-md-4-3 {margin-top:12px; display:inline-block; *display:inline; *zoom:1; width:24%; margin-bottom:30px;margin-left:20px;}
.col-md-4-3 h2 {padding-bottom:10px; text-align:center; font-size:20px; font-weight:500; letter-spacing:-1px; color:#000;}
.col-md-4-3 li {display:block; font-size:15px; font-weight:400; padding-top:10px;white-space: pre; text-align:left;border:1px solid #ddd;}
.col-md-4-3 img {width:100%;}

.col-md-4-32 {margin-top:12px; display:inline-block; *display:inline; *zoom:1; width:30%; margin-bottom:30px;margin-left:20px;}
.col-md-4-32 h2 {padding-bottom:10px; text-align:center; font-size:20px; font-weight:500; letter-spacing:-1px; color:#000;}
.col-md-4-32 li {display:block; font-size:15px; font-weight:400; padding-top:10px;white-space: pre; text-align:left;border:1px solid #ddd;}
.col-md-4-32 img {width:100%;}

.col-md-4-33 {margin-top:12px; display:inline-block; *display:inline; *zoom:1; width:45%; margin-bottom:30px;margin-left:10px;}
.col-md-4-33 h2 {padding-bottom:0px; text-align:left; font-size:17px; font-weight:500; letter-spacing:-1px; color:#000;}
.col-md-4-33 li {display:block; font-size:15px; font-weight:400; padding:10px; text-align:left;border:1px solid #ddd;}
.col-md-4-33 img {width:100%;}

.col-md-4-34 {margin-top:12px; display:inline-block; *display:inline; *zoom:1; width:24%; margin-bottom:30px;margin-left:5px;}
.col-md-4-34 h2 {padding-bottom:0px; text-align:left; font-size:17px; font-weight:500; letter-spacing:-1px; color:#000;}
.col-md-4-34 li {display:block; font-size:15px; font-weight:400; padding:10px; text-align:left;border:1px solid #ddd;}
.col-md-4-34 img {width:100%;}

.business {display:inline-block; *display:inline; *zoom:1; width: calc(100% /3 - 23px); vertical-align:top; margin-right:20px; text-align:center;margin-bottom:40px;}
.business li {display:block; font-size:17px; font-weight:500; padding-top:00px;border:1px solid #ddd;}

.business li img {width:100%; border:1px solid #eee;}

.acc01 {width:380px; height:487px; margin:30px 10px 20px; float:left; background:url("../images/acc_bg.png") no-repeat center center; position:relative;}
.acc01 span {position:absolute; z-index:3; top:420px; left:120px; }
.acc_img {width:370px; height:370px; position:absolute; z-index:3; top:0; left:0;}
.acc_tt {color:#070000; font-size:20px; font-weight:bold; text-align:center; position:absolute; z-index:3; top:385px; left:50%; transform:translateX(-50%);}



.s_tit {background:url('/img/sub/dot.gif') no-repeat center top;text-align:center; font-family: 'NanumSquare', sans-serif;padding-top:10px; margin-top:40px; font-size:26px; font-weight:700; letter-spacing:-0.5px; color:#fff; height:90px;}
.s_tit p {text-align:center; font-family: 'NanumSquare', sans-serif; padding-top:15px; line-height:28px;margin-top:0px; font-size:20px; font-weight:500; letter-spacing:-0.5px; color:#000;}


.s_tit1 {background:url('../img/sub/2-p1-bg_012.jpg') no-repeat center top; text-align:center; font-family: 'NanumSquare', sans-serif;
          padding-top:12px; margin-top:40px; font-size:20px; font-weight:700; letter-spacing:-0.5px; color:#fff; height:200px;}
.s_tit1 p {text-align:center; font-family: 'NanumSquare', sans-serif; padding-top:15px; line-height:28px;margin-top:0px; font-size:19px; font-weight:500; letter-spacing:-0.5px; color:#000;}

.s_tit2 {background:url('../img/sub/2-p1-bg_01.jpg') no-repeat center top; text-align:center; font-family: 'NanumSquare', sans-serif;padding-top:12px; margin-top:40px; font-size:20px; font-weight:700; letter-spacing:-0.5px; color:#fff; height:150px;}
.s_tit2 p {text-align:center; font-family: 'NanumSquare', sans-serif; padding-top:15px; line-height:28px;margin-top:0px; font-size:19px; font-weight:500; letter-spacing:-0.5px; color:#000;}

.s_tit3 {background:url('../img/sub/2-p1-bg_013.jpg') no-repeat center top; text-align:center; font-family: 'NanumSquare', sans-serif;padding-top:12px; margin-top:40px; font-size:20px; font-weight:700; letter-spacing:-0.5px; color:#fff; height:200px;}
.s_tit3 p {text-align:center; font-family: 'NanumSquare', sans-serif; padding-top:15px; line-height:28px;margin-top:0px; font-size:19px; font-weight:500; letter-spacing:-0.5px; color:#000;}

.s2_tit {background:url('/img/sub/dot.gif') no-repeat center top;text-align:center; font-family: 'NanumSquare', sans-serif;padding-top:10px; margin-top:40px; font-size:26px; font-weight:700; letter-spacing:-0.5px; color:#fff; height:90px;}
.s2_tit p {text-align:center; font-family: 'NanumSquare', sans-serif; padding-top:15px; line-height:28px;margin-top:0px; font-size:20px; font-weight:500; letter-spacing:-0.5px; color:#000;}


.s2_tit1 {text-align:center; font-family: 'NanumSquare', sans-serif;padding-top:12px; margin-top:-10px; font-size:25px; 
          font-weight:700; letter-spacing:-0.5px; color:#1d4276; height:70px;}
.s2_tit1 p {text-align:center; font-family: 'NanumSquare', sans-serif; padding-top:15px; line-height:28px;margin-top:0px; font-size:19px; font-weight:500; letter-spacing:-0.5px; color:#000;}

.s2_tit2 {background:url('../img/sub2/sub2bg01.jpg') no-repeat center top; text-align:center; font-family: 'NanumSquare', sans-serif;
     padding-top:0px; margin-top:0px; font-size:20px; font-weight:400; letter-spacing:-0.5px; color:#fff; height:150px;}
.s2_tit2 p {text-align:center; font-family: 'NanumSquare', sans-serif; padding-top:15px; line-height:28px;margin-top:0px; font-size:19px; font-weight:500; letter-spacing:-0.5px; color:#000;}

.s2_tit3 {background:url('../img/sub/2-p1-bg_013.jpg') no-repeat center top; text-align:center; font-family: 'NanumSquare', sans-serif;padding-top:12px; margin-top:40px; font-size:20px; font-weight:700; letter-spacing:-0.5px; color:#fff; height:200px;}
.s2_tit3 p {text-align:center; font-family: 'NanumSquare', sans-serif; padding-top:15px; line-height:28px;margin-top:0px; font-size:19px; font-weight:500; letter-spacing:-0.5px; color:#000;}



.new_eye05 .w1200 {width:960px;margin-left:-20px;}
.new_eye05 .w1200 > p{font-size:14px;line-height:23px;letter-spacing:0.34em;font-weight:400;color:rgba(28,28,28,0.5);text-align:center;text-transform:uppercase;}
.new_eye05 .w1200 > h2{font-size:30px;line-height:54px;letter-spacing:-0.05em;font-weight:500;color:#222;text-align:center;}
.new_eye05 .w1200 > h2 > span{font-weight:bold;color:#f93672;}

.new_eye05 .w1400{background-color:#fff;padding-top:10px;margin-top:15px; width:920px; margin:0 auto;}
.new_eye05 .w1400 > .w1200 .txt_area:after{display:block;content:"";clear:both;}
.new_eye05 .w1400 > .w1200 .txt_area{margin-bottom:10px;margin-top:50px;}
.new_eye05 .w1400 > .w1200 .txt_area .left{box-sizing:border-box; padding-right:20px; padding-top:0px; padding-bottom:30px;}
.new_eye05 .w1400 > .w1200 .txt_area .left2{font-family: 'NanumSquare', sans-serif; background:url('../img/sub/2-p1-bg_04.jpg') no-repeat left top; width:140px; margin-left:19px;padding-top:7px; padding-bottom:40px;color:#fff;font-size:22px; font-weight:700; text-align:center; letter-spacing:-0.5px;  }
.new_eye05 .w1400 > .w1200 .txt_area .left3{font-family: 'NanumSquare', sans-serif; background:url('../img/sub/2-p1-bg_11.jpg') no-repeat left top; width:100%; padding-top:7px; padding-left:57px; padding-bottom:30px;color:#fff;font-size:22px; font-weight:700; text-align:left; letter-spacing:-0.5px;  }
.new_eye05 .w1400 > .w1200 .txt_area .left4{font-family: 'NanumSquare', sans-serif; background:url('../img/sub/2-p1-bg_05.jpg') no-repeat left top; width:190px; margin-left:19px;padding-top:7px; padding-bottom:40px;color:#fff;font-size:22px; font-weight:700; text-align:center; letter-spacing:-0.5px;  }
.new_eye05 .w1400 > .w1200 .txt_area .left5{font-family: 'NanumSquare', sans-serif; background:url('../img/sub/2-p1-bg_12.jpg') no-repeat left top; width:100%; padding-top:7px; padding-left:57px; padding-bottom:10px;color:#fff;font-size:22px; font-weight:700; text-align:left; letter-spacing:-0.5px;  }
.new_eye05 .w1400 > .w1200 .txt_area .left6{font-family: 'NanumSquare', sans-serif; background:url('../img/sub/2-p1-bg_13.jpg') no-repeat left top; width:100%; padding-top:7px; padding-left:57px; padding-bottom:10px;color:#fff;font-size:22px; font-weight:700; text-align:left; letter-spacing:-0.5px;  }
.new_eye05 .w1400 > .w1200 .txt_area .left7{font-family: 'NanumSquare', sans-serif; background:url('../img/sub/2-p1-bg_14.jpg') no-repeat left top; width:100%; padding-top:7px; padding-left:57px; padding-bottom:10px;color:#fff;font-size:22px; font-weight:700; text-align:left; letter-spacing:-0.5px;  }
.new_eye05 .w1400 > .w1200 .txt_area .left8{font-family: 'NanumSquare', sans-serif; background:url('../img/sub/2-p1-bg_15.jpg') no-repeat left top; width:100%; padding-top:7px; padding-left:57px; padding-bottom:10px;color:#fff;font-size:22px; font-weight:700; text-align:left; letter-spacing:-0.5px;  }
.new_eye05 .w1400 > .w1200 .txt_area .left9{font-family: 'NanumSquare', sans-serif; background:url('../img/sub/2-p1-bg_16.jpg') no-repeat left top; width:100%; padding-top:7px; padding-left:57px; padding-bottom:10px;color:#fff;font-size:22px; font-weight:700; text-align:left; letter-spacing:-0.5px;  }
.new_eye05 .w1400 > .w1200 .txt_area .left10{font-family: 'NanumSquare', sans-serif; background:url('../img/sub2/sub2bg02.jpg') no-repeat left top; width:100%; padding-top:15px; 
         padding-left:47px; padding-bottom:60px;color:#1d4276;font-size:22px; font-weight:900; text-align:left; letter-spacing:-0.5px;  }
.new_eye05 .w1400 > .w1200 .txt_area .right{width:918px;box-sizing:border-box;padding-left:0px;border-left:0px solid #0e469c;margin-top:10px;text-align:left;}
.new_eye05 .w1400 > .w1200 .txt_area .right2{font-family: 'NanumSquare', sans-serif;width:918px;box-sizing:border-box;padding-left:25px;border-left:0px solid #0e469c;margin-top:10px;text-align:left;}
.new_eye05 .w1400 > .w1200 .txt_area .right4{font-family: 'NanumSquare', sans-serif;width:918px;box-sizing:border-box;padding-left:25px;border-left:0px solid #0e469c;margin-top:10px;text-align:left;}

.new_eye05 .w1400 > .w1200 .txt_area .left{font-size:24px;line-height:30px;font-weight:bold;letter-spacing:-0.05em;color:#0e469c;/*border-right:1px solid #f93672;*/display:block; vertical-align:top;}
.new_eye05 .w1400 > .w1200 .txt_area .left > span{font-size:15px; line-height:18px;}

.new_eye05 .w1400 > .w1200 .txt_area .left.border_h{margin-top:60px;}
.new_eye05 .w1400 > .w1200 .txt_area .right.border_h{margin-top:70px;}
.new_eye05 .w1400 > .w1200 .txt_area .left.border_h > span{margin-left:67px;height:23px;}

.new_eye05 .w1400 > .w1200 .txt_area .right > p{font-size:20px;line-height:30px;letter-spacing:-1px;font-weight:500;color:#333;padding-bottom:5px;}
.new_eye05 .w1400 > .w1200 .txt_area .right > p.pb20{padding-bottom:20px;}
.new_eye05 .w1400 > .w1200 .txt_area .right > span{font-size:16px;line-height:28px;letter-spacing:-0.035em;font-weight:300;color:#757575;padding-bottom:35px;display:block;}

.new_eye05 .w1400 > .w1200 .txt_area .right2 > p{font-size:20px;line-height:30px;letter-spacing:-1px;font-weight:700;color:#333;padding-bottom:5px;}
.new_eye05 .w1400 > .w1200 .txt_area .right2 > p.pb20{padding-bottom:20px;}
.new_eye05 .w1400 > .w1200 .txt_area .right2 > span{padding-left:10px;font-size:17px;line-height:28px;letter-spacing:-0.035em;font-weight:500;color:#333;padding-bottom:35px;display:block;}
.new_eye05 .w1400 > .w1200 .txt_area .right3 > span{padding-left:10px;font-size:17px;line-height:28px;letter-spacing:-0.035em;font-weight:500;color:#333;padding-bottom:35px;display:block;}
.new_eye05 .w1400 > .w1200 .txt_area .right4 > p{font-size:19px;line-height:30px;letter-spacing:-1px;font-weight:700;color:#262626;padding-bottom:5px;}
.new_eye05 .w1400 > .w1200 .txt_area .right4 > p.pb20{padding-bottom:20px;}
.new_eye05 .w1400 > .w1200 .txt_area .right4 > span{padding-left:10px;font-size:15px;line-height:28px;letter-spacing:-0.035em;font-weight:500;color:#b4b4b4;padding-bottom:35px;display:block;}

.new_eye05 .w1400 > .w1200 .txt_area1-1:after{display:block;content:"";clear:both;}
.new_eye05 .w1400 > .w1200 .txt_area1-1{width:918px; background:url("/img/sub/sub02_01_img01.jpg") right 60px no-repeat; }

.new_eye05 .w1400 > .w1200 .txt_area1-2:after{display:block;content:"";clear:both;}
.new_eye05 .w1400 > .w1200 .txt_area1-2{width:918px;background:url("/img/sub/sub02_01_img02.jpg") right 60px no-repeat; }


.new_eye05 .w1400 > .w1200 .txt_area2-1:after{display:block;content:"";clear:both;}
.new_eye05 .w1400 > .w1200 .txt_area2-1{width:918px; background:url("/img/sub/sub02_01_img13.jpg") right 60px no-repeat; }

.new_eye05 .w1400 > .w1200 .txt_area3-1:after{display:block;content:"";clear:both;}
.new_eye05 .w1400 > .w1200 .txt_area3-1{width:918px; background:url("/img/sub/sub02_01_img16.jpg") right 60px no-repeat; }


.new_eye05 .w1400 > .w1200 .txt_area4-1{width:918px; background:url("/img/sub/sub02_01_img17.jpg") right 60px no-repeat; }



.subtable { width:100%; margin-top:0px; margin-bottom:20px;border-collapse:collapse;}
.subtable th { background:#f8f8f8; border-top:2px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd;text-align:center; font-size:16px; font-weight:500; padding:15px 0;}
.subtable td { padding:20px; color:#333333; line-height:22px; color:#35363a; text-align:center;font-size:15px; font-weight:300; letter-spacing:-0.03em;}
.subtable tr + tr th {border-top:1px solid #e5e5e5;border-left:1px solid #ddd; }
.subtable tr + tr td {border-left:1px solid #e5e5e5; border-bottom:1px solid #ddd;}
.subtable tr + tr td:first-child {border-left:1px solid #e5e5e5; border-bottom:1px solid #ddd;}
.subtable tr + tr td.list {text-align:left; padding-left:30px;}

.subtable2 { width:100%; margin-top:30px; margin-bottom:20px;}
.subtable2 th { background:#3786bd; color:#fff; font-size:16px; font-weight:400; padding:10px 0;}
.subtable2 td { padding:13px 0; color:#333333; line-height:22px; color:#35363a; text-align:center;font-size:15px; font-weight:300; letter-spacing:-0.03em;}
.subtable2 tr + tr th {border-top:1px solid #e5e5e5;}
.subtable2 tr + tr td {border-left:1px solid #e5e5e5; border-bottom:1px solid #ddd;}
.subtable2 tr + tr td:first-child {border-left:1px solid #e5e5e5; border-bottom:1px solid #ddd;}
.subtable2 tr + tr td.left {text-align:left; padding-left:30px;}


.subtable3 { width:100%; margin-top:30px; margin-bottom:20px;border-collapse:collapse; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
.subtable3 th { background:#3786bd; color:#fff; font-size:16px; font-weight:400; padding:10px 0;}
.subtable3 td { border:1px solid #e5e5e5;padding:13px 0; color:#333333; line-height:22px; color:#35363a; text-align:center;font-size:17px; font-weight:400; letter-spacing:-0.03em;}
.subtable3 tr + tr th {border-top:1px solid #e5e5e5;}
.subtable3 tr + tr td {border-left:1px solid #e5e5e5; border-bottom:1px solid #ddd;}
.subtable3 tr + tr td {border-left:1px solid #e5e5e5; border-bottom:1px solid #ddd;}
.subtable3 tr + tr td.left {text-align:left; padding-left:30px;}


#pd_tab01 {margin-top:-30px;}
#pd_tab01 a {display: inline-block; margin: 0 0 -1px; width:calc(20% - 5px); padding:10px 0; font-weight: 300; text-align: center; color: #000; font-size:13px; border: 1px solid transparent; border: 1px solid #ddd; border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; background:#f7f7f7;}
#pd_tab01 a:hover {color: #555; border: 1px solid #ddd; border-top: 2px solid #2e9cdf; border-bottom: 1px solid #ddd; background:#fff;}
#pd_tab01 a.on {color:#000; border-top: 2px solid #2e9cdf;}

#pd_tab02 {margin-top:-30px;}
#pd_tab02 a {display: inline-block; margin: 0 0 -1px; width:calc(14.5% - 5px); padding:10px 0; font-weight: 300; text-align: center; letter-spacing:-0.5px; color: #000; font-size:13px; border: 1px solid transparent; border: 1px solid #ddd; border-top: 2px solid #ddd; border-bottom: 1px solid #ddd; background:#f7f7f7;}
#pd_tab02 a:hover {color: #555; border: 1px solid #ddd; border-top: 2px solid #2e9cdf; border-bottom: 1px solid #ddd; background:#fff;}
#pd_tab02 a.on {color:#000; border-top: 2px solid #2e9cdf;}



/* product - read */
.productReadContent {width:920px; margin:0 auto; height:320px; }
.productReadContent:after {display:block; content:""; clear:both}
.productReadContent .productImage{float:left; width:430px; border:1px solid #eee; }
.productReadContent .productImage img {width:100%;}
.productReadContent .productImage2{float:left; width:430px; border:1px solid #eee; text-align:center;}
.productReadContent .productImage2 img {width:80%;}
.productReadContent .productDetail {float:left; width:470px; margin-top:-20px; margin-left:20px;}


.productReadContent .productDetail .detail01 {font-weight:300; color:#000; border-bottom:1px solid #ddd;}

.productReadContent .productDetail .sortTitle {height:40px; font-weight:500; font-size:18px; line-height:50px; text-indent:10px; background:url(/product/images/bar_under.jpg) 10px bottom no-repeat; color:#111; padding-left:10px; padding-top:10px;}
.productReadContent .productDetail div .infoFeature {width:640px; padding:5px 20px;  font-size:15px; line-height:25px; color:#111; }

.productReadContent .productDetail div .ScrollPane{}


.scon_product ul {display:inline-block; *display:inline; *zoom:1; margin-right:10px; margin-bottom:40px;}
.scon_product ul li {border:1px solid #ddd;}
.scon_product ul li.name {border:0px solid #ddd; font-size:17px; font-weight:600; padding-top:10px; color:#333;}


.boxline {border:1px solid #ddd; font-size:13px; padding:10px; font-weight:300; text-align:center;}

.s_img {margin-top:30px;}
.s_img ul {display:inline-block; *display:inline; *zoom:1; width: calc(100% /2 - 17px); margin-right:13px; margin-bottom:13px;}
.s_img ul li {font-size:15px; color:#000; font-weight:600; text-align:center; padding-bottom:10px;}
.s_img ul li img {width:100%;}


.orderpage_tabmenu_container {width: 100%; margin-bottom:20px; margin-top:20px; }
.orderpage_tabmenu {width: calc(100% /2 - 1px); height: auto;display:inline-block; *display:inline; *zoom:1; font-size:16px;padding:10px 0;background-color: #fff; font-weight:600;text-align:center;cursor: pointer;margin-left:-5px; border:1px solid #ddd;}
.orderpage_tabmenu:hover {color: #2d2d31;}
.orderpage_tabmenu.active {color: #fff;font-weight: 500;background-color: #3886bd;	border:solid 0px #FFF;}

.orderpage_tabmenu_container2 {width: 100%; margin-bottom:30px;margin-top:30px;}
.orderpage_tabmenu2 {margin-bottom:1px; width: calc(100% /5 - 1px); height: auto;display:inline-block; *display:inline; *zoom:1; font-size:16px;padding:10px 0;background-color: #fff; font-weight:600;text-align:center;display: inline-block;cursor: pointer;margin-left:-1px; border:1px solid #ddd;}
.orderpage_tabmenu2:hover {color: #2d2d31;}
.orderpage_tabmenu2.active {color: #fff;font-weight: 500;background-color: #3886bd;	border:solid 0px #FFF;}

.orderpage_tabmenu3 {margin-bottom:1px; width: calc(100% /3 - 1px); height: auto;display:inline-block; *display:inline; *zoom:1; font-size:16px;padding:10px 0;background-color: #fff; font-weight:600;text-align:center;display: inline-block;cursor: pointer;margin-left:-5px; border:1px solid #ddd;}
.orderpage_tabmenu3:hover {color: #2d2d31;}
.orderpage_tabmenu3.active {color: #fff;font-weight: 500;background-color: #3886bd;	border:solid 0px #FFF;}



#cssmenu{position:relative;height:30px;top:5px;z-index:100;background:#fff;width:1000px;}
#cssmenu ul li{display: block; z-index:1000000;float: left;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu2 #menu-button {display: block; z-index:1000000;}
#cssmenu ul ul {position: absolute;left: -9999px;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu ul ul ul {margin-left: 100%;top:0;} /* 쓰리뎁스가 우측으로 나오게 */
#cssmenu ul ul li {height: 0;-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;} /* 투뎁스 부드럽게 나오는 효과 *


/* ysk 수정해줘야할 스타일시트 */
#cssmenu {float:left; margin:0;}
#cssmenu > ul > li {float: left; padding:0px;height:40px;}
#cssmenu > ul > li > a {padding:0 0 0 0;margin-top:-5px;font-size:20px; font-family:'Noto Sans KR',sans-serif; color:#393939; font-weight:500; line-height:60px; letter-spacing:-0.5pt;} /* ysk 대메뉴 스타일시트 */
#cssmenu  ul  li a:hover{color: #cc0000; -webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}






#cssmenu ul li:hover > ul > li {height: 40px; width:180px;border-top:1px solid #2b313f; border-left:1px solid #2b313f;border-right:1px solid #2b313f;background:#353535; padding:0 0 0 0;} /*  투뎁스 메뉴의높이 */
#cssmenu ul ul li a {padding:0 0 0 20px; line-height: 40px;  font-size:15px; font-family:'Noto Sans KR',sans-serif; color:#ffffff; font-weight:400; letter-spacing:-1pt;} /* 뎁스 스타일 */
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #ffffff; font-weight:500; background:#2b313f;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} /* 뎁스 오버시 폰트컬러 */
#cssmenu > ul > ul > li:hover > #cssmenu ul li a {color: #cc0000;}


.historys {padding-bottom:170px;}
.history-area {margin-top:70px;}
.historys .tab-contents {padding:70px 0;}
.historys .half-area {overflow:hidden;width:100%;padding:0 0 32px;background:url(../images/kt/bg-historys.png) no-repeat 95% 210px;}
.historys {position:relative;width:100%;padding:0 0 16px;background-image:url(/img/bg-historys-line.gif);background-position: center;background-repeat: repeat-y;}
.historys [class^="month-"]:last-child {background:none;}
.historys dl {position:relative;padding-top:2px;}

.historys dl:before {position:absolute;top:0;display:inline-block;width:40px;height:40px;content:"";background-image:url(/img/point.gif);background-repeat:no-repeat;}
.historys dl dt {position:absolute;top:5px;font-size:20px;color:#3886bd;font-weight:bold;letter-spacing:-1px;}
.historys dl dd {font-size:15px;color:#666;}
.historys dl dd:before {display:inline-block;width:3px;height:26px;margin-right:10px;content:"";background:url(/img/dot.gif) no-repeat 0 17px;}
.historys dl dt + dd {padding-bottom:11px;}
.historys dl dt + dd + dd {margin-top:-11px;}
.historys dl dd em {display:block;font-size:16px;color:#888;}

.historys .month-flow dl dt:after,
.historys .month-reverse dl dt:before {display:inline-block;width:22px;height:1px;margin-top:13px;vertical-align:top;content:"";background-color:#3886bd;}
.historys .month-flow {float:left;width:500px;}
.historys .month-flow dl {text-align:right;padding-right:120px;}
.historys .month-flow dl:before {right:0;background-position:100% 0;}
.historys .month-flow dl dt {right:40px;}
.historys .month-flow dl dt:after {margin-left:5px;}

.historys .month-reverse {float:right;width:500px;}
.historys .month-reverse dl {text-align:left;padding-left:122px;}
.historys .month-reverse dl:before {left:0;background-position:0 0;}
.historys .month-reverse dl dt {left:40px;}
.historys .month-reverse dl dt:before {margin-right:5px;}
.historys .month-reverse dl dd {padding-left:13px;text-indent:-13px;}
.historys .month-reverse dl dd em {margin-left:33px;}