/* -------- 사용자 지정 css -------- */
@charset "utf-8";
/* @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); /* 나눔고딕 */

/* 초기화 */
html{overflow-y:scroll}
body{margin:0;padding:0;font-size:0.813em;font-family:'Nanum Gothic', sans-serif;color:#444;background:#fff}

p{margin:0;padding:0;/* word-break:break-all */}
hr{display:none}
a{color:#666;text-decoration:none}
/* a:link, a:visited{color:#666;text-decoration:none}
a:hover, a:focus, a:active{color:#222;text-decoration:none} */
em{color:#ed217c;font-style:normal;font-size:1.077em}
strong{font-weight:bold}

/* 상단 레이아웃 */
#hd {z-index:30;position:fixed;width:100%;height:140px;background:#fff/* url(/images/inc/hd_bg.png) repeat-x 0 0;opacity:0.98;filter:alpha(opacity=98) */}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:0;width:100%;height:140px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* #logo {position:absolute;left:0;top:57px} */
#logo {padding-top:7px;text-align:center}

/* 전체 검색 */
#hd_sch {float:right;margin:40px 0 0 10px;padding:0;border:1px solid #c3c6ca}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:157px;height:22px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:22px;width:25px;border:0;background:#fff url(/images/inc/search_ico.png) no-repeat center 50%;color:#444;cursor:pointer}

/* 상단 회원가입 등 링크 : Font Awesome */  
#tnb {position:absolute;top:0;right:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0;padding:0}
#tnb li:last-child {padding:0}
#tnb a {display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;font-size:1.231em;color:#fff;letter-spacing:0;background:#a0ad21}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb a.bg1{font-size:1em;color:#bbd6eb;background:#0087b0}
#tnb a.bg2{font-size:1.125em;color:#b0b4d3;background:#0078b0}

/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* Top droppy Menu slide down (3차 메뉴, 1차메뉴 중앙정렬) */
#gnb{z-index:40;position:fixed;right:0;top:90px;width:100%;height:50px;text-align:center;background:#19a4ce;opacity:1;filter:alpha(opacity=100)}
#gnb h2{position:absolute;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden}
/* Basic code - don't modify */
.droppy{display:block;margin:0;pdding:0;position:relative}
.droppy li{display:inline-block;position:relative;/* float:left; */list-style:none;margin:0;padding:0}
.droppy a{display:block}
.droppy ul{display:none;position:absolute;left:0;margin:0;padding:0}
* html .droppy ul{line-height:0} /* IE6 "fix" */
.droppy ul a{zoom:1} /* IE6/7 fix */
.droppy ul li{float:none}

.droppy ul ul{top:0}
/* Essentials - configure this */
.droppy ul{width:180px}
.droppy ul ul{left:186px}
/* Everything else is theming */
.droppy{/* float:right; */background:transparant;height:50px}
.droppy *:hover {background-color:none}
.droppy li a{display:inline-block;height:50px;margin:0;padding:0 45px;color:#fff;text-align:center;font-size:1.154em;font-weight:400;letter-spacing:0;line-height:50px;text-decoration:none}
.droppy li.hover a{color:#fde801;background-color:none}
.droppy li.hover ul a{color:#222}
.droppy ul{left:25px;top:49px;border:1px solid #19a4ce;padding:12px 0;background:#fff;opacity:1;filter:alpha(opacity=100)}
.droppy ul li a{width:115px;height:35px;padding-left:20px;line-height:35px;font-size:1em;color:#222;font-weight:400;text-align:left;background:#fff;border-bottom:0px solid #2587c9}
.droppy ul a.has-subnav{background:#19a4ce /* url(/images/inc/1dlibg.png) no-repeat 95% 50% */}
.droppy ul a.hover{background-color:#19a4ce;color:#fff !important}
.droppy ul a{opacity:1 /* ;opacity:0.95;filter:alpha(opacity=95) */}
/* .droppy ul a{borer-bottom:none} - I also needed this for IE6/7 */
.droppy li:last-child a{margin-right:0}
.droppy ul li:last-child a{border-bottom:0px solid #2587c9}
.droppy ul ul li a{width:157px;min-height:12px;height:auto !important;height:12px;padding:9px 5px 9px 18px;line-height:1.3;background:#004d9b;border-bottom:1px solid #1964af !important}
.droppy ul ul li:last-child a{border-bottom:0px solid #1964af !important}
.droppy ul.wd2{width:225px}
.droppy ul.wd2 li a{width:160px}
			
/* 중간 레이아웃 */
#wrapper {z-index:5;width:100%;margin:0;padding-top:140px;border-right:0px solid #dde4e9;border-left:0px solid #dde4e9;background:transparant;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* 서브 wrap */
#sub_wrap{display:block;position:relative;width:1140px;height:auto;margin:0 auto;padding:0 0 70px;background:#fff}
#sub_wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* 서브 좌측메뉴 */
#aside{float:left;margin:-150px 0 50px;width:220px;min-height:40px;height:auto !important;height:40px;border-bottom:1px solid #0078b0}
#aside h1{width:220px;height:90px;margin:0;padding-top:160px;text-align:center;font-size:1.846em;color:#fff;font-weight:400;line-height:1.3;border-bottom:2px solid #0078b0;background:url(/images/inc/aside_bg.png) no-repeat 0 0}
#aside h1 a{color:#fff}
#aside h1.line2{height:100px;padding-top:150px}

#aside .info_text{position:absolute;left:360px;top:-140px;width:460px;height:auto;margin:0;padding:0;text-align:center}
#aside .info_text .txt{padding:20px 0;font-size:1.538em;color:#000;font-weight:400;letter-spacing:-0.01em;border-top:1px solid #888;border-bottom:1px solid #888}
#aside .info_text .txt2{width:100%;height:100%;font-size:1em;font-weight:400;color:#19a4ce;margin-top:15px;padding-top:18px}

/* 서브 탑메뉴 */
#aside_top {z-index:8;position:relative;width:100%;height:auto}
#aside_top h1{margin-top:50px;font-size:2.5em;color:#fff;font-weight:800}
#aside_top .fsm{display:block;margin-top:-100px;margin-bottom:4px;padding:0;font-size:3.167em;color:#fff;font-weight:400;margin-top:-100px}
#aside_top .fsm2{display:block;font-size:.4em;font-weight:400;color:#cca0a0;letter-spacing:0;margin-top:10px;line-height:1.5}

#aside_top .info_text{position:relative;top:-135px;width:500px;height:50px;margin:0 auto;padding:0;text-align:center}
#aside_top .info_text .txt{font-size:2.692em;color:#222;font-weight:700;letter-spacing:0;text-shadow:1px 1px 2px #fff}
#aside_top .info_text .txt2{font-size:0.923em;font-weight:400;color:#fff;margin-top:15px;padding-top:18px;background:url(/images/main/vline.png) no-repeat center 0;display:none}

/* 서브 컨텐츠 레이아웃 */
#container {z-index:4;position:relative;float:left;padding:0 0 0 50px;width:870px;min-height:550px;height:auto !important;height:550px;border-left:0px solid #eaeaea;font-size:1em;line-height:1.5;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:15px;font-size:1.308em;font-weight:bold}

#container_dft {z-index:4;position:relative;margin:0 auto;padding:0;width:1140px;min-height:550px;height:auto !important;height:550px;font-size:1em;line-height:1.5;zoom:1}
#container_dft:after {display:block;visibility:hidden;clear:both;content:""}

/* 메인 중간 레이아웃 */
#container_index {position:relative;width:100%;min-height:550px;height:auto !important;height:550px}
#container_index:after {display:block;visibility:hidden;clear:both;content:""}

/* 서브페이지 배경 이미지 */
.sub_img{width:100%;height:220px;margin:0;padding:0;background:#bbb url();background-repeat:no-repeat;/* background-position:top; */background-position:center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  -ms-behavior:url(/html/js/backgroundsize.min.htc);
  behavior:url(/html/js/backgroundsize.min.htc);
  /* -webkit-transition:2s ease all;-moz-transition:2s ease all;-o-transition:2s ease all;transition:2s ease all */}
.sub_img01{background:url(/images/sub/sub_img01.jpg) center center}
.sub_img02{background:url(/images/sub/sub_img02.jpg) center center}
.sub_img03{background:url(/images/sub/sub_img03.jpg) center center}
.sub_img04{background:url(/images/sub/sub_img04.jpg) center center}
.sub_img05{background:url(/images/sub/sub_img05.jpg) center center}
.sub_img06{background:url(/images/sub/sub_img06.jpg) center center}
.sub_img07{background:url(/images/sub/sub_img07.jpg) center center}
.sub_img08{background:url(/images/sub/sub_img08.jpg) center center}

/* .sub_img:hover{background-position:center;background-position:top\0/ie8 /* IE 8,9 핵 */ /*} */

/* Side droppy Menu slide down (3차, 4차메뉴) */
.side_menu{overflow:visible;clear:both;margin-top:0;padding-top:0;width:220px}  
.side_menu li {display:inline;float:left;position:relative;width:220px;margin:0;font-size:1.154em} 
.side_menu li a{display:block;width:185px;padding:17px 20px 17px 15px;margin:0;color:#333;font-weight:400;text-align:left;text-decoration:none;border-bottom:1px solid #ccc}
.side_menu li a.rollover:hover,
.side_menu li a.over{color:#fff;background:#19a4ce}
.side_menu li a:hover{color:#fff;background:#a2ca39;-webkit-transition:background-color .3;-moz-transition:background-color .3ss;-o-transition:background-color .3s;transition:background-color .3s}
.side_menu li a.minus{color:#fff;background:#19a4ce url(/images/inc/s2dlibg2.png) no-repeat 191px 24px} 
.side_menu li a.plusov{color:#fff;background:#19a4ce url(/images/inc/s2dlibg_ov.png) no-repeat 191px 18px}  
.side_menu li.plus{background:url(/images/inc/s2dlibg.png) no-repeat 191px 18px} 
/* .side_menu li:last-child a{border-bottom:1px solid #014e97} */
.side_menu li:first-child{margin-top:0}
.side_menu li ul{display:none;background:#dfe6eb}
.side_menu li ul li{font-size:0.867em}
.side_menu li ul li a{width:170px;padding:14px 30px 14px 20px;color:#333 !important;border-bottom:1px solid #b7bfc5;background:#e6ebed;line-height:1.3/* ;border-right:1px solid #e6ebed */}
.side_menu li ul li a:hover,
.side_menu li ul li a.rollover:hover{color:#19a4ce;font-weight:700;background:#cfd6d8}
.side_menu li ul li a.over{color:#19a4ce;font-weight:700;background:#cfd6d8 url(/images/inc/s3dlibg.png) no-repeat 195px 18px}
.side_menu li ul li:first-child a{border-top:0px solid #dfe6eb}
/* .side_menu li ul li:last-child a{padding-bottom:18px;border-bottom:1px solid #dfe6eb} */
.side_menu li ul ul{display:block !important;background:#fff}
.side_menu li ul ul li{font-size:0.923em}
.side_menu li ul ul li a{width:208px;padding:9px 0 7px 32px;color:#333;border-bottom:0px solid #dfe1df;background:#f1f5f8 url(/images/inc/s4dlibg.png) no-repeat 0 0}
.side_menu li ul ul li a:hover,
.side_menu li ul ul li a.rollover:hover{color:#0071bd;font-weight:700;background:#d9e0e5 url(/images/inc/s4dlibg.png) no-repeat 0 0}
.side_menu li ul ul li a.over{color:#0071bd;font-weight:700;background:#d9e0e5 url(/images/inc/s4dlibg.png) no-repeat 0px -31px}
.side_menu li ul ul li:last-child a{padding-bottom:12px;border-bottom:1px solid #cfd6d8}

/* 페이지 네비게이션 */
.navig{margin-top:25px;padding:0;text-align:right;font-size:1em}
.navig li {display:inline;margin-left:0;padding:0 4px;color:#888;font-weight:400;text-shadow:1px 1px 2px #fff}
.navig li a{color:#888}
.navig li.frst{padding-right:7px}
.navig li.frst img{margin-top:-3px;margin-right:7px;padding:0}
.navig li:last-child{padding-right:0;color:#444}
.navig span{color:#aaa}

/* 페이지 타이틀 */
.sub_title{color:#444;line-height:1;margin:20px 0 40px;text-align:left}
.sub_title li{display:inline;font-size:2.769em;font-weight:700;padding-top:38px;letter-spacing:-0.03em;background:url(/images/sub/stit_bg.png) no-repeat center top}
.sub_title li.stitle{font-size:1.154em;color:#777;font-weight:normal;letter-spacing:0;margin-left:22px;padding-left:12px;border-left:1px solid #bbb}

/* 본문 컨텐츠 */
#sub_ctt {width:100%;margin:0;padding:0;/* font-size:1em; */font-size:1.154em/* 15px */;line-height:1.75}
#sub_ctt p{margin:1.5em 0 1em}

/* 하단 레이아웃 */
#ft {min-width:100%;border-top:0px solid #bbb;background:#e7e9ea}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_copy {position:relative;margin:0 auto;width:1140px;height:135px;padding:0}
#ft_copy #ft_logo {position:absolute;left:0;top:22px}
#ft_copy .company{position:absolute;left:0;top:35px;display:block;font-size:1.154em;color:#555;text-align:left}
#ft_copy .company a:hover,
#ft_copy .company a:focus{color:#d3d3dd}
#ft_copy .company span{color:#75757d;margin:0 8px}
#ft_copy .adrs{position:absolute;left:530px;top:18px;display:block;color:#555;font-size:1em;text-align:left;line-height:1.8}
#ft_copy .adrs span{color:#bbb;margin:0 10px}
#ft_copy .adrs a{color:inherit}
#ft_copy .copyrt{position:absolute;left:530px;top:110px;color:#777;font-size:0.923em/* ;text-transform:uppercase */}
#ft_copy #ft_top {position:absolute;right:0;top:40px;display:inline-block}
#ft_copy #ft_top li{float:left;margin:0 0 0 12px;padding:0}
#ft_copy #ft_top li a:last-child{margin-right:0}

/* TOP 스크롤 */
.gotop{z-index:99;position:fixed;_position:absolute;left:90%;/* top:80%; */bottom:135px;width:48px;height:38px;padding-top:10px;font-size:2em;color:#ed217c;text-align:center;border:1px solid #ed217c;background-color:#fff;cursor:pointer;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;opacity:0.70;filter:alpha(opacity=70)}
.gotop img{display:block;margin:14px auto 3px}
.gotop i{font-size:1.692em;margin-top:10px}

/* 화면낭독기 사용자용 */
#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}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px 18px 8px;border:0px solid #007d37;background:#8a8f97;color:#fff;text-decoration:none;vertical-align:middle}
a.btn01:focus, .btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px 18px 8px;border:0px solid #007d37;background:#8a8f97;color:#fff;text-decoration:none}

a.btn02 {display:inline-block;padding:7px 17px 8px;border:0px solid #007d37;background:#b0b6c0;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn04:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px 17px 8px;border:0px solid #007d37;background:#b0b6c0;color:#fff;text-decoration:none}

/* 컨텐츠 버튼 */
a.button,
input.button,
button.button{display:inline-block;min-height:1em;padding:16px 28px 15px;border:0px solid #555;background:#555;color:#fff;font-size:1.071em;line-height:1.3;vertical-align:middle;white-space:nowrap;cursor:pointer;
border-color:#1f60a6 #1f60a6 #092d57 #1f60a6;
-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;
background:-webkit-gradient(linear,0 0,0 100%,from(#555),to(#555));
background:-moz-linear-gradient(top,#555,#555);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#555,endColorStr=#555)}
a:hover.button, a:focus.button{color:#fff}

/* 작은 버튼 */
a.sbutton,
input.sbutton,
button.sbutton{display:inline-block;/* padding:5px 15px; */padding:6px 30px;border:0px solid #4295df;font-size:0.923em;color:#fff;background:#29afd7;vertical-align:middle;white-space:nowrap;cursor:pointer;
-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;
-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
a:hover.sbutton, a:focus.sbutton{color:#fff;background:#0087b0}
a.sbutton i{font-size:1em;margin-left:10px}

a.sbutton2,
input.sbutton2,
button.sbutton2{display:inline-block;width:48px;padding:3px 0;border:0px solid #4295df;font-size:11px;color:#fff;background:#c088c8;line-height:1.3;vertical-align:middle;white-space:nowrap;cursor:pointer;
-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;
-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
a:hover.sbutton2, a:focus.sbutton2{color:#fff;background:#c088c8}

/* 중간 버튼 */
a.mbutton,
input.mbutton,
button.mbutton{display:inline-block;padding:10px 30px;border:0px solid #4295df;font-size:1.154em;color:#fff;background:#29afd7;vertical-align:middle;white-space:nowrap;cursor:pointer;
-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;
-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
a:hover.mbutton, a:focus.mbutton{color:#fff;background:#0087b0}
a.mbutton i{font-size:1.2em;margin-left:12px;vertical-align:middle}

/* 큰 버튼 */
a.gbutton,
input.gbutton,
button.gbutton{display:inline-block;padding:15px 40px;border:0px solid #4295df;/* font-size:1.154em; */font-size:1.385em;color:#fff;background:#29afd7;line-height:1.3;vertical-align:middle;white-space:nowrap;cursor:pointer;
-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;
-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
a:hover.gbutton, a:focus.gbutton{color:#fff;background:#0087b0}
a.gbutton i{font-size:1.154em;margin-left:14px}

/* 라운드 버튼 */
a.rbutton,
input.rbutton,
button.rbutton{display:inline-block;padding:6px 25px;border:0px solid #4295df;font-size:1.154em;color:#fff;background:#29afd7;vertical-align:middle;white-space:nowrap;cursor:pointer;
-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;
-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;
-webkit-box-shadow:inset 1px 1px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow:inset 1px 1px 3px 0px rgba(0,0,0,0.3);-o-box-shadow:inset 1px 1px 3px 0px rgba(0,0,0,0.3);box-shadow:inset 1px 1px 3px 0px rgba(0,0,0,0.3)}
a:hover.rbutton, a:focus.rbutton{color:#fff;background:#0087b0}
a.rbutton i{font-size:1em;margin-left:12px}

/* 컨텐츠 테이블 */
table.t1{width:100%;margin:10px 0 5px;border:0;border-collapse:collapse;border-top:2px solid #0491bc;border-bottom:1px solid #0491bc;border-right:1px hidden #fff;background:#fff}
*+html table.t1{border-right:1px solid #fff}
* html table.t1{border-right:1px solid #fff}
table.t1 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
table.t1 tr{/*text-align:left;*/ text-align:center}
table.t1 th, table.t1 td{border:1px solid #ccc;border-width:1px 1px 0 0;padding:8px 5px;vertical-align:middle}
table.t1 thead th{border-bottom-style:solid;border-color:#30abd1 #30abd1 #0491bc;border-width:0 1px 1px 0;border-color:#30abd1;background:#0491bc;color:#fff;text-align:center;vertical-align:middle;font-size:1em;font-weight:bold;padding:8px 5px 8x}
table.t1 tbody th{background:#f9fbfc;text-align:center;font-weight:400}
table.t1 tfoot th, table.t1_tar tfoot td{border-width:1px 1px 0 0;border-color:#ccc;background:#e1e5e6;text-align:center;vertical-align:middle;font-weight:700}
table.t1.tal tr{text-align:left}
table.t1.tal td{padding-left:12px}
table.t1 td.ta_rig{text-align:right;padding-right:10px}
table.t1 td.vat{vertical-align:top}
table.t1.tal2 tbody th{text-align:left;padding-left:20px}

/* 테이블 border:1px */
table.t1.tbd{border:1px solid #bbb;border-top:3px solid #0078b0}
table.t1.tbd th{padding:20px 10px;background:#fff;vertical-align:top}
table.t1.tbd td{padding:10px 0;vertical-align:top}
table.t1.tbd td h4{margin:5px 0 15px;padding-bottom:10px;border-bottom:1px solid #ccc}
table.t1.tbd td ul{margin-left:15px}

/* 테이블 text-align:right */
table.t1_tar{width:100%;margin:10px 0 5px;border:0;border-collapse:collapse;border-top:2px solid #0491bc;border-bottom:1px solid #0491bc;border-right:1px hidden #fff;background:#fff}
*+html table.t1_tar{border-right:1px solid #fff}
* html table.t1_tar{border-right:1px solid #fff}
table.t1_tar caption {padding:0;font-size:0;line-height:0;overflow:hidden}
table.t1_tar tr{text-align:right}
table.t1_tar th, table.t1_tar td{border:1px solid #ccc;border-width:1px 1px 0 0;padding:8px 10px 8px 5px;vertical-align:middle}
table.t1_tar thead th{border-bottom-style:solid;border-color:#30abd1 #30abd1 #0491bc;border-width:0 1px 1px 0;border-color:#30abd1;background:#0491bc;color:#fff;text-align:center;vertical-align:middle;font-size:1em;font-weight:bold;padding:8px 5px 8x}
table.t1_tar tbody th{background:#f9fbfc;text-align:center;font-weight:400}
table.t1_tar tfoot th, table.t1_tar tfoot td{border-width:1px 1px 0 0;border-color:#ccc;background:#e1e5e6;text-align:inherit;vertical-align:middle;font-weight:700}
table.t1_tar tfoot th{text-align:center}
table.t1_tar td.ta_lef{text-align:left}
table.t1_tar td.vat{vertical-align:top}

/* 테이블 테두리 강조 */
table.hlt{border-right:1px solid #fff}
table.hlt img{margin:.5em 0}

.hlt_vt{border:3px solid #ef6f11 !important;border-width:3px 3px 0 3px !important}
.hlt_vm{border:3px solid #ef6f11 !important;border-width:0 3px 0 3px !important;border-top:1px solid #ccc !important}
.hlt_vb{border:3px solid #ef6f11 !important;border-width:0 3px 3px 3px !important;border-top:1px solid #ccc !important}

.hlt_hl{border:3px solid #ef6f11 !important;border-width:3px 0 3px 3px !important}
.hlt_hc{border:3px solid #ef6f11 !important;border-width:3px 0 3px 0 !important}
.hlt_hr{border:3px solid #ef6f11 !important;border-width:3px 3px 3px 0 !important;border-left:1px solid #ccc !important}

/* Heading */
h2{margin:2.2em 0 .5em;font-size:2em;color:#444;font-weight:700;padding:0;letter-spacing:-0.01em;line-height:1.3}
h3{margin:2em 0 .5em;/* font-size:1.769em; */font-size:1.6em;color:#0078b0;font-weight:700;padding:0;letter-spacing:-0.01em;line-height:1.5/* background:url(/images/inc/h3bg.gif) no-repeat 0 0 */}
h4{margin:2em 0 .5em;padding:0;font-size:1.2em;color:#333;font-weight:700/* ;background:url(/images/inc/h4bg.png) no-repeat 0 .45em */}
h5{margin:2em 0 .5em;padding:0;font-size:1.067em;font-weight:700;color:#333}
h2:first-child{margin-top:.5em}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{font-weight:normal;letter-spacing:0}
h2.first, h3.first, h4.first, h5.first{margin-top:.75em}
h2.bg{font-size:1.667em;padding:0 0 0 24px;background:url(/images/inc/h2bg.png) no-repeat 0 8px}
h3.bg{font-size:1.533em;padding:0 0 0 22px;background:url(/images/inc/h3bg.png) no-repeat 0 8px}
h3.bline{padding-bottom:.35em;border-bottom:1px solid #90bddb}
h4.bg{margin:.3em 0;font-size:1.133em;color:#444}

/* List */
ul.bu{list-style:none;margin:.5em 0 1em .3em;padding:0;text-align:left}
ul.bu li{margin:0 0 .3em 0.1em;padding:0 0 0 14px;background:url(/images/inc/li1bg.png) no-repeat 4px 10px;font-size:1em}
ul.bu ul li{margin-left:0;padding:0 0 0 10px;background:url(/images/inc/li2bg.png) no-repeat 0 .8em;color:#666}
ul.bu ul li:first-child{margin-top:.5em}
ul.bu ul li:last-child{margin-bottom:1.5em}

ul.bu2{list-style:none;margin:.5em 0 1em .3em;padding:0;text-align:left}
ul.bu2 li{margin:0 0 .3em 0.1em;padding:0 0 0 9px;background:url(/images/inc/li3bg.png) no-repeat 0 11px;font-size:1em}
ul.bu2 ul li{margin-left:0;padding:0 0 0 8px;background:url(/images/inc/li4bg.png) no-repeat 0 .7em;color:#666}
ul.bu2 ul li:first-child{margin-top:.5em}
ul.bu2 ul li:last-child{margin-bottom:1.5em}

ul.col2 li{display:inline;float:left;width:47%}

/* 본문3차메뉴불릿 */
.contentmenu{width:100%;margin:0 0 1em 0;padding:.75em 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fcfcfc}
.contentmenu *{list-style:none;margin:0;padding:0;border:0;background:transparent;line-height:1.25;letter-spacing:-1px}
.contentmenu ul{overflow:auto}
.contentmenu ul li{display:inline;float:left}
.contentmenu ul li a{display:block;padding:3px 1em 2px 1.1em;background:url(/img/all/bu06.gif) no-repeat 0 4px;color:#000;white-space:normal}
.contentmenu ul li.on a{color:#f03;font-weight:bold}
.contentmenu ul.col1 li{width:100%}
.contentmenu ul.col2 li{width:50%}
.contentmenu ul.col3 li{width:33%}
.contentmenu ul.col4 li{width:25%}
.contentmenu ul.col5 li{width:20%}

/* 아이콘 */
p.info, span.info{display:block;margin:0;padding:0 0 0 22px;background:url(/images/inc/ico_info.png) no-repeat 0 6px}
p.info2, span.info2{display:block;margin:0;padding:0 0 0 20px;background:url(/images/inc/ico_info.png) no-repeat 0 50%}
.pdf{background:url(/images/inc/ico_pdf.gif) no-repeat 0 50%;padding-left:25px}

/* 박스 */
.box1{border:1px solid #b5b8cf;padding:1em 0 1.2em 2em;margin:1.5em 0 1em}
.box2{border:2px solid #dee4e6;padding:2em 2em .5em 2em;margin:1.5em 0 1em;background:#f2f8fb}
.box3{border:1px solid #8cd3cd;padding:1em 1.3em;margin:.5em 0 1em}
.box4{border:3px solid #dee4e6;padding:1em 1.5em;margin-top:3em}
.box5{border:5px solid #dee4e6;padding:50px 0 0}

/* 디자인 박스 */ 
.dsn_box01{border:1px solid #e1e1e1;padding:10px 1.5em 0 280px;margin:1em 0 2em;background:url(/images/sub/A_S_image.jpg) no-repeat 20px 15px;height:220px}

/* 라인 */
.dot{border-top:1px dotted #91969a;padding-top:1em}
.dash{border-top:1px dashed #aaa;margin:3em 0}
.line_tb1{border-top:1px solid #e1e1e1;padding-top:1em}
.line_tb2{border-top:1px solid #59c5bc;padding-top:1em}
.line_tb3{border-top:3px solid #0087b0}

/* 배치 */
.left{float:left;padding:0}
.right{float:right;padding:0}
.center{position:relative;margin:0 auto;padding:0;text-align:center}
img.flm{float:left;margin:5px 40px 30px 0}
img.frm{float:right;margin:5px 0 30px 40px}
img.center{display:block;margin:0 auto;text-align:center}
.fl{display:inline !important;float:left !important}
.fr{display:inline !important;float:right !important}
.dpn{display:none !important}
.dpb{display:block !important}
.clb{clear:both !important}

/* box */
.w100{width:100% !important}
.w75{width:75% !important}
.w60{width:60% !important}
.w50{width:50% !important}
.w45{width:45% !important}
/* 배치 box */
.w45fl{width:45% !important;float:left}
.w45fr{width:45% !important;float:right}
.w50fl{width:50%;float:left}
.w50fr{width:50%;float:right}
.wid50{width:50%;float:left;margin-right:100px}
.wid45{width:45%;float:left;margin-right:100px}

.bgf{background:#fff !important}
.bg_df{background:#0491bc !important}

/* font, color */
.fvr{font-variant:small-caps}
.fwb{font-weight:bold !important}
.fwn{font-weight:normal !important}
.fsS{font-size:0.846em !important}/* 11px */
.fsd{font-size:1em;line-height:1.65}/* 13px */
.fsM{font-size:1.154em !important}/* 15px */
.sfsM{font-size:1.385em}/* 18px/13px */
.fsL{font-size:1.538em !important;line-height:1.5;letter-spacing:-.05em}/* 20px */
.fc_yel{color:#fff568}
.fc_gr01{color:#999}
.fc_bb01{color:#0071bd}
.fc_bb02{color:#056fcd}
.fc_bgb01{color:#00a89a}
.fc_gg01{color:#09965a}
.fc_red01{color:#ed4848}
.fcfs_red01{color:#ed4848;font-size:1.2em}
.fcfs_bb01{color:#0071bd;font-size:1.2em}
.fcbg{padding: 3px 5px;color:#fff;background:#60a6d5}
.lhd{line-height:1.5 !important}
.lhd2{line-height:1.75 !important}
.lhd_9{line-height:.9 !important}
.tdu{text-decoration:underline !important}
.tdlt{text-decoration:line-through !important}
.tdn{text-decoration:none !important}
.tal{text-align:left !important}
.tar{text-align:right !important}
.tac{text-align:center !important}

/* 개별속성 */
.mgt0{margin-top:0 !important}
.mgt05{margin-top:.5em !important}
.mgt07{margin-top:.7em !important}
.mgt1{margin-top:1em !important}
.mgt15{margin-top:1.5em !important}
.mgt2{margin-top:2em !important}
.mgt25{margin-top:2.5em !important}
.mgt3{margin-top:3em !important}
.mgt60p{margin-top:60px !important}
.mgt_10p{margin-top:-10px !important}
.mgt_20p{margin-top:-20px !important}
.mgt_30p{margin-top:-30px !important}
.mgt_40p{margin-top:-40px !important}
.mgb0{margin-bottom:0 !important}
.mgb2{margin-bottom:2em !important}
.mgb60p{margin-bottom:60px !important}
.mgr1{margin-right:1em !important}
.mgr05{margin-right:.5em !important}
.mgl05{margin-left:.5em !important}
.mgl07{margin-left:.7em !important}
.mgl1{margin-left:1em !important}
.mgl2{margin-left:2em !important}
.mgl3{margin-left:3em !important}
.mgl4{margin-left:4em !important}
.pdt05{padding-top:.5em !important}
.db_mgt2{display:block;margin-top:2em}


/******** 서브 컨텐츠 ********/

/* sub 공통 ─── */

/* 이미지 left */
.imgfl{float:left;margin:5px 40px 40px 0;color:#666;text-align:center;line-height:1.5}
.imgfl img{display:block;margin-bottom:10px;border:0px solid #e0e8ed;-webkit-box-shadow:10px 9px 0px 0px rgba(190,220,220,1);-moz-box-shadow:10px 9px 0px 0px rgba(190,220,220,1);box-shadow:10px 9px 0px 0px rgba(190,220,220,1)}
.imgfl img.nobs{border:0px solid #e0e8ed;-webkit-box-shadow:0px 0px 0px 0px rgba(230,237,241,1);-moz-box-shadow:0px 0px 0px 0px rgba(230,237,241,1);box-shadow:0px 0px 0px 0px rgba(230,237,241,1)}

/* 이미지 right */
.imgfr{float:right;margin:5px 0 40px 40px;color:#666;text-align:center;line-height:1.5}
.imgfr img{display:block;margin-bottom:10px;border:0px solid #e0e8ed;-webkit-box-shadow:10px 9px 0px 0px rgba(190,220,220,1);-moz-box-shadow:10px 9px 0px 0px rgba(190,220,220,1);box-shadow:10px 9px 0px 0px rgba(190,220,220,1)}
.imgfr img.nobs{border:0px solid #e0e8ed;-webkit-box-shadow:0px 0px 0px 0px rgba(230,237,241,1);-moz-box-shadow:0px 0px 0px 0px rgba(230,237,241,1);box-shadow:0px 0px 0px 0px rgba(230,237,241,1)}

/* 이미지 block */
.imgdb{display:block;margin:2em 0;color:#666;text-align:center;line-height:1.5}
.imgdb img{display:block;margin-bottom:10px;border:2px solid #dee4e6}

/* text box */
.slogan{width:100%;height:390px;margin:50px 0 40px;text-align:center;background:url(/images/sub/01_07_01_pt_img01.jpg) no-repeat center 0}
.slogan .txt{padding-top:200px;font-size:1.385em;color:#fff;font-weight:400;line-height:1.5;letter-spacing:-1px;font-family:'Nanum Myeongjo'}
.slogan .txt span{font-size:1.444em;line-height:2}

.slogan2{display:block;margin:20px auto 40px;padding:40px 20px 20px;font-size:1.6em;color:#0068aa;text-align:center;font-weight:400;border:3px solid #dee4e6}
.slogan2 span{font-size:0.750em;color:#333}
.slogan2 img{display:block;margin:20px auto}

.slogan3{display:block;margin:0 auto 50px;padding:16px 0;font-size:1.308em;color:#fff;text-align:center;font-weight:700;background:#1e3c80}

.slogan4{display:block;margin:30px auto 50px;padding:0;font-size:2em;color:#444;text-align:left;font-weight:700}
.slogan4 img{margin:0 10px;vertical-align:bottom}

/* info box */
.infobox{position:relative;margin:1.5em 0 1em;padding:1em 2em 0.5em;/* border:5px solid #dee4e6 */border:1px solid #0087b0}
.infobox h2{position:absolute;top:-45px;color:#0087b0;padding:10px 24px;border:1px solid #dce3e7;background:#fff;-webkit-box-shadow:4px 3px 0px 0px rgba(220,227,231,1);-moz-box-shadow:4px 3px 0px 0px rgba(220,227,231,1);box-shadow:4px 3px 0px 0px rgba(220,227,231,1)}
.infobox p{font-size:1.067em}
.infobox dl{display:block;clear:both;width:100%;margin:0;padding:0}
.infobox dl dt{float:left;margin:-1px 10px 15px 0;padding:0 0 0 13px;font-size:1.067em;font-weight:bold;background:url(/images/inc/info_li1bg.png) no-repeat 0 8px}
.infobox dl dd{margin-bottom:15px}

.infobox ul{list-style:none;margin:0;padding:0}
.infobox ul li{margin-bottom:.5em;padding:0 0 0 13px;font-size:1.067em;background:url(/images/inc/info_li1bg.png) no-repeat 0 8px}
.info_bg{font-size:1.077em;padding-bottom:2em;background:url(/images/sub/03_01_pt_img01.jpg) no-repeat right top}

/* info box2 */
.infobox2{position:relative;margin:1.5em 0 2em;padding:1.5em 2em;border:5px solid #dee4e6}
.infobox2 li{margin:.5em 0;padding:0;font-size:1.133em;font-weight:400;color:#444}
.infobox2 li i{font-size:1em;color:#19a4ce;margin-right:12px;vertical-align:middle}

/* 컨텐츠 탭메뉴 */
.contTabmenu{position:relative;width:100%;margin:0 0 40px;height:auto;text-align:center}
.contTabmenu ul{clear:both;position:relative;width:100%;overflow:hidden;margin:0;padding:0}
.contTabmenu li{list-style:none;position:relative;float:left;width:auto;text-align:center}
.contTabmenu li a{display:block;height:38px;margin:0 1px 1px 0;padding:0 20px;font-size:1.154em;color:#909ea7;font-weight:400;border:1px solid #90bddb;background:#fff;line-height:38px}
.contTabmenu li.active a{color:#fff;text-decoration:none;border:1px solid #3992cd;background:#3992cd}
.contTabmenu li a:hover,
.contTabmenu li.active a:hover{color:#fff;border:1px solid #90bddb;background:#90bddb}
.contTabmenu li:last-child{margin-right:0}
.contTabmenu ul.col6 li{width:16.66%}
/* 탭메뉴 circle */
.contTabmenu ul.cir{overflow:visible}
.contTabmenu ul.cir li{display:inline-block;float:none;width:auto;text-align:center}
.contTabmenu ul.cir li a{height:130px;line-height:130px;margin:0 20px 20px;padding:0 26px;font-size:1.867em;color:#fff;font-weight:400;border:5px solid #bcc4c9;background:#bcc4c9;-webkit-border-radius:80px;-moz-border-radius:80px;-o-border-radius:80px;border-radius:80px;letter-spacing:-0.03em}
.contTabmenu ul.cir li.active a{color:#333;text-decoration:none;border:5px solid #0078b0;background:#fff}
.contTabmenu ul.cir li a:hover,
.contTabmenu ul.cir li.active a:hover{color:#fff;border:5px solid #29afd7;background:#29afd7}

/* 팝업(bpopup) 레이어 */
#popLayer{display:none;border:3px solid #29afd7;margin:0;padding:0;background:#fff;z-index:5}
#popLayer .b-close{position:absolute;top:-3px;right:-53px;width:50px;height:50px;text-align:center;line-height:50px;color:#fff;font-size:2.154em;cursor:pointer;background:#29afd7;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;border-radius:25px}
#popLayer .popContent{margin:0;padding:0;border:0}
/* #popLayer .popContent iframe{width:516px;height:750px;border:0;padding:0;margin:0;overflow-y:auto;overflow-x:hidden;z-index:10} */
#popLayer .popContent iframe{width:620px;height:680px;border:0;padding:0;margin:0;overflow-y:auto;overflow-x:hidden;z-index:10}


/* sub01 ─── */

/* 인사말씀 */
.greeting{float:left;/* margin:10px 50px 40% 0; */margin:20px 32px 20px;text-align:center;font-size:0.867em;color:#888;line-height:1.75}
.greeting img{display:block;margin:20px auto 15px;border:0px solid #ddd;-webkit-box-shadow:7px 6px 0px 0px rgba(222,228,230,1);-moz-box-shadow:7px 6px 0px 0px rgba(222,228,230,1);-o-box-shadow:7px 6px 0px 0px rgba(222,228,230,1);box-shadow:7px 6px 0px 0px rgba(222,228,230,1)}
.greeting span{font-size:1.231em;color:#555}

/* 연혁 */
.history{position:relative;width:100%;margin:0;padding:0;border-top:2px solid #0087b0/* background:url(/images/sub/history_img.jpg) no-repeat 100% 2% */}
.history:after{clear:both;content:"";display:block;height:0;visivility:hidden}
.history dl{display:block;clear:both;width:100%;margin:0 auto;padding:2em 0;border-bottom:2px solid #d7d7d7}
.history dl:after{clear:both;content:"";display:block;height:0;visivility:hidden}
/* .history dl dt{position:relative;float:left;width:35%;padding-top:0;font-size:2.4em;color:#2d83b9;font-weight:400;letter-spacing:-.05em;text-align:right;border-top:2px solid #72afd5} */
.history dl dt{float:left;width:140px;height:140px;line-height:140px;margin:0;padding:0;font-size:2.4em;color:#fff;font-weight:400;text-align:center;letter-spacing:-0.1em;background:#56c0e1;-webkit-border-radius:60px;-moz-border-radius:70px;-o-border-radius:70px;border-radius:70px}
.history dl dd{float:left;width:72%;margin-left:10%;padding:0;border-top:0px solid #d7d7d7}
.history dl dd li{list-style:none;margin-bottom:20px;padding-left:130px;font-size:1.067em}
.history dl dd li .mt{float:left;width:100px;height:30px;line-height:30px;margin-left:-130px;padding:0;font-size:0.813em;color:#fff;font-weight:700;text-align:center;letter-spacing:0;background:#a2ca39;
-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px}
.history dl dt.bg2{background:#ccc}
.history dl dd li .mt.bg2{background:#bbb}

/* 조직도 */
.organi{position:relative;width:850px;height:600px;margin:60px 0 0 0;padding:0;list-style:none;text-align:center;background:url(/images/sub/organi_img01.png) no-repeat center 0}
.organi li{display:block;width:300px;height:50px;line-height:50px;margin:0;padding:0;font-size:1em;color:#fff;font-weight:400;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px}
.organi li.etc00{position:absolute;left:275px;top:0;background:#0491bb}
.organi ul{position:relative;margin-top:40px}
.organi ul li{height:50px;line-height:50px;color:#fff;background:#19a4ce}
.organi ul ul{width:870px;margin:50px 0 0 -280px}
.organi ul ul li{float:left;width:250px;margin:0 90px;background:#08bc98}
.organi ul ul ul{width:420px;margin:50px 0 0 -87px}
.organi ul ul ul li{float:left;width:100px;height:40px;margin:0 10px;padding:10px;font-size:0.933em;line-height:1.5;background:#94be25}
.organi ul ul ul ul{width:140px;margin:50px 0 0 -12px}
.organi ul ul ul ul li{float:left;width:20px;height:155px;margin:0 5px;padding:10px 6px;color:#666;line-height:1.3;border:1px solid #a2ca39;background:#fff}

/* 조직도2 */
.organi2{height:750px;margin:0;padding:0;list-style:none;text-align:center;background:url(/images/sub/organi_img01.png) no-repeat center 0}
.organi2:after{display:block;clear:both;visibility:hidden;content:""}
.organi2 li{position:relative;display:inline-block;width:270px;height:55px;line-height:1.5;margin:0;padding:15px 0;font-size:1.385em;color:#fff;background:#036fac;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px}
.organi2 li span{display:block;font-size:15px}
.organi2 ul{width:100%;margin:130px 0 0}
.organi2 ul li{float:left;height:55px;margin:0;padding:0;font-size:0.889em;line-height:55px;background:#0491bb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.organi2 ul li.ps{position:absolute;left:-290px;top:114px;width:200px;background:#07a787}
.organi2 ul ul{width:100%;margin:113px 0 0}
.organi2 ul ul li{font-size:0.938em;background:#19a4ce}
.organi2 ul ul li.ps2{position:absolute;left:-290px;top:84px;width:200px;background:#08bc98}
.organi2 ul ul ul{width:870px;margin:80px 0 0 -300px}
.organi2 ul ul ul li{height:85px;margin:0 10px;padding:10px 0;line-height:2;background:#70a442}
.organi2 ul ul ul li span{padding:4px 0;font-size:1em;background:#7eb350}
.organi2 ul ul ul ul{width:100%;margin:4px 0 0}
.organi2 ul ul ul ul:before{display:block;width:1px;height:12px;margin:0 auto;background:#c2c2c2;content:""}
.organi2 ul ul ul ul li{height:auto;margin:0 0 4px 0;padding:6px 0;color:#555;border:1px solid #7eb350;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}

/* 조직도3 background:url(/images/sub/organi_img01.png) no-repeat center 0*/
.organi3{height:550px;margin:0;padding:0;list-style:none;text-align:center;}
.organi3:after{display:block;clear:both;visibility:hidden;content:""}
.organi3 li{position:relative;display:inline-block;width:350px;height:36px;line-height:1.5;margin:0;padding:15px 0;font-size:1.385em;color:#fff;background:#036fac;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px}

.organi3 ul.org_new{width:100%; height:450px; margin:0; }
.organi3 ul.org_new li {font-size:0.889em;}
.organi3 ul.org_new li.or1{margin:62px 0 0 48px; width:250px; }
.organi3 ul.org_new li.or1:after {display:block; position:relative; z-index:-1; width:1px;height:440px; top:-100px; margin:0 auto; background:#c2c2c2; content:"" }
.organi3 ul.org_new li.or2{margin:45px 0 0 48px; width:250px; background:#27a6cb}
.organi3 ul.org_new li.or3{margin:45px 0 0 48px; width:250px; background:#4ecbb2 }
.organi3 ul.org_new li.or4{margin:45px 0 0 48px; width:250px; background:#42a477}
.organi3 ul.org_new li.or4:after { display: block; z-index:-1; height: 1px; width: 450px; margin: 0 auto; background: #c2c2c2; content: "";  left: -98px; position: relative; top: 40px; }
.organi3 ul.org_new li.or5{position:absolute;left:-240px;top:160px;width:200px;background:#27a6cb}
.organi3 ul.org_new li.or5:after{display: block; height: 1px; width: 213px; margin: 0 auto; background: #c2c2c2; content: "";    left: 200px; position: relative; top: -30px;}
.organi3 ul.org_new li.or6{position:absolute;left:-240px;top:308px;width:200px;background:#4ecbb2}
.organi3 ul.org_new li.or6:after{display: block; z-index:-1; height: 1px; width: 213px; margin: 0 auto; background: #c2c2c2; content: "";   left: 200px; position: relative; top: -30px;}
.organi3 ul.org_new li.or7{position:absolute;left:383px;top:308px;width:200px;background:#4ecbb2}
.organi3 ul.org_new li.or7:before{ display: block; z-index:-1; height: 1px; width: 213px; margin: 0 auto; background: #c2c2c2; content: "";    left: -200px; position: relative; top: 25px;}

.org_sub { display:flex; width:700px; margin: 0 auto; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.org_sub .org_sub1, .org_sub .org_sub2 { display:inline-block; width:250px; z-index:1; }
.org_sub .org_sub1:after, .org_sub .org_sub2:after { display:block; position:relative; z-index:-1; width:1px; height:200px; margin:0 auto; background:#c2c2c2; content:""; top:-260px;}
.org_sub .org_sub1 li, .org_sub .org_sub2 li{ float:none; width:250px; z-index:1; text-align:center; font-size:1.1em ;line-height:50px;border-radius:5px; border:solid 1px #70a442; margin-bottom:20px; background:#fff; }
.org_sub .org_sub1 li:first-child, .org_sub .org_sub2 li:first-child{ background:#70a442;  color:#fff; font-size:1.125em }


.organi3 ul li{float:left;height:55px;margin:0;padding:0;font-size:0.889em;line-height:55px;background:#0491bb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
/*
.org_sub:before { height: 1px; width: 263px; margin: 0 auto; background: #c2c2c2; content: "";  top: 25px;} 

.organi3 ul li{float:left;height:55px;margin:0;padding:0;font-size:0.889em;line-height:55px;background:#0491bb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.organi3 ul li.ps{position:absolute;left:-290px;top:134px;width:200px;background:#07a787}
.organi3 ul li.ps1{position:absolute;left:-290px;top:254px;width:200px;background:#07a787}
.organi3 ul ul{width:100%;margin:113px 0 0}
.organi3 ul ul li{font-size:0.938em;background:#19a4ce}

.organi3 ul ul li.ps2{position:absolute;left:-290px;top:84px;width:200px;background:#08bc98}
.organi3 ul ul ul{width:870px;margin:80px 0 0 -300px}
.organi3 ul ul ul li{height:85px;margin:0 10px;padding:10px 0;line-height:2;background:#70a442}
.organi3 ul ul ul li span{padding:4px 0;font-size:1em;background:#7eb350}
.organi3 ul ul ul ul{width:100%;margin:4px 0 0}
.organi3 ul ul ul ul:before{display:block;width:1px;height:12px;margin:0 auto;background:#c2c2c2;content:""}
.organi3 ul ul ul ul li{height:auto;margin:0 0 4px 0;padding:6px 0;color:#555;border:1px solid #7eb350;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
*/


/* 비전 */
.vision_wp{position:relative;display:block;width:100%;height:650px;margin:30px auto;padding:0;text-align:center;border:0px solid #dee4e6;background:url(/images/sub/01_05_page_img01.jpg) no-repeat center 15px}
.vision_wp h3{position:absolute;left:348px;top:105px;width:175px;height:316px;line-height:138px;font-size:1.6em;font-weight:400;color:#fff}
.vision{position:absolute;left:0;top:10px;display:block;width:100%;height:auto;margin:0;padding:0;text-align:center}
.vision li{position:relative;display:inline-blcok;float:left;list-style:none;width:40%;height:auto;margin:0 5%;padding:0}
.vision li .tlt{height:50px;line-height:50px;font-size:1em;font-weight:700;color:#fff;background:#0b9bc6}
.vision li .disc{height:100px;margin-top:0;padding:13px 0 0 15px;border:1px solid #0b9bc6;background:#fff}
.vision li .disc li{float:none;width:auto;margin:0 0 8px;padding:0 0 0 11px;text-align:left;font-size:0.867em;background:url(/images/inc/li3bg.png) no-repeat 0 9px}

.vision.vs2{top:420px}
.vision.vs2 li{width:29%;margin:0 2.1%}
.vision.vs2 li .tlt{height:35px;line-height:1.3;padding:15px 0;background:#08bc98}
.vision.vs2 li .disc{border:1px solid #08bc98}

/* 기능성 화장품 개발 */
ol.devflow{width:80%;margin:2em 0;padding:0;list-style:none;text-align:center}
ol.devflow li{position:relative;display:block;width:100%;height:auto;margin-bottom:5px;padding:20px 0;font-size:1.133em;font-weight:700;color:#fff;background:#94be25;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px}
ol.devflow i{font-size:4em;color:#ccc}
ol.devflow li.bg2{background:#08bc98}
ol.devflow li.bg3{background:#0b9bc6}

/* 약물활성연구 */
.infogp{position:relative;width:100%;height:510px;margin:10px auto 30px;padding:2em 0;text-align:center;border:3px solid #dee4e6;background:url(/images/sub/01_06_03_page_img01.jpg) no-repeat center 30px}
.infogp h3{position:absolute;left:310px;top:114px;width:250px;height:250px;line-height:250px;font-size:1.6em;font-weight:400;color:#000}
.infogp li{list-style:none;width:150px;height:150px;line-height:150px;margin:0;padding:0;font-size:1.133em;color:#fff}
.infogp li.pos1{position:absolute;left:360px;top:36px}
.infogp li.pos2{position:absolute;left:511px;top:123px}
.infogp li.pos3{position:absolute;left:511px;top:297px}
.infogp li.pos4{position:absolute;left:360px;top:384px}
.infogp li.pos5{position:absolute;left:209px;top:297px}
.infogp li.pos6{position:absolute;left:209px;top:123px}

/* 찾아오시는 길 */
.mapbox{position:relative;margin:1.5em 0 0em;padding:1em 2em .5em 2em;font-size:1.067em;border:1px solid #0087b0}
.mapbox ul{list-style:none;margin:0;padding:0}
.mapbox ul li{margin-bottom:.75em}
.mapbox ul li i{width:22px;height:22px;line-height:22px;margin-right:8px;color:#fff;font-size:0.75em;text-align:center;background:#29afd7;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px}
.mapbox ul li .tel{padding:5px 20px;color:#fff;font-size:1.154em;font-weight:700;background:#0087b0;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px}

/* 교통편 */
.traffic{position:relative;margin:1.5em 0 1em;padding:1em 2em .5em 2em;border:3px solid #dee4e6}
.traffic h4 i{font-size:1.2em;color:#19a4ce;margin-right:12px;vertical-align:middle}


/* sub02 ─── */


/* sub03 ─── */

/* 제품소개 */
.intro{position:relative;width:100%;height:400px;background:url(/images/sub/03_page_img01.jpg) no-repeat 0 0}
.intro .txt{position:absolute;left:50px;top:100px;font-size:2.133em;color:#333;letter-spacing:-0.05em}
.intro .txt strong{font-size:1.188em;color:#19a4ce}

/* 제품종류 */
.pdtype{position:relative;display:block;width:100%;height:200px;margin:30px auto;padding:0;vertical-align:top;text-align:center}
.pdtype li{display:inline-block;float:left;width:160px;height:160px;margin:0 23px;padding:0;text-align:center;border:5px solid #19a4ce;background:#fff;-webkit-border-radius:90px;-moz-border-radius:90px;-o-border-radius:90px;border-radius:90px}
.pdtype li .tit{display:block;font-size:1.067em;color:#333;font-weight:400;margin:45px 0 10px;line-height:1.5}
.pdtype li i{font-size:2.3em;color:#19a4ce}
.pdtype li:hover, .pdtype li:focus{border:5px solid #19a4ce;background:#19a4ce;-webkit-transition:background-color .3;-moz-transition:background-color .3ss;-o-transition:background-color .3s;transition:background-color .3s}
.pdtype li:hover .tit, .pdtype li:focus .tit,
.pdtype li:hover i, .pdtype li:focus i{color:#fff;font-weight:700}

/* 이미지리스트 */
.img_list{position:relative;width:100%;list-style:none;margin-top:20px}
.img_list{width:900px\0/ie8} /* IE 8,9 핵 */
.img_list:after{display:block;visibility:hidden;clear:both;content:""}
.img_list li{display:inline-block;float:left;width:auto;height:auto;margin:0 30px 50px 0;padding:0;font-size:0.867em;;color:#666;text-align:center;line-height:1.4}
.img_list li a{display:block;width:auto;height:auto;margin-bottom:12px;color:#666overflow:hidden;cursor:pointer}
.img_list li img{display:block;margin-bottom:10px}
.img_list li img.bd{border:1px solid #bbc0c2}
.img_list li .mov{margin-bottom:10px}
.img_list li:nth-child(3n+3){margin-right:0}


/******** 메인 컨텐츠 ********/

/** 메인 컨텐츠 레이아웃 **/
#mContWrap{display:block;position:relative;width:100%;height:auto;margin:0;padding:0;background:#fff}

#mCont{display:block;position:relative;width:1140px;height:230px;margin:50px auto 60px;padding:0;background:transparent;overflow:visible}
/* #mCont{display:block;position:absolute;top:-200px;left:50%;margin-left:-570px;width:1140px;height:632px;background:transparent;overflow:visible;z-index:20} */

/** 메인 슬라이드 이미지 **/
#mSlide{position:relative;display:block;width:100%;height:555px;margin:0 auto;background:#fff;overflow:hidden}
#mSlide h3{display:none}
#mSlide #sld_img{display:block;width:100%;height:100%;margin:0 auto;overflow:hidden;z-index:-1}
#mSlide ul{position:absolute;left:0;top:0;list-style:none;margin:0;padding:0}
#mSlide ul li{position:relative;width:100%}
#mSlide ul li img{width:100%;margin:0 auto;padding:0;border:0px solid #e4e4e4;vertical-align:top}
#mSlide #sld_txt{z-index:2;position:absolute;left:50%;top:170px;width:26%;height:auto;margin-left:-30%;padding:0;text-align:center;background:url(/images/main/slide/text_bg.png) no-repeat 0 0}
#mSlide #sld_txt .tit{font-size:2.462em;color:#222;font-weight:700;line-height:1.3;letter-spacing:-0.02em/* ;text-shadow:1px 1px 2px #fff */}
#mSlide #sld_txt .txt{margin-top:3.5%;padding:5% 0;font-size:1.769em;color:#19a4cf;font-weight:700;letter-spacing:-0.03em;border-top:1px solid #19a4ce;border-bottom:1px solid #19a4ce}

/* 메인 슬라이드 이미지 : bxslider */
#mSlide .bx-wrapper{margin-bottom:0;width:auto;height:100%}
#mSlide .bx-wrapper .bx-viewport{width:auto;height:100%;border:0px solid #fff;left:0;background:transparant;-moz-box-shadow:0 0 5px #fff;-webkit-box-shadow:0 0 5px #fff;box-shadow:0 0 5px #fff}
#mSlide .bx-wrapper .bx-viewport ul{margin:0 auto}
#mSlide .bx-wrapper .bx-viewport ul li img{border:0}

#mSlide .bx-wrapper .bx-controls-direction a{position:absolute;top:45%;width:60px;height:60px;margin-top:-30px;outline:0;text-indent:-9999px;z-index:9999}
/* #mSlide .bx-wrapper .bx-prev{left:10%;background:url(/images/main/slide/sld_prev.png) no-repeat 0 50%}
#mSlide .bx-wrapper .bx-next{right:10%;background:url(/images/main/slide/sld_next.png) no-repeat 100% 50%} */

#mSlide .bx-wrapper .bx-pager.bx-default-pager a{height:8px;width:78px;margin:0 3px;background:none /* rgba(255,255,255,.6) */;border:1px solid #19a4ce;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;border-radius:0px;cursor:pointer}
#mSlide .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#mSlide .bx-wrapper .bx-pager.bx-default-pager a.active {height:8px;width:78px;background:#19a4ce;border:1px solid #19a4ce}
#mSlide .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:absolute;bottom:10%;left:50%;width:500px;height:10px;margin-left:-250px;text-align:center}


/* 제품소개 */
#m1{display:block;position:absolute;left:0;top:0;width:300px;height:auto;margin:0;padding:0;vertical-align:top;background:#fff;border:0px solid #c8cbcf}
#m1 h3{margin:0 0 18px 0;padding:0;font-size:1.692em;color:#333;font-weight:400;line-height:1}

#m1 .bx-wrapper{width:300px;height:190px;margin:0 auto}
#m1 .bx-wrapper .bx-viewport{left:0;right:0;border:0px solid #ccc;box-shadow: 0 0 0px #ccc}
#m1 .bx-wrapper .bx-viewport ul{margin:0 auto}
#m1 .bx-wrapper .bx-viewport ul li{height:190px;color:#888;text-align:center}
#m1 .bx-wrapper .bx-viewport ul li img{border:0;margin-bottom:12px}

#m1 .bx-wrapper .bx-controls-direction a{position:absolute;top:44px;outline:0;width:25px;height:53px;text-indent:-9999px;z-index:9999}
#m1 .bx-wrapper .bx-prev{left:-70px;background:url(/images/main/bd_sld_prev.png) no-repeat 0 50%}
#m1 .bx-wrapper .bx-next{right:-70px;background:url(/images/main/bd_sld_next.png) no-repeat 100% 50%}

#m1 .bx-wrapper .bx-pager.bx-default-pager a{height:14px;width:14px;margin:0 0 0 8px;font-size:0;background:#ccc;-webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;cursor:pointer}
#m1 .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#m1 .bx-wrapper .bx-pager.bx-default-pager a.active{background:#ed217c}
#m1 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:absolute;right:0;top:-45px;width:150px;height:20px;padding-top:0;text-align:right}
#m1 .bx-wrapper .bx-caption{background:#000;background:rgba(0,0,0,0.4);filter:alpha(opacity=60)}
#m1 .bx-wrapper .bx-caption span{font-family:'Nanum Gothic'}

/* 탭메뉴 */
#m2 .tabMenu{width:100%;overflow:hidden}
#m2 .tabMenu ul{padding:0;margin:0;overflow:hidden}
#m2 .tabMenu li{list-style:none;position:relative;float:left/* url(/images/main/mtab_bullet.gif) no-repeat 0 2px */}
#m2 .tabMenu li a{display:block;height:38px;line-height:38px;margin-right:1px;padding:0 15px;background:#d5d5d5;font-size:1.077em;color:#666}
#m2 .tabMenu li a:hover{text-decoration:none;color:#fff;background:#a2ca39;-webkit-transition:background-color .3;-moz-transition:background-color .3ss;-o-transition:background-color .3s;transition:background-color .3s}
#m2 .tabMenu li.active a,
#m2 .tabMenu li.active a:hover{background:#19a4ce;color:#fff}
/* #m2 .tabMenu li:last-child{padding-right:0}
#m2 .tabMenu li:first-child{background:none;padding-left:0} */

/* 공지사항 */
#m2{display:block;position:absolute;left:340px;top:0;width:460px;height:auto;margin:0;padding:0;background:#fff;vertical-align:top;border:0px solid #c8cbcf}
#m2 h3{font-size:1.385em;color:#555;font-weight:400;border-left:0px solid #bbb;margin:0;padding-left:0}
#m2 ul{margin-top:22px;width:100%}
#m2 ul li{display:block;list-style:none;line-height:2.1}
#m2 ul li a{display:inline;color:#777;font-size:1.077em;overflow:hidden;cursor:pointer}
#m2 ul li a:hover,
#m2 ul li a:focus,
#m2 ul li a:hover span.subject{color:#222}
#m2 ul li a span.subject{display:inline;width:370px/* float:left;padding:0 0 0 9px;background:url(/images/main/mli1bg.gif) no-repeat 0 11px */}
#m2 ul li a span.date{display:inline;float:right;color:#aaa;letter-spacing:0}
#m2 .more a{position:absolute;right:0;top:0}

/* SRCNM 사진첩 */
#m2 .srcpt{margin-top:22px;width:100%}
#m2 .srcpt{width:464px\0/ie8} /* IE 8,9 핵 */
#m2 .srcpt li{display:inline-block;list-style:none;float:left;margin:0 4px 10px 0;padding:0}
#m2 .srcpt li a{display:block;width:112px;height:auto;color:#777;font-size:1em;overflow:hidden;cursor:pointer}
#m2 .srcpt li a:hover,
#m2 .srcpt li a:focus{color:#222}
#m2 .srcpt li img{display:block}
#m2 .srcpt li:nth-child(4n){margin-right:0}

/* 우측링크 */
#m3{display:block;position:absolute;right:0;top:0;width:310px;height:auto;margin:0;padding:0;vertical-align:top}
#m3 ul{width:100%;list-style:none}
#m3 ul li{display:inline-block;float:left;width:145px;height:110px;margin:0 0 10px 10px;padding:0;text-align:center;background:#19a4ce}
#m3 ul li a{display:block;color:#fff;font-size:1.077em;overflow:hidden;cursor:pointer}
#m3 ul li a:hover,
#m3 ul li a:focus{}
#m3 ul li img{display:block;margin:17px auto 11px}
#m3 ul li.bg2{background:#8cb81c}
#m3 ul li:hover{background:#ed217c;opacity:0.80;filter:alpha(opacity=80);-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-o-transition:background-color .5s;transition:background-color .5s}


/******** 반응형 ********/

@media screen and (max-width:1919px) {
	#mSlide{height:100%}
}

@media screen and (min-width:1740px) and (max-width:1919px) {
	#mSlide #sld_txt{top:160px}
	#mSlide #sld_txt .tit{font-size:1.923em}
	#mSlide #sld_txt .txt{font-size:1.385em}
}

@media screen and (min-width:1420px) and (max-width:1739px) {
	#mSlide #sld_txt{top:140px}
	#mSlide #sld_txt .tit{font-size:1.538em}
	#mSlide #sld_txt .txt{font-size:1.231em}
}

@media screen and (min-width:1000px) and (max-width:1419px) {
	#mSlide #sld_txt{top:100px;width:28%}
	#mSlide #sld_txt .tit{font-size:1.308em}
	#mSlide #sld_txt .txt{font-size:1em}
}

@media screen and (min-width:780px) and (max-width:999px) {
	#mSlide #sld_txt{top:70px;width:32%}
	#mSlide #sld_txt .tit{font-size:1.154em}
	#mSlide #sld_txt .txt{font-size:0.846em}
}

@media screen and (max-width:779px) {
	#mSlide #sld_txt{display:none}
}